:root{--ink:#141110;--paper:#f7f2ea;--card:#fffdf9;--red:#c8102e;--red-d:#9e0c24;--muted:#6b6259;--line:#e4dccf;
--sans:system-ui,-apple-system,"Segoe UI","Hiragino Sans","Noto Sans JP","Noto Sans KR","PingFang TC","PingFang SC","Microsoft JhengHei","Malgun Gothic",sans-serif;
--serif:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans);-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto;display:block}a{color:var(--red)}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
h1,h2,h3{line-height:1.25;margin:0 0 .5em}h2{font-size:clamp(1.5rem,3vw,2rem)}
.top{position:sticky;top:0;z-index:10;background:rgba(20,17,16,.96);color:#fff;backdrop-filter:blur(6px)}
.top-in{display:flex;align-items:center;gap:20px;min-height:64px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.logo-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--red);font:700 22px var(--serif)}
.logo b{display:block;font-size:17px;letter-spacing:.02em}.logo small{display:block;font-size:11px;color:#bdb3a8;line-height:1.2}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{color:#e9e2d8;text-decoration:none;padding:8px 12px;border-radius:8px;font-size:14px}
.nav a:hover,.nav a[aria-current]{background:#2b2522;color:#fff}
.lang{position:relative}.lang summary{cursor:pointer;list-style:none;font-size:13px;border:1px solid #4a413c;padding:6px 10px;border-radius:8px;color:#e9e2d8}
.lang summary::-webkit-details-marker{display:none}
.lang-list{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.25);padding:6px;min-width:150px}
.lang-list a{display:block;padding:8px 12px;color:var(--ink);text-decoration:none;border-radius:6px}
.lang-list a:hover,.lang-list a[aria-current]{background:var(--paper)}
.hero{background:linear-gradient(90deg,rgba(20,17,16,.95) 30%,rgba(20,17,16,.55)),url(/assets/img/kurenai.jpg) right center/cover no-repeat var(--ink);color:#fff}
.hero.beni{background-image:linear-gradient(90deg,rgba(20,17,16,.95) 30%,rgba(20,17,16,.5)),url(/assets/img/oni.jpg)}
.hero-in{padding:96px 20px 88px;max-width:1120px}
.hero h1{font:700 clamp(2.2rem,6vw,4rem)/1.1 var(--serif);max-width:14em}
.hero .lead{max-width:36em;color:#e8e0d6;font-size:1.06rem}
.kicker{color:var(--red);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:13px;margin:0 0 12px}
.hero .kicker{color:#ff5a6e}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{display:inline-block;background:var(--red);color:#fff;text-decoration:none;padding:12px 22px;border-radius:999px;font-weight:700;font-size:15px}
.btn:hover{background:var(--red-d)}
.btn.ghost{background:transparent;border:1.5px solid rgba(255,255,255,.6)}.btn.ghost:hover{background:rgba(255,255,255,.1)}
.btn.ghost.dark{color:var(--ink);border-color:var(--ink)}.btn.ghost.dark:hover{background:var(--ink);color:#fff}
.sec{padding:72px 20px}.sub{color:var(--muted);margin-top:-4px}
.styles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:28px}
.style{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;position:relative;overflow:hidden}
.style .kanji{position:absolute;right:-6px;top:-14px;font:700 76px/1 var(--serif);color:var(--red);opacity:.1}
.style h3{font-size:1.15rem}.style p{margin:0;color:#3d3631;font-size:15px}
.feature{background:var(--ink);color:#f1ebe3}
.feature-in{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:64px 20px}
.feature img{border-radius:14px}.feature.slim .feature-in{padding:48px 20px}
.teaser{text-align:center}.teaser p{max-width:34em;margin-left:auto;margin-right:auto}
.page-head{background:var(--ink);color:#fff;padding:64px 0 48px}.page-head h1{font:700 clamp(2rem,5vw,3.2rem)/1.15 var(--serif)}
.page-head .lead{color:#d9d0c5;max-width:36em}
.steps{list-style:none;counter-reset:s;padding:0;display:grid;gap:14px;margin-top:24px}
.steps li{counter-increment:s;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px 18px 76px;position:relative}
.steps li::before{content:counter(s);position:absolute;left:20px;top:18px;width:40px;height:40px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:700}
.steps h3{font-size:1.1rem;margin-bottom:4px}.steps p{margin:0;color:#3d3631}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.words{width:100%;border-collapse:collapse;background:var(--card);border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.words th,.words td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top;font-size:15px}
.words th{width:45%;font-weight:700}.words tr:last-child th,.words tr:last-child td{border-bottom:0}
.manners{padding-left:1.2em}.manners li{margin-bottom:10px}
.points{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.point{border-top:3px solid var(--red);padding-top:14px}.point h3{font-size:1.1rem}.point p{margin:0;color:#3d3631;font-size:15px}
.scale{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 24px;color:var(--muted);font-size:14px}.scale b{color:var(--ink)}
.chili{display:inline-flex;gap:3px;vertical-align:middle}
.chili .c{width:10px;height:14px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:#e3d9cc;display:inline-block}
.chili .c.on{background:var(--red)}.chili .c.half{background:linear-gradient(90deg,var(--red) 50%,#e3d9cc 50%)}
.menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.item{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.item img{aspect-ratio:550/330;object-fit:cover;width:100%}
.item-b{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.item-b h3{font-size:1.1rem}.item-b p{margin:0 0 14px;color:#3d3631;font-size:15px;flex:1}
.item-f{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted)}.item-f b{font-size:1.2rem;color:var(--ink)}
.badge{display:inline-block;font-size:11px;background:var(--ink);color:#fff;padding:2px 8px;border-radius:99px;vertical-align:middle}
.note{color:var(--muted);font-size:13px;margin-top:16px}
.dark-sec{background:var(--ink);color:#f1ebe3}
.stores{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.store{background:#1f1a18;border:1px solid #352e2a;border-radius:14px;padding:24px}
.store .ja{color:#a99f94;font-size:14px;margin:-6px 0 12px}
.store dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0 0 18px}.store dt{color:#a99f94;font-size:14px}.store dd{margin:0}
.store dd .ja{margin:0}.store a:not(.btn){color:#ff8796}
.social{display:flex;flex-wrap:wrap;gap:10px}
.foot{background:#0d0b0a;color:#a99f94;padding:36px 0;font-size:14px}
.foot-langs{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:12px}.foot a{color:#d9d0c5}.small{font-size:12px}
@media (max-width:860px){.nav{display:none}.lang{margin-left:auto}.feature-in,.two,.stores{grid-template-columns:1fr}.points{grid-template-columns:1fr 1fr}.hero-in{padding:64px 20px 56px}.sec{padding:52px 20px}}
@media (max-width:520px){.points{grid-template-columns:1fr}.steps li{padding-left:68px}.logo small{display:none}}
:lang(ko){word-break:keep-all}
:lang(ko) .hero h1,:lang(ko) .page-head h1{font-family:var(--sans);font-weight:800;letter-spacing:-.01em}
.hero{background-size:auto 100%;background-position:right center}
@media (max-width:860px){.hero{background-size:cover}}
/* 店舗データベース */
.sec.tight{padding-top:32px}
.map{height:440px;border-radius:14px;border:1px solid var(--line);background:#e8e2d8;z-index:0}
.map.small{height:280px}
.pin span{display:block;width:16px;height:16px;margin:3px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#3d3631;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.pin.feat span{background:var(--red);width:20px;height:20px;margin:1px}
.filters{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:16px 0 20px;font-size:14px}
.filters label{display:flex;align-items:center;gap:6px}
.filters select{font:inherit;padding:6px 8px;border-radius:8px;border:1px solid var(--line);background:var(--card)}
.filters .count{margin-left:auto;color:var(--muted)}
.shops{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.shop{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column}
.shop[hidden]{display:none}

.shop-h h3{font-size:1.08rem;margin:0}.shop-h h3 a{color:var(--ink);text-decoration:none}.shop-h .ja{color:var(--muted);font-size:13px}
.shop .meta{margin:6px 0 0;font-size:14px;color:var(--muted)}
.shop .desc{margin:8px 0 0;font-size:15px;flex:1}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tag{font-size:12px;padding:2px 8px;border-radius:99px;background:#efe8dd;color:#3d3631}
.tag.warn{background:#fde4e7;color:var(--red-d)}.tag.ok{background:#e3f1e6;color:#1f6b33}
.acts{display:flex;gap:8px;margin:14px 0 0}
.btn.sm{padding:8px 14px;font-size:13px}
.empty{color:var(--muted)}
.areas{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.area-card{display:flex;flex-direction:column;gap:4px;padding:20px;border-radius:14px;background:var(--ink);color:#fff;text-decoration:none}
.area-card b{font-size:1.1rem}.area-card span{color:#bdb3a8;font-size:14px}
.area-card:hover{background:#2b2522}
.points.three{grid-template-columns:repeat(3,1fr)}
.facts{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:0;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}
.facts dt{color:var(--muted);font-size:14px}.facts dd{margin:0}.facts small{color:var(--muted)}
.links{margin-top:12px}.ja-name{margin-top:-8px}
@media (max-width:860px){.areas{grid-template-columns:1fr 1fr}.points.three{grid-template-columns:1fr}.map{height:340px}}
/* Deep Ramen Tokyo トップ */
.hero.deep{background-image:linear-gradient(100deg,rgba(20,17,16,.97) 35%,rgba(20,17,16,.6)),url(/assets/img/kurenai.jpg);}
.hero.deep h1{max-width:18em;font-size:clamp(2rem,5vw,3.6rem)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#3a322e;border-radius:14px;overflow:hidden;margin-top:8px}
.stats div{background:#1f1a18;padding:18px 20px}.stats b{display:block;font:700 2rem/1 var(--serif);color:#fff}.stats span{color:#bdb3a8;font-size:13px}
.onlys{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.only{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--red);border-radius:14px;padding:22px}
.only h3{font-size:1.2rem}.only p{color:#3d3631;font-size:15px;margin:0 0 14px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-size:13px;padding:4px 10px;border-radius:99px;background:#efe8dd;color:var(--ink);text-decoration:none}
.chip:hover{background:var(--ink);color:#fff}.chip.feat{color:var(--red);font-weight:700}.chip.feat:hover{color:#fff}
.sub.inv,.note.inv{color:#bdb3a8}
.routes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.route{background:#1f1a18;border:1px solid #352e2a;border-radius:14px;padding:24px}
.route h3{font-size:1.3rem;margin:0}.route .line{color:#ff8796;font-size:14px;margin:4px 0 16px}
.stops{list-style:none;margin:0;padding:0;position:relative}
.stops:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:#4a413c}
.stops li{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:0 0 18px 26px;position:relative}
.stops li:before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:var(--red);border:3px solid #1f1a18}
.st b{display:block}.st small{color:#a99f94}
.see{display:block;color:#d9d0c5;font-size:13px;margin-bottom:6px}
.route .chip{background:#352e2a;color:#f1ebe3}.route .chip.feat{color:#ff6b7d;font-weight:700}
.picks{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.pick{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;color:var(--ink);text-decoration:none;position:relative}
.pick:hover{border-color:var(--ink)}
.pick .no{font:700 2.2rem/1 var(--serif);color:var(--red);opacity:.85;margin-bottom:10px}
.pick b{font-size:1.05rem}.pick small{color:var(--muted);font-size:12px;margin-top:2px}
.pick p{font-size:14px;color:#3d3631;flex:1;margin:10px 0}.pk-s{font-size:12px;color:var(--muted)}
@media (max-width:860px){.stats{grid-template-columns:1fr 1fr}.onlys,.routes{grid-template-columns:1fr}.picks{grid-template-columns:1fr 1fr}.stops li{grid-template-columns:100px 1fr}}
@media (max-width:520px){.picks{grid-template-columns:1fr}}
/* SEO 拡張ページ */
.crumbs{font-size:13px;color:#a99f94;margin-bottom:14px}.crumbs a{color:#d9d0c5}
.prose p{margin:0 0 1em}.prose section{margin-bottom:28px}.prose h2{font-size:1.25rem}
.prose ul{padding-left:1.2em}.prose li{margin-bottom:6px}
.prose-inv p{color:#d9d0c5;margin:0 0 .6em}
.page-head .chips{margin-top:16px}.page-head .chip{background:#2b2522;color:#f1ebe3}
.two-1{display:grid;grid-template-columns:3fr 2fr;gap:40px}
.faq h2{font-size:1.25rem}.faq details{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin-bottom:8px}
.faq summary{cursor:pointer;font-weight:700}.faq p{margin:8px 0 0;color:#3d3631}
.h-s{font-size:1.05rem;margin:0 0 10px}aside .facts{margin-bottom:16px}aside .h-s:not(:first-child){margin-top:24px}
.near{list-style:none;padding:0;margin:0}.near li{padding:8px 0;border-bottom:1px solid var(--line)}.near small{color:var(--muted)}
.part{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.only h3 a,.route h3 a{color:inherit;text-decoration:none}.only h3 a:hover,.route h3 a:hover{color:var(--red)}
.stop{margin-bottom:36px}.stop-h{display:flex;align-items:baseline;gap:12px;border-bottom:2px solid var(--ink);margin-bottom:12px}
.stop-h h2{margin:0}.stop-h span{color:var(--muted)}.see-l{color:var(--muted);margin:0 0 12px}
.htmlmap{columns:2;column-gap:40px}.htmlmap section{break-inside:avoid;margin-bottom:24px}.htmlmap h2{font-size:1.1rem}
@media (max-width:860px){.two-1{grid-template-columns:1fr}.htmlmap{columns:1}}
.brand-t{margin:0 0 18px;font:700 clamp(1.1rem,2.4vw,1.5rem)/1.3 var(--sans);letter-spacing:.06em;color:#ff5a6e;text-transform:uppercase}
.brand-t span{display:block;margin-top:6px;font:600 clamp(1rem,2vw,1.25rem)/1.4 var(--serif);letter-spacing:.02em;color:#f1ebe3;text-transform:none}
.shop.feat .shop-h h3 a,.pick.feat b{color:var(--red)}
/* 図解ガイド */
.toc{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 22px}.toc ul{margin:8px 0 0;columns:2;padding-left:0;list-style:none}.toc a{color:var(--ink)}
.flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:20px;counter-reset:f}
.flow li{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:46px 16px 16px}
.flow li:not(:last-child):after{content:"→";position:absolute;right:-14px;top:22px;font-weight:700;color:var(--red);font-size:18px;z-index:1}
.flow .fn{position:absolute;left:16px;top:12px;width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}
.flow b{display:block;font-size:1.05rem}.flow p{margin:6px 0 0;font-size:14px;color:#3d3631}
.dg-row{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;margin:20px 0 28px}
.dg-row figure{margin:0;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}
.dg{width:100%;height:auto;display:block}
.legend{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.legend li{display:grid;grid-template-columns:32px 1fr;gap:2px 10px;align-items:start}.legend b{grid-column:2}.legend small{grid-column:2;color:var(--muted)}
.legend .mk,.mk{grid-row:span 2;width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}
.tips{padding-left:1.2em}.tips li{margin-bottom:10px}
.broths{display:grid;grid-template-columns:1fr 1fr;gap:16px}.broth{border-radius:14px;padding:18px 20px}.broth h4{margin:0 0 6px;font-size:1.05rem}.broth p{margin:0;font-size:15px}
.broth.b0{background:#fbf3df;border:1px solid #ecd9a8}.broth.b1{background:#f1e6d6;border:1px solid #dcc7a8}
.firm{list-style:none;padding:0;display:grid;grid-template-columns:repeat(6,1fr);border-radius:12px;overflow:hidden;margin:12px 0 8px}
.firm li{padding:14px 10px;text-align:center;color:#fff}.firm b{display:block;font-size:14px}.firm small{font-size:12px;opacity:.9}
.firm li:nth-child(1){background:#5a1a10}.firm li:nth-child(2){background:#7a2a18}.firm li:nth-child(3){background:#9c4424}.firm li:nth-child(4){background:#bd6a3a}.firm li:nth-child(5){background:#d4975e;color:#141110}.firm li:nth-child(6){background:#ead0a8;color:#141110}
.order-card th{width:40%}
.call{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.call li{background:var(--ink);color:#fff;border-radius:10px;padding:12px;text-align:center}.call b{display:block}.call small{color:#bdb3a8;font-size:12px}
.dos,.donts{border-radius:14px;padding:20px 24px}.dos{background:#e9f4ec}.donts{background:#fbe9ec}.dos h3{color:#1f6b33}.donts h3{color:var(--red-d)}
.dos ul,.donts ul{padding-left:1.2em;margin:0}.dos li,.donts li{margin-bottom:8px}
@media (max-width:860px){.flow{grid-template-columns:1fr}.flow li:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-20px}.dg-row,.broths{grid-template-columns:1fr}.firm{grid-template-columns:repeat(3,1fr)}.call{grid-template-columns:1fr 1fr}.toc ul{columns:1}}