/*
Theme Name: みのり農園
Template: twentytwentyfive
*/

/* =========================================================
   Scroll Fade-in (スクロール連動フェードイン・全セクション共通)
   .fade-in を付けた要素は初期状態で透明＋少し下、
   JS で .is-visible が付くとふわっと現れる。
   ========================================================= */

.fade-in {
	opacity: 0;
	transform: translateY(28px);
	transition:
		opacity 0.9s cubic-bezier(0.22, 0.61, 0.36, 1),
		transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
	will-change: opacity, transform;
}

.fade-in.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* 連続する要素を少しずつ遅らせて上品に出す（任意で付与） */
.fade-in.fade-delay-1 { transition-delay: 0.12s; }
.fade-in.fade-delay-2 { transition-delay: 0.24s; }
.fade-in.fade-delay-3 { transition-delay: 0.36s; }
.fade-in.fade-delay-4 { transition-delay: 0.48s; }

/* アクセシビリティ配慮：動きを減らす設定では即表示（アニメーション無効） */
@media (prefers-reduced-motion: reduce) {
	.fade-in {
		opacity: 1;
		transform: none;
		transition: none;
		will-change: auto;
	}

	.fade-in.fade-delay-1,
	.fade-in.fade-delay-2,
	.fade-in.fade-delay-3,
	.fade-in.fade-delay-4 {
		transition-delay: 0s;
	}
}

/* =========================================================
   Hero Section (ヒーローセクション)
   ========================================================= */

.minori-hero {
	/* 仮のプレースホルダー背景（画像用意後に差し替え）
	   落ち着いた土・自然を思わせるグレー〜グリーングレーのグラデーション */
	position: relative;
	min-height: 78vh;
	display: flex;
	align-items: center;
	justify-content: center;
	/* 上はヘッダー分の余白、下を大きめにして文字を上寄り（空の部分）に寄せる */
	padding-top: clamp(4rem, 10vw, 8rem);
	padding-bottom: clamp(12rem, 34vw, 22rem);
	padding-inline: 1.5rem;
	background-color: #6b6f68; /* 画像読み込み前のフォールバック色 */
	/* 本番写真（背景いっぱい cover 表示・中央寄せ） */
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/minori-farm-image01.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* 背景の上に敷くうっすらとした暗幕（テキストの可読性を確保） */
.minori-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(30, 32, 28, 0.28);
	pointer-events: none;
}

.minori-hero__inner {
	position: relative;
	z-index: 1;
	text-align: center;
}

.minori-hero__title {
	color: #ffffff;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.12em;
	/* 和モダンな余白感のある大きめ見出し */
	font-size: clamp(2rem, 6vw, 3.75rem);
	margin: 0;
	text-shadow: 0 1px 12px rgba(0, 0, 0, 0.25);
}

/* 見出しの各文節を「途中で切れないひとかたまり」にして、
   折り返すときは必ず読点「、」の位置で改行されるようにする（中途半端な改行を防ぐ）。
   1行に収まる幅なら1行のまま表示される。 */
.minori-hero__title-line {
	display: inline-block;
}

/* 本文の改行制御。
   ・__lead-sentence：文ごとに必ず改行（2つの文の「間」で改行）。
   ・__lead-line：語句のまとまり。途中で切れず、境目でのみ自然に折り返す。
   強制改行（<br>）は使わず、画面幅に合わせて折り返す。 */
.minori-hero__lead-sentence {
	display: block;
}

.minori-hero__lead-line {
	display: inline-block;
}

/* =========================================================
   見出しの改行ユーティリティ（全ページ共通）
   「意味のかたまり」を <span class="keep-together"> で囲むと、
   折り返しはかたまりの境目でのみ起き、単語の途中で切れなくなる。
   スマホの狭い画面での不自然な改行（例：「し／ゃも」）を防ぐ。
   ========================================================= */
.keep-together {
	display: inline-block;
}

.minori-hero__lead {
	color: rgba(255, 255, 255, 0.92);
	font-size: clamp(0.95rem, 2.2vw, 1.125rem);
	line-height: 2;
	letter-spacing: 0.06em;
	margin-top: 1.75rem;
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}

/* スマホ表示の微調整 */
@media (max-width: 600px) {
	.minori-hero {
		min-height: 72vh;
	}

	.minori-hero__title {
		letter-spacing: 0.08em;
	}

	/* サブテキストの改行をスマホでは自然な折り返しに任せる */
	.minori-hero__lead br {
		display: none;
	}
}

/* =========================================================
   News / Information Section (お知らせセクション・クエリループ)
   最新投稿3件を動的表示
   ========================================================= */

.minori-news {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
}

/* --- 見出し --- */
.minori-news__head {
	margin-bottom: clamp(2.25rem, 4.5vw, 3.5rem);
}

.minori-news__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.minori-news__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.6rem, 3.6vw, 2.375rem);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0;
}

/* --- カードのグリッド（PC3列→自動で縦積み） --- */
.minori-news__cards {
	gap: clamp(1.25rem, 3vw, 2rem);
}

.minori-news-card {
	display: flex;
	flex-direction: column;
	background-color: #ffffff;
	border: 1px solid #e7e5da;
	border-radius: 2px;
	overflow: hidden;
	height: 100%;
}

/* 画像エリア。アイキャッチが無い場合はこのグレー枠がそのまま見える */
.minori-news-card__media {
	position: relative;
	aspect-ratio: 3 / 2;
	background-color: #dcdbd3;
	background-image: linear-gradient(135deg, #e2e1d9 0%, #cfcec4 100%);
	overflow: hidden;
}

/* アイキャッチ画像がある場合は枠いっぱいに敷く */
.minori-news-card__media .wp-block-post-featured-image,
.minori-news-card__media figure {
	margin: 0;
	height: 100%;
}

.minori-news-card__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* テキスト部分 */
.minori-news-card__body {
	padding: clamp(1.1rem, 2vw, 1.5rem) clamp(1.1rem, 2vw, 1.5rem) clamp(1.4rem, 2.4vw, 1.75rem);
}

.minori-news-card__date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	letter-spacing: 0.08em;
	color: #7a8267;
	margin: 0 0 0.6rem;
}

.minori-news-card__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: 0.04em;
	margin: 0;
}

.minori-news-card__title a {
	color: #2c2e28;
	text-decoration: none;
	transition: color 0.25s ease;
}

.minori-news-card__title a:hover,
.minori-news-card__title a:focus {
	color: #4a5c43; /* 深緑アクセント */
}

.minori-news__empty {
	color: #6a6c61;
	margin: 0;
}

/* --- 「一覧を見る」ボタン --- */
.minori-news__more {
	margin-top: clamp(2.5rem, 5vw, 3.5rem);
}

.minori-news__more-btn .wp-block-button__link {
	display: inline-block;
	background-color: transparent;
	color: #4a5c43;
	font-size: 0.9375rem;
	letter-spacing: 0.1em;
	padding: 0.75em 2.2em;
	border-radius: 2px;
	border: 1px solid #4a5c43; /* 深緑の枠線ボタン */
	transition: background-color 0.25s ease, color 0.25s ease;
}

.minori-news__more-btn .wp-block-button__link:hover,
.minori-news__more-btn .wp-block-button__link:focus {
	background-color: #4a5c43;
	color: #ffffff;
}

/* =========================================================
   お知らせ一覧ページ（/news/ ・home.html）専用の微調整
   カード自体はトップの .minori-news-card 系を再利用。ここでは
   ページ全体の余白とページ送りのトーンだけ整える（すべて
   .minori-newslist に限定し、トップの NEWS セクションには影響させない）。
   ========================================================= */

/* 見出し下の余白を、独立ページらしく少しゆったりと */
.minori-newslist .minori-news__head {
	margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

/* --- ページ送り（お知らせが増えて2ページ目以降ができたとき用） --- */
.minori-newslist .minori-news__pagination {
	margin-top: clamp(2.5rem, 5vw, 4rem);
	gap: 0.4rem;
	align-items: center;
	flex-wrap: wrap;
}

.minori-newslist .minori-news__pagination .wp-block-query-pagination-previous,
.minori-newslist .minori-news__pagination .wp-block-query-pagination-next,
.minori-newslist .minori-news__pagination .page-numbers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875rem;
	letter-spacing: 0.08em;
	color: #4a5c43; /* 深緑アクセント */
	text-decoration: none;
	padding: 0.45em 0.95em;
	border-radius: 2px;
	transition: background-color 0.25s ease, color 0.25s ease;
}

/* 今見ているページを深緑で強調 */
.minori-newslist .minori-news__pagination .page-numbers.current {
	background-color: #4a5c43;
	color: #ffffff;
}

/* リンク（数字・前へ／次へ）のホバー */
.minori-newslist .minori-news__pagination a:hover,
.minori-newslist .minori-news__pagination a:focus {
	background-color: #eceee6;
	color: #4a5c43;
}

/* 省略記号（…）は控えめに */
.minori-newslist .minori-news__pagination .page-numbers.dots {
	color: #9a9a8f;
	padding-inline: 0.3em;
}

/* =========================================================
   Philosophy Section (理念セクション)
   ========================================================= */

.minori-philosophy {
	background-color: #fbfaf6; /* ごく淡いオフホワイト（ヒーローの暗さとの対比） */
	padding-block: clamp(4rem, 9vw, 7.5rem);
	padding-inline: 1.5rem;
}

.minori-philosophy__columns {
	gap: clamp(2rem, 5vw, 4.5rem);
}

/* --- テキスト側 --- */
.minori-philosophy__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267; /* 落ち着いた抹茶グリーン系 */
	margin: 0 0 1.25rem;
}

.minori-philosophy__title {
	/* 見出しは明朝体系 */
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.6rem, 3.6vw, 2.5rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.06em;
	color: #2c2e28;
	margin: 0 0 clamp(1.5rem, 3vw, 2.25rem);
}

.minori-philosophy__body {
	font-size: 1rem;
	line-height: 2.15; /* ゆったりした行間 */
	letter-spacing: 0.04em;
	color: #45473f;
	margin: 0 0 1.5rem;
}

.minori-philosophy__body:last-child {
	margin-bottom: 0;
}

/* --- 写真プレースホルダー --- */
.minori-philosophy__photo {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 4 / 3;
	background-color: #dcdbd3;
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/top_philosophy.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* --- スマホ：縦積み --- */
@media (max-width: 781px) {
	.minori-philosophy__photo {
		aspect-ratio: 3 / 2;
	}
}

/* =========================================================
   Commitment Section (こだわりセクション)
   ========================================================= */

.minori-commitment {
	background-color: #ffffff;
	padding-block: clamp(4rem, 9vw, 7.5rem);
	padding-inline: 1.5rem;
}

/* --- 見出し --- */
.minori-commitment__head {
	margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.minori-commitment__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.minori-commitment__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.5rem, 3.4vw, 2.25rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.06em;
	color: #2c2e28;
	margin: 0;
}

/* --- カード横並び --- */
.minori-commitment__cards {
	gap: clamp(1.25rem, 3vw, 2rem);
}

.minori-card {
	padding: clamp(1.75rem, 3vw, 2.5rem) clamp(1.5rem, 2.5vw, 2rem);
	background-color: #fbfaf6; /* ごく淡い背景で区切る */
	border: 1px solid #e7e5da;
	border-radius: 2px;
}

/* 番号とアイコンを横並び（番号が左・アイコンが右）にする行
   ※ WordPress のフレックスレイアウト既定値に確実に勝つよう詳細度を上げる */
.minori-card .minori-card__head {
	display: flex;
	align-items: center; /* 番号とアイコンの中心を揃える */
	flex-wrap: nowrap;
	gap: 18px; /* 番号とアイコンの間の余白 */
	margin: 0 0 1.25rem;
}

/* こだわりカードのアイコン（番号の右隣・大きめ正方形） */
.minori-card__icon {
	display: block;
	width: 68px;
	height: 68px;
	flex-shrink: 0; /* スマホでも縮まず横並びを維持 */
	margin: 0;
}

.minori-card__number {
	font-family: "Shippori Mincho", "Yu Mincho", "YuMincho", serif;
	font-size: clamp(2.75rem, 6vw, 3.5rem);
	font-weight: 600;
	line-height: 1;
	color: #4a5c43; /* 深緑・くすんだ緑 */
	letter-spacing: 0.02em;
	margin: 0; /* 余白は親 .minori-card__head 側で管理 */
}

.minori-card__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.125rem, 2.2vw, 1.3125rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.04em;
	color: #2c2e28;
	margin: 0 0 1rem;
	/* 番号との区切りに細い下線 */
	padding-bottom: 1rem;
	border-bottom: 1px solid #e7e5da;
}

.minori-card__text {
	font-size: 0.9375rem;
	line-height: 2;
	letter-spacing: 0.03em;
	color: #45473f;
	margin: 0;
}

