@layer lism-base{:root{color-scheme:dark;--base:#161412;--base-2:#2c2926;--text:#fff;--text-2:#e0e0e0;--divider:#525252;--gutter--base:1.875rem;--fz--base:clamp(1rem, .8438rem + .25vw, 1.0625rem);--fw--bold:600}.set--light{color-scheme:light;--base:#f1ece4;--base-2:#e7e0d5;--text:#251f18;--text-2:#423d38;--divider:#ccc4b8}[lang=ja]{--ff--base:"Shippori Mincho B1", "Noto Serif JP", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;--ff--accent:"Yuji Syuku", "Shippori Mincho B1", "Noto Serif JP", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;--lts--base:.05em;--lts--s:0em;--lts--l:.1em;--lts--xl:.15em}[lang=en]{--lts--base:.025em;--lts--s:0em;--lts--l:.075em;--lts--xl:.125em;--fz--base:clamp(1rem, .8333rem + .3333vw, 1.125rem);--ff--base:"Lora", "Noto Serif JP", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;--ff--accent:"EB Garamond", "Yuji Syuku", "Noto Serif JP", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif}}@layer lism-block{.b--navMenu{--link-td:none;--hl:var(--hl--s);--item-p:.5em;--focus-offset:-1px}.b--navMenu_nest{--item-p:inherit;padding-inline-start:1em}.b--navMenu_link{color:inherit;padding:var(--item-p);align-items:center;gap:.5em;display:flex}.b--navMenu_nest,.b--navMenu_item{--bdc:inherit}:where([lang=ja]) .b--button>*{margin-bottom:.125em}:root[lang=en] .b--enEyebrow{display:none}}@layer lism-custom{:root{--header-h--init:100px;--header-h:64px;scroll-padding-top:var(--header-h)}.c--page{timeline-scope:--c--ryokan-reservation}.c--header_logoLink{transform-origin:0;transition:transform .4s}.c--headerNav .b--enEyebrow{max-height:2.5em;transition:opacity .4s,max-height .4s;overflow:hidden}.c--header_inner{height:var(--header-h--init);transition:padding .4s,height .4s,background-color .4s,backdrop-filter .4s,box-shadow .4s}:root[data-scrolled] .c--header_inner{height:var(--header-h);padding-inline:var(--s25);margin-top:var(--s10);border-radius:var(--bdrs--20);background-color:color-mix(in srgb, var(--base) 84%, transparent);backdrop-filter:blur(8px);box-shadow:0 4px 24px color-mix(in srgb, var(--black) 16%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--white) 8%, transparent)}:root[data-scrolled] .c--header_logoLink{transform:scale(.75)}:root[data-scrolled] .c--headerNav .b--enEyebrow{display:none}.c--header_menuNav>li:not(:last-child){border-block-end:1px dashed var(--divider)}.c--hero_layer{opacity:0;animation:ryokan-mv-bgFade var(--c--ryokan-mv-bgCycleDuration) infinite;animation-timing-function:linear;animation-delay:var(--c--ryokan-mv-layerDelay)}:where([lang=ja]) .c--hero_line:first-child{margin-inline-start:-2.5em}:where([lang=ja]) .c--hero_line:last-child:not(:first-child){margin-inline-start:2.5em}@keyframes ryokan-mv-lineReveal{0%{opacity:0;filter:blur(var(--c--ryokan-mv-lineBlurMax,12px))}to{opacity:1;filter:blur()}}.c--hero_copy .c--hero_line{opacity:0;filter:blur(var(--c--ryokan-mv-lineBlurMax,12px));animation:ryokan-mv-lineReveal var(--c--ryokan-mv-lineDuration,1s) ease forwards;animation-delay:calc(var(--c--ryokan-mv-lineStartDelay,0s) + var(--c--ryokan-mv-lineStagger,.2s) * var(--c--ryokan-mv-lineIndex,0))}@media (prefers-reduced-motion:reduce){.c--hero_layer{opacity:0;animation:none;transform:none}.c--hero_layer:first-child{opacity:1}.c--hero_copy .c--hero_line{opacity:1;filter:none;animation:none}}@container not (width>=800px){.c--feature_lead,.c--feature_body{text-wrap:pretty}}.c--feature_watermark{pointer-events:none;user-select:none;direction:ltr;unicode-bidi:isolate}.c--footer_navStack{text-align:start;align-items:flex-start}@container (width>=800px){.c--footer_navStack{text-align:center;align-items:center}}.c--reservation{view-timeline-name:--c--ryokan-reservation;view-timeline-axis:block}@keyframes ryokan_reservationFab_hide{0%{opacity:1;pointer-events:auto;visibility:visible}to{opacity:0;pointer-events:none;visibility:hidden}}.c--reservationFab{animation:linear both ryokan_reservationFab_hide --c--ryokan-reservation;animation-range:entry entry 30%}.c--reservationFab:focus-visible{outline:2px solid var(--divider);outline-offset:3px}@media (prefers-reduced-motion:reduce){.c--reservationFab{opacity:1;visibility:visible;pointer-events:auto;animation:none}}}