@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400&display=swap";*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,dl,dt,dd{margin:0;padding:0}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit;background:rgba(0,0,0,0);border:none}button{cursor:pointer}textarea{resize:vertical}html,body{height:100%;font-family:"游明朝","Yu Mincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","Hiragino Mincho Pro","MS PMincho","MS Mincho","Noto Serif JP",serif}html{overflow-x:hidden}body{line-height:1.5;-webkit-text-size-adjust:100%}body{color:#111827;overflow:visible;font-size:clamp(14px,1.4vw,16px)}body.is-loading{overflow:hidden}section{background-color:#fff;padding:100px 7vw 50px}section [class*=contents]{padding-top:20px}h1,h2,h3,h4,h5{line-height:1.25;letter-spacing:.02em}h1{font-size:clamp(32px,4.2vw,48px)}h2{font-size:clamp(28px,3.6vw,40px);font-family:"Cardo","Noto Serif JP",serif;font-weight:normal;text-align:center;display:flex;justify-content:center;flex-direction:column;line-height:1.7;align-items:center;width:100%;letter-spacing:.22em;filter:blur(10px);opacity:0;transform:translateY(10px);transition:letter-spacing 1.5s ease,filter 1.5s ease,opacity 1.5s ease,transform 1.5s ease;will-change:letter-spacing,filter,opacity,transform}h2.is-inview{letter-spacing:.02em;filter:blur(0);opacity:1;transform:translateY(0)}h2 span{font-size:.5em;border-top:solid 1px;padding:10px;width:500px}h3{font-size:clamp(20px,2.2vw,26px)}h4{font-size:clamp(18px,1.8vw,22px)}h5{font-size:clamp(16px,1.6vw,18px)}@media(max-width: 768px){h2 span{width:90%}}@media(max-width: 500px){body{font-size:3.6vw}h1{font-size:8vw}h2{font-size:7vw}h3{font-size:5.2vw}h4{font-size:4.6vw}h5{font-size:4vw}}.sp-datails{display:none !important}.hotelLogo-img{width:125px}.is-disabled{background:#8f8f8f;color:#e8e8e8;cursor:not-allowed;pointer-events:none;opacity:.65}.scroll_down{position:absolute;bottom:0px;left:50%}.scroll_down a{position:absolute;left:10px;bottom:0px;color:#000;font-size:12px;letter-spacing:.1em;writing-mode:vertical-lr;text-decoration:none;text-transform:uppercase}.scroll_down:before{content:"";position:absolute;bottom:0;left:-4px;width:11px;height:11px;border-radius:50%;background:#000;animation:circlemove 1.6s ease-in-out infinite,cirlemovehide 1.6s ease-out infinite}@keyframes circlemove{0%{bottom:55px}100%{bottom:0px}}@keyframes cirlemovehide{0%{opacity:0}50%{opacity:1}80%{opacity:.9}100%{opacity:0}}.scroll_down:after{content:"";position:absolute;bottom:0;left:0;width:2px;height:55px;background:#000}.companyName-color{fill:#fff}.companyLeaf-color{fill:#7fcdb9}html#access-page section,html#company-page section,html#hotelsearch-page section{position:relative}html#access-page .header-top,html#company-page .header-top,html#hotelsearch-page .header-top{opacity:1;transform:translateY(0)}.page-top{position:relative;width:100%;height:100vh;min-height:560px;overflow:hidden;color:#fff}.page-top__bg{position:absolute;inset:0;z-index:1;overflow:hidden}.page-top__bg img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.12);transition:transform 16s cubic-bezier(0.19, 1, 0.22, 1);will-change:transform}.page-top__bg.hotellist-bg img{object-position:50% 50%}.page-top__bg.access-bg img{object-position:85% 0%}.page-top__bg.company-bg img{object-position:52% 50%}.page-top__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 55%, rgba(0, 0, 0, 0.8) 100%);pointer-events:none}.page-top__content{position:absolute;left:clamp(32px,7.5vw,104px);bottom:clamp(110px,14vh,170px);z-index:2;opacity:0}.page-top__title{margin:0;font-family:"Times New Roman","Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(3.4rem,4.8vw,5.2rem);letter-spacing:.18em;font-weight:400;line-height:.9}.page-top__sub{display:block;margin-top:.7em;font-size:clamp(.9rem,1.1vw,1.1rem);font-weight:700;letter-spacing:.08em}.page-top .page-char{display:inline-block;opacity:0;clip-path:inset(0 100% 0 0);transition:clip-path 1.05s cubic-bezier(0.19, 1, 0.22, 1),opacity 1.05s ease;transition-delay:calc(var(--i)*.075s);will-change:clip-path,opacity}.page-top__bottom{position:absolute;left:clamp(32px,7.5vw,104px);right:clamp(32px,7.5vw,104px);bottom:clamp(38px,7vh,70px);z-index:2;display:flex;align-items:center;gap:18px;font-size:.78rem;font-weight:700;letter-spacing:.02em;opacity:.95}.page-top__bottom::before{content:"";flex:1;height:1px;background:hsla(0,0%,100%,.45)}.page-top__bottom span{display:inline-block;white-space:nowrap}.page-top.is-page-loaded .page-top__bg img{transform:scale(1)}.page-top.is-page-loaded .page-top__content{opacity:1}.page-top.is-page-loaded .page-char{opacity:1;clip-path:inset(0 0 0 0)}@media(max-width: 768px){.page-top{height:95vw;min-height:50dvh}.page-top__content{left:24px;bottom:82px}.page-top__title{font-size:7vw;letter-spacing:.12em}.page-top__sub{margin-top:.6em;font-size:3vw}.page-top__bottom{left:24px;right:24px;bottom:28px;font-size:.72rem;gap:12px}}@media(max-width: 480px){.page-top__content{bottom:76px}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#273161}::-webkit-scrollbar-thumb:hover{background:#1b2445}@media(max-width: 1024px){section{padding:15vw 3vw calc(15vw/2)}.pc-datails{display:none !important}.sp-datails{display:block !important}.section-name{width:75%}}@media(max-width: 500px){.page-top .page-title h1{line-height:9vw}.section-name{width:100%}.hotelLogo-img{width:30vw}}.text-hover{background-image:linear-gradient(currentColor, currentColor);background-repeat:no-repeat;background-position:bottom right;background-size:0 1px;transition:background-size .3s ease}.text-hover:hover{background-position:bottom left;background-size:100% 1px}.lang-switch{display:flex;gap:8px;justify-content:flex-end}.lang-switch button{position:relative;padding:4px 10px;cursor:pointer}.lang-switch button.is-active{border-bottom:solid 1px #273161}.lang-switch button::after{content:"";position:absolute;top:50%;right:-6px;transform:translateY(-50%);width:1px;height:1.4em;background-color:#ccc}.lang-switch button:last-child::after{display:none}@media(max-width: 500px){.lang-switch{gap:8px}.lang-switch button{font-size:3.5vw;padding:.5vw 1.5vw}}.site-header{position:fixed;top:0;left:0;z-index:9999;width:100%;background:rgba(0,0,0,0);box-shadow:none}.site-header::before{content:"";position:absolute;inset:0;z-index:-1;background:hsla(189.97,46.21%,93.78%,.96);box-shadow:0 2px 12px rgba(0,0,0,.08);transform:scaleY(0);transform-origin:top;transition:transform .45s ease}.site-header.is-scrolled::before{transform:scaleY(1);transform-origin:top}.site-header.is-scrolled .companyName-color{fill:#333}.site-header.is-scrolled .site-header__list a{color:#222}.site-header.is-scrolled .hamburger{color:#222}.site-header.is-scrolled .hamburger__bar{background:currentColor}.site-header.is-scrolled .site-header__recruit::before{transform:scaleY(1);transform-origin:top}.site-header:not(.is-scrolled)::before{transform:scaleY(0);transform-origin:top}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:72px;padding-left:2vw}.site-header__logo{display:flex;align-items:center;width:150px}.site-header__logo svg{display:block;width:100%;height:auto}.site-header__logo svg .companyLeaf-color{fill:#7fcdb9;transition:fill .45s ease}.site-header__logo svg .companyName-color{fill:#fff;transition:fill .45s ease}.site-header__menu{display:flex;height:100%}.site-header__nav{height:100%}.site-header__list{display:flex;align-items:center;gap:clamp(18px,2vw,34px);height:100%;margin:0;padding:0 40px;list-style:none}.site-header__list a{position:relative;display:flex;align-items:center;height:100%;color:#fff;text-decoration:none;font-size:clamp(12px,.95vw,14px);font-weight:700;letter-spacing:.08em;transition:color .45s ease}.site-header__list a::after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#9b7a3a;transition:width .3s ease}.site-header__list a:hover{color:#9b7a3a}.site-header__list a:hover::after{width:100%}.site-header__recruit{display:grid;place-items:center;height:100%;width:300px;padding:0 32px;color:#fff;text-decoration:none;font-size:clamp(13px,1vw,16px);font-weight:700;letter-spacing:.08em;transition:background .3s ease;position:relative;background:rgba(0,0,0,0)}.site-header__recruit::before{content:"";position:absolute;inset:0;z-index:-1;background:#900;box-shadow:0 2px 12px rgba(0,0,0,.08);transform:scaleY(0);transform-origin:top;transition:.45s ease}.site-header__recruit:hover::before{background:rgb(193.8,0,0)}.hamburger{display:none}.global-nav{position:fixed;inset:0;z-index:9998;width:100%;height:100dvh;visibility:hidden;opacity:0;pointer-events:none;background:rgba(13,26,43,.48);backdrop-filter:blur(8px);transition:opacity .45s ease,visibility .45s ease}.global-nav.is-open{visibility:visible;opacity:1;pointer-events:auto}.global-nav.is-open .global-nav__inner{transform:translateX(0)}.global-nav.is-open .global-nav__list li,.global-nav.is-open .global-nav__recruit-btn,.global-nav.is-open .global-nav__logo{opacity:1;transform:translateY(0)}.global-nav__inner{width:100%;max-width:500px;height:100dvh;margin-left:auto;overflow-y:auto;overscroll-behavior:contain;padding:112px 48px 40px;background:radial-gradient(ellipse at top right, rgba(190, 145, 65, 0.12), transparent 65%),#f8f5ef;border-left:1px solid rgba(160,126,62,.22);box-shadow:-24px 0 70px rgba(0,0,0,.18);transform:translateX(100%);transition:transform .55s ease}.global-nav__inner::-webkit-scrollbar{width:4px}.global-nav__inner::-webkit-scrollbar-thumb{background:rgba(160,126,62,.42)}.global-nav__body{display:flex;flex-direction:column;min-height:100%}.global-nav__main{flex:1}.global-nav__label{margin:0 0 32px;padding-bottom:18px;border-bottom:1px solid rgba(160,126,62,.4);font-family:"Cardo",serif;font-size:clamp(10px,2vw,12px);letter-spacing:.28em;color:rgba(140,108,50,.9)}.global-nav__list{display:grid;gap:22px;margin:0;padding:0;list-style:none}.global-nav__list li{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease}.global-nav__list li:nth-child(1){transition-delay:0.06s}.global-nav__list li:nth-child(2){transition-delay:0.12s}.global-nav__list li:nth-child(3){transition-delay:0.18s}.global-nav__list li:nth-child(4){transition-delay:0.24s}.global-nav__list li:nth-child(5){transition-delay:0.3s}.global-nav__list li:nth-child(6){transition-delay:0.36s}.global-nav__list li:nth-child(7){transition-delay:0.42s}.global-nav__list li:nth-child(8){transition-delay:0.48s}.global-nav__list a{position:relative;display:flex;align-items:center;gap:18px;padding-bottom:16px;color:#253348;text-decoration:none;font-size:clamp(15px,3.8vw,21px);font-weight:400;letter-spacing:.14em;transition:color .35s ease,transform .35s ease}.global-nav__list a::after,.global-nav__list a::before{content:"";position:absolute;bottom:0;left:0;height:1px}.global-nav__list a::after{width:100%;background:rgba(20,20,20,.1)}.global-nav__list a::before{z-index:1;width:0;background:rgba(140,108,50,.9);transition:width .4s ease}.global-nav__list a:hover{color:#8c6c32;transform:translateX(6px)}.global-nav__list a:hover::before{width:100%}.global-nav__list a span{min-width:24px;font-family:"Cardo",serif;font-size:clamp(9px,2vw,11px);letter-spacing:.18em;color:rgba(140,108,50,.88)}.global-nav__bottom{margin-top:auto;padding-top:40px}.global-nav__recruit-btn{display:grid;place-items:center;width:100%;padding:18px 24px;color:#fff;background:#900;border:1px solid hsla(0,0%,100%,.18);box-shadow:0 6px 18px rgba(153,0,0,.18);text-decoration:none;font-size:clamp(15px,3.8vw,21px);font-weight:700;letter-spacing:.16em;opacity:0;transform:translateY(14px);transition:opacity .45s ease .36s,transform .45s ease .36s,background .3s ease}.global-nav__recruit-btn:hover{background:rgb(193.8,0,0)}.global-nav__logo{margin-top:6vh;opacity:0;transform:translateY(14px);transition:opacity .45s ease .42s,transform .45s ease .42s;max-width:300px;margin:32px auto 0;padding-top:24px;border-top:1px solid rgba(160,126,62,.3)}.global-nav__logo svg .companyName-color{fill:#333}@media(max-width: 1024px){.site-header__inner{padding:0 18px}.site-header__nav,.site-header__recruit{display:none}.site-header:not(.is-scrolled) .hamburger.is-open .hamburger__bar{background:#222}.hamburger{position:relative;z-index:10000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:64px;min-height:52px;margin-left:auto;padding:6px;border:none;background:rgba(0,0,0,0);color:#fff;cursor:pointer;transition:color .35s ease,background .35s ease}.hamburger__icon{position:relative;display:block;width:32px;height:18px}.hamburger__bar{position:absolute;left:0;top:5px;display:block;width:100%;height:1px;background:currentColor;transform-origin:center;transition:transform .35s ease}.hamburger__bar:nth-child(2){top:13px}.hamburger__text{font-family:"Times New Roman",serif;font-size:10px;line-height:1;letter-spacing:.14em}.hamburger:focus-visible{outline:1px solid currentColor;outline-offset:3px}.hamburger.is-open{color:#253348;background:#f8f5ef}.hamburger.is-open .hamburger__bar:first-child{transform:translateY(4px) rotate(15deg)}.hamburger.is-open .hamburger__bar:nth-child(2){transform:translateY(-4px) rotate(-15deg)}}@media(max-width: 500px){.hamburger{width:15vw;min-height:12vw;padding:1.5vw;gap:1.5vw}.hamburger__icon{width:8vw;height:4.5vw}.hamburger__bar{top:1.25vw;height:.25vw}.hamburger__bar:nth-child(2){top:3.25vw}.hamburger__text{font-size:2.5vw}.hamburger.is-open .hamburger__bar:first-child{transform:translateY(1vw) rotate(15deg)}.hamburger.is-open .hamburger__bar:nth-child(2){transform:translateY(-1vw) rotate(-15deg)}.global-nav__inner{max-width:none;width:100%;padding:24vw 8vw 8vw;border-left:none}.global-nav__label{font-size:2.8vw;margin-bottom:7vw;padding-bottom:4vw}.global-nav__list{gap:5vw}.global-nav__list a{gap:4vw;padding-bottom:4vw;font-size:4.8vw}.global-nav__list a span{min-width:7vw;font-size:2.8vw}.global-nav__recruit-btn{padding:5vw;font-size:4.8vw}.global-nav__bottom{padding-top:8vw}.global-nav__logo{max-width:70%;margin-top:8vw;padding-top:6vw}.site-header__inner{height:15vw;padding-inline:4vw}.site-header__logo{width:35%}}.site-footer{position:relative;overflow:hidden;color:#fff;background:url("../img/bg/footer.jpg") 85% 50%/cover no-repeat;padding:clamp(90px,11vw,150px) 24px 28px}.site-footer::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0)),linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))}.site-footer__inner,.site-footer__copy{position:relative;z-index:1;width:min(1120px,100%);margin-inline:auto}.site-footer__inner{display:flex;justify-content:space-between;align-items:flex-end;gap:clamp(48px,8vw,120px)}.site-footer__left{max-width:680px}.site-footer__logo{display:block;width:clamp(180px,24vw,300px);margin-bottom:34px}.site-footer__logo svg,.site-footer__logo img{display:block;width:100%;height:auto}.site-footer__info{display:grid;font-style:normal;color:hsla(0,0%,100%,.78);font-size:14px;line-height:1.9;letter-spacing:.08em}.site-footer__info a{color:inherit;text-decoration:none}.site-footer__nav{min-width:260px}.site-footer__nav ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}.site-footer__nav a{position:relative;color:hsla(0,0%,100%,.82);text-decoration:none;font-size:15px;letter-spacing:.12em;transition:color .3s ease,padding-left .3s ease}.site-footer__nav a::before{content:"";position:absolute;left:0;top:50%;width:0;height:1px;background:hsla(0,0%,100%,.75);transform:translateY(-50%);transition:width .3s ease}.site-footer__nav a:hover{color:#fff;padding-left:32px}.site-footer__nav a:hover::before{width:20px}.site-footer__copy{margin-top:clamp(56px,7vw,90px);padding-top:22px;border-top:1px solid hsla(0,0%,100%,.18);color:hsla(0,0%,100%,.52);font-size:11px;letter-spacing:.16em}@media(max-width: 768px){.site-footer{padding:72px 20px 24px}.site-footer__inner{display:block}.site-footer__title{margin-bottom:28px;font-size:clamp(38px,13vw,62px)}.site-footer__nav{margin-top:46px}.site-footer__copy{margin-top:52px;line-height:1.8}}.site-footer .companyName-color{fill:#fff}.site-footer .companyLeaf-color{fill:#7fcdb9}html,body{overflow-x:clip}#hotellist{position:relative;background:#fff;transition:background 1.2s ease}:root:not([data-mode]) #hotellist::before,:root:not([data-mode]) #hotellist::after,:root[data-mode=light] #hotellist::before,:root[data-mode=light] #hotellist::after{opacity:0}:root[data-mode=dark] #hotellist{background:radial-gradient(circle at 20% 0%, rgba(51, 51, 51, 0.35), transparent 32%),radial-gradient(circle at 80% 15%, rgba(34, 34, 34, 0.5), transparent 36%),linear-gradient(135deg, #000000 0%, #111111 45%, #222222 100%)}:root[data-mode=dark] #hotellist::before{opacity:1}:root[data-mode=dark] #hotellist::after{opacity:0}:root[data-mode=dark] #hotellist .pc-filter{border-bottom-color:#fff}:root[data-mode=dark] #hotellist .pc-match,:root[data-mode=dark] #hotellist .hotel-meta,:root[data-mode=dark] #hotellist .hotel-footer{color:#fff}:root[data-mode=dark] #hotellist .hotel-card{border-bottom-color:#fff}:root[data-mode=dark] #hotellist .hotel-card:not(:nth-child(3n)){border-right-color:#fff}.filter-group{display:contents}.pc-filter{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:18px 0;border-bottom:1px solid #111}.pc-filter__body{display:flex;gap:10px}.pc-filter__left{display:flex;align-items:center}.pc-filter__selects,.pc-filter__views{display:flex;align-items:center}.pc-filter__selects{gap:14px}.pc-filter__views{gap:10px}.pc-filter__divider{width:1px;height:34px;background:rgba(0,0,0,.25)}.pc-filter__select{height:36px;min-width:140px;padding:0 38px 0 14px;color:#111;font-size:13px;letter-spacing:.06em;background-color:#fff;background-image:linear-gradient(45deg, transparent 50%, #111 50%),linear-gradient(135deg, #111 50%, transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;border:1px solid #111;border-radius:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.pc-filter__select:focus{outline:none;box-shadow:0 0 0 1px #111 inset}.pc-view{height:36px;min-width:92px;padding:0 14px;color:#111;font-size:13px;letter-spacing:.06em;background:#ececec;border:solid 1px;border-radius:4px;cursor:pointer}.pc-view.is-active{color:#fff;background:#111;border:solid 1px #fff}.pc-view.is-disabled{opacity:.65;filter:grayscale(0.3);pointer-events:none;cursor:not-allowed}.sp-filter{display:none}.sp-view{width:100%;height:100%;color:#111;background:#e6e6e6;border-radius:6px;cursor:pointer}.sp-view__ico{font-size:20px;line-height:1}.sp-view__txt{font-size:13px;letter-spacing:.06em}.sp-view.is-active{color:#fff;background:#111}.sp-view.is-disabled{opacity:.6;filter:grayscale(0.3);pointer-events:none;cursor:not-allowed}.sp-item{position:relative;display:grid;grid-template-columns:4vw 1fr auto;align-items:center;gap:10px;width:100%;padding:2vw 3vw;cursor:pointer}.sp-item input{position:absolute;opacity:0;pointer-events:none}.sp-dot{position:relative;display:inline-block;width:3.5vw;height:3.5vw;border:1px solid #111;border-radius:50%}.sp-item input:checked+.sp-dot::after{content:"";position:absolute;top:50%;left:50%;width:3vw;height:3vw;background:#000;border-radius:50%;transform:translate(-50%, -50%) scale(0.6)}.sp-text,.sp-count{font-size:3vw;letter-spacing:.04em}.sp-count{min-width:18px;text-align:right}.sp-chip{position:relative;width:25vw;height:8vw;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(0,0,0,.25);border-radius:999px;cursor:pointer}.sp-chip input{position:absolute;inset:0;margin:0;opacity:0}.sp-chip span{font-size:3vw;letter-spacing:.06em}.sp-chip:has(input:checked){color:#fff;background:#111;border-color:#111}.sp_ilter__title{display:none}.hotel-list{display:grid;grid-template-columns:repeat(3, 1fr)}.hotel-card{list-style:none;border-bottom:1px solid #000;opacity:0;transition:opacity .9s ease;will-change:opacity;pointer-events:none}.hotel-card:not(:nth-child(3n)){border-right:1px solid #000}.hotel-card.is-show{opacity:1;pointer-events:auto}.hotel-card.is-hide{opacity:0;pointer-events:none}.hotel-card a{display:block;color:inherit;text-decoration:none}@media(hover: hover)and (pointer: fine){.hotel-card:hover .hotel-img.base{clip-path:inset(0 0 0 0)}.hotel-card:hover .hotel-img.hover{opacity:1;transform:scale(1.12)}.hotel-card:hover .hotel-bg{inset:0}.hotel-card:hover .hotel-bg::after{opacity:1}.hotel-card:hover .hotel-meta,.hotel-card:hover .hotel-footer .hotel-name{opacity:0;transition:opacity 200ms ease}.hotel-card:hover .hotel-arrow{color:#fff}.hotel-card:hover .hotel-logo{opacity:1}}@media(hover: none)and (pointer: coarse){.hotel-card.is-tapped .hotel-img.base{clip-path:inset(0 0 0 0)}.hotel-card.is-tapped .hotel-img.hover{opacity:1;transform:scale(1.12)}.hotel-card.is-tapped .hotel-bg{inset:0}.hotel-card.is-tapped .hotel-bg::after{opacity:1}.hotel-card.is-tapped .hotel-meta,.hotel-card.is-tapped .hotel-footer .hotel-name{opacity:0;transition:opacity 200ms ease}.hotel-card.is-tapped .hotel-arrow{color:#fff}.hotel-card.is-tapped .hotel-logo{opacity:1}}.hotel-card-inner{position:relative;aspect-ratio:1/1;overflow:hidden}.hotel-bg{position:absolute;inset:25%;overflow:hidden;transition:all .6s ease}.hotel-bg::after{content:"";position:absolute;inset:0;opacity:0;background:rgba(0,0,0,.35);transition:opacity 450ms ease;pointer-events:none}.hotel-bg.is-mode-fade .hotel-img.baseNext{opacity:1}.hotel-bg.is-mode-fade .hotel-img.base{opacity:0;transition:opacity .6s ease;will-change:opacity}.hotel-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:center;will-change:transform,opacity,clip-path}.hotel-img.base,.hotel-img.baseNext{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hotel-img.base{opacity:1;transition:opacity .6s ease}.hotel-img.baseNext{opacity:0;pointer-events:none}.hotel-img.hover{opacity:0;transform:scale(1.03);transition:opacity 450ms ease,transform 900ms ease}.hotel-meta,.hotel-footer{position:absolute;z-index:2;font-size:min(1.3vw,25px)}.hotel-meta{top:14px;left:14px}.hotel-footer{left:14px;right:14px;bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.hotel-arrow{transition:color 350ms ease}.hotel-logo{position:absolute;top:0;left:0;z-index:3;opacity:0;pointer-events:none;mix-blend-mode:difference;transition:opacity 350ms ease}.hotel-logo i{color:#fff;font-size:2.5vw}.loop-gallery{--speed: 120s;--speed2: 120s;--gap: .5vw;--h: 15vw;position:relative;z-index:-1;display:grid;gap:var(--gap);background-color:#fff;-webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent)}.loop-gallery__row{overflow:hidden}.loop-gallery__row.is-ltr .loop-gallery__track{animation:loop-ltr var(--speed) linear infinite}.loop-gallery__row.is-rtl .loop-gallery__track{animation:loop-rtl var(--speed2) linear infinite}.loop-gallery__track{display:flex;width:max-content;will-change:transform}.loop-gallery__set{display:flex;align-items:center;gap:var(--gap);padding-inline:var(--gap)}.loop-gallery__set img{display:block;width:auto;height:var(--h);object-fit:cover}@keyframes loop-rtl{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes loop-ltr{from{transform:translateX(-50%)}to{transform:translateX(0)}}@media(max-width: 1024px){:root[data-mode=dark] #hotellist .sp_ilter__title{border-top:solid 1px #fff;color:#fff}:root[data-mode=dark] #hotellist .hotel-list{border-top:solid 1px #fff}:root[data-mode=dark] #hotellist .hotel-card:nth-child(2n+1){border-right:1px solid #fff}.hotel-list{grid-template-columns:repeat(2, 1fr)}.hotel-card:not(:nth-child(3n)){border-right:none}.hotel-card:nth-child(2n+1){border-right:1px solid #000}.hotel-meta,.hotel-footer{font-size:2.75vw}.hotel-meta{top:1vw;left:2vw}.hotel-footer{left:2vw;bottom:1vw}}@media(max-width: 768px){.sp_ilter__title{display:block;font-size:5vw;font-weight:bold;border-top:solid 1px #000;padding:10px;transform:scaleY(1.15);transform-origin:center;letter-spacing:2px}.hotel-list{border-top:solid 1px #000}.pc-filter{display:none}.sp-filter{position:fixed;right:0;bottom:0;left:0;z-index:9998;display:block;opacity:1;visibility:visible;transition:opacity .4s ease,visibility .4s ease,transform .4s ease}.sp-filter.is-hidden{opacity:0;visibility:hidden;transform:translateY(20px);pointer-events:none}.sp-filter__bar{display:grid;grid-template-columns:minmax(210px, 42%) 1px 1fr;align-items:center;gap:14px;width:100%;min-height:72px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));box-sizing:border-box;background:#f4f2ea}.sp-filter__btn{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:46px;padding:0 16px 0 18px;color:#111;font-size:clamp(14px,2.4vw,18px);font-weight:600;letter-spacing:.08em;background:#fff;border:1px solid rgba(17,17,17,.22);border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.08);cursor:pointer}.sp-filter__chev{width:10px;height:10px;border-right:2px solid #111;border-bottom:2px solid #111;transform:rotate(45deg);transition:transform .2s ease}.sp-filter.is-open .sp-filter__chev{margin-top:6px;transform:rotate(-135deg)}.sp-filter__barDivider{width:1px;height:46px}.sp-filter__views{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;width:100%;height:46px;min-width:0}.sp-filter__views.is-disabled{opacity:.65;filter:grayscale(0.3);pointer-events:none;cursor:not-allowed}.sp-filter__backdrop{position:absolute;right:0;bottom:100%;left:0;z-index:1;width:100%;height:100vh;background:rgba(0,0,0,.6)}.sp-filter__panel{position:absolute;right:0;bottom:100%;left:0;z-index:2;max-height:calc(100vh - 90px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:#f4f2ea;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease}.sp-filter__panel.is-show{opacity:1;pointer-events:auto;transform:translateY(0)}.sp-filter__inner{display:grid;grid-template-columns:repeat(2, 1fr)}.sp-filter__section{border-right:1px solid #111}.sp-filter__section:nth-child(3){border-right:0}.sp-filter__section--full{grid-column:1/-1;border-top:1px solid #111;border-right:0;border-bottom:1px solid #111}.sp-filter__head{padding:1.5vw 2vw;font-size:3.5vw;letter-spacing:.04em;border-bottom:1px solid hsla(0,0%,60%,.75)}.sp-filter__match,.sp-filter__mode{display:flex;justify-content:center}.sp-filter__mode{gap:10px;padding:2vw 3vw}.sp-view{min-width:0;padding:0 10px}.sp-view__ico{font-size:clamp(13px,2.4vw,18px)}.sp-view__txt{font-size:clamp(11px,2vw,13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width: 500px){.sp_ilter__title{font-size:6.5vw}.sp-filter__bar{display:grid;grid-template-columns:38vw 1px 1fr;align-items:center;width:100%;min-height:13vw;padding:2.2vw 3vw;gap:3vw;box-sizing:border-box}.sp-filter__btn{height:9vw;min-height:38px;max-height:46px;padding:0 3.4vw 0 4vw;font-size:clamp(12px,3.4vw,14px);border-radius:999px}.sp-filter__barDivider{width:1px;height:9vw;min-height:36px;max-height:46px}.sp-filter__views{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:100%;height:9vw;min-height:38px;max-height:46px;gap:1.5vw}.sp-view{height:100%;min-width:0;padding:0 1.2vw;font-size:clamp(10px,2.8vw,12px);white-space:nowrap}.sp-view__ico{font-size:clamp(11px,3vw,13px)}.sp-view__txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(prefers-reduced-motion: reduce){.loop-gallery__track{animation:none !important}}