:root{--cream:#EEE9D6;--cream-2:#E4DDC6;--ink:#223045;--ink-60:rgba(34,48,69,.6);--ink-30:rgba(34,48,69,.3);--ink-12:rgba(34,48,69,.12);--deep:#0D2732;--deep-2:#081C24;--hd:76px;--gap:16px;--pad:clamp(20px,3.3vw,48px);--ease:cubic-bezier(.625,.05,0,1);--ease-o:cubic-bezier(.16,1,.3,1);--f-en:"Clash Display","Satoshi",system-ui,sans-serif;--f-ui:"Satoshi","Noto Sans JP",system-ui,sans-serif;--f-jp:"Noto Sans JP","Satoshi",system-ui,sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--f-ui);font-size:15px;line-height:1.6;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;overflow-x:clip}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}h1,h2,h3,p,figure,ul,ol{margin:0;padding:0}ul,ol{list-style:none}.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;z-index:99;background:var(--cream);color:var(--ink);padding:8px 12px}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.hd :focus-visible,.fv :focus-visible,.book :focus-visible,.even :focus-visible,.ft :focus-visible{outline-color:var(--cream)}.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.en{font-family:var(--f-en);font-weight:600;letter-spacing:-.01em}.ui{font-family:var(--f-ui)}.jp{font-family:var(--f-jp);letter-spacing:.04em;line-height:1.9}.cap{font-family:var(--f-ui);font-size:11px;line-height:1.4;letter-spacing:.18em;text-transform:uppercase}.lbl{font-family:var(--f-ui);font-size:12px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase}.num{font-variant-numeric:tabular-nums}.hd{position:relative;z-index:20;height:var(--hd);background:var(--deep);color:var(--cream);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px}.hd a{color:var(--cream)}.hd-l{display:flex;gap:26px}.hd-r{display:flex;gap:22px;justify-content:flex-end}.hd-logo img{width:132px;height:auto}.hd .lbl{opacity:.92}.hd .lbl:hover{opacity:.62;transition:opacity .25s var(--ease)}.fv{position:relative;height:calc(100svh - var(--hd));min-height:480px;overflow:hidden;background:var(--deep-2)}.fv picture{display:block}.fv-still,.fv-v{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.fv-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c110780;will-change:opacity}.fv-vig{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(122% 80% at 50% 46%,transparent 34%,rgba(10,8,4,.52) 100%)}.fv-in{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-items:center;justify-items:start;text-align:left;padding:0 var(--pad)}.fv-mark{will-change:opacity,transform}.js .fv-in{opacity:0}.js .fv-mark{transform:translateY(14px) scale(.985)}.js .fv-h1,.js .fv-sub{opacity:0}.fv-mark{width:min(34vw,380px)}.fv-mark img{width:100%;height:auto}.fv-h1{margin-top:22px;font-family:var(--f-en);font-weight:600;font-size:clamp(18px,1.9vw,27px);line-height:1.1;letter-spacing:.03em;color:var(--cream)}.fv-sub{margin-top:11px;color:#eee9d6b8}.fv-foot{position:absolute;left:0;right:0;bottom:22px;display:flex;justify-content:space-between;padding:0 24px;color:#eee9d6b8}.fv-foot .dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:9px;vertical-align:2px;animation:blink 2.6s infinite var(--ease)}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}.blk{display:grid;grid-template-columns:2.055fr 1fr;gap:var(--gap);align-items:stretch}.blk+.blk{margin-top:var(--gap)}.blk-r{display:grid;grid-template-rows:1fr 1fr;gap:var(--gap)}.ph{position:relative;overflow:hidden;background:var(--deep-2)}.ph img,.ph svg{width:100%;height:100%;object-fit:cover}.ph-l{aspect-ratio:4/5}.ph-par{position:absolute;top:-6%;right:0;bottom:-6%;left:0;display:block;will-change:transform}.ph-tag{position:absolute;left:20px;right:20px;bottom:18px;z-index:3;color:var(--cream);display:flex;flex-direction:column;gap:7px;text-shadow:0 1px 14px rgba(8,28,36,.7)}.ph-tag .lbl{font-size:11px;letter-spacing:.24em;opacity:.7}.ph-tag .cap{font-size:12px;letter-spacing:.2em}.ph-s .ph-tag{left:14px;right:14px;bottom:14px}.ph-s .ph-tag .cap{font-size:10px;letter-spacing:.16em}.scrim:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,#0d273242,#0d273200 30% 58%,#0d273280)}.tone:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:var(--deep);mix-blend-mode:color;opacity:.16}.ch-w{font-family:var(--f-en);font-weight:600;font-size:clamp(46px,9vw,148px);line-height:.86;letter-spacing:-.02em}.idx{display:grid;grid-template-columns:49.65fr 50.35fr}.idx-l{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(24px,4.4vw,72px);background:var(--cream)}.idx-ttl{font-family:var(--f-en);font-weight:600;font-size:clamp(34px,4.4vw,64px);line-height:1.02;letter-spacing:-.015em}.idx-list{margin-top:34px;border-top:1px solid var(--ink-12)}.idx-list li{border-bottom:1px solid var(--ink-12)}.idx-list a{display:flex;align-items:baseline;gap:16px;padding:15px 0}.idx-list .k{width:92px;flex:none;color:var(--ink-60);white-space:nowrap}.idx-list .t{flex:1}.idx-list .ar{color:var(--ink-30);transition:transform .35s var(--ease)}.idx-list a:hover .ar{transform:translate(6px)}.idx-note{margin-top:28px;max-width:34em;color:var(--ink-60);font-size:13px}.idx-r{background:var(--deep-2)}.idx-fig{position:relative;overflow:hidden;background:var(--deep-2);aspect-ratio:4/5}.idx-fig img,.idx-fig svg{width:100%;height:100%;object-fit:cover}.idx-cap{padding:20px 24px 34px;text-align:center;color:var(--cream);background:var(--deep-2)}.idx-cap .l1{font-family:var(--f-ui);font-size:12px;letter-spacing:.22em;text-transform:uppercase;opacity:.7}.idx-cap .l2{margin-top:8px;font-family:var(--f-en);font-weight:600;font-size:clamp(17px,1.5vw,22px);letter-spacing:.06em}.book{background:var(--deep);color:var(--cream)}.book-a{display:block;text-align:center;padding:clamp(58px,7.4vw,124px) var(--pad)}.book-k{display:block;opacity:.58}.book-w{display:block;margin:16px 0 14px;font-family:var(--f-en);font-weight:600;font-size:clamp(46px,9.6vw,158px);line-height:.86;letter-spacing:-.02em}.book-s{display:block;opacity:.7;transition:opacity .3s var(--ease)}.book-a:hover .book-s{opacity:1}.logo-slot{display:block;color:var(--cream)}.hd-logo .logo-slot{width:132px;line-height:0}.hd-logo .logo-slot img{width:132px;height:auto}.new{padding:clamp(56px,7vw,110px) var(--pad) clamp(46px,5vw,80px)}.new-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.new-g{margin-top:clamp(26px,3vw,46px);display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.card{display:block}.card-ph{display:block;position:relative;aspect-ratio:900/1140;background:#fff;overflow:hidden}.card-ph img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.card-ph img.b{opacity:0;transition:opacity .16s linear}.card:hover .card-ph img.b{opacity:1}.card-t{display:block;margin-top:12px;padding-right:12px;font-family:var(--f-jp);font-size:13px;line-height:1.5;letter-spacing:.02em}.card-m{margin-top:5px;display:flex;justify-content:space-between;gap:10px;padding-right:12px;color:var(--ink-60);font-size:12px}.new-g .card{min-width:0}.even{background:var(--deep);color:var(--cream);padding:clamp(52px,6vw,90px) var(--pad)}.even-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.even-t{font-family:var(--f-en);font-weight:600;font-size:clamp(26px,3vw,44px);line-height:1;letter-spacing:.01em}.even-l{opacity:.62}.even-w{margin-top:clamp(24px,3vw,44px);display:flex;flex-wrap:wrap;gap:16px 10px}.even-w figure{width:92px;flex:none;transform-origin:50% 0}.even-w img,.even-w svg{width:92px;height:130px;object-fit:cover;background:var(--deep-2);box-shadow:0 10px 22px #0000006b;border-radius:1px}.even-n{margin-top:26px;color:#eee9d69e;font-size:12px;letter-spacing:.06em}.voice{padding:clamp(74px,9vw,140px) var(--pad);text-align:center}.voice-l{font-family:var(--f-en);font-weight:600;font-size:clamp(34px,5.6vw,86px);line-height:1.02;letter-spacing:-.015em}.voice-l span{display:block}.voice-s{margin-top:24px;font-family:var(--f-en);font-weight:600;font-size:clamp(17px,1.8vw,26px);color:var(--ink-60)}.voice-j{margin:26px auto 0;max-width:34em;text-align:left}.door{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:#f6f2e6}.door-t{padding:clamp(44px,5.6vw,92px) clamp(24px,4vw,68px);display:flex;flex-direction:column;justify-content:center}.door-w{font-family:var(--f-en);font-weight:600;font-size:clamp(44px,7.4vw,120px);line-height:.88;letter-spacing:-.02em}.door-p{margin-top:18px;max-width:28em;color:var(--ink-60)}.door-b{margin-top:30px;display:block;align-self:flex-start;background:var(--ink);color:var(--cream);padding:0 30px;height:52px;overflow:hidden}.door-b span{display:block;transition:transform .34s var(--ease)}.door-b:hover span{transform:translateY(-52px)}.door-b i{font-style:normal;display:block;height:52px;line-height:52px;white-space:nowrap}.door-ph{position:relative;overflow:hidden;min-height:clamp(340px,42vw,560px);background:var(--deep-2)}.door-ph img,.door-ph svg{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0;object-position:50% 16%}.ft{background:var(--deep);color:var(--cream);padding:clamp(44px,4.6vw,64px) var(--pad) 26px}.ft-line{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:clamp(28px,3vw,40px);margin-bottom:clamp(28px,3vw,40px);border-bottom:1px solid rgba(238,233,214,.16)}.ft-line-h{font-family:var(--f-jp);font-size:15px;font-weight:500;letter-spacing:.08em}.ft-line-t{margin-top:8px;font-family:var(--f-jp);font-size:12.5px;line-height:1.9;letter-spacing:.04em;opacity:.78}.ft-line-a{flex:none;display:inline-block;padding:14px 26px;font-family:var(--f-jp);font-size:13px;letter-spacing:.12em;border:1px solid rgba(238,233,214,.5);transition:background .25s var(--ease),color .25s var(--ease)}.ft-line-a:hover{background:var(--cream);color:var(--deep)}.ft-g{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}.ft-h{font-family:var(--f-ui);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:400;opacity:.62;margin-bottom:14px}.ft nav a{display:block;padding:5px 0;opacity:.92}.ft nav a:hover{opacity:.6;transition:opacity .25s var(--ease)}.ft-logo img{width:150px;height:auto}.ft-tag{margin-top:14px;opacity:.62}.ft-b{margin-top:34px;padding-top:18px;border-top:1px solid rgba(238,233,214,.16);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:11px;color:#eee9d69e}.ft-loc{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.ft-loc label{display:flex;gap:6px;align-items:center;letter-spacing:.12em;text-transform:uppercase}.ft-loc select{font:inherit;font-size:11px;color:var(--cream);background:transparent;border:0;border-bottom:1px solid rgba(238,233,214,.28);padding:2px;border-radius:0}.ft-loc select option{color:var(--ink)}.ft-loc button{font-size:11px;letter-spacing:.12em;border-bottom:1px solid rgba(238,233,214,.28)}.js .ft-loc button{display:none}.ft-pay{display:flex;gap:6px;flex-wrap:wrap}.ft-pay svg{width:34px;height:22px}.js [data-rv]{clip-path:inset(0 0 100% 0)}.js [data-rv] .rv-i{transform:scale(1.06)}.js [data-rvt]{opacity:0;transform:translateY(16px)}@media(max-width:900px){:root{--hd:62px;--gap:10px}body{font-size:14px}.hd{padding:0 14px}.hd-l{gap:14px}.hd-r{gap:16px}.hd-logo img,.hd-logo .logo-slot,.hd-logo .logo-slot img{width:108px}.hd .lbl{font-size:10px;letter-spacing:.1em;white-space:nowrap}.fv-foot{bottom:16px;padding:0 14px;gap:12px}.fv-foot .cap{font-size:9px;letter-spacing:.14em;white-space:nowrap}.fv-foot .j{display:none}.fv-in{align-items:end;padding-bottom:76px}.fv-mark{width:62vw}.blk{grid-template-columns:1fr}.blk-r{grid-template-rows:auto auto}.ph-l,.ph-s{aspect-ratio:4/5}.book-w{letter-spacing:-.015em}.idx{grid-template-columns:1fr}.idx-l{position:relative;height:auto;padding:clamp(44px,9vw,64px) var(--pad)}.new-g{grid-template-columns:repeat(2,1fr);gap:1px 3px}.even-w figure,.even-w img,.even-w svg{width:74px}.even-w img,.even-w svg{height:105px}.door{grid-template-columns:1fr}.door-ph{aspect-ratio:16/10;min-height:0}.ft-g{grid-template-columns:1fr 1fr}.ft-logo{grid-column:1/-1}.ft-line{flex-direction:column;align-items:flex-start;gap:18px}}@media(max-width:480px){.ft-g{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.js [data-rv]{clip-path:none!important}.js [data-rv] .rv-i{transform:none!important}.js [data-rvt]{opacity:1!important;transform:none!important}.ph-par{transform:none!important}.fv-dim{opacity:.34!important}.fv-mark{opacity:1!important;transform:none!important}.fv-foot .dot{animation:none}*{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/bl-base.css.map */