:root{
  --ink:#1a1a18;--sub:#77756f;--line:#dddbd5;--paper:#fff;--shade:#12110f;
  --serif:"Shippori Mincho","Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  --axis:1120px;--side:max(48px,calc((100vw - var(--axis)) / 2));--tcol:200px;--gutter:32px;
  --gap-ch:200px;--gap-in:72px;
  --fs-cover:40px;--fs-title:34px;--fs-lead:19px;--fs-body:15px;--fs-ui:13px;--fs-small:11.5px;
  --hd:72px;
  --ease:cubic-bezier(.22,.61,.36,1);--t-text:1.2s;--t-photo:1.6s;--t-fade:1.6s;--t-slide:6s;
}
@media(max-width:760px){:root{
  --side:24px;--tcol:44px;--gutter:16px;--gap-ch:120px;--gap-in:44px;
  --fs-cover:30px;--fs-title:25px;--fs-lead:16.5px;--fs-body:14.5px;--fs-ui:12.5px;--fs-small:11px;--hd:60px;
}}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--fs-body)/2.1 var(--serif);letter-spacing:.06em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;letter-spacing:inherit}
img{display:block;width:100%;height:100%;object-fit:cover}
figure,h1,h2,h3,p,dl,dd,ul{margin:0;padding:0}
ul{list-style:none}
a:focus-visible,button:focus-visible{outline:1px solid currentColor;outline-offset:6px}
.skip{position:fixed;left:16px;top:-60px;z-index:100;background:var(--paper);padding:8px 16px}.skip:focus{top:12px}



.vt{writing-mode:vertical-rl;font-feature-settings:"vpal" 0}
.num{font-size:var(--fs-small);letter-spacing:.3em;color:var(--sub);line-height:1}
h1,h2{font-weight:400;font-size:var(--fs-title);line-height:1.7;letter-spacing:.26em}
h3{font-weight:400;font-size:var(--fs-small);letter-spacing:.3em;color:var(--sub)}
.lead{font-size:var(--fs-lead);line-height:2;letter-spacing:.1em}
.tx p+p{margin-top:1.2em}
.tx .lead+p{margin-top:1.6em}
figcaption,.note{font-size:var(--fs-small);line-height:1.8;letter-spacing:.12em;color:var(--sub)}
figcaption{margin-top:12px}



.go{display:inline-flex;align-items:center;gap:16px;font-size:var(--fs-ui);letter-spacing:.14em;line-height:1.6;padding:8px 0}
.go i{position:relative;display:block;width:36px;height:1px;background:currentColor;transition:width .5s var(--ease)}
.go i::after{content:"";position:absolute;right:0;top:-3px;width:8px;height:1px;background:currentColor;transform:rotate(32deg);transform-origin:right center}
.go:hover i{width:56px}
.tx .go,dd .go{display:flex;width:max-content;margin-top:28px}
dd .go{margin-top:10px}



.ph{display:block}
.ph .fi{display:block;overflow:hidden;background:var(--shade)}
.r-l .fi{aspect-ratio:3/2}.r-p .fi{aspect-ratio:2/3}



.hd{position:fixed;inset:0 0 auto;z-index:50;height:var(--hd);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 40px;color:#fff;border-bottom:1px solid transparent;transition:background .5s var(--ease),color .5s var(--ease),border-color .5s var(--ease),transform .5s var(--ease)}
.hd.solid,.hd.open{background:var(--paper);color:var(--ink);border-color:var(--line)}
.hd.open{border-color:transparent}
.hd-menu{justify-self:start;display:flex;align-items:center;gap:14px;border:0;background:none;padding:10px 0;cursor:pointer;font-size:var(--fs-ui);letter-spacing:.2em}
.hd-menu i{position:relative;width:22px;height:7px}
.hd-menu i::before,.hd-menu i::after{content:"";position:absolute;left:0;right:0;height:1px;background:currentColor;transition:transform .5s var(--ease)}
.hd-menu i::before{top:0}.hd-menu i::after{bottom:0}
.hd.open .hd-menu i::before{transform:translateY(3px) rotate(18deg)}
.hd.open .hd-menu i::after{transform:translateY(-3px) rotate(-18deg)}
.hd-mark{width:56px;opacity:0;transition:opacity .5s var(--ease)}
.hd-mark img{height:auto}
.hd.solid .hd-mark,.hd.open .hd-mark{opacity:1}
.hd>.go{justify-self:end}



.menu{position:fixed;inset:0;z-index:45;background:var(--paper);display:grid;grid-template-rows:1fr auto;padding:calc(var(--hd) + 48px) var(--side) 40px;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility 0s .6s}
.menu.on{opacity:1;visibility:visible;transition:opacity .6s var(--ease)}
.menu nav{display:flex;flex-direction:row-reverse;justify-content:center;align-items:flex-start;gap:clamp(28px,6vw,88px);align-self:center}
.menu nav a{writing-mode:vertical-rl;font-size:var(--fs-title);letter-spacing:.3em;line-height:1.4;display:flex;align-items:center;gap:1.1em;opacity:0;transform:translateY(16px);transition:opacity var(--t-text) var(--ease),transform var(--t-text) var(--ease),color .4s}
.menu.on nav a{opacity:1;transform:none}
.menu.on nav a:nth-child(2){transition-delay:.06s}.menu.on nav a:nth-child(3){transition-delay:.12s}.menu.on nav a:nth-child(4){transition-delay:.18s}.menu.on nav a:nth-child(5){transition-delay:.24s}
.menu nav a small{font-size:var(--fs-small);letter-spacing:.3em;color:var(--sub)}
.menu nav a[aria-current]{color:var(--sub)}
.menu nav a:hover{color:var(--sub)}
.menu-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px}
.menu-foot p{font-size:var(--fs-small);letter-spacing:.24em;color:var(--sub)}



.cover,.fv,.band{position:relative;overflow:hidden;background:var(--shade);color:#fff}
.cover,.fv{height:100svh;min-height:560px;max-height:1000px}
.cover::after,.fv::after,.band::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.36),rgba(0,0,0,.06) 24%,rgba(0,0,0,.06) 60%,rgba(0,0,0,.4))}
.cover::after,.band::after{background:linear-gradient(270deg,rgba(0,0,0,.46),rgba(0,0,0,0) 36%),linear-gradient(180deg,rgba(0,0,0,.36),rgba(0,0,0,.06) 24%,rgba(0,0,0,.06) 60%,rgba(0,0,0,.4))}
.cover-ph,.fv-s,.band-ph{position:absolute;inset:0}
.cover-ph img,.fv-s img,.band-ph img{object-position:var(--pc,50% 50%)}
.cover-ph img{animation:settle 2.8s var(--ease) both}
@keyframes settle{from{transform:scale(1.06);opacity:0}to{transform:none;opacity:1}}
.on-photo{position:absolute;z-index:2;top:50%;right:calc(var(--side) + var(--tcol) / 2);transform:translate(50%,-50%);display:flex;flex-direction:row;align-items:flex-start;gap:18px;writing-mode:vertical-rl;text-shadow:0 0 24px rgba(0,0,0,.35)}
.on-photo .num{color:#fff;opacity:.85;padding-top:.4em}
.on-photo h1,.on-photo .band-t{font-size:var(--fs-cover);line-height:1.6;letter-spacing:.3em;white-space:nowrap}
.cover .on-photo{animation:rise 1.6s .5s var(--ease) both}
@keyframes rise{from{opacity:0;margin-top:16px}to{opacity:1;margin-top:0}}
.cover-foot{position:absolute;z-index:2;left:40px;bottom:36px;font-size:var(--fs-small);letter-spacing:.3em;opacity:.85}



.fv-s{opacity:0;transition:opacity var(--t-fade) var(--ease)}


.fv-s img{animation:drift 26s ease-in-out infinite alternate;will-change:transform}
.fv-s:nth-child(2) img{animation-delay:-9s}.fv-s:nth-child(3) img{animation-delay:-17s}
@keyframes drift{from{transform:scale(1.01)}to{transform:scale(1.07) translateY(-1%)}}
.fv-s.on{opacity:1}
.fv-mark{position:absolute;z-index:2;left:50%;top:58%;width:188px;transform:translate(-50%,-50%);animation:markin 2.4s .4s var(--ease) both}
@keyframes markin{from{opacity:0}to{opacity:1}}
.fv-mark img{height:auto;filter:invert(1) drop-shadow(0 1px 12px rgba(0,0,0,.45))}
.fv-ctl{position:absolute;z-index:3;left:40px;bottom:32px;display:flex;align-items:flex-end;gap:22px}
.fv-dot{border:0;background:none;cursor:pointer;padding:6px 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:15px;letter-spacing:.1em;line-height:1;color:#fff;opacity:.55;transition:opacity .6s var(--ease)}
.fv-dot::after{content:"";display:block;width:44px;height:1px;background:linear-gradient(currentColor,currentColor) left/0 100% no-repeat,rgba(255,255,255,.4)}
.fv-dot.on{opacity:1}
.fv-dot.on::after{animation:fill var(--t-slide) linear forwards}
.fv.stopped .fv-dot.on::after{animation:none;background-size:100% 100%,auto}
@keyframes fill{to{background-size:100% 100%,auto}}
.fv-pause{border:0;background:none;cursor:pointer;width:32px;height:28px;display:grid;place-items:center;color:#fff;opacity:.8;margin-bottom:-8px}
.fv-pause span{width:6px;height:10px;border-left:1px solid currentColor;border-right:1px solid currentColor}
.fv-pause[aria-pressed=true] span{width:0;height:0;border:0;border-left:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}
.fv-scroll{position:absolute;z-index:2;right:40px;bottom:0;height:88px;width:1px;background:rgba(255,255,255,.35);overflow:hidden}
.fv-scroll::after{content:"";position:absolute;inset:0;background:#fff;animation:drip 2.8s var(--ease) infinite}
@keyframes drip{0%{transform:translateY(-100%)}60%,100%{transform:translateY(100%)}}



.band{display:block;margin-top:var(--gap-ch);height:min(72svh,640px);min-height:420px}
.band-ph img{transition:transform 2.4s var(--ease)}
a.band:hover .band-ph img{transform:scale(1.03)}
.band .go{position:absolute;z-index:2;left:40px;bottom:32px}



.jo{padding:var(--gap-ch) var(--side) 0;display:flex;justify-content:center}
.jo-lines{display:flex;flex-direction:row-reverse;gap:2.3em;font-size:var(--fs-lead)}
.jo-lines p{writing-mode:vertical-rl;line-height:1;letter-spacing:.34em;white-space:nowrap}



.sec{margin-top:var(--gap-ch);padding:0 var(--side);display:grid;grid-template-columns:minmax(0,1fr) var(--tcol);align-items:start}
.sec[data-side=l]{grid-template-columns:var(--tcol) minmax(0,1fr)}
.sec-head{grid-column:2;grid-row:1/span 2;justify-self:center;display:flex;flex-direction:row;align-items:flex-start;gap:16px;writing-mode:vertical-rl}
.sec[data-side=l] .sec-head{grid-column:1}
.sec-head .num{padding-top:.5em}
.sec-main,.ch-main,.ch-body{grid-column:1}
.sec[data-side=l] .sec-main,.sec[data-side=l] .ch-main,.sec[data-side=l] .ch-body{grid-column:2}



.ch-main{grid-row:1;margin-left:calc(var(--side) * -1)}
.sec[data-side=l] .ch-main{margin-left:0;margin-right:calc(var(--side) * -1)}
.ch-main figcaption{padding-left:var(--side)}
.sec[data-side=l] .ch-main figcaption{padding-left:0;padding-right:var(--side);text-align:right}
.ch-body{grid-row:2;margin-top:var(--gap-in);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:start}
.ch-body .tx{grid-column:1/7;grid-row:1}
.ch-body .ch-sub{grid-column:8/13;grid-row:1}
.ch-body .ch-sub.r-p{grid-column:9/13}
.sec[data-side=l] .ch-body .tx{grid-column:7/13}
.sec[data-side=l] .ch-body .ch-sub{grid-column:1/6}
.sec[data-side=l] .ch-body .ch-sub.r-p{grid-column:1/5}





.sec-main.tx{max-width:620px;width:100%}
.info{max-width:720px;width:100%}
.sec[data-side=r] .sec-main.tx,.sec[data-side=r] .info{justify-self:end;margin-right:calc(var(--gutter) * 2)}
.sec[data-side=l] .sec-main.tx,.sec[data-side=l] .info{justify-self:start;margin-left:calc(var(--gutter) * 2)}
.info>div{display:grid;grid-template-columns:9em 1fr;column-gap:24px;padding:24px 0;border-top:1px solid var(--line)}
.info>div:last-child{border-bottom:1px solid var(--line)}
.info dt{font-size:var(--fs-ui);letter-spacing:.2em;color:var(--sub);line-height:2.4}



.menu-sec{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:start}
.menu-sec .ph{grid-column:1/6;grid-row:1}
.menu-sec .ph.r-p{grid-column:1/5}
.menu-sec .oshina-wrap{grid-column:7/13;grid-row:1}
.sec[data-side=l] .menu-sec .ph{grid-column:8/13}
.sec[data-side=l] .menu-sec .ph.r-p{grid-column:9/13}
.sec[data-side=l] .menu-sec .oshina-wrap{grid-column:1/7}
.oshina{display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:flex-start;gap:44px 30px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.oshina li{writing-mode:vertical-rl;display:flex;flex-direction:column;gap:.9em}
.oshina h3{padding-bottom:1.2em}
.oshina p{line-height:1;letter-spacing:.2em;white-space:nowrap}
.oshina p small{font-size:var(--fs-small);color:var(--sub);letter-spacing:.16em}
.oshina-wrap .note{margin-top:16px}
.ch-extra{grid-column:1;grid-row:3;margin-top:var(--gap-in)}
.sec[data-side=l] .ch-extra{grid-column:2}
.ch-extra .oshina{justify-content:center;gap:0 34px}
.ch-extra .note{margin-top:14px;text-align:center}



.sl{position:relative}
.sl-i{position:absolute;inset:0;opacity:0;transition:opacity 1.2s var(--ease)}
.sl-i.on{opacity:1}
.sl-b{position:absolute;z-index:2;top:0;bottom:0;width:72px;border:0;background:none;cursor:pointer;color:#fff;display:grid;place-items:center;opacity:.85;transition:opacity .4s var(--ease)}
.sl-b:hover{opacity:1}
.sl-prev{left:0}.sl-next{right:0}
.sl-b i{width:11px;height:11px;border-top:1px solid currentColor;border-left:1px solid currentColor;transform:rotate(-45deg);filter:drop-shadow(0 0 6px rgba(0,0,0,.6))}
.sl-next i{transform:rotate(135deg)}
[data-slider] figcaption{display:flex;justify-content:space-between;gap:16px}
.sl-n{letter-spacing:.3em;white-space:nowrap}
.sl-n b{font-weight:400;color:var(--ink)}



.mokuji{display:flex;flex-direction:row-reverse;justify-content:flex-start;gap:26px;padding:40px var(--side) 0}
.mokuji a{writing-mode:vertical-rl;font-size:var(--fs-ui);letter-spacing:.34em;line-height:1;display:flex;align-items:center;gap:.9em;transition:color .4s var(--ease)}
.mokuji a small{font-size:var(--fs-small);color:var(--sub);letter-spacing:0}
.mokuji a:hover{color:var(--sub)}
.mokuji+.jo{padding-top:calc(var(--gap-ch) - 150px)}
.mokuji+.jo.jo-pin{padding-top:0;margin-top:-150px}



.oshirase{margin:calc(var(--gap-in) + 24px) var(--side) 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:12px 40px;flex-wrap:wrap;font-size:var(--fs-ui);letter-spacing:.24em}



.acc{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:start}
.acc .acc-map{grid-column:1/8}
.acc .info{grid-column:8/13;max-width:none;margin:0!important;justify-self:stretch!important}
.acc-map iframe{display:block;width:100%;height:100%;border:0;filter:grayscale(1) contrast(.92) brightness(1.04)}
.acc-map .fi{background:#eceae5}



.ft{padding:120px var(--side) 36px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter)}
.ft-brand{grid-column:1/5}
.ft-mark{display:block;width:150px}.ft-mark img{height:auto}
.ft-brand p{margin-top:24px;font-size:var(--fs-ui);letter-spacing:.2em;color:var(--sub)}
.ft-info{grid-column:6/13;max-width:none}
.ft-base{grid-column:1/13;margin-top:104px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px 40px;flex-wrap:wrap}
.ft-base nav{display:flex;gap:10px 32px;flex-wrap:wrap;font-size:var(--fs-ui);letter-spacing:.14em}
.ft-base nav a{transition:color .4s}.ft-base nav a:hover{color:var(--sub)}
.ft-base small{font-size:var(--fs-small);letter-spacing:.12em;color:var(--sub)}



.js .rv{opacity:0;transform:translateY(18px);transition:opacity var(--t-text) var(--ease),transform var(--t-text) var(--ease)}
.js .rv.in{opacity:1;transform:none}
.js .rv.d1{transition-delay:.15s}.js .rv.d2{transition-delay:.3s}
.js .ph.pv .fi{clip-path:inset(0 0 100% 0);transition:clip-path var(--t-photo) var(--ease)}
.js .ph.pv .fi img{transform:scale(1.08);transition:transform calc(var(--t-photo) + .6s) var(--ease)}
.js .ph.pv figcaption{opacity:0;transition:opacity var(--t-text) .6s var(--ease)}
.js .ph.pv.in .fi{clip-path:inset(0)}
.js .ph.pv.in .fi img{transform:none}
.js .ph.pv.in figcaption{opacity:1}
.js .band .on-photo{opacity:0;transition:opacity var(--t-photo) .2s var(--ease)}
.js .band.in .on-photo{opacity:1}




.fv.kv .fv-dot::after{width:32px}


.jo-frame{padding:6px 2.6em;border-left:1px solid var(--line);border-right:1px solid var(--line)}


.r-t .fi{aspect-ratio:3/4}
.ch-extra.duo,.ch-extra.stag{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter)}
.duo figure:first-child{grid-column:1/6}.duo figure:last-child{grid-column:7/12}
.sec[data-side=l] .duo figure:first-child{grid-column:2/7}.sec[data-side=l] .duo figure:last-child{grid-column:8/13}
.stag figure:first-child{grid-column:2/6}.stag figure:last-child{grid-column:7/11;margin-top:42%}
.sec[data-side=l] .stag figure:first-child{grid-column:3/7}.sec[data-side=l] .stag figure:last-child{grid-column:8/12}


.obi{position:relative;display:block;margin-top:var(--gap-ch);height:450px;overflow:hidden;background:var(--shade);color:#fff}
.obi-ph{position:absolute;inset:0}.obi-ph img{transition:transform 2.4s var(--ease)}.obi:hover .obi-ph img{transform:scale(1.03)}
.obi::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.24)}
.obi-in{position:absolute;z-index:2;inset:0;padding:0 var(--side);display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:var(--gutter)}
.obi-box{display:flex;flex-direction:column;gap:8px;max-width:340px;padding:28px 32px;background:rgba(18,17,15,.58)}
.obi-box b{font-weight:400;font-size:28px;letter-spacing:.2em;line-height:1.6}
.obi-box .go{margin-top:8px}
.obi-catch{font-size:var(--fs-title);line-height:1.8;letter-spacing:.2em;justify-self:end;text-shadow:0 0 18px rgba(0,0,0,.5)}
.obi.r .obi-box{grid-column:2;justify-self:end}.obi.r .obi-catch{grid-column:1;grid-row:1;justify-self:start}
.js .obi .obi-box,.js .obi .obi-catch{opacity:0;transition:opacity var(--t-photo) var(--ease)}
.js .obi .obi-catch{transition-delay:.3s}
.js .obi.in .obi-box,.js .obi.in .obi-catch{opacity:1}
.js .obi.rv{opacity:1;transform:none}


.ft.dk{display:block;background:#0f0e0d;color:rgba(255,255,255,.88);padding:72px var(--side) 0;margin-top:0}
.dk-cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;padding-bottom:64px}
.dk .ft-mark{width:140px;margin-bottom:24px}.dk .ft-mark img{filter:invert(1)}
.dk p{font-size:var(--fs-ui);line-height:2.1;letter-spacing:.12em;color:rgba(255,255,255,.62)}
.dk h3{color:rgba(255,255,255,.62);margin-bottom:16px}
.dk li a{font-size:var(--fs-ui);line-height:2.8;letter-spacing:.14em;transition:opacity .4s var(--ease)}.dk li a:hover{opacity:.55}
.dk-base{border-top:1px solid rgba(255,255,255,.16);padding:20px 0 26px;display:flex;justify-content:space-between;gap:12px 40px;flex-wrap:wrap;font-size:var(--fs-small);letter-spacing:.14em;color:rgba(255,255,255,.62)}
.band{margin-bottom:0}


.ori{margin-top:var(--gap-ch);background:#060605;color:rgba(255,255,255,.86);padding:150px 0 130px}
.ori-in{padding:0 var(--side);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);column-gap:var(--gutter);align-items:start}
.ori-head{justify-self:center;display:flex;flex-direction:row-reverse;align-items:flex-start;gap:22px}
.ori-tsuki{writing-mode:vertical-rl;font-weight:400;font-size:72px;line-height:1;letter-spacing:.2em;color:#fff}
.ori-en{writing-mode:vertical-rl;font-size:var(--fs-small);letter-spacing:.8em;line-height:1;color:rgba(255,255,255,.6);padding-top:4px}
.ori-tx p{font-size:16px;line-height:2.2;letter-spacing:.1em;text-align:justify}
.ori-tx p+p{margin-top:1.4em}
.ori-ph{margin-top:110px}
.ori-ph .fi{aspect-ratio:2.39/1;background:#000}


.veil{display:none}
.js .veil{display:grid;place-items:center;position:fixed;inset:0;z-index:90;background:var(--paper);pointer-events:none;animation:veil-out 1s 1.5s var(--ease) forwards}
.veil img{width:150px;height:auto;animation:markin 1.1s .15s var(--ease) both}
@keyframes veil-out{to{opacity:0;visibility:hidden}}




.dk-lead{display:flex;justify-content:space-between;align-items:center;font-size:20px;letter-spacing:.24em;padding:0 0 30px;margin-bottom:56px;border-bottom:1px solid rgba(255,255,255,.2);color:#fff}
.dk-lead i{position:relative;width:56px;height:1px;background:currentColor;transition:width .5s var(--ease)}
.dk-lead i::after{content:"";position:absolute;right:0;top:-3px;width:8px;height:1px;background:currentColor;transform:rotate(32deg);transform-origin:right center}
.dk-lead:hover i{width:84px}


body[data-page=index] .hd-mark{opacity:1;width:112px;transform:translateY(26px);transition:width .7s var(--ease),transform .7s var(--ease),opacity .5s var(--ease)}
body[data-page=index] .hd-mark img{filter:invert(1) drop-shadow(0 1px 10px rgba(0,0,0,.45));transition:filter .5s var(--ease)}
body[data-page=index] .hd.solid .hd-mark,body[data-page=index] .hd.open .hd-mark{width:56px;transform:none}
body[data-page=index] .hd.solid .hd-mark img,body[data-page=index] .hd.open .hd-mark img{filter:none}
.fv.kv .fv-mark{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);animation:none}
.fv.kv::after{background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.04) 30%,rgba(0,0,0,.04) 66%,rgba(0,0,0,.44))}
.kv-f img{object-position:var(--pc,50% 50%)}
@keyframes hira-zoom{from{transform:scale(1)}to{transform:scale(1.09)}}


.jo-seq{display:flex;flex-direction:row-reverse;align-items:stretch;gap:3.2em;font-size:20px}
.jo-seq .jo-lines{display:flex;flex-direction:row-reverse;gap:2.5em;font-size:inherit;padding:1.4em 0 2.6em}
.jo-seq .jo-lines p{writing-mode:vertical-rl;line-height:1;letter-spacing:.26em;white-space:nowrap;font-feature-settings:"vkrn" 0;padding-top:calc(var(--d,0) * 1em)}
.jo-seq .jo-key{letter-spacing:.42em}
.jo-era{display:flex;flex-direction:column;align-items:center;gap:14px;font-size:var(--fs-small);letter-spacing:.3em;color:var(--sub)}
.jo-era span{writing-mode:vertical-rl;line-height:1}
.jo-era i,.jo-rule{display:block;width:1px;background:var(--line)}
.jo-era i{flex:1;min-height:200px}
.js .jo-era i,.js .jo-rule{transform:scaleY(0);transform-origin:top;transition:transform 2.6s var(--ease)}
.js .jo-rule{transition-delay:.5s}
.js .jo-era span{opacity:0;transition:opacity 1.6s var(--ease)}
.js .jo-era span:last-child{transition-delay:2.2s}
.js .jo-seq .jo-lines p{clip-path:inset(0 -1em 100% -1em);opacity:.25;transition:clip-path 2s cubic-bezier(.4,0,.2,1),opacity 2s var(--ease);transition-delay:calc(.9s + var(--i) * .5s)}
.js .jo-seq.in .jo-era i,.js .jo-seq.in .jo-rule{transform:none}
.js .jo-seq.in .jo-era span{opacity:1}
.js .jo-seq.in .jo-lines p{clip-path:inset(0 -1em 0 -1em);opacity:1}
.mokuji a{opacity:1}
.js .mokuji.rv a{opacity:0;transform:translateY(-10px);transition:opacity 1.4s var(--ease),transform 1.4s var(--ease),color .4s var(--ease)}
.js .mokuji.rv.in a{opacity:1;transform:none}
.js .mokuji.rv a:nth-child(2){transition-delay:.12s}.js .mokuji.rv a:nth-child(3){transition-delay:.24s}.js .mokuji.rv a:nth-child(4){transition-delay:.36s}.js .mokuji.rv a:nth-child(5){transition-delay:.48s}
.js .mokuji.rv{opacity:1;transform:none}


.jo.jo-pin{display:block;padding:0;height:360vh}
.jo-stick{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:min(64px,6.5vh);padding:var(--hd) var(--side) 0}


.jo-lines2{display:flex;flex-direction:row-reverse;gap:2.6em;font-size:clamp(15px,calc((100svh - var(--hd) - 150px) / 28.5),20px)}
.jo-lines2 p{writing-mode:vertical-rl;line-height:1;letter-spacing:.26em;white-space:nowrap;padding-top:calc(var(--d,0) * 1em)}
.jo-lines2 .jo-key{letter-spacing:.42em}
.js .jo-pin:not(.static) .jo-lines2 p{clip-path:inset(0 -1em var(--r,100%) -1em);opacity:var(--o,.0);transition:clip-path .25s linear,opacity .4s linear}
.jo-time{display:flex;flex-direction:row-reverse;align-items:center;gap:20px;width:min(560px,100%);font-size:var(--fs-small);letter-spacing:.3em;color:var(--sub);white-space:nowrap}
.jo-time i{flex:1;height:1px;background:var(--ink);opacity:.5;transform-origin:right center}
.js .jo-pin:not(.static) .jo-time i{transform:scaleX(var(--P,0));transition:transform .25s linear}
.js .jo-pin:not(.static) .jo-now{opacity:var(--end,0);transition:opacity 1.2s var(--ease)}
.jo.jo-pin.static{height:auto;padding:var(--gap-ch) 0 0}
.jo-pin.static .jo-stick{position:static;height:auto;padding-top:0}


.fv.kv .kv-full{display:block;position:absolute;inset:0;height:auto;transform:none;top:0}
.fv.kv .kv-f{position:absolute;inset:0;opacity:0;transition:none;filter:none;clip-path:none;z-index:0}
.fv.kv .kv-f img{animation:none;transform:none;transition:none}
.fv.kv .kv-f.on{z-index:2}.fv.kv .kv-f.out{z-index:1}


.fv[data-mode=melt] .kv-f img{animation:hira-zoom 24s linear infinite alternate}
.fv[data-mode=melt] .kv-f.on{opacity:1;transition:opacity 2.4s cubic-bezier(.4,0,.2,1)}
.fv[data-mode=melt] .kv-f.out{opacity:0;transition:opacity 2.4s cubic-bezier(.4,0,.2,1)}






















.fv.kv.first .kv-f.on{transition:none!important}.fv.kv.first .kv-f.on img{transition-delay:0s!important}


@media(max-width:760px){.fv.kv::after{background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.04) 26%,rgba(0,0,0,.04) 58%,rgba(0,0,0,.66))}}


.sp-bar{display:none}

@media(max-width:760px){
  .hd{padding:0 var(--side)}
  .hd-mark{width:44px}
  .menu nav{gap:26px}
  .cover-ph img,.fv-s img,.band-ph img{object-position:var(--sp,50% 50%)}
  .cover-foot,.fv-ctl,.band .go{left:var(--side)}
  .cover-foot{bottom:28px}
  .on-photo{right:var(--side);transform:translateY(-50%);gap:12px}
  .fv-mark{width:150px;top:50%}
  .fv-ctl{bottom:26px;gap:18px}
  .fv-dot::after{width:36px}
  .fv-scroll{right:var(--side);height:64px}
  .band{height:62svh;min-height:380px}
  .jo-lines{gap:1.55em}
  .jo-lines p{letter-spacing:.24em}
  

  .sec{grid-template-columns:minmax(0,1fr) auto;column-gap:20px}
  .sec[data-side=l]{grid-template-columns:auto minmax(0,1fr)}
  h2{line-height:1.5}
  .sec-head{grid-row:1;gap:10px}
  .sec-main{grid-row:1}
  .ch .sec-head{grid-row:2}
  .ch-main{grid-column:1/-1!important;grid-row:1;margin:0 calc(var(--side) * -1) var(--gap-in)!important}
  .ch-main figcaption,.sec[data-side=l] .ch-main figcaption{padding:0 var(--side);text-align:right}
  .ch-body{display:contents}
  .sec.ch .ch-body .tx{grid-row:2!important;grid-column:1!important}
  .sec.ch[data-side=l] .ch-body .tx{grid-column:2!important}
  .sec.ch .ch-body .ch-sub{grid-row:3!important;grid-column:1/-1!important;margin-top:var(--gap-in);width:86%;justify-self:end}
  .sec.ch .ch-body .ch-sub.r-p{width:64%}
  .sec.ch[data-side=l] .ch-body .ch-sub{justify-self:start}
  .ch-extra{grid-column:1/-1!important;grid-row:4}
  .ch-extra .oshina{gap:36px 26px;justify-content:flex-start}
  .ch-extra .note{text-align:left}
  .sec .sec-main.tx,.sec .info{margin-left:0!important;margin-right:0!important}
  .info>div{grid-template-columns:1fr;padding:18px 0}
  .info dt{line-height:1.8;margin-bottom:4px}
  .menu-sec{display:block}
  .menu-sec .ph{width:100%;margin-bottom:var(--gap-in)}
  .menu-sec .ph.r-p{width:82%}
  .oshina{gap:36px 24px}
  .sl-b{width:52px}
  .mokuji{gap:20px;padding-top:28px}
  .mokuji+.jo{padding-top:calc(var(--gap-ch) - 96px)}
  .oshirase{justify-content:flex-start;letter-spacing:.16em}
  .acc{display:block}
  .acc .info{margin-top:28px!important}
  .ft{display:block;padding-top:88px}
  body[data-page=index] .hd-mark{width:92px;transform:translateY(22px)}
  body[data-page=index] .hd.solid .hd-mark,body[data-page=index] .hd.open .hd-mark{width:44px}
  .kv-f img{object-position:var(--sp,50% 50%)}
  .jo-seq{font-size:16px;gap:1.5em}
  .jo-seq .jo-lines{gap:1.9em;padding:1em 0 1.6em}
  .jo-seq .jo-lines p{letter-spacing:.2em;padding-top:calc(var(--d,0) * .7em)}
  .jo-seq .jo-key{letter-spacing:.34em}
  .jo-era i{min-height:160px}
  .jo.jo-pin{height:320vh}
  .jo-stick{gap:44px}
  .jo-lines2{font-size:clamp(14px,calc((100svh - var(--hd) - 190px) / 22),16.5px);gap:1.9em}
  .jo-lines2 p{letter-spacing:.2em;padding-top:calc(var(--d,0) * .7em)}
  .jo-lines2 .jo-key{letter-spacing:.34em}
  .jo-frame{padding:4px 1.4em}
  .ch-extra.duo,.ch-extra.stag{column-gap:14px}
  .duo figure:first-child,.sec[data-side=l] .duo figure:first-child{grid-column:1/7}.duo figure:last-child,.sec[data-side=l] .duo figure:last-child{grid-column:7/13}
  .stag figure:first-child,.sec[data-side=l] .stag figure:first-child{grid-column:1/7}.stag figure:last-child,.sec[data-side=l] .stag figure:last-child{grid-column:7/13;margin-top:36%}
  .obi{height:450px}
  .obi-in{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:20px;text-align:center}
  .obi-box{max-width:none;padding:20px;align-items:center;order:2}
  .obi-box b{font-size:24px}
  .obi-catch{justify-self:auto;font-size:21px}
  .ori{padding:96px 0 88px}
  .ori-in{display:block}
  .ori-head{justify-content:flex-start;margin-bottom:44px}
  .ori-tsuki{font-size:44px}
  .dk-lead{font-size:17px;margin-bottom:40px}
  .ori-tx p{font-size:14.5px;line-height:2.1}
  .ori-ph{margin-top:64px}
  .ori-ph .fi{aspect-ratio:16/9}
  .dk-cols{grid-template-columns:1fr;gap:36px;padding-bottom:44px}
  .ft.dk{padding-top:56px;padding-bottom:58px}
  .sp-bar{display:grid;grid-template-columns:1fr 1fr;position:fixed;z-index:40;left:0;right:0;bottom:0;transform:translateY(100%);transition:transform .6s var(--ease)}
  .sp-bar.on{transform:none}
  .sp-bar a{height:50px;display:grid;place-items:center;background:rgba(15,14,13,.95);color:#fff;font-size:var(--fs-ui);letter-spacing:.24em}
  .sp-bar a+a{border-left:1px solid rgba(255,255,255,.25)}

  .ft-mark{width:128px}
  .ft-info{margin-top:44px}
  .ft-base{margin-top:64px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important}
  .js .rv{opacity:1;transform:none}.fv-s img,.kv-f img{animation:none}.js .veil{display:none}.js .jo-seq .jo-lines p{clip-path:none;opacity:1}.js .jo-era i,.js .jo-rule{transform:none}.js .jo-era span,.js .mokuji.rv a{opacity:1;transform:none}
  .js .ph.pv .fi{clip-path:none}.js .ph.pv .fi img{transform:none}
  .fv-scroll::after{display:none}
}



.yu{margin-top:var(--gap-ch);background:#060605;color:rgba(255,255,255,.86)}
.yu-pin{position:relative}
.yu-stick{position:relative;height:100vh;height:100svh;overflow:hidden}
.yu-cave{position:absolute;inset:0}
.yu-cave img{object-position:50% 55%}
.yu-cave::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(0,0,0,.5),rgba(0,0,0,0) 38%),linear-gradient(0deg,rgba(0,0,0,.45),rgba(0,0,0,0) 30%)}
.yu-head{position:absolute;z-index:2;top:calc(var(--hd) + 56px);right:var(--side);writing-mode:vertical-rl;display:flex;gap:18px;align-items:flex-start}
.yu-head :is(h1,h2){font-size:clamp(34px,3.3vw,46px);letter-spacing:.32em;line-height:1.75;color:#fff;text-shadow:0 0 24px rgba(0,0,0,.35)}
.yu-head .num{color:rgba(255,255,255,.62);padding-top:.6em}
.yu-cap{position:absolute;z-index:2;left:var(--side);bottom:44px;font-size:var(--fs-ui);letter-spacing:.24em;color:#fff}
.yu-body{padding:160px var(--side) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);row-gap:96px;align-items:start}
.yu-tx{grid-column:1/6;align-self:center;max-width:420px;justify-self:center}
.yu-tx .lead{color:#fff}
.yu-tx p:not(.lead){margin-top:1.8em;color:rgba(255,255,255,.7)}
.yu-tx .go{margin-top:30px;color:#fff}
.yu-f1{grid-column:7/13;margin-right:calc(var(--side) * -1)}
.yu-f2{grid-column:1/7}
.yu-f3{grid-column:8/13;margin-top:140px}
.yu .ph .fi{background:#111}
.yu figcaption{margin-top:12px;font-size:var(--fs-small);letter-spacing:.22em;line-height:1.6;color:rgba(255,255,255,.5)}
.yu .obi{margin-top:180px}



.yh{margin-bottom:96px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gutter)}
.yh li{border-top:1px solid var(--line);padding-top:28px}
.yh b{display:block;font-weight:400;font-size:30px;letter-spacing:.18em;line-height:1.3}
.yh small{display:block;margin-top:12px;font-size:var(--fs-small);letter-spacing:.32em;color:var(--sub);line-height:1.4}
.yh p{margin-top:22px;line-height:2.1}

@media(max-width:760px){
  .yu-cave img{object-position:62% 50%}
  .yu-head{top:calc(var(--hd) + 28px);gap:12px}
  .yu-head :is(h1,h2){font-size:27px}
  .yu-cap{bottom:84px}
  .yu-body{display:block;padding-top:96px}
  .yu-tx{max-width:none}
  .yu-f1{margin:64px calc(var(--side) * -1) 0}
  .yu-f1 figcaption{padding-left:var(--side)}
  .yu-f2{width:80%;margin-top:56px}
  .yu-f3{width:68%;margin:56px 0 0 auto}
  .yu .obi{margin-top:110px}
  .yh{grid-template-columns:1fr;row-gap:44px;margin-bottom:64px}
  .yh b{font-size:26px}
}


section.band .band-ph img{filter:brightness(.7) saturate(.9)}
section.band::after{background:linear-gradient(270deg,rgba(0,0,0,.62),rgba(0,0,0,0) 42%),linear-gradient(180deg,rgba(0,0,0,.36),rgba(0,0,0,.06) 24%,rgba(0,0,0,.06) 60%,rgba(0,0,0,.4))}


.hd.solid.night:not(.open){background:rgba(6,6,5,.86);color:#fff;border-color:rgba(255,255,255,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
body[data-page] .hd.solid.night:not(.open) .hd-mark img{filter:invert(1)}
section.band .band-t{font-size:30px;letter-spacing:.34em;line-height:1.9}
@media(max-width:760px){section.band .band-t{font-size:24px}}
.yu .obi{margin-top:140px}



.js .rv{transform:translateY(10px);filter:blur(3px);transition:opacity 1.6s var(--ease),transform 1.8s var(--ease),filter 1.6s var(--ease)}
.js .rv.in{transform:none;filter:none}
.js .ph.pv .fi{clip-path:none;opacity:0;transition:opacity var(--t-photo) var(--ease)}
.js .ph.pv .fi img{transform:scale(1.05);transition:transform 2.6s var(--ease)}
.js .ph.pv.in .fi{opacity:1}
.js .ph.pv.in .fi img{transform:none}


.js .jo-pin.static .jo-lines2 p{opacity:0;filter:blur(5px);transform:translateY(-6px);transition:opacity 2.6s var(--ease),filter 2.6s var(--ease),transform 3s var(--ease);transition-delay:calc(var(--i,0) * .16s + .3s)}
.js .jo-pin.static.in .jo-lines2 p{opacity:1;filter:none;transform:none}
.js .jo-pin.static .jo-time i{transform:scaleX(0);transition:transform 2.6s var(--ease) 1.6s}
.js .jo-pin.static.in .jo-time i{transform:none}
.js .jo-pin.static .jo-now{opacity:0;transition:opacity 1.6s var(--ease) 3.6s}
.js .jo-pin.static.in .jo-now{opacity:1}


.js .yu-cave img{transform:scale(1.07);transition:transform 3.2s var(--ease)}
.js .yu-stick.in .yu-cave img{transform:none}
.js .yu-head,.js .yu-cap{opacity:0;transition:opacity 1.6s var(--ease) .9s}
.js .yu-cap{transition-delay:1.6s}
.js .yu-stick.in .yu-head,.js .yu-stick.in .yu-cap{opacity:1}
@media(prefers-reduced-motion:reduce){
  .js .jo-pin.static .jo-lines2 p,.js .yu-head,.js .yu-cap,.js .jo-pin.static .jo-now{opacity:1;transform:none}
  .js .jo-pin.static .jo-time i,.js .yu-cave img,.js .ph.pv .fi img{transform:none}
}



.fv-cap{position:absolute;z-index:2;top:50%;left:calc(var(--side) + var(--tcol) / 2);width:0;height:0}
.fv-c{position:absolute;left:0;top:0;transform:translate(-50%,-50%);writing-mode:vertical-rl;display:flex;gap:16px;align-items:flex-start;white-space:nowrap;color:#fff;text-shadow:0 0 22px rgba(0,0,0,.5)}
.fv-c small{font-size:var(--fs-small);letter-spacing:.32em;line-height:1;opacity:.78;padding-top:.6em}
.fv-c span{font-size:26px;letter-spacing:.32em;line-height:1.8}
.fv-c>*{opacity:0;filter:blur(6px);transform:translateY(-10px);transition:opacity .9s var(--ease),filter .9s var(--ease),transform .9s var(--ease)}
.fv-c.on>*{opacity:1;filter:none;transform:none;transition:opacity 2s var(--ease) 1.2s,filter 2s var(--ease) 1.2s,transform 2.6s var(--ease) 1.2s}
.fv-c.on>span{transition-delay:1.6s}
.no-js .fv-c.on>*{opacity:1;filter:none;transform:none}
@media(max-width:760px){
  .fv-cap{left:var(--side);top:44%}
  .fv-c{transform:translateY(-50%)}
  .fv-c span{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.fv-c.on>*{opacity:1;filter:none;transform:none}}


.fv.kv::after{background:linear-gradient(90deg,rgba(0,0,0,.46),rgba(0,0,0,0) 32%),linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.04) 30%,rgba(0,0,0,.04) 66%,rgba(0,0,0,.44))}
@media(max-width:760px){.fv.kv::after{background:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,0) 46%),linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.04) 26%,rgba(0,0,0,.04) 58%,rgba(0,0,0,.66))}}


.fv.kv .kv-f:nth-child(2)::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.25) 26%,rgba(0,0,0,0) 44%)}



