/*--------------------------------------------------------------
debug
--------------------------------------------------------------*/
/* 閉じた状態のサブメニュー */
.dbg ul {
	display: none;  /* デフォルトで非表示 */
	padding: 0;
}

/* 開いた状態のサブメニュー */
.dbg input:checked + ul {
	display: block;  /* 表示する */
	padding: 1rem;
}

/* メニュー全体 */
.dbg { width: 100%; }

/* チェックボックスは非表示にする（内部的な Off/On の機能だけ利用する） */
.dbg input {
	display: none;
}

/* 開いた状態のサブメニュー */
.dbg input:checked + ul {
	display: block;
}

/* 閉じた状態のサブメニュー */
.dbg ul {
	display: none;
	/* 下記は開閉によらず共通の設定 */
	background: #eee;
	list-style: none;
	margin: 0;
	padding: 1rem;
}

/* 親項目の装飾 */
.dbg label {
	display: block;
	margin: 0;
	padding: 0.5rem;
	background: #ddd;
	cursor: pointer;
}

.dbg label:hover {
	background: #ccc;
}