:root{--ai:#22405e;--kinari:#ede3d1;--kaki:#b5532a;--sumi:#2b2a28;--bg:#faf7f0;--line:#d8ccb6}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--sumi);font-family:"BIZ UDPGothic",sans-serif;font-size:17px;line-height:1.85}
img{max-width:100%;display:block}
a{color:inherit}
.ln{display:block;white-space:nowrap}
.mincho{font-family:"Shippori Mincho",serif;color:var(--ai);font-weight:700;letter-spacing:.04em}
.wrap{max-width:1120px;margin:0 auto;padding:0 32px}
/* header */
.hd{position:sticky;top:0;z-index:20;background:rgba(250,247,240,.96);border-bottom:2px solid var(--ai)}
.hd .in{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;max-width:1280px;margin:0 auto}
.hd .logo img{height:52px;width:auto}
.hd .r{display:flex;align-items:center;gap:20px;font-size:14px}
.tel{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--ai);color:var(--ai);padding:8px 16px;font-weight:700;text-decoration:none}
.tel:hover,.tel:focus-visible{background:var(--ai);color:var(--bg)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;font-weight:700;text-decoration:none;border:2px solid var(--ai);color:var(--ai);font-size:16px}
.btn.kaki{background:var(--kaki);border-color:var(--kaki);color:#fff}
.btn:hover,.btn:focus-visible{filter:brightness(1.08);outline:3px solid rgba(34,64,94,.25);outline-offset:2px}
/* tema */
.sec{padding:96px 0}
.eyebrow{font-size:14px;color:var(--ai);letter-spacing:.2em}
.eyebrow::after{content:"";display:block;width:56px;height:2px;background:var(--ai);margin-top:10px}
.sec h2{font-size:clamp(26px,3vw,36px);margin:22px 0 44px;line-height:1.5}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease-out,transform .8s ease-out}
.reveal.on{opacity:1;transform:none}

