@charset "utf-8";
html,
body {
  margin: 0;
  padding: 0;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  overflow-x: hidden;
  text-decoration: none;
  color: #68360e;
}

a {
  text-decoration: none;
  color: #68360e;
}

* {
  box-sizing: border-box;
}
.zen-maru-gothic {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
}
#main-container {
  margin: 0 auto;
  width: 100%;
  max-width: 390px;
  min-height: 844px;
  /* 高さは可変にする */
  background-image: url(backguraundo.png);
  background-size: cover;
  /* 背景画像を画面いっぱいに広げる */
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  padding-bottom: 20px;
  /* 子要素のabsoluteの基準点にする */
}


#header{
  background-image: url("menuber.png");
  width: 100%;
  height: 108px;
  background-size: contain;
  background-repeat: no-repeat;
}
#main-vi{
  background-image: url("mainvi.png");
  width: 100%;
  height: 743px;
  background-size: contain;
  background-repeat: no-repeat;

}
#taxt1{
    width: 150px;
    height: 210px;
    font-weight: 500;
    padding: 10px 0px 0px 20px;
    writing-mode: vertical-rl;
    
}
#taxt1 p{
font-size: 30px;
  line-height: 1.5;
  margin: 0px 0px 8px 0px;
  padding: 10px 0px 0px 10px;
  
}
#story{
  background-image: url("story.png");
  width: 100%;
  height: 108px;
  background-size: contain;
  background-repeat: no-repeat;
      margin: 50px 0px 70px 35px;
}
#manga1{
  margin: 0px 0px 50px 0px;
  background-image: url("kuraiie.png");
  width: 100%;
  height: 408px;

  background-size: contain;
  background-repeat: no-repeat;
}
#text1{
    writing-mode: vertical-rl;
    width: 100px;
    height: 211px;
    font-size: 23px;
    padding: 53px 0px 0px 373px;
    color: #000000;
}
#manga2{
  background-image: url("kyoumosamui.png");
  width: 100%;
  height: 303px;
background-size: contain;
  background-repeat: no-repeat;
}
#text2{
  font-size: 18px;
  color: #000000;
}
#manga3{
    background-image: url(tokei.png);
    width: 100%;
    height: 208px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0px 0px 0px 181px;
}
#text3{
  font-size: 18px;
  color: #000000;
}
#manga4{
    background-image: url(carry.png);
    width: 100%;
    height: 384px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0px 0px 0px 6px;
}
#text5{
  font-size: 18px;
  color: #000000;
}
#manga5{
    background-image: url(gotisousama1.png);
    width: 100%;
    height: 381px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0px 0px 0px 6px;
}
#manga6{
    background-image: url(kuraiyoru.png);
    width: 50%;
    height: 181px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 150px 0px 0px 106px
}
#text7{
  font-size: 18px;
  color: #000000;
}
#manga7{
    background-image: url(samisii.png);
    width: 100%;
    height: 310px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 110px 0px 90px 18px;
}
#manga8{
    background-image: url(asiato.png);
    width: 100%;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
   
}
#manga9{
    background-image: url(box.png);
    width: 50%;
    height: 181px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 150px 0px 0px 106px
}
#text9{
  font-size: 18px;
  padding: 6px 0px 0px 70px;
  color: #000000;
}
#manga10{
    background-image: url(ohayouhukidasi.png);
    width: 100%;
    height: 232px;
    background-size: contain;
    background-repeat: no-repeat;
    
}
#text10{
    font-size: 21px;
    padding: 31px 44px 0px 0px;
    text-align: right;
    
}
#text11{
  font-size: 21px;
  padding: 16px 0px 0px 70px;
  text-align: left;

}
#manga11{
    background-image: url(ohayo.png);
    height: 192px;
    background-size: contain;
    background-repeat: no-repeat;
    
}
#manga12{
    background-image: url(bikkuri.png);
    height: 620px;
    background-size: contain;
    background-repeat: no-repeat;
    
}
#manga13{
    background-image: url(touzyou.png);
    height: 425px;
    background-size: contain;
    background-repeat: no-repeat;
    
}
#manga14{
    background-image: url(moti.png);
    height: 580px;
    background-size: contain;
    background-repeat: no-repeat;

}
#manga15{
        background-image: url(osiri.png);
    height: 204px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 9px;
}
#manga16{
    background-image: url(attakai.png);
    height: 541px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
}
#manga17{
   background-image: url(tokei2.png);
    height: 210px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 159px;
    margin-top: 50px;
}
#manga18{
   background-image: url(hukidasiitadakimasu.png);
    height: 130px;
    background-size: contain;
    background-repeat: no-repeat;
}
#text18{
  font-weight: 500;
  color: #000000;
  
}
#manga19{
   background-image: url(carry2.png);
    height: 210px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 55px;
}

