@charset "utf-8";


/*基本設定-----------------------------------------*/
/* 隙間なく表示させるおまじない */
html, body { 
  margin: 0px;
  padding: 0px;
 }

/* ページ内全体の文字の設定と背景の設定 */
body { 
  

   font-family: ab-suzume, sans-serif;
   font-style: normal;
   font-weight: 400;
    font-size: 1em;
    color: #ffffff;
    background-image: url(sozai1.png);
    background-repeat:no-repeat;
    background-size:  150%;
    


 #container{
   background-attachment: cover;
   margin: 0 auto;
   width: 100%;
   height: 80%;
   max-width :390px;
   max-height: 1200px;
   overflow-x: hidden;
   overflow-y: hidden;
   
   
   }

.haikei img{
  width: 90%;
  height: auto;
}

/*.panel img{
  position:absolute;
  bottom: 710px;     
  left:  170px;     
  width: 250px;
  height: auto;
}*/


.name{ 
 font-size: 20px;
 text-align: center;
 line-height: 10px;
 color: white;
 position:relative;
 bottom:940px;
 font-family: ab-suzume, sans-serif;
 font-style:normal ;
 left:5px;
}

.username{
  font-size: 15px;
}}


.back{
  position: relative;
  bottom:920px;
}

.back img{
  position: relative;
  top: 10px;
  right:160px;
  width:400px;
  height: auto; 
  
}

.icon img{
  position:relative;
  bottom: 1120px;
  left: 160px;
  width: 20%; 
  height: auto;
  border-radius: 50%; 

}

.follow-mark img{
  position: relative;
  bottom:1255px;
  left:130px;
  width:200px;
  height: auto; 

}

.photo-slaidmark img{
  position: relative;
  bottom:800px;
  left:40px;
  width:300px;
  height: auto; 
}


.fhoto1 > *{
  border: 10px solid rgb(210, 225, 234);
 border-radius: 20px;
  
}

.fhoto1 {
  position: relative;
  bottom:1350px;
  right:45px;
  
  display: flex;
  gap:20px;
  justify-content: space-around;
  align-items: center;
  font-size: 2em;
}

.fhoto1 img{
  width:250px;
  height: auto; 
  border-radius: 20px;
}


.n1 img{
  width: 90px;
  height: auto; 
}
.n2 img{
  width: 200px;
  height: auto;
}
.n3 img{
  width: 90px;
  height: auto; 
}

.fhoto2 img{
  width:120px;
  height: auto; 
}

.fhoto2{
  border-top: 100px;
}

.n4 img{
 position: relative;
 bottom:1170px;
 left:30px;
}

.n5 img{
 position: relative;
 bottom:1170px;
 left:30px;
}

.n6 img{
 position: relative;
 bottom:1170px;
 left:30px;
}


.diary1 {
  position: relative;
  bottom:1620px;
  left:180px;
}

.diary2{
  position: relative;
  bottom:1565px;
  left:180px;
}


.diary3 {
  position: relative;
  bottom:1510px;
  left:180px;
}

.maintext {
  font-family:  ab-aki, sans-serif;
  font-size: 30px;
  position: relative;
  bottom:1340px;
  left:85px;
}


.subtext {
  font-family:  ab-suzume, sans-serif;
  font-size: 30px;
  position: relative;
  bottom:1620px;
  left:50px;
}

/*.button{
  position: relative;
  bottom:2500px;
  color: blanchedalmond;
}
*/