/* ============================================================== */
/* てがろぐVer 4.6.2β以降で使える、折り畳み記法用CSSの抜粋です。 */
/* お使いのスキンのCSSに追記するなどしてご活用下さい。            */
/* ============================================================== */

	/* ‥‥‥‥‥‥‥ */
	/* ▼折り畳み空間 */		/* details要素＋summary要素で実現されており、JavaScriptが無効でも動作します。 */
	/* ‥‥‥‥‥‥‥ */
	/* ▽ボタンカバー */
	.foldswitch {
		width: fit-content;     /* 横幅を中身のサイズに制限 */
	}
	/* ▽ボタン */
	.foldlabel {
		display: inline-block;  /* インラインブロック化 */
		padding:0.25rem 0.5rem; /* 内側の余白 */
		border:1px solid #bcb;  /* 枠線の装飾 */
		border-radius:5px;      /* 枠線の角丸 */
		background-color: #ded; /* 背景色(グラデーション非対応の環境のみ) */
		background-image: linear-gradient( 0deg, #cdc, #ded 55%, white ); /* 背景グラデーション */
		color: darkblue;        /* 文字色 */
		line-height: 1;         /* 行高 */
		cursor: pointer;        /* マウス形状をポインタに */
	}
	/* ▽マウスが載った際の装飾(共通) */
	.foldlabel:hover {
		background-image: none; /* グラデーションなし */
		background-color: #3ba; /* 背景色 */
		color: white;           /* 文字色 */
	}
	/* ▽折り畳まれている空間 */
	.foldedarea {
		border-left:3px solid yellowgreen; /* 左側の枠線 */
		margin: 0.25rem 0 0 0.125rem;      /* 外側の余白 */
		padding: 0.25rem 0.5rem;           /* 内側の余白 */
	}