@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(reset.css);
@import url(common.css);
@import url(../libs/fontawesome/css/all.min.css);
@import url(../libs/aos/aos.css);
@import url(../libs/OwlCarousel/assets/owl.carousel.min.css); @import url(../libs/OwlCarousel/assets/owl.theme.default.min.css);
/* @import url(../libs/lightGallery/css/lightgallery.min.css); */
/* @import url(../libs/Remodal/remodal.css); @import url(../libs/Remodal/remodal-default-theme.css); */


/*
 index
==============================*/

/* main ----------*/
#main { overflow: hidden; }

/* mv ----------*/
#mv {}
#mv .mv_wrap {}
#mv .mv_wrap li { position: relative; }
#mv .mv_wrap li::after { content: ""; position: absolute; top: 10%; left: 0; width: calc(100% - 8rem); height: 90%; transition: all 0.7s ease-out;
	background:
		linear-gradient(90deg, rgba(0,0,0,1) 0, rgba(0,0,0,0) 100%),
		url(../img/index/mv_bg_02.jpg)  center center / cover no-repeat;
}
#mv .mv_wrap .active li::after { left: 8rem; }
#mv .mv_wrap li.new::after { left: auto; right: 0;
	background:
		linear-gradient(90deg, rgba(0,0,0,0) 0, rgba(0,0,0,1) 100%),
		url(../img/index/mv_bg_01.jpg)  center center / cover no-repeat;
}
#mv .mv_wrap .active li.new::after { right: 8rem; }
#mv .mv_wrap li .t { position: absolute; z-index: 3; top: 19%; right: 23%; width: 11.1%; }
#mv .mv_wrap li.new .t { left: 24%; right: auto; }
#mv .mv_wrap li .t img { width: 100%; }
#mv .mv_wrap li .m { position: absolute; z-index: 3; top: 11%; right: 2%; width: 20%; }
#mv .mv_wrap li .m img { width: 100%; }
#mv .mv_wrap li.new .m { left: 2%; right: auto; }
#mv .mv_wrap li .p1 { position: relative; z-index: 2; width: 63.5%; }
#mv .mv_wrap li.new .p1 { margin-left: 36.5%; }
#mv .mv_wrap li .p1 .pw { position: relative; opacity: 0; transition: all 0.5s ease-out 1s; }
#mv .mv_wrap .active .p1 .pw { opacity: 1; }
#mv .mv_wrap li .p1 .pw img { position: relative; z-index: 2; }
#mv .mv_wrap li .p1 .pw .logo { position: absolute; z-index: 3; bottom: 2rem; right: 2rem; width: auto; height: 6rem; }
#mv .mv_wrap li.new .p1 .pw .logo { left: 2rem; right: auto; }
#mv .mv_wrap li .p1 .n { display: flex; margin-left: 12rem; padding: 1.5rem 0; color: #FFF; font-size: 1.6rem; gap: 2rem; align-items: center; }
#mv .mv_wrap li.new .n { margin-left: 0; margin-right: 12rem; justify-content: right; }
#mv .mv_wrap li .p1 .n strong { font-size: 2.2rem; }
#mv .mv_wrap li .p2 { opacity: 0; position: absolute; z-index: 3; bottom: 0; right: 2.6%; width: 20%; overflow: hidden; border-radius: 100%; transition: all 0.5s ease-out 1.2s; }
#mv .mv_wrap .active .p2 { bottom: -5%; opacity: 1; }
#mv .mv_wrap li.new .p2 { left: 2.6%; right: auto; }
#mv .owl-carousel .owl-stage-outer { overflow: inherit; }
#mv .owl-dots { display: none !important; }
#mv .svg { height: auto; }
#mv li.new .hilite_circle { animation: tikatika 2s infinite; transform-origin: 25% 74%; }
#mv li.gin .hilite_circle { animation: tikatika 2s infinite; transform-origin: 52% 76%; }
@keyframes tikatika {
	0% { opacity: 0; scale: 0; }
	50% { opacity: 1; scale: 1; }
	100% { opacity: 0; scale: 2; }
}
@media screen and (max-width:896px) { /* m */
	#mv .mv_wrap li .p1 .pw .logo { height: 4rem; }
	#mv .mv_wrap li .p1 .n { padding: 1rem 0; font-size: 1.2rem; gap: 1rem; margin-left: 10rem; }
	#mv .mv_wrap li.new .n { margin-left: 0; margin-right: 10rem; }
	#mv .mv_wrap li .p1 .n strong { font-size: 1.6rem; }
}
@media screen and (max-width:480px) { /* s */
	#mv .mv_wrap li::after { width: calc(100% - 2rem); }
	#mv .mv_wrap .active li::after { left: 2rem; }
	#mv .mv_wrap li.new::after { left: auto; right: 0; }
	#mv .mv_wrap .active li.new::after { right: 2rem; }
	#mv .mv_wrap li .t { top: 16%; width: 14%; }
	#mv .mv_wrap li.gin .t { right: 20%; }
	#mv .mv_wrap li .p1 .pw .logo { height: 2rem; bottom: 0.5rem; right: 0.5rem; }
	#mv .mv_wrap li.new .p1 .pw .logo { left: 0.5rem; right: auto; }
	#mv .mv_wrap li .p1 .n { padding: 0.5rem 0; font-size: 1rem; gap: 0.5rem; margin-left: 3rem; }
	#mv .mv_wrap li.new .n { margin-left: 0; margin-right: 3rem; }
	#mv .mv_wrap li .p1 .n strong { font-size: 1.4rem; }
}

