@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*color*/
/*font*/
@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap");
@font-face { font-family: "Optima LT Std"; src: url("../fonts/optimaltstd.woff2") format("woff2"), url("../fonts/optimaltstd.woff") format("woff"); }
/*layout*/
/*----------------------------------------------------
	共通
----------------------------------------------------*/
.slider-container { display: none; position: relative; }
.slider-container.initialized { display: block; }

.slick-slider { font-family: "游ゴシック", "Yu Gothic", sans-serif; font-weight: 500; font-size: 16px; margin-bottom: 0; }

.slick-slide img { max-width: 100%; }

#sl_to_bf .slick-slide img { margin-right: 7px; }

.slick-pager-container { position: relative; width: 225px; margin-top: -30px; }
.slick-pager-container * { flex-shrink: 0; flex-grow: 0; }
.slick-pager-container.to_rooms, .slick-pager-container.to_insta, .slick-pager-container.ro { position: absolute; /*right: 425px;*/ right: 50%; translate: 50%; bottom: -30px; }
.slick-pager-container.to_bf { position: absolute; right: 50%; translate: 50%; bottom: -30px; }
.slick-pager-container.ro-iframe { position: absolute; right: 50%; translate: 50%; top: 640px; }
.slick-pager-container.to_spa { position: absolute; right: 20px; }
.slick-pager-container.to_rest { position: absolute; left: 405px; }
.slick-pager-container.to_ex { position: absolute; right: 425px; }
.slick-pager-container .slick-num { font-family: "Optima LT Std", serif; color: #000000; font-size: 13px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); margin-left: auto; margin-right: auto; }
.slick-pager-container .slick-arrows { width: 225px; display: flex; justify-content: space-between; }
.slick-pager-container .slick-arrows .slick-arrow { position: relative; width: 81px; display: flex; justify-content: center; align-items: center; top: auto; left: auto; right: auto; transform: none; }
.slick-pager-container .slick-arrows .slick-arrow:before { display: none; }
.slick-pager-container .slick-arrows .slick-arrow.slick-prev { /*margin-left: 10px;*/ }
.slick-pager-container .slick-arrows .slick-arrow.slick-next { /*margin-left: 10px;*/ }
.slick-pager-container .slick-arrows .slick-arrow.slick-next img { transform: scale(-1, 1); }

.sl_2000 { width: 2000px; }

.sl_1780 { width: 1780px; }

.sl_1280 { width: 1280px; }

.sl_1220 { width: 1220px; }

.sl_1190 { width: 1190px; }

.sl_1000 { width: 1000px; }

.sl_950 { width: 950px; }

.sl_990 { width: 990px; }

.sl_900 { width: 900px; }

.sl_570 { width: 570px; }

.sl_400 { width: 400px; }

.slick-pager-container.to_left { position: absolute; right: 0; margin-right: 340px; bottom: -30px; }

.slick-pager-container.to_right { position: absolute; left: 0; margin-left: 360px; bottom: -30px; }

/*----------------------------------------------------
	横一定スライダー
----------------------------------------------------*/
.slider-loop .slick-slide { margin: 0 30px; }

/*----------------------------------------------------
	斜めスライダー
----------------------------------------------------*/
.slider-container02 { max-width: 100%; margin: 0 auto; }
.slider-container02 .slider .slick-slide { opacity: 0.3; transition: opacity 0.8s ease; transform: scale(1); }
.slider-container02 .slider .slick-slide.center { opacity: 1; z-index: 2; }
.slider-container02 .slider .slick-slide.prev, .slider-container02 .slider .slick-slide.next { opacity: 0.5; z-index: 1; }
.slider-container02 .slider img { display: block; width: 100%; height: auto; margin: 0 auto; }

.blur-slider { position: relative; overflow: hidden; }
.blur-slider .blur-overlay { position: absolute; inset: 0; background-color: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); z-index: 1; pointer-events: none; }

