@charset "utf-8";


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

/* ページ内全体の文字の設定と背景の設定 */
body {
    font-family: "Kiwi Maru", serif;
    font-size: 14px;
    color: #000000;
    background-color: #ffffff;

    background-size: cover;
    }

/* ページ内全体のリンクの文字色 */
a{text-decoration: none;}
a:link {color: #000000;} 


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

#keyvisual{
  width: 100%;
  background-size:cover;
  align-items: flex-end;
}

#toptitle{
  width: 100%;
  text-align: center;
  position:sticky;
  top:30px;
}

#profielimage{
  width: 100%;
  text-align: center;
  margin: 0px;
}

#comme{
  text-align: center;
  position: absolute;
  top:243px;
  margin-left:43px;
  font-size:10px !important;
  line-height: 20px;
}

#collection{
  width: 100%;
}

#flame{
  background-image: url(img/comment2.svg);

}

#doglove{
  text-align: center;
  padding: 60px;
  line-height:30px;

}


#maintxt{
  width: 90%;
  margin: 0 auto;
}

.top_btn_block{
  display:block;
}




.h2txt{
  display: inline;

  background-color: #ffffff;
  padding: 2px 50px 0 50px;
  margin: 0;
  color: #000000;
  font-family: "Kiwi Maru", serif;
  font-weight: 60;
  font-size: 1em;
  line-height:1em;
}

.btncopy{
  padding: 5px;
  margin: 5px;
  border-top: 1px solid #000;
  font-family: "Noto Serif JP", serif;
  font-size: 0.85em;
  line-height:1.5em;
}




.hr1 {
  border: none;
  margin-bottom: 2px;
}



#button{
  width: 10%;
  text-align: center;
  position:sticky;
  top:450px;
  left:15px;
  margin:5px;
  

}