/* --- スマホ：縦積み（カラムの自動折り返しに合わせた微調整） --- */
@media (max-width: 781px) {
	.minori-commitment__cards {
		gap: 1.25rem;
	}
}

/* =========================================================
   Message Section (社長の思いセクション)
   温かみのある生成り背景。人柄が伝わる落ち着いたトーン
   ========================================================= */

.minori-message {
	background-color: #f4efe6; /* 少し温かみのある生成り */
	padding-block: clamp(4rem, 9vw, 7.5rem);
	padding-inline: 1.5rem;
}

/* --- 写真（横長ランドスケープ・集合写真想定。上に大きく配置） --- */
.minori-message__photo {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 3 / 2;
	background-color: #dcd8cd;
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/top_group.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

/* --- メッセージ本文（写真の下・中央寄せの見出し） --- */
.minori-message__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1.25rem;
}

.minori-message__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.5rem, 3.4vw, 2.25rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.06em;
	color: #2c2e28;
	margin: 0 0 clamp(1.5rem, 3vw, 2.25rem);
}

.minori-message__text {
	font-size: 1rem;
	line-height: 2.15;
	letter-spacing: 0.04em;
	color: #45473f;
	margin: 0 0 1.75rem;
}

/* 署名 */
.minori-message__sign {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: 1.0625rem;
	letter-spacing: 0.08em;
	color: #2c2e28;
	text-align: right;
	margin: 0 0 2rem;
}

/* Aboutページへのリンク */
.minori-message__link {
	margin: 0;
}

.minori-message__link a {
	display: inline-block;
	font-size: 0.9375rem;
	letter-spacing: 0.08em;
	color: #4a5c43; /* 深緑アクセント */
	text-decoration: none;
	border-bottom: 1px solid rgba(74, 92, 67, 0.4);
	padding-bottom: 0.2em;
	transition: color 0.25s ease, border-color 0.25s ease;
}

.minori-message__link a:hover,
.minori-message__link a:focus {
	color: #33402f;
	border-color: #33402f;
}

/* =========================================================
   Cycle Section (循環の物語セクション・目玉)
   濃い緑背景 + 白文字で特別感を出す
   ========================================================= */

.minori-cycle {
	/* 深緑グラデーションで奥行きを出す */
	background-color: #33402f;
	background-image: linear-gradient(165deg, #3b4a34 0%, #2f3b2b 100%);
	color: #f4f1e6;
	padding-block: clamp(4.5rem, 10vw, 8rem);
	padding-inline: 1.5rem;
}

.minori-cycle__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.3em;
	color: #b6c4a6; /* くすんだ緑 */
	margin: 0 0 1.25rem;
}

.minori-cycle__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.6rem, 3.8vw, 2.5rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.08em;
	color: #ffffff;
	margin: 0 0 clamp(1.5rem, 3vw, 2rem);
}

.minori-cycle__lead {
	max-width: 40em;
	margin-inline: auto;
	font-size: clamp(0.95rem, 2.1vw, 1.0625rem);
	line-height: 2.1;
	letter-spacing: 0.05em;
	color: rgba(244, 241, 230, 0.9);
	margin-top: 0;
	margin-bottom: clamp(2.5rem, 6vw, 4rem);
}

/* --- 循環図 --- */
.minori-cycle__figure {
	display: flex;
	justify-content: center;
}

.minori-cycle__svg {
	display: block;
	width: 100%;
	max-width: 520px; /* 正方形イラスト。大きくなりすぎないよう上限を設定 */
	height: auto;
	margin-inline: auto; /* 中央寄せ */
}

/* スマホでは図をやや小さめに収める */
@media (max-width: 600px) {
	.minori-cycle__svg {
		max-width: 340px;
	}
}

/* =========================================================
   Products Section (商品紹介セクション)
   ========================================================= */

.minori-products {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4.5rem, 9vw, 7.5rem);
	padding-inline: 1.5rem;
}

/* --- 見出し --- */
.minori-products__head {
	margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.minori-products__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.minori-products__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.6rem, 3.6vw, 2.375rem);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0;
}

/* --- 主力4カード（存在感を出す） --- */
.minori-products__cards {
	gap: clamp(1.5rem, 3vw, 2.5rem);
	flex-wrap: wrap; /* 4枚：幅が足りないときは折り返してレイアウトを保つ */
}

/* 広い画面では4枚を1行に。カードが窮屈にならないよう均等配分 */
.minori-products__cards > .wp-block-column {
	flex: 1 1 22%;
}

/* タブレット幅では2×2に折り返して自然に見せる（スマホ以下はWP既定で縦積み） */
@media (max-width: 1024px) {
	.minori-products__cards > .wp-block-column {
		flex-basis: 44%;
	}
}

.minori-product-card {
	display: flex;
	flex-direction: column;
	background-color: #ffffff;
	border: 1px solid #e7e5da;
	border-radius: 2px;
	overflow: hidden;
}

.minori-product-card__photo {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 4 / 3;
	background-color: #dcdbd3;
	background-image: linear-gradient(135deg, #e2e1d9 0%, #cfcec4 100%);
}

/* 各商品カードの写真（枠は上と同じ作りのまま、背景で cover 表示）。
   差し替えるときは下の background-image のURLを変更してください。 */
.minori-product-card__photo--kome,
.minori-product-card__photo--komekomen,
.minori-product-card__photo--shamo,
.minori-product-card__photo--melon {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.minori-product-card__photo--kome {
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/card_kome.jpg");
}

.minori-product-card__photo--komekomen {
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/card_komekomen.jpg");
}

.minori-product-card__photo--shamo {
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/card_shamo.jpg");
}

.minori-product-card__photo--melon {
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/card_melon.jpg");
}

.minori-product-card__name {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.25rem, 2.4vw, 1.5rem);
	font-weight: 500;
	letter-spacing: 0.04em;
	color: #2c2e28;
	margin: clamp(1.5rem, 2.5vw, 2rem) clamp(1.5rem, 2.5vw, 2rem) 0;
}

/* 商品名の下に添える小さな補足（有機JAS認証米 など） */
.minori-product-card__sub {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	color: #7a8267;
	margin-top: 0.5rem;
}

.minori-product-card__catch {
	font-size: 0.9375rem;
	line-height: 1.9;
	letter-spacing: 0.03em;
	color: #45473f;
	margin: 0.875rem clamp(1.5rem, 2.5vw, 2rem) 0;
}

/* ボタンをカード下端に揃えるためのスペーサー */
.minori-product-card__actions {
	margin: clamp(1.25rem, 2.5vw, 1.75rem) clamp(1.5rem, 2.5vw, 2rem) clamp(1.5rem, 2.5vw, 2rem);
	margin-top: auto;
	padding-top: 1.25rem;
}

/* 「詳しく見る」ボタン（深緑アクセント） */
.minori-product-card__btn .wp-block-button__link {
	display: inline-block;
	background-color: #4a5c43;
	color: #ffffff;
	font-size: 0.875rem;
	letter-spacing: 0.12em;
	padding: 0.7em 1.6em;
	border-radius: 2px;
	border: 1px solid #4a5c43;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.minori-product-card__btn .wp-block-button__link:hover,
.minori-product-card__btn .wp-block-button__link:focus {
	background-color: transparent;
	color: #4a5c43;
}

/* =========================================================
   Company / Access Section (会社情報・アクセスセクション)
   ========================================================= */

.minori-company {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4.5rem, 9vw, 7.5rem);
	padding-inline: 1.5rem;
}

/* --- 見出し --- */
.minori-company__head {
	margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.minori-company__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.minori-company__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.6rem, 3.6vw, 2.375rem);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0;
}

.minori-company__columns {
	gap: clamp(2rem, 4vw, 3.5rem);
}

/* --- 左：会社概要（定義リスト） --- */
.minori-company__dl {
	margin: 0;
}

.minori-company__dl dt {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #7a8267; /* 深緑系のくすんだ緑 */
	margin: 0;
	padding-top: 1.25rem;
}

.minori-company__dl dt:first-child {
	padding-top: 0;
}

.minori-company__dl dd {
	font-size: 1rem;
	line-height: 1.9;
	letter-spacing: 0.03em;
	color: #2c2e28;
	margin: 0.35rem 0 1.25rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid #e7e5da;
}

.minori-company__dl dd:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

/* --- 右：Google マップ埋め込み（横長・レスポンシブ） --- */
.minori-company__map iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	height: auto;
	border: 0;
	border-radius: 2px;
}

/* =========================================================
   Contact / Shop Section (お問い合わせ・オンラインショップ)
   トップページの締めくくり。信頼感のある落ち着いたトーン
   ========================================================= */

.minori-contact {
	background-color: #f4efe6; /* 温かみのある生成り */
	padding-block: clamp(4.5rem, 9vw, 7.5rem);
	padding-inline: 1.5rem;
}

/* --- 見出し --- */
.minori-contact__head {
	margin-bottom: clamp(2.5rem, 5vw, 3.75rem);
}

.minori-contact__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.3em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.minori-contact__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.6rem, 3.6vw, 2.375rem);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0 0 1.25rem;
}

.minori-contact__lead {
	max-width: 34em;
	margin: 0 auto;
	font-size: clamp(0.95rem, 2.1vw, 1.0625rem);
	line-height: 2;
	letter-spacing: 0.04em;
	color: #55574d;
}

/* --- 2導線カード --- */
.minori-contact__cards {
	gap: clamp(1.25rem, 3vw, 2rem);
	align-items: stretch;
}

.minori-contact-card {
	display: flex;
	flex-direction: column;
	padding: clamp(1.75rem, 3.5vw, 2.75rem);
	border-radius: 2px;
}

.minori-contact-card__eyebrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	margin: 0 0 0.75rem;
}

.minori-contact-card__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.25rem, 2.4vw, 1.5rem);
	font-weight: 500;
	letter-spacing: 0.06em;
	margin: 0 0 1rem;
}

.minori-contact-card__text {
	font-size: 0.9375rem;
	line-height: 1.95;
	letter-spacing: 0.03em;
	margin: 0 0 1.75rem;
}

/* ① オンラインショップ（主役・深緑で目立たせる） */
.minori-contact-card--shop {
	background-color: #33402f;
	background-image: linear-gradient(160deg, #3b4a34 0%, #2f3b2b 100%);
	color: #f4f1e6;
}

.minori-contact-card--shop .minori-contact-card__eyebrow {
	color: #b6c4a6;
}

.minori-contact-card--shop .minori-contact-card__title {
	color: #ffffff;
}

.minori-contact-card--shop .minori-contact-card__text {
	color: rgba(244, 241, 230, 0.9);
}

/* ボタンをカード下端に寄せる */
.minori-contact-card__actions {
	margin-top: auto;
}

.minori-contact-card__btn .wp-block-button__link {
	display: inline-block;
	background-color: #f4f1e6;
	color: #33402f;
	font-size: 0.9375rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	padding: 0.85em 1.9em;
	border-radius: 2px;
	border: 1px solid #f4f1e6;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.minori-contact-card__btn .wp-block-button__link:hover,
.minori-contact-card__btn .wp-block-button__link:focus {
	background-color: transparent;
	color: #f4f1e6;
}

/* ② お問い合わせ（控えめな白カード） */
.minori-contact-card--info {
	background-color: #ffffff;
	border: 1px solid #e5e2d8;
	color: #45473f;
}

.minori-contact-card--info .minori-contact-card__eyebrow {
	color: #7a8267;
}

.minori-contact-card--info .minori-contact-card__title {
	color: #2c2e28;
}

/* お問い合わせ定義リスト */
.minori-contact-card__dl {
	margin: 0;
}

.minori-contact-card__dl dt {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: 0.8125rem;
	letter-spacing: 0.1em;
	color: #7a8267;
	margin: 0;
	padding-top: 1rem;
}

.minori-contact-card__dl dt:first-child {
	padding-top: 0;
}

.minori-contact-card__dl dd {
	font-size: 1.0625rem;
	line-height: 1.7;
	letter-spacing: 0.03em;
	color: #2c2e28;
	margin: 0.25rem 0 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ece9df;
}

.minori-contact-card__dl dd:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.minori-contact-card__dl a {
	color: #4a5c43;
	text-decoration: none;
	border-bottom: 1px solid rgba(74, 92, 67, 0.35);
	transition: color 0.25s ease, border-color 0.25s ease;
}

.minori-contact-card__dl a:hover,
.minori-contact-card__dl a:focus {
	color: #33402f;
	border-color: #33402f;
}

/* =========================================================
   Buy Badge (スクロール追従の購入バッジ・トップページのみ)
   画面右端に固定表示。縦書き。
   ========================================================= */

.minori-buy-badge {
	position: fixed;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: 9999; /* 常に最前面 */

	display: flex;
	align-items: center;
	justify-content: center;

	background-color: #3a4e22; /* 深緑 */
	color: #f4f1e6;            /* 生成り */
	text-decoration: none;

	padding: 1.25rem 0.75rem;
	border-radius: 10px 0 0 10px; /* 左側だけ角丸 */
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);

	transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.minori-buy-badge__text {
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: 0.95rem;
	font-weight: 500;
	letter-spacing: 0.18em;
	line-height: 1;
}

.minori-buy-badge:hover,
.minori-buy-badge:focus {
	background-color: #47602c; /* ホバーで少し明るく */
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.26);
	transform: translateY(-50%) translateX(-2px); /* わずかに左へ */
}

/* スマホ：本文の邪魔にならないよう小さめに（押せる状態は維持） */
@media (max-width: 768px) {
	.minori-buy-badge {
		padding: 0.9rem 0.5rem;
		border-radius: 8px 0 0 8px;
	}

	.minori-buy-badge__text {
		font-size: 0.8125rem;
		letter-spacing: 0.14em;
	}
}

/* 動きを減らす設定ではホバー時の移動を無効化 */
@media (prefers-reduced-motion: reduce) {
	.minori-buy-badge,
	.minori-buy-badge:hover,
	.minori-buy-badge:focus {
		transition: background-color 0.25s ease, box-shadow 0.25s ease;
		transform: translateY(-50%);
	}
}

/* =========================================================
   Site Footer (全ページ共通フッター)
   左：農園名＋キャッチ / 右：3列（MENU・CONTACT・FOLLOW）
   深緑背景・明朝トーン維持
   ========================================================= */

.minori-footer {
	background-color: #3a4e22; /* 深緑 */
	color: rgba(244, 241, 230, 0.88); /* 生成り */
	padding: 64px 24px; /* 上下64・左右24 */
}

/* 中身を最大1100pxの中央寄せコンテナに収める */
.minori-footer__container {
	max-width: 1100px;
	margin: 0 auto;
}

/* 上段：左ブロックと右ブロックを左右いっぱいに離す */
.minori-footer__main {
	display: flex;
	justify-content: space-between;
	align-items: flex-start; /* 各ブロックの上端を揃える */
	gap: 48px;
	flex-wrap: wrap;
}

/* --- 左ブロック：農園名＋キャッチ --- */
.minori-footer__brand-block {
	text-align: left;
}

.minori-footer__brand {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.375rem, 2.6vw, 1.75rem);
	font-weight: 500;
	letter-spacing: 0.08em;
	color: #ffffff;
	margin: 0 0 0.75rem;
}

