/**
 * 味噌づくり教室ページ（/contents/miso/）専用スタイル。
 * 見出し帯・ページ大見出し・セクション見出しは style.css の
 * .hk-cart-title-banner / .hyakushou-guide-main-heading（和歌山元気野菜セットと同型）。
 */

.hyakushou-miso-contents {
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
	margin-top: 0;
	padding-top: 0;
	color: #1a1a1a;
	overflow-x: clip;
}

.hyakushou-miso-text-link {
	color: #111;
	text-decoration: underline;
	font-weight: inherit;
}

.hyakushou-miso-text-link:hover {
	color: #2d5a27;
}

.hyakushou-miso-intro-note {
	margin: 0 0 0.75rem;
	font-size: 1rem;
	line-height: 1.7;
}

.hyakushou-miso-apply-form {
	margin: 0.35rem 0 0;
	font-size: 1rem;
}

.hyakushou-miso-section--detail {
	margin-top: 0;
	min-width: 0;
	max-width: 100%;
}

/* 小見出し：緑枠・白地・左に緑丸＋白三角 */
.hyakushou-miso-subheading {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	box-sizing: border-box;
	margin: 0 0 0.85rem;
	padding: 0.5rem 0.85rem 0.55rem;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.25;
	color: #111;
	background: #fff;
	border: 4px solid #3f712b;
}

.hyakushou-miso-subheading__icon {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
}

.hyakushou-miso-subheading__icon svg {
	display: block;
	width: 20px;
	height: 20px;
}

/* セクション見出し（開催日・参加費用など）：ページ大見出しと同じ深緑帯 */
.hyakushou-miso-page .hyakushou-miso-section-heading.hyakushou-guide-main-heading {
	margin: 0 0 0.85rem;
}

.hyakushou-miso-page .hyakushou-miso-section + .hyakushou-miso-section > .hyakushou-miso-section-heading {
	margin-top: 0;
}

/* 詳細セクション：代表写真は1枚のみ */
.hyakushou-miso-gallery {
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin: 0 0 1.15rem;
	overflow: hidden;
}

.hyakushou-miso-gallery--single {
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.hyakushou-miso-gallery--single .hyakushou-miso-gallery__cell:not(:first-child) {
	display: none;
}

.hyakushou-miso-gallery__cell {
	min-width: 0;
	max-width: 100%;
}

.hyakushou-miso-gallery__cell img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	border-radius: 6px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
}

/* テンプレート写真以外の画像は非表示（エディタ本文の重複3枚対策） */
.hyakushou-miso-contents img {
	display: none !important;
	max-width: 100% !important;
	height: auto !important;
	box-sizing: border-box;
}

.hyakushou-miso-gallery__cell img {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
}

.hyakushou-miso-wp-content figure,
.hyakushou-miso-wp-content .wp-block-image,
.hyakushou-miso-wp-content .wp-block-gallery {
	display: none !important;
}

.hyakushou-miso-wp-content {
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
	margin: 0 0 1.35rem;
	overflow-x: clip;
	font-size: 1rem;
	line-height: 1.7;
	color: #000;
}

.hyakushou-miso-wp-content table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.hyakushou-miso-wp-content > :last-child {
	margin-bottom: 0;
}

.hyakushou-miso-section {
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
	margin: 0 0 1.35rem;
}

.hyakushou-miso-section p {
	margin: 0 0 0.75rem;
	font-size: 1rem;
	line-height: 1.7;
	color: #000;
	overflow-wrap: break-word;
}

.hyakushou-miso-section p:last-child {
	margin-bottom: 0;
}

.hyakushou-miso-section__note {
	margin: 0.5rem 0 0;
	font-size: 0.95rem;
	line-height: 1.65;
	color: #333;
}

.hyakushou-miso-tel {
	margin: 0.35rem 0 0;
	font-size: 1.05rem;
	font-weight: 700;
}

.hyakushou-miso-tel a {
	color: #2d5a27;
	text-decoration: underline;
}

@media (max-width: 980px) {
	.hyakushou-miso-subheading {
		padding: 0.45rem 0.65rem 0.5rem;
		border-width: 3px;
		gap: 0.45rem;
	}

	.hyakushou-miso-subheading__icon svg {
		width: 18px;
		height: 18px;
	}

	.hyakushou-miso-page .hyakushou-miso-section-heading.hyakushou-guide-main-heading {
		margin-bottom: 0.75rem;
	}

	.hyakushou-miso-gallery,
	.hyakushou-miso-gallery--single,
	.hyakushou-miso-gallery__cell {
		width: 100%;
		max-width: 100%;
	}

	.hyakushou-miso-gallery__cell img {
		border-radius: 4px;
		box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
	}
}