側に付与される（SWELL 構造） * ため、`.home` のような単独 class セレクタで指定する（`body.home` は効かない）。 * * ※ enqueue 条件にも注意。トップは is_front_page() 側、企業理念は * inc/enqueue.php の個別ブロックで読み込む。今後 SERVICE 等を足す時も * 対象テンプレごとに本ファイルを enqueue する必要がある。 * * ─── 将来の段階的リファクタ案（AI 向けメモ） ───────────────────────────── * 2026-05-28 ToDo A-1 で `.sf-custom-template` を新設・追記済み。 * 現在は「案①（追記のみ）」— 個別クラス列挙と .sf-custom-template の両方を併記。 * * 案②: 個別列挙を全削除し .sf-custom-template だけに統合（Step 10-9 と同時実施推奨）。 * 案③: 案①→②の中間で `.company-philosophy-page` だけ先行撤去して動作検証。 * * 実装の詳細は inc/sf-custom-template.php 冒頭のコメント参照。 * * ─── セレクタ拡張時のひな型 ────────────────────────────────────────────── * * .service-page #content, * .service-page .l-content, * .service-page .l-mainContent { * max-width: none; * width: 100%; * padding-left: 0; * padding-right: 0; * } */ /* 独自テンプレページ: SWELL コンテナ幅制約を解除 * .sf-custom-template は inc/sf-custom-template.php で一括付与（A-1 / 2026-05-28）。 * 案① 追記のみ運用中 — 個別列挙は後方互換のため残置。 */ .home #content, .home .l-content, .home .l-mainContent, .company-philosophy-page #content, .company-philosophy-page .l-content, .company-philosophy-page .l-mainContent, .company-page #content, .company-page .l-content, .company-page .l-mainContent, .company-overview-page #content, .company-overview-page .l-content, .company-overview-page .l-mainContent, .company-history-page #content, .company-history-page .l-content, .company-history-page .l-mainContent, .company-message-page #content, .company-message-page .l-content, .company-message-page .l-mainContent, .service-page #content, .service-page .l-content, .service-page .l-mainContent, .sf-custom-template #content, .sf-custom-template .l-content, .sf-custom-template .l-mainContent { max-width: none; width: 100%; padding-left: 0; padding-right: 0; } /* SWELL の .top #content { padding-top: 4em; } を打ち消し（HERO を画面上端から） */ .home #content, .company-philosophy-page #content, .company-page #content, .company-overview-page #content, .company-history-page #content, .company-message-page #content, .service-page #content, .sf-custom-template #content { padding-top: 0; } /* ── ヘッダーをフローから外す（HTML版 .site-header:fixed と同じオーバーレイ化） ── * SWELL .l-header は position:relative で高さ分フローを占有し、独自ページ見出し * .event-page-header(padding-top:184px) の上にさらに積み上がって余白が広がる。 * 固定ページ(.sf-custom-template) でヘッダーを absolute 化し、HTML版同様に * コンテンツへ重ねる。padding-top:184px が HTMLと同じ意味で効くようになり、 * 全ブレークポイントで自動一致する。#fix_header(追従ヘッダー) は別要素のため挙動は維持。 * NOTE: CPT(.sf-archive-page) は本CSSを読み込まないため、同方針の規則は * assets/css/sf-archive.css 側に別途定義している。 */ .sf-custom-template #header.l-header { position: absolute; top: 0; left: 0; right: 0; } @media (max-width: 959px) { .sf-custom-template #header.l-header[data-spfix="1"] { position: fixed; } }