.minori-footer__brand-note {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: 0.9375rem;
	letter-spacing: 0.1em;
	color: rgba(244, 241, 230, 0.7);
	margin: 0;
}

/* --- 右ブロック：3列を横並び・上端揃え --- */
.minori-footer__cols {
	display: flex;
	align-items: flex-start;
	gap: 48px;
	flex-wrap: wrap;
}

.minori-footer__col {
	min-width: 180px; /* 住所やメールが不自然に折り返さない最低幅を確保 */
}

/* 各列の英字ラベル（MENU / CONTACT / FOLLOW） */
.minori-footer__col-label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.22em;
	color: rgba(244, 241, 230, 0.5);
	margin: 0 0 1rem;
}

/* メニュー */
.minori-footer__nav {
	display: flex;
	flex-direction: column;
	gap: 0.7rem;
}

.minori-footer__nav a {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: 1rem;
	letter-spacing: 0.06em;
	color: rgba(244, 241, 230, 0.88);
	text-decoration: none;
	width: fit-content;
	transition: color 0.25s ease;
}

.minori-footer__nav a:hover,
.minori-footer__nav a:focus {
	color: #ffffff;
}

/* 連絡先（行間を詰めてコンパクトに） */
.minori-footer__contact {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.minori-footer__contact dt {
	font-size: 0.7rem;
	letter-spacing: 0.14em;
	color: rgba(244, 241, 230, 0.55);
	margin: 0 0 0.1rem;
}

.minori-footer__contact dd {
	margin: 0 0 0.5rem;
	color: rgba(244, 241, 230, 0.9);
	letter-spacing: 0.03em;
}

.minori-footer__contact dd:last-child {
	margin-bottom: 0;
}

.minori-footer__contact a {
	color: rgba(244, 241, 230, 0.9);
	text-decoration: none;
	border-bottom: 1px solid rgba(244, 241, 230, 0.3);
	white-space: nowrap; /* 電話・メールを1行で収める */
	transition: color 0.25s ease, border-color 0.25s ease;
}

.minori-footer__contact a:hover,
.minori-footer__contact a:focus {
	color: #ffffff;
	border-color: #ffffff;
}

/* SNS ＋ ショップ（縦に近づけて1グループに） */
.minori-footer__links {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	align-items: flex-start;
}

.minori-footer__sns {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	color: rgba(244, 241, 230, 0.88);
	text-decoration: none;
	transition: color 0.25s ease;
}

.minori-footer__sns:hover,
.minori-footer__sns:focus {
	color: #ffffff;
}

.minori-footer__sns-label {
	font-size: 0.9375rem;
	letter-spacing: 0.06em;
}

/* オンラインショップ（枠線ボタン風） */
.minori-footer__shop {
	display: inline-block;
	font-size: 0.9375rem;
	letter-spacing: 0.08em;
	color: #f4f1e6;
	text-decoration: none;
	padding: 0.6em 1.4em;
	border: 1px solid rgba(244, 241, 230, 0.5);
	border-radius: 2px;
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.minori-footer__shop:hover,
.minori-footer__shop:focus {
	background-color: #f4f1e6;
	color: #3a4e22;
	border-color: #f4f1e6;
}

/* 区切り線（横幅いっぱい） */
.minori-footer__divider {
	border: 0;
	border-top: 1px solid rgba(244, 241, 230, 0.18);
	width: 100%;
	margin: 40px 0 20px;
}

/* コピーライト（小さめ・左寄せ） */
.minori-footer__copyright {
	font-size: 0.75rem;
	letter-spacing: 0.08em;
	color: rgba(244, 241, 230, 0.55);
	text-align: left;
	margin: 0;
}

/* スマホ（768px以下）：全体を縦積みに */
@media (max-width: 768px) {
	.minori-footer {
		padding: 48px 24px;
	}

	.minori-footer__main {
		flex-direction: column;
		gap: 2.5rem;
	}

	.minori-footer__cols {
		flex-direction: column;
		gap: 2rem;
	}
}

/* =========================================================
   About Page — Hero (ABOUTページのヒーロー)
   トップと同じトーン（生成り・深緑・明朝・fade-in）
   ========================================================= */

.about-hero {
	position: relative;
	min-height: 60vh;
	display: flex;
	align-items: center;
	justify-content: center;
	/* 上はそのまま、下を大きめにして文字を上寄りに寄せる
	   （トップ・お米ヒーローと同じ考え方。値はお米ヒーロー(60vh)と同一に揃えた） */
	padding-top: clamp(4rem, 9vw, 7rem);
	padding-bottom: clamp(9rem, 26vw, 16rem);
	padding-inline: 1.5rem;
	background-color: #6b6f68; /* 画像読み込み前のフォールバック色 */
	/* 本番写真（背景いっぱい cover 表示・中央寄せ） */
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/minori-farm-image03.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* テキストの可読性を確保するうっすらとした暗幕 */
.about-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(30, 32, 28, 0.3);
	pointer-events: none;
}

.about-hero__inner {
	position: relative;
	z-index: 1;
	text-align: center;
}

.about-hero__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #cdd6bf; /* くすんだ緑（深緑アクセント系） */
	margin: 0 0 1.25rem;
}

.about-hero__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.9rem, 5vw, 3rem);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #ffffff;
	margin: 0;
	text-shadow: 0 1px 12px rgba(0, 0, 0, 0.25);
}

.about-hero__lead {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(0.95rem, 2.2vw, 1.125rem);
	line-height: 2;
	letter-spacing: 0.08em;
	color: rgba(255, 255, 255, 0.92);
	margin-top: 1.5rem;
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}

/* スマホ調整 */
@media (max-width: 600px) {
	.about-hero {
		min-height: 52vh;
	}

	.about-hero__title {
		letter-spacing: 0.06em;
	}
}

/* =========================================================
   About Page — Message (代表メッセージ)
   手紙のような静かで誠実なトーン。読みやすい幅で中央に。
   ========================================================= */

.about-message {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
}

/* 風景写真プレースホルダー（横長・顔写真ではなく田んぼ等の風景想定） */
.about-message__scenery {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 16 / 9;
	background-color: #dcdbd3;
	background-image: linear-gradient(135deg, #e2e1d9 0%, #cfcec4 100%);
	margin-bottom: clamp(2rem, 4vw, 3rem);
}

.about-message__scenery-note {
	font-size: 0.875rem;
	letter-spacing: 0.12em;
	color: #8f8f84;
}

/* ラベル・見出し */
.about-message__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.about-message__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.5rem, 3.4vw, 2.25rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0 0 clamp(2rem, 4vw, 2.75rem);
}

/* 本文（行間ゆったり・読ませる） */
.about-message__body {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1rem, 2.1vw, 1.0625rem);
	line-height: 2.3;
	letter-spacing: 0.04em;
	color: #3f4138;
	margin: 0 0 1.75rem;
}

/* 強調の一文（引用風に際立たせる） */
.about-message__quote {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.2rem, 3vw, 1.625rem);
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.06em;
	color: #3a4e22; /* 深緑アクセント */
	margin: clamp(2.5rem, 5vw, 3.5rem) 0;
	padding: clamp(1.5rem, 3vw, 2rem) 0 clamp(1.5rem, 3vw, 2rem) clamp(1.25rem, 3vw, 1.75rem);
	border-left: 3px solid #98a67e; /* 引用を示す左の細い線 */
}

/* 署名（右寄せ・小さめ・明朝） */
.about-message__sign {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: 0.9375rem;
	letter-spacing: 0.08em;
	color: #55574d;
	margin: 0;
}

/* 代表者名は手書き系フォント Yomogi で温かみを出す（未読込環境では明朝にフォールバック） */
.about-message__signname {
	font-family: "Yomogi", "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", serif;
	font-size: 1.5rem;
	letter-spacing: 0.14em;
	color: #2c2e28;
	margin-left: 0.2em;
}

/* スマホ調整 */
@media (max-width: 600px) {
	.about-message__scenery {
		aspect-ratio: 3 / 2;
	}

	.about-message__signname {
		font-size: 1.25rem;
	}
}

/* =========================================================
   About Page — Organic JAS (有機JASへのこだわり)
   トップ／ABOUTと同じトーン。読みやすい幅で中央に。
   ========================================================= */

.about-jas {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
}

/* ラベル・見出し */
.about-jas__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.about-jas__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.5rem, 3.4vw, 2.25rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0 0 clamp(2rem, 4vw, 2.75rem);
}

/* イメージ画像プレースホルダー（横長） */
.about-jas__image {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 16 / 9;
	background-color: #dcdbd3;
	background-image: linear-gradient(135deg, #e2e1d9 0%, #cfcec4 100%);
	margin-bottom: clamp(2rem, 4vw, 3rem);
}

.about-jas__image-note {
	font-size: 0.875rem;
	letter-spacing: 0.12em;
	color: #8f8f84;
}

/* 本文（行間ゆったり） */
.about-jas__body {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1rem, 2.1vw, 1.0625rem);
	line-height: 2.3;
	letter-spacing: 0.04em;
	color: #3f4138;
	margin: 0 0 1.75rem;
}

.about-jas__body:last-child {
	margin-bottom: 0;
}

/* 本文中の軽い強調（深緑アクセント） */
.about-jas__em {
	color: #3a4e22;
	font-weight: 600;
}

/* スマホ調整 */
@media (max-width: 600px) {
	.about-jas__image {
		aspect-ratio: 3 / 2;
	}
}

/* =========================================================
   About Page — Our Cycle (循環型農業)
   深緑背景 + 白文字で特別感（トップの循環セクションと同トーン）
   ========================================================= */

.about-cycle {
	background-color: #33402f;
	background-image: linear-gradient(165deg, #3b4a34 0%, #2f3b2b 100%);
	color: #f4f1e6;
	padding-block: clamp(4.5rem, 10vw, 8rem);
	padding-inline: 1.5rem;
}

.about-cycle__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.3em;
	color: #b6c4a6; /* くすんだ緑 */
	margin: 0 0 1.25rem;
}

.about-cycle__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.6rem, 3.8vw, 2.5rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.1em;
	color: #ffffff;
	margin: 0 0 clamp(2rem, 4vw, 2.75rem);
}

/* 本文（行間ゆったり） */
.about-cycle__body {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1rem, 2.1vw, 1.0625rem);
	line-height: 2.3;
	letter-spacing: 0.05em;
	color: rgba(244, 241, 230, 0.9);
	margin: 0 0 1.75rem;
}

