@charset "UTF-8";

/* =========================================================================
   a11y.css — アクセシビリティのための最小の追加分
   -------------------------------------------------------------------------
   normalize.css / layout*.css / animate.css は旧サイトのものを
   1 バイトも変えずに使っている。旧サイトで失われていた
   「キーボードで操作できること」だけをここで補う。

   静止状態の見た目は一切変えない。
   ここで定義しているのは
     (1) フォーカスされたときだけ現れるスキップリンク
     (2) キーボード操作時のフォーカスリング（layout.css の outline:none を戻す）
     (3) div から button に変えたハンバーガーの既定スタイル打ち消し
   の 3 つだけ。旧サイトの見た目に完全に合わせたい場合は、
   HTML から この 1 行の <link> を外せば元に戻る。

   ※ 必ず最後に読み込む（layout.css の a:focus{outline:none} を上書きするため）
   ========================================================================= */


/* --- (1) 本文へのスキップリンク ------------------------------------------
   通常は読み上げ以外に現れず、Tab でフォーカスしたときだけ左上に出る。 */
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 10000;
}
.skip-link:focus {
	left: 0;
	background-color: #fff100;
	color: #555555;
	padding: 8px 16px;
	font-size: 14px;
	text-decoration: underline;
}


/* --- (2) フォーカスリング -------------------------------------------------
   layout.css は a:focus / a:hover で outline を消していた。
   マウス操作では現れず、キーボード操作のときだけ出るようにして戻す。 */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: 2px solid #001db3;
	outline-offset: 2px;
}


/* --- (3) ハンバーガーボタン -----------------------------------------------
   旧サイトは <div class="openbtn1"> を JS でクリック可能にしていたため、
   キーボードでは開けなかった。<button> に変えたうえで、
   ブラウザ既定のスタイルを打ち消して layout_sp.css の見た目に揃える。 */
button.openbtn1 {
	margin: 0;
	padding: 0;
	background: none;
	font: inherit;
	color: inherit;
	line-height: 1;
	-webkit-appearance: none;
	appearance: none;
}