/** * site-layout.css — 公開ページ共通レイアウトの**唯一の正本**（V2.09L15 新設） * * 【何が入っているか】 * パンくず（.breadcrumb 系）／メインコンテナ（.container）／ * 2カラムレイアウト（.main-layout / .main-content） * * 【なぜ切り出したか】 * V2.09L14 時点で、これらは header-layout.css・pages/index.css・pages/submit.css・ * index.php のインラインCSS の**4か所に別々の値で**書かれていた。 * その結果、同じ部品なのにページによって見た目が違っていた: * .main-layout の右カラム 1fr 320px（8ページ） / 1fr 280px（3ページ） * .container の余白 0 2rem 2rem（8ページ） / 1.5rem 2rem（2ページ） * .breadcrumb の文字 1.4rem（10ページ） / 13.6px（質問投稿のみ） * V2.08L16 でヘッダーを site-header.css に一本化したのと同じ考え方で、 * レイアウトも本ファイルを唯一の正本にした。 * ★ここにある指定を他のCSSに書き戻さないこと。 * * 【値の決定】2026-08-31 Ma判断により **320px 系（従来 header-layout.css の値）に統一**。 * * 【読み込む場所】 * public_header.php（common.css → site-header.css → 本ファイル → header-layout.css） * help/index.php / help/submit_question.php（自前 ） * index.php（readfile でインライン展開） */ /* パンくずリスト */ .breadcrumb { max-width: 1200px; margin: 0 auto; padding: 1rem 2rem; font-size: 1.4rem; color: #000; } .breadcrumb a { color: #8b6f47; text-decoration: none; } .breadcrumb a:hover { text-decoration: underline; } .breadcrumb span { margin: 0 0.5rem; color: #999; } /* メインコンテナ */ .container { max-width: 1200px; margin: 0 auto; padding: 0 2rem 2rem; } .main-layout { display: grid; grid-template-columns: 1fr 320px; gap: 2rem; } .main-content { min-width: 0; } @media (max-width: 1024px) { .main-layout { grid-template-columns: 1fr; } } @media (max-width: 768px) { .container { padding: 0 1rem 1rem; } .breadcrumb { padding: 0.8rem 1rem; } }