/* reservation ----------*/
#reservation {}

/* info ----------*/
#info {}
#info .inner { display: flex; max-width: 164rem; }
#info .hw { width: 29rem; min-height: 24rem; position: relative; display: grid; border-right: solid 1px rgba(0, 0, 0, 0.1); align-items: center; overflow: hidden; }
#info .hw::before { z-index: 1; content: ""; display: block; position: absolute; right: -6rem; top: 0; bottom: 0; margin: auto; width: 24rem; height: 24rem; background-image: url(../img/index/h_bg_01.svg); background-repeat: no-repeat; background-position: center; background-size: contain; }
#info .h2 { margin: 0; position: relative; z-index:  2; }
#info .info_list_wrap { position: relative; width: calc(100% - 29rem); overflow: hidden; }
#info .info_list { padding-left: 10rem; padding-right: 3rem; }
#info .info_list a { text-decoration: none; }
#info .info_list span { display: block; }
#info .info_list .cw { margin-bottom: 1rem; margin-top: 1rem; }
#info .info_list .pw { aspect-ratio: 386 / 250; background-repeat: no-repeat; background-position: center; background-size: cover; }
#info .info_list .tw { margin-top: 1rem; }
#info .info_list .tw p { margin: 0; color: #000; font-size: 1.6rem; line-height: 1.6; font-weight: 500; }
#info .info_list.owl-carousel .owl-stage-outer { overflow: inherit; }
#info .info_list .owl-dots { display: none; }
#info .owl-nav { display: flex; position: absolute; top: calc(50% - 4rem); left: 6.5rem; width: calc(100% - 6.5rem); pointer-events: none; }
#info .owl-nav button { pointer-events: all; font-size: 4rem; }
#info .owl-nav .owl-prev {}
#info .owl-nav .owl-next { margin-left: auto; }
@media screen and (max-width:1000px) {
	#info .info_list { padding-left: 6rem; padding-right: 0; }
	#info .hw { width: 24rem; }
	#info .info_list_wrap { width: calc(100% - 24rem); }
}
@media screen and (max-width:896px) { /* m */
	#info .inner { display: block; }
	#info .hw { width: 100%; min-height: auto;  display: block; border-right: none; border-bottom: solid 1px rgba(0, 0, 0, 0.1); margin-bottom: 3rem; padding-bottom: 3rem; padding-top: 6rem; }
	#info .hw::before { right: 0; left: 0; top: auto; bottom: -6rem; width: 20rem; height: 20rem; }
	#info .h2 span { text-align: center; }
	#info .info_list_wrap { width: 100%; overflow: inherit; }
	#info .info_list { padding: 0 6rem; }
	#info .owl-nav { left: 3rem; width: calc(100% - 6rem); }
}
@media screen and (max-width:480px) { /* s */
	#info { padding-top: 0 !important; }
}

