@charset "UTF-8";
/* CSS Document */

body {
    margin-top: 0px;
    font-size:20px;
    font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
    height:2400px;
    background-color:#99CCFF;
    background-image:url("pic/background6.JPG"); /*背景画像のファイル*/
    background-position: center;
    background-repeat:no-repeat;
    background-size:contain; 
    line-height:1.4;
    -webkit-text-size-adjust:100%;
} 

/*タイトル*/
h1 {
    font-size:50pt;
    color:#00FFFF;
    text-align:center;
}

/*メインイメージ*/
#mainInfo{
    width:1200px;
    height:520px;
}
#mainImg {
    margin:20px; 
    width: 750px;
    height: 480px;
    position: relative;
    float:left;
    left:200px;
}
#mainImg img {
    position: absolute;
    top: 0;
    left: 0;

}


/*ページ背景の説明*/
#info {
    text-align:center;
    position:relative;
    float:left;
    background:#66FFCC;
    height:120px;
    width: 200px;
    border-radius:50px/25px;
    top:60px;
    left:200px;
    font-size:16px;
}

/*プロフ設定*/
#sample{
  position:relative;
  top:480px;
  left:450px;
  background:white;
  width:370px;
  height:400px;
  border:groove 10px #FFCCCC;}

	#sample section{
	  position:absolute;
    	  top:1%;
	  left:1%;
    	  color:black;
	  word-break:break-all;
	  }
	
	#sample img {
	  position:absolute;
	  width:370px;
	  height:400px;
	  opacity:0.5;
	  vertical-align:middle;
	  }
  
#Toshiki{
  position:absolute;
  top:850px;
  left:458px;
  background:white;
  width:370px;
  height:400px;
  border:inset 10px #FFCCCC;}

	#Toshiki section{
    	  position:absolute;
    	  top:1%;
    	  left:1%;
    	  color:black;
    	  word-break:break-all;
	  }

	#Toshiki img {
	  position:absolute;
	  width:370px;
	  height:400px;
	  opacity:0.5;
	  vertical-align:middle;
	  }

#Haruki{
  position:absolute;
  top:1234px;
  left:35px;
  background:white;
  width:370px;
  height:400px;
  border:inset 10px #FFCCCC;}

	#Haruki section{
    	  position:absolute;
   	  top:1%;
    	  left:1%;
 	  color:black;
    	  word-break:break-all;
	  }

	#Haruki img {
	  position:absolute;
	  width:370px;
	  height:400px;
	  opacity:0.3;
	  vertical-align:middle;
	  }

#Suharu{
  position:absolute;
  top:1234px;
  left:875px;
  background:white;
  width:370px;
  height:400px;
  border:inset 10px #FFCCCC;}

	#Suharu section{
   	  position:absolute;
    	  top:1%;
    	  left:1%;
    	  color:black;
   	  word-break:break-all;
	 }

	#Suharu img {
	  position:absolute;
	  width:370px;
	  height:400px;
	  opacity:0.3;
	  vertical-align:middle;
	  }

#Mayu{
  position:absolute;
  top:1740px;
  left:180px;
  background:white;
  width:370px;
  height:400px;
  border:inset 10px #FFCCCC;}

	#Mayu section{
	  position:absolute;
    	  top:1%;
	  left:1%;
    	  color:black;
	  word-break:break-all;
	  }

	#Mayu img {
	  position:absolute;
	  width:370px;
	  height:400px;
	  opacity:0.5;
	  vertical-align:middle;
	  }

#Sora{
  position:absolute;
  top:1740px;
  left:730px;
  background:white;
  width:370px;
  height:400px;
  border:inset 10px #FFCCCC;}

	#Sora section{
	  position:absolute;
    	  top:1%;
	  left:1%;
    	  color:black;
	  word-break:break-all;
	  }

	#Sora img {
	  position:absolute;
	  width:370px;
	  height:400px;
	  opacity:0.4;
	  vertical-align:middle;
	  }


.b-info{position:absolute;bottom:1%;left:0;}

/*フッター*/
#foot{
  position:absolute;
  top:2400px;
  width:1280px;
  height:20px;
  font-size:25px;
  text-align:center;}

/*ニックネーム*/
#yomi{font-size:16px;
      font-family:'Montserrat Subrayada',sans-serif;
     }