@charset "utf-8";

/* -------------------------------------------------- */
/* #block-mv */
/* -------------------------------------------------- */
#block-mv{background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;height:100vh;/*min-height:750px;*/z-index:10;clip-path:inset(0);}
#block-mv h1{position:relative;z-index:5;display:block;max-width:65%;margin-bottom:4vh;opacity:0;}
#block-mv::before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:#000;z-index:2;opacity:0;}
#block-mv::after{content:"";display:block;width:100%;height:120px;position:absolute;left:0;top:0;z-index:3;background: linear-gradient(180deg,rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);opacity:0;}
#block-mv .back{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:1;opacity:0;transform:scale(1.1);}
#block-mv .back img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;}

#block-mv.animated .back{opacity:1;transform:none;transition:2s ease;}
#block-mv.animated::before,
#block-mv.animated::after{opacity:0.3;transition:2s ease;}
#block-mv.animated h1{opacity:1;transition:1s .6s ease;}

#block-mv .info{position:absolute;left:30px;bottom:115px;width:calc(100% - 60px);margin:0 auto 10px;display:flex;justify-content:flex-end;z-index:10;opacity:0;animation:opacityInfo forwards 1s 1s ease;}
@keyframes opacityInfo{0%{opacity:0;}100%{opacity:1;}}
#block-mv .info a{font-size:1.2rem;padding:10px 25px 10px 20px;display:block;color:#fff;background:rgba(0,0,0,0.8);min-width:500px;position:relative;}
#block-mv .info a::after{content:"";display:block;width:10px;height:5px;background:url(/img/arrow02.svg) no-repeat;background-size:contain;position:absolute;top:50%;right:10px;margin-top:-2px;transform:rotate(-90deg);}
#block-mv .info a:hover{opacity:0.7;}
#block-mv .info dl{display:flex;align-items:center;}
#block-mv .info dt{position:relative;padding-right:15px;margin-right:10px;}
#block-mv .info dt::after{content:"";display:block;width:1px;height:60%;position:absolute;right:0;top:20%;background:rgba(255,255,255,0.3);}

@media screen and (max-width:1031px){
  #block-mv .info{bottom:136px;}
}
@media screen and (max-width:999px){
  #block-mv{min-height:600px;}
  #block-mv h1{margin-bottom:10vh;}

  #block-mv .info{width:calc(100% - 40px);left:20px;}
}
@media screen and (max-width:802px){
  #block-mv .info{bottom:152px;}
}
@media screen and (max-width:767px){
  #block-mv{min-height:400px;}

  #block-mv .info{bottom:88px;}
  #block-mv .info a{min-width:1px;font-size:1.3rem;}
  #block-mv .info dl{display:block;}
  #block-mv .info dt{margin-right:0;padding-right:0;}
  #block-mv .info dt::after{display:none;}
}

/* -------------------------------------------------- */
/* #block-intro */
/* -------------------------------------------------- */
#block-intro{background:#000;position:relative;z-index:1;clip-path:inset(0);}
#block-intro::before{content:"";display:block;width:100%;height:100vh;position:fixed;top:0;left:0;background:url(/img/top/intro_back.jpg) no-repeat center center;background-size:cover;}
#block-intro .container{display:flex;flex-direction:row-reverse;align-items:center;gap:40px;padding-top:100px;padding-bottom:100px;}
#block-intro .right{flex:1;text-align:center;color:#fff;text-shadow:0 0 5px rgba(0,0,0,0.6);}
#block-intro .right .ttl{font-size:3.2rem;line-height:1.5;letter-spacing:0.1em;margin-bottom:40px;}
#block-intro .right p{line-height:2;letter-spacing:0.1em;font-size:1.8rem;}
#block-intro .right p + p{margin-top:30px;}
#block-intro .left{width:57.259%;}
#block-intro .left .list-link{display:flex;flex-wrap:wrap;gap:10px;}
#block-intro .left .list-link > li{border:1px solid #fff;position:relative;transition:.2s ease;overflow:hidden;}
#block-intro .left .list-link > li:hover{border-color:#000;}
#block-intro .left .list-link > li img{display:block;width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;opacity:1!important;transform:scale(1.2);}
#block-intro .left .list-link > li span{font-size:1.6rem;padding:8px 35px 8px 20px;position:absolute;right:0;bottom:0;background:#fff;display:inline-block;min-width:200px;text-align:left;transition:.2s ease;}
#block-intro .left .list-link > li span::after{content:"";display:block;width:10px;height:5px;background:url(/img/arrow01.svg) no-repeat;background-size:contain;position:absolute;top:50%;right:20px;margin-top:-2px;transform:rotate(-90deg);transition:.2s ease;}
#block-intro .left .list-link > li a{display:block;width:100%;height:0;position:relative;}
#block-intro .left .list-link > li a:hover span{background:#000;color:#fff;}
#block-intro .left .list-link > li a:hover span::after{background-image:url(/img/arrow02.svg);}
#block-intro .left .list-link > li a div{transition:.3s;position:absolute;left:0;top:0;width:100%;height:100%;}
#block-intro .left .list-link > li a:hover div{transform:scale(1.1);}
#block-intro .left .list-link > li.link01{width:100%;}
#block-intro .left .list-link > li.link01 a{padding-bottom:50.567%;}
#block-intro .left .list-link > li.link02,
#block-intro .left .list-link > li.link03{width:calc((100% - 10px) / 2);}
#block-intro .left .list-link > li.link02 a,
#block-intro .left .list-link > li.link03 a{padding-bottom:50.29%;}
#block-intro .left .list-link > li.link04{width:100%;}
#block-intro .left .list-link > li.link04 a{padding-bottom:24.718%;}
#block-intro .left .list-link > li.animated img{transform:none;transition:.9s .1s;}

