/*
* 新フッター(.c-footer / header-footer-renewal2026.min.css)を導入したページ専用の打ち消しスタイル。
* pc_common.css / top.css / sp_common.css / common_layout.css など、旧デザインのページ側CSSが
* #footerセレクタに直接指定している背景色・高さ・余白・文字寄せを無効化する。
*
* 旧フッターをまだ使用しているページ(移行未対応ページ)には絶対に読み込まないこと。
*/
#footer {
background-color: transparent;
height: auto;
min-width: 0;
padding-bottom: 0;
text-align: left;
}
/*
* .c-footer自身はfont-family/font-size/colorを指定していないため、
* 各ページのbodyに設定された値(旧デザインのページ固有CSSが上書きしたもの)を
* そのまま継承してしまう。ページによってbodyのfont-family/font-sizeが
* バラバラ(例: 明朝体16px, ゴシック24px等)なため、footerの見た目が
* ページごとに変わってしまう問題を防ぐため、本来の共通デザイン値
* (scss/abstract/_base.scssのbody指定と同じ値)をここで明示的に固定する。
*/
.c-footer {
font-family: var(--font-root, 'Noto Sans JP', sans-serif);
font-size: 1.3rem;
color: var(--color-root, #2C2C2C);
}
/*
* sp_cp_module_v2.css / pc_cp_module_v2.css / sp_common.css などが
* "p, li { font-size: ...; color: ...; }" のような要素セレクタで
* 汎用的に文字サイズ等を指定しているページ(キャンペーン系ページ等)向け。
* :where()で.c-footer側の詳細度を0にすることで、footer本体のクラス指定
* (.c-footer-nav__title など)は一切上書きせず、無装飾のタグにのみ効く
* 旧CSSの要素セレクタとだけ詳細度で拮抗させ、読み込み順で確実に打ち消す。
*/
:where(.c-footer) p,
:where(.c-footer) li,
:where(.c-footer) a,
:where(.c-footer) h1,
:where(.c-footer) h2,
:where(.c-footer) h3,
:where(.c-footer) h4,
:where(.c-footer) h5,
:where(.c-footer) h6 {
font-size: inherit;
line-height: inherit;
color: inherit;
}
/* ------------------------------------------------------------
* 旧ページのビューポート幅を打ち消すフッター補正
*
* special/**系の移行ページ(basemake / cleanse / bodycare 等)は
* SP時に固定幅の 等を
* 出力するため、フッターも約720/750pxのキャンバスでレイアウトされ、
* 約390px前提のSPデザイン(c-footer-contact-box 350x130 等)が
* 横いっぱいに間延びする(680px前後になる)。
*
* js/renewal2026/header/script.js の detectViewport() が
* に .viewport-720 / -750 / -980 / -default を付与済み
* (footer.load より前に実行される)なので、それを利用して
* フッターを本来の390pxキャンバスで描画し、実キャンバス幅まで
* 拡大して戻す。
*
* header-footer-renewal2026.min.css に同種の補正があるが、
* セレクタが #footer-renewal2026 のため、footer.load("/inc/footer.html .c-footer-main")
* 方式のページにはマッチしない。この方式には2パターンあるので両方を補う:
* 1. special/**系 ……