.sk-body{grid-column:2;grid-row:2;margin-top:var(--gap-in);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);row-gap:56px;align-items:start}
.sk-tx{grid-column:1/7;grid-row:1;align-self:center}
@media(max-width:760px){
  .sk-body{grid-column:1/-1!important;grid-row:3;display:block;margin-top:0}
}




.kyo{margin-top:var(--gap-ch);padding-left:var(--side)}
.kyo-rail{list-style:none;margin:0;padding:0 var(--side) 0 0;display:grid;grid-auto-flow:column;grid-auto-columns:360px;column-gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}
.kyo-rail::-webkit-scrollbar{display:none}
.kyo-rail li{scroll-snap-align:start}
.kyo-rail a{display:block}
.kyo-rail .fi{aspect-ratio:3/4}
.kyo-rail .fi img{object-position:var(--pc,50% 50%);transition:transform 1.6s var(--ease)}
.kyo-rail a:hover .fi img{transform:scale(1.04)}
.kyo-t{display:block;margin-top:16px;font-size:14px;letter-spacing:.24em;line-height:1.6}
.kyo-nav{margin-top:28px;padding-right:var(--side);display:flex;justify-content:flex-end;gap:8px}
.kyo-b{width:40px;height:40px;border:1px solid var(--line);background:none;cursor:pointer;display:grid;place-items:center;color:var(--ink);transition:opacity .4s var(--ease),border-color .4s var(--ease)}
.kyo-b:hover{border-color:var(--ink)}
.kyo-b[disabled]{opacity:.3;cursor:default}
.kyo-b i{width:8px;height:8px;border-top:1px solid currentColor;border-left:1px solid currentColor;transform:translateX(2px) rotate(-45deg)}
.kyo-b.next i{transform:translateX(-2px) rotate(135deg)}
@media(max-width:760px){
  .kyo-rail{grid-auto-columns:68vw;column-gap:14px}
  .kyo-nav{display:none}
  .kyo-t{font-size:13px;margin-top:12px}
}



.sk-tx{align-self:center}
.sk-g1{grid-column:7/13;grid-row:1;margin-right:calc(var(--side) * -1)}  

.sk-g2{grid-column:1/6;grid-row:2}
.sk-g3{grid-column:7/13;grid-row:2;margin-top:120px}
.sk-g4{grid-column:1/9;grid-row:3}
.sk-g5{grid-column:9/13;grid-row:3;margin-top:180px}
.sk-note{grid-column:1/13;grid-row:4;display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:20px;border-top:1px solid var(--line)}
@media(max-width:760px){
  .sk-g{margin-top:40px}
  .sk-g1{margin-left:calc(var(--side) * -1);margin-right:calc(var(--side) * -1)}
  .sk-g2,.sk-g4{width:78%}
  .sk-g3,.sk-g5{width:70%;margin-left:auto}
  .sk-note{display:block;margin-top:44px}
  .sk-note .go{margin-top:12px}
}



.sk-sara{display:contents}
@media(max-width:760px){
  .sk-body{display:contents}
  .sk-tx{grid-column:2!important;grid-row:2!important;align-self:start;margin:0}
  .sk-sara{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:20px 12px;margin-top:44px}
  .sk-g{grid-column:auto;grid-row:auto;width:auto!important;margin:0!important}
  .sk-g1{grid-column:1/-1;margin:0 calc(var(--side) * -1) 4px!important}
  .sk-note{grid-column:1/-1!important;grid-row:4!important;margin-top:32px}
  .yu-body{display:grid;grid-template-columns:1fr 1fr;gap:20px 12px;padding-top:80px}
  .yu-tx{grid-column:1/-1}
  .yu-f1{grid-column:1/-1;width:auto;margin:28px calc(var(--side) * -1) 4px}
  .yu-f2{grid-column:1;width:auto;margin:0}
  .yu-f3{grid-column:2;width:auto;margin:0}
  .yu .obi{margin-top:80px}
}



.hd-mark,body[data-page=index] .hd.solid .hd-mark,body[data-page=index] .hd.open .hd-mark{width:80px}
@media(max-width:760px){.hd-mark,body[data-page=index] .hd.solid .hd-mark,body[data-page=index] .hd.open .hd-mark{width:66px}}



.go i,.dk-lead i{display:none}
.go{gap:0}
.go>span{border-bottom:1px solid currentColor;padding-bottom:3px;transition:opacity .4s var(--ease)}
.go:hover>span{opacity:.55}
.dk-lead{transition:opacity .4s var(--ease)}.dk-lead:hover{opacity:.6}



.kyo-rail{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
.kyo-nav{align-items:center;justify-content:flex-start;gap:28px;margin-top:32px}
.kyo-bar{position:relative;flex:0 1 240px;height:1px;background:var(--line)}
.kyo-bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--ink);transition:width .4s var(--ease)}
.kyo-b{width:auto;height:auto;border:0;padding:6px 0;font-size:13px;letter-spacing:.2em;display:inline-block}
.kyo-b:hover{border:0;opacity:.55}
.kyo-b[disabled]{opacity:.28}
@media(max-width:760px){
  .kyo-nav{display:flex;margin-top:24px;padding-right:var(--side)}
  .kyo-bar{flex:1 1 auto}
  .kyo-b{display:none}
}



.fv-c span,.sec-head h2,.yu-head :is(h1,h2),.obi-catch,.ori-tsuki,section.band .band-t,.cover .on-photo h1{font-size:var(--fs-title);letter-spacing:.3em;line-height:1.75}
.ori-tsuki{line-height:1}
.obi-box b{font-size:var(--fs-lead);letter-spacing:.24em;line-height:1.6}
@media(max-width:760px){
  .fv-c span,.sec-head h2,.yu-head :is(h1,h2),.obi-catch,.ori-tsuki,section.band .band-t,.cover .on-photo h1{font-size:var(--fs-title)}
}



.kyo-rail{scroll-behavior:auto;scroll-snap-type:x proximity}
.kyo-bar i{width:100%;transform:scaleX(0);transform-origin:left center;transition:none;will-change:transform}
@media(max-width:760px){.kyo-rail{scroll-snap-type:x mandatory}}