@media screen and (max-width:999px){
  #block-intro .container{display:block;}
  #block-intro .left{width:100%;max-width:600px;margin:60px auto 0;}
}
@media screen and (max-width:767px){
  #block-intro .container{padding-top:70px;padding-bottom:70px;}
  #block-intro .right .ttl{font-size:3rem;margin-bottom:30px;}
  #block-intro .left{margin-top:40px;}
  #block-intro .right p{font-size:1.6rem;}
  #block-intro .right p + p{margin-top:20px;}
  #block-intro .left .list-link > li.link01 a{padding-bottom:50%;}
  #block-intro .left .list-link > li.link02,
  #block-intro .left .list-link > li.link03{width:100%;}
  #block-intro .left .list-link > li.link02 a,
  #block-intro .left .list-link > li.link03 a{padding-bottom:30%;}
  #block-intro .left .list-link > li.link04 a{padding-bottom:30%;}
  #block-intro .left .list-link > li span{padding:5px 25px 5px 15px;min-width:150px;}
  #block-intro .left .list-link > li span::after{right:8px;}
}

/* -------------------------------------------------- */
/* #block-spa */
/* -------------------------------------------------- */
#block-spa{background:#000;position:relative;z-index:1;clip-path:inset(0);overflow:hidden;}
#block-spa::before{content:"";display:block;width:100%;height:100vh;position:fixed;top:0;left:0;background:url(/img/top/spa_back.jpg) no-repeat center center;background-size:cover;}
#block-spa .container{display:flex;align-items:center;gap:80px;padding-top:100px;padding-bottom:100px;}
#block-spa .left{flex:1;color:#fff;text-shadow:0 0 5px rgba(0,0,0,0.6);}
#block-spa .left .ttl{font-size:4.6rem;margin-bottom:30px;}
#block-spa .left .lead{font-size:1.8rem;line-height:2;}
#block-spa .left .txt{font-size:1.4rem;margin-top:100px;}
#block-spa .left .list-link{display:flex;gap:30px;max-width:470px;margin-top:40px;}
#block-spa .left .list-link > li{width:calc((100% - 30px) / 2);}
#block-spa .left .list-link > li a{min-width:1px;width:100%;}
#block-spa .right{width:calc(50% + 101px);margin-right:-101px;}
#block-spa .right .list-img{display:flex;gap:10px;flex-wrap:wrap;}
#block-spa .right .list-img > li{overflow:hidden;}
#block-spa .right .list-img > li.img01{width:100%;}
#block-spa .right .list-img > li.img02,
#block-spa .right .list-img > li.img03{width:calc((100% - 10px) / 2);}
#block-spa .right .list-img > li img{width:100%;transform:scale(1.2);}
#block-spa .right .list-img > li.animated img{transform:none;transition:.9s .1s;}

