@charset "utf-8";

/*
 * 親テーマ既存ルール（例: `#content .contents h2` (1,1,1) / `#content .post p` (1,1,1)
 * / `.post h2` `.post p` `.post dt` `.post dd` (0,1,1)）に確実に勝つため、
 * すべてのセレクタに `#content .contents` プレフィックスを付け specificity を底上げしている。
 */

/* 結論セクション
---------------------------------------------------------- */
#content .contents .article-conclusion {
	background: #f8f6f0;
	border-left: 4px solid #8b6a3f;
	padding: 1.25em 1.5em;
	margin: 0 0 2em;
	border-radius: 4px;
}

#content .contents .article-conclusion h2.article-conclusion__title {
	margin: 0 0 0.5em;
	font-size: 1.15em;
	color: #8b6a3f;
	border: 0;
	padding: 0;
}

#content .contents .article-conclusion__body {
	font-size: 1em;
	line-height: 1.8;
}

#content .contents .article-conclusion__body > *:last-child {
	margin-bottom: 0;
}

/* FAQセクション
---------------------------------------------------------- */
#content .contents .article-faq {
	margin: 3em 0 0;
	padding: 1.5em 0 0;
	border-top: 1px solid #ddd;
}

#content .contents .article-faq h2.article-faq__title {
	font-size: 1.25em;
	margin: 0 0 1em;
	border: 0;
	padding: 0;
}

#content .contents .article-faq__list {
	margin: 0;
	padding: 0;
}

#content .contents .article-faq dt.article-faq__q {
	font-weight: bold;
	margin-top: 1.25em;
	padding: 0 0 0 1.75em;
	position: relative;
	line-height: 1.6;
}

#content .contents .article-faq dt.article-faq__q::before {
	content: 'Q.';
	position: absolute;
	left: 0;
	color: #8b6a3f;
	font-weight: bold;
}

#content .contents .article-faq dd.article-faq__a {
	margin: 0.5em 0 0 0;
	padding: 0.5em 0 0 1.75em;
	position: relative;
	line-height: 1.8;
}

#content .contents .article-faq dd.article-faq__a::before {
	content: 'A.';
	position: absolute;
	left: 0;
	color: #555;
	font-weight: bold;
}

/* スマートフォン向け微調整
---------------------------------------------------------- */
@media (max-width: 600px) {
	#content .contents .article-conclusion {
		padding: 1em 1.1em;
	}

	#content .contents .article-faq dt.article-faq__q,
	#content .contents .article-faq dd.article-faq__a {
		padding-left: 1.5em;
	}
}