.go>span{border-bottom:1px solid rgba(26,26,24,.28);border-bottom-color:color-mix(in srgb,currentColor 30%,transparent);padding-bottom:6px}
a.go[href*="489ban"]>span{border:1px solid color-mix(in srgb,currentColor 55%,transparent);padding:13px 30px 12px;letter-spacing:.24em;line-height:1;display:inline-block;transition:background-color .4s var(--ease),color .4s var(--ease),opacity .4s var(--ease)}
a.go[href*="489ban"]:hover>span{opacity:1;background:var(--ink);color:#fff;border-color:var(--ink)}
.hd a.go[href*="489ban"]>span{padding:9px 18px 8px;font-size:12px}
.hd.solid.night:not(.open) a.go[href*="489ban"]:hover>span,.dk a.go[href*="489ban"]:hover>span{background:#fff;color:var(--ink);border-color:#fff}
.hd:not(.solid) a.go[href*="489ban"]:hover>span{background:#fff;color:var(--ink);border-color:#fff}



.fv[data-mode=melt] .kv-f img{animation:none;transform:scale(1.07)}
.fv[data-mode=melt] .kv-f.on{opacity:1;transition:opacity 1.6s cubic-bezier(.22,.61,.36,1)}
.fv[data-mode=melt] .kv-f.on img{transform:scale(1);transition:transform 6s cubic-bezier(.22,.61,.36,1)}
.fv[data-mode=melt] .kv-f.out{opacity:0;transition:opacity 1.6s cubic-bezier(.22,.61,.36,1)}
.fv[data-mode=melt] .kv-f.out img{transform:scale(1);transition:none}
.fv-c>*{transition:opacity .6s ease,filter .6s ease,transform .6s ease}
.fv-c.on>*{transition:opacity 1.2s cubic-bezier(.22,.61,.36,1) .4s,filter 1.2s cubic-bezier(.22,.61,.36,1) .4s,transform 1.4s cubic-bezier(.22,.61,.36,1) .4s;filter:none}
.fv-c>*{filter:blur(4px);transform:translateY(-6px)}
.fv-c.on>*{transform:none}
.fv-c.on>span{transition-delay:.4s}



:root{--go-fill:var(--ink);--go-on:#fff;--go-line:rgba(26,26,24,.35)}
.yu,.dk,.obi,.band,.ori,.cover,.hd:not(.solid),.hd.solid.night{--go-fill:#fff;--go-on:var(--ink);--go-line:rgba(255,255,255,.45)}
.hd.open{--go-fill:var(--ink);--go-on:#fff;--go-line:rgba(26,26,24,.35)}
.go{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 24px;gap:0;border:1px solid var(--go-line);font-size:12.5px;letter-spacing:.2em;line-height:1;transition:border-color .7s cubic-bezier(.22,.61,.36,1)}
.go>span,a.go[href*="489ban"]>span{position:relative;z-index:1;border:0;padding:0;background:none;opacity:1;display:inline;line-height:1;letter-spacing:inherit;font-size:inherit;transition:color .5s cubic-bezier(.22,.61,.36,1)}
.go::before{content:"";position:absolute;z-index:0;inset:0;background:var(--go-fill);transform:scaleX(0);transform-origin:right center;transition:transform .7s cubic-bezier(.22,.61,.36,1)}
.go:hover::before,.go:focus-visible::before{transform:scaleX(1);transform-origin:left center}
.go:hover>span,.go:focus-visible>span,a.go[href*="489ban"]:hover>span{color:var(--go-on);opacity:1;background:none;border:0}
.go:hover,.go:focus-visible{border-color:var(--go-fill)}


a.go[href*="489ban"]{background:var(--go-fill);border-color:var(--go-fill)}
a.go[href*="489ban"]>span{color:var(--go-on)}
a.go[href*="489ban"]::before{background:var(--go-on)}
a.go[href*="489ban"]:hover>span{color:var(--go-fill)}
.hd .go{height:34px;padding:0 16px;font-size:12px}
.tx .go,dd .go{margin-top:28px}
dd .go{margin-top:12px;height:36px;padding:0 18px;font-size:12px}


.js .rv .go{border-color:transparent}
.js .rv.in .go{border-color:var(--go-line);transition:border-color 1.2s cubic-bezier(.22,.61,.36,1) .5s}
.js .rv.in a.go[href*="489ban"]{border-color:var(--go-fill)}
@media(max-width:760px){.go{height:40px;padding:0 20px}.hd .go{height:32px;padding:0 12px;font-size:11.5px;letter-spacing:.14em}}
.obi-box .go{align-self:flex-start}
@media(max-width:760px){.obi-box .go{align-self:center}}
.note .go{color:var(--ink)}



.kyo{padding-left:0}
.kyo-rail{padding:0;scroll-snap-type:none!important;scroll-behavior:auto}
.kyo-bar{display:none}
.kyo-nav{justify-content:flex-end;padding:0 var(--side);gap:26px}
@media(max-width:760px){
  .kyo-nav{display:flex;justify-content:flex-end;gap:22px}
  .kyo-b{display:none}
  .kyo-b.pause{display:inline-block}
}



.kyo{overflow:hidden}
.kyo-rail{overflow:visible!important;touch-action:pan-y;cursor:grab;will-change:transform;user-select:none;-webkit-user-select:none}
.kyo-rail.dragging{cursor:grabbing}
.kyo-rail img{-webkit-user-drag:none;pointer-events:none}



section.band .band-t{display:flex;flex-direction:column;align-items:flex-start;gap:0 .55em;line-height:1.9}
section.band .hk{display:block}
section.band .hk:nth-child(2){padding-top:2.2em}
section.band .hk:nth-child(3){padding-top:4.6em}
section.band .hk-by{display:block;align-self:flex-end;margin-left:1.6em;font-size:var(--fs-small);letter-spacing:.34em;line-height:1.6;opacity:.78}
.js section.band .on-photo{opacity:1;transition:none}
.js section.band .hk,.js section.band .hk-by{opacity:0;filter:blur(5px);transform:translateY(-10px);transition:opacity 2s cubic-bezier(.22,.61,.36,1),filter 2s cubic-bezier(.22,.61,.36,1),transform 2.4s cubic-bezier(.22,.61,.36,1)}
.js section.band.in .hk,.js section.band.in .hk-by{opacity:1;filter:none;transform:none}
.js section.band.in .hk:nth-child(1){transition-delay:.4s}
.js section.band.in .hk:nth-child(2){transition-delay:1.5s}
.js section.band.in .hk:nth-child(3){transition-delay:2.6s}
.js section.band.in .hk-by{transition-delay:3.9s}
.js section.band.in .hk-by{opacity:.78}
.js section.band .band-ph img{transform:scale(1.08);transition:transform 9s cubic-bezier(.22,.61,.36,1)}
.js section.band.in .band-ph img{transform:none}
@media(prefers-reduced-motion:reduce){.js section.band .hk,.js section.band .hk-by{opacity:1;filter:none;transform:none}.js section.band .hk-by{opacity:.78}}



.ft-book{padding:0 0 64px;margin-bottom:56px;border-bottom:1px solid rgba(255,255,255,.16)}
.ft-book .go,.dk a.go[href*="489ban"]{height:60px;padding:0 44px;font-size:14px;letter-spacing:.28em;background:none;border-color:rgba(255,255,255,.6)}
.dk a.go[href*="489ban"]>span{color:#fff}
.dk a.go[href*="489ban"]::before{background:#fff}
.dk a.go[href*="489ban"]:hover>span{color:var(--ink)}
.js .rv.in .ft-book .go,.js .ft-book.rv.in .go{border-color:rgba(255,255,255,.6)}
.dk-base{justify-content:flex-end}



.hd a.go[href*="489ban"]{background:none;border-color:var(--go-line)}
.hd a.go[href*="489ban"]>span{color:inherit}
.hd a.go[href*="489ban"]::before{background:var(--go-fill)}
.hd a.go[href*="489ban"]:hover>span{color:var(--go-on)}
@media(max-width:760px){
  .ft-book{padding-bottom:44px;margin-bottom:40px}
  .ft-book .go{width:100%;height:56px;padding:0 20px;font-size:13.5px}
  section.band .hk:nth-child(2){padding-top:1.6em}
  section.band .hk:nth-child(3){padding-top:3.4em}
}



.kyo{padding-left:var(--side);overflow:visible}
.kyo-view{overflow:hidden}



:root{--hd:84px}
@media(max-width:760px){:root{--hd:68px}}
.hd-mark,body[data-page=index] .hd.solid .hd-mark,body[data-page=index] .hd.open .hd-mark{width:104px}
.hd-mark img{display:block}
@media(max-width:760px){.hd-mark,body[data-page=index] .hd.solid .hd-mark,body[data-page=index] .hd.open .hd-mark{width:80px}}



@media(max-width:760px){.kyo-nav{display:none}}



.yuh{margin-top:var(--gap-ch);display:grid;grid-template-columns:58% minmax(0,1fr);min-height:520px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.yuh-map{position:relative;background:#eceae5}
.yuh-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) contrast(.92) brightness(1.04)}
.yuh-in{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:40px;padding:72px var(--side) 64px 56px;align-items:start}
.yuh-head{grid-column:2;grid-row:1;writing-mode:vertical-rl}
.yuh-head h2{font-size:var(--fs-title);letter-spacing:.3em;line-height:1.75}
.yuh-body{grid-column:1;grid-row:1;max-width:400px}
.yuh-tx{font-size:15px;line-height:2.2;letter-spacing:.08em;text-align:justify}
.yuh-rt{margin-top:36px;border-top:1px solid var(--line)}
.yuh-rt li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:14px;padding:16px 0 14px;border-bottom:1px solid var(--line)}
.rt-from{font-size:13px;letter-spacing:.12em}
.rt-line{height:1px;background:var(--line)}
.rt-time{font-size:14px;letter-spacing:.14em}
.yuh-rt small{grid-column:1/-1;margin-top:4px;font-size:var(--fs-small);letter-spacing:.1em;color:var(--sub)}
.yuh-ad{margin-top:28px;font-size:13px;letter-spacing:.1em;color:var(--sub)}
.yuh-go{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px}
.yuh-go .go{margin:0}
@media(max-width:760px){
  .yuh{display:block;border:0}
  .yuh-map{height:300px}
  .yuh-in{padding:44px var(--side) 0;column-gap:20px}
  .yuh-body{max-width:none}
  .yuh-tx{font-size:14px}
}


.yuh{grid-template-columns:50% minmax(0,1fr);min-height:0}
.yuh-in{padding:64px var(--side) 56px 52px;column-gap:36px}
.yuh-body{max-width:none}
.yuh-tx{font-size:14.5px;line-height:2.1}
.yuh-rt{margin-top:28px}
@media(max-width:760px){
  .yuh-in{display:grid;grid-template-columns:1fr;padding:40px var(--side) 0}
  .yuh-head{grid-column:1;grid-row:1;justify-self:end;margin-bottom:24px}
  .yuh-body{grid-column:1;grid-row:2}
}



.sk-asa{display:contents}
.sk-g6{grid-column:1/8;grid-row:4}
.sk-g7{grid-column:9/13;grid-row:4;align-self:end}
.sk-asa-tx{grid-column:9/13;grid-row:4;align-self:start;font-size:var(--fs-lead);letter-spacing:.14em;line-height:1.9;padding-top:8px}
.sk-note{grid-row:5}
@media(max-width:760px){.sk-note{grid-row:5!important}}
@media(max-width:760px){
  .sk-asa{display:grid;grid-column:1/-1;grid-row:4;grid-template-columns:1fr 1fr;gap:20px 12px;margin-top:20px}
  .sk-g6{grid-column:1/-1;grid-row:auto}
  .sk-g7{grid-column:1;grid-row:auto}
  .sk-asa-tx{grid-column:2;grid-row:auto;align-self:center;font-size:15px;padding:0}
}



.fv[data-mode=melt] .kv-f img{transform:scale(1.06)}
.fv[data-mode=melt] .kv-f.on{transition:opacity 2.8s cubic-bezier(.33,0,.2,1)}
.fv[data-mode=melt] .kv-f.on img{transition:transform 10s cubic-bezier(.25,.1,.25,1)}
.fv[data-mode=melt] .kv-f.out{transition:opacity 2.8s cubic-bezier(.33,0,.2,1)}
.fv-c>*{transition:opacity 1.2s ease,filter 1.2s ease,transform 1.2s ease}
.fv-c.on>*{transition:opacity 2s cubic-bezier(.22,.61,.36,1) 1.1s,filter 2s cubic-bezier(.22,.61,.36,1) 1.1s,transform 2.4s cubic-bezier(.22,.61,.36,1) 1.1s}
.fv-c.on>span{transition-delay:1.1s}



.fv[data-mode=melt] .kv-f.on{z-index:2}
.fv[data-mode=melt] .kv-f.out{z-index:1;opacity:1;transition:none}
.fv[data-mode=melt] .kv-f.out img{transform:scale(1);transition:transform 10s cubic-bezier(.25,.1,.25,1)}



@media(min-width:761px){
.sk-g6{grid-column:5/13;grid-row:4;margin-right:calc(var(--side) * -1);margin-top:140px}
.sk-g7{grid-column:1/4;grid-row:4;align-self:start;margin-top:40px}
.sk-asa-tx{grid-column:1/5;grid-row:4;align-self:end;padding:0 0 4px;font-size:15px;letter-spacing:.16em;line-height:2}
}



.sk-g .fi img{width:100%;height:100%;object-fit:cover}
@media(min-width:761px){
.sk-g2 .fi{aspect-ratio:4/5}.sk-g2 img{object-position:50% 50%}
.sk-g4 .fi{aspect-ratio:16/9}.sk-g4 img{object-position:50% 55%}
.sk-g5 .fi{aspect-ratio:4/5}.sk-g5 img{object-position:62% 50%}
.sk-g7 .fi{aspect-ratio:4/5}.sk-g7 img{object-position:52% 50%}
.sk-g3{margin-top:220px}
}


@media(max-width:760px){
  .sk-asa{display:grid;grid-column:1/-1;grid-row:4;grid-template-columns:1fr 1fr;gap:20px 16px;margin-top:20px}
  .sk-asa .sk-g6{grid-column:1/-1;grid-row:1;margin:0 calc(var(--side) * -1)!important}
  .sk-asa .sk-g7{grid-column:1;grid-row:2;margin:0!important}
  .sk-asa .sk-g7 .fi{aspect-ratio:1/1}
  .sk-asa-tx{grid-column:2;grid-row:2;align-self:center;font-size:14px;letter-spacing:.12em;line-height:2;padding:0}
}


img[src*="0J0A1378"]{object-position:50% 78%!important}



.sk-note{grid-row:4}
@media(max-width:760px){.sk-note{grid-row:4!important}}



img[src*="0J0A1566"]{object-position:56% 30%!important}



img[src*="0J0A1216"]{object-position:40% 62%!important}



.fv-ctl{align-items:center;gap:0}
.fv-step{border:0;background:none;cursor:pointer;color:#fff;font:inherit;font-size:12px;letter-spacing:.24em;padding:8px 2px;opacity:.72;transition:opacity .5s ease}
.fv-step:hover,.fv-step:focus-visible{opacity:1}
.fv-num{display:inline-flex;align-items:center;gap:10px;margin:0 18px;color:#fff;font-size:12px;letter-spacing:.1em;opacity:.85;font-variant-numeric:tabular-nums}
.fv-num b{font-weight:400;min-width:.7em;text-align:right}
.fv-num i{width:28px;height:1px;background:rgba(255,255,255,.6)}
.fv-pause{margin:0 0 0 18px}
@media(max-width:760px){.fv-step{font-size:11.5px}.fv-num{margin:0 12px}.fv-pause{margin-left:10px}}



img[src*="0J0A1447"]{object-position:55% 62%!important}





.pg-in .sec-main{display:grid;gap:56px}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.facts>div{padding:20px 24px 22px 0;border-bottom:1px solid var(--line)}
.facts>div+div{padding-left:24px;border-left:1px solid var(--line)}
.facts dt{font-size:var(--fs-small);letter-spacing:.3em;color:var(--sub);line-height:1.6}
.facts dd{margin:10px 0 0;font-size:20px;letter-spacing:.12em;line-height:1.6}
.facts dd small{display:block;margin-top:4px;font-size:var(--fs-ui);letter-spacing:.12em;color:var(--sub)}
.facts dd .go{margin-top:2px}



.code{display:inline-block;min-width:1.4em;margin-right:.7em;font-size:var(--fs-small);letter-spacing:.1em;color:var(--sub)}
.nm,.mg-name{font-size:19px;letter-spacing:.2em;line-height:1.6;color:var(--ink)}



.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start}
.pair-f:nth-child(2){margin-top:120px}
.pair-f .fi{aspect-ratio:4/5}
.pair-f .fi img{width:100%;height:100%;object-fit:cover}
.pair-f figcaption{margin-top:16px;padding:0;text-align:left;color:var(--ink)}
.pg-pair .tx{max-width:520px;margin-top:48px}



.mg{list-style:none;margin:0;padding:0;display:grid;gap:120px}
.mg-i{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:end}
.mg-ph{grid-column:1/9;margin-left:calc(var(--side) * -1)}
.mg-tx{grid-column:9/13;padding-bottom:4px}
.mg-i[data-side=r] .mg-ph{grid-column:5/13;grid-row:1;margin-left:0;margin-right:calc(var(--side) * -1 - var(--tcol) - var(--gutter))}
.mg-i[data-side=r] .mg-tx{grid-column:1/5;grid-row:1}
.mg-tx p+p{margin-top:14px}
.mg-sub{margin-top:28px;width:72%}
.mg-sub .fi{aspect-ratio:3/2}
.mg-sub .fi img,.mg-ph .fi img{width:100%;height:100%;object-fit:cover}
.pg-mg .sec-head{align-self:start}



.gl{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);align-items:start}
.gl .ph .fi img{width:100%;height:100%;object-fit:cover}
.gl-yu .gl-1{grid-column:1/9}.gl-yu .gl-1 .fi{aspect-ratio:3/2}
.gl-yu .gl-2{grid-column:9/13;grid-row:1/3}.gl-yu .gl-2 .fi{aspect-ratio:2/3}
.gl-yu .gl-3{grid-column:1/5;margin-top:24px}.gl-yu .gl-3 .fi{aspect-ratio:4/5}
.gl-yu .gl-4{grid-column:5/9;margin-top:24px}.gl-yu .gl-4 .fi{aspect-ratio:4/5}
.gl-yu .gl-5{grid-column:2/8;margin-top:64px}.gl-yu .gl-5 .fi{aspect-ratio:3/2}
.gl-yu .gl-6{grid-column:8/13;margin-top:160px}.gl-yu .gl-6 .fi{aspect-ratio:1/1}
.gl-asa .gl-1{grid-column:1/8}.gl-asa .gl-1 .fi{aspect-ratio:3/2}
.gl-asa .gl-2{grid-column:8/13;margin-top:96px}.gl-asa .gl-2 .fi{aspect-ratio:4/5}
.gl-asa .gl-3{grid-column:1/5;margin-top:24px}.gl-asa .gl-3 .fi{aspect-ratio:1/1}
.gl-asa .gl-4{grid-column:5/9;margin-top:24px}.gl-asa .gl-4 .fi{aspect-ratio:1/1}
.gl-asa .gl-5{grid-column:9/13;margin-top:24px}.gl-asa .gl-5 .fi{aspect-ratio:1/1}
.gl-heya .gl-1{grid-column:1/9}.gl-heya .gl-1 .fi{aspect-ratio:3/2}
.gl-heya .gl-2{grid-column:9/13;grid-row:1/3}.gl-heya .gl-2 .fi{aspect-ratio:2/3}
.gl-heya .gl-3{grid-column:1/5;margin-top:24px}.gl-heya .gl-3 .fi{aspect-ratio:4/5}
.gl-heya .gl-4{grid-column:5/9;margin-top:24px}.gl-heya .gl-4 .fi{aspect-ratio:4/5}
.gl-heya .gl-5{grid-column:1/8;margin-top:64px}.gl-heya .gl-5 .fi{aspect-ratio:3/2}
.gl-heya .gl-6{grid-column:8/13;margin-top:64px}.gl-heya .gl-6 .fi{aspect-ratio:4/5}
.gl-heya .gl-7{grid-column:3/9;margin-top:24px}.gl-heya .gl-7 .fi{aspect-ratio:3/2}
.gl-heya .gl-tx{grid-column:9/13;margin-top:24px;align-self:center}



.pg-fl .tx{max-width:520px}
.fls{display:grid;grid-template-columns:3fr 6fr;gap:var(--gutter);margin-top:48px;border-top:1px solid var(--ink)}
.fl{padding:24px 0 8px}
.fl+.fl{padding-left:32px;border-left:1px solid var(--line)}
.fl-n{font-size:var(--fs-small);letter-spacing:.3em;color:var(--sub)}
.fl ul{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 36px}
.fl li{writing-mode:vertical-rl;font-size:30px;letter-spacing:.24em;line-height:1.3}
.fl rt{font-size:10px;letter-spacing:.2em;color:var(--sub)}
.pg-fl .note{margin-top:24px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}



.pg-map{margin-top:var(--gap-ch)}
.pm-map{height:min(60vh,560px);background:#eceae5}
.pm-map iframe{width:100%;height:100%;border:0;filter:grayscale(1) contrast(.92) brightness(1.04)}
.pm-ad{padding:20px var(--side) 0;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;font-size:var(--fs-ui);letter-spacing:.12em;color:var(--sub)}



.rts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gutter);border-top:1px solid var(--ink)}
.rt{padding:28px 32px 32px 0}
.rt+.rt{padding-left:32px;border-left:1px solid var(--line)}
.rt-by{font-size:var(--fs-small);letter-spacing:.3em;color:var(--sub)}
.rt-from{margin-top:16px;font-size:var(--fs-ui);letter-spacing:.12em}
.rt-t{margin-top:6px;font-size:40px;letter-spacing:.08em;line-height:1.4}
.rt-t small{display:inline-block;margin-right:.6em;font-size:var(--fs-ui);letter-spacing:.14em;vertical-align:middle;color:var(--sub)}
.rt-note{margin-top:12px;font-size:var(--fs-ui);line-height:1.9;color:var(--sub)}
.rt-note .tel{display:block;margin-top:6px;color:var(--ink);font-size:17px;letter-spacing:.08em;text-decoration:none;border-bottom:1px solid var(--line);width:max-content}
.pg-rt .facts{margin-top:56px}



.yrs{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.yr{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);padding:28px 0;border-bottom:1px solid var(--line);align-items:center}
.yr-tx{grid-column:1/9;display:grid;grid-template-columns:9em 1fr;column-gap:24px}
.yr-y{grid-row:1/3;font-size:var(--fs-ui);letter-spacing:.2em;color:var(--sub);padding-top:.3em}
.yr-h{font-size:19px;letter-spacing:.16em}
.yr-tx p:last-child{grid-column:2}
.yr.has-ph{padding:40px 0}
.yr.has-ph .yr-ph{grid-column:7/13;grid-row:1}
.yr.has-ph .yr-tx{grid-column:1/7;grid-row:1}
.yr.has-ph:nth-child(even) .yr-ph{grid-column:1/7}
.yr.has-ph:nth-child(even) .yr-tx{grid-column:7/13}
.yr-ph .fi img{width:100%;height:100%;object-fit:cover}

@media(max-width:760px){
  .pg-in .sec-main{gap:32px}
  .facts{grid-template-columns:1fr}
  .facts>div,.facts>div+div{padding:14px 0;border-left:0}
  .facts dd{font-size:17px;margin-top:4px}
  .pair{gap:12px}.pair-f:nth-child(2){margin-top:56px}
  .nm,.mg-name{font-size:16px}
  .mg{gap:72px}
  .mg-i,.mg-i[data-side=r]{display:block}
  .mg-ph,.mg-i[data-side=r] .mg-ph{margin:0 calc(var(--side) * -1)}
  .mg-tx{margin-top:20px}
  .mg-sub{width:60%;margin-top:20px}
  .gl{grid-template-columns:1fr 1fr;gap:12px}
  .gl>[class^="gl-"]{grid-column:auto!important;grid-row:auto!important;margin-top:0!important}
  .gl>.gl-1{grid-column:1/-1!important;margin:0 calc(var(--side) * -1)!important}
  .gl .gl-tx{grid-column:1/-1!important;margin-top:12px!important}
  .fls{grid-template-columns:1fr}
  .fl+.fl{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .fl li{font-size:24px}
  .fl ul{gap:8px 22px}
  .pm-map{height:320px}
  .rts{grid-template-columns:1fr}
  .rt,.rt+.rt{padding:22px 0;border-left:0}
  .rt+.rt{border-top:1px solid var(--line)}
  .rt-t{font-size:32px}
  .yr,.yr.has-ph{display:block;padding:22px 0}
  .yr-tx{grid-template-columns:1fr}
  .yr-y{grid-row:auto}
  .yr-tx p:last-child{grid-column:1}
  .yr-ph{margin:0 0 16px}
}



.ori-ph[data-plx] .fi{position:relative;overflow:hidden}
.ori-ph[data-plx] .fi img{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover;will-change:translate}
@media(prefers-reduced-motion:reduce){.ori-ph[data-plx] .fi img{translate:none!important}}



.ig{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-size:var(--fs-small);letter-spacing:.2em;opacity:.85;transition:opacity .4s var(--ease)}
.ig:hover,.ig:focus-visible{opacity:1}
.ig-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2}
.ig-i .dot{fill:currentColor;stroke:none}
.ft-ig{margin-top:22px}
.menu-act{display:flex;align-items:center;gap:28px;flex-wrap:wrap}





.pb{padding:calc(var(--hd) + 20px) 20px 0}
.pb-ph{height:clamp(320px,52vh,520px);overflow:hidden;background:var(--shade)}
.pb-ph img{width:100%;height:100%;object-fit:cover;object-position:var(--pc,50% 50%)}
.pb-head{padding:64px var(--side) 0;display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center}
.pb-head h1{font-size:var(--fs-title);letter-spacing:.4em;line-height:1.4;margin-right:-.4em}
.pb-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pb-nav a{padding:14px 26px;font-size:var(--fs-ui);letter-spacing:.2em;text-decoration:none;color:var(--ink);position:relative}
.pb-nav a+a::before{content:"";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background:var(--line)}
.pb-nav a:hover{color:var(--sub)}
.pb+.pb-head+.sec{margin-top:120px}
[id]{scroll-margin-top:calc(var(--hd) + 24px)}



.tls{margin:var(--gap-in) var(--side) 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.tl{position:relative;display:block;color:#fff;text-decoration:none}
.tl .fi{aspect-ratio:4/5}
.tl .fi img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease)}
.tl::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0) 45%);pointer-events:none}
.tl-n{position:absolute;z-index:1;left:24px;bottom:22px;font-size:18px;letter-spacing:.2em}
.tl-n small{display:block;font-size:var(--fs-small);letter-spacing:.3em;opacity:.8;margin-bottom:4px}
.tl:hover .fi img{transform:scale(1.03)}



.br{margin-top:140px;padding:0 var(--side);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:end}
.br-ph{grid-column:1/8;margin-left:calc(var(--side) * -1)}
.br-ph .fi{aspect-ratio:3/2}.br-ph .fi img{width:100%;height:100%;object-fit:cover}
.br-tx{grid-column:9/13}
.br[data-side=r] .br-ph{grid-column:6/13;grid-row:1;margin-left:0;margin-right:calc(var(--side) * -1)}
.br[data-side=r] .br-tx{grid-column:1/5;grid-row:1}
.br-name{font-size:21px;letter-spacing:.2em;line-height:1.5}
.br-spec{margin:10px 0 18px;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:var(--fs-small);letter-spacing:.2em;color:var(--sub)}
.br-ss{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.br-s .fi{aspect-ratio:1/1}.br-s .fi img{width:100%;height:100%;object-fit:cover}
.br#yu-a .br-ph .fi,.br#yu-b .br-ph .fi{aspect-ratio:16/10}



.ftr{margin-top:var(--gap-ch);padding:0 var(--side);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);row-gap:56px;align-items:center}
.ft-ph{grid-column:1/9;margin-left:calc(var(--side) * -1)}
.ft-ph .fi{aspect-ratio:2/1}
.ft-ph .sl-i img{width:100%;height:100%;object-fit:cover}
.ft-ph figcaption{padding:12px 0 0 var(--side);text-align:left}
.ft-tx{grid-column:9/13}
.ftr[data-side=r] .ft-ph{grid-column:5/13;grid-row:1;margin-left:0;margin-right:calc(var(--side) * -1)}
.ftr[data-side=r] .ft-ph figcaption{padding:12px var(--side) 0 0;text-align:right}
.ftr[data-side=r] .ft-tx{grid-column:1/5;grid-row:1}
.ft-label{font-size:var(--fs-small);letter-spacing:.24em;color:var(--sub)}
.ft-tx h2{margin:14px 0 18px;font-size:24px;letter-spacing:.2em;line-height:1.6}
.ft-menu{grid-column:3/11;border-top:1px solid var(--ink)}
.ft-menu>div{display:grid;grid-template-columns:8em minmax(0,1fr);gap:24px;padding:14px 0;border-bottom:1px solid var(--line)}
.ft-menu dt{font-size:var(--fs-small);letter-spacing:.3em;color:var(--sub);line-height:2}
.ft-menu dd{margin:0;display:flex;flex-wrap:wrap;gap:4px 28px}
.ft-menu small{color:var(--sub);margin-left:.4em}
.ftr .note{grid-column:3/11;margin-top:-40px}



.ds{margin-top:var(--gap-in);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.ds-i .fi{aspect-ratio:1/1}.ds-i .fi img{width:100%;height:100%;object-fit:cover}



.fp{position:relative;margin-top:var(--gap-ch);height:clamp(480px,82vh,820px);color:#fff;overflow:hidden}
.fp-ph{position:absolute;inset:0}
.fp-ph img{width:100%;height:100%;object-fit:cover;object-position:var(--pc,50% 50%)}
.fp::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.55),rgba(0,0,0,0) 55%)}
.fp-tx{position:absolute;z-index:1;left:var(--side);bottom:64px;max-width:380px}
.fp-tx h2{font-size:24px;letter-spacing:.24em;margin-bottom:14px}
.fp-tx p{font-size:var(--fs-ui);line-height:2.1}



.rg{margin-top:56px}
.rg-n{padding-bottom:14px;border-bottom:1px solid var(--ink);color:var(--ink);font-size:var(--fs-ui)}
.rg ul{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rc{aspect-ratio:1/1;background:#f4f2ed;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:14px}
.rc-k{writing-mode:vertical-rl;font-size:38px;letter-spacing:.3em;line-height:1.2}
.rc-r{writing-mode:vertical-rl;font-size:var(--fs-small);letter-spacing:.3em;color:var(--sub)}
.pg-rc .note{margin-top:28px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}



.wd{margin-top:var(--gap-ch);padding:0 var(--side);display:grid;gap:96px}
.wd-ph .fi{aspect-ratio:2/1}.wd-ph .fi img{width:100%;height:100%;object-fit:cover}
.wd-tx{display:grid;grid-template-columns:12em minmax(0,1fr);gap:24px;margin-top:24px;max-width:860px}
.wd-tx h3{font-size:19px;letter-spacing:.2em;color:var(--ink);line-height:1.6}
.sq{margin:var(--gap-in) var(--side) 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sq-i .fi{aspect-ratio:1/1}.sq-i .fi img{width:100%;height:100%;object-fit:cover}



.pg-map{margin:120px var(--side) 0}
.pm-map{height:auto;aspect-ratio:2.15/1}
.pm-ad{padding:20px 0 0}
.pm-ad span{margin-left:2em}
.pm-ad .tel{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}



.tm{margin-top:var(--gap-ch);padding:0 var(--side)}
.tm-t{text-align:center;font-size:24px;letter-spacing:.3em}
.tm ol{list-style:none;margin:64px auto 0;padding:0;max-width:1000px;position:relative}
.tm ol::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--line)}
.tm-i{display:grid;grid-template-columns:1fr 1fr;column-gap:96px;align-items:center;padding:28px 0}
.tm-i[data-side=l] .tm-tx{grid-column:1;text-align:right}
.tm-i[data-side=l] .tm-ph{grid-column:2;grid-row:1}
.tm-i[data-side=r] .tm-tx{grid-column:2}
.tm-i[data-side=r] .tm-ph{grid-column:1;grid-row:1}
.tm-y{font-size:var(--fs-small);letter-spacing:.3em;color:var(--sub)}
.tm-h{margin:6px 0 8px;font-size:19px;letter-spacing:.16em}
.tm-ph .fi{aspect-ratio:47/30}.tm-ph .fi img{width:100%;height:100%;object-fit:cover}

@media(max-width:760px){
  .pb{padding:var(--hd) 0 0}
  .pb-ph{height:44vh}
  .pb-head{padding:40px var(--side) 0;gap:20px}
  .pb-nav{border:0;gap:8px 0}
  .pb-nav a{padding:6px 14px}
  .pb+.pb-head+.sec{margin-top:72px}
  .tls{margin:40px 0 0;grid-template-columns:1fr 1fr;gap:4px}
  .tl-n{left:14px;bottom:12px;font-size:15px}
  .br,.ftr{display:block;margin-top:88px}
  .br-ph,.br[data-side=r] .br-ph,.ft-ph,.ftr[data-side=r] .ft-ph{margin:0 calc(var(--side) * -1)}
  .br-tx,.ft-tx{margin-top:24px}
  .ft-ph figcaption,.ftr[data-side=r] .ft-ph figcaption{padding:10px var(--side) 0;text-align:left}
  .ft-menu{margin-top:32px}
  .ft-menu>div{grid-template-columns:5.5em minmax(0,1fr);gap:12px}
  .ftr .note{margin-top:12px}
  .ds{grid-template-columns:1fr 1fr}
  .fp{height:70vh}
  .fp-tx{bottom:36px;right:var(--side)}
  .rg ul{gap:8px}
  .rc-k{font-size:26px}
  .wd{gap:64px}
  .wd-tx{grid-template-columns:1fr;gap:8px}
  .sq{margin:40px var(--side) 0;grid-template-columns:1fr 1fr;gap:8px}
  .pg-map{margin:72px var(--side) 0}
  .pm-map{aspect-ratio:4/3}
  .pm-ad span{display:block;margin:4px 0 0}
  .tm ol::before{left:0}
  .tm-i,.tm-i[data-side=l],.tm-i[data-side=r]{display:block;padding:20px 0 20px 20px}
  .tm-i[data-side=l] .tm-tx{text-align:left}
  .tm-ph{margin-top:14px}
}
.wd-tx{grid-template-columns:16em minmax(0,1fr)}
@media(max-width:760px){.wd-tx{grid-template-columns:1fr}}



.kv-f .yuge{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;mix-blend-mode:screen}
.yuge i{position:absolute;bottom:4%;width:44%;height:42%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,244,228,.20),rgba(255,244,228,.07) 55%,rgba(255,244,228,0));
  filter:blur(28px);opacity:0;will-change:transform,opacity;animation:yuge 28s cubic-bezier(.4,0,.6,1) infinite}
.yuge i:nth-child(1){left:22%;animation-duration:30s;animation-delay:-4s}
.yuge i:nth-child(2){left:40%;bottom:10%;width:36%;animation-duration:26s;animation-delay:-13s}
.yuge i:nth-child(3){left:58%;bottom:2%;width:40%;animation-duration:34s;animation-delay:-21s}
.yuge i:nth-child(4){left:32%;bottom:16%;width:30%;height:34%;animation-duration:22s;animation-delay:-9s}
.yuge i:nth-child(5){left:12%;bottom:8%;width:34%;animation-duration:31s;animation-delay:-26s}
@keyframes yuge{
  0%{transform:translate3d(0,10%,0) scale(.85);opacity:0}
  22%{opacity:1}
  65%{opacity:.7}
  100%{transform:translate3d(8%,-55%,0) scale(1.35);opacity:0}}
@media(max-width:760px){.yuge i{width:70%;left:10%}.yuge i:nth-child(2){left:30%}.yuge i:nth-child(3){left:20%}}
@media(prefers-reduced-motion:reduce){.yuge i{animation:none;opacity:.5;transform:translate3d(0,-10%,0)}}


.yuge i{background:radial-gradient(closest-side,rgba(255,244,228,.30),rgba(255,244,228,.11) 55%,rgba(255,244,228,0));filter:blur(24px)}



.kv-f .yuge{mix-blend-mode:screen;
  -webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 25%,rgba(0,0,0,.35) 55%,rgba(0,0,0,0) 80%);
          mask-image:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 25%,rgba(0,0,0,.35) 55%,rgba(0,0,0,0) 80%)}
.yuge i{display:none}
.yuge b{position:absolute;left:-10%;right:-10%;top:0;height:200%;background:url(images/yuge.png?v=2) 0 0/62% auto repeat;opacity:.55;will-change:transform;animation:yuge-up 70s linear infinite}
.yuge b+b{background-size:44% auto;background-position:30% 0;opacity:.4;animation-duration:46s;animation-direction:normal;filter:blur(2px)}
@keyframes yuge-up{from{transform:translate3d(0,0,0)}to{transform:translate3d(-3%,-50%,0)}}
@media(max-width:760px){.yuge b{background-size:140% auto}.yuge b+b{background-size:100% auto}}
@media(prefers-reduced-motion:reduce){.yuge b{animation:none}}


.yuge b{left:0;right:0;top:0;height:100%;background-size:900px 900px;background-position:0 0;transform:none;animation:yuge-a 70s linear infinite}
.yuge b+b{background-size:620px 620px;background-position:240px 0;animation:yuge-b 46s linear infinite}
@keyframes yuge-a{from{background-position:0 0}to{background-position:-60px -900px}}
@keyframes yuge-b{from{background-position:240px 0}to{background-position:200px -620px}}
@media(max-width:760px){.yuge b{background-size:620px 620px}.yuge b+b{background-size:420px 420px}
  @keyframes yuge-a{from{background-position:0 0}to{background-position:-40px -620px}}}


.kv-f .yuge{-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.55) 22%,rgba(0,0,0,.15) 45%,rgba(0,0,0,0) 62%);
                mask-image:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.55) 22%,rgba(0,0,0,.15) 45%,rgba(0,0,0,0) 62%)}
.yuge b{opacity:.2;background-size:1300px 1300px}
.yuge b+b{opacity:.14;background-size:900px 900px;filter:none}
@keyframes yuge-a{from{background-position:0 0}to{background-position:-80px -1300px}}
@keyframes yuge-b{from{background-position:240px 0}to{background-position:190px -900px}}


.fv-c span{line-height:2}
.fv-c rt{font-size:.38em;letter-spacing:.2em;opacity:.8}