@media screen and (max-width:767px){
  #block-spa .container{display:block;padding-top:70px;padding-bottom:70px;}
  #block-spa .right{width:100%;margin:40px auto 0;}
  #block-spa .right .list-img{gap:0;}
  #block-spa .right .list-img > li.img02, #block-spa .right .list-img > li.img03{width:50%;}
  #block-spa .left .ttl{font-size:4rem;margin-bottom:20px;}
  #block-spa .left .lead{font-size:1.6rem;}
  #block-spa .left .txt{margin-top:40px;font-size:1.5rem;}
  #block-spa .left .list-link{margin-top:30px;gap:15px;}
}

/* -------------------------------------------------- */
/* #block-room */
/* -------------------------------------------------- */
#block-room{background:#000;position:relative;z-index:1;clip-path:inset(0);overflow:hidden;}
#block-room::before{content:"";display:block;width:100%;height:100vh;position:fixed;top:0;left:0;background:url(/img/top/room_back.jpg) no-repeat center center;background-size:cover;}
#block-room .container{display:flex;flex-direction:row-reverse;align-items:flex-end;gap:80px;padding-top:100px;padding-bottom:100px;}
#block-room .right{flex:1;color:#fff;text-shadow:0 0 5px rgba(0,0,0,0.6);padding-bottom:100px;}
#block-room .right .ttl{font-size:4.6rem;margin-bottom:30px;}
#block-room .right .lead{font-size:1.8rem;line-height:2;}
#block-room .left{width:50%;}
#block-room .left .list-link > li{border:1px solid #fff;position:relative;transition:.2s ease;overflow:hidden;}
#block-room .left .list-link > li:hover{border-color:#000;}
#block-room .left .list-link > li + li{margin-top:10px;}
#block-room .left .list-link > li a{display:block;width:100%;height:100%;position:relative;}
#block-room .left .list-link > li a:hover span{background:#000;color:#fff;}
#block-room .left .list-link > li a:hover span::after{background-image:url(/img/arrow02.svg);}
#block-room .left .list-link > li a > div{transition:.3s ease;}
#block-room .left .list-link > li a:hover > div{transform:scale(1.1);}
#block-room .left .list-link > li img{display:block;opacity:1!important;width:100%;transform:scale(1.15);}
#block-room .left .list-link > li span{font-size:1.8rem;padding:14px 35px 9px 20px;position:absolute;left:0;bottom:0;background:#fff;display:inline-block;min-width:280px;text-align:left;transition:.2s ease;}
#block-room .left .list-link > li span::after{content:"";display:block;width:10px;height:5px;background:url(/img/arrow01.svg) no-repeat;background-size:contain;position:absolute;top:50%;right:20px;margin-top:-2px;transform:rotate(-90deg);transition:.2s ease;}
#block-room .left .list-link > li span small{font-size:1.4rem;display:block;line-height:1.2;}
#block-room .left .list-link > li.animated img{transform:none;transition:.9s .1s;}

@media screen and (max-width:767px){
  #block-room .container{display:block;padding-top:70px;padding-bottom:70px;}
  #block-room .right{padding-bottom:0;}
  #block-room .right .ttl{font-size:4rem;margin-bottom:20px;}
  #block-room .right .lead{font-size:1.6rem;}
  #block-room .left{width:100%;margin:40px auto 0;max-width:500px;}
  #block-room .left .list-link > li span{padding:10px 35px 7px 15px;min-width:200px;}
  #block-room .left .list-link > li span::after{right:8px;}
}

/* -------------------------------------------------- */
/* #block-meal */
/* -------------------------------------------------- */
#block-meal{overflow:hidden;}
#block-meal .container{display:flex;justify-content:flex-end;position:relative;}
#block-meal .inner{width:65%;}
#block-meal .ttl{font-size:4.6rem;margin-bottom:150px;margin-top:203px;writing-mode: vertical-rl;letter-spacing:0.25em;line-height:1;}
#block-meal .lead{font-size:1.8rem;line-height:2;}
#block-meal .link{margin-top:60px;margin-bottom:20px;}
#block-meal .img{visibility:visible;}
#block-meal .img > div{position:absolute;overflow:hidden;}
#block-meal .img > div img{width:100%;display:block;opacity:0;transform:translateX(-80px);}
#block-meal .img .img01{width:calc(50% + 60px);right:-60px;top:120px;}
#block-meal .img .img02{width:calc(23% + 100px);left:-100px;bottom:120px;}
#block-meal .img.animated .img01 img{opacity:1;transform:none;transition:1s ease;}
#block-meal .img.animated .img02 img{opacity:1;transform:none;transition:1s ease .1s;}

