/**
 * トピックス詳細（single topics）: ブロックエディタ出力を _html/topics-detail.html に近づける
 * （.topicsTitle / .newsDetailImage / .newsDetailBodyText の見た目に合わせる）
 */

/* 本文ラッパー内のブロック余白（コアの block gap を上書き） */
.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText > * {
	margin-top: 0;
	margin-bottom: 0;
}

.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText > * + * {
	margin-top: 0;
}

/* 見出し → .topicsTitle と同等 */
.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText :where(h2, h3, h4, h5, h6).wp-block-heading,
.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText > h2:not([class*="align"]) {
	color: #5c1f14;
	font-size: 21px;
	font-weight: 800;
	letter-spacing: 0.1em;
	line-height: 1.4;
	margin: 0 0 30px 0;
	padding: 0;
	border: none;
}

@media screen and (max-width: 768px) {
	.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText :where(h2, h3, h4, h5, h6).wp-block-heading,
	.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText > h2:not([class*="align"]) {
		font-size: 18px;
	}
}

/* 2つ目以降の見出し（HTML では別 .newsDetailContentInner だった区切り） */
.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText > * + :where(h2, h3, h4, h5, h6).wp-block-heading {
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
	.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText > * + :where(h2, h3, h4, h5, h6).wp-block-heading {
		margin-top: 36px;
	}
}

/* 画像・ギャラリー → .newsDetailImage と同等（フル幅・アスペクト・トリミング） */
.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText .wp-block-image,
.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText .wp-block-gallery {
	margin: 0 0 30px 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

@media screen and (max-width: 768px) {
	.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText .wp-block-image,
	.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText .wp-block-gallery {
		margin-bottom: 20px;
	}
}

.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText .wp-block-image:not(.is-style-rounded) img,
.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText .wp-block-gallery .wp-block-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText figure.wp-block-image:not(.is-style-rounded),
.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText .wp-block-gallery > .wp-block-image {
	aspect-ratio: 771 / 434;
	overflow: hidden;
	margin-left: 0;
	margin-right: 0;
}

@media screen and (max-width: 768px) {
	.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText figure.wp-block-image:not(.is-style-rounded),
	.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText .wp-block-gallery > .wp-block-image {
		aspect-ratio: 16 / 9;
	}
}

/* ギャラリー（ネスト画像）を1列・全幅に */
.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText .wp-block-gallery.has-nested-images {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 0;
}

.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText .wp-block-gallery.has-nested-images .wp-block-image {
	flex-basis: 100% !important;
	width: 100% !important;
}

/* 段落（複数 p）でも info.css の本文トーンを維持（未設定の p は下余白 30px） */
.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText > p {
	color: #333;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 2.07;
	margin: 0 0 30px 0;
}

@media screen and (max-width: 768px) {
	.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText > p {
		font-size: 13px;
	}
}

.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText > p:last-child {
	margin-bottom: 0;
}

/* 埋め込み（oEmbed 等） */
.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText .wp-block-embed {
	margin: 0 0 30px 0;
	max-width: 100%;
}

@media screen and (max-width: 768px) {
	.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText .wp-block-embed {
		margin-bottom: 20px;
	}
}

.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText .wp-block-embed .wp-block-embed__wrapper {
	max-width: 100%;
}

.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText .wp-block-embed iframe {
	max-width: 100%;
}

/* リスト（ブロック） */
.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText .wp-block-list,
.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText > ul,
.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText > ol {
	color: #333;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 2.07;
	margin: 0 0 16px 0;
	padding-left: 1.25em;
}

@media screen and (max-width: 768px) {
	.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText .wp-block-list,
	.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText > ul,
	.underContent .productListWrap .productListBox .child .contentBox .newsDetailContentInner .newsDetailBodyText > ol {
		font-size: 13px;
	}
}