@charset "utf-8";

html, body { 
    margin: 0px;
    padding: 0px;
   }
  
  /* サイト全体に係わる設定----------------- */
  body {  font-family: "Yomogi", serif; 
      font-size: 1em; /* フォントサイズの指定 */
      font-style: normal;
      line-height:1.8em; /* 行間の指定 */
      background-color: #000000; /* 背景色の指定 */}

 
  
  a{text-decoration: none; /* リンクの文字に下線を表示させない */
      color: #000000; /* リンクの文字には白色 */}
  

  #container{ 
    background-color: #ffffff; /* 背景色 */
    margin: 0 auto; /* 上下の空きなし、左右中央に表示せよ */
    width: 100%; /* 横幅は画面いっぱいまで広げてくれ */
    max-width :390px; /* ただし、横幅の最大は430ピクセルな */
    text-align: center; /* この中にあるものは中央揃えで配置してくれ */
    background-image: url(photo/haikeinote.png); /* 背景に表示させている画像 */
    background-position: center; /* 画像は中心から表示してね */
    position: relative;
    }
    

    #profile_photo{
        margin-top: -30px; /* 上の隙間を-20ピクセルにしてね（上のエリアに食い込む） */
        }
    
   .photo_radius{
        margin-left: -150px;
        margin-bottom: -50px;
        margin-top: 50px;
        width: 110px; /* 横20ピクセル */
        height: 110px; /* 縦260ピクセル */
        border-radius: 50%; /* 角をまーるくして */
        object-fit: cover;
        border: solid 5.5px #000000; /* 縦横比キープしていっぱいに表示 */
    }

    #hukidashi{
     margin-left: 15px;/* 上の隙間を-20ピクセルにしてね（上のエリアに食い込む） */}

 .header
    {font-size: 1.8em;
        font-weight: bold;
     padding-left: 140px;
     margin-top: -110px;  }

 .toukanote
     {margin-right: 180px;
        margin-top: 20px; }

 .waternote
     {margin-right: 5px;
    margin-top: 50px;}

    .marinnote
     {
     margin-top: 50px;}

 #profile_name
     {   font-size: 1.8em;
        margin-top: -430px;
     padding-left: 120px;
     line-height:40px; }  

.hiniti{display: flex;}
.birth{display: flex;}
.seibetu{display: flex;}

#profile_birthday
{position: absolute;
    font-size: 1.5em;
padding-left: 50px;
 top: 255px;}

 #birthday
{position: absolute;
font-size: 1.2em;
padding-left: 300px;
top: 260px;}

#profile_seibetu
{position: absolute;
    font-size: 1.5em;
    padding-left: 50px;
    top: 340px;
margin-top: -8px;}

#seibetu
{position: absolute;
    font-size: 1.2em;
    padding-left: 300px;
    top: 315px;
padding-top: -50px;}

#profile_days
{position: absolute;
    font-size: 1.5em;
    padding-left: 50px;
    top: 410px;
margin-top: -30px;}

 #days
{ position: absolute;
    font-size: 1.2em;
    padding-left: 302px;
    top: 365px;}

    #jikosyoukai
    {position: absolute;
        font-size: 1.5em;
        padding-left: 50px;
        top: 390px;
        left: 95px;
    }
    
    
 #space{margin-top: 210px;
    margin-bottom: -20px;
    font-size: 1.2em;}

    #syoukai
    {position: absolute;
        font-size: 1.2em;
        padding-left: 50px;
        top: 465px;
      
    }

 .h2txt{font-size: 1.5em;
    margin-top: -55px;}
 .husen{margin-top:150px;}

 #koukannikki
{position: absolute;
    font-size: 1.4em;
    font-weight: bold;
    padding-left: 64px;
    top: 850px;
margin-top: -30px;}

#taitol
{position: absolute;
    font-size: 1.4em;
    font-weight: bold;
    padding-left: 275px;
    top: 850px;
margin-top: -30px;}

#new
{position: absolute;
    font-size: 1.4em;
    font-weight: bold;
    padding-left: 55px;
    top: 1080px;
margin-top: -30px;}

.newbotan
{position: absolute;
    margin-left: -110px;
    top: 1120px;
margin-top: -30px;}


#dialy_day
{margin-top: -50px;}

.dialy
{position: absolute;
    font-size: 1.5em;
    font-weight: bold;
    padding-left: 135px;
    top: 725px;
margin-top: -30px;}

.tensen
{position: absolute;
   right: 22px;
top: 710px;}

.tensenda
{position: absolute;
   right: 22px;
top: 445px;}



.kakuze{
    padding-left: 280px;
padding-bottom: -250px;}

    .hutta-{
        position: fixed;
        bottom: 0;
        width: 100%;
      }