/* 取扱ブランドのポップアップ・スマホのメニュー（トップページと同じ） */
.drawer{position:fixed;inset:0;z-index:40;background:var(--paper);display:flex;flex-direction:column;justify-content:center;padding:calc(80px + env(safe-area-inset-top,0px)) 32px 40px}
.drawer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}
.drawer a{text-decoration:none;display:grid}
.drawer .en{font-family:var(--f-latin);font-size:24px;letter-spacing:.18em;color:var(--ink)}
.drawer .ja{font-size:12px;color:var(--ink-soft);letter-spacing:.1em}
.drawer .sub-l{padding-left:16px;border-left:1px solid var(--gold-light);display:flex;flex-direction:column;gap:8px;margin-top:10px;font-size:13px}
.drawer .sub-l a.sub{padding-left:1em;position:relative;font-size:.92em;align-self:flex-start}
.drawer .sub-l a.sub::before{content:"";position:absolute;left:0;top:50%;width:.55em;height:1px;background:currentColor;opacity:.5}
.close{position:absolute;right:16px;top:calc(18px + env(safe-area-inset-top,0px));background:none;border:0;font-size:13px;letter-spacing:.2em;color:var(--ink);cursor:pointer;font-family:var(--f-latin)}
.nav .has-dd>button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.nav li.has-dd{position:static}
.has-dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:20px}
.dd{position:absolute;left:0;right:0;top:100%;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .6s cubic-bezier(.7,0,.2,1),visibility .6s}
.has-dd:hover .dd,.has-dd:focus-within .dd,.has-dd.open .dd{clip-path:inset(0 0 0 0);visibility:visible}
.dd-in{max-width:1180px;margin:0 auto;padding:44px clamp(16px,5vw,56px) 48px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) auto;gap:clamp(24px,4vw,56px);align-items:center}
.dd .lbl{font-family:var(--f-latin);font-size:14px;letter-spacing:.3em;color:var(--gold);margin:0 0 6px}
.dd .ttl{font-family:var(--f-copy);font-size:22px;letter-spacing:.12em;margin:0}
.dd .card{display:block;justify-self:center;text-decoration:none}
.dd .card img{display:block;width:clamp(150px,15vw,200px);height:auto;transition:opacity .4s ease}
.dd .card:hover img{opacity:.7}
.dd .b-name{font-family:var(--f-latin);font-size:28px;letter-spacing:.16em;margin:0;line-height:1.2}
.dd .b-kana{font-size:11px;letter-spacing:.24em;color:var(--ink-soft);margin:4px 0 0}
.dd ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,max-content);gap:18px 36px;justify-content:end}
.dd ul a{display:grid;justify-items:start;white-space:nowrap;min-width:11em;text-decoration:none;color:var(--ink);padding-bottom:8px;border-bottom:1px solid var(--line);position:relative}
.dd ul a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}
.dd ul a:hover::after,.dd ul a:focus-visible::after{transform:scaleX(1)}
.dd ul .e{font-family:var(--f-latin);font-size:11px;letter-spacing:.24em;color:var(--gold)}
.dd ul .j{font-size:13px;letter-spacing:.08em}
.dd .dd-in>*{opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}
.has-dd:hover .dd-in>*,.has-dd:focus-within .dd-in>*,.has-dd.open .dd-in>*{opacity:1;transform:none}
.dd-in>*:nth-child(2){transition-delay:.08s!important}.dd-in>*:nth-child(3){transition-delay:.16s!important}
.nav .has-dd>button{all:unset;cursor:pointer;display:grid;justify-items:center;color:var(--ink)}
.nav .has-dd.cur-page>button .en{color:var(--gold)}
.dd ul .e,.dd .lbl,.drawer .en,.close{text-transform:uppercase;font-variant-numeric:lining-nums tabular-nums}
.site ul a,.dd ul a{white-space:nowrap}
@media (max-width:820px){.dd-in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.drawer{padding-inline:28px}.drawer .en{font-size:21px}}