@charset "utf-8";

/* -------------------------------------------------- */
/* フッターバナーTOPのみ処理 */
/* -------------------------------------------------- */
body footer .fixed-menu .banner.show{opacity:0;pointer-events:none;}
body.scroll footer .fixed-menu .banner.show{opacity:1;pointer-events:all;}

/* -------------------------------------------------- */
/* #block-mv */
/* -------------------------------------------------- */
#block-mv{height:calc(100dvh - 92px);min-height:450px;background:#333;position:relative;opacity:0;}
#block-mv .inner{height:100%;display:flex;align-items:flex-end;padding:40px 5% 160px;position:relative;z-index:2;}
#block-mv .ttl{font-size:4.6rem;font-weight:600;letter-spacing:0.03em;color:#fff;}
#block-mv .ttl span{display:inline-block;opacity:0;transform:translateX(-20px);white-space:nowrap;text-shadow:0 2px 12px rgba(0,0,0,0.65);}
#block-mv .back{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;overflow:hidden;}
#block-mv .back::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(200deg,rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 100%);z-index:2;}
#block-mv .back img,
#block-mv .back video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:1;}
#block-mv .back iframe{box-sizing:border-box;height:56.25vw;left:50%;min-height:100%;min-width:100%;position:absolute;top:50%;transform:translate(-50%, -50%);width:177.77777778vh;}
#block-mv.animated{opacity:1;transition:1s;}
#block-mv.animated .ttl span{opacity:1;transform:none;transition:1s;}
#block-mv.animated .ttl span:nth-of-type(1){transition-delay:.2s;}
#block-mv.animated .ttl span:nth-of-type(2){transition-delay:.4s;}
#block-mv.animated .ttl span:nth-of-type(3){transition-delay:.6s;}

@media screen and (max-width:999px){
	#block-mv{height:calc(100dvh - 60px);}
	#block-mv .inner{padding-bottom:140px;}
}
@media screen and (max-width:767px){
	#block-mv{min-height:1px;}
	#block-mv .back::before{background:linear-gradient(200deg,rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%);}
	#block-mv .inner{padding-bottom:100px;}
	#block-mv .ttl{font-size:clamp(10px,7.2vw,4.2rem);}
	#block-mv .back img{object-position:30% center;}
	#block-mv .back iframe{min-height:100vh;min-width:100vw;}
	/*#block-mv .back iframe{width:56.25vw;height:177.77777778vh;}*/
}

/* -------------------------------------------------- */
/* #block-plan */
/* -------------------------------------------------- */
#block-plan .container{position:relative;}
#block-plan .container::before{content:"";display:block;width:200px;height:150px;background:url(/img/top/fish.webp) no-repeat right top;background-size:contain;position:absolute;top:38px;right:40px;}
#block-plan #recommend_489ban{display:flex;justify-content:center;gap:20px;}
#block-plan #recommend_489ban .PlanView{display:none;width:calc((100% - 60px) / 4);}
#block-plan #recommend_489ban .PlanView:nth-child(1),
#block-plan #recommend_489ban .PlanView:nth-child(2),
#block-plan #recommend_489ban .PlanView:nth-child(3),
#block-plan #recommend_489ban .PlanView:nth-child(4){display:block;}
#block-plan #recommend_489ban .PlanView .roomlist{display:none;}
#block-plan #recommend_489ban .PlanView .plan{font-weight:bold;margin-top:20px;}
#block-plan #recommend_489ban .PlanView .picture{position:relative;width:100%;height:0;padding-bottom:67.8%;overflow:hidden;}
#block-plan #recommend_489ban .PlanView .picture img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;transition:.25s;}
#block-plan #recommend_489ban .PlanView .picture a{opacity:1;}
#block-plan #recommend_489ban .PlanView .picture a:hover img{transform:scale(1.05);}

@media screen and (max-width:767px){
	#block-plan .container::before{top:70px;right:3%;z-index:-1;max-width:35%;}
	#block-plan #recommend_489ban{justify-content:flex-start;flex-wrap:wrap;}
	#block-plan #recommend_489ban .PlanView{width:calc((100% - 20px) / 2);}
	#block-plan #recommend_489ban .PlanView .plan{margin-top:10px;line-height:1.5;font-size:1.3rem;}
}

/* -------------------------------------------------- */
/* #block-about */
/* -------------------------------------------------- */
#block-about{margin-top:20px;position:relative;}
#block-about::before{content:"";display:block;width:680px;height:382px;background:url(/img/bubble.webp) no-repeat right bottom;background-size:contain;position:absolute;right:61%;bottom:260px;z-index:-1;}
#block-about::after{content:"";display:block;width:680px;height:382px;background:url(/img/bubble.webp) no-repeat left top;background-size:contain;position:absolute;left:60%;top:82%;z-index:-1;}
#block-about .img{padding:0 40px;}
#block-about .img span{display:block;overflow:hidden;}
#block-about .img img{opacity:0;transform:scale(1.1);}
#block-about .img.animated img{opacity:1;transform:none;transition:1s;}
#block-about .container{display:flex;align-items:center;justify-content:center;gap:40px;}
#block-about .container > *{flex:1;}
#block-about .right p{line-height:2.5;font-size:1.8rem;}
#block-about .right .btn{margin-top:30px;}

