@charset "utf-8";

.spa #common-mv .bg          {background-image:url(/img/spa/mv.jpg);}
.spa-dayuse #common-mv .bg   {background-image:url(/img/spa/dayuse/mv.jpg);}
.spa-effective #common-mv .bg{background-image:url(/img/spa/effective/mv.jpg);}

#block-lead .txt_big{margin-top:16px;}
#block-lead .common-ttl02{margin-bottom:0;}
#block-lead .common-anchor-img{margin-top:36px;}

#kinnoyu .common-ttl01 small{font-size:3.2rem;display:inline-block;margin-top:5px;}
#roten{margin-top:100px;}
#link{padding:50px 0;}
#link .common-ttl03{margin-bottom:0;}
#link .common-anchor{margin-top:30px;}
#link .common-anchor li .common-btn01{height:70px;}
#beauty{margin-top:100px;}
#beauty .common-ttl01{margin-bottom:50px;}
#beauty .heading{margin-bottom:8px;line-height:1.5;}
#beauty .heading small{font-size:2rem;}
#beauty .heading + .serif{font-size:1.6rem;margin-bottom:40px;}
#beauty .txt + .heading{margin-top:60px;}
#beauty .common-box03 > li .subimg{padding-top:20px;}
#tips{padding:50px 0 60px;}
#tips .common-box-border01 h3 .label{display:inline-block;width:60px;height:28px;background:#000;color:#fff;font-size:1.4rem;text-align:center;line-height:28px;margin-right:20px;vertical-align:5px;}
#tips .box{display:flex;justify-content:space-between;gap:40px;}
#tips .box .left{width:calc(100% - 340px);font-size:1.4rem;}
#tips .box .right{width:300px;}
#quality{margin-top:100px;}
#quality .common-ttl01{margin-bottom:0;}
#quality .common-ttl03{margin:16px 0 60px;font-weight:400;}
#quality .lead{text-align:center;font-size:1.8rem;line-height:2;}
#quality .common-box02,#quality .common-box02 > li + li{margin-top:60px;}
#quality .btnarea{padding-bottom:1px;}


/* 日帰り入浴 */
.spa-dayuse #block-lead .common-ttl01{margin-bottom:0;}
.spa-dayuse .common-box01 > li .img figure{height:auto;padding-top:0;}
.spa-dayuse .common-box01 > li .img figure img{position:static;object-fit:unset;}
.spa-dayuse .detail_list{margin-top:40px;}
.spa-dayuse .detail_list > li{width:100%;}
.spa-dayuse .detail_list .label{width:200px;}
.spa-dayuse .detail_list .txt{margin:0!important;}
.spa-dayuse .common-box01 > li:last-child .img{padding-top:0;}
.spa-dayuse .common-box01 > li:last-child .detail{background:none;padding-top:0;}
.spa-dayuse .common-box01 > li:last-child .detail::before,
.spa-dayuse .common-box01 > li:last-child .detail::after{display:none;}
.spa-dayuse .link .btnarea{display:flex;flex-direction:column;gap:30px;width:360px;margin:auto;padding-bottom:1px;}
.spa-dayuse .link .btnarea a{min-width:100%;}


/* 効果的な入浴法 */
.spa-effective .container100{overflow:visible;}
.indication{text-align:center;}
.indication .common-ttl03{margin-bottom:20px;}
.indication .common-ttl03:not(:first-child){margin-top:40px;}
.indication p{font-size:1.4rem;}
.indication .notice{margin-top:40px;background:#F3F3F3;padding:32px;}
.indication .notice p+p{margin-top:1em;}

.spa-effective .common-box01 > li .img{padding-top:0;}
.spa-effective .common-box01 > li .img figure{height:auto;padding-top:0;}
.spa-effective .common-box01 > li .img figure img{position:static;object-fit:unset;}
.spa-effective .common-box01 > li .detail{background:none;padding-top:0;}
.spa-effective .common-box01 > li .detail::before,
.spa-effective .common-box01 > li .detail::after{display:none;}
.step_list{counter-reset:step-counter;}
.step_list li{padding:0 0 50px 128px;counter-increment:step-counter 1;position:relative;}
.step_list li::before{content:counter(step-counter);font-size:2rem;display:block;width:64px;height:64px;background:url("/img/spa/effective/step.png") center/contain no-repeat;position:absolute;top:0;left:0;text-align:center;line-height:64px;font-family:"Noto Serif JP", serif;z-index:0;}
.step_list li::after{content:"";display:block;width:1px;height:100%;background:#000;position:absolute;top:0;left:32px;z-index:-1;}
.step_list li:last-child{padding-bottom:0;}
.step_list li:last-child::after{content:none;}
.step_list h4{font-size:2rem;}
.step_list .notice{padding-left:32px;position:relative;font-size:1.4rem;margin-top:10px;}
.step_list .notice::before{content:"!";font-size:1.2rem;width:20px;height:20px;border:1px solid #000;border-radius:50%;text-align:center;line-height:18px;position:absolute;top:2px;left:0;}
.spa-effective .link .btnarea{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;}
.spa-effective .link .btnarea a:last-child{min-width:250px;}

@media screen and (max-width:999px){
  .spa-dayuse .detail_list > li{flex-direction:column;}
  .spa-dayuse .detail_list .label,.spa-dayuse .detail_list .txt{width:100%;}
  
  .spa-effective .common-box01 > li .img{width:40%;}
  .spa-effective .common-box01 > li .detail{width:60%;}
}
@media screen and (max-width:767px){
  #roten{margin-top:60px;}
  #link .common-anchor{gap:15px;}
  #link .common-anchor li{width:calc(50% - 8px);}
  #link .common-anchor li .common-btn01{height:60px;min-width:100%;}
  #beauty{margin-top:60px;}
  #beauty .common-ttl01{margin-bottom:30px;}
  #beauty .heading + .serif{margin-bottom:20px;}
  #beauty .txt + .heading{margin-top:30px;}
  #tips .common-box-border01 h3 .label{display:block;margin:auto;width:40px;height:22px;line-height:22px;}
  #tips .box{flex-direction:column;gap:15px;}
  #tips .box .left{width:100%;}
  #tips .box .right{width:100%;}
  #tips .box .right figure{width:300px;max-width:100%;margin:auto;}
  #quality{margin-top:60px;}
  #quality .common-ttl03{margin-bottom:30px;}
  #quality .lead{font-size:1.5rem;text-align:left;}
  #quality .common-box02, #quality .common-box02 > li + li{margin-top:30px;}
  
  .spa-dayuse .detail_list{margin-top:20px;}
  .spa-dayuse .link .btnarea{width:100%;gap:15px;}

  .spa-effective .common-box01 > li .img{width:100%;}
  .spa-effective .common-box01 > li .detail{width:100%;margin-top:40px;}
  .step_list li{padding-left:110px;}
  .spa-effective .link .btnarea{gap:15px;}
  .spa-effective .link .btnarea a:last-child{min-width:220px;}
}
@media screen and (max-width:480px){
  .step_list li::before{width:46px;height:46px;line-height:46px;}
  .step_list li::after{left:23px;}
  .step_list li{padding-left:70px;}
}