/*========================================================*/
/*ラベルをクリックするとcheckboxの状態が切り替わる */
.menu_accordion label
{
	/*文字色*/
	color: white;
	/*背景色*/
	background: navy;
	/*background: linear-gradient(to bottom, white 0%, navy 30%, navy 70%, white 100%);*/
	/*フォントの太さ*/
	font-weight: bold;
	/*中央寄せ*/
	text-align: center;
	/*横幅の設定*/
	width: 95%;

	/*ブロック要素として表示する*/
	display: block;
	/*領域の外側の余白（上・右・下・左）*/
	margin: 0 0 10px 0;
	/*領域の内側の余白*/
	padding: 10px;
	/*行の高さ．数字のみの表記の場合，フォントサイズ x 数値 が高さになる．*/
	line-height: 1;
	/*マウス・カーソルを「指」の形に指定している．*/
	cursor: pointer;
	/*角を丸める*/
	border-radius: 10px;
}

/*========================================================*/
/*アコーディオンの開閉を操作する"checkbox" の表示設定*/
.menu_accordion input
{
	/*checkboxは表示しない （labelの文字列で代用する） */
	display: none;
}

/*========================================================*/
/*箇条書き全体のスタイル*/
.menu_accordion ul
{
	/*背景色*/
	background: aliceblue;
	/*箇条書きの点を消す*/
	list-style: none;
	/*領域の内側の余白*/
	padding: 0;
	/*領域の外側の余白*/
	margin: 0;
}

/*========================================================*/
/*アコーディオン内部で表示される<a>タグの表示設定*/
.menu_accordion a{
	/*ブロック要素として表示する*/
	display: block;
	/*アンダーラインは表示しない*/
	text-decoration: none;
	/*通常aタグは文字色が青だが，ここでは黒に設定する*/
	color: black;
	/*内側方向の余白*/
	padding: 5px;
	/*外側方向の余白*/
	margin: 0;
}

/*========================================================*/
/*アコーディオンを閉じているときの<li>タグの表示設定*/
.menu_accordion li{
	/*初期状態では高さはゼロ*/
	height: 0;
	/*ボックスの外部にはみ出た部分の表示．今回は消す．*/
	overflow: hidden;
	/*時間変化を定義する*/ 
	transition: all 0.5s;
	/*領域の内側の余白*/
	padding: 0;
	/*領域の外側の余白*/
	margin: 0;
}

/*========================================================*/
/*アコーディオンを展開したときの<li>タグの表示設定*/
.menu_accordion input:checked ~ .menu_contents li
{
	/*展開時の各<li>の高さ*/
	height: 40px;
	/*不透明度*/
	opacity: 1;
}

/*========================================================*/
/*アコーディオンを展開したときの見出し行の表示設定*/
.menu_accordion input:checked ~ .menu_contents .header
{
	/*文字色*/
	color: white;
	/*背景色*/
	background: navy;
	/*フォントの太さ*/
	font-weight: bold;
	/*中央寄せ*/
	text-align: center;
	/*内側方向の余白*/
	padding: 15px 0 0 0;
	/*外側方向の余白*/
	margin: 0;
}