.slider-container02 { width: 100%; max-width: 900px; margin: 0 auto; }

.mv-slider { position: relative; overflow: hidden; }
.mv-slider .right_mv { position: absolute; top: -350px; right: -500px; z-index: 2; }
.mv-slider .left_mv { position: absolute; bottom: -350px; left: -500px; z-index: 2; }
.mv-slider .center_mv { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }

/*----------------------------------------------------
	ループスライダー
----------------------------------------------------*/
.swiper { width: 100%; overflow: hidden; }

.swiper-wrapper { display: flex; }

.swiper-slide { flex-shrink: 0; }

.home-gallery .swiper-wrapper { transition-timing-function: linear; }

.home-gallery__slide .img { aspect-ratio: 1/1; }
.home-gallery__slide .img img { width: 100%; height: 100%; object-fit: cover; border-radius: 0%; transition: 0.5s border-radius; }
.home-gallery__slide .caption { margin-top: 0.8em; text-align: center; }
@media (any-hover: hover) { .home-gallery__slide:hover .img img { border-radius: 100%; } }

/*----------------------------------------------------
	sticker
----------------------------------------------------*/
/* section
-------------------------------------- */
.home-section { display: flex; position: relative; justify-content: space-between; align-items: flex-start; width: calc(1840 / 2000 * 100%); max-width: 1840px; }
.home-section--guestroom { margin-left: auto; flex-direction: row-reverse; }

.home-section__main { width: 60%; }

.home-section__title { text-align: left; font-family: "Optima LT Std", serif; font-weight: normal; letter-spacing: 0.1em; margin-block: 1em; font-size: 80px; }
.home-section__title.right { text-align: right; }

.home-section__gallery { position: relative; aspect-ratio: 1268/749; }
.home-section__gallery .link { display: block; height: 100%; }
.home-section__gallery .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.home-section__gallery img { width: 100%; height: 100%; object-fit: cover; }

.home-section__gallerySmall { position: absolute; aspect-ratio: 510/550; width: 27.7173913043%; }
.home-section--guestroom .home-section__gallerySmall { left: 135px; }
.home-section--cuisine .home-section__gallerySmall { right: 125px; }

