@charset "UTF-8";
/* ============================================================
 * 詐欺バスターズ — 透明オーバーレイ ヘッダー
 *
 * 明るい地にヘッダーを重ねるページで使う。
 * body に .sb-overlay-header が付いていれば当たる。付けているのは functions.php の
 * body_class で、対象は SB_OVERLAY_HEADER_PAGES の固定ページ4枚と、記事一覧 /articles/。
 *
 * 元は about.css / contact.css / privacy.css に同じ内容がコピーされていたものを
 * 1つにまとめた。記事一覧の archive-editorial.css にも同じ複製があったので、
 * body クラスを共通化してこちらへ寄せた。
 *
 * ここに置くのはヘッダーの見た目だけ。
 * SWELL の内側幅を外す指定は固定ページ側の事情なので page-base.css が持つ。
 *
 * !important 使用禁止
 * ============================================================ */

/* 寸法と組み方（位置、ロゴの高さ、余白、畳み方）は
   header-sticky.css が全ページ共通で持っている。
   黒ロゴを出す指定もそちら。ここが持つのは色だけ。 */

/* 地がオフホワイトなので黒文字 */
.sb-overlay-header .sb-header { --sb-nav-fg: rgba(16,18,20,.72); }
.sb-overlay-header .sb-nav a { color: rgba(16,18,20,.72); }
.sb-overlay-header .sb-nav a:hover { color: var(--sb-ink); }
.sb-overlay-header .sb-nav__search { color: rgba(16,18,20,.72); }
.sb-overlay-header .sb-nav__search:hover { color: var(--sb-ink); }

/* CTA だけは黒地に白抜き。
   上の .sb-nav a と同じ詳細度だと後勝ちで文字色を奪われるので一段高くする。 */

/* 狭い画面でメニューを畳む指定は header-sticky.css が全ページぶん持つ。
   以前はここに複製があり、共通側と幅（768px / 900px）が割れていた。 */