@charset "utf-8";
/* CSS Document */

dl#panel {
	width: 80%;
	margin: 0 auto;
	font-size: 90%;
}
@media screen and (max-width:414px) {
	dl#panel {
		width: 95%;
	}
}

dl#panel dt,
dl#panel dd {
	border: 1px solid #ECB4C3;
	padding: 0 10px;
}
/* 各タイトル */
dl#panel dt {
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(249,222,226,1) 100%);
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.8em;
	cursor: pointer;
}
/* 各コンテンツ */
dl#panel p,
dl#panel pre {
	line-height: 1.5em;
}
dl#panel p {
	border-bottom: 1px dotted #A8677B;
}
/* 各サブタイトル */
dl#panel p.sc-title::before {
	content: "▶︎"
}
/* 冒頭概要コンテンツの下線のみ個別設定 */
dl#panel dd.js-text p:last-child {
	border-bottom: none;
}
/* コード表記スタイル */
dl#panel pre {
	padding: 5px 0;
}