.is-section__galleryImg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition: 0.5s opacity; pointer-events: none; }
.is-section__galleryImg .link { display: block; height: 100%; }
.is-section__galleryImg img { width: 100%; height: 100%; object-fit: cover; }
.is-section__galleryImg .caption { position: absolute; bottom: 10px; padding-inline: 8px; border-bottom: 2px solid #000000; line-height: 1.5; font-family: "Optima LT Std", serif; font-size: 25px; color: #fff; border-bottom: 1px solid #fff; }
.home-section--guestroom .is-section__galleryImg .caption { right: 0; }
.home-section--cuisine .is-section__galleryImg .caption { left: 0; }
.is-section__galleryImg--active { opacity: 1; pointer-events: auto; }

.home-section__nav { flex: 1; margin-top: 610px; }
.home-section--guestroom .home-section__nav { padding-right: 97px; text-align: right; }
.home-section--cuisine .home-section__nav { padding-left: 97px; }

.home-section__navList { display: flex; flex-direction: column; }
.home-section--guestroom .home-section__navList { align-items: flex-end; }
.home-section__navList .btn { display: inline-flex; align-items: center; position: relative; cursor: pointer; color: #c9c9c9; font-family: "Optima LT Std", serif; letter-spacing: 0.1em; transition: 0.5s color; font-size: 30px; }
.home-section__navList .btn::after { position: absolute; width: 0; height: 1px; transition: 0.5s width; content: ''; background-color: #000000; }
.home-section--guestroom .home-section__navList .btn::after { left: calc(100% + 1em); }
.home-section--cuisine .home-section__navList .btn::after { right: calc(100% + 1em); }
@media (any-hover: hover) { .home-section__navList .btn:hover { color: #000000; } }
.home-section__navList .btn.is-section__navListBtn--active { color: #000000; }
.home-section__navList .btn.is-section__navListBtn--active::after { width: 100px; }
.home-section__navList .btn + .btn { margin-top: 10px; }

.home-section__btn { margin-top: 50px; }
.home-section__btn .c-primaryBtn { max-width: 44vw; }

/* stalker
-------------------------------------- */
.home-stalker { position: fixed; display: flex; align-items: center; justify-content: center; width: 0; border-radius: 100%; background-color: rgba(0, 0, 0, 0.1); transition: top 0.3s ease-out, left 0.3s ease-out, transform 1s ease-out, 0.5s width, 0.5s height, 0.5s margin, 0.5s background-color; z-index: 8; aspect-ratio: 1/1; pointer-events: none; opacity: 1; overflow: hidden; }
.home-stalker .text { position: relative; z-index: 2; margin-inline: 5px; font-family: "Optima LT Std", serif; color: #FFF; line-height: 1; transition: font-size 0.5s; font-size: 0; }
.home-stalker .arrow { position: relative; z-index: 2; opacity: 0; transition: opacity 0.5s; }
.home-stalker.is-stalker--hover { width: 80px; margin: -40px 0 0 -40px; left: -40px; top: -40px; background-color: rgba(0, 0, 0, 0.8); }
.home-stalker.is-stalker--hover .text { font-size: 20px; }
.home-stalker.is-stalker--hover .arrow { opacity: 1; }

/*----------------------------------------------------
	インスタ用スライダー
----------------------------------------------------*/
#instafeed01 .slick-slide { height: 300px; max-height: 300px; min-height: 150px; }
#instafeed01 .insta-item { width: 300px; max-width: 300px; min-width: 150px; margin-left: 80px; position: relative; /*&:after{
	@include content;
	width: 38px;
	height: 38px;
	background: url("../images/index/insta_feed_icon.png") no-repeat;
	position: absolute;
	bottom: 20px;
	right: 20px;
	//opacity: 0;
	transition: .5s;
	}*/ /*&:hover{
	&:after{	
		opacity: 1;
	}		
}*/ }
#instafeed01 .insta-item img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; }
#instafeed01 .insta-item video { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; }
#instafeed01 .insta-item p { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); color: #FFF; opacity: 0; transition: .5s; padding: 30px; display: flex; flex-direction: column; justify-content: center; }
#instafeed01 .insta-item p span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden; }
#instafeed01 .insta-item:hover p { opacity: 1; }

.insta-error p { text-align: center; }

/*インスタ01*/
/* wide
-------------------------------------- */
.swiper-box { max-width: 1190px; margin-right: auto; margin-left: auto; }
.swiper-box .swiper { width: auto; }

.p-slider { position: relative; }
.p-slider--wide .swiper { margin-inline: calc(50% - 50vw); }
.p-slider .swiper-slide img { width: 100%; }
.p-slider .swiper-button-next, .p-slider .swiper-button-prev { width: 50px; height: 50px; margin-top: -25px; }
.p-slider .swiper-button-next::after, .p-slider .swiper-button-prev::after { width: 100%; height: 100%; content: ''; background: url(../com/slider_arrow.svg) no-repeat center/contain; }
.p-slider .swiper-button-next { right: 20px; }
.p-slider .swiper-button-prev { left: 20px; }
.p-slider .swiper-button-prev::after { transform: scale(-1, 1); }
.p-slider .swiper-pagination { display: flex; align-items: center; justify-content: center; gap: 10px; position: absolute; bottom: 20px; right: 20px; left: 20px; }
.p-slider .swiper-pagination-bullet { margin: 0 !important; width: 10px; height: 10px; background: #FFF; opacity: 0.6; transition: 0.5s opacity, 0.5s background-color; }
.p-slider .swiper-pagination-bullet-active { background: #ffa634; opacity: 1; }

/*# sourceMappingURL=slider.css.map */