#manga20{
   background-image: url(oisiine.png);
    height: 541px;
    background-size: contain;
    background-repeat: no-repeat;
}
#manga21{
   background-image: url(night.png);
    width: 50%;
    height: 181px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 150px 0px 0px 106px;
}
#manga22{
   background-image: url(oyasumi2.png);
    height: 781px;
    background-size: contain;
    background-repeat: no-repeat;
}
#text23{
  color: #754e00;
  font-size: 42px;
  font-weight: 500;
    width: 292px;
    line-height: 0.5em;
    margin-left: 20px;
    margin-top: 250px;
}
#manga23{
  margin: 0px 0px 50px 0px;
    background-image: url(hothome.png);
    width: 100%;
    height: 431px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 10px;
}
#textsaigo{
    writing-mode: vertical-rl;
    width: 100px;
    font-size: 23px;
    padding: 17px 0px 0px 367px;
}

#bottan{
    background-image: url(bottan.png);
    height: 95px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 1px 0px 110px 65px;
}
#main-container2{
  margin: 0 auto;
  width: 100%;
  max-width: 390px;
  min-height: 844px;
  /* 高さは可変にする */
  background-image: url(backgraund2.png);
  background-size: cover;
  /* 背景画像を画面いっぱいに広げる */
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  padding-bottom: 141px;
  /* 子要素のabsoluteの基準点にする */
}
#tukaikata{
  background-image: url(tukaikata.png);
   width: 100%;
  height: 108px;
  margin-top: 30px;
  background-size: contain;
  background-repeat: no-repeat;
}
#text24{
  font-size: 20px;
padding-left: 53px;
    padding-top: 1px;
    font-weight: 500;
}
#topback{
   background-image: url(topback.png);
   width: 100%;
  height: 319px;
  margin-top: 0px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 31px;
  padding-top: 20px;
}
#hari{
   background-image: url(hari.png);
   width: 100%;
  height: 279px;
  margin-top:0px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 51px;
}
#iti{
   background-image: url(1.png);
    width: 100%;
    height: 429px;
    margin-top: 57px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 11px;
}
#text25{
  font-size: 24px;
    padding-top: 1px;
    font-weight: 500;
    text-align: center;
    color: 874e1a;
}
#ni{
   background-image: url(2.png);
    width: 100%;
    height: 429px;
    margin-top: 57px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 11px;
}
#text26{
  font-size: 28px;
    padding-top: 11px;
    font-weight: 500;
    text-align: center;
    color:#874e1a;
}
#text27{
  margin-top: 170px;
    font-size: 16px;
    padding-top: 11px;
    font-weight: 400;
    color: #874e1a;
    margin-left: 48px;
}
#san{
   background-image: url(3.png);
    width: 100%;
    height: 429px;
    margin-top: 57px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 11px;
}
#text28{
  font-size: 28px;
    padding-top: 11px;
    font-weight: 500;
    text-align: center;
    color:#874e1a;
}
#bottan2{
  background-image: url(bottan2.png);
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 90px 0px 0px 120px;
}
#manga24{
background-image: url(asiato2.png);
    width: 100%;
    height: 130px;
    background-size: contain;
    background-repeat: no-repeat;
  }