@charset "UTF-8";

/* ============================================
   JIS X 8341-3:2016 レベルA アクセシビリティ対応
   ============================================ */
/* ============================================
   :focus-visible によるフォーカスリング制御
   マウス・タッチ操作時は outline を非表示にし、
   キーボード操作時のみフォーカスリングを表示する。
   ブラウザが操作種別を自動判定するため、JS側での
   フラグ管理が不要。ポップアップ・メニュー等すべてに適用。
   ============================================ */
*:focus:not(:focus-visible) {
	outline: none;
}
/* 2.4.1 スキップリンク */
.skip-link {
	position: absolute;
	top: -40px;
	left: 0;
	width: 100%;
	background: #eb6d46;
	text-align: center;
	display: block;
	box-sizing: border-box;
	color: #fff;
	padding: 8px 16px;
	z-index: 9999;
	font-size: 14px;
	text-decoration: none;
}
.skip-link:focus {
	color: #fff;
	top: 0;
}
/* 2.1.1 / 4.1.2 ハンバーガーメニュー button リセット */
button.menu-trigger {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}
/* 2.1.1 / 4.1.2 サブメニュー開閉ボタン button リセット
   background系はmenu_sp.cssで背景色・背景画像を設定しているため指定しない。
   button要素のデフォルトスタイルのうち border と padding のみリセットする。 */
button.submenu01open
	{
	border: none;
	padding: 0;
	cursor: pointer;
}
/* 2.1.2 / 4.1.2 ポップアップダイアログ アクセシビリティ対応 */
/* pop_wind に role="dialog" aria-modal="true" aria-labelledby を付与 */
/* フォーカス可視性の確保（キーボード操作時のみ表示） */
/* // .pop_wind は全HTMLの静的マークアップに存在しないが
   popup_check.js により動的生成される可能性があるため残存 // */
.pop_wind a:focus-visible,
.pop_wind button:focus-visible {
	outline: 3px solid #005fcc;
	outline-offset: 2px;
}
/* 2.4.3 / 1.4.1 top-sub-title ブロックリンクのフォーカス可視性確保
   top.css で z-index:1 を付与し重なり問題を解消済み
   キーボードフォーカス時にホバーと同等の視覚変化を提供 */
a:focus-visible .top-sub-title.org {
	outline: 3px solid #005fcc;
	outline-offset: 2px;
	background-color: #d35133;
}
a:focus-visible .top-sub-title.gle {
	outline: 3px solid #005fcc;
	outline-offset: 2px;
	background-color: #50a3aa;
}
/* 2.4.1 スキップリンク先（main要素）のフォーカスアウトライン非表示
   tabindex="-1" でJS focusのみ受け付けるため、outline は不要 */
#main-content:focus {
	outline: none;
}
/* ポップアップダイアログ本体のフォーカスアウトライン非表示
   popup_check.js が開いた直後にダイアログ本体（tabindex="-1"）へフォーカスを移す。
   非操作要素のためアウトラインは不要（#main-content と同じ考え方）。
   ボタン側のキーボードフォーカスリング（.pop_wind a:focus-visible）は維持される。 */
.pop_wind:focus {
	outline: none;
}
/* 2.4.7 トップページ選択ボックス内リストリンクのフォーカスリング欠け対応
   display:inline の a の中に display:block / float:left の span（矢印circle・テキスト）が
   あるため、a のインラインボックスがサイズ0の断片に分裂し、UA標準のフォーカスリングが
   断片ごとに描かれて線が欠ける。a をブロック化して断片化を解消する
   （.qa リストの既存実装 top.css と同じ考え方。float の span.circle は overflow:hidden で内包）。
   また祖先の overflow:hidden（ul.list_hidden / .top-sub-select-box）でリングの外周が
   切れないよう、outline-offset に負の値を指定して内側に描画する（#globalmenu と同じ手法） */
.top-sub-select-box ul.indent_list > li > a {
	display: block;
	overflow: hidden;
}
.top-sub-select-box ul.indent_list > li > a:focus-visible {
	outline: 2px solid #005fcc;
	outline-offset: -2px;
}
/* 2.4.7 第二階層 ページ間移動ナビ（.index-pager）のフォーカスリング欠け対応
   トップページ選択ボックスと同じく、display:inline の a の中に float / display:table の
   span（矢印アイコン .coler_box1）があるためインラインボックスが断片化し、リングが欠ける。
   a を inline-block 化して断片化を解消する（inline-block はBFCを作るため float も内包）。
   さらに直近の親 .box-nav-sec が overflow:hidden（contents.css）のため、
   上端・右端に接するリングの外周が切られる。outline-offset で内側に描画して回避する */
.box-nav-sec .index-pager > li > a {
	display: inline-block;
}
.box-nav-sec .index-pager > li > a:focus-visible {
	outline: 2px solid #005fcc;
	outline-offset: -2px;
}
/* 2.4.7 PCグローバルナビ 第1階層リンクのフォーカス時区切り線保護
   a:focus の outline はデフォルトで要素の外側に描画されるため、
   隣の li::after（right:0 の区切り線）と重なって線を隠してしまう。
   outline-offset に負の値を指定して outline を要素内側に引き込み、
   区切り線との重なりを防ぐ。 */
@media print,
screen and (min-width: 768px) {
	#globalmenu > li a:focus-visible {
		outline: 2px solid #005fcc;
		outline-offset: -3px;
	}
}
/* 2.4.7 SPグローバルナビ リンクのフォーカス時区切り線保護
   PC版と同様に a:focus の outline が li の border（白1px）を外側から
   上書きして隠してしまうため、outline-offset に負の値を指定して内側に引き込む。
   サブメニュー内の a（第2・第3階層）も同様のため合わせて対応。 */
@media screen and (max-width: 767px) {
	#globalmenu li a:focus-visible {
		outline: 2px solid #005fcc;
		outline-offset: -3px;
	}
}