@media screen and (max-width:767px){
  #block-meal .container{display:block;padding-top:70px;padding-bottom:70px;}
  #block-meal .inner{width:100%;}
  #block-meal .ttl{font-size:4rem;margin-bottom:20px;margin-top:0;writing-mode: horizontal-tb;letter-spacing:0.05em;line-height:1.7;}
  #block-meal .lead{font-size:1.6rem;}
  #block-meal .img{padding-bottom:125vw;}
  #block-meal .img .img01{width:95%;right:0;bottom:calc(70px + 56vw);top:auto;}
  #block-meal .img .img02{width:95%;height:56vw;bottom:60px;left:0;}
  #block-meal .img .img02 img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;}
  #block-meal .link{margin-top:30px;text-align:center;}
}

/* -------------------------------------------------- */
/* #block-link */
/* -------------------------------------------------- */
#block-link{position:relative;}
#block-link::after{content:"";display:block;width:100%;height:75%;background:#f3f3f3;position:absolute;left:0;bottom:0;z-index:-1;}
#block-link .list-link{display:flex;flex-wrap:wrap;gap:80px;max-width:1080px;margin:auto;}
#block-link .list-link > li{width:calc((100% - 80px) / 2);}
#block-link .list-link > li .img{margin-bottom:30px;overflow:hidden;}
#block-link .list-link > li .img img{opacity:0;transform:scale(1.2);}
#block-link .list-link > li .ttl{font-size:3.2rem;margin-bottom:20px;position:relative;}
#block-link .list-link > li .ttl::after{content:"";display:block;width:10px;height:5px;background:url(/img/arrow01.svg) no-repeat;background-size:contain;position:absolute;top:50%;right:0;margin-top:-2px;transform:rotate(-90deg);transition:.2s ease;}
#block-link .list-link > li p{font-size:1.8rem;line-height:2;}
#block-link .list-link > li.animated .img img{opacity:1;transform:none;transition:1s ease;}
#block-link .list-link > li .img span{display:block;transition:.3s ease;}
#block-link .list-link > li a:hover .img span{transform:scale(1.1);}

@media screen and (max-width:767px){
  #block-link::after{height:100%;}
  #block-link .container{padding-top:60px!important;padding-bottom:60px;}
  #block-link .list-link{display:block;}
  #block-link .list-link > li{width:100%;}
  #block-link .list-link > li + li{margin-top:40px;}
  #block-link .list-link > li a{display:flex;gap:20px;align-items:center;}
  #block-link .list-link > li .img{width:40%;margin-bottom:0;}
  #block-link .list-link > li .inner{flex:1;}
  #block-link .list-link > li .ttl{font-size:2.4rem;margin-bottom:5px;}
  #block-link .list-link > li p{font-size:1.6rem;line-height:1.7;}
}

/* -------------------------------------------------- */
/* #block-access */
/* -------------------------------------------------- */
#block-access{position:relative;overflow:hidden;}
#block-access::after{content:"";display:block;width:100%;height:22%;background:#f3f3f3;position:absolute;left:0;top:0;z-index:-1;}
#block-access .container{display:flex;align-items:flex-end;flex-direction:row-reverse;gap:40px;}
#block-access .right{flex:1;padding-bottom:48px;}
#block-access .right .ttl{font-size:3.2rem;margin-bottom:30px;}
#block-access .right .btn{margin-top:55px;}
#block-access .left{width:calc(50% + 100px);margin-left:-100px;}
#block-access .left .map{position:relative;width:100%;height:460px;}
#block-access .left .map iframe{width:100%;height:100%;position:absolute;top:0;left:0;}

@media screen and (max-width:767px){
  #block-access::after{display:none;}
  #block-access .container{display:block;padding-top:60px!important;padding-bottom:70px;}
  #block-access .right{padding-bottom:0;}
  #block-access .right .ttl{font-size:3rem;margin-bottom:20px;}
  #block-access .right .btn{margin-top:30px;}
  #block-access .left{width:100%;margin:40px auto 0;}
  #block-access .left .map{height:70vw;}
}

