body{
  font-family: "Mochiy Pop One", sans-serif;
  font-weight: 400;
  font-style: normal;

  font-family: "Noto Serif JP", serif;

  color: #a18a79;
}


h2{
  font-size: 20px;
  font-weight: bold;
}
p{
  font-size: 16px;
}
.header-wrapper{
  /* position: fixed; */
  background-color: #74aba5;
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 900;
  position: relative;
  top: 0;
  left: 0;
}
.hamburger{
  width: 80px;
  height: 80px;
  position: relative;
  margin-right: 40px;
  z-index: 1000;
}
.hamburger span{
  display: inline-block;
  width: 40px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: 0.4s;
}
.hamburger span:nth-child(1){
  top: 27px;
}
.hamburger span:nth-child(2){
  top: 40px;
}
.hamburger span:nth-child(3){
  top: 53px;
}

/* ハンバーガーバツ */
.hamburger.move span:nth-child(1){
  top: 39px;
  transform: rotate(40deg);
}
.hamburger.move span:nth-child(2){
  opacity: 0;
}
.hamburger.move span:nth-child(3){
  top: 39px;
  transform: rotate(-40deg);
}



.nav1{
  display: flex;
  position: absolute;
  width: 100%;
  height: 100vh;
  top:0;
  left: -100%;
  transition: 0.4s;
  z-index: 900;
  background-color: #74aba5;
}
.nav1.menu{
  left: 0;
  /* padding-top: 120px; */
 
}
.nav-wrapper{
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
}
.nav-img{
  width: 60%;
}

.nav-menu h1{
  width: 30%;
  margin: 0 auto;
  padding-bottom: 40px;
}
.nav-menu{
  /* padding-top: 30px; */
  padding-left: 20px;
  width: 30%;
  /* height: 100vh; */
  line-height: 2.5em;
  color: #fff;
}


.nav-menu h2{
  text-align: center;
  padding-bottom: 10px;
}

.nav-menu a{
  color: #fff;
}
.nav-li li{
  text-align: center;
  padding-top: 20px;
  align-items: center;
  
}
.nav-li li a:hover{
  color: darkgreen;
}


.main-wrapper{
  background-color: #74aba5;
  text-align: center;
  width: 100%;
  height: 100vh;
  padding-top: 120px;
  
}

.main-wrapper h1{
  text-align: center;
}

/* 浴剤　種類　効能 */
.yokuzai-img{
  width: 100%;
}
.sma{
  display: none;
}
 
/* .yokuzai{
  content: "";
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;

  background-image: url(img-top/22776422_s.jpg);
  
  position: relative;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
} 


.yokuzai-wrapper{
  padding-top: 50px;
  background-color: #fff;
  position: relative;
  z-index: 1;
} */
.section-top{
  padding-top: 120px;
  display: block;
  margin: 0 auto;
}
.yokuzai-inner{
  padding-top: 80px;
  max-width: 1000px;
  margin: 0 auto;
  
}
.yokuzai-inner p{
  text-align: center;
  padding-top: 20px;
}


.ichidanme{
  padding-top: 40px;
  display: flex;
  justify-content: space-between;
  padding: 40px 100px 20px 100px;
}

/* .jiritu,.fukuonna{
  animation-name: fadeOutAnime;
  animation-duration:2s;
  animation-fill-mode:forwards;
  opacity:0;
}
@keyframes fadeOutAnime{
  from{
    opacity: 1;
  }
  to{
    opacity: 0;
  }
} */


/* .jiritu-text,.fukuonna-text{
  animation-name: fadeInAnime;
  animation-duration:2s;
  animation-fill-mode:forwards;
  opacity:0;
}
@keyframes fadeInAnime{
  from{
    opacity: 0;
  }
  to{
    opacity: 1;
  }
} */