/* 冒頭のリード一文は少し大きめ・中央で導入に */
.about-cycle__body--lead {
	font-size: clamp(1.125rem, 2.6vw, 1.375rem);
	color: #ffffff;
	line-height: 2;
	margin-bottom: clamp(2rem, 4vw, 2.75rem);
}

/* 循環図（中央・最大520px・レスポンシブ） */
.about-cycle__figure {
	display: flex;
	justify-content: center;
	margin-top: clamp(2.5rem, 5vw, 3.5rem);
}

.about-cycle__svg {
	display: block;
	width: 100%;
	max-width: 520px;
	height: auto;
}

/* スマホでは図をやや小さめに */
@media (max-width: 600px) {
	.about-cycle__svg {
		max-width: 340px;
	}
}

/* =========================================================
   About Page — Beyond Borders (インドでの有機農業指導)
   生成り背景に戻してリズムに変化。深緑アクセント・明朝。
   ========================================================= */

.about-india {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
}

.about-india__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.about-india__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.5rem, 3.4vw, 2.25rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0 0 clamp(2rem, 4vw, 2.75rem);
}

/* 活動写真スライドショー */
.about-india__media {
	margin-bottom: clamp(2rem, 4vw, 3rem);
}

.india-slider {
	position: relative;
}

/* 表示エリア。aspect-ratio で高さを固定し、はみ出しを防ぐ */
.india-slider__viewport {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 2px;
	background-color: #dcdbd3;
}

/* 各スライドは同じ場所に重ね、表示中のみ不透明にしてフェード */
.india-slider__slide {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.8s ease;
	background-color: #dcdbd3;
	background-image: linear-gradient(135deg, #e2e1d9 0%, #cfcec4 100%);
}

.india-slider__slide.is-active {
	opacity: 1;
}

/* 本番写真に差し替えたとき、枠いっぱいに敷く */
.india-slider__slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.india-slider__note {
	font-size: clamp(0.9rem, 2vw, 1.0625rem);
	letter-spacing: 0.12em;
	color: #8f8f84;
}

/* ドット（今何枚目か） */
.india-slider__dots {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	margin-top: 0.9rem;
}

.india-slider__dot {
	width: 9px;
	height: 9px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background-color: #cbcabf;
	cursor: pointer;
	transition: background-color 0.25s ease, transform 0.25s ease;
}

.india-slider__dot.is-active {
	background-color: #3a4e22; /* 深緑アクセント */
	transform: scale(1.15);
}

/* 動きを減らす設定ではフェードのトランジションを無効化 */
@media (prefers-reduced-motion: reduce) {
	.india-slider__slide {
		transition: none;
	}
}

/* 本文（行間ゆったり） */
.about-india__body {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1rem, 2.1vw, 1.0625rem);
	line-height: 2.3;
	letter-spacing: 0.04em;
	color: #3f4138;
	margin: 0 0 1.75rem;
}

/* 冒頭のリード一文は少し大きめに導入 */
.about-india__body--lead {
	font-size: clamp(1.125rem, 2.6vw, 1.3125rem);
	color: #2c2e28;
	line-height: 2;
}

/* 本文中の軽い強調（NICCO） */
.about-india__em {
	color: #3a4e22;
	font-weight: 600;
}

/* 最後の一文（引用風に際立たせる） */
.about-india__quote {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.2rem, 3vw, 1.625rem);
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.08em;
	color: #3a4e22; /* 深緑アクセント */
	margin: clamp(2.5rem, 5vw, 3.5rem) auto 0;
	max-width: 24em;
}

/* スマホ調整（スライドをやや縦長にして見やすく） */
@media (max-width: 600px) {
	.india-slider__viewport {
		aspect-ratio: 3 / 2;
	}
}

/* =========================================================
   About Page — Outro / 各導線 (締めくくり)
   落ち着いた・信頼感のある締め。生成り背景・深緑アクセント。
   ========================================================= */

.about-outro {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
	text-align: center;
}

.about-outro__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.about-outro__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.5rem, 3.4vw, 2.25rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0 0 1.25rem;
}

.about-outro__lead {
	max-width: 34em;
	margin: 0 auto clamp(2.5rem, 5vw, 3.5rem);
	font-size: clamp(0.95rem, 2.1vw, 1.0625rem);
	line-height: 2;
	letter-spacing: 0.04em;
	color: #55574d;
}

/* 3導線（横並び → スマホ縦積み） */
.about-outro__actions {
	gap: clamp(1rem, 2.5vw, 1.5rem);
	align-items: stretch;
}

/* ボタンを列幅いっぱいに */
.about-outro__btn {
	width: 100%;
}

.about-outro__btn .wp-block-button__link {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0.9375rem;
	letter-spacing: 0.1em;
	padding: 0.95em 1.2em;
	border-radius: 2px;
	/* 通常（①③）：深緑の枠線ボタン */
	background-color: transparent;
	color: #3a4e22;
	border: 1px solid #3a4e22;
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.about-outro__btn .wp-block-button__link:hover,
.about-outro__btn .wp-block-button__link:focus {
	background-color: #3a4e22;
	color: #ffffff;
}

/* ②オンラインショップ：主役として深緑で塗る */
.about-outro__btn--primary .wp-block-button__link {
	background-color: #3a4e22;
	color: #ffffff;
	border-color: #3a4e22;
	font-weight: 600;
}

.about-outro__btn--primary .wp-block-button__link:hover,
.about-outro__btn--primary .wp-block-button__link:focus {
	background-color: #47602c; /* ホバーで少し明るく */
	color: #ffffff;
}

/* =========================================================
   Site Header (全ページ共通ヘッダー)
   生成り背景・深緑テキスト・明朝。左ロゴ／右メニュー。
   ========================================================= */

.minori-header {
	background-color: #fbfaf6; /* 生成り */
	border-bottom: 1px solid #e7e5da;
	padding-block: clamp(0.9rem, 2vw, 1.25rem);
	padding-inline: 1.5rem;
}

/* ロゴとメニューを左右に振り分け、中央寄せの適度な幅に */
.minori-header__inner {
	max-width: 1200px;
	margin-inline: auto;
	align-items: center;
	gap: 1.5rem;
}

/* テキストロゴ */
.minori-logo {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.2rem, 2.6vw, 1.5rem);
	font-weight: 500;
	letter-spacing: 0.08em;
	color: #3a4e22; /* 深緑 */
	text-decoration: none;
	white-space: nowrap;
	transition: color 0.25s ease;
}

.minori-logo:hover,
.minori-logo:focus {
	color: #2c2e28;
}

/* ナビ項目（明朝・深緑） */
.minori-nav {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
}

.minori-nav .wp-block-navigation-item__content {
	color: #3a4e22;
	font-size: 0.9375rem;
	letter-spacing: 0.06em;
	text-decoration: none;
	padding: 0.25em 0;
	transition: color 0.25s ease;
}

.minori-nav .wp-block-navigation-item__content:hover,
.minori-nav .wp-block-navigation-item__content:focus {
	color: #98a67e; /* ホバーはくすんだ緑 */
}

/* PC表示時の項目間隔 */
.minori-nav.wp-block-navigation {
	--wp--style--block-gap: clamp(1.25rem, 3vw, 2rem);
}

/* ハンバーガーボタンの色（スマホ） */
.minori-nav .wp-block-navigation__responsive-container-open,
.minori-nav .wp-block-navigation__responsive-container-close {
	color: #3a4e22;
}

/* スマホのオーバーレイメニュー（開いたとき）：生成り背景＋深緑文字 */
.minori-nav .wp-block-navigation__responsive-container.is-menu-open {
	background-color: #fbfaf6;
}

.minori-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	color: #3a4e22;
	font-size: 1.125rem;
}

/* =========================================================
   Site Header — Step 1 redesign（ハンバーガー＋sticky・見た目のみ）
   ※このブロックが「追記」部分です。元に戻すときはこのブロックごと削除し、
     header-original-backup.html の内容を parts/header.html に戻してください。
     上の元ヘッダーCSSはそのまま残してあります。
   ========================================================= */

/* ヘッダーをスクロール追従（sticky）に。
   ★重要：WordPress はテンプレートパーツを <header class="wp-block-template-part"> で
   もう一段ラップする。この外側ラッパーは中身と同じ高さしかないため、内側の
   .minori-header に sticky を付けても、ラッパーごとすぐ上に流れて追従しない。
   → 追従は「外側ラッパー」に付けるのが正解。
   footer 側は <footer class="wp-block-template-part"> と別タグなので、
   header.wp-block-template-part だけを対象にすれば footer には影響しない。 */
header.wp-block-template-part {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 100;
}

/* 追従中も背景が透けないよう、内側ヘッダーは不透明な生成り（既存の背景色）を維持。
   高さは中身なり（sticky はラッパー側に付けるので内側は position 指定なしでOK） */
.minori-header {
	position: static;
}

/* 5項目メニューは画面から隠す（HTMLには残す。次のステップでハンバーガー内に表示）
   .minori-header を前置して、コアの .wp-block-navigation(display:flex) より優先させる */
.minori-header .minori-nav {
	display: none;
}

/* 三本線（ハンバーガー）ボタン：ヘッダー右側・生成りになじむ深緑 */
.minori-hamburger {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 44px;   /* 指で押しやすいサイズ */
	height: 44px;
	padding: 0;
	margin: 0;
	background: transparent;
	border: 0;
	border-radius: 4px;
	color: #3a4e22; /* 深緑（ロゴと同じトーン） */
	cursor: pointer;
	transition: color 0.25s ease, background-color 0.25s ease;
}

.minori-hamburger__bar {
	display: block;
	width: 26px;
	height: 2px;
	margin-inline: auto;
	background-color: currentColor;
	border-radius: 2px;
}

.minori-hamburger:hover,
.minori-hamburger:focus-visible {
	color: #98a67e; /* ホバーはくすんだ緑（ナビと同じ） */
}

.minori-hamburger:focus-visible {
	outline: 2px solid #98a67e;
	outline-offset: 3px;
}

/* =========================================================
   Site Header — Step 2（ハンバーガー開閉メニュー・動き）
   動きの制御は assets/js/header-menu.js。CSS は見た目とフェードを担当。
   元に戻すときはこのブロックごと削除してください。
   ========================================================= */

/* 三本線ボタンは、開いているメニューより前面に置き「×」として使えるようにする。
   メニュー（.minori-menu）とボタンは同じヘッダー内に並ぶため、ボタンの z-index を
   メニューの z-index:90 より大きくして、確実に最前面で押せるようにする。 */
.minori-hamburger {
	position: relative;
	z-index: 110; /* メニュー(90)より前面 */
}

/* 開いている間（×表示）は、深緑のメニュー背景で溶けないよう白系の色にする */
.minori-hamburger[aria-expanded="true"] {
	color: #f4f1e6;
}

/* 開いている間のホバーも白のまま（緑背景で見やすさを保つ） */
.minori-hamburger[aria-expanded="true"]:hover,
.minori-hamburger[aria-expanded="true"]:focus-visible {
	color: #ffffff;
}

/* 三本線 → × へのモーフィング（開いている間） */
.minori-hamburger__bar {
	transition: transform 0.4s ease, opacity 0.3s ease;
}

.minori-hamburger[aria-expanded="true"] .minori-hamburger__bar:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}

.minori-hamburger[aria-expanded="true"] .minori-hamburger__bar:nth-child(2) {
	opacity: 0;
}

.minori-hamburger[aria-expanded="true"] .minori-hamburger__bar:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

/* 全画面オーバーレイメニュー本体。ヘッダー（sticky・z-index:100）の下に敷くので、
   三本線（×）ボタンは常に前面に残り、押して閉じられる。 */
.minori-menu {
	position: fixed;
	inset: 0;
	z-index: 90;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6rem 1.5rem 3rem; /* 上はヘッダーの高さ分の余白 */
	/* サイトになじむ深い緑・不透明（下のページが透けない） */
	background-color: #33402f;
	background-image: linear-gradient(165deg, #3b4a34 0%, #2f3b2b 100%);
	/* 閉じている状態：透明＋操作不可。ゆっくりめのフェード */
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.6s ease, visibility 0s linear 0.6s;
}

/* 開いている状態（JS が .is-open を付与） */
.minori-menu.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: opacity 0.6s ease, visibility 0s linear 0s;
}

/* 項目リスト（中央に大きく縦並び） */
.minori-menu__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: clamp(0.9rem, 2.4vw, 1.5rem); /* 文字縮小に合わせ同じ比率で詰める */
	text-align: center;
}

.minori-menu__item {
	margin: 0;
}

