@charset "UTF-8";

/*
 * 広告 LP `/ad/u_20_3/` と `/ad/man2/` の「押しても移動しないボタン」の、指の形と
 * 焦点の輪郭（Bug #4597・裁定 577 の案 C／Bug #5341）。
 * 組みの側は `assets/js/ad-lp-a11y-buttons.js`。
 *
 * 当たり先は JS が付ける `role="button"` に絞る。**JS が動かない環境では 1 つも
 * 当たらない**が、そのときは焦点も当たらないので、輪郭だけが浮くことは起きない。
 */

/*
 * 指の形。
 *
 * 移行元の絞り込みの見出しは `<a href="javascript: void(0);">` なので、
 * ブラウザの既定で指の形になる。消毒が `href` を落とすと `cursor: auto` に戻り、
 * **押せるように見えなくなる**（実測: 2026-09-08 03:34 JST・dev は `auto`）。
 * 意匠の CSS が `cursor: pointer` を明示している「もっと見る」「閉じる」は
 * もともと指の形のままなので、ここで上書きしても値は変わらない。
 */
.selectBox .cont > a.select[role="button"],
.selectBox .cont ul.list > li > a[role="button"],
.step0 > p.next > a[role="button"],
.step1 > p.close > a[role="button"],
.faq-box > dt > a[role="button"],
.header-inner-menu[role="button"],
.spmenu-close[role="button"],
.top011-inner-box-btn a[role="button"],
.top012-inner-voice-box-btn a[role="button"] {
	cursor: pointer;
}

/*
 * 🚨 **man2 の 4 つは意匠の CSS が `cursor` を当てていない**（Bug #5341）。
 *
 * 運び込んだ man2 の意匠の CSS（`assets/ad-man2/css/style.css` と `common.css`）で
 * `cursor: pointer` を書いているのは 2 か所だけで、どちらも別の枠（`top015`）である。
 * u_20_3 では「意匠が既に指の形にしている 2 つ」を当たり先から外したが、man2 は
 * 4 つとも外す理由が無い。消毒が `href` を落とした時点で `cursor: auto` に戻って
 * いるので、**4 つとも当てると実際に見え方が変わる**（宣言だけの差ではない）。
 */

/*
 * 焦点の輪郭。
 *
 * 🚨 **意匠の CSS が `a:focus { outline: none }` を持つ**（`assets/ad-u_20_3/…/styles.css`）。
 * `tabindex` を足しただけでは、キーボードで進んでも**いまどこに居るかが見えない。**
 * NF-8 の実測（メモリ `project_pa_a11y_criteria_and_verdict`）が
 * 「フォーカスの輪郭が見えない要素 0 件」を dev の到達点として記録しているので、
 * 足した分でそれを崩さないよう、ここで輪郭を出し直す。
 *
 * **`:focus-visible` を使う**（`:focus` ではない）。マウスで押したときは輪郭を
 * 出さないため、移行元の見た目（`outline: none`）をそのまま保てる。キーボードで
 * 進んだときだけ出る。
 *
 * 詳細度は `a[role="button"]:focus-visible`（0,2,1）で、意匠の `a:focus`（0,1,1）に勝つ。
 * 色は絞り込みの項目の字と同じ茶（`#7a5c34`）にそろえる。
 */
a[role="button"][tabindex="0"]:focus-visible {
	outline: 2px solid #7a5c34;
	outline-offset: 2px;
}