.ev{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.ev .im{position:relative;aspect-ratio:3/2;overflow:hidden;border:2px solid var(--ai)}
.ev .im img{width:100%;height:100%;object-fit:cover}
.steps{list-style:none;margin:28px 0 32px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:st}
.steps li{border-top:2px solid var(--ai);padding-top:12px;font-size:16px;line-height:1.7;counter-increment:st}
.steps li::before{content:counter(st);display:block;font-family:"Shippori Mincho",serif;font-weight:700;color:var(--ai);font-size:22px}
.ev .ex{margin:0 0 6px}
.stmt{background:var(--kinari);padding:96px 0}
.stmt .body{max-width:760px}
.stmt p{margin:0 0 1.2em}
.stmt .sign{font-family:"Shippori Mincho",serif;color:var(--ai);font-weight:700;font-size:22px;margin-top:28px}
.info{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.info dl{display:grid;grid-template-columns:110px 1fr;gap:14px 18px;margin:0}
.info dt{color:var(--ai);font-weight:700}
.info dd{margin:0}
.ft{background:var(--ai);color:var(--bg);padding:48px 0 40px;font-size:14px}
.ft a{color:var(--bg)}
.ft .row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:flex-end}
.ft .name{font-family:"Shippori Mincho",serif;font-size:20px;font-weight:700}
.ft .flogo{display:inline-block;background:var(--bg);padding:6px 10px;margin-bottom:16px}
.ft .flogo img{height:44px;width:auto}
.ft small{display:block;margin-top:20px;opacity:.8}
@media (max-width:760px){
 .ev,.info{grid-template-columns:1fr;gap:28px}
 .steps{grid-template-columns:1fr}
 .stmt{padding:64px 0}
 .info dl{grid-template-columns:90px 1fr}
}
@keyframes rise{to{opacity:1;transform:none}}
/* sp */
.spbar{display:none}
@media (max-width:760px){
 body{font-size:16px;padding-bottom:64px}
 .hd .in{padding:10px 16px}.hd .logo img{height:40px}.hd .r .hours,.hd .r .tel{display:none}
 .wrap{padding:0 20px}
 .sec{padding:64px 0}
 .spbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:30}
 .spbar a{min-height:58px;display:flex;align-items:center;justify-content:center;font-weight:700;text-decoration:none;color:#fff}
 .spbar .a{background:var(--kaki)}.spbar .b{background:var(--ai)}
}
@media (prefers-reduced-motion:reduce){
 .reveal{opacity:1;transform:none;transition:none}
 html{scroll-behavior:auto}
}
.no-js .reveal{opacity:1;transform:none}
/* ---- 共通のメニュー ---- */
.gnav{display:flex;gap:4px;align-items:center}
.gnav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;text-decoration:none;font-size:15px;font-weight:700;color:var(--ai);border-bottom:2px solid transparent}
.gnav a:hover,.gnav a:focus-visible{border-bottom-color:var(--kaki);outline:none}
.gnav a[aria-current=page]{border-bottom-color:var(--ai)}
.hd .in{gap:20px}
.hd .r{margin-left:auto}
.mbtn{display:none}
@media (max-width:1080px){.hd .r .hours{display:none}}
@media (max-width:900px){
 .gnav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:var(--bg);border-bottom:2px solid var(--ai);padding:8px 20px 16px}
 .gnav.open{display:flex}
 .gnav a{min-height:52px;font-size:17px;border-bottom:1px solid var(--line)}
 .mbtn{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;border:2px solid var(--ai);background:transparent;color:var(--ai);font:700 14px "BIZ UDPGothic",sans-serif;cursor:pointer}
 .hd .in{position:relative}
}
/* ---- 下層ページの見出し ---- */
.phd{padding:72px 0 40px;border-bottom:1px solid var(--line)}
.phd h1{font-size:clamp(28px,3.4vw,42px);margin:18px 0 0;line-height:1.45}
.phd p{max-width:720px;margin:18px 0 0}
.crumb{font-size:13px;color:#6b665e}
.crumb a{color:#6b665e}
/* ---- 本文 ---- */
.prose{max-width:760px}
.prose p{margin:0 0 1.2em}
.chap{display:grid;grid-template-columns:200px 1fr;gap:40px;padding:56px 0;border-top:1px solid var(--line)}
.chap:first-child{border-top:0}
.chap .no{font-family:"Shippori Mincho",serif;color:var(--ai);font-weight:700;font-size:15px;letter-spacing:.15em}
.chap h2{font-size:clamp(22px,2.4vw,28px);margin:0 0 18px;line-height:1.55}
.chap p{margin:0 0 1em;max-width:680px}
.chap .im{position:relative;aspect-ratio:3/2;overflow:hidden;border:2px solid var(--ai);margin-top:22px;max-width:680px}
.chap .im img{width:100%;height:100%;object-fit:cover}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:0;border:2px solid var(--ai);max-width:760px;margin:8px 0 0}
.pair div{padding:18px 22px}
.pair div+div{border-left:2px solid var(--ai);background:var(--kinari)}
.pair b{display:block;font-size:13px;color:var(--ai);letter-spacing:.15em;margin-bottom:6px}
.pair p{margin:0}
/* ---- 売り場 ---- */
.dept{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:56px 0;border-top:1px solid var(--line)}
.dept:nth-of-type(even)>.im,.dept:nth-of-type(even)>.fig{order:2}
.dept .im{position:relative;aspect-ratio:4/3;overflow:hidden;border:2px solid var(--ai)}
.dept .im img{width:100%;height:100%;object-fit:cover}
.dept .tag{font-size:13px;letter-spacing:.2em;color:var(--ai)}
.dept h2{font-size:clamp(24px,2.6vw,32px);margin:8px 0 16px;line-height:1.5}
.dept ul{margin:16px 0 0;padding-left:1.2em}
.dept li{margin:4px 0}
/* ---- お知らせ ---- */
.news{list-style:none;margin:0;padding:0;border-top:2px solid var(--ai);max-width:860px}
.news li{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:18px 4px;border-bottom:1px solid var(--line)}
.news time{color:var(--ai);font-weight:700;font-size:16px}
/* ---- 入口の札 ---- */
/* ---- 地図 ---- */
.gmap{border:2px solid var(--ai);aspect-ratio:4/3;width:100%;background:var(--kinari)}
.gmap iframe{width:100%;height:100%;border:0;display:block}
/* ---- 下 ---- */
.ft .links{display:flex;flex-wrap:wrap;gap:6px 22px;margin:22px 0 0;padding:0;list-style:none}
.ft .links a{text-decoration:none}
.ft .links a:hover,.ft .links a:focus-visible{text-decoration:underline}
@media (max-width:760px){
 .phd{padding:44px 0 28px}
 .chap{grid-template-columns:1fr;gap:10px;padding:40px 0}
 .pair{grid-template-columns:1fr}.pair div+div{border-left:0;border-top:2px solid var(--ai)}
 .dept{grid-template-columns:1fr;gap:22px;padding:40px 0}
 .dept:nth-of-type(even)>.im,.dept:nth-of-type(even)>.fig{order:0}
 .news li{grid-template-columns:1fr;gap:2px}
}
/* ---- 深掘りの指摘の手当て（2026-11-03） ---- */
.skip{position:absolute;left:-9999px;top:8px;z-index:50;background:var(--ai);color:#fff;padding:10px 16px;font-weight:700}
.skip:focus{left:12px}
.capb{margin:8px 0 0;font-size:15px;color:#4a463f}
.dept .capb{margin:0;padding:6px 24px 0}
.crumb{font-size:16px}
.ft{font-size:16px}
.ft .links a{display:inline-flex;align-items:center;min-height:44px}
.dept .tag{font-size:14px}
.fig{margin:0}
.chap .fig .im{margin-top:22px}
.nb{display:inline-block}
h1,h2,h3,.lead,.btn{word-break:auto-phrase;text-wrap:balance}
/* ---- 最初の画面（2026-11-03 深掘り: 写真を画面いっぱいに・札を重ねる・手元の 3 枚を切り替える） ---- */
.fv{position:relative;height:clamp(520px,calc(100vh - 228px),760px);height:clamp(520px,calc(100svh - 228px),760px);overflow:hidden;background:var(--sumi)}
.fv .ph{position:absolute;inset:0}
.fv .sl{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.6s ease}
.fv .sl.on{opacity:1}
.fv .sl img{width:100%;height:100%;object-fit:cover}
.fv .sl.on img{animation:fvzoom 8s ease-out both}
@keyframes fvzoom{from{transform:scale(1.06)}to{transform:scale(1)}}
.fv .cap{position:absolute;right:16px;top:14px;font-size:13px;color:#fff;background:rgba(0,0,0,.62);padding:3px 10px;z-index:2}
.fuda1{position:absolute;z-index:3;left:max(32px,calc((100vw - 1216px)/2));bottom:48px;width:min(600px,52vw);background:rgba(250,247,240,.96);border:2px solid var(--ai);padding:40px 44px 36px;display:flex;flex-direction:column;gap:20px;animation:rise 1s ease-out .3s both}
.fuda1::before{content:"";position:absolute;inset:6px;border:1px solid rgba(34,64,94,.35);pointer-events:none}
.fuda1>*{position:relative}
.fv h1{font-size:clamp(34px,4vw,56px);line-height:1.4;margin:0}
.fv .lead{margin:0;font-size:17px}
.fv .cta{display:flex;flex-wrap:wrap;gap:12px}
.fv .ctl{position:absolute;z-index:3;right:max(32px,calc((100vw - 1216px)/2));bottom:48px;display:flex;gap:0;border:2px solid var(--ai);background:var(--bg)}
.fv .ctl[hidden]{display:none}
.fv .ctl button{min-height:48px;min-width:64px;padding:0 14px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--ai);font:700 15px "BIZ UDPGothic",sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.fv .ctl button:first-child{border-left:0}
.fv .ctl button span{font-family:"Shippori Mincho",serif;font-size:13px;color:#5a6b7c}
.fv .ctl button[aria-pressed=true]{background:var(--ai);color:var(--bg)}
.fv .ctl button[aria-pressed=true] span{color:var(--kinari)}
.fv .ctl .stop{color:var(--sumi);font-weight:400;font-size:14px}
.fv .ctl button:focus-visible{outline:3px solid var(--kaki);outline-offset:-3px}
@media (max-width:1000px){
 .fv{height:auto;min-height:0;max-height:none;overflow:visible;background:var(--bg);display:flex;flex-direction:column}
 .fv .ph{position:relative;inset:auto;height:clamp(300px,min(72vw,58vh),560px);overflow:hidden}
 .fuda1{position:relative;left:auto;bottom:auto;width:auto;margin:-64px 20px 0;padding:32px 26px 28px;background:var(--bg)}
 .fv .ctl{position:relative;right:auto;bottom:auto;align-self:center;margin:20px 20px 4px}
}
@media (max-width:760px){
 .fv .ph{height:clamp(260px,78vw,400px)}
 .fuda1{margin:-48px 14px 0;padding:28px 20px 24px;gap:16px}
 .fv h1{font-size:clamp(30px,8.6vw,40px)}
 .fv .lead{font-size:16px}
 .fv .ctl button{min-width:0;padding:0 12px}
}
@media (prefers-reduced-motion:reduce){
 .fv .sl{transition:none}
 .fv .sl.on img,.fuda1{animation:none}
}
/* ---- 押せる所の見え方（全ページ共通・2026-11-03 磨き込み） ---- */
:focus-visible{outline:3px solid var(--kaki);outline-offset:3px}
.ft :focus-visible,.spbar :focus-visible{outline-color:var(--kinari);outline-offset:-5px}
.tel{min-height:44px;transition:background-color .2s ease,color .2s ease}
.btn{transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.btn:hover,.btn:focus-visible{filter:none;background:var(--ai);color:var(--bg);outline:none}
.btn:focus-visible{outline:3px solid var(--kaki);outline-offset:3px}
.btn.kaki:hover,.btn.kaki:focus-visible{background:#9a4422;border-color:#9a4422;color:#fff}
.btn.kaki:focus-visible{outline-color:var(--ai)}
/* ---- トップの段（2026-11-03 磨き込み: 約束→手間→頼み方→お知らせ→入口→お店の情報） ---- */
.tp-yaku h2,.tp-tema h2,.tp-ask h2,.tp-shop h2{font-size:clamp(26px,3vw,36px);line-height:1.5;margin:20px 0 0}
/* 約束: 生成りの帯・左に一文、右に本文 */
.tp-yaku{background:var(--kinari);padding:120px 0}
.tp-yaku .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.tp-yaku h2{font-size:clamp(28px,3.4vw,42px);line-height:1.55}
.tp-yaku .tx{max-width:38em;padding-top:42px}
.tp-yaku .tx p{margin:0 0 1.3em;line-height:2}
.tp-yaku .sign{font-family:"Shippori Mincho",serif;color:var(--ai);font-weight:700;font-size:22px;letter-spacing:.04em;margin:32px 0 0;padding-top:20px;border-top:1px solid var(--ai)}
/* 手間: 写真と一文を 3 つ並べる（箱にしない） */
.tp-tema{padding:120px 0 96px}
.tp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 40px;flex-wrap:wrap;margin-bottom:52px}
.tp-head .btn{flex:none}
.tema{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.tema .im{aspect-ratio:4/5;overflow:hidden;background:var(--kinari)}
.tema .im img{width:100%;height:100%;object-fit:cover}
.tema .capb{margin:8px 0 0;font-size:14px}
.tema .b{margin-top:22px;padding-top:22px;border-top:2px solid var(--ai)}
.tema .no{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--ai);font-family:"Shippori Mincho",serif;font-weight:700;color:var(--ai);font-size:16px}
.tema h3{font-size:22px;line-height:1.5;margin:14px 0 10px}
.tema p{margin:0;font-size:16px}
.tema .reveal:nth-child(2){transition-delay:.12s}.tema .reveal:nth-child(3){transition-delay:.24s}
/* 頼み方: 最初の画面と同じ二重線の札にくるむ */
.tp-ask{padding:0 0 120px}
.fudaw{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;border:2px solid var(--ai);padding:48px}
.fudaw::before{content:"";position:absolute;inset:6px;border:1px solid rgba(34,64,94,.35);pointer-events:none}
.fudaw>*{position:relative}
.fudaw .im{aspect-ratio:1/1;overflow:hidden}
.fudaw .im img{width:100%;height:100%;object-fit:cover}
.fudaw h2{margin-bottom:20px}
.fudaw .ex{margin:0;max-width:38em}
.tp-ask .steps{grid-template-columns:1fr;gap:0;margin:24px 0 32px}
.tp-ask .steps li{display:grid;grid-template-columns:40px 1fr;align-items:baseline;border-top:1px solid var(--line);padding:12px 0}
.tp-ask .steps li:last-child{border-bottom:1px solid var(--line)}
.tp-ask .steps li::before{font-size:20px;line-height:1.7}
/* お知らせ: 見出しを左に置いた細い帯 */
.tp-news{padding:0 0 104px}
.tp-news .wrap{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px}
.tp-news h2{font-size:24px;margin:0;padding-top:14px;line-height:1.5}
.tp-news .news{max-width:none}
.tp-news .news span{max-width:38em}
/* 入口: 1 枚の札を 4 つに区切る */
/* お店の情報: 生成りの帯で締める */
.tp-shop{background:var(--kinari);padding:96px 0}
.tp-shop .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 64px}
.tp-shop h2{font-size:clamp(24px,2.6vw,30px)}
.kv{margin:0;border-top:2px solid var(--ai)}
.kv div{display:grid;grid-template-columns:7em minmax(0,1fr);gap:16px;padding:14px 4px;border-bottom:1px solid var(--line)}
.kv dt{color:var(--ai);font-weight:700}
.kv dd{margin:0}
.kv a{color:var(--ai);font-weight:700}
.tp-shop .act{grid-column:2}
.tp-shop .hdc{grid-row:1/span 2}
.tatefuda{position:relative;display:inline-block;writing-mode:vertical-rl;margin-top:36px;padding:26px 18px;border:2px solid var(--ai);background:var(--bg);color:var(--ai);font-family:"Shippori Mincho",serif;font-weight:700}
.tatefuda::before{content:"";position:absolute;inset:5px;border:1px solid rgba(34,64,94,.35);pointer-events:none}
.tatefuda .s{display:block;font-size:15px;letter-spacing:.3em;margin-block-start:14px}
.tatefuda .m{display:block;font-size:30px;letter-spacing:.24em;line-height:1}
@media (max-width:900px){
 .tp-yaku .wrap,.tp-shop .wrap{grid-template-columns:1fr;gap:28px}
 .tp-yaku .tx{padding-top:0}
 .tp-shop .act{grid-column:auto}
 .tp-shop .hdc{grid-row:auto}
 .tatefuda{display:none}
 .tema{grid-template-columns:1fr;gap:44px}
 .tema li{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:28px;align-items:start}
 .tema .im{aspect-ratio:1/1}
 .tema .b{margin-top:0}
 .fudaw{grid-template-columns:1fr;gap:32px;padding:32px}
 .tp-news .wrap{grid-template-columns:1fr;gap:16px}
 .tp-news h2{padding-top:0}
}
@media (max-width:760px){
 .tp-yaku{padding:72px 0}
 .tp-tema{padding:72px 0 64px}
 .tp-head{margin-bottom:36px}
 .tp-ask{padding:0 0 72px}
 .tp-news{padding:0 0 64px}
 .tp-shop{padding:64px 0}
 .kv div{grid-template-columns:5.5em minmax(0,1fr);gap:12px}
}
@media (max-width:600px){
 .tema li{display:block}
 .tema .im{aspect-ratio:3/2}
 .tema .b{margin-top:18px}
 .fudaw{padding:18px 18px 26px;gap:24px}
}
@media (prefers-reduced-motion:reduce){.btn,.tel,.yoji a,.yoji a::after{transition:none}.yoji a:hover::after,.yoji a:focus-visible::after{transform:none}}
@media (max-width:760px){
 .tp-tema .wrap{display:flex;flex-direction:column}
 .tp-head{display:contents}
 .tp-head>div{margin-bottom:36px}
 .tp-head .btn{order:2;align-self:flex-start;margin-top:44px}
}
/* 1〜2 文字だけの行を作らない（本文・説明の行末） */
.yoji span,.phd p,.tema p,.ex,.kv dd,.news span{text-wrap:pretty}
/* ---- ご用件の札（最初の画面のすぐ下） ---- */
.yoji{padding:24px 0 8px;background:var(--bg)}
.yoji .wrap{max-width:1280px}
.yoji ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:2px solid var(--ai)}
.yoji li{background:var(--bg)}
.yoji a{position:relative;display:grid;grid-template-columns:40px 1fr;align-items:center;align-content:start;column-gap:12px;row-gap:8px;height:100%;padding:20px 44px 20px 20px;text-decoration:none;color:var(--sumi);transition:background-color .2s ease}
.yoji .ic{width:40px;height:40px;display:block}
.yoji svg{width:100%;height:100%;fill:none;stroke:var(--ai);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.yoji b{font-size:19px;line-height:1.4;white-space:nowrap}
.yoji span{grid-column:1/-1;font-size:14.5px;line-height:1.65}
.yoji .nb{display:inline-block}
.yoji em{font-style:normal;font-weight:700;color:var(--kaki)}
.yoji a::after{content:"→";position:absolute;right:18px;top:26px;color:var(--ai);font-weight:700;transition:transform .2s ease}
.yoji a:hover,.yoji a:focus-visible{background:var(--kinari);outline:none}
.yoji a:focus-visible{box-shadow:inset 0 0 0 3px var(--kaki)}
.yoji a:hover::after,.yoji a:focus-visible::after{transform:translateX(4px)}
@media (max-width:1000px){.yoji{padding-top:28px}.yoji ul{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
 .yoji{padding:24px 0 4px}
 .yoji a{grid-template-columns:1fr;padding:14px 14px 16px;row-gap:6px;align-items:start}
 .yoji .ic{width:32px;height:32px}
 .yoji b{font-size:16.5px;white-space:normal}
 .yoji span{font-size:13.5px;line-height:1.6}
 .yoji .nb{display:inline}
 .yoji .sep::before{content:"・"}
 .yoji a::after{top:16px;right:12px}
}
.nw,a[href^="tel:"]{white-space:nowrap}
/* ---- 2 周目: 角上魚類との残りの差 ---- */
.news .tag{display:inline-block;font-style:normal;font-size:13px;font-weight:700;line-height:1;padding:5px 8px 4px;margin-right:12px;border:1px solid var(--ai);color:var(--ai);vertical-align:2px}
.news .tag.uri{background:var(--ai);color:var(--bg)}
.tp-shop .act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.tp-shop .ig{color:var(--ai);font-weight:700;font-size:15px;text-underline-offset:4px}
.tp-shop .ig::after{content:" ↗"}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nf .yoji{padding:8px 0 0}
.nf .act{margin-top:32px}
@media (max-width:760px){
 .fv .ph{height:clamp(240px,66vw,340px)}
 .fv .ctl{position:absolute;top:12px;left:12px;right:auto;bottom:auto;margin:0;z-index:4;align-self:auto}
 .fv .ctl button{min-height:44px;font-size:14px;padding:0 10px}
 .fv .cta .btn:not(.kaki){display:none}
 .fv .cap{top:auto;bottom:58px;right:8px;font-size:12px}
 .fv{padding-bottom:4px}
}
/* gyoji: assortment samples and year-end notice */
.mihon{padding:0;scroll-margin-top:96px}
.mihon h2{font-size:clamp(24px,2.8vw,32px);margin:22px 0 32px}
.mh{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.mh .im{aspect-ratio:4/3;overflow:hidden;border:2px solid var(--ai)}
.mh .im img{width:100%;height:100%;object-fit:cover}
.mh h3{font-size:22px;margin:16px 0 6px}
.mh .mt{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0}
.mh .nin{font-weight:700;color:var(--ai)}
.mh .yoyaku{font-style:normal;border:1px solid var(--kaki);color:var(--kaki);padding:2px 12px;font-size:15px;white-space:nowrap}
.nenmatsu{display:flex;align-items:center;gap:24px;margin:56px 0 96px;padding:22px 28px;border:2px solid var(--ai);background:#fff}
.nenmatsu .k{writing-mode:vertical-rl;border:2px solid var(--ai);color:var(--ai);padding:12px 8px;font-size:22px;letter-spacing:.2em;flex:none}
.nenmatsu b{display:block;font-size:20px;line-height:1.6}
.nenmatsu p{margin:6px 0 0}
@media (max-width:760px){.mh{grid-template-columns:1fr;gap:36px}.nenmatsu{gap:16px;padding:18px;margin:40px 0 64px}.nenmatsu b{font-size:18px}}