.minori-menu__link {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(0.9rem, 3vw, 1.35rem); /* 以前の約60%に縮小 */
	font-weight: 500;
	letter-spacing: 0.12em;
	color: #f4f1e6;
	text-decoration: none;
	transition: color 0.25s ease;
}

.minori-menu__link:hover,
.minori-menu__link:focus-visible {
	color: #b6c4a6; /* くすんだ緑 */
}

/* メニューを開いている間は背面ページのスクロールを固定（JS が body に付与） */
body.minori-menu-open {
	overflow: hidden;
}

/* 動きを減らす設定の人にはフェードを最小化（アクセシビリティ配慮） */
@media (prefers-reduced-motion: reduce) {
	.minori-menu,
	.minori-hamburger__bar {
		transition-duration: 0.01ms;
	}
}

/* =========================================================
   Rice Page — Hero (お米ページのヒーロー)
   トップ／ABOUTと同じトーン（生成り・深緑・明朝・fade-in）
   ========================================================= */

.rice-hero {
	position: relative;
	min-height: 60vh;
	display: flex;
	align-items: center;
	justify-content: center;
	/* 上はそのまま、下を大きめにして文字を上寄り（お米が見える方）に寄せる
	   （トップページ minori-hero と同じ考え方。値はお米ヒーローの高さ 60vh に合わせて調整） */
	padding-top: clamp(4rem, 9vw, 7rem);
	padding-bottom: clamp(9rem, 26vw, 16rem);
	padding-inline: 1.5rem;
	background-color: #6b6f68; /* 画像読み込み前のフォールバック色 */
	/* 本番写真（背景いっぱい cover 表示・中央寄せ） */
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/minori-farm-image02.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* テキストの可読性を確保するうっすらとした暗幕 */
.rice-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(30, 32, 28, 0.3);
	pointer-events: none;
}

.rice-hero__inner {
	position: relative;
	z-index: 1;
	text-align: center;
}

.rice-hero__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #cdd6bf; /* くすんだ緑（深緑アクセント系） */
	margin: 0 0 1.25rem;
}

.rice-hero__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.9rem, 5vw, 3rem);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #ffffff;
	margin: 0;
	text-shadow: 0 1px 12px rgba(0, 0, 0, 0.25);
}

.rice-hero__lead {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(0.95rem, 2.2vw, 1.125rem);
	line-height: 2;
	letter-spacing: 0.08em;
	color: rgba(255, 255, 255, 0.92);
	margin-top: 1.5rem;
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}

/* リード文の各語句を「途中で切れないひとかたまり」にし、折り返すときは
   語句の境目（読点「、」など）で改行されるようにする（トップページと同じ考え方） */
.rice-hero__lead-line {
	display: inline-block;
}

/* スマホ調整 */
@media (max-width: 600px) {
	.rice-hero {
		min-height: 52vh;
	}

	.rice-hero__title {
		letter-spacing: 0.06em;
	}
}

/* =========================================================
   Rice Page — Lead (お米ページの導入)
   トップ／ABOUTと同じトーン。読みやすい幅で中央に。
   ========================================================= */

.rice-lead {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
}

/* お米・田んぼの写真プレースホルダー（横長） */
.rice-lead__photo {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 16 / 9;
	background-color: #dcdbd3;
	background-image: linear-gradient(135deg, #e2e1d9 0%, #cfcec4 100%);
	margin-bottom: clamp(2rem, 4vw, 3rem);
}

.rice-lead__photo-note {
	font-size: 0.875rem;
	letter-spacing: 0.12em;
	color: #8f8f84;
}

/* ラベル・見出し */
.rice-lead__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.rice-lead__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.5rem, 3.4vw, 2.25rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0 0 clamp(1.75rem, 3.5vw, 2.5rem);
}

/* 本文（行間ゆったり） */
.rice-lead__body {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1rem, 2.1vw, 1.0625rem);
	line-height: 2.3;
	letter-spacing: 0.04em;
	color: #3f4138;
	margin: 0;
}

/* スマホ調整 */
@media (max-width: 600px) {
	.rice-lead__photo {
		aspect-ratio: 3 / 2;
	}
}

/* =========================================================
   Rice Page — Our Secret (美味しさの5つの秘密)
   番号付きカード。1→2→3列にレスポンシブ。
   ========================================================= */

.rice-secret {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
}

/* 見出し */
.rice-secret__head {
	margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.rice-secret__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.rice-secret__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.6rem, 3.6vw, 2.375rem);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0;
}

/* カードのグリッド：スマホ1列 → タブレット2列 → PC3列
   スマホでは1枚ずつ大きく並ぶので、カード間隔を少しゆったりめに */
.rice-secret__cards {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(1.5rem, 3vw, 2rem);
	align-items: stretch; /* 同じ行のカードを同じ高さに */
}

/* WordPress のフロー余白で先頭以外のカードだけ上にズレるのを打ち消す
   （全カードの上端を揃える） */
.rice-secret__cards > * {
	margin-block-start: 0;
	margin-top: 0;
}

@media (min-width: 600px) {
	.rice-secret__cards {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 900px) {
	.rice-secret__cards {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* 各カード（縦フレックス＋高さ100%で行内の高さを揃える）
   白＋枠線から、淡い生成り緑＋やわらかな影で「厚み」と温かみを出す */
.rice-secret-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: clamp(1.875rem, 3vw, 2.375rem) clamp(1.625rem, 2.5vw, 2.125rem);
	background-color: #f5f6ef; /* 生成りより少し濃い淡green */
	border: 1px solid #e5e8db;
	border-radius: 12px;
	box-shadow: 0 2px 14px rgba(74, 92, 67, 0.06); /* 控えめな影で厚みを演出 */
}

/* 番号＋アイコンの横並び（front-page のこだわりカードと同じ作り）。
   番号を左・アイコンを右に置いてバランスよく */
.rice-secret-card__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 1rem;
	margin: 0 0 1.125rem;
}

/* カードのアイコン（番号の対面・正方形）。こだわりアイコンに揃えた読み込み・表示。
   隣の大きな番号（01 など）と釣り合うよう、少し大きめの存在感に */
.rice-secret-card__icon {
	display: block;
	width: 68px;
	height: 68px;
	flex-shrink: 0; /* スマホでも縮まず表示を維持 */
	margin: 0;
}

.rice-secret-card__number {
	font-family: "Shippori Mincho", "Yu Mincho", "YuMincho", serif;
	font-size: clamp(2.25rem, 5vw, 2.75rem);
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.02em;
	color: #4a5c43; /* 深緑・くすんだ緑 */
	margin: 0; /* 余白は親 .rice-secret-card__head 側で管理 */
}

.rice-secret-card__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.125rem, 2.2vw, 1.3125rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.04em;
	color: #2c2e28;
	margin: 0 0 0.9rem;
	padding-bottom: 0.9rem;
	border-bottom: 1px solid #e7e5da; /* 小見出しの下に細い区切り */
}

.rice-secret-card__text {
	font-size: 0.9375rem;
	line-height: 2;
	letter-spacing: 0.03em;
	color: #45473f;
	margin: 0;
}

/* スマホ最優先：1枚ずつ大きく並ぶので、アイコン・余白をゆったりと */
@media (max-width: 600px) {
	.rice-secret-card {
		padding: 2rem 1.75rem;
	}

	.rice-secret-card__head {
		margin-bottom: 1.375rem;
	}

	.rice-secret-card__icon {
		width: 72px;
		height: 72px;
	}
}

/* =========================================================
   Rice Page — Food Taste Value (食味値・ページの目玉)
   深緑背景 + 白文字。数字を最大級に強調。
   ========================================================= */

.rice-taste {
	background-color: #33402f;
	background-image: linear-gradient(165deg, #3b4a34 0%, #2f3b2b 100%);
	color: #f4f1e6;
	padding-block: clamp(4.5rem, 10vw, 8rem);
	padding-inline: 1.5rem;
	text-align: center;
}

.rice-taste__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.3em;
	color: #b6c4a6; /* くすんだ緑 */
	margin: 0 0 1.25rem;
}

.rice-taste__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.6rem, 3.8vw, 2.5rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.1em;
	color: #ffffff;
	margin: 0 0 clamp(2rem, 5vw, 3rem);
}

/* 数字のまとまり */
.rice-taste__figure {
	margin-bottom: clamp(2rem, 5vw, 3rem);
}

/* 巨大な食味値の数字（このページで最大） */
.rice-taste__value {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(4.5rem, 20vw, 9rem);
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.02em;
	color: #ffffff;
	margin: 0;
	text-shadow: 0 2px 20px rgba(0, 0, 0, 0.25);
}

/* 「〜」を少し小さく上品に */
.rice-taste__tilde {
	font-size: 0.5em;
	color: #b6c4a6;
	margin: 0 0.08em;
	vertical-align: 0.15em;
}

/* 「/ 100点満点」 */
.rice-taste__unit {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1rem, 2.6vw, 1.375rem);
	letter-spacing: 0.1em;
	color: rgba(244, 241, 230, 0.85);
	margin: 0.5rem 0 0;
}

/* 標準との対比 */
.rice-taste__compare {
	font-size: clamp(0.8125rem, 2vw, 0.9375rem);
	letter-spacing: 0.06em;
	color: #b6c4a6;
	margin: 1rem 0 0;
}

/* 説明文 */
.rice-taste__body {
	max-width: 40em;
	margin: 0 auto;
	font-size: clamp(0.95rem, 2.1vw, 1.0625rem);
	line-height: 2.1;
	letter-spacing: 0.04em;
	color: rgba(244, 241, 230, 0.9);
}

/* =========================================================
   Rice Page — How to Cook (美味しいご飯の炊き方)
   生成り背景に戻す。番号付きステップで読みやすく。
   ========================================================= */

.rice-cook {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
}

.rice-cook__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.rice-cook__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.5rem, 3.4vw, 2.25rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0 0 1.5rem;
}

/* リード */
.rice-cook__lead {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.0625rem, 2.4vw, 1.25rem);
	line-height: 2;
	letter-spacing: 0.06em;
	color: #3a4e22; /* 深緑アクセント */
	margin: 0 0 clamp(2rem, 4vw, 3rem);
}

/* 写真プレースホルダー（横長） */
.rice-cook__photo {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 16 / 9;
	background-color: #dcdbd3;
	background-image: linear-gradient(135deg, #e2e1d9 0%, #cfcec4 100%);
	margin-bottom: clamp(2rem, 4vw, 3rem);
}

.rice-cook__photo-note {
	font-size: 0.875rem;
	letter-spacing: 0.12em;
	color: #8f8f84;
}

/* 番号付きステップ */
.rice-cook__steps {
	margin-bottom: clamp(2rem, 4vw, 2.75rem);
}

.rice-cook-step {
	display: flex;
	align-items: flex-start;
	gap: clamp(1rem, 2.5vw, 1.5rem);
	padding: clamp(1.25rem, 2.5vw, 1.75rem) 0;
	border-top: 1px solid #e7e5da;
}

.rice-cook-step:last-child {
	border-bottom: 1px solid #e7e5da;
}

/* 番号（深緑の丸） */
.rice-cook-step__num {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background-color: #3a4e22;
	color: #ffffff;
	font-family: "Shippori Mincho", "Yu Mincho", "YuMincho", serif;
	font-size: 1.25rem;
	line-height: 1;
}

.rice-cook-step__text {
	margin: 0;
	padding-top: 0.35rem; /* 番号の丸と行の頭を揃える */
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1rem, 2.1vw, 1.0625rem);
	line-height: 2.1;
	letter-spacing: 0.04em;
	color: #3f4138;
}

/* 締めの文 */
.rice-cook__closing {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1rem, 2.1vw, 1.0625rem);
	line-height: 2.3;
	letter-spacing: 0.04em;
	color: #3f4138;
	margin: 0;
}

/* =========================================================
   Rice Page — Online Shop (購入導線・締めくくり)
   落ち着いた生成り背景。BASEへの主役ボタン。
   ========================================================= */

.rice-shop {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
	text-align: center;
}

.rice-shop__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.rice-shop__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.5rem, 3.4vw, 2.25rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0 0 1.25rem;
}

.rice-shop__lead {
	max-width: 34em;
	margin: 0 auto clamp(2rem, 4vw, 3rem);
	font-size: clamp(0.95rem, 2.1vw, 1.0625rem);
	line-height: 2;
	letter-spacing: 0.04em;
	color: #55574d;
}

/* 商品写真プレースホルダー（横長） */
.rice-shop__photo {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	background-color: #dcdbd3;
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/kome_shohin.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: clamp(2rem, 4vw, 3rem);
}

