@charset "UTF-8";
/*
 * サイト全体に効くCSS（v1.2.0 で追加）
 *
 * ── ドロップダウンが「白背景に白文字」で読めなかった件 ────────────────
 * 原因（2026-07-27 実測）:
 *   Cocoonが設定値から出力するインラインCSSに、こういう1行がある。
 *     .header, .header .site-name-text, #navi .navi-in a, #navi .navi-in a:hover { color:#fff }
 *                                       ~~~~~~~~~~~~~~~~ ★ナビ内の**すべて**のリンク
 *   ヘッダー画像の上で文字を読ませるために「ヘッダー文字色＝白」に設定した結果、
 *   トップ項目だけでなく**サブメニューのリンクまで白**になっていた。
 *   一方でサブメニューの背景は Cocoon 既定の rgb(250,251,252)（ほぼ白）のままなので、
 *   白地に白文字になり、ドロップダウンの項目が見えなくなっていた。
 *
 * ★サイト共通CSS（ヘッド用コード）側の #navi .navi-in>ul>li>a{color:#fff!important} は
 *   直接の子だけが対象なので、この件の原因ではない（実測で確認済み）。
 *
 * 直し方の選択:
 *   ・Cocoonの設定で文字色を戻す → ヘッダー画像の上の文字が読めなくなるので不可
 *   ・サブメニューの文字色だけを上書きする ← これを採用
 *   ・!important は使わない。#navi .navi-in .sub-menu a は詳細度 (1,2,1) で、
 *     Cocoon の #navi .navi-in a (1,1,1) に素直に勝てる（実測で確認済み）。
 *     ★不要な !important を足すと、あとで色を変えたい人が上書きできなくなる。
 *
 * 実測: 文字 rgb(59,36,18) / 背景 rgb(250,251,252) → コントラスト比 14.01:1（WCAG AA 合格）
 */

#navi .navi-in .sub-menu a{color:#3b2412}
#navi .navi-in .sub-menu a:hover{color:#bf0000;background:rgba(0,0,0,.05)}