@charset "UTF-8";
body {
	font:90%/1.7 "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: 0;
	padding: 0;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	line-height: 200%;
}

a:link {
	color: #000;
	text-decoration: none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
}

/* ~~ この固定幅コンテナが他のすべての div を囲みます。~~ */
.container {
	width: 850px;
	margin:150px auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	overflow: hidden; /* この宣言により .container は、含まれているフローティングカラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
    padding: 50px;
    text-align:justify;
    background-color: white;
}

.container-index {
	width: 850px;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	overflow: hidden; /* この宣言により .container は、含まれているフローティングカラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
    padding: 50px;
    text-align:justify;
    background-color: transparent;
}

.content {
	width: 800px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;/* コンテンツのサイドからの距離調整 */
	font-size: 10px;
	text-align:justify;
	line-height:200%;
	font-variant: normal;
	text-transform: none;
	font-style: normal;
}

.centertitle {
	text-align:center;
	font-size: 30px;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	font-style: normal;
}

.centertitlepetit {
	text-align:center;
	font-size: 17.5px;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	font-style: normal;
}


.centertext {
	text-align:center;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	font-style: normal;
}

/* ~~ テーブル構造~~ */


.profiletable {
  border-collapse:collapse;
  border-spacing:0px; 
  border:0px;
  width:100%;
  font-size: normal;
}

.profiletable tr td:nth-child(1) {
  width:80px;
}

.profiletable tr td:nth-child(2) {
  width:250px;
}

.profiletable tr td:nth-child(3) {
  width:250px;
}

.profiletable tr td:nth-child(4) {
  width:120px;
}

/* ~~ テーブル構造ここまで~~ */

/* ~~ テーブル構造 artworks~~ */


.tableartworks {
  border-collapse:collapse;
  border-spacing:0px; 
  border:0px;
  width:100%;
 height:20px;
  font-size: normal;
  vertical-align:top;
}

.tableartworks tr td:nth-child(1) {
  width:250px;
}

.tableartworks tr td:nth-child(2) {
  width:250px;
}

.tableartworks tr td:nth-child(3) {
  width:250px;
}

/* ~~ テーブル構造artworksここまで~~ */


/* ~~ ボタン構造ここから~~ */

.button {
  display: inline-block;
  width: 100px;
  height: 50px;
  text-align: center;
text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


.button {
  background-color: #fefefe;
  color: #ffc0cb;
}
.button:hover {
  background-color: #ffc0cb;
}
}
/* ~~ ボタン構造ここまで~~ */

/* ~~ instagram構造ここから~~ */

.instagram {
margin-bottom: 60px;
position:50px;
top: 20px;
}

/* ~~ instagram構造ここまで~~ */




.underline {
border-bottom: solid 3px #87CEFA;
  background: linear-gradient(transparent 50%, #ffc0cb 50%);
}


/* ~~ Reproductionここから~~ */

.reproduction{
    text-align:left;
   font-size:20%;
}
/* ~~ Reproductionここまで~~ */

/* ~~ ライン~~ */
p.line {
   font-size:5em;
}
/* ~~ ラインここまで~~ */

.text {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:200%;
	font-size:normal;
	font-size-adjust:
}

.title {
	font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size:1.5em;
    color: #000;
    text-align: left;
    line-height: 380%;
}

.end {
	font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size:0.6em;
    color: #000;
    text-align: left;
    line-height: 220%;
}

.list {
	list-style:none;
	margin-left:-40px;
}

.listhead {
	list-style:none;
    margin-left:-40px;
}

.left {
	margin:-500px;
	padding-left:-500px;
}

 

/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}


ul.nav {
	list-style: none; /* リストのマーカーを削除します。 */
	border-top: 1px solid #fff; /* リンク用の上部のボーダーを作成します。他のすべてのものは LI 上で下部のボーダーを使用して配置されます。 */
	margin-bottom: 15px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
}

ul.nav li {
	border-bottom: 0px solid #fff; /* ボタンの区切り線を作成します。 */
}

/* サイドバー */
ul.nav a, ul.nav a:visited { 
	padding: 5px 5px 5px 5px;
	display: block; 
	width: 100px;
	text-decoration: none;
	background: #fff;
	margin-left:0px;
	margin-bottom:0px;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* マウスオーバー時のカラー変更 */
	background: #fff;
	color: #CCC;
}

/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、.container で overflow:hidden が削除されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


.midashi2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
}
.midashi3small {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 9px;
}
.keireki {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	text-align:justify;
}


.langage {
    text-align:center;
    padding-top: -100px;
}

.menu{
	float: center;
    width:750px;
    font-size: 1.2em;
    
}



/* ~~ logoの中央揃え~~ */
.logo{
 text-align: center;
}
/* ~~ logoの中央揃えここまで~~ */



#vegas {
    width: 100vw;
    height: 100vh;
}