/* BASE への主役ボタン（深緑塗り） */
.rice-shop__btn .wp-block-button__link {
	display: inline-block;
	background-color: #3a4e22;
	color: #ffffff;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	padding: 1em 2.4em;
	border-radius: 2px;
	border: 1px solid #3a4e22;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.rice-shop__btn .wp-block-button__link:hover,
.rice-shop__btn .wp-block-button__link:focus {
	background-color: #47602c; /* ホバーで少し明るく */
	color: #ffffff;
}

/* =========================================================
   Noodle Page — Hero (米粉麺ページのヒーロー)
   トップ／ABOUT／お米ページと同じトーン（生成り・深緑・明朝・fade-in）
   ========================================================= */

.noodle-hero {
	position: relative;
	min-height: 60vh;
	display: flex;
	align-items: center;
	justify-content: center;
	/* 上はそのまま、下を大きめにして文字を上寄りに寄せる
	   （これまでのヒーローと同じ考え方。値はお米・ABOUT・メロン(60vh)と同一に揃えた） */
	padding-top: clamp(4rem, 9vw, 7rem);
	padding-bottom: clamp(9rem, 26vw, 16rem);
	padding-inline: 1.5rem;
	background-color: #6b6f68; /* 画像読み込み前のフォールバック色 */
	/* 本番写真（背景いっぱい cover 表示・中央寄せ） */
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/minori-farm-image05.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* テキストの可読性を確保するうっすらとした暗幕 */
.noodle-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(30, 32, 28, 0.3);
	pointer-events: none;
}

.noodle-hero__inner {
	position: relative;
	z-index: 1;
	text-align: center;
}

.noodle-hero__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #cdd6bf; /* くすんだ緑（深緑アクセント系） */
	margin: 0 0 1.25rem;
}

.noodle-hero__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.9rem, 5vw, 3rem);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #ffffff;
	margin: 0;
	text-shadow: 0 1px 12px rgba(0, 0, 0, 0.25);
}

.noodle-hero__lead {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(0.95rem, 2.2vw, 1.125rem);
	line-height: 2;
	letter-spacing: 0.08em;
	color: rgba(255, 255, 255, 0.92);
	margin-top: 1.5rem;
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}

/* リード文の各語句を「途中で切れないひとかたまり」にし、折り返すときは
   語句の境目（読点「、」など）で改行されるようにする（お米ページと同じ考え方） */
.noodle-hero__lead-line {
	display: inline-block;
}

/* スマホ調整 */
@media (max-width: 600px) {
	.noodle-hero {
		min-height: 52vh;
	}

	.noodle-hero__title {
		letter-spacing: 0.06em;
	}
}

/* =========================================================
   Noodle Page — Lead (米粉麺ページの導入)
   トップ／ABOUT／お米ページと同じトーン。読みやすい幅で中央に。
   ========================================================= */

.noodle-lead {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
}

/* 米粉麺の写真プレースホルダー（横長） */
.noodle-lead__photo {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 16 / 9;
	background-color: #dcdbd3;
	background-image: linear-gradient(135deg, #e2e1d9 0%, #cfcec4 100%);
	margin-bottom: clamp(2rem, 4vw, 3rem);
}

.noodle-lead__photo-note {
	font-size: 0.875rem;
	letter-spacing: 0.12em;
	color: #8f8f84;
}

/* ラベル・見出し */
.noodle-lead__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.noodle-lead__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.5rem, 3.4vw, 2.25rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0 0 clamp(1.75rem, 3.5vw, 2.5rem);
}

/* 本文（行間ゆったり） */
.noodle-lead__body {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1rem, 2.1vw, 1.0625rem);
	line-height: 2.3;
	letter-spacing: 0.04em;
	color: #3f4138;
	margin: 0;
}

/* スマホ調整 */
@media (max-width: 600px) {
	.noodle-lead__photo {
		aspect-ratio: 3 / 2;
	}
}

/* =========================================================
   Noodle Page — Our Point (米粉麺が選ばれる理由)
   お米ページの「5つの秘密」と同じ番号付きカード。
   スマホ1列 → PC3列。カードの高さを揃える。
   ========================================================= */

.noodle-point {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
}

/* 見出し */
.noodle-point__head {
	margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.noodle-point__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.noodle-point__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.6rem, 3.6vw, 2.375rem);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0;
}

/* カードのグリッド：スマホ1列 → PC3列 */
.noodle-point__cards {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(1.25rem, 3vw, 2rem);
	align-items: stretch; /* 同じ行のカードを同じ高さに */
}

/* WordPress のフロー余白で先頭以外のカードだけ上にズレるのを打ち消す
   （全カードの上端を揃える） */
.noodle-point__cards > * {
	margin-block-start: 0;
	margin-top: 0;
}

@media (min-width: 900px) {
	.noodle-point__cards {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* 各カード（縦フレックス＋高さ100%で行内の高さを揃える） */
.noodle-point-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: clamp(1.75rem, 3vw, 2.25rem) clamp(1.5rem, 2.5vw, 2rem);
	background-color: #ffffff;
	border: 1px solid #e7e5da;
	border-radius: 2px;
}

.noodle-point-card__number {
	font-family: "Shippori Mincho", "Yu Mincho", "YuMincho", serif;
	font-size: clamp(2.25rem, 5vw, 2.75rem);
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.02em;
	color: #4a5c43; /* 深緑・くすんだ緑 */
	margin: 0 0 1rem;
}

.noodle-point-card__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.125rem, 2.2vw, 1.3125rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.04em;
	color: #2c2e28;
	margin: 0 0 0.9rem;
	padding-bottom: 0.9rem;
	border-bottom: 1px solid #e7e5da; /* 小見出しの下に細い区切り */
}

.noodle-point-card__text {
	font-size: 0.9375rem;
	line-height: 2;
	letter-spacing: 0.03em;
	color: #45473f;
	margin: 0;
}

/* =========================================================
   Noodle Page — Product Info (原材料・商品情報)
   トップの会社情報と同じトーンの定義リスト。
   PCは「項目名｜内容」の2列、スマホは縦に自然に並ぶ。
   ========================================================= */

.noodle-info {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
}

/* 見出し */
.noodle-info__head {
	margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.noodle-info__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.noodle-info__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.6rem, 3.6vw, 2.375rem);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0;
}

/* 定義リスト本体 */
.noodle-info__dl {
	margin: 0;
}

/* 1項目（項目名＋内容）。細い区切り線で仕切る */
.noodle-info__row {
	padding-block: 1.25rem;
	border-bottom: 1px solid #e7e5da;
}

.noodle-info__row:first-child {
	border-top: 1px solid #e7e5da;
}

/* 項目名（深緑系・明朝） */
.noodle-info__dl dt {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #7a8267;
	margin: 0;
}

/* 内容 */
.noodle-info__dl dd {
	font-size: 1rem;
	line-height: 1.9;
	letter-spacing: 0.03em;
	color: #2c2e28;
	margin: 0.35rem 0 0;
}

/* PC：項目名｜内容 の2列に整列 */
@media (min-width: 600px) {
	.noodle-info__row {
		display: grid;
		grid-template-columns: 10.5rem 1fr;
		gap: 1.5rem;
		align-items: baseline;
	}

	.noodle-info__dl dt {
		padding-top: 0.15em; /* 明朝の内容と視覚的に高さを合わせる */
	}

	.noodle-info__dl dd {
		margin-top: 0;
	}
}

/* =========================================================
   Noodle Page — Online Shop (購入導線・締めくくり)
   お米ページと同じ形式。落ち着いた生成り背景・BASEへの主役ボタン。
   ========================================================= */

.noodle-shop {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
	text-align: center;
}

.noodle-shop__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.noodle-shop__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.5rem, 3.4vw, 2.25rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0 0 1.25rem;
}

.noodle-shop__lead {
	max-width: 34em;
	margin: 0 auto clamp(2rem, 4vw, 3rem);
	font-size: clamp(0.95rem, 2.1vw, 1.0625rem);
	line-height: 2;
	letter-spacing: 0.04em;
	color: #55574d;
}

/* 商品写真プレースホルダー（横長） */
.noodle-shop__photo {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	background-color: #dcdbd3;
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/komekomen_shohin.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: clamp(2rem, 4vw, 3rem);
}

/* BASE への主役ボタン（深緑塗り） */
.noodle-shop__btn .wp-block-button__link {
	display: inline-block;
	background-color: #3a4e22;
	color: #ffffff;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	padding: 1em 2.4em;
	border-radius: 2px;
	border: 1px solid #3a4e22;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.noodle-shop__btn .wp-block-button__link:hover,
.noodle-shop__btn .wp-block-button__link:focus {
	background-color: #47602c; /* ホバーで少し明るく */
	color: #ffffff;
}

/* =========================================================
   Melon Page — Hero (メロンページのヒーロー)
   トップ／ABOUT／お米／米粉麺ページと同じトーン（生成り・深緑・明朝・fade-in）
   ========================================================= */

.melon-hero {
	position: relative;
	min-height: 60vh;
	display: flex;
	align-items: center;
	justify-content: center;
	/* 上はそのまま、下を大きめにして文字を上寄りに寄せる
	   （トップ・お米・ABOUTヒーローと同じ考え方。値はお米・ABOUT(60vh)と同一に揃えた） */
	padding-top: clamp(4rem, 9vw, 7rem);
	padding-bottom: clamp(9rem, 26vw, 16rem);
	padding-inline: 1.5rem;
	background-color: #6b6f68; /* 画像読み込み前のフォールバック色 */
	/* 本番写真（背景いっぱい cover 表示・中央寄せ） */
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/minori-farm-image04.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* テキストの可読性を確保するうっすらとした暗幕 */
.melon-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(30, 32, 28, 0.3);
	pointer-events: none;
}

.melon-hero__inner {
	position: relative;
	z-index: 1;
	text-align: center;
}

.melon-hero__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #cdd6bf; /* くすんだ緑（深緑アクセント系） */
	margin: 0 0 1.25rem;
}

.melon-hero__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.9rem, 5vw, 3rem);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #ffffff;
	margin: 0;
	text-shadow: 0 1px 12px rgba(0, 0, 0, 0.25);
}

.melon-hero__lead {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(0.95rem, 2.2vw, 1.125rem);
	line-height: 2;
	letter-spacing: 0.08em;
	color: rgba(255, 255, 255, 0.92);
	margin-top: 1.5rem;
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}

/* スマホ調整 */
@media (max-width: 600px) {
	.melon-hero {
		min-height: 52vh;
	}

	.melon-hero__title {
		letter-spacing: 0.06em;
	}
}

/* =========================================================
   Melon Page — Lead (メロンページの導入)
   トップ／ABOUT／お米／米粉麺ページと同じトーン。読みやすい幅で中央に。
   ========================================================= */

.melon-lead {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
}

/* メロンの写真プレースホルダー（横長） */
.melon-lead__photo {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 16 / 9;
	background-color: #dcdbd3;
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/melon_intro.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: clamp(2rem, 4vw, 3rem);
}

/* ラベル・見出し */
.melon-lead__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.melon-lead__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.5rem, 3.4vw, 2.25rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0 0 clamp(1.75rem, 3.5vw, 2.5rem);
}

/* 本文（行間ゆったり） */
.melon-lead__body {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1rem, 2.1vw, 1.0625rem);
	line-height: 2.3;
	letter-spacing: 0.04em;
	color: #3f4138;
	margin: 0;
}

/* スマホ調整 */
@media (max-width: 600px) {
	.melon-lead__photo {
		aspect-ratio: 3 / 2;
	}
}

/* =========================================================
   Melon Page — One Fruit (一本仕立て一果どり・メロンの個性)
   ABOUTの循環セクションと同じ深緑背景＋白文字で特別感を出す。
   ========================================================= */

.melon-onefruit {
	/* 深緑グラデーションで奥行きを出す */
	background-color: #33402f;
	background-image: linear-gradient(165deg, #3b4a34 0%, #2f3b2b 100%);
	color: #f4f1e6;
	padding-block: clamp(4.5rem, 10vw, 8rem);
	padding-inline: 1.5rem;
	text-align: center;
}

.melon-onefruit__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.3em;
	color: #b6c4a6; /* くすんだ緑 */
	margin: 0 0 1.25rem;
}

.melon-onefruit__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.6rem, 3.8vw, 2.5rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.08em;
	color: #ffffff;
	margin: 0 0 clamp(2rem, 4vw, 3rem);
}

/* メロンが実っている写真のプレースホルダー（深緑になじむ落ち着いたトーン） */
.melon-onefruit__photo {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 16 / 9;
	background-color: #46543d;
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/melon_ippon.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid rgba(182, 196, 166, 0.25);
	margin-bottom: clamp(2.25rem, 4.5vw, 3.25rem);
}

/* 本文（行間ゆったり・読みやすい幅で中央） */
.melon-onefruit__body {
	max-width: 40em;
	margin: 0 auto;
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1rem, 2.1vw, 1.0625rem);
	line-height: 2.2;
	letter-spacing: 0.05em;
	color: rgba(244, 241, 230, 0.92);
}

