@charset "utf-8";
main .container{max-width:1000px;padding-top:0;padding-bottom:0;}
main .txt{position:relative;z-index:3;}
main .common-txt01{font-size:2rem;line-height:2.4;letter-spacing:0.15em;}
main .common-txt01 + .common-txt01{margin-top:50px;}
main .ttl-en{color:#ccc;font-size:6rem;letter-spacing:0.02em;}

/* animation */
.animation{position:relative;}
span.animation{display:inline-block;}
.wipe::after{content:"";display:block;width:100%;height:100%;background:#f2f2f0;position:absolute;top:0;left:0;z-index:1;
  transition:all .6s cubic-bezier(.785,.135,.15,.86);transition-delay:.5s;}
.wipe.active::after{width:0;}
.wipe.reverse::after{left:auto;right:0;}
.fadeup{opacity:0;transition:1s linear;transition-delay:.5s;transform:translateY(10px);}
.fadeup.active{opacity:1;transform:translateY(0);}
.fadein{opacity:0;transition:1s linear;transition-delay:.5s;}
.fadein.active{opacity:1;}
.delay,.delay::after{transition-delay:.8s;}
.delay2{transition-delay:1.1s;}

/* -------------------------------------------------- */
/* mv */
/* -------------------------------------------------- */
.common-submv01{height:auto!important;}
.common-submv01 > .container{height:700px;max-height:calc(100vh - 130px);margin-left:15%;display:flex;justify-content:center;align-items:center;}
.common-submv01 figure{text-align:center;}
.common-submv01 .ttl{writing-mode:unset;text-align:center;font-size:2.6rem;line-height:1.92;margin-top:50px;}
.common-submv01 .back{width:85%;left:15%;}

/* -------------------------------------------------- */
/* #block-lead */
/* -------------------------------------------------- */
#block-lead{margin-top:130px;position:relative;overflow:hidden;}
#block-lead::before{content:"";display:block;width:640px;height:384px;background:url("../img/concept/lead_bg.png") 0 0 no-repeat;position:absolute;bottom:0;left:50%}
#block-lead > .container{padding-top:120px;padding-bottom:200px;position:relative;}
#block-lead .txt{margin-left:40%;}
#block-lead .pic{position:absolute;}
#block-lead .pic1{top:0;left:-200px;}
#block-lead .pic2{top:280px;left:-130px;}

/* -------------------------------------------------- */
/* #block-spa */
/* -------------------------------------------------- */
#block-spa{margin-top:110px;}
#block-spa .pic_wrap{overflow:hidden;margin-top:50px;}
#block-spa .pic_list{display:flex;gap:0 45px;animation:infinity-scroll 40s infinite linear 0.5s both;}
#block-spa .pic_list li{flex-shrink:0;}
#block-spa .pic_list .pic2{margin-top:140px;}
#block-spa .pic_list .pic3{margin-top:65px;}
#block-spa .pic_list .pic1 img{width:580px;}
#block-spa .pic_list .pic2 img{width:415px;}
#block-spa .pic_list .pic3 img{width:415px;}
@keyframes infinity-scroll{
	from {transform: translateX(0);}
	  to {transform: translateX(-100%);}
}

/* -------------------------------------------------- */
/* #block-sauna */
/* -------------------------------------------------- */
#block-sauna{margin-top:200px;overflow:hidden;}
#block-sauna > .container{position:relative;padding-top:90px;}
#block-sauna .txt{text-align:right;}
#block-sauna .pic1{position:absolute;top:0;left:-60px;}
#block-sauna .pic2,#block-sauna .pic3{text-align:right;}
#block-sauna .pic2{margin-top:170px;margin-right:-200px;}
#block-sauna .pic3{margin-top:50px;}

/* -------------------------------------------------- */
/* #block-dining */
/* -------------------------------------------------- */
#block-dining{margin-top:140px;overflow:hidden;}
#block-dining .pic1{text-align:right;margin-top:-40px;margin-right:-260px;}
#block-dining .pic_list{display:flex;margin-top:10px;margin-left:-150px;gap:0 45px;}
#block-dining .pic_list li:nth-child(2){margin-top:80px;}
#block-dining .pic_list li:nth-child(3){margin-top:160px;}

/* -------------------------------------------------- */
/* #block-end */
/* -------------------------------------------------- */
#block-end{margin-top:120px;}
#block-end .txt{text-align:center;}
#block-end .common-txt01 .en{color:#666;font-size:1.8rem;padding:0 5px;}
#block-end .reserve{height:440px;margin-top:145px;}
#block-end .reserve a{display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:relative;background:url("../img/concept/reserve_bg.jpg") center/cover no-repeat;}
#block-end .reserve a::before{content:"";display:block;width:100%;height:100%;background:#333;opacity:0.4;position:absolute;top:0;left:0;z-index:1;transition:.5s;}
#block-end .reserve a:hover::before{opacity:0.6;}
#block-end .reserve a > span{color:#fff;position:relative;z-index:2;font-size:2.2rem;text-align:center;width:295px;padding:0 40px 25px;
  background:url("../img/concept/arrow_white.png") left bottom no-repeat;transition:.35s ease;}
