@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{display:flex;align-items:center;gap:.5em;color:inherit;padding:var(--item-p)}.b--navMenu_nest,.b--navMenu_item{--bdc: inherit}}@layer lism-base{:root{color-scheme:dark;--base: hsl(30 10% 8%);--base-2: hsl(30 8% 16%);--text: hsl(0 0% 100%);--text-2: hsl(0 0% 88%);--divider: hsl(0 0% 32%);--gutter--base: 1.875rem;--fz--base: clamp(1rem, .8438rem + .25vw, 1.0625rem);--fw--bold: 600}.set--light{color-scheme:light;--base: hsl(38 32% 92%);--base-2: hsl(38 28% 87%);--text: hsl(30 20% 12%);--text-2: hsl(30 8% 24%);--divider: hsl(38 16% 76%)}[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{: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:left center;transition:transform .4s}.c--headerNav .b--enEyebrow{max-height:2.5em;overflow:hidden;transition:opacity .4s,max-height .4s}.c--header_inner{height:var(--header-h--init);transition:.4s;transition-property:padding,height,background-color,backdrop-filter,box-shadow}: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 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(0)}}.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{animation:none;opacity:0;transform:none}.c--hero_layer:first-child{opacity:1}.c--hero_copy .c--hero_line{animation:none;opacity:1;filter:none}}@container not (min-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 (min-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:ryokan_reservationFab_hide linear both;animation-timeline:--c--ryokan-reservation;animation-range:entry 0% entry 30%}.c--reservationFab:focus-visible{outline:2px solid var(--divider);outline-offset:3px}@media(prefers-reduced-motion:reduce){.c--reservationFab{animation:none;opacity:1;visibility:visible;pointer-events:auto}}}