/**
 * 旧テーマ互換：dl-style02
 *
 * このCSSは、meri_legacy_dl_style02_enabled が有効な場合だけ
 * PHP側から読み込まれる。bodyクラスには依存しない。
 */

.post_content .dl-style02 {
	box-sizing: border-box !important;
	width: 100% !important;
	margin: 1.5em 0 !important;
	padding: 0 !important;
}

.post_content .dl-style02 > dt {
	box-sizing: border-box !important;
	width: 100% !important;
	margin: 0 !important;
	padding:
		var(--meri-legacy-dl-head-pad-y, 15px)
		var(--meri-legacy-dl-head-pad-x, 20px)
		!important;
	background-color:
		var(--meri-legacy-dl-head-bg, #dcc69c)
		!important;
	background-image:
		linear-gradient(
			135deg,
			rgba(255, 255, 255, 0.09) 25%,
			transparent 25%,
			transparent 50%,
			rgba(255, 255, 255, 0.09) 50%,
			rgba(255, 255, 255, 0.09) 75%,
			transparent 75%,
			transparent
		)
		!important;
	background-size: 8px 8px !important;
	color:
		var(--meri-legacy-dl-head-text, #594522)
		!important;
	font-weight: 700 !important;
	line-height: 1.6 !important;
}

.post_content .dl-style02 > dd {
	box-sizing: border-box !important;
	width: 100% !important;
	margin: 0 0 var(--meri-legacy-dl-pair-gap, 18px) !important;
	padding:
		var(--meri-legacy-dl-body-pad-y, 20px)
		var(--meri-legacy-dl-body-pad-x, 24px)
		!important;
	background:
		var(--meri-legacy-dl-body-bg, #fffef0)
		!important;
}

.post_content .dl-style02 > dd:last-child {
	margin-bottom: 0 !important;
}

.post_content .dl-style02 > dd > :first-child {
	margin-top: 0 !important;
}

.post_content .dl-style02 > dd > :last-child {
	margin-bottom: 0 !important;
}

@media screen and (max-width: 767px) {

	.post_content .dl-style02 > dd {
		padding-right:
			min(
				var(--meri-legacy-dl-body-pad-x, 24px),
				20px
			)
			!important;
		padding-left:
			min(
				var(--meri-legacy-dl-body-pad-x, 24px),
				20px
			)
			!important;
	}
}