/* -------------------------------------------------- */
/* #block-news */
/* -------------------------------------------------- */
#block-news .container{display:flex;align-items:flex-start;gap:90px;max-width:1080px;}
#block-news .left .ttl{font-size:3.2rem;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;letter-spacing:0.25em;}
#block-news .right{flex:1;}
#block-news .right .list-news{border-top:1px solid #000;}
#block-news .right .list-news > li{border-bottom:1px solid #000;font-size:1.4rem;}
#block-news .right .list-news > li a{display:block;padding:30px 0;}
#block-news .right .list-news > li a:hover{opacity:0.7;}
#block-news .right .list-news > li dl{display:flex;gap:40px;}
#block-news .right .list-news > li dt{width:7.5em;}
#block-news .right .btn{margin-top:60px;display:flex;justify-content:flex-end;}

@media screen and (max-width:1319px){
  #block-news .right .list-news > li{font-size:1.6rem;}
}
@media screen and (max-width:767px){
  #block-news .container{display:block;}
  #block-news .left .ttl{font-size:3rem;writing-mode: horizontal-tb;letter-spacing:0.05em;line-height:1.7;margin-bottom:20px;}
  #block-news .right .list-news > li a{padding:20px 0;}
  #block-news .right .list-news > li dl{display:block;}
  #block-news .right .list-news > li dt{width:100%;margin-bottom:4px;}
  #block-news .right .btn{margin-top:30px;}
}

/* -------------------------------------------------- */
/* #block-plan */
/* -------------------------------------------------- */
#block-plan .container{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:70px;}
#block-plan .ttl{font-size:3.2rem;display:flex;align-items:center;gap:30px;}
#block-plan .ttl small{font-size:1.6rem;}
#block-plan .link{display:flex;align-items:center;gap:30px;}
#block-plan .slider .slick-track{overflow:visible;padding:30px 0;}
#block-plan .slider .item,
#block-plan .slider .PlanView{font-size:1.4rem;width:360px;padding:0 40px;transition:transform .3s ease;}
#block-plan .slider .item p,
#block-plan .slider .PlanView .explan{padding:20px;}
#block-plan .slider .PlanView .explan .comment,
#block-plan .slider .PlanView .explan .planlist{display:none;}
#block-plan .slider .item .img,
#block-plan .slider .PlanView .picture{position:relative;overflow:hidden;width:100%;height:0;padding-bottom:187px;}
#block-plan .slider .item .img img,
#block-plan .slider .PlanView .picture img{display:block;width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;opacity:1!important;transition:.3s ease;}
#block-plan .slider .item a:hover img,
#block-plan .slider .PlanView a:hover img{transform:scale(1.1);}
#block-plan .slider .item.slick-center,
#block-plan .slider .PlanView.slick-center{transform:translateY(-30px);}
#block-plan .slider .slick-dots{position:absolute;bottom:0;left:0;display:flex;justify-content:center;width:100%;}
#block-plan .slider .slick-dots button{font-size:0;padding:10px;}
#block-plan .slider .slick-dots button::before{content:"";display:block;width:10px;height:10px;background:#000;border-radius:100%;box-sizing:border-box;transition:.2s ease;}
#block-plan .slider .slick-dots .slick-active button::before{border:1px solid #000;background:#fff;}

@media screen and (max-width:1199px){
  #block-plan .ttl{display:block;}
  #block-plan .ttl .serif{white-space:nowrap;}
  #block-plan .ttl small{display:block;margin-top:5px;}
  #block-plan .link{gap:20px;}
  #block-plan .link .common-btn01{min-width:160px;}
}
@media screen and (max-width:767px){
  #block-plan{margin-bottom:30px;}
  #block-plan .container{display:block;padding-bottom:35px;}
  #block-plan .ttl{text-align:center;}
  #block-plan .link{margin-top:15px;justify-content:center;}
  #block-plan .link .common-btn01{min-width:100px;}
  #block-plan .slider .slick-track{padding:20px 0 0;}
  #block-plan .slider .item.slick-center,
  #block-plan .slider .PlanView.slick-center{transform:translateY(-20px);}
  #block-plan .slider .slick-dots button{padding:10px 5px;}
  #block-plan .slider .slick-dots button::before{width:6px;height:6px;}
  #block-plan .slider .item,
  #block-plan .slider .PlanView{width:70vw;padding:0 10px;font-size:1.5rem;}
  #block-plan .slider .item p,
  #block-plan .slider .PlanView .explain{padding:15px 10px;}
  #block-plan .slider .item .img,
  #block-plan .slider .PlanView .picture{padding-bottom:43vw;}
}