/* 段落の間隔 */
.melon-onefruit__body + .melon-onefruit__body {
	margin-top: 1.75rem;
}

/* スマホ調整 */
@media (max-width: 600px) {
	.melon-onefruit__photo {
		aspect-ratio: 3 / 2;
	}
}

/* =========================================================
   Melon Page — Growing Process (メロンが育つまで・横スクロール)
   生成り背景に戻してリズムをつける。横スクロールは CSS のみ
   （overflow-x: auto）で実現。指スワイプ／トラックパッド／マウス対応。
   ========================================================= */

.melon-grow {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	/* 左右パディングは 0。トラックだけ内側で余白を取り、
	   写真が画面右端へ自然にはみ出して続くように見せる */
	padding-inline: 0;
	overflow: hidden; /* はみ出したトラックでページ全体が横に伸びないように */
}

/* 見出し（左右の余白はここで確保） */
.melon-grow__head {
	margin-bottom: clamp(2.5rem, 5vw, 3.5rem);
	padding-inline: 1.5rem;
}

.melon-grow__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.melon-grow__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.6rem, 3.6vw, 2.375rem);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0 0 1.25rem;
}

.melon-grow__lead {
	max-width: 34em;
	margin: 0 auto;
	font-size: clamp(0.95rem, 2.1vw, 1.0625rem);
	line-height: 2;
	letter-spacing: 0.04em;
	color: #55574d;
}

/* ギャラリー全体のまとまり。右端に「続きがある」ことを示す影を重ねる */
.melon-grow__gallery {
	position: relative;
}

/* 右端のグラデーション（続きがあるサイン）。スクロール操作は邪魔しない */
.melon-grow__gallery::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: clamp(2rem, 6vw, 4rem);
	/* トラックの高さ分だけ。ヒント文の高さは除くため bottom を少し空ける */
	bottom: 2.5rem;
	background: linear-gradient(to right, rgba(251, 250, 246, 0) 0%, rgba(251, 250, 246, 0.9) 100%);
	pointer-events: none;
}

/* 横スクロールの本体 */
.melon-grow__track {
	display: flex;
	gap: clamp(1rem, 2.5vw, 1.5rem);
	overflow-x: auto;
	overflow-y: hidden;
	/* 左右に余白を取り、最初と最後のカードが端に貼り付かないように */
	padding-inline: clamp(1.5rem, 5vw, 4rem);
	padding-bottom: 1rem;
	/* スクロールが指に吸い付くように（任意・軽いスナップ） */
	scroll-snap-type: x proximity;
	scroll-padding-left: clamp(1.5rem, 5vw, 4rem);
	-webkit-overflow-scrolling: touch; /* iOS の慣性スクロール */
}

/* キーボード操作でトラックにフォーカスしたときの目印 */
.melon-grow__track:focus-visible {
	outline: 2px solid #7a8267;
	outline-offset: 3px;
}

/* スクロールバーを「あえて見せる」——横スクロールできると気づける */
.melon-grow__track::-webkit-scrollbar {
	height: 8px;
}

.melon-grow__track::-webkit-scrollbar-track {
	background: #ece9e0;
	border-radius: 100px;
}

.melon-grow__track::-webkit-scrollbar-thumb {
	background: #b7b8ab;
	border-radius: 100px;
}

.melon-grow__track::-webkit-scrollbar-thumb:hover {
	background: #9a9b8e;
}

/* Firefox 用のスクロールバー表示 */
.melon-grow__track {
	scrollbar-width: thin;
	scrollbar-color: #b7b8ab #ece9e0;
}

/* 各カード（写真＋キャプション）。幅を固定して横に並べる */
.melon-grow__item {
	flex: 0 0 auto;
	width: clamp(15rem, 60vw, 19rem); /* スマホでは画面の6割幅＝次のカードがチラ見えする */
	margin: 0;
	scroll-snap-align: start;
}

/* 写真プレースホルダー（正方形に近い横長） */
.melon-grow__photo {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	aspect-ratio: 4 / 3;
	background-color: #dcdbd3;
	background-image: linear-gradient(135deg, #e2e1d9 0%, #cfcec4 100%);
	border-radius: 2px;
	overflow: hidden;
}

/* 各工程の写真（枠は上と同じ作りのまま、背景で cover 表示）。順番＝土づくり(1)→出荷(8)。
   差し替えるときは下の background-image のURLを変更してください。 */
.melon-grow__photo--step1,
.melon-grow__photo--step2,
.melon-grow__photo--step3,
.melon-grow__photo--step4,
.melon-grow__photo--step5,
.melon-grow__photo--step6,
.melon-grow__photo--step7,
.melon-grow__photo--step8 {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.melon-grow__photo--step1 {
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/melon_step1.jpg");
}

.melon-grow__photo--step2 {
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/melon_step2.jpg");
}

.melon-grow__photo--step3 {
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/melon_step3.jpg");
}

.melon-grow__photo--step4 {
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/melon_step4.jpg");
}

.melon-grow__photo--step5 {
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/melon_step5.jpg");
}

.melon-grow__photo--step6 {
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/melon_step6.jpg");
}

.melon-grow__photo--step7 {
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/melon_step7.jpg");
}

.melon-grow__photo--step8 {
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/melon_step8.jpg");
}

/* 本番写真に差し替えたとき、枠いっぱいに表示する */
.melon-grow__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* 工程番号（プレースホルダー内の目印） */
/* プレースホルダーの説明（差し替え目印） */
/* キャプション（工程名） */
.melon-grow__caption {
	margin: 0.9rem 0 0;
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: 0.9375rem;
	line-height: 1.7;
	letter-spacing: 0.04em;
	color: #3f4138;
	text-align: center;
}

/* 「→ 横にスクロール」のヒント */
.melon-grow__hint {
	margin: 0.75rem 0 0;
	padding-inline: clamp(1.5rem, 5vw, 4rem);
	font-size: 0.8125rem;
	letter-spacing: 0.12em;
	color: #9a9b8e;
	text-align: right;
}

/* スマホ調整：カードをやや小さく */
@media (max-width: 600px) {
	.melon-grow__item {
		width: 72vw; /* 指でスワイプしやすく、次がチラ見え */
	}
}

/* =========================================================
   Melon Page — Product Info (商品情報)
   米粉麺ページの商品情報と同じ定義リスト。
   PCは「項目名｜内容」の2列、スマホは縦に自然に並ぶ。
   ========================================================= */

.melon-info {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
}

/* 見出し */
.melon-info__head {
	margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.melon-info__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.melon-info__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.6rem, 3.6vw, 2.375rem);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0;
}

/* 定義リスト本体 */
.melon-info__dl {
	margin: 0;
}

/* 1項目（項目名＋内容）。細い区切り線で仕切る */
.melon-info__row {
	padding-block: 1.25rem;
	border-bottom: 1px solid #e7e5da;
}

.melon-info__row:first-child {
	border-top: 1px solid #e7e5da;
}

/* 項目名（深緑系・明朝） */
.melon-info__dl dt {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #7a8267;
	margin: 0;
}

/* 内容 */
.melon-info__dl dd {
	font-size: 1rem;
	line-height: 1.9;
	letter-spacing: 0.03em;
	color: #2c2e28;
	margin: 0.35rem 0 0;
}

/* PC：項目名｜内容 の2列に整列 */
@media (min-width: 600px) {
	.melon-info__row {
		display: grid;
		grid-template-columns: 10.5rem 1fr;
		gap: 1.5rem;
		align-items: baseline;
	}

	.melon-info__dl dt {
		padding-top: 0.15em; /* 明朝の内容と視覚的に高さを合わせる */
	}

	.melon-info__dl dd {
		margin-top: 0;
	}
}

/* =========================================================
   Melon Page — Online Shop (購入導線・締めくくり)
   お米／米粉麺ページと同じ形式。生成り背景・BASEへの主役ボタン。
   ========================================================= */

.melon-shop {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
	text-align: center;
}

.melon-shop__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.melon-shop__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.5rem, 3.4vw, 2.25rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0 0 1.25rem;
}

.melon-shop__lead {
	max-width: 34em;
	margin: 0 auto clamp(2rem, 4vw, 3rem);
	font-size: clamp(0.95rem, 2.1vw, 1.0625rem);
	line-height: 2;
	letter-spacing: 0.04em;
	color: #55574d;
}

/* お問い合わせへの主役ボタン（深緑塗り） */
.melon-shop__btn .wp-block-button__link {
	display: inline-block;
	background-color: #3a4e22;
	color: #ffffff;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	padding: 1em 2.4em;
	border-radius: 2px;
	border: 1px solid #3a4e22;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.melon-shop__btn .wp-block-button__link:hover,
.melon-shop__btn .wp-block-button__link:focus {
	background-color: #47602c; /* ホバーで少し明るく */
	color: #ffffff;
}

/* =========================================================
   Shamo Page — Hero (近江しゃもページのヒーロー)
   トップ／ABOUT／お米／米粉麺／メロンページと同じトーン
   （生成り・深緑・明朝・fade-in）
   ========================================================= */

.shamo-hero {
	position: relative;
	min-height: 60vh;
	display: flex;
	align-items: center;
	justify-content: center;
	/* 上はそのまま、下を大きめにして文字を上寄りに寄せる
	   （これまでのヒーローと同じ考え方。値はお米・ABOUT・メロン・米粉麺(60vh)と同一に揃えた） */
	padding-top: clamp(4rem, 9vw, 7rem);
	padding-bottom: clamp(9rem, 26vw, 16rem);
	padding-inline: 1.5rem;
	background-color: #6b6f68; /* 画像読み込み前のフォールバック色 */
	/* 本番写真（背景いっぱい cover 表示・中央寄せ） */
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/minori-farm-image06.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* テキストの可読性を確保するうっすらとした暗幕 */
.shamo-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(30, 32, 28, 0.3);
	pointer-events: none;
}

.shamo-hero__inner {
	position: relative;
	z-index: 1;
	text-align: center;
}

.shamo-hero__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #cdd6bf; /* くすんだ緑（深緑アクセント系） */
	margin: 0 0 1.25rem;
}

.shamo-hero__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.9rem, 5vw, 3rem);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #ffffff;
	margin: 0;
	text-shadow: 0 1px 12px rgba(0, 0, 0, 0.25);
}

/* 見出しの各かたまり（「みのり農園の」「近江しゃも」）を途中で切れないようにし、
   折り返すときはその境目で改行させる（単語の途中で切れないようにする） */
.shamo-hero__title-line {
	display: inline-block;
}

.shamo-hero__lead {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(0.95rem, 2.2vw, 1.125rem);
	line-height: 2;
	letter-spacing: 0.08em;
	color: rgba(255, 255, 255, 0.92);
	margin-top: 1.5rem;
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}

/* リード文の各語句を「途中で切れないひとかたまり」にし、折り返すときは
   語句の境目（読点「、」など）で改行されるようにする（お米ページと同じ考え方） */
.shamo-hero__lead-line {
	display: inline-block;
}

/* スマホ調整 */
@media (max-width: 600px) {
	.shamo-hero {
		min-height: 52vh;
	}

	.shamo-hero__title {
		letter-spacing: 0.06em;
	}
}

/* =========================================================
   Shamo Page — Our Feature (近江しゃもの特徴)
   お米ページの「5つの秘密」と同じ番号付きカード・同じ見た目。
   スマホ1列 → PC3列。カードの高さを揃える。
   ========================================================= */

.shamo-feature {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
}

/* 見出し */
.shamo-feature__head {
	margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.shamo-feature__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.shamo-feature__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.6rem, 3.6vw, 2.375rem);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0;
}

/* カードのグリッド：スマホ1列 → PC3列 */
.shamo-feature__cards {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(1.25rem, 3vw, 2rem);
	align-items: stretch; /* 同じ行のカードを同じ高さに */
}

/* WordPress のフロー余白で先頭以外のカードだけ上にズレるのを打ち消す
   （全カードの上端を揃える） */
.shamo-feature__cards > * {
	margin-block-start: 0;
	margin-top: 0;
}

@media (min-width: 900px) {
	.shamo-feature__cards {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* 各カード（縦フレックス＋高さ100%で行内の高さを揃える） */
.shamo-feature-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: clamp(1.75rem, 3vw, 2.25rem) clamp(1.5rem, 2.5vw, 2rem);
	background-color: #ffffff;
	border: 1px solid #e7e5da;
	border-radius: 2px;
}

.shamo-feature-card__number {
	font-family: "Shippori Mincho", "Yu Mincho", "YuMincho", serif;
	font-size: clamp(2.25rem, 5vw, 2.75rem);
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.02em;
	color: #4a5c43; /* 深緑・くすんだ緑 */
	margin: 0 0 1rem;
}

.shamo-feature-card__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.125rem, 2.2vw, 1.3125rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.04em;
	color: #2c2e28;
	margin: 0 0 0.9rem;
	padding-bottom: 0.9rem;
	border-bottom: 1px solid #e7e5da; /* 小見出しの下に細い区切り */
}

