@charset "utf-8";

html, body { 
  margin: 0px;
  padding: 0px;
 }

.zen-maru-gothic-medium {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
}



 body {
     font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1em; /* フォントサイズの指定 */
    line-height:1.8em; /* 行間の指定 */
    background: #eb644a;
          margin: 0;
 }


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

.iphone12pro {
      background: #eb644a;
      overflow-y: auto;  /* 中身が長い場合スクロール */
      padding: 20px;
      box-sizing: border-box;
z-index:1;
}

.mochi {
    width:320px;
    height:auto; 
    display: block;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
}

.niku {
    width:320px;
    height:auto; 
    display: block;
    margin-top: -50px;
    margin-left: auto;
    margin-right: auto;
}

.dai {
    width:320px;
    height:auto; 
    display: block;
    margin-top: -45px;
    margin-left: auto;
    margin-right: -20px;
}

.panda1 {
    width:130px;
    height:auto; 
    display: block;
    margin-top: -270px;
    margin-left: -20px;
    margin-right: auto;
}

.shiri {
   position: absolute;
  color: #2e0b04;
  width: 60%;
  margin: 0 auto 50px auto;
  display: flex;
  justify-content: flex-end;
  position: relative;
  top: -230px;
  margin-left: -122px;
  font-size: 14px;
   z-index: 10;
}

.hiden {
    width: 345px;
    height: auto; 
    display: block;
    inset: auto;
    margin-top: -60px;
    padding-bottom: px;
     z-index: 11;
}


.reshipi{
    font-weight: bold;
    font-size: 28px;
    color: #6f4e48;
    padding: 2em 1em 2em 3em;
    margin-top: -900px;
    margin-left: 10px;
}

.sono1{
    font-size: 24px;
    color: #6f4e48;
    margin-top: -60px;
    margin-left: 47px;
}

.sono1naka{
    font-size: 18px;
    color: #6f4e48;
    margin-top: -5px;
    margin-left: 47px;
}

.sono2{
    font-size: 24px;
    color: #6f4e48;
    margin-top: -60px;
    margin-left: 47px;
}

.sono2naka{
    font-size: 18px;
    color: #6f4e48;
    margin-top: -5px;
    margin-left: 47px;
}


.brank {
    width:97%;
    height:auto; 
    display: block;
    margin-top: 20px;
    margin-left: 1%;
    margin-right: auto;
}




.panda2 {
    width:97%;
    height:auto; 
    display: block;
    margin-top: 50px;
    margin-left: 1%;
    margin-right: auto;
}
 .saik {
    writing-mode: vertical-rl;
   position: absolute;
  color: #2e0b04;
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: flex-end;
  position: relative;
  top: -250px;
  margin-left: 40px;
  font-size: 20px;
   z-index: 10;
}

 .saik3 {
    writing-mode: vertical-rl;
   position: absolute;
  color: #2e0b04;
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: flex-end;
  position: relative;
  top: -250px;
  margin-left: 40px;
  font-size: 20px;
  font-weight: 700;
   z-index: 10;
}

 .saik2 {
    writing-mode: vertical-rl;
   position: absolute;
  color: #2e0b04;
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: flex-end;
  position: relative;
  top: -405px;
  margin-left: -188px;
  font-size: 20px;
   z-index: 10;
}

.panda3 {
    width:97%;
    height:auto; 
    display: block;
    margin-top: -280px;
    margin-left: 1%;
    margin-right: auto;
}


.saik4 {
   position: absolute;
  color: #2e0b04;
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: flex-end;
  position: relative;
  top: -97px;
  margin-left: -47px;
  font-size: 20px;
   z-index: 10;
}





.shita {
    height:auto; 
    display: block;

    margin-top: 20px;
    margin-bottom: -20px;
    margin-left: -20px;
    margin-right: -20px;

width: calc(100% + 40px);

    line-height: 0;
z-index:3;
}


.dodonn {
    width:97%;
    height:auto; 
    display: block;
    margin-top: -1500px;
    margin-left: 1%;
    margin-right: auto;
}



.nikuman {
    width:97%;
    height:auto; 
    display: block;
    margin-top: 25px;
    margin-left: 1%;
    margin-right: auto;
}

.line {
    width:99%;
    height:auto; 
    display: block;
    margin-top: -340px;
    margin-left: -1%;
    margin-right: auto;
    margin-bottom: 50px;
}


.yori1 {
   position: absolute;
  color: #2e0b04;
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: flex-end;
  position: relative;
  top: 20px;
  margin-left: 10px;
  font-size: 20px;
   z-index: 10;
}


.yori2 {
   position: absolute;
  color: #2e0b04;
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: flex-end;
  position: relative;
  top: -10px;
  margin-left: 10px;
  font-size: 20px;
   z-index: 10;
}


.ikkr {
    width:95%;
    height:auto; 
    display: block;
    margin-top: 35px;
    margin-left: 1%;
    margin-right: auto;
}


.daitokka {
    width:90%;
    height:auto; 
    display: block;
    margin-top: -10px;
    margin-left: 4%;
    margin-right: auto;
}


.goko {
    width:95%;
    height:auto; 
    display: block;
    margin-top: 80px;
    margin-left: 2.5%;
    margin-right: auto;
     transition-duration: .4s;
}

.goko:hover {
transform: scale(1.1);
}


.panda4 {
    width:95%;
    height:auto; 
    display: block;
    margin-top: 30px;
    margin-left: 4%;
    margin-right: auto;
}

.shikou {
   position: absolute;
  color: #2e0b04;
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: flex-end;
  position: relative;
  top: -110px;
  margin-left: 40px;
  font-size: 20px;
   z-index: 10;
}

.shikou2 {
   position: absolute;
  color: #2e0b04;
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: flex-end;
  position: relative;
  top: -156px;
  margin-left: 40px;
  font-size: 20px;
   z-index: 10;
}


.NITORI {
   position: absolute;
  color: #ffffff;
  width: 80%;
  display: flex;
  justify-content: flex-end;
  position: relative;
  top: 50px;
  margin-left: -25px;
  font-size: 15px;
   z-index: 10;
}

.oniku {
    width:96%;
    height:auto; 
    display: block;
    margin-top: -1690px;
    margin-left: 4%;
    margin-right: auto;

    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    line-height: 0;
    z-index: 12;
}

.nikuman1 {
    width:33%;
    height:auto; 
    display: block;
    margin-top: -1510px;
    margin-left: 60%;
    margin-right: auto;
}

.nikuman3 {
    width:33%;
    margin-top: 40px;
    margin-left: 60%;
     margin-right: auto;
}

.nikuman2 {
    width:33%;
    margin-top: 130px;
    margin-left: 60%;
     margin-right: auto;
}