#block-end .reserve a:hover > span{background-position:10px bottom;}
#block-end .reserve .en{display:block;font-size:1.6rem;padding-bottom:3px;}


@media screen and (min-width:1300px){
  .common-submv01 > .container{max-width:85%;}
}

/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:1000px){
  .common-submv01 > .container{margin-left:0;}
  .common-submv01 .back{width:100%;left:0;}
  
  main .common-txt01{font-size:1.7rem;}
  
  #block-lead::before{left:30%;}
  #block-lead > .container{padding-top:40px;padding-bottom:120px;}
  #block-lead .txt{margin-left:43%;white-space:nowrap;}
  #block-lead .pic img{width:240px;}
  #block-lead .pic1{left:0;}
  #block-lead .pic2{left:20px;top:170px;}
  
  #block-spa{margin-top:0;}
  #block-spa .pic_list .pic2{margin-top:90px;}
  #block-spa .pic_list .pic3{margin-top:40px;}
  #block-spa .pic_list .pic1 img{width:400px;}
  #block-spa .pic_list .pic2 img{width:300px;}
  #block-spa .pic_list .pic3 img{width:300px;}
  
  #block-sauna .pic1{left:0;width:40%;}
  #block-sauna .pic2{margin-right:-7%;}
  #block-sauna .pic2 img{width:280px;}
  #block-sauna .pic3{margin-right:100px;}
  #block-sauna .pic3 img{width:220px;}
  
  #block-dining{margin-top:60px;}
  #block-dining .pic1{margin-top:30px;margin-right:-7%;}
  #block-dining .pic_list{margin-left:0;margin-top:30px;gap:0 4%;}
}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:622px){
  .common-submv01 figure img{width:70px;}
  .common-submv01 .ttl{font-size:2rem;margin-top:20px;}
  
  main .common-txt01{font-size:1.6rem;}
  
  #block-lead{margin-top:40px;}
  #block-lead::before{left:0;top:0;bottom:auto;}
  #block-lead > .container{padding-bottom:0;}
  #block-lead .txt{margin-left:0;}
  #block-lead .pic{position:static;}
  #block-lead .pic1{margin-top:60px;margin-left:-35px;}
  #block-lead .pic2{margin-top:30px;}
  
  #block-spa{margin-top:60px;}
  #block-spa .pic_list{animation:infinity-scroll 10s infinite linear 0.5s both;}
  
  #block-sauna{margin-top:80px;}
  #block-sauna > .container{padding-top:0;}
  #block-sauna .pic1{position:static;width:100%;margin-top:30px;margin-left:-35px;}
  #block-sauna .pic2{margin-top:50px;margin-right:-35px;}
  #block-sauna .pic3{margin-top:30px;margin-right:85px;}
  #block-sauna .pic2 img{width:220px;}
  #block-sauna .pic3 img{width:150px;}
  
  #block-dining .pic1{margin-right:-35px;}
  #block-dining .pic_list{flex-direction:column;gap:30px 0;}
  #block-dining .pic_list li:nth-child(2),#block-dining .pic_list li:nth-child(3){margin-top:0;}
  #block-dining .pic_list img{width:180px;}
  #block-dining .pic_list li:nth-child(1){margin-left:-35px;}
  #block-dining .pic_list li:nth-child(3){margin-left:70px;}

  #block-end{margin-top:80px;}
  #block-end .reserve{height:360px;margin-top:80px;}
}