/* plan ----------*/
#plan { overflow: hidden; }
#plan .inner { max-width: 140rem; }
#plan .h2 { position: relative; }
#plan .h2 span { position: relative; z-index: 2; text-align: center; }
#plan .h2::before { content: ""; position: absolute; z-index: 1; top: -12.5rem; left: 0; right: 0; display: block; width: 19.4rem; height: 24rem; margin: auto; background-image: url(../img/index/h_bg_02.svg); background-repeat: no-repeat; background-position: center; background-size: contain; }
#plan .plan_list {}
#plan .plan_list a { text-decoration: none; }
#plan .plan_list span { display: block; }
#plan .plan_list .cw { margin-bottom: 1rem; margin-top: 1rem; }
#plan .plan_list .pw { aspect-ratio: 386 / 250; background-repeat: no-repeat; background-position: center; background-size: cover; }
#plan .plan_list .tw { margin-top: 2rem; }
#plan .plan_list .tw p { margin: 0; color: #000; font-size: 1.6rem; line-height: 1.6; font-weight: 500; }
#plan .plan_list .tw .prw { display: flex; margin-top: 2rem; border-top: solid 0.5px #333; border-bottom: solid 0.5px #333; color: #000; align-items: center; gap: 2rem; }
#plan .plan_list .tw .prw .t { padding-left: 1rem; font-size: 1.4rem; }
#plan .plan_list .tw .prw .pr { margin-right: auto; padding: 0.5rem 0; font-size: 1.8rem; font-weight: 500; }
#plan .plan_list .tw .prw i { padding-right: 0.5rem; font-size: 1.4rem; }
@media screen and (max-width:480px) { /* s */
	#plan .plan_list .tw .prw .t { padding-left: 0; font-size: 1.2rem; }
	#plan .plan_list .tw .prw .pr { font-size: 1.6rem; }
}


/* about ----------*/
#about {}
#about h3 { text-align: center; }
#about h3 span { display: inline-block; width: 100%; max-width: 88rem; padding: 1.5rem 0; background: linear-gradient(90deg, rgba(233, 227, 224, 0) 0%, rgba(233, 227, 224, 1) 20%, rgba(233, 227, 224, 1) 80%, rgba(233, 227, 224, 0) 100%); font-size: 2rem; letter-spacing: 0.3em; }
#about h2 { margin-top: 3rem; font-size: 3.2rem; font-weight: normal; text-align: center; vertical-align: baseline; }
#about h2 strong { display: inline-block; border-bottom: dashed 1px #333; font-size: 4rem; font-weight: normal; vertical-align: baseline; }
#about .map { margin-top: 6rem; }
@media screen and (max-width:480px) { /* s */
	#about h3 span { padding: 1.3rem 0; font-size: 1.8rem; letter-spacing: 0.1em; }
	#about h2 { margin-top: 2rem; font-size: 2.4rem; letter-spacing: -0.05em;  }
	#about h2 strong { font-size: 3.2rem; }
	#about .map { padding: 0 3rem; }
}

/* facility ----------*/
#facility { padding-bottom: 12rem; }
#facility .w {}
#facility .w .f {}
#facility .w .f .pw { position: relative; aspect-ratio: 96 / 54; background-repeat: no-repeat; background-position: center; background-size: cover; }
#facility .w .f .pw img { position: absolute; top: -4rem; left: 0; right: 0; width: 8rem; height: 8rem; margin: auto; }
#facility .w .f .tw { display: grid; grid-template-columns: 1fr; gap: 4rem; }
#facility .w .f .tww { padding: 0 0.5rem;}
#facility .w .f .tw h2 { text-align: center; margin-top: 4rem;  }
#facility .w .f .tw h3 { font-size: 1.8rem; text-align: center; }
#facility .w .f .tw p { font-size: 1.5rem; text-align: center; font-weight: 500; }
#facility .w .f .tw .btw { display: grid; padding: 0 2rem; grid-template-columns: 1fr 1fr; gap: 2rem; }
#facility .w .f .tw .btw .bt span { justify-content: center; padding-left: 0.5em; padding-right: 0.5em;  }
#facility .w .f.new .tw .btw .bt.-plan span { background-color: #13007C; }
#facility .w .f.gin .tw .btw .bt.-plan span { background-color: #651433; }
#facility .w .f.new .tw .btw .bt.-border span { border-color: #13007C; color: #13007C; background-color: #FFF; }
#facility .w .f.gin .tw .btw .bt.-border span { border-color: #651433; color: #651433; background-color: #FFF; }
@media screen and (max-width:1340px) {
	#facility .w .f .tw .btw { padding: 0 2rem; grid-template-columns: 1fr; gap: 1rem; }
}
@media screen and (max-width:1000px) {
	#facility .w .f .pw { aspect-ratio: 32 / 24; }
	#facility .w .f .tw h2 img { height: 8vw; }
	#facility .w .f .tw .btw { padding: 0 1rem; }
	#facility .w .f .tw h3 { font-size: 1.7rem; }
	#facility .w .f .tw p { font-size: 1.3rem; }
}

/* facility ----------*/
#search_tripla .search-widget-search-container-bf1818 {
	box-shadow: none !important;
	padding: 0 25px !important;
}