.oc{--k-day:#111;--k-occasion:#d8432a;--k-region:#2f6b4f;--k-season:#2c5d8a;--k-ingredient:#a66a12;min-width:0}
.oc *{min-width:0}
.oc-hd{padding:6px 0 10px;max-width:60em}
.oc-leg{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;padding:0;margin:14px 0 6px;font-size:10.5px}
.oc-leg i{display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-1px}
.k-day i,.oc-leg .k-day{background:var(--k-day)}.oc-leg .k-occasion{background:var(--k-occasion)}.oc-leg .k-region{background:var(--k-region)}.oc-leg .k-season{background:var(--k-season)}.oc-leg .k-ingredient{background:var(--k-ingredient)}
.k-day{--k:var(--k-day)}.k-occasion,.t-occasion{--k:var(--k-occasion)}.k-region,.t-region{--k:var(--k-region)}.k-season,.t-season{--k:var(--k-season)}.k-ingredient,.t-ingredient{--k:var(--k-ingredient)}
.oc-tag{display:inline-block;font-size:10.5px;letter-spacing:.12em;color:var(--k,var(--spot))}
/* A */
.oc-m{margin-top:34px}
.oc-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;background:transparent}
.oc-dw{font-size:10px;text-align:center;color:var(--mut);padding:4px 0}
.oc-c{position:relative;aspect-ratio:1/1.08;background:var(--sheet);border:1px solid var(--hl);overflow:hidden}
.oc-out{background:transparent;border-color:transparent}
.oc-c[class*=" t-"]{background:color-mix(in srgb,var(--k) 12%,#fff);border-color:color-mix(in srgb,var(--k) 35%,#fff);box-shadow:inset 0 -4px 0 var(--k)}
.oc-today{outline:2px solid var(--ink);outline-offset:-2px}
.oc-n{position:absolute;top:4px;left:6px;z-index:2;font-size:11px;font-weight:500}
.oc-dl,.oc-tl{position:absolute;inset:0;display:block;text-decoration:none}
.oc-th{position:absolute;inset:14% 8% 18%;width:84%;height:68%;object-fit:contain}
.oc-th2{opacity:.55;inset:22% 18% 22%;width:64%;height:56%}
.oc-dl{background:#fff}.oc-dl:after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--ink)}
.oc-ct{position:absolute;left:0;right:0;bottom:6px;padding:0 5px;font:600 11px/1.15 var(--f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.oc-tl .oc-ct{color:var(--k);font-weight:800}
.oc-list{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:4px 26px}
.oc-li{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--hl)}
.oc-li:before{content:none}
.oc-ld{font-size:10.5px;color:var(--k);padding-top:3px}
.oc-lt{font-weight:800;text-decoration:none}.oc-lt:hover{color:var(--spot)}
.oc-li p{margin:4px 0 0;font-size:14px;line-height:1.45}
@media (max-width:640px){.oc-ct{display:none}.oc-th{inset:22% 6% 8%;width:88%;height:70%}.oc-grid{gap:2px}.oc-n{font-size:10px;left:4px;top:2px}.oc-li{grid-template-columns:80px 1fr}}
/* B */
.oc-mb{margin-top:40px}
.oc-mh{font:900 clamp(28px,4vw,40px)/1 var(--f);letter-spacing:-.03em;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--ink);display:flex;flex-wrap:wrap;align-items:baseline;gap:12px}
.oc-ag{list-style:none;margin:0;padding:0}
.oc-ag>li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px solid var(--hl)}
.oc-bd8{display:flex;flex-direction:column;align-items:flex-start;font-size:10.5px;color:var(--mut)}
.oc-bd8 b{font:900 34px/1 var(--f);letter-spacing:-.03em;color:var(--ink)}
.oc-band .oc-bd8 b{color:var(--k)}
.oc-bb{background:color-mix(in srgb,var(--k) 9%,#fff);border-left:6px solid var(--k);padding:16px 18px}
.oc-bb h3,.oc-rb h3{font:800 clamp(20px,2.4vw,26px)/1.15 var(--f);letter-spacing:-.02em;margin:6px 0 6px}
.oc-bb h3 a,.oc-rb h3 a{text-decoration:none}.oc-bb h3 a:hover,.oc-rb h3 a:hover{color:var(--spot)}
.oc-bb p,.oc-rb p{margin:0 0 8px;max-width:46em}
.oc-strip{list-style:none;padding:0;margin:10px 0 4px;display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.oc-strip a{display:block;text-decoration:none;text-align:center;font:600 12px/1.2 var(--f)}
.oc-bi{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border:1px solid var(--hl)}
.oc-strip span{display:block;margin-top:4px}
.oc-rb{display:grid;grid-template-columns:140px minmax(0,1fr);gap:18px;align-items:start}
.oc-ri img{width:100%;height:auto;background:#fff;border:1px solid var(--hl)}
@media (max-width:640px){.oc-ag>li{grid-template-columns:44px minmax(0,1fr);gap:10px}.oc-bd8 b{font-size:26px}.oc-rb{grid-template-columns:84px minmax(0,1fr);gap:12px}.oc-bb{padding:12px}.oc-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* C */
.oc-next{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:22px;margin:18px 0 10px}
.oc-nx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);background:var(--sheet);border:1px solid var(--hl);border-top:6px solid var(--k)}
.oc-nxi{background:color-mix(in srgb,var(--k) 8%,#fff);display:block}.oc-nxi img{width:100%;height:100%;object-fit:contain;display:block}
.oc-nxb{padding:22px;display:flex;flex-direction:column;gap:8px}
.oc-nxb h2{font:900 clamp(24px,3vw,34px)/1.08 var(--f);letter-spacing:-.03em;margin:0}.oc-nxb h2 a{text-decoration:none}
.oc-nxb p{margin:0}
.oc-chips{display:flex;flex-wrap:wrap;gap:6px}.oc-ch{width:46px;height:46px;background:#fff;border:1px solid var(--hl)}
.oc-soon{border-top:2px solid var(--ink);padding-top:10px}.oc-soon h3{font-size:11px;margin:0 0 6px}
.oc-soon ol{list-style:none;padding:0;margin:0}.oc-soon li{border-bottom:1px solid var(--hl)}
.oc-soon a{display:block;padding:10px 0;text-decoration:none;font-weight:700;line-height:1.3}.oc-soon a span{display:block;color:var(--spot);font-size:10.5px;font-weight:500;margin-bottom:2px}
.oc-soon a:hover{color:var(--spot)}
.oc-tabs{display:flex;gap:4px;overflow-x:auto;padding:12px 0 2px;margin:8px 0 14px;border-bottom:2px solid var(--ink);scrollbar-width:none}
.oc-tabs a{flex:0 0 auto;text-decoration:none;padding:8px 14px;border:1px solid var(--hl);border-bottom:0;background:var(--sheet);font-size:12px;text-align:center}
.oc-tabs small{display:block;font-size:9px;color:var(--mut)}
.oc-tabs a[aria-selected=true]{background:var(--ink);color:#fff}.oc-tabs a[aria-selected=true] small{color:#ccc}
.oc-panel{margin-bottom:28px}
.oc-mos{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:10px}
.oc-tile a{display:flex;flex-direction:column;height:100%;text-decoration:none;background:var(--sheet);border:1px solid var(--hl);border-bottom:4px solid var(--k)}
.oc-tile img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:color-mix(in srgb,var(--k) 7%,#fff)}
.oc-tb{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px}.oc-tb b{font:800 16px/1.2 var(--f)}
.oc-big{grid-column:span 2}.oc-big img{aspect-ratio:2/1}.oc-big .oc-tb b{font-size:20px}
.oc-tile a:hover b{color:var(--spot)}
@media (max-width:900px){.oc-next{grid-template-columns:1fr}.oc-mos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.oc-nx{grid-template-columns:1fr}.oc-nxi img{max-height:300px}.oc-nxb{padding:16px}.oc-tb b{font-size:14px}.oc-big .oc-tb b{font-size:17px}}
/* detail */
.oc-dt{max-width:980px}
.oc-dg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:0;background:var(--sheet);border:1px solid var(--hl);border-top:6px solid var(--spot);margin:22px 0}
.oc-di{display:block;background:#f7f4ee}.oc-di img{width:100%;height:auto;display:block}
.oc-dc{padding:24px;display:flex;flex-direction:column;gap:8px}.oc-dc h2{font:900 clamp(26px,3vw,36px)/1.05 var(--f);letter-spacing:-.03em;margin:0}.oc-dc h2 a{text-decoration:none}.oc-dc p{margin:0}
.oc-ds{max-width:44em}.oc-h2{font:800 20px/1.2 var(--f);margin:26px 0 6px}
.oc-src{padding-left:18px}.oc-src li{margin:4px 0;overflow-wrap:anywhere}
.oc-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}
.oc-pn{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--hl);background:var(--sheet);text-decoration:none;font-weight:700}
.oc-pn span{font-size:10.5px;font-weight:500}.oc-pn2{text-align:right;grid-column:2}.oc-pn:hover{border-color:var(--ink)}
@media (max-width:640px){.oc-dg{grid-template-columns:1fr}.oc-dc{padding:16px}.oc-nav{grid-template-columns:1fr}.oc-pn2{grid-column:auto}}
.oc-mh .mono{font-size:13px;letter-spacing:.1em}
.oc-tag svg,.oc-lic{vertical-align:-3px}.oc-lic{display:block;margin-bottom:4px;color:var(--k)}
.oc-ci{position:absolute;top:4px;right:4px;z-index:2;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid var(--k,var(--ink));color:var(--k,var(--ink))}.oc-dl:after{content:none}.oc-c.t-occasion .oc-ci,.oc-c[class*=" t-"] .oc-ci{border-color:var(--k)}@media (max-width:640px){.oc-ci{width:16px;height:16px;top:2px;right:2px}.oc-ci svg{width:10px;height:10px}}

.tl-hd{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 16px;align-items:center;padding:6px 0 10px;max-width:60em}
.tl-hd .lead,.tl-leg,.tl-mn{grid-column:1/-1}.tl-hd h1{margin:4px 0 0}
.tl-emb{width:68px;height:68px;display:grid;place-items:center;background:var(--sheet);border:1px solid var(--hl);box-shadow:4px 4px 0 var(--ink)}
.tl-leg{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:0;margin:8px 0 0;font-size:10px;color:var(--mut)}
.tl-leg li{display:inline-flex;align-items:center;gap:5px}.tl-leg svg{color:var(--ink)}
.tl-mn{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 0}
.tl-mn a{text-decoration:none;border:1px solid var(--ink);padding:6px 10px;font-size:11px;background:var(--sheet)}.tl-mn small{margin-left:3px;color:var(--mut)}.tl-mn a:hover{background:var(--ink);color:#fff}
.tl-m{margin-top:34px;max-width:900px}
.tl-mh{position:sticky;top:0;z-index:5;display:flex;align-items:baseline;gap:10px;margin:0 0 6px;padding:10px 0;background:var(--paper);border-bottom:2px solid var(--ink);font:900 clamp(28px,5vw,42px)/1 var(--f);letter-spacing:-.03em}
.tl-mh .mono{font-size:13px;color:var(--mut);letter-spacing:.12em}
.tl{list-style:none;margin:0;padding:8px 0 0;position:relative;--bx:64px}
.tl:before{content:"";position:absolute;left:calc(var(--bx)/2 - 1px);top:0;bottom:0;width:2px;background:repeating-linear-gradient(var(--ink) 0 6px,transparent 6px 10px);opacity:.35}
.tl>li{padding:0;list-style:none}.tl>li:before{content:none}.tl-it{position:relative;display:grid;grid-template-columns:var(--bx) minmax(0,1fr);gap:14px;margin:14px 0}
.tl-bdg{position:relative;z-index:1;align-self:start;width:var(--bx);text-align:center;background:var(--ink);color:#fff;padding:8px 0 7px;font-family:var(--m);box-shadow:0 0 0 5px var(--paper)}
.tl-bdg b{display:block;font:900 30px/1 var(--f);letter-spacing:-.03em}
.tl-bdg span{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-top:3px}
.tl-bdg small{display:block;font-size:9px;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-top:2px}
.tl-it[class*=" k-"]:not(.k-day) .tl-bdg{background:var(--k)}
.tl-rng b{font-size:21px;padding-top:4px}.tl-rng b i{font-style:normal;font-weight:400;opacity:.7}
.tl-it:not(.k-day):after{content:"";position:absolute;left:calc(var(--bx)/2 - 2px);top:60px;bottom:-8px;width:4px;background:var(--k)}
.tl-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:16px;background:var(--sheet);border:1px solid var(--hl);padding:16px 16px 16px 18px;box-shadow:0 1px 0 var(--hl)}
.tl-card:before{content:"";position:absolute;left:-15px;top:22px;width:14px;height:2px;background:var(--ink);opacity:.35}
.tl-tx{display:flex;flex-direction:column;gap:6px;min-width:0}
.tl-tag{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;color:var(--k,var(--spot))}
.k-day .tl-tag{color:var(--spot)}
.tl-tag svg{flex:none;width:26px;height:26px;padding:4px;border:1px solid currentColor;border-radius:50%}
.tl-card h3{font:800 clamp(19px,2.4vw,24px)/1.15 var(--f);letter-spacing:-.02em;margin:0}.tl-card h3 a{text-decoration:none}.tl-card h3 a:hover{color:var(--spot)}
.tl-sp{margin:0;font-size:11px;display:flex;align-items:center;flex-wrap:wrap;gap:2px}
.tl-sp .es{font:500 11px var(--m);padding:2px 6px;border:1px solid var(--spot);color:var(--spot);position:static;margin-left:6px;background:none}
.tl-bl{margin:0;font-size:15px;line-height:1.5}
.tl-card .go{align-self:flex-start;font-size:11px;margin-top:4px}
.tl-im{align-self:center}.tl-im img{width:100%;height:auto;display:block}
.tl-theme{grid-template-columns:1fr;background:color-mix(in srgb,var(--k) 10%,#fff);border-color:color-mix(in srgb,var(--k) 30%,#fff);border-left:6px solid var(--k);padding-left:16px}
.tl-theme:before{background:var(--k);opacity:1;left:-20px;width:14px}
.tl-when{margin:0;font-size:11px;color:var(--k)}
.tl-soups{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.tl-soups>li{padding:0;margin:0;list-style:none;min-width:0}.tl-soups>li:before,.tl-soups>li:after{content:none;display:none}.tl-soups span{overflow-wrap:anywhere;hyphens:auto}.tl-soups a{display:block;text-decoration:none;text-align:center;font:600 12px/1.2 var(--f)}.tl-soups a:hover span{color:var(--spot)}
.tl-si{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border:1px solid var(--hl)}.tl-soups span{display:block;margin-top:4px}
.tl-gap{position:relative;height:22px;margin:-4px 0}
.tl-gap span{position:absolute;left:calc(var(--bx) + 14px);top:3px;font-size:9.5px;color:var(--mut);letter-spacing:.1em}
.tl-flag{position:absolute;top:-11px;right:12px;background:var(--spot);color:#fff;font-size:10px;padding:3px 8px;letter-spacing:.12em}
.tl-next .tl-card,.tl-now .tl-card{outline:2px solid var(--spot);outline-offset:-1px}
.tl-past{opacity:.55}.tl-past .tl-bdg{background:var(--mut)!important}
@media (max-width:640px){
 .tl{--bx:54px}.tl-it{gap:10px}.tl-bdg b{font-size:25px}.tl-rng b{font-size:16px}
 .tl-card{grid-template-columns:minmax(0,1fr) 84px;gap:10px;padding:12px}
 .tl-card .tl-tx{display:contents}
 .tl-card .tl-tag,.tl-card h3,.tl-card .tl-sp,.tl-card .tl-bl,.tl-card .go,.tl-card .tl-when{grid-column:1/-1}
 .tl-card .tl-tag{grid-column:1;grid-row:1}.tl-card h3{grid-column:1;grid-row:2}.tl-card .tl-sp{grid-column:1;grid-row:3}
 .tl-im{grid-column:2;grid-row:1/4;align-self:start}
 .tl-theme{padding-left:12px;grid-template-columns:minmax(0,1fr)}.tl-theme .tl-tx{display:flex}.tl-theme .go{grid-column:1}.tl-soups{grid-template-columns:repeat(3,minmax(0,1fr))}
 .tl-card:before{left:-11px;width:10px}.tl-theme:before{left:-16px}
 .tl-bl{font-size:14.5px}
 .tl-hd{grid-template-columns:auto minmax(0,1fr)}.tl-emb{width:56px;height:56px}.tl-emb svg{width:36px;height:36px}
}

@media (max-width:760px){.lay-a{display:none!important}}
@media (min-width:761px){.lay-b{display:none!important}}
.lay-ah,.lay-bh{max-width:60em}.lay-ah .tl-leg{margin-top:14px}

.oc-ev{position:absolute;top:28px;left:5px;right:5px;z-index:2;font:700 10.5px/1.18 var(--f);color:var(--ink);text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.oc-dl.ev .oc-th{inset:auto 12% 22px;top:56px;width:76%;height:calc(100% - 80px)}