食欲の、地図帳。

ブランドを見る → 店を探す

CHINESE

WASHOKU

WESTERN

GRILL

ASIAN

中華を核に、和食、洋食、焼肉、麺、アジアン、カフェ。
際コーポレーションの100超のレストランブランドを、ひとつの読みものとして。

{/* ── PROLOGUE（デスクトップのみ）─────────────────── */} {!isMobile && (

◦ PROLOGUE / 序章

「街には、無数の食欲がある。
朝の点心、昼の麺、夜の鮨、深夜のラーメン。
私たちは、そのすべてに、
ひとつずつ店を構える。」

— 際コーポレーション / 1990年創業

)} {/* ── CHAPTERS ─────────────────────────────────────── */} {isMobile ? ( /* スマホ: ジャンルタブ + 1章表示 */

{/* タブバー（均等分割・スクロールなし） */}

{chapters.map(g => ( ))}

{/* アクティブジャンルのコンテンツ */}

◦ CHAPTER {String(activeIdx + 1).padStart(2, '0')} / {activeG.en.toUpperCase()}

{activeG.jp}

{activeG.en}

{activeG.desc}。多彩なブランドが、それぞれの解釈で「{activeG.jp}」を表現する。

{/* ブランドピル */}

{(() => { const all = BRANDS.filter(b => brandHasGenre(b, activeG.key)); const sortFn = (a, b) => b.stores !== a.stores ? b.stores - a.stores : a.name.localeCompare(b.name, 'ja'); const candidates = all.filter(b => b.stores >= 3).sort(sortFn); const display = (candidates.length > 0 ? candidates : [...all].sort(sortFn)).slice(0, 4); const remaining = all.length - display.length; return ( <> {display.map(b => (

{b.name}

))} {remaining > 0 && (

+{remaining}

)} ); })()}

ブランドを見る → {/* ジャンル画像 */}

PLATE №{String(activeIdx + 1).padStart(3, '0')}

) : ( /* デスクトップ: 5章フルレイアウト */ chapters.map((g, i) => (

{i % 2 === 0 ? ( <>

◦ CHAPTER {String(i + 1).padStart(2, '0')} / {g.en.toUpperCase()}

{g.jp}

{g.en}

{g.desc}。多彩なブランドが、それぞれの解釈で「{g.jp}」を表現する。

{(() => { const all = BRANDS.filter(b => brandHasGenre(b, g.key)); const sortFn = (a, b) => b.stores !== a.stores ? b.stores - a.stores : a.name.localeCompare(b.name, 'ja'); const candidates = all.filter(b => b.stores >= 3).sort(sortFn); const display = (candidates.length > 0 ? candidates : [...all].sort(sortFn)).slice(0, 4); const remaining = all.length - display.length; return ( <> {display.map(b => (

{b.name}

))} {remaining > 0 && (

+{remaining}

)} ); })()}

ブランドを見る →