.fv-c .l,.sec-head h2 .l{display:block}
.fv-c .l:nth-child(2){padding-top:1.6em}
.fv-c .l:nth-child(3){padding-top:.7em}
.sec-head h2 .l:nth-child(2){padding-top:1.4em}
.sec-head h2 .l:nth-child(3){padding-top:.6em}
@media(max-width:760px){.fv-c .l:nth-child(2){padding-top:1.2em}.fv-c .l:nth-child(3){padding-top:.5em}}



.fv-c .l:nth-child(2){padding-top:1.1em}
.fv-c .l:nth-child(3){padding-top:2.2em}
.sec-head h2 .l:nth-child(2){padding-top:1em}
.sec-head h2 .l:nth-child(3){padding-top:2em}
.fv-c.on>*{transition:opacity .3s ease 0s,filter .3s ease 0s,transform .3s ease 0s}
.fv-c .l{opacity:0;filter:blur(6px);transform:translateY(-.4em);transition:opacity .9s ease,filter .9s ease,transform .9s ease}
.fv-c.on .l{opacity:1;filter:none;transform:none;transition:opacity 1.8s cubic-bezier(.22,.61,.36,1),filter 1.8s cubic-bezier(.22,.61,.36,1),transform 2.2s cubic-bezier(.22,.61,.36,1)}
.fv-c.on .l:nth-child(1){transition-delay:1s}
.fv-c.on .l:nth-child(2){transition-delay:1.9s}
.fv-c.on .l:nth-child(3){transition-delay:2.8s}
.js .sec-head h2 .l{opacity:0;filter:blur(5px);transition:opacity 1.6s cubic-bezier(.22,.61,.36,1),filter 1.6s cubic-bezier(.22,.61,.36,1)}
.js .sec-head.in h2 .l{opacity:1;filter:none}
.js .sec-head.in h2 .l:nth-child(1){transition-delay:.2s}
.js .sec-head.in h2 .l:nth-child(2){transition-delay:1s}
.js .sec-head.in h2 .l:nth-child(3){transition-delay:1.8s}
@media(max-width:760px){.fv-c .l:nth-child(2){padding-top:.9em}.fv-c .l:nth-child(3){padding-top:1.8em}}
@media(prefers-reduced-motion:reduce){.fv-c .l,.js .sec-head h2 .l{opacity:1;filter:none;transform:none;transition:none}}


.fv-c.on .l{transition:opacity 1.6s cubic-bezier(.22,.61,.36,1),filter 1.6s cubic-bezier(.22,.61,.36,1),transform 2s cubic-bezier(.22,.61,.36,1)}
.fv-c.on .l:nth-child(1){transition-delay:.8s}
.fv-c.on .l:nth-child(2){transition-delay:1.5s}
.fv-c.on .l:nth-child(3){transition-delay:2.2s}


.sec-head h2:has(.l){line-height:1.55}
.sec-head h2 .l:nth-child(2){padding-top:.55em}
.sec-head h2 .l:nth-child(3){padding-top:1.1em}