.jiritu,.fukuonna,.shikyu,.meneki,.sannen{
  position: relative;
  cursor: pointer;
}
.jiritu::before{
  content: "";
  position: absolute;
  background-image: url(img-top/jiritsu-text.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 324px;
  height: 176px;
  opacity: 0;
  transition: 1s;
}
.jiritu:hover.jiritu::before{
  opacity: 1;
}

.fukuonna::before{
  content: "";
  position: absolute;
  background-image: url(img-top/fukuonna-text.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 324px;
  height: 176px;
  opacity: 0;
  transition: 1s;
}
.fukuonna:hover.fukuonna::before{
  opacity: 1;
}



.nidanme{
  padding: 20px 0;
  text-align: center;
}
.shikyu{
  text-align: center;
}
.shikyu::before{
  content: "";
  position: absolute;
  background-image: url(img-top/shikyu-text.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 324px;
  height: 176px;
  opacity: 0;
  transition: 1s;
}
.shikyu:hover.shikyu::before{
  opacity: 1;
}

.sandanme{
  padding-top: 40px;
  display: flex;
  justify-content: space-between;
  padding: 40px 100px 20px 100px;
}

.meneki::before{
  content: "";
  position: absolute;
  background-image: url(img-top/meneki-text.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 324px;
  height: 176px;
  opacity: 0;
  transition: 1s;
}
.meneki:hover.meneki::before{
  opacity: 1;
}

.sannen::before{
  content: "";
  position: absolute;
  background-image: url(img-top/3nen-text.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 324px;
  height: 176px;
  opacity: 0;
  transition: 1s;
}
.sannen:hover.sannen::before{
  opacity: 1;
}














/* 店内の様子 */

.tennai-wrapper{
  width: 100%;
  padding-top: 100px;
}
.entrance-img{
 padding: 40px 0 20px 200px;
}
.entrance-text-sp{
  display: none;
}
.entrance-img-sp{
  display: none;
}


.curtain{
  display: flex;
  justify-content: space-around;
  padding: 20px 0 20px 0;
}
.curtain-text{
  text-align: center;
  padding-left: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.privateroom{
  padding: 20px 0 20px 200px;
}
.privateroom-text-sp{
  display: none;
}
.privateroom-img-sp{
  display: none;
}


.makespace{
  padding: 20px 0 20px 0;
  display: flex;
  justify-content: space-around;  
}
.lavender{
  align-self: flex-end;
}
.lavender2{
  display: none;
}
.privateroom-text-sp{
  display: none;
}
.privateroom-img-sp{
  display: none;
}

.makespace-text-sp{
  display: none;
}
.makespace-sp{
  display: none;
}
.lavender3{
  display: none;
}



/* 各コースと料金 */
.course-wrapper{
  max-width: 1000px;
  margin: 0 auto;
}


.ryoukin-img{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 40px 0 40px;
}
.ryoukin-hyou-text{
  padding: 30px;
  line-height: 2em;
}

.ryoukin-hyou-text h2{
  padding: 30px 0 20px 0;
  text-align: center;
}
.shiharai{
  text-align: center;
}


/* よもぎ蒸し受け方 */
.ukekata-text{
  padding: 40px 0 30px 0;
  text-align: center;
  color: #589e96;
}


.attention{
  padding: 30px 10px;
  line-height: 2em;
}
.sp{
  display: none;
}

/* 予約 */
.yoyaku{
  padding-top: 80px ;
  display: flex;
  width: 100%;
  align-items: center;
}
.calendar p{
  text-align: left;
  padding-bottom: 10px;
}
.calendar{
  width: 60%;
}
.yoyaku-buttom{
  width: 30%;
  margin: 0 auto;
}
.yoyaku-buttom img{
  overflow:hidden;
}
.yoyaku-buttom img:hover{
  transform:scale(1.1);
	transition:0.3s;
}
.green{
  text-align: right;
  padding-right: 50px;
}
.green img{
  width: 10%;
}



/* レンタルスペース */

.rental-wrapper{
  width: 100%;
  text-align: center;
}
.rental-wrapper p{
  padding: 50px 10px 10px 10px;
  text-align: center;
  line-height: 2em;
} 
.ditaile1{
  padding-top: 50px;
  text-align: center;
}

/* .ditaile1 img{
  overflow:hidden;
} */
.ditaile1 img:hover{
  transform:scale(1.1);
	transition:0.3s;
}


/* アクセス */
.access{
  margin-top: 100px;
}
.access-inner{
  padding: 40px 10px;
  text-align: center;
}
.access-inner p{
  text-align: center;
}





/* moi-made */
.moi-made-wrapper{
  position: relative;
  width: 100%;
  height: 889px;
  background-image: url(img-made/haikei.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: center;
  padding: 100px 0;
  
}
.m-logo{
 width: 15%;
 position: absolute;
 top:170px;
 left: 50%;
 transform: translate(-50%);
 opacity: 0.8;

}
.moi-made-wrapper p{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%);
   line-height: 2.5em;
   text-align: center;
   padding-top: 20px;
  font-size: 20px;
   /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
   
}

.ditaile2 {
  position: absolute;
  align-items: center;
  /* overflow:hidden; */
  top:70%;
  left: 68%;
}
/* .ditaile2 img:hover{
  transform:scale(1.1);
	transition:0.3s;
} */
.ditaile2 :hover{
  transform:scale(1.1);
	transition:0.3s;
}


/* footer */
.footer-wrapper{
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #74aba5;
  padding-bottom: 30px;
}
.footer-logo{
  width: 20%;
  padding-left: 80px;
  justify-content: flex-start;
}
.footer-box{
  color: #fff;
  width: 50%;
}
.footer-box h2{
  text-align: center;
  padding-top: 70px;
  padding-bottom: 20px;
}
.nav2 li{
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
  line-height: 1em;
}
.nav2 li:nth-child(6){
  padding-bottom: 30px;
}

.nav2 li a{
  color: #fff;
}
.nav2 li a:hover{
  color: darkgreen;
}






/* salon.html */


.salon-main-inner h1{
  padding-top: 120px;
  display: block;
  margin: 0 auto;
}

.salon-main-inner p{
  text-align: center;
  padding-top: 100px;
  padding-bottom: 80px;
  line-height: 3em;
}



.salon-tennai-wrapper{
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
.salon-tennai-inner{
  width: 1000px;
  padding-top: 100px;
  padding-bottom: 100px;
  
}
.tennai-haikei img{
  width: 100%;
  
  padding-top: 80px;
  text-align: center;
}

.bed-1{
  width: 60%;
  position: absolute;
  top: 20%;
}
.bed-2{
  width: 60%;
  position: absolute;
  top: 65%;
  left: 450px;
}

/* 料金表 */
.salon-ryoukin-wrapper{
  width: 1000px;
  margin: 0 auto;
}
.salon-ryoukin-img{
  padding-top: 100px;
  width: 80%;
  display: block;
  margin: 0 auto;
}


/* 注意事項 */
.notes-wrapper{
  width: 1000px;
  margin: 0 auto;
}


.notes-wrapper h2{
  padding-top: 80px;
  text-align: center;
}
.notes-wrapper-p{
  padding-top: 30px;
  text-align: center;
  line-height: 2em;
}
.notes-wrapper-p1{
  padding: 40px 0;
  text-align: center;
  line-height: 2em;
}

.line{
  padding: 100px 0 100px 0;
  text-align: center;
}
.line:hover{
  transform:scale(1.1);
	transition:0.3s;
}







/* moimade.html */




.moiheader{
  position: absolute;
  width: 100%;
  z-index: 1000;
}

/* .moiheader-wrapper{
  width: 100%;
  
} */
.moiheader-button{
  text-align: right;
}
.moiheader-button img{
  padding: 10px 40px 10px 0;
}
.moiheader-button img{
  overflow:hidden;
}
.moiheader-button img:hover{
  transform:scale(1.1);
	transition:0.3s;
}


.made-top-wrapper{
  width: 100%;
  height: 883px;
  position: relative;
  background-image: url(img-made/moimade-main2.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: center;
  z-index: 900;
}
.made-logo{
  position: absolute;
  width: 15%;
  top:45%;
  left: 50%;
  transform: translate(-50%,-50%);
  
  z-index: 1000;
}
.made-text p{
  position: absolute;
  top:70%;
  left: 50%;
  transform: translate(-50%);
  text-align: center;
  font-size: 20px;
  z-index: 1000;
  /* padding-top: 80px; */
}


/* moimade-top-text */
.moimade-top-text p{
  width: 100%;
 text-align: center;
 line-height: 3em;
 padding: 80px 0;
}

.moimade-top-tex :nth-of-type(1){
  padding-bottom: 15px;
}


/* 商品 */
.shouhin-mihon-wrapper{
  max-width: 1000px;
  margin: 0 auto;
}

.shouhin-title{
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 80px 0 40px 0;
 
}



/* .shouhin{
  width: 100%;
  display: flex;
  
}
.shouhin-box{
  padding: 20px 10px;
  width: calc((100% - 10px * 2)/ 2);
} */


.shouhin-box1{
  display: flex;
  justify-content: space-between;
  padding: 20px 0 30px 0;
  position: relative;
}
.shouhin-box1::after{
   position: absolute;
   content: "";
   width: 70%;
   height: 2px;
   background-color: #8e6d6d;
   bottom: 0;
   right: 0;
   left: 0;
   margin: 0 auto;
}
.shouhin-box2{
  display: flex;
  justify-content: space-between;
  padding: 20px 0 30px 0;
  /* border-top: solid 2px #8e6d6d; */
  position: relative;
}
.shouhin-box3{
  display: flex;
  justify-content: space-between;
  padding: 20px 0 30px 0;
  /* border-top: solid 2px #8e6d6d; */
  position: relative;
}

.shouhin-box2::after{
  position: absolute;
  content: "";
  width: 70%;
  height: 2px;
  background-color: #8e6d6d;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}


.shouhin-box1::before{
  position: absolute;
  content: "";
  width: 2px;
  height: 70%;
  background-color: #8e6d6d;
  bottom: 30px;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.shouhin-box2::before{
  position: absolute;
  content: "";
  width: 2px;
  height: 70%;
  background-color: #8e6d6d;
  bottom: 30px;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.shouhin-box3::before{
  position: absolute;
  content: "";
  width: 2px;
  height: 70%;
  background-color: #8e6d6d;
  bottom: 30px;
  right: 0;
  left: 0;
  margin: 0 auto;
}




/* .shouhin-box2..shouhin-box3 ::before {
  content: url(img-made/sen1.png);
} */

.moimade-top-text2 p{
  padding: 80px 0;
  text-align: center;
  line-height: 3em;
}
.minne{
  text-align: center;
  padding: 30px 0 50px 0;
}

@keyframes blinking {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* 要素にアニメーションを適用 */
.minne p{
	animation: blinking 1s ease-in-out infinite alternate;
}
.minne p{
  text-align: center;
  color: #589e96;
  padding-bottom: 20px;
}
.minne img{
  overflow:hidden;
}
.minne img:hover{
  transform:scale(1.1);
	transition:0.3s;
}

.made-footer-wrapper{
  width: 100%;
  height: 500px;
  position: relative;
  background-image: url(img-made/moimade-footer.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: bottom;
}

.moimade-footer-logo{
  position: absolute;
  width: 10%;
  top: 45%;
  left: 50%;
  transform: translate(-50%,-50%);
}





@media screen and (max-width:768px) {

.nav-wrapper{
  display: block;
}

.nav-img{
  width: 100%;
  margin: 0 auto;
  padding-top: 0;
}
.nav-menu{
  padding: 10px 0 0 0;
  width: 100%;
  box-sizing: border-box;
}
.nav-li{
  line-height: 1em;
}


  .main-wrapper{
    width: 100%;
    height: 100vh;

  }
  .main-wrapper img{
    width: 60%;
    align-items: center;
    padding-top: 30px;
  }
  .yokuzai-wrapper{
    max-width: 100%;
  }
 .sma{
  display: block;
 }


  .ichidanme{
    width: 100%;
    display: block;
    padding: 40px 0 30px 0;
    }
  .jiritu{
    padding: 40px 0 30px 0;
    text-align: center;
  }
 
  .fukuonna{
    padding: 40px 0 30px 0;
    text-align: center;
  }
  /* .nidanme{
    
    padding: 40px 50px 20px 50px;
  } */
  
  .sandanme{
    width: 100%;
    display: block;
    padding: 30px 0 20px 0;
    text-align: center;
  }
  .meneki{
    padding: 40px 0 30px 0;
    text-align: center;
  }
  .sannen{
    padding: 40px 0 30px 0;
    text-align: center;
  }


/* 店内の様子 */
.tennai-wrapper{
  padding: 0 20px;
  box-sizing: border-box;
}
.entrance{
  width: 100%;
}
.entrance-img{
  display: none;
}
.entrance-text-sp{
  display: block;
  text-align: right;
  padding-top: 40px;
}
.entrance-img-sp{
  width: 100%;
  display: block;
  text-align: center;
  padding-top: 20px;
}
.curtain{
  display: block;
  text-align: center; 
}
.curtain-text{
  padding: 40px 0 20px 0;
  text-align: center;
 
}
.curtain-img{
  width: 100%;
}

.privateroom-img{
  display: none;
}
.privateroom-text-sp{
  display: block;
  padding-top: 40px;
}
.privateroom-img-sp{
  display: block;
  text-align: center;
  width: 100%;
}
.privateroom{
  width: 100%;
  padding: 20px 0 20px 0;
}


.makespace{
  display: block;
}
.makespace-img{
  display: none;
}

.makespace-text-sp{
  display: block;
  padding-top: 40px;
}
.makespace-sp{
  display: block;
  padding-top: 20px;
  width: 100%;
}
.lavender{
  display: none;
}
.lavender2{
  display: block;
  padding-top: 20px;
  width: 30%;
}



/* 各コースと料金 */
.course{
  width: 100%;
  box-sizing: border-box;
}
.ryoukin-img{
  display: block;
  text-align: center;
}
.ukekata{
  width: 100%;
  text-align: center;
}
.ryoukin-img img{
  padding: 20px 0;
}
.ryoukin-hyou-text{
  padding: 30px 0;
}
.ukekata img{
  width: 100%;

  padding: 20px 0 10px 0;
}
.sp{
  display: block;
}
.attention{
  /* text-align: center; */
  width: 100%;
  margin: 0 auto;
  padding: 30px 0;
}
.attention p{
text-align: center;
}

.yoyaku{
  display: block;
  padding: 10px;
  margin: 0 auto;
  box-sizing: border-box
}
.calendar{
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  padding: 20px 10px;
}
iframe{
  /* width: 400px; */
  width: 100%;
  height: 300px;
  box-sizing: border-box;
}
.calendar p{
  width: 100%;
  text-align: center;
}

.yoyaku{
  width:100%;
  box-sizing: border-box;
}
.yoyaku-buttom{
  width: 40%;
  padding: 20px;
  margin: 0 auto;
}
.green{
  text-align: right;
}
.green img{
 width: 25%;
}


/* アクセス */
.access-wrapper{
  padding: 40px 0 50px 0;
}
.access-inner{
  width: 90%;
  padding: 40px 10px 20px 10px;
  margin: 0 auto;
}

/* moi-made */
.moi-made{
  width: 100%;
  /* height: 500px; */
  box-sizing: border-box;
  margin: 0 auto;
}
.moi-made-wrapper{
  width: 100%;
  height: 500px;
  box-sizing: border-box;
  margin: 0 auto;
}
.m-logo{
  width: 20%;
  top:25%;
}
.moi-made-wrapper p{
  width: 100%;
 font-size: 16px;
 line-height: 1em;
 padding-top: 30px;
}
.ditaile2 img{
  top:70%;
  left: 60%;
}
/* .footer{
  width: 80%;
  box-sizing: border-box;
  margin: 0 auto;
} */
 .footer-wrapper{
  width: 100%;
  margin: 0 auto;
 }
.footer-logo{
  padding-left: 30px;
}
.footer-box{
  padding-right: 20px;
}




/* salon.html */
.salon-main-inner{
  padding-top: 100px;
}
.salon-main-inner p{
  text-align: left;
  padding: 0 20px;
}
.salon-main-inner h1{
  padding: 20px 10px;
  box-sizing: border-box;
}
.salon-tennai-wrapper{
  width: 100%;
  position: static;
  box-sizing: border-box;
}
.salon-tennai-inner{
  width: 100%;
  padding: 50px 0;
}

 

.bed-1{
  position: static;
  width: 97%;
  display: block;
  padding-bottom: 30px;
  box-sizing: border-box;
  margin: 0 auto;
}
.bed-2{
  position: static;
  width: 94%;
  display: block;
  padding-bottom: 30px;
  box-sizing: border-box;
  margin: 0 auto;
}
.tennai-haikei{
  display: none;
}

.salon-ryoukin-wrapper{
  width: 100%;
  height: auto;
  text-align: center;
}

.salon-ryoukin-img{
  width: 100%;
  height: auto;
  text-align: center;
  padding: 0 20px;
   box-sizing: border-box;
}


/* .notes{
  width: 100%;
} */
.notes-wrapper{
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}
.notes-wrapper-p1{
  text-align: left;
}
.notes-wrapper-p1 br{
  display: none;
}







/* moimade.html */

.header-wrapper{
  max-width: 100%;
}
.moiheader-button img{
  width: 13%;
}
 .made-logo{
  width: 20%;
  top: 40%;
 }
 .made-text p{
  top: 60%;
 }

 .moimade-top-text p{
   font-size: 13px;
   padding: 40px 20px;
   box-sizing: border-box;
   text-align: left;
 }
 .moimade-top-text2 p{
  font-size: 13px;
   padding: 40px 20px;
   box-sizing: border-box;
   text-align: left;
 }
 .moimade-top-text br{
  display: none;
 }
 .moimade-top-text2 br{
  display: none;
 }


.shouhin-box1,.shouhin-box2,.shouhin-box3{
  display: block;
  width: 80%;
  box-sizing: border-box;
}
.shouhin-box1,.shouhin-box2,.shouhin-box3, img{
  margin: 0 auto;
}

.shouhin-box1::after,.shouhin-box1::before,.shouhin-box2::after,.shouhin-box2::before,.shouhin-box3::before{
  display: none;
}

.minne img{
  width: 60%;
}
.moimade-footer-logo{
  width: 20%;
}
}

@media screen and (min-width:768px) and (max-width:1070px){
  
  .entrance-img{
    width: 70%;
    padding: 20px 10px;
    text-align: left;
  }
  .curtain-img{
    width: 80%;
  }
  .curtain-text{
    padding-left: 30px;
    display: flex;
    align-items: center;
    text-align: left;
  }
  .privateroom{
    padding: 20px 10px;
  }
  .privateroom-img{
    width: 80%;
    padding: 20px 10px;
    text-align: left;
  }
  .lavender{
    display: none;
  }
  .makespace-img{
    width: 70%;
  }
  .lavender3{
    display: block;
    padding-top: 20px;
    width: 20%;
    margin: 0 auto;
  }


  /* .calendar{
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 20px 0 0 10px;
  }
  .calendar p{
    text-align: center;
  }
  
  iframe{
    width: 100%;
    box-sizing: border-box;
  }

  .yoyaku-buttom{
    padding-top: 80px;
    text-align: left;
  }
  .ryoukin-img{
    padding: 40px 10px;
    display: flex;
    justify-content: space-around;
  } */


  /* salon.html */
  .salon-main-inner p{
    text-align: center;
    padding: 0 20px;
  }
  .salon-main-inner h1{
    padding: 20px 10px;
    box-sizing: border-box;
  }
  .salon-tennai-wrapper{
    width: 100%;
    position: static;
    box-sizing: border-box;
  }
  .salon-tennai-inner{
    width: 100%;
    padding: 50px 0;
  }
  
   
  
  .bed-1{
    position: static;
    width: 100%;
    display: block;
    padding-bottom: 30px;
    box-sizing: border-box;
   text-align: center;
  }
  .bed-2{
    position: static;
    width: 80%;
    display: block;
    padding-bottom: 30px;
    box-sizing: border-box;
    margin: 0 auto;
  }
  .tennai-haikei{
    display: none;
  }
  .yoyaku{
    display: block;
    padding: 10px;
    margin: 0 auto;
    box-sizing: border-box
  }


  .calendar{
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 20px 0 0 10px;
  }
  .calendar p{
    text-align: center;
  }
  
  iframe{
    width: 80%;
    box-sizing: border-box;
  }

  .yoyaku-buttom{
    padding-top: 80px;
    text-align: left;
  }
  .ryoukin-img{
    padding: 40px 10px;
    display: flex;
    justify-content: space-around;
  }



  .salon-ryoukin-wrapper{
    width: 100%;
    height: auto;
    text-align: center;
  }
  
  .salon-ryoukin-img{
    width: 100%;
    height: auto;
    text-align: center;
    padding: 0 20px;
     box-sizing: border-box;
  }
}