@media screen and (max-width:999px){
	#block-about .container{display:block;text-align:center;}
	#block-about .container .common-ttl01{margin-bottom:30px!important;}
}
@media screen and (max-width:767px){
	#block-about{overflow:hidden;}
	#block-about::before{max-width:120%;right:50%;bottom:auto;top:0;}
	#block-about::after{max-width:120%;left:50%;top:auto;bottom:0;background-position:left bottom;}
	#block-about .img{width:100%;height:0;padding:0 0 50% 0;position:relative;}
	#block-about .img img{width:100%;height:100%;position:absolute;top:0;right:0;object-fit:cover;object-position:right center;}
	#block-about .right p{font-size:1.5rem;text-align:left;}
}

/* -------------------------------------------------- */
/* #block-room */
/* -------------------------------------------------- */
#block-room{background:url(/img/top/room_back.jpg) no-repeat center top;background-size:100% auto;}
#block-room .lead{font-size:1.8rem;text-align:center;line-height:2.5;}
#block-room .list-room{display:flex;flex-wrap:wrap;gap:20px;margin-top:50px;}
#block-room .list-room > li{width:calc((100% - 20px) / 2);}
#block-room .list-room > li.wide{width:100%;}
#block-room .list-room > li.narrow{width:calc((100% - 40px) / 3);}
#block-room .list-room > li a{position:relative;display:block;opacity:1;}
#block-room .list-room > li a .img{position:relative;width:100%;height:0;padding-bottom:62%;overflow:hidden;}
#block-room .list-room > li.wide a .img{padding-bottom:34%;}
#block-room .list-room > li a .img img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;transition:.25s;z-index:1;}
#block-room .list-room > li a .img::before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(180deg,rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 100%);opacity:0.35;pointer-events:none;z-index:2;}
#block-room .list-room > li a .txt{font-size:2.4rem;font-weight:600;position:absolute;bottom:0;left:0;width:100%;color:#fff;text-align:right;padding:15px 35px 15px 15px;line-height:1.5;z-index:3;}
#block-room .list-room > li a .txt::after{content:"";display:block;width:8px;height:8px;background:#fff;border-radius:100%;position:absolute;top:50%;right:20px;transform:translateY(-50%);transition:.25s;}
#block-room .list-room > li a:hover .txt::after{background:#fff;height:4px;width:30px;right:-2px;border-radius:10px;}
#block-room .list-room > li a:hover .img img{transform:scale(1.05);}

@media screen and (max-width:999px){
	#block-room .list-room > li a .txt{font-size:2rem;}	
}
@media screen and (max-width:767px){
	#block-room .lead{font-size:1.5rem;text-align:left;}
	#block-room .list-room{margin-top:40px;display:block;;}
	#block-room .list-room > li{width:100%!important;}
	#block-room .list-room > li + li{margin-top:5px;}
	#block-room .list-room > li a .img,
	#block-room .list-room > li.wide a .img{padding-bottom:55%;}
	#block-room .list-room > li a .img::before{opacity:0.7;background:linear-gradient(180deg,rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%);}
	#block-room .list-room > li a .txt{font-size:1.8rem;padding:10px 30px 10px 10px;}
	#block-room .list-room > li a .txt::after{right:15px;}
	#block-room .list-room > li a:hover .txt::after{width:20px;}
}

/* -------------------------------------------------- */
/* #block-intro */
/* -------------------------------------------------- */
#block-intro{margin-top:80px;}

@media screen and (max-width:999px){
	#block-intro{margin-top:20px;}
}

/* -------------------------------------------------- */
/* #block-link */
/* -------------------------------------------------- */
#block-link{position:relative;}
#block-link::before{content:"";display:block;width:680px;height:382px;background:url(/img/bubble.webp) no-repeat right bottom;background-size:contain;position:absolute;right:61%;top:0;z-index:-1;}

@media screen and (max-width:767px){
	#block-link::before{max-width:120%;right:30%;background-position:right top;}
}

/* -------------------------------------------------- */
/* #block-news */
/* -------------------------------------------------- */
#block-news{position:relative;}
#block-news .btn{text-align:center;margin-top:50px;}
#block-news::after{content:"";display:block;width:680px;height:382px;background:url(/img/bubble.webp) no-repeat left top;background-size:contain;position:absolute;left:60%;bottom:-180px;z-index:-1;}

@media screen and (max-width:767px){
	#block-news .btn{margin-top:40px;}
	#block-news::after{max-width:120%;left:40%;background-position:left bottom;bottom:-15%;}
}

/* -------------------------------------------------- */
/* #block-map */
/* -------------------------------------------------- */
#block-map .container{max-width:100%;}
#block-map .map{position:relative;width:100%;height:0;padding-bottom:400px;}
#block-map .map iframe{width:100%;height:100%;position:absolute;top:0;left:0;}

@media screen and (max-width:767px){
	#block-map .map{padding-bottom:110%;}
}