@property --m{syntax:'<percentage>';inherits:false;initial-value:-45%}
.fv-c .l{--m:-45%;
  -webkit-mask-image:linear-gradient(to bottom,#000 var(--m),transparent calc(var(--m) + 45%));
          mask-image:linear-gradient(to bottom,#000 var(--m),transparent calc(var(--m) + 45%));
  opacity:0;filter:blur(7px);transform:translateY(.35em);transition:none}
.fv-c.on .l{--m:145%;opacity:1;filter:blur(0);transform:none;
  transition:--m 3.2s cubic-bezier(.33,.08,.25,1),opacity 1.8s ease,filter 2.6s cubic-bezier(.22,.61,.36,1),transform 3.4s cubic-bezier(.22,.61,.36,1)}
.fv-c.on .l:nth-child(1){transition-delay:.7s}
.fv-c.on .l:nth-child(2){transition-delay:1.75s;transition-duration:3.8s,2.2s,3s,3.8s}
.fv-c.on .l:nth-child(3){transition-delay:2.3s;transition-duration:2.9s,1.6s,2.4s,3.2s}


.fv-c.out>*{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}
.fv-c.out .l{--m:145%;opacity:0;filter:blur(10px);transform:translateY(-.8em);
  transition:opacity 2.2s ease,filter 2.4s ease,transform 2.8s cubic-bezier(.3,.2,.4,1)}
.fv-c.out .l:nth-child(1){transition-delay:.18s}
.fv-c.out .l:nth-child(2){transition-delay:0s;transition-duration:2.6s,2.8s,3s}
.fv-c.out .l:nth-child(3){transition-delay:.4s;transition-duration:1.9s,2.2s,2.6s}
@media(prefers-reduced-motion:reduce){.fv-c .l,.fv-c.on .l,.fv-c.out .l{-webkit-mask-image:none;mask-image:none;filter:none;transform:none;transition:opacity .6s ease}}


.jo-lines2 .jo-sep{margin-left:1.6em}
@media(max-width:760px){.jo-lines2{gap:1.35em}.jo-lines2 .jo-sep{margin-left:.9em}}



.ynh{margin-top:var(--gap-ch);padding:0 var(--side)}
.ynh-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:calc(var(--gutter) * 3);align-items:start;max-width:1120px;margin:0 auto;padding-top:56px;border-top:1px solid var(--ink)}
.ynh-t{font-size:clamp(28px,3.2vw,44px);letter-spacing:.16em;line-height:1.6}
.ynh-tx p+p{margin-top:18px}
.ynh-tx .lead{margin-bottom:24px}
.ynh-tx .facts{margin-top:40px}


.yd{margin-top:var(--gap-ch);padding:0 var(--side);max-width:calc(1120px + var(--side) * 2);margin-left:auto;margin-right:auto}
.yd-head{display:flex;align-items:baseline;gap:28px;padding-bottom:20px;border-bottom:1px solid var(--ink)}
.yd-head h2{font-size:24px;letter-spacing:.24em;line-height:1.5}
.yd-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.yd-list li{border-bottom:1px solid var(--line)}
.yd-list li:not(:nth-child(3n+1)){border-left:1px solid var(--line)}
.yd-list a{display:block;height:100%;padding:28px 28px 30px;text-decoration:none;color:inherit;transition:background .5s var(--ease)}
.yd-list li:nth-child(3n+1) a{padding-left:0}
.yd-list a:hover{background:#f6f4ef}
.yd-k{font-size:var(--fs-small);letter-spacing:.3em;color:var(--sub)}
.yd-v{margin-top:10px;font-size:20px;letter-spacing:.14em;line-height:1.5}
.yd-d{margin-top:10px;font-size:var(--fs-ui);line-height:1.95;color:#4a4945}
.yd-go{margin-top:36px;text-align:right}
@media(max-width:760px){
  .ynh-in{grid-template-columns:1fr;row-gap:28px;padding-top:36px}
  .yd-list{grid-template-columns:1fr}
  .yd-list li:not(:nth-child(3n+1)){border-left:0}
  .yd-list a,.yd-list li:nth-child(3n+1) a{padding:20px 0}
  .yd-go{text-align:left}
}


.fv-c .l:nth-child(2),.fv-c .l:nth-child(3){padding-top:0}
@media(max-width:760px){.fv-c .l:nth-child(2),.fv-c .l:nth-child(3){padding-top:0}}



.fv-id{display:block;margin-top:18px;font-size:12.5px;letter-spacing:.32em;color:#fff;white-space:nowrap;text-align:center;text-shadow:0 0 18px rgba(0,0,0,.55);margin-left:50%;transform:translateX(-50%)}
@media(max-width:760px){.fv-id{font-size:11px;letter-spacing:.2em}}



.jo.jo-pin.static{position:relative}
.jo-tabi{position:absolute;inset:0;pointer-events:none}
.tb{position:absolute;margin:0}
.tb .fi{display:block;overflow:hidden}
.tb img{width:100%;height:100%;object-fit:cover}
.tb-l1{left:4%;top:4%;width:min(22vw,320px)}  .tb-l1 .fi{aspect-ratio:3/2}
.tb-l2{left:13%;top:38%;width:min(13vw,190px)} .tb-l2 .fi{aspect-ratio:2/3}
.tb-l3{left:3%;top:74%;width:min(17vw,250px)} .tb-l3 .fi{aspect-ratio:3/2}
.tb-r1{right:4%;top:12%;width:min(20vw,300px)} .tb-r1 .fi{aspect-ratio:3/2}
.tb-r2{right:10%;top:52%;width:min(13vw,190px)} .tb-r2 .fi{aspect-ratio:2/3}
.js .tb{opacity:0;transform:translateY(14px) scale(.97);transition:opacity 1.6s cubic-bezier(.22,.61,.36,1),transform 2.2s cubic-bezier(.22,.61,.36,1)}
.js .jo-pin.in .tb{opacity:1;transform:none}
.js .jo-pin.in .tb-l1{transition-delay:.6s}
.js .jo-pin.in .tb-r1{transition-delay:1.5s}
.js .jo-pin.in .tb-l2{transition-delay:2.3s}
.js .jo-pin.in .tb-r2{transition-delay:3.4s}
.js .jo-pin.in .tb-l3{transition-delay:4.1s}
@media(max-width:1100px){.tb-l2,.tb-r2{display:none}}
@media(max-width:760px){
  .jo-tabi{position:static;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:0 var(--side);margin-bottom:40px}
  .tb{position:static;width:auto!important}
  .tb .fi{aspect-ratio:1/1!important}
  .tb-l3,.tb-r2{display:none}
  .tb-l2{display:block}
}
@media(prefers-reduced-motion:reduce){.js .tb{opacity:1;transform:none;transition:none}}


.fv .fv-id{position:absolute;z-index:3;left:50%;top:calc(var(--hd) + 18px);margin:0;transform:translateX(-50%);font-size:12.5px;letter-spacing:.34em;color:#fff;white-space:nowrap;text-shadow:0 0 18px rgba(0,0,0,.6);opacity:.92}
@media(max-width:760px){.fv .fv-id{font-size:10.5px;letter-spacing:.18em;top:calc(var(--hd) + 12px)}}
.fv .fv-id{top:calc(var(--hd) + 34px)}
@media(max-width:760px){.fv .fv-id{top:calc(var(--hd) + 22px)}}



.sts{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.st{padding:24px 24px 28px 0;border-bottom:1px solid var(--line)}
.st:not(:nth-child(3n+1)){padding-left:24px;border-left:1px solid var(--line)}
.st-k{font-size:22px;letter-spacing:.2em;line-height:1.5}
.st-src{margin-top:8px;font-size:var(--fs-small);letter-spacing:.14em;color:var(--sub);line-height:1.8}
.st-d{margin-top:12px;font-size:var(--fs-ui);line-height:2}
@media(max-width:760px){.sts{grid-template-columns:1fr}.st,.st:not(:nth-child(3n+1)){padding:20px 0;border-left:0}}


.tb-l1{left:4%;top:3%;width:min(22vw,320px)}   .tb-l1 .fi{aspect-ratio:3/2}
.tb-l2{left:15%;top:36%;width:min(12vw,175px)} .tb-l2 .fi{aspect-ratio:2/3}
.tb-l3{left:3%;top:72%;width:min(18vw,260px)}  .tb-l3 .fi{aspect-ratio:3/2}
.tb-r1{right:4%;top:6%;width:min(21vw,310px)}  .tb-r1 .fi{aspect-ratio:3/2}
.tb-r2{right:14%;top:40%;width:min(12vw,175px)} .tb-r2 .fi{aspect-ratio:4/5}
.tb-r3{right:3%;top:74%;width:min(17vw,250px)} .tb-r3 .fi{aspect-ratio:3/2}
.js .jo-pin.in .tb-r3{transition-delay:4.8s}
.js .jo-pin.in .tb-r2{transition-delay:3.2s}
.js .jo-pin.in .tb-l2{transition-delay:2.4s}
@media(max-width:1100px){.tb-l2,.tb-r2{display:none}}
@media(max-width:760px){.tb-r3{display:none}.tb-r2{display:none}.tb-l2{display:block}}
@media(max-width:760px){.tb-l3{display:none}}


.tb-l3.tb-ishi{left:6%;top:62%;width:min(14vw,200px)} .tb-l3.tb-ishi .fi{aspect-ratio:3/4}
@media(max-width:760px){.tb-l3.tb-ishi{display:block}.tb-l2{display:none}}


.tb-r3.tb-ishidatami{right:5%;top:66%;width:min(16vw,230px)} .tb-r3.tb-ishidatami .fi{aspect-ratio:1/1}
.tb-credit{order:9;margin:0;font-size:10px;letter-spacing:.06em;color:var(--sub);text-align:center}
.tb-credit a{color:inherit}
@media(max-width:760px){.tb-r3.tb-ishidatami{display:block}.tb-l3.tb-ishi{display:none}}
.tb-r3.tb-ishidatami{top:58%;width:min(15vw,215px)} .tb-r3.tb-ishidatami .fi{aspect-ratio:3/4}



.fv-stay{position:absolute;z-index:4;left:0;right:0;bottom:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:18px 40px;background:linear-gradient(to top,rgba(10,9,8,.72),rgba(10,9,8,.4));color:#fff;border-top:1px solid rgba(255,255,255,.18);backdrop-filter:blur(2px)}
.fv-stay-k{margin:0;font-size:17px;letter-spacing:.2em;line-height:1.4;white-space:nowrap}
.fv-stay-k small{display:block;font-size:10.5px;letter-spacing:.3em;opacity:.75;margin-bottom:2px}
.fv-stay-k b{font-weight:400;font-size:14px;letter-spacing:.2em;margin-left:.2em;opacity:.9}
.fv-stay-f{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 26px;font-size:12.5px;letter-spacing:.16em;opacity:.92}
.fv-stay-f li{position:relative;padding-left:14px}
.fv-stay-f li::before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;margin-top:-2px;border:1px solid currentColor;transform:rotate(45deg)}
.fv-stay-go{display:inline-flex;align-items:center;height:48px;padding:0 30px;background:#fff;color:var(--ink);text-decoration:none;font-size:13px;letter-spacing:.22em;white-space:nowrap;transition:background .4s var(--ease),color .4s var(--ease)}
.fv-stay-go:hover{background:#d9cdb8}
.fv .fv-ctl{bottom:104px}
@media(max-width:1000px){.fv-stay{grid-template-columns:1fr auto}.fv-stay-f{display:none}}
@media(max-width:760px){
  .fv-stay{grid-template-columns:1fr;gap:10px;padding:14px var(--side) 16px}
  .fv-stay-k{font-size:15px}
  .fv-stay-go{height:46px;justify-content:center}
  .fv .fv-ctl{bottom:150px}
}
.fv-stay-f{gap:0}
.fv-stay-f li{padding:0 20px}
.fv-stay-f li::before{display:none}
.fv-stay-f li+li{border-left:1px solid rgba(255,255,255,.35)}
.fv-stay-f li:first-child{padding-left:0}


.fv-stay{left:auto;right:40px;bottom:30px;display:block;padding:0;background:none;border:0;backdrop-filter:none;text-align:right;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.55)}
.fv-stay-k{font-size:15px;letter-spacing:.26em;margin:0 0 6px}
.fv-stay-f{display:block;font-size:12px;letter-spacing:.2em;opacity:.85;margin:0 0 14px}
.fv-stay-go{display:inline;height:auto;padding:0 0 3px;background:none;color:#fff;font-size:13px;letter-spacing:.2em;border-bottom:1px solid rgba(255,255,255,.7)}
.fv-stay-go:hover{background:none;color:#fff;border-bottom-color:#fff}
.fv .fv-ctl{bottom:32px}
@media(max-width:1000px){.fv-stay-f{display:block}}
@media(max-width:760px){
  .fv-stay{left:var(--side);right:var(--side);bottom:72px;text-align:left;padding:0}
  .fv-stay-k{font-size:14px}
  .fv-stay-f{font-size:11.5px;margin-bottom:12px}
  .fv-stay-go{height:auto;justify-content:normal}
  .fv .fv-ctl{bottom:22px}
}


.fv-idx{display:flex;gap:18px;margin:0 22px;font-size:13px;letter-spacing:0;line-height:1}
.fv-idx i{font-style:normal;color:#fff;opacity:.38;transition:opacity 1.6s ease}
.fv-idx i.on{opacity:1}
@media(max-width:760px){.fv-idx{gap:14px;margin:0 14px;font-size:12.5px}}


.fv[data-mode=melt] .kv-f.on{transition:opacity 2.2s cubic-bezier(.33,0,.2,1)}
.fv[data-mode=melt] .kv-f.on img,.fv[data-mode=melt] .kv-f.out img{transition:transform 8s cubic-bezier(.25,.1,.25,1)}


body:not([data-page=index]) main{padding-bottom:clamp(96px,11vw,160px)}


.fv-idx{gap:15px}


.tl-n small{display:block;margin-top:.5em;font-size:11.5px;letter-spacing:.16em;opacity:.85}
.br-name small{display:block;margin-top:.6em;font-size:var(--fs-small);letter-spacing:.14em;color:var(--sub)}
.tl-n rt,.br-name rt{font-size:.36em;letter-spacing:.2em}


.s3-hd{max-width:1200px;margin:calc(var(--hd) + 28px) auto 0;padding:0 24px}
.s3-hd-ph{aspect-ratio:10/3;overflow:hidden;background:var(--shade)}
.s3-hd-ph img{width:100%;height:100%;object-fit:cover;object-position:var(--pc,50% 50%)}
.s3-hd-tx{max-width:760px;margin:56px auto 0;padding:0}
.s3-hd-tx h1{font-weight:400;font-size:26px;letter-spacing:.24em;line-height:1.5;margin:0}
.s3-hd-tx p{margin:14px 0 0;font-size:15px;letter-spacing:.12em;color:var(--sub)}
.s3-col{max-width:760px;margin:0 auto;padding:0 24px}
.s3-sec{padding:72px 0 0}
.s3-sec+.s3-sec{border-top:1px solid var(--line);margin-top:72px}
.s3-h{font-weight:400;font-size:21px;letter-spacing:.22em;line-height:1.5;color:var(--ink);margin:0 0 26px}
.s3-h small{display:inline-block;margin-left:1.4em;font-size:13px;letter-spacing:.12em;color:var(--sub)}
.s3-h3{font-weight:400;font-size:14px;letter-spacing:.2em;color:var(--ink);margin:44px 0 14px}
.s3-tx p{margin:0 0 1em;line-height:2.15}
.s3-tx p:last-child{margin-bottom:0}
.s3-tbl{width:100%;border-collapse:collapse;border-top:1px solid var(--line);font-size:14px}
.s3-tbl th,.s3-tbl td{border-bottom:1px solid var(--line);padding:16px 0;vertical-align:top;text-align:left;line-height:1.9}
.s3-tbl th{width:9.5em;font-weight:400;font-size:13px;letter-spacing:.14em;color:var(--sub);padding-right:1.5em}
.s3-tbl .go{margin-top:10px}
.s3-src th{font-size:18px;color:var(--ink);letter-spacing:.14em;width:6em}
.s3-src th small{display:block;font-size:11px;color:var(--sub);letter-spacing:.2em;margin-bottom:2px}
.s3-src td:nth-child(2){width:15em;font-size:13px;color:var(--sub);padding-right:1.5em}
.s3-yr th{font-size:14px;color:var(--ink);width:7.5em}
.s3-ku{display:block;margin-top:6px;font-size:15px;letter-spacing:.24em}
.s3-one,.s3-gal{margin:36px 0 28px}
.s3-one .fi{aspect-ratio:3/2}.s3-one img{width:100%;height:100%;object-fit:cover}
.s3-gal{position:relative}
.s3-gal .sl{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--shade)}
.s3-gal .sl-i img{width:100%;height:100%;object-fit:cover}
.g-ctl{display:flex;align-items:center;gap:22px;margin-top:12px;font-size:12.5px;letter-spacing:.2em;color:var(--sub)}
.g-ctl .sl-b{border:0;background:none;padding:6px 0;font:inherit;color:var(--ink);cursor:pointer;opacity:.7}
.g-ctl .sl-b:hover{opacity:1}
.g-ctl .sl-n{margin-left:auto}
.g-ths{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:12px}
.g-th{border:0;padding:0;background:none;cursor:pointer;aspect-ratio:3/2;overflow:hidden;opacity:.5;transition:opacity .4s}
.g-th.on,.g-th:hover{opacity:1}
.g-th img{width:100%;height:100%;object-fit:cover;display:block}
.s3-menu{margin:0;border-top:1px solid var(--line)}
.s3-menu>div{display:grid;grid-template-columns:7em 1fr;border-bottom:1px solid var(--line);padding:12px 0;font-size:14px;line-height:1.9}
.s3-menu dt{font-size:13px;letter-spacing:.14em;color:var(--sub)}
.s3-menu dd{margin:0}
.s3-menu dd span{display:block}
.s3-menu small{font-size:12px;color:var(--sub);letter-spacing:.06em}
.s3-menu+.note{margin-top:12px}
.s3-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:36px 0 28px}
.s3-two .fi{aspect-ratio:4/3}.s3-two img{width:100%;height:100%;object-fit:cover}
.s3-ad{margin:16px 0 0;font-size:13.5px;letter-spacing:.08em;line-height:2}
.s3-ad .go{margin-left:1em;vertical-align:middle}
.s3-gmap{aspect-ratio:2/1;background:#eceae5}.s3-gmap iframe{width:100%;height:100%;border:0;display:block}


.s3-map{margin:40px 0 0}
.s3-fl{display:block;width:100%;height:auto;font-family:var(--serif)}
.s3-fl rect{stroke:#b9b4a9;stroke-width:1.2}
.s3-fl .fr{fill:#f6f3ee}.s3-fl .fb{fill:#e7ece9}.s3-fl .fc{fill:#ece9e3;stroke:none}
.s3-fl text{text-anchor:middle;fill:var(--ink);letter-spacing:.06em}
.s3-fl .fs{fill:var(--sub)}
.s3-fl a rect{transition:fill .4s}.s3-fl a:hover rect{fill:#d5ded9}
.s3-map figcaption{margin-top:12px}
.s3-map-w{margin-top:48px}
.s3-map-sc{overflow-x:auto}
.s3-map-sc .s3-fl{min-width:720px}
.s3-fl-n{margin:6px 0 22px;font-size:12px;letter-spacing:.24em;color:var(--sub)}
.s3-rms{display:grid;gap:28px}
.s3-rm h3{margin:0 0 10px;font-size:12px;letter-spacing:.3em;color:var(--sub)}
.s3-rm ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 34px}
.s3-rm li{font-size:24px;letter-spacing:.14em;line-height:1.4}
.s3-rm li small{display:block;font-size:11px;letter-spacing:.24em;color:var(--sub)}


.s3-yu{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:200px minmax(0,840px);gap:0 64px;justify-content:center}
.s3-idx{position:relative}
.s3-idx ul{position:sticky;top:calc(var(--hd) + 40px);list-style:none;margin:72px 0 0;padding:0;border-top:1px solid var(--line)}
.s3-idx li{border-bottom:1px solid var(--line)}
.s3-idx a{display:flex;align-items:baseline;gap:12px;padding:12px 0;font-size:17px;letter-spacing:.14em;text-decoration:none}
.s3-idx small{font-size:11.5px;letter-spacing:.1em;color:var(--sub)}
.s3-yu-main .s3-tx{max-width:680px}
.yb{padding:72px 0 0;margin-top:72px;border-top:1px solid var(--line);scroll-margin-top:calc(var(--hd) + 8px)}
.yb-n{font-weight:400;font-size:30px;letter-spacing:.16em;line-height:1.4;margin:0}
.yb-n small{font-size:14px;letter-spacing:.12em;color:var(--sub);margin-left:.2em}
.yb-kind{margin:4px 0 0;font-size:13px;letter-spacing:.2em;color:var(--sub)}
.yb-ph{margin:28px 0 0}.yb-ph .fi{aspect-ratio:17/10}.yb-ph img{width:100%;height:100%;object-fit:cover}
.yb-tx{margin:24px 0 0;max-width:680px;line-height:2.15}
.yb-ss{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.yb-ss .fi{aspect-ratio:3/2}.yb-ss img{width:100%;height:100%;object-fit:cover}
.yb-sp{margin:18px 0 0;font-size:12.5px;letter-spacing:.14em;color:var(--sub)}
.s3-yu-main>.s3-sec:last-child,.s3-col>.s3-sec:last-child{margin-top:96px}
[id]{scroll-margin-top:calc(var(--hd) + 8px)}
@media(max-width:900px){
  .s3-yu{grid-template-columns:1fr;gap:0}
  .s3-idx ul{position:static;margin:40px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
}
@media(max-width:760px){
  .s3-hd{padding:0;margin-top:var(--hd)}
  .s3-hd-ph{aspect-ratio:4/3}
  .s3-hd-tx{margin-top:36px;padding:0 24px}
  .s3-hd-tx h1{font-size:22px}
  .s3-sec{padding-top:52px}.s3-sec+.s3-sec{margin-top:52px}
  .yb{padding-top:52px;margin-top:52px}
  .yb-n{font-size:26px}
  .s3-tbl th{width:7em}
  .s3-src th{width:4.5em}.s3-src td:nth-child(2){display:block;width:auto;border:0;padding:16px 0 0}
  .s3-src td:nth-child(3){display:block;padding-top:4px}
  .g-ths{grid-template-columns:repeat(5,1fr)}
  .s3-two{grid-template-columns:1fr}
  .s3-gmap{aspect-ratio:4/3}
}
.s3-yu .s3-map{max-width:520px}
[data-page=bath] .s3-hd-tx{max-width:1104px;padding-left:264px}
@media(max-width:900px){[data-page=bath] .s3-hd-tx{padding-left:24px}}
.s3-map-w{width:min(1120px,calc(100vw - 48px));margin-left:50%;transform:translateX(-50%)}
.s3-fl-n{margin:28px 0 10px}
.s3-fl2{width:84%}
.s3-src th{width:7em}
.s3-map-w{transform:none;margin-left:calc(50% - min(560px, 50vw - 24px))}
.js .s3-map-w.rv{transform:translateY(18px)}.js .s3-map-w.rv.in{transform:none}
.s3-fl .fk{fill:#efe6d6;stroke:#a89f8f}
@media(max-width:760px){
  .s3-src,.s3-src tbody{display:block}
  .s3-src tr{display:block;border-bottom:1px solid var(--line);padding:16px 0}
  .s3-src th,.s3-src td,.s3-src td:nth-child(2),.s3-src td:nth-child(3){display:block;width:auto;border:0;padding:0}
  .s3-src td:nth-child(2){margin-top:6px}.s3-src td:nth-child(3){margin-top:4px}
  .s3-src th small{display:inline;margin:0 .8em 0 0}
}


[data-page=dining] main{padding-bottom:0}
.dn-vt{writing-mode:vertical-rl;font-weight:400;font-size:30px;line-height:1.7;letter-spacing:.24em;margin:0;display:flex;flex-direction:row;align-items:flex-start;gap:0 .2em;color:inherit}
.dn-vt .l{display:block}
.dn-vt-xl{font-size:38px;letter-spacing:.28em;gap:0 .35em}
.dn-time{writing-mode:vertical-rl;margin:0;font-size:12.5px;letter-spacing:.34em;color:var(--sub);line-height:1}
.dn-dk{background:#0b0a09;color:rgba(255,255,255,.86)}
.dn-dk .dn-time,.dn-dk .note{color:rgba(255,255,255,.55)}


.dn-op{padding:calc(var(--hd) + 96px) var(--side) 110px}
.dn-op-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,64%);gap:0 var(--gutter);align-items:start;max-width:1440px;margin:0 auto}
.dn-op-head{justify-self:center;display:flex;flex-direction:row-reverse;align-items:flex-start;gap:28px;padding-top:24px}
.dn-op-k{writing-mode:vertical-rl;margin:0;font-size:12px;letter-spacing:.8em;color:rgba(255,255,255,.55);line-height:1}
.dn-op-ph .fi{aspect-ratio:3/2;background:#000}.dn-op-ph img{width:100%;height:100%;object-fit:cover}
.dn-op-tx{max-width:1440px;margin:72px auto 0;padding-left:calc(36% + var(--gutter));font-size:16px;line-height:2.2;letter-spacing:.12em}


.dn-yu{padding:150px var(--side) 0;display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:0 var(--gutter);max-width:1440px;margin:0 auto}
.dn-yu-head{grid-column:2;grid-row:1;justify-self:center;display:flex;flex-direction:row-reverse;gap:26px}
.dn-yu-tx{grid-column:1;grid-row:1;justify-self:end;max-width:520px;padding-top:12px}
.dn-yu-tx p,.dn-asa-tx p,.dn-room-tx p{margin:0;line-height:2.2;letter-spacing:.1em}
.dn-yu-tx p+p,.dn-room-tx p+p{margin-top:1.2em}
.dn-wide{grid-column:1/-1;margin:96px calc(var(--side) * -1) 0}
.dn-wide .fi{aspect-ratio:2.2/1}.dn-wide img{width:100%;height:100%;object-fit:cover}
.dn-menu-wrap{grid-column:1/-1;margin:110px auto 0;text-align:center}
.dn-menu-k{font-size:12.5px;letter-spacing:.4em;color:var(--sub);margin:0 0 26px}
.dn-oshi{display:inline-block;max-width:100%;overflow-x:auto;background:#f6f2ea;padding:56px 64px;text-align:left}
.dn-oshi-in{writing-mode:vertical-rl;height:430px;display:flex;flex-direction:row;gap:0 2.4em;font-size:15px;letter-spacing:.16em;line-height:1.9}
.dn-oshi .c{display:flex;flex-direction:row;gap:0 .2em}
.dn-oshi :is(h3,h4){margin:0 0 0 .6em;font-weight:400;font-size:12px;letter-spacing:.4em;color:var(--sub)}
.dn-oshi p{margin:0}
.dn-oshi small{font-size:11.5px;color:var(--sub);letter-spacing:.1em}
.dn-menu-wrap .note{margin-top:18px}


.dn-sato{padding:170px var(--side) 0;max-width:1440px;margin:0 auto;display:grid;grid-template-columns:200px minmax(0,1fr);gap:0 var(--gutter)}
.dn-sato-head{grid-column:1;grid-row:1/span 2;justify-self:center}
.dn-sato-list{grid-column:2;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 48px}
.dn-sato-list li{border-top:1px solid var(--line);padding-top:22px}
.dn-sato-list .k{margin:0;font-size:24px;letter-spacing:.18em;line-height:1.5}
.dn-sato-list .k small{display:block;font-size:11px;letter-spacing:.4em;color:var(--sub);margin-bottom:6px}
.dn-sato-list .w{margin:14px 0 0;font-size:14px;letter-spacing:.12em;line-height:1.8}
.dn-sato-list .w span{display:block;font-size:12px;color:var(--sub);letter-spacing:.08em}
.dn-sato-list .d{margin:12px 0 0;font-size:13.5px;line-height:2;letter-spacing:.06em;color:#4a4843}
.dn-sara{grid-column:1/-1;margin-top:130px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:start}
.dn-s img{width:100%;height:100%;object-fit:cover}
.dn-s-a{grid-column:1/8}.dn-s-a .fi{aspect-ratio:3/2}
.dn-s-b{grid-column:9/13;margin-top:140px}.dn-s-b .fi{aspect-ratio:4/5}
.dn-s-c{grid-column:2/6;margin-top:40px}.dn-s-c .fi{aspect-ratio:4/3}
.dn-s-d{grid-column:7/12;margin-top:-60px}.dn-s-d .fi{aspect-ratio:3/2}
.dn-s-e{grid-column:4/9;margin-top:30px}.dn-s-e .fi{aspect-ratio:3/2}


.dn-asa{margin-top:170px;background:#f4efe6;padding:140px var(--side) 130px}
.dn-asa-in{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 200px;gap:0 var(--gutter)}
.dn-asa-head{grid-column:3;grid-row:1/span 2;justify-self:center;display:flex;flex-direction:row-reverse;gap:26px}
.dn-asa-tx{grid-column:1/3;grid-row:1;justify-self:end;max-width:520px;padding-top:12px}
.dn-asa-main{grid-column:1/2;grid-row:2;margin-top:80px}.dn-asa-main .fi{aspect-ratio:4/3}
.dn-asa-s1{grid-column:2;grid-row:2;margin-top:200px;width:72%}.dn-asa-s1 .fi{aspect-ratio:1/1}
.dn-asa-s2{grid-column:2;grid-row:2;align-self:end;justify-self:end;width:56%;margin-bottom:-60px}.dn-asa-s2 .fi{aspect-ratio:3/4}
.dn-asa figure img{width:100%;height:100%;object-fit:cover}
.dn-menu-asa{grid-column:1/-1;margin-top:150px}
.dn-menu-asa .dn-oshi{background:#fbf8f2}
.dn-menu-asa .dn-oshi-in{height:360px}


.dn-room{padding:0 0 140px}
.dn-room-ph .fi{aspect-ratio:2.39/1;background:#000}.dn-room-ph img{width:100%;height:100%;object-fit:cover}
.dn-room-in{max-width:1440px;margin:0 auto;padding:110px var(--side) 0;display:grid;grid-template-columns:200px minmax(0,520px) minmax(0,1fr);gap:0 var(--gutter);align-items:start}
.dn-room-in>.rv:first-child{justify-self:center}
.dn-room-tx{padding-top:12px}
.dn-room-s{justify-self:end;width:min(100%,380px)}.dn-room-s .fi{aspect-ratio:4/5}.dn-room-s img{width:100%;height:100%;object-fit:cover}


.dn-info{padding:110px var(--side) 130px;text-align:center}
.dn-info dl{display:inline-flex;gap:0 56px;margin:0;flex-wrap:wrap;justify-content:center}
.dn-info dl div{display:flex;gap:18px;align-items:baseline}
.dn-info dt{font-size:12.5px;letter-spacing:.3em;color:var(--sub)}
.dn-info dd{margin:0;font-size:15px;letter-spacing:.12em}
.dn-info-go{margin:40px 0 0}
@media(max-width:900px){
  .dn-op-in{grid-template-columns:1fr;gap:48px}
  .dn-op-head{justify-self:end;padding:0 4px 0 0}
  .dn-op-tx{padding-left:0;margin-top:44px}
  .dn-yu,.dn-sato{grid-template-columns:1fr}
  .dn-yu-head,.dn-sato-head{grid-column:1;grid-row:auto;justify-self:end}
  .dn-yu-tx{grid-column:1;grid-row:auto;justify-self:stretch;margin-top:40px}
  .dn-sato-list{grid-column:1;grid-template-columns:1fr 1fr;margin-top:40px}
  .dn-asa-in{grid-template-columns:1fr 1fr}
  .dn-asa-head{grid-column:1/-1;grid-row:auto;justify-self:end}
  .dn-asa-tx{grid-column:1/-1;grid-row:auto;justify-self:stretch;margin-top:40px}
  .dn-asa-main{grid-column:1/-1;grid-row:auto;margin-top:48px}
  .dn-asa-s1,.dn-asa-s2{grid-row:auto;width:auto;margin:16px 0 0;justify-self:stretch;align-self:start}
  .dn-asa-s1{grid-column:1}.dn-asa-s2{grid-column:2}
  .dn-asa-s1 .fi,.dn-asa-s2 .fi{aspect-ratio:4/5}
  .dn-room-in{grid-template-columns:1fr}
  .dn-room-in>.rv:first-child{justify-self:end}
  .dn-room-tx{margin-top:36px}
  .dn-room-s{justify-self:stretch;width:auto;margin-top:36px}
}
@media(max-width:760px){
  .dn-vt{font-size:24px}.dn-vt-xl{font-size:28px}
  .dn-op{padding-top:calc(var(--hd) + 56px);padding-bottom:80px}
  .dn-op-tx{font-size:14.5px}
  .dn-yu{padding-top:100px}
  .dn-wide{margin-top:56px}.dn-wide .fi{aspect-ratio:4/3}
  .dn-menu-wrap{margin-top:72px;width:100%}
  .dn-oshi{display:block;padding:36px 24px}
  .dn-oshi-in{height:380px;font-size:14px}
  .dn-sato{padding-top:110px}
  .dn-sato-list{grid-template-columns:1fr;gap:36px}
  .dn-sara{margin-top:72px;grid-template-columns:1fr 1fr;gap:12px}
  .dn-s-a{grid-column:1/-1}.dn-s-b,.dn-s-c,.dn-s-d,.dn-s-e{grid-column:auto;margin-top:0}
  .dn-s-b .fi,.dn-s-c .fi,.dn-s-d .fi,.dn-s-e .fi{aspect-ratio:4/5}
  .dn-asa{margin-top:110px;padding:96px var(--side) 90px}
  .dn-menu-asa{margin-top:72px}
  .dn-room-ph .fi{aspect-ratio:4/3}
  .dn-room-in{padding-top:72px}
  .dn-info dl{flex-direction:column;gap:12px}
}


.dn-oshi-in{display:block;gap:0}
.dn-oshi .c{display:block;margin:0 0 0 2.2em}
.dn-oshi .c:last-child{margin-left:0}
.dn-oshi :is(h3,h4){display:block;margin:0 0 0 .5em}
.dn-oshi p{display:block}
.dn-oshi small{display:inline}


.dn-op{padding-bottom:96px}
.dn-op-ph .fi{aspect-ratio:4/3}
.dn-op-in{grid-template-columns:minmax(0,1fr) minmax(0,56%)}
.dn-op-tx{margin-top:64px;padding-left:calc(44% + var(--gutter))}


.dn-asa-s1,.dn-asa-s2{grid-column:auto;grid-row:auto;margin:0;width:auto;align-self:auto;justify-self:auto}
.dn-asa-side{grid-column:2;grid-row:2;margin-top:200px;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.dn-asa-s2{margin-top:90px}
.dn-asa-s1 .fi,.dn-asa-s2 .fi{aspect-ratio:3/4}
.dn-info{padding:96px var(--side) 110px}
@media(max-width:900px){
  .dn-op-in{grid-template-columns:1fr}.dn-op-tx{padding-left:0}
  .dn-asa-side{grid-column:1/-1;grid-row:auto;margin-top:16px}
  .dn-asa-s2{margin-top:48px}
}
.dn-oshi-in{height:330px}
.dn-menu-asa .dn-oshi-in{height:290px}
.dn-asa-side{margin-top:80px}
.dn-asa-s2{margin-top:120px}
@media(max-width:760px){.dn-oshi-in{height:340px}.dn-menu-asa .dn-oshi-in{height:300px}.dn-asa-side{margin-top:16px}.dn-asa-s2{margin-top:48px}}
.dn-menu-wrap{min-width:0;max-width:100%}
.dn-oshi{max-width:100%}
@media(max-width:900px){
  .dn-op-in,.dn-yu,.dn-sato,.dn-room-in{grid-template-columns:minmax(0,1fr)}
  .dn-asa-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
.dn-oshi{direction:rtl}.dn-oshi-in{direction:ltr}


[data-plx] .fi{position:relative;overflow:hidden}
[data-plx] .fi img{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover;will-change:translate}
@media(prefers-reduced-motion:reduce){[data-plx] .fi img{translate:none!important}}
.dn-vt-l{font-size:44px;letter-spacing:.24em}
.dn-vt-xl{font-size:54px;letter-spacing:.22em;gap:0 .3em;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.55)}


.dn-op{position:relative;padding:calc(var(--hd) + 64px) 0 120px;display:grid;grid-template-columns:var(--side) minmax(0,1fr) minmax(0,68%);align-items:start}
.dn-op-ph{grid-column:3;grid-row:1;margin:0}
.dn-op-ph .fi{aspect-ratio:4/3}
.dn-op-head{grid-column:2/4;grid-row:1;justify-self:start;margin-left:calc(32% - 40px);padding-top:56px;z-index:2;display:flex;flex-direction:row-reverse;gap:26px}
.dn-op-tx{grid-column:2/3;grid-row:1;align-self:end;max-width:none;margin:0;padding:0 48px 0 0;font-size:15px;line-height:2.2;letter-spacing:.1em}
.dn-op-tx p{margin:0}.dn-op-tx p+p{margin-top:1.2em}


.dn-yu{padding-top:170px}
.dn-yu-tx{font-size:17px}
.dn-yu-tx p{line-height:2.2}
.dn-wide{margin:110px 0 0}
.dn-wide .fi{aspect-ratio:16/8}
.dn-menu-wrap{display:block;width:fit-content;max-width:calc(100% - 48px);margin:120px auto 0}


.dn-sato{padding-top:180px}
.dn-sato-list .k{font-size:34px;letter-spacing:.14em}
.dn-sato-list .w{font-size:15px}


.dn-sara{margin:150px 0 0;padding:0 var(--side) 0 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.dn-s-a{grid-column:1/9;grid-row:1}.dn-s-a .fi{aspect-ratio:16/10}
.dn-s-b{grid-column:8/13;grid-row:1;margin-top:300px;z-index:2;box-shadow:0 30px 60px rgba(0,0,0,.12)}.dn-s-b .fi{aspect-ratio:4/5}
.dn-s-c{grid-column:2/6;grid-row:2;margin-top:-80px}.dn-s-c .fi{aspect-ratio:3/4}
.dn-s-d{grid-column:6/10;grid-row:2;margin-top:60px}.dn-s-d .fi{aspect-ratio:1/1}
.dn-s-e{grid-column:10/13;grid-row:2;margin-top:220px}.dn-s-e .fi{aspect-ratio:3/4}


.dn-asa{margin-top:180px;padding-left:0}
.dn-asa-in{max-width:none;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 200px;padding-left:0}
.dn-asa-tx{grid-column:2/3;justify-self:start;padding-left:0;max-width:440px;font-size:15.5px}
.dn-asa-head{grid-column:3}
.dn-asa-main{grid-column:1;grid-row:1/span 2;margin-top:0}.dn-asa-main .fi{aspect-ratio:4/3}
.dn-asa-side{grid-column:2/4;grid-row:2;margin-top:56px;padding-right:0;grid-template-columns:1fr 1fr;max-width:520px}
.dn-menu-asa{grid-column:1/-1;margin-top:150px}


.dn-room-ph .fi{aspect-ratio:2.2/1}
@media(max-width:900px){
  .dn-op{grid-template-columns:var(--side) minmax(0,1fr) var(--side);padding-top:var(--hd)}
  .dn-op-ph{grid-column:1/-1;grid-row:1}
  .dn-op-head{grid-column:2;grid-row:1;justify-self:end;margin:0;padding-top:28px}
  .dn-op-tx{grid-column:2;grid-row:2;padding:48px 0 0}
  .dn-asa{padding-left:var(--side)}
  .dn-asa-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .dn-asa-head{grid-column:1/-1;grid-row:auto}
  .dn-asa-tx{grid-column:1/-1;grid-row:auto}
  .dn-asa-main{grid-column:1/-1;grid-row:auto;margin:40px calc(var(--side) * -1) 0}
  .dn-asa-side{grid-column:1/-1;grid-row:auto}
  .dn-sara{padding:0 var(--side)}
}
@media(max-width:760px){
  .dn-vt-xl{font-size:34px}.dn-vt-l{font-size:30px}
  .dn-op-ph .fi{aspect-ratio:3/4}
  .dn-yu{padding-top:110px}.dn-yu-tx{font-size:15px}
  .dn-wide .fi{aspect-ratio:4/3}
  .dn-sato-list .k{font-size:28px}
  .dn-sara{grid-template-columns:1fr 1fr;gap:12px;margin-top:80px}
  .dn-s-a{grid-column:1/-1;margin:0 calc(var(--side) * -1)}
  .dn-s-b{grid-column:2;grid-row:2;margin-top:-60px}
  .dn-s-c{grid-column:1;grid-row:2;margin-top:24px}
  .dn-s-d{grid-column:1;grid-row:3;margin-top:-40px}
  .dn-s-e{grid-column:2;grid-row:3;margin-top:24px}
  .dn-room-ph .fi{aspect-ratio:4/3}
}
.dn-menu-asa{justify-self:center;margin-left:auto;margin-right:auto}
@media(max-width:760px){.dn-s-d{margin-top:12px}}




.dn-vt{display:block}
.dn-vt .l{display:block;white-space:nowrap}
.dn-vt .l+.l{margin-right:.5em}
.dn-vt-xl{font-size:clamp(36px,3.4vw,54px);gap:0}
.dn-op-head{padding-top:48px}
.dn-op-tx .dn-op-k{font-size:12px;letter-spacing:.6em;color:rgba(255,255,255,.55);margin:0 0 18px}


.dn-hira{max-width:1180px;margin:0 auto;padding:170px var(--side) 0}
.dn-hira-head{display:flex;align-items:baseline;gap:28px;margin-bottom:28px}
.dn-hira-head h2{margin:0;font-weight:400;font-size:26px;letter-spacing:.3em}
.dn-hira-head p{margin:0;font-size:13px;letter-spacing:.14em;color:var(--sub)}
.dn-hira-ph .fi{aspect-ratio:16/9;background:var(--shade)}
.dn-hira-tx{margin:44px auto 0;text-align:center;font-size:16px;line-height:2.3;letter-spacing:.12em}
.dn-hira .dn-menu-wrap{margin-top:110px}


.dn-tate{margin-top:180px;display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:0 clamp(40px,6vw,110px);align-items:center;padding-right:var(--side)}
.dn-tate-ph .fi{aspect-ratio:4/5}.dn-tate-ph img{width:100%;height:100%;object-fit:cover}
.dn-tate-tx{writing-mode:vertical-rl;height:560px;justify-self:center;font-size:16px;line-height:2.25;letter-spacing:.16em}
.dn-tate-tx h2{margin:0 0 0 2.2em;font-weight:400;font-size:30px;letter-spacing:.3em;line-height:1.2}
.dn-tate-tx p{margin:0 0 0 1.4em}
.dn-tate-tx p:last-child{margin-left:0}


.dn-sara{margin-top:150px}


.dn-asa{margin-top:180px;padding:140px var(--side) 130px;background:#f4efe6}
.dn-asa-c{max-width:640px;margin:0 auto;text-align:center}
.dn-asa-c h2{margin:0;font-weight:400;font-size:26px;letter-spacing:.4em}
.dn-asa-t{margin:10px 0 0;font-size:13px;letter-spacing:.14em;color:var(--sub)}
.dn-asa-c p:last-child{margin:36px 0 0;font-size:15px;line-height:2.3;letter-spacing:.1em}
.dn-asa-row{max-width:1180px;margin:72px auto 0;display:grid;grid-template-columns:3fr 4fr 3fr;gap:20px;align-items:end}
.dn-asa-row .fi{aspect-ratio:3/4}.dn-asa-row figure:nth-child(2) .fi{aspect-ratio:4/5}
.dn-asa-row figure:nth-child(1){margin-bottom:60px}
.dn-asa-row img{width:100%;height:100%;object-fit:cover}
.dn-asa .dn-menu-asa{margin-top:110px}


.dn-kame{position:relative;margin-top:0}
.dn-kame-ph .fi{aspect-ratio:2.2/1;background:#000}
.dn-kame-ph .fi::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0) 45%)}
.dn-kame-tx{position:absolute;left:var(--side);bottom:56px;max-width:420px;color:#fff}
.dn-kame-tx h2{margin:0 0 12px;font-weight:400;font-size:22px;letter-spacing:.3em}
.dn-kame-tx p{margin:0;font-size:14px;line-height:2.1;letter-spacing:.1em}
@media(max-width:900px){
  .dn-tate{grid-template-columns:minmax(0,1fr);padding:0 var(--side);gap:48px}
  .dn-tate-ph{margin:0 calc(var(--side) * -1)}
  .dn-tate-tx{height:auto;writing-mode:horizontal-tb;justify-self:stretch}
  .dn-tate-tx h2{margin:0 0 20px;font-size:24px}
  .dn-tate-tx p{margin:0 0 1em}
}
@media(max-width:760px){
  .dn-hira{padding-top:110px}.dn-hira-head{flex-direction:column;gap:6px}
  .dn-hira-ph{margin:0 calc(var(--side) * -1)}.dn-hira-ph .fi{aspect-ratio:4/3}
  .dn-hira-tx{text-align:left;font-size:15px}
  .dn-tate{margin-top:110px}
  .dn-asa{margin-top:110px;padding:96px var(--side) 90px}
  .dn-asa-c{text-align:left}
  .dn-asa-row{grid-template-columns:1fr 1fr;gap:12px}
  .dn-asa-row figure:nth-child(2){grid-column:1/-1;grid-row:1}
  .dn-asa-row figure:nth-child(1){margin-bottom:0}
  .dn-kame-ph .fi{aspect-ratio:3/4}
  .dn-kame-tx{right:var(--side);bottom:36px}
}
.dn-op{grid-template-columns:minmax(0,32%) minmax(0,68%)}
.dn-op-ph{grid-column:2}
.dn-op-head{grid-column:2;justify-self:start;margin-left:0;padding-left:clamp(40px,5vw,96px)}
.dn-op-tx{grid-column:1;padding:0 clamp(32px,3.5vw,64px) 0 clamp(24px,5vw,120px);font-size:15px}
@media(max-width:900px){
  .dn-op{grid-template-columns:var(--side) minmax(0,1fr) var(--side)}
  .dn-op-ph{grid-column:1/-1}
  .dn-op-head{grid-column:2;justify-self:end;padding-left:0}
  .dn-op-tx{grid-column:2;padding:48px 0 0}
}


.dn-op-head{padding-top:72px}


.dn-big{position:relative;margin-top:0;overflow:hidden}
.dn-big-ph .fi{aspect-ratio:16/9;background:#000}
.dn-big-ph .fi::after{content:"";position:absolute;inset:0;background:linear-gradient(to left,rgba(0,0,0,.62),rgba(0,0,0,.08) 46%,rgba(0,0,0,0))}
.dn-big-head{position:absolute;top:clamp(56px,7vw,120px);right:clamp(40px,7vw,140px);display:flex;flex-direction:row-reverse;align-items:flex-start;gap:28px;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.45)}
.dn-big-k{writing-mode:vertical-rl;margin:0;font-size:12.5px;letter-spacing:.6em;opacity:.8;line-height:1}
.dn-vt-l{font-size:clamp(30px,3vw,46px)}
.dn-big-tx{position:absolute;right:clamp(40px,7vw,140px);bottom:clamp(40px,5vw,80px);margin:0;color:rgba(255,255,255,.9);font-size:14.5px;line-height:2.1;letter-spacing:.12em;text-align:right}
.dn-big+.dn-menu-wrap{margin-top:120px}


.dn-tate{margin-top:190px;grid-template-columns:minmax(0,56%) minmax(0,1fr);position:relative;align-items:start}
.dn-tate-ph{grid-column:1;grid-row:1}.dn-tate-ph .fi{aspect-ratio:4/5}
.dn-tate-s{grid-column:1/3;grid-row:1;align-self:end;justify-self:start;margin-left:calc(56% - 140px);margin-bottom:-90px;width:clamp(200px,22vw,340px);z-index:2;box-shadow:0 30px 60px rgba(0,0,0,.16)}
.dn-tate-s .fi{aspect-ratio:1/1}.dn-tate-s img{width:100%;height:100%;object-fit:cover}
.dn-tate-tx{grid-column:2;grid-row:1;height:620px;margin-top:40px}
.dn-tate-tx h2{font-size:clamp(28px,2.6vw,40px)}
.dn-sara{margin-top:220px}


.dn-asa2{margin-top:190px;background:#f4efe6;padding:0 var(--side) 130px 0;display:grid;grid-template-columns:minmax(0,58%) minmax(0,1fr);gap:0 clamp(40px,6vw,110px);position:relative}
.dn-asa2-ph{grid-column:1;grid-row:1/span 2;margin-top:-80px}.dn-asa2-ph .fi{aspect-ratio:4/5}
.dn-asa2-s{grid-column:1/3;grid-row:2;align-self:end;justify-self:start;margin-left:calc(58% - 120px);margin-bottom:-60px;width:clamp(180px,18vw,280px);z-index:2;box-shadow:0 26px 50px rgba(0,0,0,.14)}
.dn-asa2-s .fi{aspect-ratio:3/4}.dn-asa2-s img{width:100%;height:100%;object-fit:cover}
.dn-asa2-tx{grid-column:2;grid-row:1;padding-top:110px;display:grid;grid-template-columns:1fr auto;gap:0 28px;align-items:start}
.dn-asa2-tx .dn-big-k{grid-column:2;grid-row:1;color:var(--sub)}
.dn-asa2-tx .dn-vt{grid-column:1;grid-row:1;justify-self:end}
.dn-asa2-p{grid-column:1/-1;margin:48px 0 0;max-width:420px;font-size:15px;line-height:2.3;letter-spacing:.1em}
.dn-asa2-w{grid-column:2;grid-row:2;align-self:end;margin-top:80px}.dn-asa2-w .fi{aspect-ratio:3/2}.dn-asa2-w img{width:100%;height:100%;object-fit:cover}
.dn-asa2 .dn-menu-asa{grid-column:1/-1;margin-top:150px}
@media(max-width:900px){
  .dn-big-ph .fi{aspect-ratio:3/4}
  .dn-big-ph .fi::after{background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,.1) 50%,rgba(0,0,0,.3))}
  .dn-big-head{top:48px;right:var(--side)}
  .dn-big-tx{right:var(--side);left:var(--side);bottom:32px}
  .dn-tate{grid-template-columns:minmax(0,1fr)}
  .dn-tate-s{grid-column:1;margin:-80px var(--side) 0 auto;align-self:auto;justify-self:end;width:46%;grid-row:2}
  .dn-tate-tx{grid-column:1;grid-row:3;margin-top:48px}
  .dn-asa2{grid-template-columns:minmax(0,1fr);padding:0 var(--side) 96px}
  .dn-asa2-ph{grid-column:1;grid-row:1;margin:-60px calc(var(--side) * -1) 0}
  .dn-asa2-s{grid-column:1;grid-row:2;margin:-80px 0 0 auto;width:46%;justify-self:end;align-self:auto}
  .dn-asa2-tx{grid-column:1;grid-row:3;padding-top:48px}
  .dn-asa2-w{grid-column:1;grid-row:4;margin-top:48px}
}
.dn-s-a .fi{aspect-ratio:3/2}
.dn-s-b{margin-top:260px}.dn-s-b .fi{aspect-ratio:4/5}
.dn-s-c{grid-column:2/6;margin-top:-40px}.dn-s-c .fi{aspect-ratio:3/4}
.dn-s-d{grid-column:7/11;margin-top:120px}.dn-s-d .fi{aspect-ratio:4/3}
@media(max-width:760px){.dn-s-c{grid-column:1;grid-row:2;margin-top:24px}.dn-s-d{grid-column:2;grid-row:2;margin-top:-60px}}
.dn-vt rt{font-size:.32em;letter-spacing:.1em}


.dn-br,.dn-br p{word-break:keep-all;overflow-wrap:anywhere;line-break:strict}
.dn-op-tx p{font-size:16px;line-height:2.2}
.dn-tate-tx{height:auto;max-height:none}
.dn-tate-tx p{margin-left:1.8em}
.dn-asa2-p{max-width:none}
.dn-asa2-t{margin-top:20px;color:var(--sub);font-size:14px}
.dn-br h2{word-break:keep-all}
@media(max-width:900px){.dn-tate-tx p{margin-left:0}}
.dn-tate-tx h2{line-height:1.5}
.dn-tate-tx h2 br+*{margin:0}


.dn-tate{grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:0 clamp(48px,6vw,120px)}
.dn-tate-s{margin-left:calc(46% - 140px)}
.dn-tate-tx{justify-self:end;font-size:15.5px;line-height:2.2}


.dn-asa2{padding-bottom:0}
.dn-asa-menu{background:#f4efe6;padding:150px var(--side) 140px;text-align:center}
.dn-asa-menu .dn-menu-wrap{margin:0 auto}
.dn-asa-menu .dn-oshi{background:#fbf8f2}
.dn-menu-wrap{text-align:center}
.dn-oshi{text-align:left}
.dn-oshi-in{height:400px}
.dn-oshi small{word-break:keep-all}
@media(max-width:760px){.dn-asa-menu{padding:96px var(--side) 90px}.dn-oshi-in{height:400px}}
.dn-asa-menu .dn-oshi-in{height:340px}


.dn-tate{grid-template-columns:minmax(0,1fr) max-content;gap:0 clamp(56px,6vw,120px);padding-right:clamp(40px,6vw,120px)}
.dn-tate-ph{grid-column:1}
.dn-tate-s{grid-column:1;justify-self:end;margin-left:0;margin-right:-28px}
.dn-tate-tx{grid-column:2;justify-self:start;height:600px}
@media(max-width:900px){.dn-tate{grid-template-columns:minmax(0,1fr);padding-right:var(--side)}.dn-tate-s{margin-right:0}.dn-tate-tx{grid-column:1;height:auto}}
.dn-tate-tx{height:720px;font-size:15px;line-height:2.15}
.dn-tate-tx p{margin-left:1.6em}


.dn-sara{padding:0 var(--side)}
.dn-s .fi{aspect-ratio:3/2!important}
.dn-s-a{grid-column:1/8;grid-row:1;margin:0}
.dn-s-b{grid-column:8/13;grid-row:1;margin-top:240px}
.dn-s-c{grid-column:2/8;grid-row:2;margin-top:-20px}
.dn-s-d{grid-column:8/12;grid-row:2;margin-top:180px}
@media(max-width:760px){
  .dn-sara{grid-template-columns:1fr;gap:16px}
  .dn-s-a,.dn-s-b,.dn-s-c,.dn-s-d{grid-column:1;grid-row:auto;margin:0}
  .dn-s-a{margin:0 calc(var(--side) * -1)}
}


:root{--t-display:48px;--t-title:36px;--t-h:24px;--t-lead:20px;--t-body:17px;--t-sub:14px;--t-note:13px}
@media(max-width:760px){:root{--t-display:34px;--t-title:28px;--t-h:21px;--t-lead:18px;--t-body:16px;--t-sub:13.5px;--t-note:12.5px}}
body{font-size:var(--t-body)}


main p,main li,main dd,main td,.dn-oshi-in,.yuh-tx,.yb-tx,.s3-tx p,.dn-asa2-p,.dn-op-tx p,.dn-tate-tx p,.dn-kame-tx p,.dn-hira-tx,.ori-tx p{font-size:var(--t-body)!important}


.lead,.jo-lines2 p,.yu-tx .lead{font-size:var(--t-lead)!important}


main th,main dt,.yb-kind,.yb-sp,.rt-from,.rt-time,.yuh-ad,.yu-cap,.dn-menu-k,.s3-hd-tx p,.dn-hira-head p,.dn-asa-t,.dn-time,.g-ctl,.dn-info dd,.s3-ad,.yuh-rt li,.yuh-rt small,.fv-step,.fv-num,.go,.ft p,.ft li,.menu nav a{font-size:var(--t-sub)!important}


main small,.note,figcaption,.sk-note,.sl-n,.hk-by,.jo-time span,.ori-en,.dn-oshi :is(h3,h4),.dn-oshi small,.s3-fl-n,.dn-info dt,.ft small,.dk-base small{font-size:var(--t-note)!important}


.s3-hd-tx h1,.s3-h,.yb-n,.dn-hira-head h2,.dn-asa-c h2,.dn-kame-tx h2,.s3-rm li,.dn-sato-list .k,.tm-t{font-size:var(--t-h)!important}


.sec-head h2,.yu-head :is(h1,h2),.obi-catch,.hk,.dn-vt-l,.dn-tate-tx h2,.yuh-head h2,.fv-c .l{font-size:var(--t-title)!important}


.dn-vt-xl{font-size:var(--t-display)!important}


.dn-oshi-in{height:460px}.dn-asa-menu .dn-oshi-in{height:400px}
@media(max-width:760px){.dn-oshi-in{height:440px}.dn-asa-menu .dn-oshi-in{height:380px}}
.s3-rm h3{font-size:var(--t-note)!important}
.s3-h3,.s3-ku{font-size:var(--t-body)!important}
main b{font-size:inherit}
.dn-tate-tx{height:820px}


:root{--t-text:.8s;--t-photo:1s}
.js .rv{transform:translateY(12px)}
.js .rv.d1{transition-delay:.08s}.js .rv.d2{transition-delay:.16s}
.js .ph.pv .fi{transition-duration:1s}


.js .sec-head h2 .l{transition-duration:.9s}
.js .sec-head.in h2 .l:nth-child(1){transition-delay:.05s}
.js .sec-head.in h2 .l:nth-child(2){transition-delay:.3s}
.js .sec-head.in h2 .l:nth-child(3){transition-delay:.55s}


.js .jo-pin.static .jo-lines2 p{transition-duration:1.2s,1.2s,1.4s;transition-delay:calc(var(--i,0) * .1s + .1s)}
.js .jo-pin.in .tb{transition-duration:1s,1.2s}
.js .jo-pin.in .tb-l1{transition-delay:.15s}.js .jo-pin.in .tb-r1{transition-delay:.35s}
.js .jo-pin.in .tb-l2{transition-delay:.55s}.js .jo-pin.in .tb-r2{transition-delay:.75s}
.js .jo-pin.in .tb-l3{transition-delay:.95s}.js .jo-pin.in .tb-r3{transition-delay:1.15s}


.js .yu-cap{transition-delay:.3s}
.js section.band.in .hk:nth-child(1){transition-delay:.1s}
.js section.band.in .hk:nth-child(2){transition-delay:.4s}
.js section.band.in .hk:nth-child(3){transition-delay:.7s}
.js section.band.in .hk-by{transition-delay:1s}
.js .obi .obi-catch{transition-delay:.15s}


.menu nav a{font-size:var(--t-title)!important}
.menu nav a small{font-size:var(--t-note)!important}


.js .jo-pin.static .jo-lines2 p{opacity:0;filter:blur(6px);transform:translateY(-10px);
  transition:opacity 2s cubic-bezier(.22,.61,.36,1),filter 2.2s cubic-bezier(.22,.61,.36,1),transform 2.4s cubic-bezier(.22,.61,.36,1);
  transition-delay:calc(var(--i,0) * .38s + .25s)}
.js .jo-pin.static.in .jo-lines2 p{opacity:1;filter:none;transform:none}


.js .jo-pin .tb{opacity:0;transform:translateY(16px) scale(.985);filter:blur(4px);
  transition:opacity 2s cubic-bezier(.22,.61,.36,1),transform 2.6s cubic-bezier(.22,.61,.36,1),filter 2s cubic-bezier(.22,.61,.36,1)}
.js .jo-pin.in .tb{opacity:1;transform:none;filter:none}
.js .jo-pin.in .tb-l1{transition-delay:.5s}.js .jo-pin.in .tb-r1{transition-delay:1.1s}
.js .jo-pin.in .tb-l2{transition-delay:1.7s}.js .jo-pin.in .tb-r2{transition-delay:2.3s}
.js .jo-pin.in .tb-l3{transition-delay:2.9s}.js .jo-pin.in .tb-r3{transition-delay:3.5s}
@media(prefers-reduced-motion:reduce){.js .jo-pin.static .jo-lines2 p,.js .jo-pin .tb{opacity:1;filter:none;transform:none;transition:none}}


.dn-asa2{grid-template-columns:minmax(0,58%) minmax(0,1fr)}
.dn-asa2-ph{grid-column:1;grid-row:1}
.dn-asa2-tx{grid-column:2;grid-row:1}
.dn-asa2-s{grid-column:1;grid-row:2;justify-self:end;align-self:start;width:46%;margin:72px 0 0;box-shadow:none;z-index:auto}
.dn-asa2-s .fi{aspect-ratio:4/5}
.dn-asa2-w{grid-column:2;grid-row:2;align-self:start;margin:200px 0 0}
.dn-asa2-w .fi{aspect-ratio:3/2}
@media(max-width:900px){
  .dn-asa2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .dn-asa2-ph,.dn-asa2-tx{grid-column:1/-1}
  .dn-asa2-ph{grid-row:1}.dn-asa2-tx{grid-row:2}
  .dn-asa2-s{grid-column:1;grid-row:3;width:auto;justify-self:stretch;margin:40px 0 0}
  .dn-asa2-w{grid-column:2;grid-row:3;margin:96px 0 0}
}


.dn-pair{display:grid;gap:20px;align-items:end}
.dn-pair figure{margin:0}.dn-pair img{width:100%;height:100%;object-fit:cover}


.dn-tate{align-items:center}
.dn-tate-pair{grid-column:1;grid-row:1;grid-template-columns:1fr 1fr;padding-left:var(--side)}
.dn-tate-pair .fi{aspect-ratio:4/5}
.dn-tate-pair figure:nth-child(2){margin-bottom:64px}
.dn-tate-tx{grid-column:2;grid-row:1;align-self:center;height:620px;margin:0}


.dn-asa2{grid-template-columns:minmax(0,58%) minmax(0,1fr);align-items:start}
.dn-asa2-ph{grid-column:1;grid-row:1}
.dn-asa2-tx{grid-column:2;grid-row:1}
.dn-asa2-pair{grid-column:1/-1;grid-row:2;grid-template-columns:2fr 3fr;margin:96px 0 0 var(--side)}
.dn-asa2-pair figure:nth-child(1) .fi{aspect-ratio:1/1}
.dn-asa2-pair figure:nth-child(2) .fi{aspect-ratio:3/2}
.dn-asa2{padding-bottom:0}
@media(max-width:900px){
  .dn-tate-pair{grid-column:1;padding:0}
  .dn-tate-pair figure:nth-child(2){margin-bottom:0}
  .dn-tate-tx{grid-column:1;grid-row:2;height:auto;margin-top:48px}
  .dn-asa2{grid-template-columns:minmax(0,1fr)}
  .dn-asa2-ph,.dn-asa2-tx,.dn-asa2-pair{grid-column:1}
  .dn-asa2-tx{grid-row:2}.dn-asa2-pair{grid-row:3;margin:40px 0 0;gap:12px}
}
.dn-tate{grid-template-columns:minmax(0,1.1fr) max-content}
.dn-tate-tx{height:860px}
@media(max-width:900px){.dn-tate{grid-template-columns:minmax(0,1fr)}.dn-tate-tx{height:auto}}


.dn-tate{display:block;padding:0 var(--side)}
.dn-tate-tx{width:fit-content;height:600px;margin:0 auto}
.dn-tate-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1180px;margin:110px auto 0;padding:0}
.dn-tate-pair .fi{aspect-ratio:3/2}
.dn-tate-pair figure:nth-child(2){margin-bottom:0;margin-top:80px}
@media(max-width:900px){.dn-tate-tx{width:auto;height:auto}.dn-tate-pair{margin-top:48px;gap:12px}.dn-tate-pair figure:nth-child(2){margin-top:40px}}
.dn-tate-tx{height:520px}
.dn-tate-pair{margin-top:96px}
.dn-s-b{box-shadow:none}




.dn-tate-pair{max-width:none;margin:120px calc(var(--side) * -1) 0;padding:0 var(--side) 0 0;grid-template-columns:60fr 7fr 33fr;gap:0;align-items:start}
.dn-tate-pair figure:nth-child(1){grid-column:1}
.dn-tate-pair figure:nth-child(2){grid-column:3;margin-top:220px}
.dn-tate-pair .fi{aspect-ratio:3/2}


.dn-sara{padding:0;gap:0;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:200px}
.dn-s-a{grid-column:1/9;grid-row:1;margin:0}
.dn-s-b{grid-column:10/12;grid-row:1;margin-top:300px}
.dn-s-c{grid-column:3/7;grid-row:2;margin-top:120px}
.dn-s-d{grid-column:8/13;grid-row:2;margin-top:300px}


.dn-asa2{padding-right:0}
.dn-asa2-pair{margin:110px 0 0 var(--side);grid-template-columns:30fr 10fr 60fr;gap:0;align-items:start}
.dn-asa2-pair figure:nth-child(1){grid-column:1}
.dn-asa2-pair figure:nth-child(2){grid-column:3;margin-top:180px}
.dn-asa2-pair figure:nth-child(1) .fi{aspect-ratio:4/5}
.dn-asa-menu{padding-top:170px}
@media(max-width:900px){
  .dn-tate-pair{grid-template-columns:7fr 1fr 4fr;margin:56px calc(var(--side) * -1) 0}
  .dn-tate-pair figure:nth-child(2){margin-top:120px}
  .dn-sara{grid-template-columns:repeat(12,minmax(0,1fr))}
  .dn-s-a{grid-column:1/12}.dn-s-b{grid-column:7/13;grid-row:2;margin-top:24px}
  .dn-s-c{grid-column:1/8;grid-row:3;margin-top:24px}.dn-s-d{grid-column:4/13;grid-row:4;margin-top:24px}
  .dn-asa2-pair{grid-template-columns:4fr 1fr 7fr;margin:40px 0 0}
  .dn-asa2-pair figure:nth-child(2){margin-top:96px}
}
.dn-s-b{grid-column:9/12;margin-top:280px}
@media(max-width:900px){.dn-s-b{grid-column:6/13}}




.dn-tate{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:0 clamp(56px,6vw,120px);padding:0 clamp(40px,6vw,120px) 0 0;align-items:start;margin-top:190px}
.dn-tate-photos{grid-column:1;grid-row:1}
.dn-tate-ph .fi{aspect-ratio:4/5}
.dn-tate-s2{width:46%;margin:28px 0 0 auto}.dn-tate-s2 .fi{aspect-ratio:3/2}.dn-tate-s2 img{width:100%;height:100%;object-fit:cover}
.dn-tate-tx{grid-column:2;grid-row:1;width:auto;height:560px;margin:80px 0 0;align-self:start}


.dn-gal{margin-top:190px;padding:120px var(--side) 110px}
.dn-gal .s3-gal{max-width:1080px;margin:0 auto}
.dn-gal .s3-gal .sl{background:#000}
.dn-gal .g-ctl{color:rgba(255,255,255,.6)}.dn-gal .g-ctl .sl-b{color:#fff}
.dn-gal .g-ths{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}


.dn-asa3{margin-top:0;background:#f4efe6;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,58%);gap:0 clamp(48px,6vw,110px);padding:150px 0 0 clamp(40px,6vw,120px);align-items:start}
.dn-asa3-ph{grid-column:2;grid-row:1/span 2}.dn-asa3-ph .fi{aspect-ratio:4/5}
.dn-asa3-tx{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr auto;gap:0 28px;align-items:start}
.dn-asa3-tx .dn-vt{grid-column:2;grid-row:1}
.dn-asa3-tx .dn-asa2-p{grid-column:1;grid-row:1;margin:12px 0 0;align-self:start}
.dn-asa3-w{grid-column:1;grid-row:2;margin-top:72px;align-self:end}.dn-asa3-w .fi{aspect-ratio:3/2}.dn-asa3-w img{width:100%;height:100%;object-fit:cover}
.dn-asa-menu{padding-top:150px}
@media(max-width:900px){
  .dn-tate{grid-template-columns:minmax(0,1fr);padding:0}
  .dn-tate-photos{padding-right:var(--side)}
  .dn-tate-tx{grid-column:1;grid-row:2;height:auto;margin:48px var(--side) 0}
  .dn-asa3{grid-template-columns:minmax(0,1fr);padding:96px 0 0}
  .dn-asa3-ph{grid-column:1;grid-row:1;margin-left:var(--side)}
  .dn-asa3-tx{grid-column:1;grid-row:2;margin:48px var(--side) 0;grid-template-columns:1fr}
  .dn-asa3-tx .dn-vt{grid-column:1;justify-self:end}.dn-asa3-tx .dn-asa2-p{grid-row:2;margin-top:32px}
  .dn-asa3-w{grid-row:3;margin:40px var(--side) 0}
  .dn-gal{padding:72px var(--side)}
}
.g-ctl .sl-b{position:static;transform:none;width:auto;height:auto;background:none;opacity:.75}
.g-ctl .sl-b i{display:none}
.dn-tate-s2{width:62%}
.dn-tate{grid-template-columns:minmax(0,1.25fr) max-content}


.dn-asa3{grid-template-columns:minmax(0,1fr) minmax(0,54%)}
.dn-asa3-ph .fi{aspect-ratio:3/4}
.dn-asa3-w{width:62%;margin:96px 0 0;align-self:start;justify-self:start}
@media(max-width:900px){.dn-asa3-w{width:70%}}


.dn-tate-s2{width:52%;margin:40px 0 0 62%}
@media(max-width:900px){.dn-tate-s2{width:60%;margin:24px 0 0 auto}}


.dn-asa3{max-width:none;padding:140px 0 0;display:block}
.dn-asa3>*{box-sizing:border-box}
.dn-asa3{--w:min(1440px,100%)}
.dn-asa3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,760px);gap:0 clamp(48px,5vw,96px);max-width:1440px;margin-left:auto;margin-right:auto;padding:140px clamp(40px,6vw,120px) 0;align-items:start}
.dn-asa3-ph{grid-column:2;grid-row:1/span 2}.dn-asa3-ph .fi{aspect-ratio:3/2}
.dn-asa3-tx{grid-column:1;grid-row:1}
.dn-asa3-w{grid-column:1;grid-row:2;width:min(100%,400px);margin:56px 0 0;justify-self:start;align-self:end}
.dn-asa3-w .fi{aspect-ratio:3/2}


section.dn-asa3{box-shadow:0 0 0 100vmax #f4efe6;clip-path:inset(0 -100vmax)}
@media(max-width:900px){
  .dn-asa3{grid-template-columns:minmax(0,1fr);padding:96px var(--side) 0}
  .dn-asa3-ph{grid-column:1;grid-row:1;margin:0}
  .dn-asa3-tx{grid-row:2;margin:48px 0 0}
  .dn-asa3-w{grid-row:3;width:62%;margin-top:40px}
}
@media(min-width:901px){.dn-asa3{grid-template-columns:minmax(480px,1fr) minmax(0,720px);padding-left:80px;padding-right:80px;gap:0 64px}}


[data-page=bath] main{padding-bottom:0}
.on-n{margin:0;font-weight:400;font-size:var(--t-title);letter-spacing:.16em;line-height:1.3;color:inherit}
.on-n ruby rt{font-size:var(--t-note);letter-spacing:.3em}
.on-n small{display:block;margin-top:10px;font-size:var(--t-sub);letter-spacing:.2em;opacity:.7}
.on-item p{margin:22px 0 0;font-size:var(--t-body);line-height:2.2;letter-spacing:.1em}
.on-item p,.on-map-tx{word-break:keep-all;overflow-wrap:anywhere}
.on-h{margin:0;text-align:center;font-weight:400;font-size:var(--t-h);letter-spacing:.3em}


.on-map{padding:170px var(--side) 0;text-align:center}
.on-map-fig{max-width:620px;margin:56px auto 0}
.on-map-tx{margin:28px 0 0;color:var(--sub);font-size:var(--t-sub);letter-spacing:.14em}


.on-cave{margin-top:190px;padding:120px clamp(40px,6vw,120px) 120px 0;display:grid;grid-template-columns:minmax(0,58%) minmax(0,1fr);gap:0 clamp(48px,6vw,110px);align-items:start}
.on-cave-big{grid-column:1;grid-row:1/span 2}.on-cave-big .fi{aspect-ratio:4/3}
.on-cave-tx{grid-column:2;grid-row:1;display:grid;gap:64px;padding-top:24px}
.on-cave-s{grid-column:2;grid-row:2;width:min(100%,360px);margin:72px 0 0;align-self:end}.on-cave-s .fi{aspect-ratio:4/3}
.on-cave-s img{width:100%;height:100%;object-fit:cover}


.on-uchi{max-width:1280px;margin:0 auto;padding:180px var(--side) 0}
.on-uchi-a{display:grid;grid-template-columns:minmax(0,62%) minmax(0,1fr);gap:0 64px;align-items:end}
.on-uchi-a .fi{aspect-ratio:3/2}
.on-uchi-b{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,42%);gap:0 64px;align-items:start;margin-top:150px}
.on-uchi-b .on-item{padding-top:40px;justify-self:end}
.on-uchi-b .fi{aspect-ratio:3/2}
.on-uchi img{width:100%;height:100%;object-fit:cover}


.on-roten{margin-top:190px}
.on-roten .dn-big-ph .fi::after{background:linear-gradient(to left,rgba(0,0,0,.6),rgba(0,0,0,.08) 50%,rgba(0,0,0,0))}
.on-roten-tx{position:absolute;right:clamp(40px,7vw,140px);top:50%;transform:translateY(-50%);color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45);max-width:420px}
.js .on-roten-tx.rv{transform:translateY(calc(-50% + 12px))}.js .on-roten-tx.rv.in{transform:translateY(-50%)}


.on-sauna{padding:150px clamp(40px,6vw,120px) 150px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,52%) minmax(0,22%);gap:0 clamp(32px,4vw,64px);align-items:start}
.on-sauna .on-item{grid-column:1;grid-row:1;padding-top:40px}
.on-sauna-big{grid-column:2;grid-row:1}.on-sauna-big .fi{aspect-ratio:3/2}
.on-sauna-s{grid-column:3;grid-row:1;margin-top:220px}.on-sauna-s .fi{aspect-ratio:4/5}
.on-sauna img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){
  .on-cave{grid-template-columns:minmax(0,1fr);padding:0 0 80px}
  .on-cave-big{grid-row:1}
  .on-cave-tx{grid-column:1;grid-row:2;padding:56px var(--side) 0;gap:48px}
  .on-cave-s{grid-column:1;grid-row:3;width:62%;margin:48px var(--side) 0 auto}
  .on-uchi{padding-top:110px}
  .on-uchi-a,.on-uchi-b{grid-template-columns:minmax(0,1fr);gap:32px}
  .on-uchi-b{margin-top:96px}.on-uchi-b figure{grid-row:1}.on-uchi-b .on-item{justify-self:start;padding-top:0}
  .on-roten .dn-big-ph .fi::after{background:linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,.1) 60%)}
  .on-roten-tx{top:auto;bottom:36px;left:var(--side);right:var(--side);transform:none}
  .js .on-roten-tx.rv,.js .on-roten-tx.rv.in{transform:none}
  .on-sauna{grid-template-columns:minmax(0,3fr) minmax(0,2fr);padding:96px var(--side)}
  .on-sauna .on-item{grid-column:1/-1;padding:0 0 40px}
  .on-sauna-big{grid-column:1;grid-row:2}.on-sauna-s{grid-column:2;grid-row:2;margin-top:96px}
}


.on-roten .dn-big-ph .fi::after{background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.25) 38%,rgba(0,0,0,0) 60%)}
.on-roten-tx{top:auto;bottom:clamp(40px,5vw,80px);transform:none}
.js .on-roten-tx.rv{transform:translateY(12px)}.js .on-roten-tx.rv.in{transform:none}


.ob{padding:130px var(--side)}
.ob-dk{background:#0b0a09;color:rgba(255,255,255,.88)}
.ob-c{text-align:center}
.ob-h{margin:0 auto 48px}
.ob-c .on-n small{opacity:.65}
.ob-wide{max-width:1080px;margin:0 auto}.ob-wide .fi{aspect-ratio:2/1}
.ob-tx{max-width:640px;margin:44px auto 0;font-size:var(--t-body);line-height:2.2;letter-spacing:.1em;word-break:keep-all;overflow-wrap:anywhere}


.ob-trio{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:10px}
.ob-trio-a{grid-column:1;grid-row:1/span 2}.ob-trio-a .fi{aspect-ratio:4/3;height:100%}
.ob-trio-b{grid-column:2;grid-row:1}.ob-trio-c{grid-column:2;grid-row:2}
.ob-trio-b .fi,.ob-trio-c .fi{height:100%}
.ob-trio figure{margin:0}.ob-trio img,.ob-wide img,.ob-bleed img,.ob-side-s img{width:100%;height:100%;object-fit:cover}


.ob-side{padding:130px 0;display:grid;align-items:center;gap:0 clamp(48px,6vw,110px)}
.ob-l{grid-template-columns:minmax(0,56%) minmax(0,1fr);padding-right:clamp(40px,7vw,140px)}
.ob-r{grid-template-columns:minmax(0,1fr) minmax(0,56%);padding-left:clamp(40px,7vw,140px)}
.ob-bleed{margin:0}.ob-bleed .fi{aspect-ratio:4/3}
.ob-side-tx p{margin:28px 0 0;font-size:var(--t-body);line-height:2.2;letter-spacing:.1em;word-break:keep-all;overflow-wrap:anywhere}
.ob-r .ob-side-tx{justify-self:end}
.ob-side-s{width:min(100%,300px);margin:44px 0 0}.ob-side-s .fi{aspect-ratio:3/2}
[data-page=bath] .on-map{padding-bottom:150px}
@media(max-width:900px){
  .ob{padding:90px var(--side)}
  .ob-wide{margin:0 calc(var(--side) * -1)}.ob-wide .fi{aspect-ratio:3/2}
  .ob-trio{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
  .ob-trio-a{grid-column:1/-1;grid-row:1}.ob-trio-b{grid-column:1;grid-row:2}.ob-trio-c{grid-column:2;grid-row:2}
  .ob-trio-b .fi,.ob-trio-c .fi{aspect-ratio:3/2;height:auto}
  .ob-side,.ob-l,.ob-r{grid-template-columns:minmax(0,1fr);padding:90px 0}
  .ob-r .ob-bleed{grid-row:1}
  .ob-side-tx{padding:40px var(--side) 0}.ob-r .ob-side-tx{justify-self:start}
}


.yc{margin-top:0}
.yc+.yc{border-top:1px solid rgba(255,255,255,.06)}
.yc .yu-cave img{object-position:var(--pc,50% 55%)}
.yc .yu-head :is(h1,h2) .l{display:block}
.yc .yu-head :is(h1,h2){display:flex;flex-direction:row;gap:0 .5em}
.yc-l .yu-head{right:auto;left:var(--side)}
.yc-l .yu-cave::after{background:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,0) 38%),linear-gradient(0deg,rgba(0,0,0,.45),rgba(0,0,0,0) 30%)}
.yc-l .yu-cap{left:auto;right:var(--side)}
.yc-cap{display:flex;align-items:baseline;gap:14px}
.yc-cap ruby rt{font-size:var(--t-note)}
.yc-cap small{font-size:var(--t-sub)!important;opacity:.75}
.yc .yu-body{padding-bottom:150px}
.yc .yu-tx .on-n{color:#fff}
.yc .yu-tx p{margin-top:1.6em;color:rgba(255,255,255,.78)}
.yc-l .yu-tx{grid-column:8/13}
.yc-l .yu-f1{grid-column:1/7;margin-right:0;margin-left:calc(var(--side) * -1)}
.yc-l .yu-f2{grid-column:8/13}
.yc .yu-f2{margin-top:-40px}


.yc-map{background:#f4efe6;color:var(--ink);padding:150px var(--side)}
.yc-map-in{text-align:center}
@media(max-width:760px){
  .yc-l .yu-head{left:var(--side)}
  .yc-l .yu-tx,.yc-l .yu-f1,.yc-l .yu-f2{grid-column:auto}
  .yc .yu-f2{margin-top:56px}
  .yc .yu-body{padding-bottom:90px}
  .yc-map{padding:96px var(--side)}
}
.yc .yu-head :is(h1,h2){display:block}
.yc .yu-head :is(h1,h2) .l{display:block;white-space:nowrap}
.yc .yu-head :is(h1,h2) .l+.l{margin-right:.4em}
.yc-l .yu-head :is(h1,h2) .l+.l{margin-right:.4em}


.yc .yu-body{row-gap:72px}
.yc-item{grid-column:1/6;max-width:440px;justify-self:center}
.yc-l .yc-item{grid-column:8/13}
.yc-item .on-n{color:#fff}
.yc-item p{margin-top:1.4em;color:rgba(255,255,255,.78);font-size:var(--t-body);line-height:2.2;letter-spacing:.1em;word-break:keep-all;overflow-wrap:anywhere}
.yc .yu-body .yc-item+.yc-item{grid-row:2}
.yc .yu-f1{grid-row:1/span 2}
.yc-l .yu-f1{grid-column:1/7}
.yc .yu-f2{grid-column:1/6;grid-row:3;margin-top:0}
.yc-l .yu-f2{grid-column:8/13}


.yc-hist{background:#f4efe6;padding:160px clamp(40px,6vw,120px) 160px 0;display:grid;grid-template-columns:minmax(0,52%) minmax(0,1fr);gap:0 clamp(48px,6vw,110px);align-items:start}
.yc-hist-ph{grid-column:1;grid-row:1/span 2}.yc-hist-ph .fi{aspect-ratio:4/5}
.yc-hist-tx{grid-column:2;grid-row:1;display:flex;flex-direction:row-reverse;gap:clamp(32px,4vw,64px);justify-self:end}
.yc-nen{writing-mode:vertical-rl;list-style:none;margin:0;padding:0;height:420px;display:block}
.yc-nen li{display:block;margin:0 0 0 1.6em;font-size:var(--t-body);letter-spacing:.14em;line-height:1.9}
.yc-nen .y{display:block;font-size:var(--t-sub);color:var(--sub);letter-spacing:.3em;margin-left:.2em}
.yc-nen .t{word-break:keep-all}
.yc-hist-s{grid-column:2;grid-row:2;width:min(100%,380px);margin-top:72px}.yc-hist-s .fi{aspect-ratio:3/2}
.yc-hist img{width:100%;height:100%;object-fit:cover}


.yc-end{background:#0b0a09;color:rgba(255,255,255,.88);padding:160px clamp(40px,6vw,120px);display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:0 clamp(48px,6vw,110px);align-items:start}
.yc-end-head{grid-column:2;grid-row:1}
.yc-end-body{grid-column:1;grid-row:1;max-width:640px;justify-self:end}
.yc-end .s3-fl .fr{fill:#1a1917}.yc-end .s3-fl .fb{fill:#2a2e2b}.yc-end .s3-fl .fc{fill:#151412}
.yc-end .s3-fl rect{stroke:#4a4741}.yc-end .s3-fl text{fill:#fff}.yc-end .s3-fl .fs{fill:rgba(255,255,255,.6)}
.yc-end .s3-fl a:hover rect{fill:#3a403c}
.yc-end-tx{margin:40px 0 0;font-size:var(--t-body);line-height:2.2;letter-spacing:.1em;word-break:keep-all}
.yc-end-dl{margin:28px 0 32px}.yc-end-dl div{display:flex;gap:18px;padding:6px 0}.yc-end-dl dt{color:rgba(255,255,255,.55);font-size:var(--t-sub)}.yc-end-dl dd{margin:0}
@media(max-width:900px){
  .yc-item,.yc-l .yc-item{grid-column:1/-1;justify-self:start}
  .yc .yu-f1,.yc-l .yu-f1,.yc .yu-f2,.yc-l .yu-f2{grid-column:1/-1;grid-row:auto}
  .yc-hist{grid-template-columns:minmax(0,1fr);padding:0 var(--side) 96px}
  .yc-hist-ph{grid-row:1;margin:0 calc(var(--side) * -1)}
  .yc-hist-tx{grid-column:1;grid-row:2;margin-top:56px;justify-self:end}
  .yc-nen{height:360px}
  .yc-hist-s{grid-column:1;grid-row:3;width:70%}
  .yc-end{grid-template-columns:minmax(0,1fr);padding:96px var(--side)}
  .yc-end-head{grid-column:1;grid-row:1;justify-self:end}
  .yc-end-body{grid-column:1;grid-row:2;justify-self:stretch;margin-top:48px}
}


.yc-hist{grid-template-columns:minmax(0,1fr) max-content}
.yc-hist-tx{justify-self:start}
.yc-nen{height:auto;max-height:none}
.yc-nen li{margin:0 0 0 1.2em;font-size:var(--t-body);letter-spacing:.14em;line-height:1.9;word-break:keep-all;white-space:normal}
.yc-hist-tx{height:560px}
.yc-nen{height:100%}
@media(max-width:900px){.yc-hist{grid-template-columns:minmax(0,1fr)}.yc-hist-tx{height:440px;justify-self:end}}


[data-page=stay] main{padding-bottom:0}
.yc .yu-tx p.dn-br{margin-top:0;color:rgba(255,255,255,.82);font-size:var(--t-body);line-height:2.2;letter-spacing:.1em}


.hy-names{background:#f4efe6;padding:160px clamp(40px,6vw,120px);display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:0 clamp(48px,6vw,110px);align-items:start}
.hy-names-head{grid-column:2;grid-row:1}
.hy-names-body{grid-column:1;grid-row:1;min-width:0}
.hy-names-tx{margin:0;font-size:var(--t-body);line-height:2.2;letter-spacing:.1em}
.hy-list{display:grid;gap:28px;margin:48px 0 0}
.hy-fl-n{margin:0 0 10px;font-size:var(--t-sub);letter-spacing:.3em;color:var(--sub)}
.hy-fl ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px 40px}
.hy-fl li{font-size:var(--t-h);letter-spacing:.16em;line-height:1.6}
.hy-fl li rt{font-size:var(--t-note);letter-spacing:.2em}
.hy-map{margin:64px 0 0}
.hy-map .s3-fl{min-width:0}
@media(max-width:900px){
  .hy-names{grid-template-columns:minmax(0,1fr);padding:96px var(--side)}
  .hy-names-head{grid-column:1;justify-self:end}
  .hy-names-body{grid-row:2;margin-top:48px}
  .hy-map{overflow-x:auto}.hy-map .s3-fl{min-width:680px}
}


.hy-fl li{font-size:var(--t-title);letter-spacing:.14em}
.hy-fl ul{gap:18px 48px}
.hy-gal{margin-top:0}



.pl-wrap{max-width:1320px;margin:clamp(56px,7vw,104px) auto 0;padding:0 clamp(20px,4vw,56px);display:grid;gap:clamp(40px,5vw,72px)}
.pl-floor{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:start}
.pl-fl{writing-mode:vertical-rl;font-family:var(--serif,"Shippori Mincho",serif);font-size:var(--t-h);letter-spacing:.4em;color:#3a352e;margin:0;padding-top:.2em}
.pl-svg{min-width:0}
.pl-2{max-width:84%}
.pl{display:block;width:100%;height:auto;overflow:visible}
.pl rect{vector-effect:non-scaling-stroke}
.pl-hl{stroke:#9b9284;stroke-width:1}
.pl-dot{fill:#a8a08f}
.pl-c{fill:url(#pl-hatch);stroke:none;opacity:.55}
.pl-room rect{fill:#f7f2e7;stroke:#2f2a24;stroke-width:1.4}
.pl-room text{text-anchor:middle;font-family:"Shippori Mincho","Yu Mincho",serif;fill:#2a251f}
.pl-room .pl-name{letter-spacing:.06em}
.pl-yomi{font-size:15px;letter-spacing:.2em;fill:#7c7365!important}
.pl-room{cursor:default;transition:opacity .5s ease}
.pl-room rect{transition:fill .5s ease}
.pl:has(.pl-room:hover) .pl-room:not(:hover),.pl:has(.pl-room:focus) .pl-room:not(:focus){opacity:.38}
.pl-room:hover rect,.pl-room:focus rect{fill:#fffdf7}
.pl-room:focus{outline:none}
.pl-pub rect{fill:none;stroke:#8f877a;stroke-width:1}
.pl-pub text{text-anchor:middle;font-family:"Shippori Mincho","Yu Mincho",serif;fill:#6f675a;letter-spacing:.12em}
.pl-bath rect{fill:#dfe3e1;stroke:#6d7570;stroke-width:1}
.pl-bath text{text-anchor:middle;font-family:"Shippori Mincho","Yu Mincho",serif;font-size:22px;fill:#3e4744}
.pl-niwa rect{fill:url(#pl-dots);stroke:#a8a08f;stroke-width:1;stroke-dasharray:3 4}
.pl-niwa text{text-anchor:middle;font-family:"Shippori Mincho","Yu Mincho",serif;font-size:17px;fill:#7c7365;letter-spacing:.3em}
@media (max-width:760px){
 .pl-wrap{padding:0 16px;overflow-x:auto}
 .pl-floor{grid-template-columns:minmax(0,1fr)}
 .pl-fl{writing-mode:horizontal-tb;padding:0}
 .pl-2{max-width:none}
 .pl-svg{overflow-x:auto;-webkit-overflow-scrolling:touch}
 .pl-svg .pl{width:820px;max-width:none}
}
.hy-names>.pl-wrap{grid-column:1/-1;width:100%;box-sizing:border-box}
.pl-svg{width:100%}


.pl-wrap{max-width:1440px;padding:0 clamp(16px,3vw,40px)}
.pl-room rect{stroke-width:1.6}
.pl-room .pl-in{fill:none!important;stroke:#2f2a24;stroke-width:.6;opacity:.7}
.pl-yomi{font-size:22px}
.pl-c{opacity:1}
.pl-hl{stroke:#b7ae9f;stroke-width:1.2}
.pl-pub rect{stroke:#a39a8c}
.pl-bath text{font-size:inherit}
.pl-niwa text{font-size:22px}
.pl-yomi{font-size:20px}
.pl-bath text{fill:#2f3633}
.pl-bath rect{fill:#d6dcd9}
.hy-names>.pl-wrap{margin-top:clamp(40px,4vw,64px)}
@media (max-width:760px){.pl-svg .pl{width:1150px}.pl-2 .pl{width:970px}}
.pl-room .pl-tag{font-size:22px;letter-spacing:.2em;fill:#6f675a;writing-mode:vertical-rl}



.hy-dusk{background:#0d0c0b;color:#f3efe7;padding:0 0 clamp(96px,11vw,180px)}
.hy-dusk-pano .fi{aspect-ratio:21/9}
.hy-dusk-pano img{object-position:50% 55%}
.hy-dusk-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0 clamp(40px,6vw,120px);align-items:start;max-width:1360px;margin:0 auto;padding:0 clamp(24px,5vw,80px)}
.hy-dusk-tx{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:0 clamp(28px,3vw,56px);padding-top:clamp(64px,7vw,112px);justify-self:center}
.hy-dusk-tx .dn-vt{grid-column:1;grid-row:1}
.hy-dusk-tx p{grid-column:2;grid-row:1;align-self:end;font-size:var(--t-body);line-height:2.2;letter-spacing:.08em;color:rgba(243,239,231,.78);max-width:16em;margin:0}
.hy-dusk-s{margin-top:calc(-1 * clamp(56px,6vw,96px));position:relative}
.hy-dusk-s .fi{aspect-ratio:3/2}
.hy-asa{background:#f4efe6;color:#2a251f;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(16px,2vw,32px);padding:clamp(120px,12vw,200px) clamp(24px,5vw,80px) clamp(120px,12vw,200px) 0}
.hy-asa-main{grid-column:1/8;grid-row:1}
.hy-asa-main .fi{aspect-ratio:3/2}
.hy-asa-tx{grid-column:9/13;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:0 clamp(24px,3vw,48px);align-self:center}
.hy-asa-tx .dn-vt{grid-column:2;grid-row:1}
.hy-asa-tx p{grid-column:1;grid-row:1;align-self:end;justify-self:end;font-size:var(--t-body);line-height:2.2;letter-spacing:.08em;color:#4a443b;margin:0}
.hy-asa-a{grid-column:5/11;grid-row:2;margin-top:clamp(72px,8vw,128px)}
.hy-asa-a .fi{aspect-ratio:3/2}
.hy-asa-b{grid-column:2/5;grid-row:2;align-self:end;margin-bottom:calc(-1 * clamp(40px,5vw,80px))}
.hy-asa-b .fi{aspect-ratio:3/2}
@media (max-width:760px){
 .hy-dusk-pano .fi{aspect-ratio:4/3}
 .hy-dusk-in{grid-template-columns:minmax(0,1fr);padding:0 var(--side,20px)}
 .hy-dusk-tx{padding-top:56px;justify-self:stretch}
 .hy-dusk-s{margin-top:56px}
 .hy-asa{grid-template-columns:minmax(0,1fr);padding:96px var(--side,20px);gap:0}
 .hy-asa-main,.hy-asa-tx,.hy-asa-a,.hy-asa-b{grid-column:1;grid-row:auto}
 .hy-asa-main{margin:0 calc(-1 * var(--side,20px))}
 .hy-asa-tx{margin-top:56px}
 .hy-asa-a{margin-top:56px}
 .hy-asa-b{width:62%;margin:24px 0 0;justify-self:end}
}
.hy-dusk-s{margin-top:clamp(64px,7vw,112px)}
.hy-asa-b{margin-bottom:0}



.rm-head{background:#0d0c0b;color:#f3efe7;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,74vw);align-items:end;gap:0 clamp(24px,4vw,64px);padding:clamp(120px,12vw,180px) 0 clamp(80px,9vw,140px) clamp(24px,5vw,80px)}
.rm-name{justify-self:center;align-self:center;writing-mode:vertical-rl;display:block}
.rm-n{margin:0;font-weight:400;font-size:clamp(56px,6.4vw,96px);letter-spacing:.3em;line-height:1.3}
.rm-n rt{font-size:var(--t-sub);letter-spacing:.4em;color:rgba(243,239,231,.7)}
.rm-spec{margin:0 1.6em 0 0;padding-top:.4em;font-size:var(--t-sub);letter-spacing:.3em;line-height:2.2;color:rgba(243,239,231,.72)}
.rm-hero .fi{aspect-ratio:3/2}
.rm-dusk{background:#0d0c0b;color:#f3efe7;display:grid;grid-template-columns:minmax(0,64vw) minmax(0,1fr);gap:0 clamp(32px,5vw,96px);align-items:center;padding:0 clamp(24px,5vw,80px) clamp(120px,12vw,200px) 0}
.rm-dusk-ph{grid-column:1;grid-row:1}
.rm-dusk-ph .fi{aspect-ratio:2/1}
.rm-dusk-tx{grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:0 clamp(24px,3vw,48px);justify-self:center}
.rm-dusk-tx .dn-vt{grid-column:2;grid-row:1}
.rm-dusk-tx p{grid-column:1;grid-row:1;align-self:end;margin:0;font-size:var(--t-body);line-height:2.2;letter-spacing:.08em;color:rgba(243,239,231,.78)}
.rm-mado{background:#f4efe6;color:#2a251f;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(16px,2vw,32px);padding:clamp(120px,12vw,200px) clamp(24px,5vw,80px)}
.rm-mado-a{grid-column:2/9;grid-row:1/3}
.rm-mado-a .fi{aspect-ratio:3/2}
.rm-mado-tx{grid-column:10/13;grid-row:1;align-self:end;margin:0 0 clamp(40px,5vw,72px);font-size:var(--t-body);line-height:2.2;letter-spacing:.08em;color:#4a443b}
.rm-mado-b{grid-column:10/13;grid-row:2;align-self:start}
.rm-mado-b .fi{aspect-ratio:3/2}
.rm-neya{background:#0d0c0b;color:#f3efe7;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(16px,2vw,32px);padding:clamp(120px,12vw,200px) clamp(24px,5vw,80px) clamp(120px,12vw,200px) 0}
.rm-neya-a{grid-column:1/9;grid-row:1}
.rm-neya-a .fi{aspect-ratio:3/2}
.rm-neya-tx{grid-column:10/13;grid-row:1;align-self:center}
.rm-neya-tx p{margin:0;font-size:var(--t-body);line-height:2.2;letter-spacing:.08em;color:rgba(243,239,231,.78)}
.rm-neya-b{grid-column:2/5;grid-row:2;margin-top:clamp(64px,7vw,112px);align-self:start}
.rm-neya-b .fi{aspect-ratio:3/2}
.rm-neya-c{grid-column:6/12;grid-row:2;margin-top:clamp(140px,14vw,220px)}
.rm-neya-c .fi{aspect-ratio:3/2}
.rm-info-h{font-weight:400;font-size:var(--t-h);letter-spacing:.24em;margin:0 0 32px;text-align:center}
.rm-link{display:inline-block;margin-left:1em;border-bottom:1px solid currentColor;color:inherit;text-decoration:none}
.rm-others{background:#f4efe6;color:#2a251f;padding:clamp(96px,10vw,160px) clamp(24px,5vw,80px)}
.rm-others-h{font-weight:400;font-size:var(--t-h);letter-spacing:.24em;text-align:center;margin:0 0 clamp(40px,5vw,72px)}
.rm-others ul{list-style:none;margin:0 auto;padding:0;max-width:1200px;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(28px,3vw,48px) clamp(36px,4.5vw,72px)}
.rm-others a{display:flex;flex-direction:column;align-items:center;gap:10px;color:inherit;text-decoration:none;transition:opacity .4s}
.rm-others a:hover{opacity:.55}
.rm-others ruby{font-size:var(--t-title);letter-spacing:.12em}
.rm-others rt{font-size:var(--t-note);letter-spacing:.3em;color:#7c7365}
.rm-others small{font-size:var(--t-note);letter-spacing:.16em;color:#7c7365}
.pl-go{cursor:pointer}
.pl a:focus-visible .pl-room rect{stroke-width:3}
@media (max-width:760px){
 .rm-head{grid-template-columns:minmax(0,1fr);padding:110px 0 64px}
 .rm-name{justify-self:end;margin-right:var(--side,20px);margin-bottom:40px}
 .rm-dusk{grid-template-columns:minmax(0,1fr);padding:0 0 96px}
 .rm-dusk-ph,.rm-dusk-tx{grid-column:1;grid-row:auto}
 .rm-dusk-ph .fi{aspect-ratio:4/3}
 .rm-dusk-tx{margin:56px var(--side,20px) 0;justify-self:stretch}
 .rm-mado,.rm-neya{grid-template-columns:minmax(0,1fr);padding:96px var(--side,20px)}
 .rm-mado>*,.rm-neya>*{grid-column:1!important;grid-row:auto!important}
 .rm-mado-a,.rm-neya-a{margin:0 calc(-1 * var(--side,20px))}
 .rm-mado-tx,.rm-neya-tx{margin:48px 0}
 .rm-mado-b,.rm-neya-b{width:64%;justify-self:end}
 .rm-neya-b{margin-top:0}.rm-neya-c{margin-top:40px}
 .rm-others ul{gap:28px 32px}
}
.rm-info dl{display:block;max-width:760px;margin:0 auto;text-align:left;border-top:1px solid rgba(42,37,31,.18)}
.rm-info dl div{display:grid;grid-template-columns:9em minmax(0,1fr);gap:0 24px;padding:20px 4px;border-bottom:1px solid rgba(42,37,31,.18);align-items:baseline}
.rm-info dt{font-size:var(--t-sub);letter-spacing:.2em;color:#7c7365}
.rm-info dd{margin:0;font-size:var(--t-body);line-height:1.9;letter-spacing:.06em}
.rm-info .dn-info-go{margin-top:48px}
@media (max-width:760px){.rm-info dl div{grid-template-columns:6.5em minmax(0,1fr);gap:0 14px}}
.rm-dusk{padding-top:clamp(40px,4vw,64px)}
.rm-head{padding-bottom:clamp(96px,10vw,160px)}
.rm-dusk-tx{align-self:center}
@media (max-width:760px){.rm-dusk{padding-top:0}}



.rm-n{font-size:var(--t-display)!important;letter-spacing:.24em}
.rm-n rt{font-size:var(--t-note)}
.rm-mado-1 .rm-mado-a{grid-column:2/9;grid-row:1}
.rm-mado-1 .rm-mado-tx{grid-column:10/13;grid-row:1;align-self:center;margin:0}
.rm-neya-1 .rm-neya-a{grid-column:1/9}
.rm-back{margin-top:28px;font-size:var(--t-sub);letter-spacing:.16em}
.rm-back a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.pl-hint{grid-column:1/-1;margin:clamp(40px,4vw,64px) 0 0;font-size:var(--t-sub);letter-spacing:.16em;color:#7c7365;text-align:center}
.hy-names>.pl-hint+.pl-wrap{margin-top:24px}
.pl-go rect{transition:fill .4s ease,stroke-width .4s ease}
.pl a:hover .pl-room rect:first-child{fill:#fffdf7;stroke-width:2.6}
.pl a .pl-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}
.rm-all{background:#f4efe6;border-top:1px solid rgba(42,37,31,.12)}
.rm-all .rm-others-h{font-size:var(--t-title)}
@media (max-width:760px){.pl-hint{text-align:left}}
.rm-all .rm-g{display:grid;grid-template-columns:8em minmax(0,1fr);gap:0 clamp(24px,3vw,48px);align-items:center;max-width:1100px;margin:0 auto;padding:clamp(28px,3vw,40px) 0;border-top:1px solid rgba(42,37,31,.16)}
.rm-all .rm-g:last-child{border-bottom:1px solid rgba(42,37,31,.16)}
.rm-g-n{margin:0;font-size:var(--t-sub);letter-spacing:.24em;color:#7c7365}
.rm-all ul{justify-content:flex-start;max-width:none;margin:0;gap:24px clamp(36px,4.5vw,72px)}
@media (max-width:760px){.rm-all .rm-g{grid-template-columns:minmax(0,1fr);gap:20px 0}}



.rm-bar{position:fixed;left:0;right:0;top:var(--hd);z-index:45;display:flex;align-items:center;gap:0 clamp(24px,3vw,48px);padding:0 40px;height:52px;background:rgba(6,6,5,.86);color:#f3efe7;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .6s var(--ease),opacity .6s var(--ease)}
.rm-bar.on{transform:none;opacity:1;pointer-events:auto}
.rm-bar a{color:inherit;text-decoration:none;opacity:.62;transition:opacity .3s;white-space:nowrap}
.rm-bar a:hover,.rm-bar a[aria-current]{opacity:1}
.rm-bar a[aria-current]{border-bottom:1px solid currentColor;padding-bottom:3px}
.rm-bar-all{font-size:var(--t-note);letter-spacing:.2em;padding-right:clamp(24px,3vw,48px);border-right:1px solid rgba(255,255,255,.2)}
.rm-bar ul{list-style:none;margin:0;padding:0;display:flex;gap:0 clamp(20px,2.6vw,40px);overflow-x:auto;scrollbar-width:none}
.rm-bar ul::-webkit-scrollbar{display:none}
.rm-bar li a{font-size:var(--t-sub);letter-spacing:.16em}
@media (max-width:760px){
 .rm-bar{padding:0 0 0 var(--side,20px);height:46px;gap:0 18px}
 .rm-bar-all{padding-right:18px}
 .rm-bar ul{gap:0 22px;padding-right:var(--side,20px)}
}
@media (prefers-reduced-motion:reduce){.rm-bar{transition:none}}


.rm-bar li a{position:relative;display:inline-flex;align-items:baseline;gap:.5em}
.rm-bar li small{font-size:var(--t-note);letter-spacing:.06em;opacity:.7}
.rm-bar-ph{position:absolute;left:50%;top:calc(100% + 18px);width:280px;aspect-ratio:3/2;translate:-50% -6px;opacity:0;pointer-events:none;overflow:hidden;background:#111;transition:opacity .45s var(--ease),translate .45s var(--ease)}
.rm-bar-ph img{width:100%;height:100%;object-fit:cover;display:block}
@media (hover:hover) and (min-width:761px){
 .rm-bar ul{overflow:visible}
 .rm-bar li a:hover .rm-bar-ph,.rm-bar li a:focus-visible .rm-bar-ph{opacity:1;translate:-50% 0}
 .rm-bar li:last-child .rm-bar-ph{left:auto;right:0;translate:0 -6px}
 .rm-bar li:last-child a:hover .rm-bar-ph{translate:0 0}
}
@media (max-width:760px),(hover:none){.rm-bar-ph{display:none}}
.rm-others-ph{padding-left:0;padding-right:0}
.rm-o-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;max-width:1200px;margin:0 auto clamp(32px,4vw,56px);padding:0 clamp(24px,5vw,80px)}
.rm-others-ph .rm-others-h{margin:0;text-align:left}
.rm-o-ctl{display:flex;gap:28px;margin:0}
.rm-o-b{border:0;background:none;padding:6px 0;font:inherit;font-size:var(--t-sub);letter-spacing:.2em;color:#2a251f;cursor:pointer;opacity:.7;transition:opacity .4s}
.rm-o-b:hover{opacity:1}
.rm-o-b:disabled{opacity:.2;cursor:default}
.rm-others-ph ul{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:clamp(20px,2.4vw,36px);max-width:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 max(clamp(24px,5vw,80px),calc((100vw - 1200px)/2 + clamp(24px,5vw,80px)));padding:0 max(clamp(24px,5vw,80px),calc((100vw - 1200px)/2 + clamp(24px,5vw,80px))) 8px;scrollbar-width:none}
.rm-others-ph ul::-webkit-scrollbar{display:none}
.rm-others-ph li{flex:0 0 clamp(240px,28vw,380px);scroll-snap-align:start}
.rm-others-ph a{align-items:stretch;gap:18px}
.rm-others-ph a:hover{opacity:1}
.rm-o-ph{display:block;aspect-ratio:4/5;overflow:hidden;background:#e6ded0}
.rm-o-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.4s cubic-bezier(.2,.7,.2,1),opacity .6s}
.rm-others-ph a:hover .rm-o-ph img{transform:scale(1.035)}
.rm-o-tx{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.rm-others-ph ruby{font-size:var(--t-h)}
@media (max-width:760px){.rm-others-ph li{flex-basis:72vw}.rm-o-ctl{display:none}}
.rm-others-ph li{flex-basis:clamp(240px,23vw,320px)}
body[data-page=guide] main{background:#fff}
.gd-band{margin-top:var(--hd);height:min(78svh,720px)}
.gd-intro{padding:clamp(80px,9vw,140px) var(--side) 0;text-align:center}
.gd-intro-tx{font-size:var(--t-lead);line-height:2.3;letter-spacing:.12em;margin:0}
.gd-vt{writing-mode:vertical-rl;font-weight:400;font-size:var(--t-title);letter-spacing:.26em;line-height:1.75;margin:0;display:flex;align-items:flex-start;gap:0 .3em}
.gd-vt .l{display:block;white-space:nowrap}
.gd-vt .l+.l{padding-top:1.6em}
.gd-nen{display:grid;grid-template-columns:1fr auto;grid-template-areas:"panel head" "ku ph";gap:clamp(48px,6vw,96px) clamp(40px,6vw,100px);max-width:1200px;margin:0 auto;padding:clamp(120px,12vw,200px) var(--side)}
.gd-nen-head{grid-area:head}
.gd-nen-panel{grid-area:panel;background:#f4efe6;padding:clamp(40px,5vw,72px);overflow-x:auto;justify-self:end}
.gd-nen-in{writing-mode:vertical-rl;list-style:none;margin:0;padding:0;height:400px;display:flex;flex-direction:row;gap:0 2.6em;font-size:var(--t-body);letter-spacing:.14em;line-height:1.95}
.gd-nen-in li{display:flex;flex-direction:row;gap:0 .3em}
.gd-nen-in b{font-weight:400;font-size:var(--t-sub);letter-spacing:.32em;color:#7c7365;margin:0 0 0 .4em}
.gd-ku{grid-area:ku;align-self:center;justify-self:end;text-align:right}
.gd-ku-k{font-size:var(--t-h);letter-spacing:.3em;margin:0 0 20px}
.gd-ku-w{font-size:var(--t-sub);letter-spacing:.14em;line-height:2;color:var(--sub);margin:0}
.gd-nen-ph{grid-area:ph;width:clamp(220px,24vw,320px)}
.gd-nen-ph .fi{aspect-ratio:819/900}
.gd-aruku{display:grid;grid-template-columns:auto minmax(0,1.25fr) minmax(0,1fr);gap:clamp(40px,5vw,80px);align-items:start;max-width:1320px;margin:0 auto;padding:0 var(--side) clamp(120px,12vw,200px)}
.gd-aruku-head{grid-column:1;grid-row:1}
.gd-aruku-ph{grid-column:2;grid-row:1;position:sticky;top:calc(var(--hd) + 32px)}
.gd-aruku-ph .fi{aspect-ratio:3/2}
.gd-aruku-list{grid-column:3;grid-row:1}
.gd-it{padding:0 0 clamp(32px,3.6vw,48px);margin:0 0 clamp(32px,3.6vw,48px);border-bottom:1px solid rgba(26,26,24,.14)}
.gd-it:last-child{border-bottom:0;margin-bottom:0}
.gd-it h3{font-weight:400;font-size:var(--t-h);letter-spacing:.18em;margin:0 0 16px}
.gd-it h3 rt{font-size:var(--t-note);letter-spacing:.3em;color:#7c7365}
.gd-it p{font-size:var(--t-body);line-height:2.1;letter-spacing:.08em;margin:0}
.gd-yu{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:6px 1.6em;font-size:var(--t-lead);letter-spacing:.2em}
.gd-kawa{position:relative;padding:0 0 clamp(120px,12vw,180px)}
.gd-kawa-ph .fi{aspect-ratio:21/9}
.gd-kawa-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;grid-template-areas:"s tx head";gap:clamp(40px,6vw,96px);align-items:start;max-width:1200px;margin:clamp(72px,8vw,120px) auto 0;padding:0 var(--side)}
.gd-kawa-in>.rv:first-child{grid-area:head}
.gd-kawa-tx{grid-area:tx}
.gd-kawa-tx p{font-size:var(--t-body);line-height:2.2;letter-spacing:.08em;margin:0 0 1.4em}
.gd-kawa-tx rt{font-size:var(--t-note)}
.gd-kawa-s{grid-area:s}
.gd-kawa-s .fi{aspect-ratio:3/2}
.gd-iki{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(48px,6vw,80px) clamp(40px,6vw,100px);max-width:1200px;margin:0 auto;padding:clamp(120px,12vw,200px) var(--side) 0}
.gd-iki-head{grid-column:2;grid-row:1/3}
.gd-route{grid-column:1;grid-row:1;margin:0}
.gd-route svg{display:block;width:100%;height:auto;font-family:inherit}
.gd-route line,.gd-route path{stroke:#2a251f;stroke-width:1.4;fill:none}
.gd-route .rt-car line{stroke-dasharray:4 6}
.gd-route .rt-road path{stroke-width:5;stroke:#cfc6b6}
.gd-route circle{fill:#fff;stroke:#2a251f;stroke-width:1.4}
.gd-route circle.on{fill:#2a251f}
.gd-route .rt-road circle{stroke:#a99f8e}
.gd-route text{fill:#2a251f;letter-spacing:.18em}
.gd-route .rt-st{font-size:18px;text-anchor:middle}
.gd-route .rt-st.on{font-size:22px}
.gd-route .rt-ln,.gd-route .rt-m{font-size:14px;fill:#7c7365}
.gd-route .rt-inn{fill:#2a251f}
.gd-route .rt-inn-t{fill:#fff;font-size:18px;letter-spacing:.24em}
.gd-iki-cols{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,4vw,64px)}
.gd-h3{font-weight:400;font-size:var(--t-h);letter-spacing:.18em;margin:0 0 18px}
.gd-tbl{width:100%;border-collapse:collapse}
.gd-tbl th,.gd-tbl td{text-align:left;vertical-align:top;padding:16px 0;border-top:1px solid rgba(26,26,24,.14);font-weight:400}
.gd-tbl tr:last-child :is(th,td){border-bottom:1px solid rgba(26,26,24,.14)}
.gd-tbl th{width:7.5em;font-size:var(--t-sub);letter-spacing:.2em;color:#7c7365;padding-right:1em}
.gd-tbl td{font-size:var(--t-body);line-height:1.9;letter-spacing:.06em}
.gd-map{grid-column:1/-1;aspect-ratio:21/8;background:#eceae5}
.gd-map iframe{display:block;width:100%;height:100%;border:0;filter:grayscale(.85) contrast(.95)}
.gd-ad{grid-column:1/-1;margin:0;font-size:var(--t-sub);letter-spacing:.14em;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.gd-info{padding-top:clamp(120px,12vw,180px)}
.gd-info-h{font-weight:400;font-size:var(--t-h);letter-spacing:.3em;margin:0 0 40px}
.gd-info dt{font-size:var(--t-sub)!important}
.gd-info dd{font-size:var(--t-body)!important}
@media (max-width:760px){
.gd-band{height:68svh}
.gd-intro-tx{text-align:left}
.gd-intro-tx br{display:none}
.gd-vt .l+.l{padding-top:1.2em}
.gd-nen{grid-template-columns:1fr;grid-template-areas:"head" "panel" "ku" "ph";gap:40px}
.gd-nen-head{justify-self:end}
.gd-nen-panel{justify-self:stretch;padding:32px 20px}
.gd-nen-in{height:440px;font-size:var(--t-sub);gap:0 1.8em}
.gd-ku{justify-self:start;text-align:left}
.gd-nen-ph{width:70%}
.gd-aruku{grid-template-columns:1fr;gap:40px}
.gd-aruku-head{justify-self:end}
.gd-aruku-ph,.gd-aruku-list{grid-column:1;grid-row:auto;position:static}
.gd-kawa-ph .fi{aspect-ratio:4/3}
.gd-kawa-in{grid-template-columns:1fr;grid-template-areas:"head" "tx" "s";gap:40px}
.gd-kawa-in>.rv:first-child{justify-self:end}
.gd-kawa-s{width:70%}
.gd-iki{grid-template-columns:1fr;gap:40px}
.gd-iki-head{grid-column:1;grid-row:auto;justify-self:end}
.gd-route,.gd-iki-cols{grid-column:1;grid-row:auto}
.gd-iki-cols{grid-template-columns:1fr;gap:40px}
.gd-map{aspect-ratio:4/3}
}
.gd-op{padding:calc(var(--hd) + clamp(56px,7vw,110px)) var(--side) clamp(96px,10vw,150px)}
.gd-op-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(40px,6vw,110px);align-items:start;max-width:1200px;margin:0 auto}
.gd-op-ph .fi{aspect-ratio:3/2}
.gd-op-head{padding-top:8px}
.gd-vt-xl{font-size:var(--t-display);color:#fff}
.gd-vt-xl .l:nth-child(2){padding-top:1.4em}
.gd-vt-xl .l:nth-child(3){padding-top:2.8em}
.gd-op-tx{max-width:1200px;margin:clamp(56px,6vw,88px) auto 0;font-size:var(--t-lead);line-height:2.3;letter-spacing:.12em}
@media (max-width:760px){
.gd-op-in{grid-template-columns:1fr}
.gd-op-head{order:-1;justify-self:end}
.gd-op-tx br{display:none}
}
.gd-vt{display:block}
.gd-vt .l{display:block}
.gd-route .rt-m{letter-spacing:.08em}
@media (max-width:760px){.gd-route{overflow-x:auto;margin:0 calc(var(--side) * -1);padding:0 var(--side)}.gd-route svg{min-width:640px}}
body:not([data-page=index]) main{padding-bottom:0}
main>section.band:last-child{margin-bottom:0}
.rm-others-ph.flow{overflow:hidden}
.rm-others-ph.flow ul{overflow:visible;scroll-snap-type:none;padding:0 0 8px;will-change:transform;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 58%,rgba(0,0,0,.35) 84%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 58%,rgba(0,0,0,.35) 84%,transparent 100%)}
.rm-others-ph.flow li{scroll-snap-align:none}
.rm-o-ctl{gap:10px}
.rm-o-b{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(42,37,31,.28);opacity:.85;transition:opacity .4s,border-color .4s,background-color .4s}
.rm-o-b:hover{opacity:1;border-color:#2a251f;background:rgba(42,37,31,.04)}
.rm-o-b svg{width:20px;height:20px;fill:none;stroke:#2a251f;stroke-width:1.2}
@media (max-width:760px){.rm-o-ctl{display:flex}.rm-o-b{width:40px;height:40px}}
.rm-others-ph.flow{overflow:clip}
.rm-others-ph.flow ul{-webkit-mask-image:none;mask-image:none}
.rm-o-rail{overflow:clip;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 58%,rgba(0,0,0,.35) 84%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 58%,rgba(0,0,0,.35) 84%,transparent 100%)}
.gd-nen{display:block;max-width:1200px;margin:0 auto;padding:clamp(120px,12vw,200px) var(--side) clamp(120px,12vw,200px)}
.gd-nen-panel{background:#f4efe6;padding:clamp(48px,5vw,80px) clamp(32px,4vw,64px);overflow-x:auto}
.gd-nen-in{writing-mode:vertical-rl;height:400px;margin:0 auto;display:block;width:max-content;max-width:none;font-size:var(--t-body);letter-spacing:.14em;line-height:1.9;list-style:none;padding:0;gap:0}
.gd-nen-h{font-weight:400;font-size:var(--t-title);letter-spacing:.3em;margin:0 0 0 1.4em;display:inline-block}
.gd-nen-in ol{display:inline-block;list-style:none;margin:0;padding:0}
.gd-nen-in li{display:block;margin:0 0 0 1.5em}
.gd-nen-in li:last-child{margin-left:0}
.gd-nen-in b{display:block;font-weight:400;font-size:var(--t-sub);letter-spacing:.3em;color:#7c7365;margin:0 0 0 .3em}
.gd-nen-in span{display:block}
.gd-nen-ph{width:clamp(220px,22vw,300px);margin:clamp(48px,5vw,72px) 0 0 auto}
@media (max-width:760px){.gd-nen-in{height:420px;font-size:var(--t-sub)}.gd-nen-ph{width:60%}}
.gd-it h3 small{display:block;font-size:var(--t-sub);letter-spacing:.2em;color:#7c7365;margin-top:6px}
.gd-info{padding-bottom:clamp(96px,10vw,140px)}
.gd-nen-h span{display:block}
.gd-nen-h span+span{padding-top:1.6em}
.gd-nen-h{margin-left:1.2em}
.gd-nen-in li{margin-left:1.05em}
.gd-nen-panel{padding-left:clamp(20px,3vw,48px);padding-right:clamp(20px,3vw,48px)}
.gd-nen-in{height:540px}
.gd-nen-in li{margin-left:2.2em}
.gd-nen-h{margin-left:2.4em}
@media (max-width:760px){.gd-nen-in{height:460px}.gd-nen-in li{margin-left:1.6em}}
.gd-nen{max-width:1264px;padding-left:32px;padding-right:32px}
.gd-nen-panel{width:100%;max-width:100%;box-sizing:border-box;justify-self:auto}
@media (max-width:760px){.gd-nen{padding-left:var(--side);padding-right:var(--side)}}
.rm-plan{background:#f4efe6;color:#2a251f;display:grid;grid-template-columns:minmax(0,320px) minmax(0,760px);justify-content:center;gap:clamp(40px,6vw,96px);align-items:center;padding:clamp(96px,10vw,160px) var(--side)}
.rm-plan h2{font-weight:400;font-size:var(--t-h);letter-spacing:.3em;margin:0 0 20px}
.rm-plan-sp{font-size:var(--t-sub)!important;letter-spacing:.24em;color:#7c7365;margin:0 0 24px}
.rm-plan-tx p{font-size:var(--t-body);line-height:2.1;letter-spacing:.08em;margin:0}
.rm-plan-fig{margin:0}
.rm-plan-fig img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
@media (max-width:760px){.rm-plan{grid-template-columns:1fr;gap:32px}}
.rm-plan-fig{background:#f4efe6}
.rm-o-rail{-webkit-mask-image:none;mask-image:none;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.rm-o-rail.dragging{cursor:grabbing}
.rm-o-rail img{-webkit-user-drag:none;pointer-events:none}
.rm-others-ph.flow li{will-change:opacity,filter}
.gd-rk{max-width:1200px;margin:0 auto;padding:clamp(120px,12vw,200px) var(--side) clamp(80px,8vw,140px)}
.gd-rk h3{font-weight:400;font-size:var(--t-h);line-height:1.8;letter-spacing:.16em;margin:0 0 28px}
.gd-rk p{font-size:var(--t-body);line-height:2.2;letter-spacing:.08em;margin:0 0 1.2em}
.gd-rk-open{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(48px,7vw,120px);align-items:start}
.gd-rk-head{grid-column:2;grid-row:1}
.gd-rk-1{grid-column:1;grid-row:1;max-width:34em;justify-self:end;padding-top:clamp(40px,5vw,96px)}
.gd-rk-ch.gd-rk-2,.gd-rk-ch.gd-rk-3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,7vw,120px);align-items:center;margin-top:clamp(120px,12vw,200px)}
.gd-rk-2 .gd-rk-ph{justify-self:end;width:min(100%,380px)}
.gd-rk-2 .gd-rk-ph .fi{aspect-ratio:576/918}
.gd-rk-2 .gd-rk-tx{max-width:30em}
.gd-rk-3 .gd-rk-tx{max-width:30em;justify-self:end}
.gd-rk-3 .gd-rk-ph{width:min(100%,440px)}
.gd-rk-3 .gd-rk-ph .fi{aspect-ratio:819/900}
.gd-rk-4{max-width:34em;margin:clamp(120px,12vw,200px) auto 0;text-align:center;padding:clamp(56px,6vw,88px) 0;border-top:1px solid rgba(26,26,24,.16);border-bottom:1px solid rgba(26,26,24,.16)}
.gd-rk-4 p{text-align:left}
@media (max-width:760px){
.gd-rk-open{grid-template-columns:1fr;gap:40px}
.gd-rk-head{grid-column:1;justify-self:end}
.gd-rk-1{grid-column:1;grid-row:auto;padding-top:0;justify-self:stretch}
.gd-rk-ch.gd-rk-2,.gd-rk-ch.gd-rk-3{grid-template-columns:1fr;gap:32px;margin-top:96px}
.gd-rk-2 .gd-rk-ph{justify-self:start;width:72%}
.gd-rk-3 .gd-rk-ph{order:-1;width:86%}
.gd-rk-3 .gd-rk-tx{justify-self:stretch}
.gd-rk-4{margin-top:96px}
}
.rm-o-b{position:relative;overflow:hidden}
.rm-o-rip{position:absolute;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:radial-gradient(circle,rgba(42,37,31,0) 38%,rgba(42,37,31,.22) 52%,rgba(42,37,31,0) 66%);pointer-events:none;transform:scale(.2);opacity:1;animation:rm-rip .85s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes rm-rip{to{transform:scale(2.2);opacity:0}}
.rm-o-b.pop{animation:rm-pop .6s cubic-bezier(.34,1.7,.5,1)}
@keyframes rm-pop{0%{transform:scale(1)}25%{transform:scale(.9)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.rm-o-rip,.rm-o-b.pop{animation:none;opacity:0}}
.rm-o-b.pop{animation:rm-pop .9s cubic-bezier(.3,1.35,.5,1)}
@keyframes rm-pop{0%{transform:scale(1)}30%{transform:scale(.95)}100%{transform:scale(1)}}
.rm-o-rip{animation-duration:1.2s}
/* ある日の志美津：日記帳をめくるように。縦書きの日付を写真に添え、大きさと位置を散らす。 */
body[data-page=hibi] main{background:#f4efe6;color:#2a251f}
.hb-op{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(40px,6vw,96px);align-items:end;max-width:1200px;margin:0 auto;padding:calc(var(--hd) + clamp(72px,8vw,140px)) var(--side) clamp(72px,8vw,120px)}
.hb-vt{grid-column:2;grid-row:1;font-size:var(--t-display);color:#2a251f}
.hb-vt .l:nth-child(2){padding-top:1.6em}
.hb-op-head{grid-column:2;grid-row:1}
.hb-op-tx{grid-column:1;grid-row:1;justify-self:end;margin:0;font-size:var(--t-lead);line-height:2.3;letter-spacing:.12em;text-align:right}
.hb-list{max-width:1200px;margin:0 auto;padding:0 var(--side) clamp(96px,10vw,160px)}
.hb-ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);row-gap:clamp(72px,8vw,140px);align-items:start}
.hb-it{opacity:0;transform:translateY(18px);transition:opacity 1.4s var(--ease),transform 1.4s var(--ease)}
.hb-it.in{opacity:1;transform:none}
.hb-it a{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ph date" "tx ."; gap:18px 20px;color:inherit;text-decoration:none}
.hb-ph{grid-area:ph;display:block;overflow:hidden;background:#e6ded0;max-height:78vh}
.hb-ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease)}
.hb-it a:hover .hb-ph img{transform:scale(1.03)}
.hb-tx{display:contents}
.hb-tx time{grid-area:date;writing-mode:vertical-rl;font-size:var(--t-sub);letter-spacing:.42em;color:#7c7365;padding-top:4px}
.hb-tx p{grid-area:tx;margin:0;font-size:var(--t-body);line-height:2;letter-spacing:.08em;max-width:30em}
.hb-go{grid-area:tx;align-self:end;justify-self:start;margin-top:3.6em;font-size:var(--t-note);letter-spacing:.2em;color:#7c7365;border-bottom:1px solid rgba(42,37,31,.25);padding-bottom:2px;transition:color .4s,border-color .4s}
.hb-tx p+.hb-go{grid-row:3;margin-top:0}
.hb-it a:hover .hb-go{color:#2a251f;border-color:#2a251f}
/* 三つの型をくり返す：大きく左／小さく右へ下げて／中くらいを中ほどに */
.hb-a{grid-column:1/8}
.hb-b{grid-column:9/13;margin-top:clamp(120px,14vw,240px)}
.hb-c{grid-column:3/10}
.hb-msg{text-align:center;font-size:var(--t-body);letter-spacing:.1em;margin:48px 0 0}
.hb-more{text-align:center;margin:clamp(72px,8vw,120px) 0 0}
.hb-more-b{font:inherit;font-size:var(--t-sub);letter-spacing:.3em;color:#2a251f;background:none;border:1px solid rgba(42,37,31,.35);padding:16px 48px;cursor:pointer;transition:background-color .4s,color .4s}
.hb-more-b:hover{background:#2a251f;color:#f4efe6}
.hb-ig{text-align:center;margin:56px 0 0}
@media (max-width:760px){
.hb-op{grid-template-columns:1fr;gap:40px}
.hb-op-head{grid-column:1;justify-self:end}
.hb-op-tx{grid-column:1;grid-row:2;text-align:left;justify-self:stretch}
.hb-op-tx br{display:none}
.hb-ol{row-gap:72px}
.hb-a{grid-column:1/13}
.hb-b{grid-column:4/13;margin-top:0}
.hb-c{grid-column:1/11}
}
@media (prefers-reduced-motion:reduce){.hb-it{opacity:1;transform:none}}
/* ── ある日の志美津 第二版 ── */
.hb-list{max-width:none;padding:0 0 clamp(96px,10vw,160px)}
.hb-rv{opacity:0;transform:translateY(18px);transition:opacity 1.4s var(--ease),transform 1.4s var(--ease)}
.hb-rv.in{opacity:1;transform:none}
.hb-ph{display:block;overflow:hidden;background:#e6ded0;aspect-ratio:var(--ar,4/5)}
.hb-ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease)}
a:hover>.hb-ph img{transform:scale(1.03)}
.hb-go{display:inline-block;font-size:var(--t-sub);letter-spacing:.24em;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px;opacity:.8;transition:opacity .4s}
.hb-go:hover{opacity:1}
.hb-msg{text-align:center;padding:0 var(--side)}
.hb-ig{text-align:center;margin:clamp(72px,8vw,120px) 0 0}
/* 型 a：今日の一枚（夜の黒地） */
.hb-today{background:#0f0e0d;color:rgba(255,255,255,.88);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(40px,6vw,110px);align-items:center;padding:clamp(80px,9vw,150px) max(var(--side),calc((100vw - 1320px)/2))}
.hb-today-ph{display:block;width:100%}
.hb-today-ph .hb-ph{max-height:80vh;margin-left:auto}
.hb-today-tx{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 clamp(28px,3vw,48px);align-items:start}
.hb-today-d{writing-mode:vertical-rl;font-size:var(--t-title);letter-spacing:.3em;line-height:1;color:#fff;grid-row:1/3;grid-column:1}
.hb-today-p{grid-column:2;grid-row:1}
.hb-today-p p{font-size:var(--t-lead);line-height:2.2;letter-spacing:.1em;margin:0 0 .8em}
.hb-today-tx .hb-go{grid-column:2;grid-row:2;justify-self:start;margin-top:32px}
/* 型 a：これまでの日々（横へ流れる絵巻） */
.hb-days{padding-top:clamp(96px,10vw,160px)}
.hb-days-head{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto clamp(32px,4vw,56px);padding:0 var(--side)}
.hb-days-head h2{font-weight:400;font-size:var(--t-h);letter-spacing:.3em;margin:0}
.hb-days-ctl{display:flex;gap:10px;margin:0}
.hb-row{list-style:none;margin:0;padding:0 max(var(--side),calc((100vw - 1200px)/2 + var(--side))) 12px;display:flex;align-items:flex-start;gap:clamp(28px,3.4vw,56px);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding:0 max(var(--side),calc((100vw - 1200px)/2 + var(--side)));scrollbar-width:none;cursor:grab;user-select:none;-webkit-user-select:none}
.hb-row::-webkit-scrollbar{display:none}
.hb-row.dragging{cursor:grabbing;scroll-snap-type:none}
.hb-row img{pointer-events:none;-webkit-user-drag:none}
.hb-day{flex:0 0 auto;scroll-snap-align:start}
.hb-day-a{display:block;color:inherit;text-decoration:none}
.hb-day .hb-ph{height:clamp(260px,30vw,400px);width:auto}
.hb-day-tx{display:flex;gap:16px;align-items:baseline;margin-top:18px;max-width:100%}
.hb-day-d{font-size:var(--t-sub);letter-spacing:.3em;color:#7c7365;white-space:nowrap}
.hb-day-p{font-size:var(--t-sub);letter-spacing:.1em;line-height:1.8;color:#2a251f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:20em}
/* 型 b：綴じ帳（一枚ずつ縦に） */
.hb-book{list-style:none;margin:0 auto;padding:0 var(--side);max-width:calc(760px + 2 * var(--side))}
.hb-page{position:relative;padding:clamp(80px,9vw,140px) 0}
.hb-page+.hb-page::before{content:"";position:absolute;top:0;left:50%;width:1px;height:clamp(40px,4vw,64px);background:rgba(42,37,31,.22)}
.hb-page-a{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;color:inherit;text-decoration:none;position:relative}
.hb-page .hb-ph{width:100%;max-height:86vh;max-width:calc(86vh * 1)}
.hb-page-d{position:absolute;top:0;right:calc(100% + clamp(20px,3vw,48px));writing-mode:vertical-rl;font-size:var(--t-h);letter-spacing:.32em;color:#2a251f}
.hb-page-p{margin-top:32px;font-size:var(--t-body);line-height:2.1;letter-spacing:.1em;text-align:center;max-width:30em}
.hb-more{text-align:center;margin:clamp(48px,6vw,96px) 0 0}
@media (max-width:760px){
.hb-today{grid-template-columns:1fr;padding:64px var(--side)}
.hb-today-ph .hb-ph{max-height:none}
.hb-today-d{font-size:var(--t-h)}
.hb-day .hb-ph{height:260px}
.hb-page-d{position:static;writing-mode:horizontal-tb;font-size:var(--t-sub);margin-top:20px;order:1}
.hb-page-p{order:2;margin-top:12px}
}
.hb-page-a{display:flex;flex-direction:column;align-items:center}
.hb-page-a>.hb-ph{align-self:stretch}
.hb-day .hb-ph{height:clamp(220px,24vw,330px)}
/* ── ある日の志美津 第三版：棚に器を取り合わせる ── */
body[data-page=hibi] .hb-list{background:#15120f;color:rgba(255,255,255,.86);padding:clamp(96px,10vw,160px) 0 clamp(96px,10vw,160px)}
.hb-wall{max-width:1240px;margin:0 auto;padding:0 var(--side);--u:clamp(120px,12.5vw,190px)}
.hb-shelf{list-style:none;margin:0 0 clamp(80px,9vw,140px);padding:0;position:relative;display:flex;justify-content:center;align-items:flex-end;gap:clamp(36px,5vw,88px)}
/* 棚板：厚みのある木の板。上の縁にだけ、わずかに光をのせる。 */
.hb-shelf::after{content:"";position:absolute;left:calc(var(--side) * -1);right:calc(var(--side) * -1);bottom:66px;height:16px;background:linear-gradient(#4a3828 0,#4a3828 2px,#33261b 2px,#2a1f16 100%);z-index:0}
.hb-ki{position:relative;z-index:1;opacity:0;transform:translateY(-26px);transition:opacity .9s var(--ease) var(--d,0s),transform 1.3s cubic-bezier(.3,1.3,.5,1) var(--d,0s)}
.hb-shelf.in .hb-ki{opacity:1;transform:none}
.hb-ki-a{display:flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none;position:relative}
.hb-ki-ph{display:block;width:calc(var(--u) * var(--w));height:calc(var(--u) * var(--h));overflow:hidden;background:#2a241e;transition:transform .9s cubic-bezier(.3,1.4,.5,1)}
.hb-ki-ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease)}
.hb-ki-a:hover .hb-ki-ph{transform:translateY(-6px)}
.hb-ki-a:hover .hb-ki-ph img{transform:scale(1.04)}
/* 器の形：手でひいたように、どれも少しずつ歪ませる。 */
.hb-maru .hb-ki-ph{border-radius:49% 51% 47% 53% / 52% 48% 53% 47%}
.hb-kaku .hb-ki-ph{border-radius:14% 9% 12% 8% / 9% 14% 8% 12%}
.hb-taka .hb-ki-ph{border-radius:44% 40% 9% 11% / 20% 17% 5% 6%}
.hb-hira .hb-ki-ph{border-radius:48% 52% 50% 50% / 52% 46% 56% 48%}
.hb-choko .hb-ki-ph{border-radius:44% 50% 48% 52% / 38% 42% 60% 58%}
/* 箱書きのように、縦書きの日付を器の右に添える。 */
.hb-ki-d{position:absolute;right:calc(-1.9em);bottom:88px;writing-mode:vertical-rl;font-size:var(--t-sub);letter-spacing:.38em;color:rgba(255,255,255,.62);white-space:nowrap;transition:color .5s}
.hb-ki-a:hover .hb-ki-d{color:#fff}
.hb-ki-tx{display:block;margin-top:36px;height:52px;width:calc(var(--u) * var(--w) + 1.6em);max-width:22em;font-size:var(--t-note);line-height:1.9;letter-spacing:.1em;text-align:center;color:rgba(255,255,255,.66);overflow:hidden}
.hb-shelf-one .hb-ki-tx{font-size:var(--t-sub)}
.hb-shelf-one .hb-ki-d{font-size:var(--t-h);color:rgba(255,255,255,.82);right:calc(-2.2em)}
body[data-page=hibi] .hb-ig .go{color:#fff}
@media (max-width:760px){
.hb-wall{--u:30vw}
.hb-shelf{gap:9vw}
.hb-shelf-one .hb-ki{--w:2.1!important;--h:2.1!important}
.hb-ki-d{right:-1.7em}
}
@media (prefers-reduced-motion:reduce){.hb-ki{opacity:1;transform:none;transition:none}}
/* ── ある日の志美津 第四版：スクロールが宿の一日になる ── */
body[data-page=hibi] .hb-list{position:relative;background:var(--sky,#e8e6e0);color:#2a251f;padding:0 0 clamp(120px,12vw,200px);transition:color 1.6s var(--ease)}
body[data-page=hibi] .hb-list.hb-night{color:rgba(248,243,234,.9)}
body[data-page=hibi] main{background:#e8e6e0}
.hb-op{background:#e8e6e0}
/* いま見ている一枚の色が、背景ににじむ。 */
.hb-amb{position:sticky;top:0;height:100svh;margin-bottom:-100svh;overflow:hidden;pointer-events:none;z-index:0}
.hb-glow{position:absolute;inset:-12%;background-size:cover;background-position:center;filter:blur(80px) saturate(1.25);opacity:0;transition:opacity 2.4s var(--ease)}
.hb-glow.on{opacity:.34}
.hb-night .hb-glow.on{opacity:.42}
.hb-flow{position:relative;z-index:1;list-style:none;margin:0;padding:clamp(40px,6vw,96px) 0 0}
.hb-mo{min-height:92svh;display:flex;align-items:center;padding:0 max(var(--side),8vw)}
.hb-s-l{justify-content:flex-start}
.hb-s-c{justify-content:center}
.hb-s-r{justify-content:flex-end}
.hb-mo-a{display:grid;grid-template-columns:auto auto;grid-template-areas:"ph d" "tx .";gap:28px clamp(20px,2.4vw,36px);color:inherit;text-decoration:none;opacity:0;transform:translateY(36px);transition:opacity 1.8s var(--ease),transform 2s var(--ease)}
.hb-mo.in .hb-mo-a{opacity:1;transform:none}
.hb-mo-ph{grid-area:ph;display:block;height:min(68svh,660px);aspect-ratio:var(--ar);max-width:72vw;overflow:hidden;background:rgba(0,0,0,.08)}
.hb-hira .hb-mo-ph{height:min(52svh,520px)}
.hb-mo-ph :is(img,video){display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 3.2s var(--ease)}
.hb-mo.in .hb-mo-ph :is(img,video){transform:none}
.hb-mo-a:hover .hb-mo-ph :is(img,video){transform:scale(1.025)}
/* 器の形：手でひいたように、少しずつ歪ませる。 */
.hb-maru .hb-mo-ph{border-radius:49% 51% 47% 53% / 52% 48% 53% 47%}
.hb-kaku .hb-mo-ph{border-radius:9% 6% 8% 5% / 6% 9% 5% 8%}
.hb-taka .hb-mo-ph{border-radius:46% 42% 6% 7% / 16% 14% 3% 4%}
.hb-hira .hb-mo-ph{border-radius:48% 52% 50% 50% / 52% 46% 56% 48%}
.hb-choko .hb-mo-ph{border-radius:44% 50% 48% 52% / 38% 42% 60% 58%}
.hb-mo-d{grid-area:d;align-self:end;writing-mode:vertical-rl;font-size:var(--t-h);letter-spacing:.36em;white-space:nowrap;opacity:.82}
.hb-mo-tx{grid-area:tx;display:flex;flex-direction:column;gap:.2em;max-width:26em;font-size:var(--t-body);line-height:2;letter-spacing:.1em;opacity:0;transition:opacity 1.6s var(--ease) .6s}
.hb-mo.in .hb-mo-tx{opacity:.9}
.hb-mo-go{margin-top:1em;align-self:flex-start;font-size:var(--t-note);letter-spacing:.24em;border-bottom:1px solid currentColor;padding-bottom:3px;opacity:.7}
.hb-mo-a:hover .hb-mo-go{opacity:1}
.hb-list .hb-ig{position:relative;z-index:1}
.hb-night .hb-ig .go{color:#fff}
@media (max-width:760px){
.hb-mo{min-height:82svh;padding:0 var(--side)}
.hb-s-l,.hb-s-r,.hb-s-c{justify-content:center}
.hb-mo-a{grid-template-columns:1fr auto}
.hb-mo-ph{height:auto;width:100%;max-width:none;max-height:64svh}
.hb-mo-d{font-size:var(--t-sub)}
}
@media (prefers-reduced-motion:reduce){.hb-mo-a,.hb-mo-tx{opacity:1;transform:none;transition:none}.hb-mo-ph :is(img,video){transform:none}.hb-glow{transition:none}}
/* 川の石の形（第四版の器の形を置きかえる）。 */
.hb-mo .hb-mo-ph{border-radius:0}
.hb-ishi-s1 .hb-mo-ph{border-radius:42% 58% 46% 54% / 38% 44% 56% 62%}
.hb-ishi-s2 .hb-mo-ph{border-radius:56% 44% 58% 42% / 46% 58% 42% 54%}
.hb-ishi-w1 .hb-mo-ph{border-radius:38% 62% 44% 56% / 52% 40% 60% 48%;height:min(52svh,520px)}
.hb-ishi-w2 .hb-mo-ph{border-radius:60% 40% 52% 48% / 44% 56% 46% 54%;height:min(52svh,520px)}
.hb-ishi-t1 .hb-mo-ph{border-radius:46% 54% 40% 60% / 30% 34% 66% 70%}
.hb-ishi-t2 .hb-mo-ph{border-radius:54% 46% 58% 42% / 36% 28% 72% 64%}
/* 雨：夕暮れから夜にかけて、細い雨が音もなく降る。 */
.hb-rain{position:absolute;inset:-20% 0 0;opacity:calc(var(--rain,0) * .55);transition:opacity 1.2s linear;
  background-image:repeating-linear-gradient(100deg,transparent 0 46px,rgba(255,255,255,.16) 46px 47px,transparent 47px 97px),
                   repeating-linear-gradient(100deg,transparent 0 71px,rgba(255,255,255,.1) 71px 72px,transparent 72px 139px);
  background-size:100% 220px,100% 340px;
  -webkit-mask-image:repeating-linear-gradient(180deg,#000 0 26px,transparent 26px 90px);mask-image:repeating-linear-gradient(180deg,#000 0 26px,transparent 26px 90px);
  animation:hb-rain 1.1s linear infinite}
@keyframes hb-rain{from{transform:translate3d(0,0,0)}to{transform:translate3d(-16px,90px,0)}}
@media (prefers-reduced-motion:reduce){.hb-rain{animation:none;opacity:0}}