.shamo-feature-card__text {
	font-size: 0.9375rem;
	line-height: 2;
	letter-spacing: 0.03em;
	color: #45473f;
	margin: 0;
}

/* =========================================================
   Shamo Page — How We Raise (エサのこだわり)
   これまでのしゃもページと同じトーン（生成り・深緑・明朝・fade-in）。
   3つのポイントは米粉麺ページの原材料表示と同じ定義リストの見た目。
   ========================================================= */

.shamo-feed {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
}

/* ラベル・見出し（中央） */
.shamo-feed__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.shamo-feed__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.6rem, 3.6vw, 2.375rem);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0 0 clamp(2rem, 4vw, 3rem);
}

/* 本文（行間ゆったり） */
.shamo-feed__body {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1rem, 2.1vw, 1.0625rem);
	line-height: 2.3;
	letter-spacing: 0.04em;
	color: #3f4138;
	margin: 0;
}

/* 段落の間隔 */
.shamo-feed__body + .shamo-feed__body {
	margin-top: 1.75rem;
}

/* --- 3つのポイント（米粉麺ページの原材料表示と同じ見た目の定義リスト） --- */
.shamo-feed__dl {
	margin: clamp(2.5rem, 5vw, 3.5rem) 0 0;
}

/* 1項目（項目名＋内容）。細い区切り線で仕切る */
.shamo-feed__row {
	padding-block: 1.25rem;
	border-bottom: 1px solid #e7e5da;
}

.shamo-feed__row:first-child {
	border-top: 1px solid #e7e5da;
}

/* 項目名（深緑系・明朝） */
.shamo-feed__dl dt {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #7a8267;
	margin: 0;
}

/* 内容 */
.shamo-feed__dl dd {
	font-size: 1rem;
	line-height: 1.9;
	letter-spacing: 0.03em;
	color: #2c2e28;
	margin: 0.35rem 0 0;
}

/* PC：項目名｜内容 の2列に整列 */
@media (min-width: 600px) {
	.shamo-feed__row {
		display: grid;
		grid-template-columns: 10.5rem 1fr;
		gap: 1.5rem;
		align-items: baseline;
	}

	.shamo-feed__dl dt {
		padding-top: 0.15em; /* 明朝の内容と視覚的に高さを合わせる */
	}

	.shamo-feed__dl dd {
		margin-top: 0;
	}
}

/* =========================================================
   Shamo Page — Full-width Photo (全幅の写真プレースホルダー)
   特徴カードとエサのこだわりの間に置く、迫力ある横長ビジュアル。
   上下の生成りセクションの余白でリズムが自然になる。
   ========================================================= */

/* 全幅グループ（左右パディングなし＝画面いっぱい） */
.shamo-photo {
	padding: 0;
}

/* 写真の枠。仮のうちは薄いグレー。写真を入れると枠いっぱいに表示 */
.shamo-photo__frame {
	position: relative;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 21 / 9; /* 迫力のある横長 */
	background-color: #dcdbd3;
	background-image: linear-gradient(135deg, #e2e1d9 0%, #cfcec4 100%);
	overflow: hidden;
}

/* 本番写真（src を入れると表示され、枠いっぱいに広がってプレースホルダー文字を覆う） */
.shamo-photo__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* src が空のあいだは画像を出さない（壊れた画像アイコンを防ぐ） */
.shamo-photo__img[src=""],
.shamo-photo__img:not([src]) {
	display: none;
}

/* プレースホルダーの説明文字（中央） */
.shamo-photo__note {
	font-size: clamp(0.875rem, 2vw, 1rem);
	letter-spacing: 0.12em;
	color: #8f8f84;
}

/* スマホでは横長すぎないように調整 */
@media (max-width: 600px) {
	.shamo-photo__frame {
		aspect-ratio: 4 / 3;
	}
}

/* =========================================================
   Shamo Page — Our Cycle (循環セクション)
   ABOUTページの循環セクションと同じ作り・同じトーン。
   深緑背景＋白系文字。循環図は既存の minori_cycle.svg を再利用。
   ========================================================= */

.shamo-cycle {
	background-color: #33402f;
	background-image: linear-gradient(165deg, #3b4a34 0%, #2f3b2b 100%);
	color: #f4f1e6;
	padding-block: clamp(4.5rem, 10vw, 8rem);
	padding-inline: 1.5rem;
}

.shamo-cycle__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.3em;
	color: #b6c4a6; /* くすんだ緑 */
	margin: 0 0 1.25rem;
}

.shamo-cycle__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.6rem, 3.8vw, 2.5rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.1em;
	color: #ffffff;
	margin: 0 0 clamp(2rem, 4vw, 2.75rem);
}

/* 本文（行間ゆったり・中央） */
.shamo-cycle__body {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1rem, 2.1vw, 1.0625rem);
	line-height: 2.3;
	letter-spacing: 0.05em;
	color: rgba(244, 241, 230, 0.9);
	text-align: center;
	margin: 0;
}

/* 循環図（中央・最大520px・レスポンシブ） */
.shamo-cycle__figure {
	display: flex;
	justify-content: center;
	margin-top: clamp(2.5rem, 5vw, 3.5rem);
}

.shamo-cycle__svg {
	display: block;
	width: 100%;
	max-width: 520px;
	height: auto;
}

/* スマホでは図をやや小さめに */
@media (max-width: 600px) {
	.shamo-cycle__svg {
		max-width: 340px;
	}
}

/* =========================================================
   Shamo Page — Product Information (商品情報)
   米粉麺ページの商品情報と同じ定義リスト・同じ見た目。
   PCは「項目名｜内容」の2列、スマホは縦に自然に並ぶ。
   ========================================================= */

.shamo-info {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
}

/* 見出し */
.shamo-info__head {
	margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.shamo-info__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.shamo-info__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.6rem, 3.6vw, 2.375rem);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0;
}

/* 定義リスト本体 */
.shamo-info__dl {
	margin: 0;
}

/* 1項目（項目名＋内容）。細い区切り線で仕切る */
.shamo-info__row {
	padding-block: 1.25rem;
	border-bottom: 1px solid #e7e5da;
}

.shamo-info__row:first-child {
	border-top: 1px solid #e7e5da;
}

/* 項目名（深緑系・明朝） */
.shamo-info__dl dt {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #7a8267;
	margin: 0;
}

/* 内容 */
.shamo-info__dl dd {
	font-size: 1rem;
	line-height: 1.9;
	letter-spacing: 0.03em;
	color: #2c2e28;
	margin: 0.35rem 0 0;
}

/* PC：項目名｜内容 の2列に整列 */
@media (min-width: 600px) {
	.shamo-info__row {
		display: grid;
		grid-template-columns: 10.5rem 1fr;
		gap: 1.5rem;
		align-items: baseline;
	}

	.shamo-info__dl dt {
		padding-top: 0.15em; /* 明朝の内容と視覚的に高さを合わせる */
	}

	.shamo-info__dl dd {
		margin-top: 0;
	}
}

/* =========================================================
   Shamo Page — Online Shop (購入導線・締めくくり)
   米粉麺ページの購入導線とまったく同じ形式・見た目。
   生成り背景・BASEへの深緑の主役ボタン。
   ========================================================= */

.shamo-shop {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
	text-align: center;
}

.shamo-shop__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.shamo-shop__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.5rem, 3.4vw, 2.25rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0 0 1.25rem;
}

.shamo-shop__lead {
	max-width: 34em;
	margin: 0 auto clamp(2rem, 4vw, 3rem);
	font-size: clamp(0.95rem, 2.1vw, 1.0625rem);
	line-height: 2;
	letter-spacing: 0.04em;
	color: #55574d;
}

/* 商品写真プレースホルダー（横長） */
.shamo-shop__photo {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	background-color: #dcdbd3;
	background-image: url("/wp-content/themes/twentytwentyfive-child/assets/images/shamo_shohin.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: clamp(2rem, 4vw, 3rem);
	overflow: hidden;
}

/* 本番写真に差し替えたとき、枠いっぱいに表示する */
.shamo-shop__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* BASE への主役ボタン（深緑塗り） */
.shamo-shop__btn .wp-block-button__link {
	display: inline-block;
	background-color: #3a4e22;
	color: #ffffff;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	padding: 1em 2.4em;
	border-radius: 2px;
	border: 1px solid #3a4e22;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.shamo-shop__btn .wp-block-button__link:hover,
.shamo-shop__btn .wp-block-button__link:focus {
	background-color: #47602c; /* ホバーで少し明るく */
	color: #ffffff;
}

/* =========================================================
   Company Page — 会社概要
   商品情報（noodle-info/shamo-info）と同じ定義リストの見た目。
   PCは「項目名｜内容」の2列、スマホは縦に自然に並ぶ。
   ========================================================= */

.company-info {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
}

/* 見出し */
.company-info__head {
	margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.company-info__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.company-info__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.6rem, 3.6vw, 2.375rem);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0;
}

/* 定義リスト本体 */
.company-info__dl {
	margin: 0;
}

/* 1項目（項目名＋内容）。細い区切り線で仕切る */
.company-info__row {
	padding-block: 1.25rem;
	border-bottom: 1px solid #e7e5da;
}

.company-info__row:first-child {
	border-top: 1px solid #e7e5da;
}

/* 項目名（深緑系・明朝） */
.company-info__dl dt {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #7a8267;
	margin: 0;
}

/* 内容 */
.company-info__dl dd {
	font-size: 1rem;
	line-height: 1.9;
	letter-spacing: 0.03em;
	color: #2c2e28;
	margin: 0.35rem 0 0;
}

/* 電話・メールのリンク（深緑アクセント） */
.company-info__dl dd a {
	color: #3a4e22;
	text-decoration: underline;
	text-underline-offset: 0.2em;
	text-decoration-thickness: 1px;
	transition: color 0.2s ease;
}

.company-info__dl dd a:hover,
.company-info__dl dd a:focus {
	color: #47602c;
}

/* PC：項目名｜内容 の2列に整列 */
@media (min-width: 600px) {
	.company-info__row {
		display: grid;
		grid-template-columns: 10.5rem 1fr;
		gap: 1.5rem;
		align-items: baseline;
	}

	.company-info__dl dt {
		padding-top: 0.15em; /* 明朝の内容と視覚的に高さを合わせる */
	}

	.company-info__dl dd {
		margin-top: 0;
	}
}

/* =========================================================
   Privacy Policy Page — プライバシーポリシー
   これまでのページと同じトーン（生成り・深緑ラベル・明朝見出し・
   行間ゆったりの本文）。文章だけの読み物レイアウト。
   ========================================================= */

.privacy {
	background-color: #fbfaf6; /* 生成り */
	padding-block: clamp(4rem, 9vw, 7rem);
	padding-inline: 1.5rem;
}

/* ページ上部の見出し（中央） */
.privacy__head {
	margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.privacy__label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #7a8267;
	margin: 0 0 1rem;
}

.privacy__title {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.6rem, 3.6vw, 2.375rem);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.08em;
	color: #2c2e28;
	margin: 0;
}

/* 各項目の小見出し（明朝・左に深緑の細いアクセント） */
.privacy__subtitle {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1.1875rem, 2.6vw, 1.375rem);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.06em;
	color: #2c2e28;
	margin: clamp(2.5rem, 5vw, 3.5rem) 0 1.1rem;
	padding-left: 0.85rem;
	border-left: 3px solid #98a67e; /* 深緑アクセント */
}

/* 最初の小見出しは上の余白を詰める */
.privacy__subtitle:first-of-type {
	margin-top: 0;
}

/* 本文（明朝・行間ゆったり） */
.privacy__body {
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1rem, 2.1vw, 1.0625rem);
	line-height: 2.3;
	letter-spacing: 0.04em;
	color: #3f4138;
	margin: 0 0 1.25rem;
}

/* 箇条書き（利用目的など） */
.privacy__list {
	list-style: none;
	margin: 0 0 1.25rem;
	padding: 0;
}

.privacy__list li {
	position: relative;
	font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	font-size: clamp(1rem, 2.1vw, 1.0625rem);
	line-height: 2;
	letter-spacing: 0.04em;
	color: #3f4138;
	padding-left: 1.25rem;
	margin: 0 0 0.5rem;
}

/* 行頭の深緑の点 */
.privacy__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.95em;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #98a67e;
}

/* お問い合わせ窓口のメールリンク（深緑アクセント） */
.privacy__contact a {
	color: #3a4e22;
	text-decoration: underline;
	text-underline-offset: 0.2em;
	text-decoration-thickness: 1px;
	transition: color 0.2s ease;
}

.privacy__contact a:hover,
.privacy__contact a:focus {
	color: #47602c;
}