/* ===== トップページの各セクション（デザイン案D） ===== */
/* 色・フォントは子テーマの :root（--mf-*）を使う。無いときの予備値も書いておく */

/* 画面幅いっぱいの帯（本文の幅から外に出す） */
.mf-band {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 72px 0;
}
/* 帯の中身は、ヘッダーのロゴと同じ縦のライン（SWELLのコンテナ幅 1200px＋左右の余白）にそろえる */
.mf-inner {
	max-width: calc(1200px + 2 * var(--swl-pad_container, 48px));
	margin: 0 auto;
	padding: 0 var(--swl-pad_container, 48px);
}

/* トップページだけ、本文の幅（SWELLの1カラム時 900px）をコンテナ幅まで広げて、
   帯の中身・図鑑・各セクションの左端を1本のラインにそろえる */
#body_wrap #content:has(.mf-hero) .l-mainContent {
	max-width: none;
	width: auto;
	margin-left: 0;
	margin-right: 0;
}
#body_wrap #content:has(.mf-hero) .post_content {
	padding-left: 0;
	padding-right: 0;
}
/* 図鑑ツールはPCで画面幅いっぱいに広がる作りなので、トップページではライン内に収める */
#body_wrap #content:has(.mf-hero) .mz-tree {
	width: auto;
	margin-left: 0;
}
.mf-dark {
	background: var(--mf-dark, #2b2620);
	color: #efe8db;
}
.mf-paper2 {
	background: var(--mf-paper-2, #ebe4d6);
}
.mf-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 56px;
	align-items: center;
}
.mf-section {
	margin: 72px 0;
}
/* メニューのページ内リンクで飛んだとき、固定ヘッダーに隠れないように */
.mf-section,
.mf-band,
.mf-heading {
	scroll-margin-top: 80px;
}

/* 先頭の帯はヘッダーにくっつける（SWELLの本文上余白を打ち消す） */
#body_wrap #content:has(.mf-hero) {
	padding-top: 0;
}
/* 最後の要素とフッターのすき間 */
.post_content > .mf-section:last-child {
	margin-bottom: 0;
}

/* 見出し */
.post_content .mf-h2,
.mf-h2 {
	font-family: var(--mf-serif, serif);
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.5;
	margin: 0 0 24px;
	padding: 0;
	background: none;
	border: none;
	color: inherit;
}
.post_content .mf-h2::before,
.post_content .mf-h2::after {
	content: none;
}
.mf-heading {
	margin: 72px 0 24px;
	scroll-margin-top: 80px;
}
/* 見出しと補足文を横に並べる（デザイン案Dと同じ） */
.mf-heading {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 8px 20px;
}
.mf-heading .mf-h2 {
	margin: 0;
}
.mf-heading__sub,
.post_content .mf-heading__sub {
	margin: 0;
	color: var(--mf-muted, #6f675d);
	font-size: 15px;
}
.mf-eyebrow {
	margin: 0 0 12px;
	font-family: var(--mf-latin, serif);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.3em;
	color: var(--mf-ochre, #d4b27c);
}
.mf-eyebrow--green {
	color: var(--mf-green, #2f5d50);
}
.mf-empty {
	color: var(--mf-muted, #6f675d);
	font-size: 15px;
}

/* ボタン・リンク */
.mf-btn,
.post_content .mf-btn {
	display: inline-block;
	padding: 12px 30px;
	border-radius: 999px;
	background: var(--mf-green, #2f5d50);
	color: #fff;
	font-size: 15px;
	letter-spacing: 0.1em;
	text-decoration: none;
	transition: opacity 0.2s;
}
.mf-btn:hover {
	opacity: 0.85;
}
.mf-link,
.post_content .mf-link {
	color: var(--mf-green, #2f5d50);
	font-size: 15px;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
}

/* ===== 写真とクレジット ===== */
.mf-photo {
	margin: 0;
}
.mf-photo__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mf-credit,
.post_content .mf-credit {
	margin: 6px 0 0;
	font-size: 12px;
	line-height: 1.6;
	color: var(--mf-muted, #6f675d);
	text-align: right;
}
.mf-credit a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.mf-dark .mf-credit {
	color: #a99f90;
}

/* 暗い帯の写真は額縁に入れる */
.mf-frame {
	padding: 14px 14px 10px;
	background: var(--mf-dark-2, #3a332b);
}
.mf-frame .mf-photo__img {
	aspect-ratio: 4 / 3;
}

/* ===== 標本ラベル ===== */
.mf-label {
	font-family: var(--mf-mono, monospace);
	background: var(--mf-card, #fbf9f4);
	color: var(--mf-ink, #2e2a25);
	border: 1px solid var(--mf-line, #ddd3c2);
	padding: 14px 18px;
	min-width: 220px;
}
.mf-label__top {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	font-size: 12px;
	color: var(--mf-muted, #6f675d);
	border-bottom: 1px solid var(--mf-line, #ddd3c2);
	padding-bottom: 6px;
	margin-bottom: 8px;
}
.mf-label__name {
	font-family: var(--mf-serif, serif);
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.08em;
}
.mf-label__en {
	font-family: var(--mf-latin, serif);
	font-size: 16px;
	font-weight: 600;
	color: var(--mf-muted, #6f675d);
}
.mf-label__place {
	margin-top: 4px;
	font-size: 12px;
	color: var(--mf-muted, #6f675d);
}
.mf-label sub,
.mf-label sup {
	font-size: 0.75em;
}

/* ===== 最初の画面 ===== */
.mf-hero {
	padding: 72px 0 88px;
}
.mf-hero .mf-split {
	grid-template-columns: 1fr 1.15fr; /* 写真側を広めに（キャッチコピーが1行に収まる幅は確保） */
	gap: 48px;
}
.mf-hero__title {
	margin: 0 0 20px;
	font-family: var(--mf-serif, serif);
	font-size: 46px;
	font-weight: 700;
	line-height: 1.5;
	color: #f3eee4;
}
.mf-hero__lead {
	margin: 0 0 26px;
	font-size: 17px;
	line-height: 1.85;
	color: #c4baa8;
}
.mf-hero__visual {
	position: relative;
}
.mf-hero .mf-frame {
	box-shadow: 0 18px 40px rgba(10, 6, 2, 0.45);
}
.mf-photo--hero .mf-photo__img {
	aspect-ratio: auto;
	height: 420px;
}
.mf-hero .mf-frame {
	padding: 14px;
}
/* 標本ラベル（横長）：写真の右下から少しはみ出して、少し傾ける。写真のクレジットもこの中 */
.mf-label--float {
	position: absolute;
	right: 12px;
	bottom: -48px;
	width: 300px;
	min-width: 0;
	padding: 12px 18px 10px;
	background: #fffdf8;
	border-color: #d9cfbd;
	box-shadow: 0 10px 24px rgba(20, 14, 8, 0.35);
	transform: rotate(-2deg);
	line-height: 1.6;
}
.mf-label--float .mf-label__top {
	margin-bottom: 6px;
	padding-bottom: 4px;
}
.mf-label__row {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 14px;
}
.mf-label--float .mf-label__name {
	font-size: 20px;
}
.mf-label--float .mf-label__en {
	font-size: 15px;
}
.mf-label__key {
	margin-right: 8px;
	padding: 0 6px;
	border: 1px solid var(--mf-line, #ddd3c2);
	font-size: 12px;
}
.mf-label--float .mf-label__place {
	margin-top: 2px;
	font-family: var(--mf-sans, sans-serif);
	font-size: 12px;
	color: var(--mf-ink, #2e2a25);
}
.mf-label--float .mf-label__key {
	margin-right: 6px;
	padding: 0 4px;
}
/* 「（出典：Wikimedia Commons）」は途中で折り返さない */
.mf-nowrap {
	white-space: nowrap;
}
.mf-label__credit {
	margin-top: 8px;
	padding-top: 6px;
	border-top: 1px dashed var(--mf-line, #ddd3c2);
	font-family: var(--mf-sans, sans-serif);
	font-size: 12px;
	line-height: 1.5;
	color: var(--mf-muted, #6f675d);
}
.mf-label__credit a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* ===== 今日の一石 ===== */
.mf-today {
	padding: 88px 0;
}
.mf-today .mf-split {
	grid-template-columns: 440fr 380fr;
}
.mf-today .mf-frame {
	box-shadow: 0 18px 40px rgba(10, 6, 2, 0.45);
}
.mf-photo--today .mf-photo__img {
	aspect-ratio: auto;
	height: 400px;
}
.mf-label--card {
	margin-bottom: 20px;
	padding: 18px 20px;
	background: #fffdf8;
	border: none;
	font-size: 14px;
}
.mf-label--card .mf-label__top {
	font-size: 14px;
	color: inherit;
}
.mf-label--card .mf-label__name {
	font-size: 26px;
}
.mf-today__note {
	margin: 0 0 28px;
	font-size: 15px;
	line-height: 2;
	color: #cfc5b4;
}

/* ===== 新着の鉱物記事 ===== */
.mf-cards {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}
.mf-card__link,
.post_content .mf-card__link {
	display: block;
	color: inherit;
	text-decoration: none;
}
.mf-card__box {
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: var(--mf-card, #fbf9f4);
	border: 1px solid var(--mf-line, #ddd3c2);
	padding: 10px;
}
.mf-card__box img {
	transition: transform 0.4s;
}
.mf-card__link:hover .mf-card__box img {
	transform: scale(1.04);
}
.mf-card__noimg {
	display: block;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at 40% 35%, var(--c) 0 22%, transparent 23%);
}
.mf-card__no {
	display: block;
	margin-top: 10px;
	font-family: var(--mf-mono, monospace);
	font-size: 12px;
	color: var(--mf-muted, #6f675d);
}
.mf-card__name {
	display: block;
	font-family: var(--mf-serif, serif);
	font-size: 18px;
	font-weight: 700;
}
.mf-credit--card {
	text-align: left;
}
/* 長い作者名などが列からはみ出さないように折り返す */
.mf-card,
.mf-credit {
	min-width: 0;
	overflow-wrap: anywhere;
}
/* カードの出典は左寄せ・小さめ。（出典：…）の折り返し禁止もカードの中では外す */
.post_content .mf-credit--card {
	margin-top: 4px;
	font-size: 11px;
	text-align: left;
}
.mf-credit--card .mf-nowrap {
	white-space: normal;
}
.mf-card__sub {
	display: block;
	color: var(--mf-muted, #6f675d);
	font-size: 13px;
}

/* ===== 読みもの ===== */
.mf-tiles {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}
.mf-tile,
.post_content .mf-tile {
	display: block;
	padding: 20px;
	background: var(--mf-card, #fbf9f4);
	border: 1px solid var(--mf-line, #ddd3c2);
	color: inherit;
	text-decoration: none;
}
.mf-tile__cat {
	display: block;
	font-size: 12px;
	color: var(--mf-green, #2f5d50);
	margin-bottom: 6px;
}
.mf-tile__title {
	font-family: var(--mf-serif, serif);
	font-weight: 700;
}

/* ===== 資料室 ===== */
.mf-library {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 16px;
}
.mf-lib,
.post_content .mf-lib {
	position: relative;
	display: block;
	padding: 22px 18px;
	background: var(--mf-card, #fbf9f4);
	border: 1px solid var(--mf-line, #ddd3c2);
	color: inherit;
	text-decoration: none;
}
a.mf-lib:hover {
	border-color: var(--mf-green, #2f5d50);
}
.mf-lib__sym {
	display: block;
	font-family: var(--mf-mono, monospace);
	font-size: 13px;
	color: var(--mf-green, #2f5d50);
	margin-bottom: 8px;
}
.mf-lib__title {
	font-family: var(--mf-serif, serif);
	font-weight: 700;
}
.mf-lib.is-soon {
	opacity: 0.6;
}
.mf-lib__soon {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 12px;
	color: var(--mf-muted, #6f675d);
}

/* ===== このサイトについて ===== */
/* カードの外枠が他のセクションと同じラインに来る（文字はカードの内側） */
.mf-about {
	display: grid;
	grid-template-columns: 320fr 420fr;
	gap: 28px 48px;
	align-items: center;
	padding: 44px 40px;
	background: var(--mf-card, #fbf9f4);
	border-radius: 18px;
}
.mf-about .mf-eyebrow {
	margin-bottom: 8px;
	font-family: var(--mf-mono, monospace);
	font-size: 13px;
	letter-spacing: 0.25em;
}
.mf-about .mf-h2 {
	margin: 0;
	font-size: 28px;
	line-height: 1.6;
}
.mf-about__body p {
	margin: 0 0 12px;
	color: #5d564d;
}

/* ===== 鉱物記事の上部（写真＋標本ラベル＋データ） ===== */
.mf-article {
	margin: 0 0 48px;
}
.mf-article__photo {
	margin-bottom: 28px;
}
/* 写真は横幅いっぱい（縦横比はそのまま）。クリックでSWELLの拡大表示 */
.mf-article__photo .mf-photo__img {
	height: auto;
	cursor: zoom-in;
	padding: 10px;
	background: var(--mf-card, #fbf9f4);
	border: 1px solid var(--mf-line, #ddd3c2);
	box-shadow: 0 6px 18px rgba(60, 48, 30, 0.1);
}
.mf-zoom {
	display: block;
}
/* 拡大表示 */
/* 背景はフェード、写真は小さい写真の位置からなめらかに拡大・縮小 */
.mf-zoombox {
	position: fixed;
	inset: 0;
	z-index: 100000;
	overflow: hidden;
	background: rgba(20, 16, 12, 0);
	cursor: zoom-out;
	touch-action: none; /* ピンチや指の操作はページではなく写真に使う */
	transition: background-color 0.38s ease;
}
.mf-zoombox.is-open {
	background: rgba(20, 16, 12, 0.92);
}
.mf-zoombox__img {
	position: fixed;
	max-width: none;
	object-fit: contain;
	cursor: zoom-in;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
	transform-origin: 50% 50%;
	transition: transform 0.38s cubic-bezier(0.22, 0.8, 0.24, 1), box-shadow 0.38s;
	will-change: transform;
}
.mf-zoombox.is-loupe .mf-zoombox__img {
	cursor: zoom-out;
	box-shadow: none;
	touch-action: none; /* ルーペ中は指でなぞって写真を動かす（ページのスクロールにしない） */
}
/* 指で動かしている間は、遅れなく付いてくるように */
.mf-zoombox__img.is-dragging {
	transition: transform 0.38s cubic-bezier(0.22, 0.8, 0.24, 1);
}
/* ルーペ中にマウスで覗く場所を動かすときは、位置の変化を少しだけなめらかに */
.mf-zoombox__img.is-panning {
	transition: transform 0.38s cubic-bezier(0.22, 0.8, 0.24, 1), transform-origin 0.12s linear;
}
.mf-zoombox__close {
	position: absolute;
	top: 12px;
	right: 16px;
	z-index: 2;
	width: 44px;
	height: 44px;
	border: 0;
	background: none;
	color: #f3eee4;
	font-size: 32px;
	line-height: 1;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.3s;
}
.mf-zoombox__hint {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	z-index: 2;
	margin: 0;
	color: #cfc5b4;
	font-size: 12px;
	text-align: center;
	opacity: 0;
	transition: opacity 0.3s;
	pointer-events: none;
}
.mf-zoombox.is-open .mf-zoombox__close,
.mf-zoombox.is-open .mf-zoombox__hint {
	opacity: 1;
}
.mf-zoombox.is-loupe .mf-zoombox__hint {
	opacity: 0;
}
/* ルーペ形のカーソル（拡大できる写真の上：＋／ルーペ中：－）。中心の位置がレンズの中心 */
.post_content .mf-zoom img,
.mf-zoombox__img {
	cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9' stroke-width='5'/%3E%3Cpath d='M19 19l9 9' stroke-width='8'/%3E%3C/g%3E%3Cpath d='M19 19l9 9' stroke='%23a87b32' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M19.5 19.5l1.6 1.6' stroke='%232b2620' stroke-width='5' stroke-linecap='butt'/%3E%3Ccircle cx='12' cy='12' r='9' fill='rgba(255,255,255,0.35)' stroke='%232b2620' stroke-width='2.2'/%3E%3Cpath d='M7.2 9.2a5.6 5.6 0 0 1 3.4-3.6' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3Cg stroke='%232b2620' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M8 12h8'/%3E%3Cpath d='M12 8v8'/%3E%3C/g%3E%3C/svg%3E") 12 12, zoom-in;
}
/* 拡大画面の写真の外（押すと縮んで戻る）も、同じデザインの「－」ルーペ */
.mf-zoombox,
.mf-zoombox.is-loupe .mf-zoombox__img {
	cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9' stroke-width='5'/%3E%3Cpath d='M19 19l9 9' stroke-width='8'/%3E%3C/g%3E%3Cpath d='M19 19l9 9' stroke='%23a87b32' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M19.5 19.5l1.6 1.6' stroke='%232b2620' stroke-width='5' stroke-linecap='butt'/%3E%3Ccircle cx='12' cy='12' r='9' fill='rgba(255,255,255,0.35)' stroke='%232b2620' stroke-width='2.2'/%3E%3Cpath d='M7.2 9.2a5.6 5.6 0 0 1 3.4-3.6' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3Cg stroke='%232b2620' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M8 12h8'/%3E%3C/g%3E%3C/svg%3E") 12 12, zoom-out;
}
@media (prefers-reduced-motion: reduce) {
	.mf-zoombox,
	.mf-zoombox__img {
		transition: none;
	}
}
.mf-article__photo .mf-credit {
	text-align: left;
}
/* 写真・表と同じ横幅いっぱい。名前を大きくして英名・カタカナ名と横に並べる */
.mf-label--article {
	display: block;
	min-width: 0;
	margin-bottom: 16px;
	padding: 18px 24px;
	background: #fffdf8;
}
.mf-label--article .mf-label__top {
	font-size: 13px;
}
.mf-label--article .mf-label__name {
	display: inline-block;
	margin-right: 18px;
	font-size: 30px;
}
.mf-label--article .mf-label__en {
	display: inline-block;
	font-size: 18px;
}
@media (max-width: 599px) {
	.mf-label--article {
		padding: 14px 16px;
	}
	.mf-label--article .mf-label__name {
		font-size: 24px;
	}
	.mf-label--article .mf-label__en {
		font-size: 15px;
	}
}
/* 写真の標本の産地と紛らわしいので、記事のラベルには産出国を出さない（表に「主な産出国」がある） */
.mf-label--article .mf-label__place {
	display: none;
}
.post_content .mf-spec,
.mf-spec {
	display: grid;
	grid-template-columns: auto 1fr;
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	border-top: 1px solid var(--mf-line, #ddd3c2);
}
.mf-spec dt,
.mf-spec dd {
	margin: 0;
	padding: 7px 0;
	border-bottom: 1px solid var(--mf-line, #ddd3c2);
}
.mf-spec dt {
	padding-right: 18px;
	color: var(--mf-muted, #6f675d);
	white-space: nowrap;
}
.mf-spec sub {
	font-size: 0.75em;
}
.post_content .mf-spec__note,
.mf-spec__note {
	margin: 8px 0 0;
	font-size: 12px;
	color: var(--mf-muted, #6f675d);
}

/* ===== 鉱物記事の本文 ===== */
/* 見出し：SWELLの緑の帯をやめ、明朝体＋細い罫線の落ち着いた見た目に */
.single-mineral .post_content h2,
.single-reading .post_content h2 {
	margin: 64px 0 24px;
	padding: 0 0 10px;
	background: none;
	border: none;
	border-bottom: 1px solid var(--mf-line, #ddd3c2);
	color: var(--mf-ink, #2e2a25);
	font-family: var(--mf-serif, serif);
	font-size: 25px;
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: 1.5;
	position: relative;
}
.single-mineral .post_content h2::before,
.single-reading .post_content h2::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 56px;
	height: 3px;
	background: var(--mz-theme, var(--mf-green, #2f5d50));
	border: none;
	top: auto;
}
.single-mineral .post_content h2::after,
.single-reading .post_content h2::after {
	content: none;
}
.single-mineral .post_content h3,
.single-reading .post_content h3 {
	margin: 40px 0 16px;
	padding: 0 0 0 14px;
	background: none;
	border: none;
	border-left: 3px solid var(--mz-theme, var(--mf-green, #2f5d50));
	font-family: var(--mf-serif, serif);
	font-size: 19px;
	font-weight: 700;
	line-height: 1.5;
}
.single-mineral .post_content h3::before,
.single-reading .post_content h3::before,
.single-mineral .post_content h3::after,
.single-reading .post_content h3::after {
	content: none;
}
/* 表：ポイント欄と同じ生成りのカード調。見出し行の下にテーマ色の線 */
.single-mineral .post_content table,
.single-reading .post_content table {
	font-size: 14px;
	background: var(--mf-card, #fbf9f4);
	border: 1px solid var(--mf-line, #ddd3c2);
	border-top: 4px solid var(--mz-theme, var(--mf-green, #2f5d50));
}
.single-mineral .post_content th,
.single-reading .post_content th,
.single-mineral .post_content td,
.single-reading .post_content td {
	border-color: var(--mf-line, #ddd3c2);
	background: transparent;
}
.single-mineral .post_content thead th,
.single-reading .post_content thead th,
.single-mineral .post_content thead td,
.single-reading .post_content thead td {
	background: transparent;
	color: var(--mf-ink, #2e2a25);
	font-family: var(--mf-serif, serif);
	font-weight: 700;
	border-bottom: 2px solid var(--mf-line, #ddd3c2);
}
.single-mineral .post_content tbody td:first-child,
.single-reading .post_content tbody td:first-child {
	color: var(--mf-muted, #6f675d);
	font-weight: 700;
	white-space: nowrap;
}
.single-mineral .post_content figure.wp-block-table,
.single-reading .post_content figure.wp-block-table {
	margin: 24px 0;
}

/* 比較表（スマホ）：項目名を見出しにして、その下に各鉱物の値を横に並べる */
@media (max-width: 599px) {
	.single-mineral .post_content table.mf-cmp,
	.single-reading .post_content table.mf-cmp,
	.single-mineral .post_content table.mf-cmp tbody,
	.single-reading .post_content table.mf-cmp tbody {
		display: block;
		width: 100%;
	}
	.single-mineral .post_content table.mf-cmp thead,
	.single-reading .post_content table.mf-cmp thead {
		display: none;
	}
	.single-mineral .post_content table.mf-cmp tr,
	.single-reading .post_content table.mf-cmp tr {
		display: grid;
		grid-template-columns: repeat(var(--cols, 3), minmax(0, 1fr));
		border-bottom: 1px solid var(--mf-line, #ddd3c2);
	}
	.single-mineral .post_content table.mf-cmp tr:last-child,
	.single-reading .post_content table.mf-cmp tr:last-child {
		border-bottom: none;
	}
	.single-mineral .post_content table.mf-cmp td,
	.single-reading .post_content table.mf-cmp td,
	.single-mineral .post_content table.mf-cmp th,
	.single-reading .post_content table.mf-cmp th {
		display: block;
		padding: 6px 8px 8px;
		border: none;
		font-size: 13px;
		line-height: 1.55;
	}
	/* 1列目（項目名）は横いっぱいの見出しに */
	.single-mineral .post_content table.mf-cmp tbody td:first-child,
	.single-reading .post_content table.mf-cmp tbody td:first-child {
		grid-column: 1 / -1;
		padding: 10px 10px 2px;
		color: var(--mf-ink, #2e2a25);
		font-family: var(--mf-serif, serif);
		font-size: 14px;
		white-space: normal;
	}
	.single-mineral .post_content table.mf-cmp td + td,
	.single-reading .post_content table.mf-cmp td + td {
		border-left: 1px dashed var(--mf-line, #ddd3c2);
	}
	.single-mineral .post_content table.mf-cmp td:nth-child(2),
	.single-reading .post_content table.mf-cmp td:nth-child(2) {
		border-left: none;
	}
	/* 各値の上に、どの鉱物の値かを小さく */
	.single-mineral .post_content table.mf-cmp td[data-label]::before,
	.single-reading .post_content table.mf-cmp td[data-label]::before {
		content: attr(data-label);
		display: block;
		margin-bottom: 2px;
		color: var(--mz-theme, var(--mf-green, #2f5d50));
		font-size: 11px;
		font-weight: 700;
	}
}

/* 本文中の写真の並び（色違い・産地違いなど） */
.post_content .mf-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
	gap: 20px 16px;
	margin: 24px 0 32px;
}
.mf-gallery__item .mf-photo__img {
	aspect-ratio: 1 / 1;
	padding: 6px;
	background: var(--mf-card, #fbf9f4);
	border: 1px solid var(--mf-line, #ddd3c2);
	cursor: zoom-in;
}
.post_content .mf-gallery__label {
	margin: 8px 0 2px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
}
.post_content .mf-gallery__item .mf-credit {
	margin: 0;
	text-align: left;
	font-size: 12px;
}
.post_content .mf-gallery--single {
	grid-template-columns: minmax(0, 420px);
}
.mf-gallery--single .mf-gallery__item .mf-photo__img {
	aspect-ratio: var(--ar, auto);
	height: auto;
	max-height: 520px;
	object-fit: contain;
}
.post_content .mf-gallery .mf-photo {
	margin: 0;
}
@media (max-width: 599px) {
	.post_content .mf-gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px 12px;
	}
	.post_content .mf-gallery--single {
		grid-template-columns: 1fr;
	}
}

/* 囲み枠：豆知識（生成りの背景）／注意（黄土色の線） */
.post_content .mf-box {
	margin: 28px 0;
	padding: 20px 24px 16px;
	border-radius: 2px;
}
.post_content .mf-box > :last-child {
	margin-bottom: 0;
}
.post_content .mf-box__title {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 8px;
	font-family: var(--mf-serif, serif);
	font-size: 16px;
	font-weight: 700;
}
.post_content .mf-box__title::before {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	font-family: var(--mf-sans, sans-serif);
	font-size: 13px;
	font-weight: 700;
	color: #fff;
}
.post_content .mf-box--tip {
	background: var(--mf-paper-2, #ebe4d6);
}
.post_content .mf-box--tip .mf-box__title::before {
	content: "i";
	background: var(--mz-theme, var(--mf-green, #2f5d50));
}
.post_content .mf-box--caution {
	background: var(--mf-card, #fbf9f4);
	border: 1px solid #e6d3ad;
	border-left: 4px solid #c9963c;
}
.post_content .mf-box--caution .mf-box__title::before {
	content: "!";
	background: #c9963c;
}

/* ○○のポイント！：本文の一番のハイライトをまとめる箱 */
.post_content .mf-points {
	margin: 0 0 48px;
	padding: 26px 30px 22px;
	background: var(--mf-card, #fbf9f4);
	border: 1px solid var(--mf-line, #ddd3c2);
	border-top: 4px solid var(--mz-theme, var(--mf-green, #2f5d50));
}
.post_content .mf-points__title {
	margin: 0 0 12px;
	font-family: var(--mf-serif, serif);
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.06em;
}
.post_content .mf-points__title::before {
	content: "POINT";
	display: block;
	margin-bottom: 2px;
	font-family: var(--mf-latin, serif);
	font-size: 13px;
	letter-spacing: 0.3em;
	color: var(--mz-theme, var(--mf-green, #2f5d50));
}
.post_content .mf-points ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.post_content .mf-points li {
	position: relative;
	margin: 0;
	padding: 8px 0 8px 28px;
	border-top: 1px dashed var(--mf-line, #ddd3c2);
	line-height: 1.75;
}
.post_content .mf-points li:first-child {
	border-top: none;
}
.post_content .mf-points li::before {
	content: "";
	position: absolute;
	left: 4px;
	top: 1.05em;
	width: 9px;
	height: 9px;
	transform: rotate(45deg);
	background: var(--mf-green, #2f5d50);
}

/* 参考文献：読者にとっては補足なので、小さく控えめに（見出しではないので目次にも出ない） */
.post_content .mf-refs-box {
	margin: 56px 0 0;
	padding-top: 14px;
	border-top: 1px solid var(--mf-line, #ddd3c2);
	color: var(--mf-muted, #6f675d);
	font-size: 12px;
	line-height: 1.7;
}
.post_content .mf-refs__title {
	margin: 0 0 4px;
	font-size: 12px;
	font-weight: 700;
}
.post_content ul.mf-refs {
	margin: 0;
	padding-left: 1.4em;
	font-size: 12px;
}
.post_content ul.mf-refs li {
	margin: 0 0 2px;
}
.post_content ul.mf-refs a {
	color: inherit;
	word-break: break-all;
}

/* 鉱物記事は図鑑なので、タイトル横・タイトル下の日付と、一覧カードの日付は出さない（読みものは出す） */
.single-mineral .c-postTitle__date,
.single-mineral .p-articleMetas__times,
.post-type-archive-mineral .p-postList__times {
	display: none !important;
}
.single-mineral .c-postTitle {
	gap: 0;
}
/* 最終更新日（タイトルのすぐ下に小さく）。本文の上の余白を詰め、左端をタイトルにそろえる */
.single-mineral .post_content {
	margin-top: 14px;
}
.post_content .mf-updated {
	margin: 0 0 28px calc(-1 * var(--swl-pad_post_content, 0px));
	color: var(--mf-muted, #6f675d);
	font-size: 12px;
}

/* あわせて読みたい鉱物（記事の下） */
.post_content .mf-related {
	margin: 56px 0 8px;
	padding: 24px 24px 18px;
	background: var(--mf-card, #fbf9f4);
	border: 1px solid var(--mf-line, #ddd3c2);
	border-top: 4px solid var(--mz-theme, var(--mf-green, #2f5d50));
}
.post_content .mf-related__eyebrow {
	margin: 0 0 2px;
	color: var(--mz-theme, var(--mf-green, #2f5d50));
	font-family: var(--mf-latin, serif);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.3em;
}
.post_content .mf-related__title {
	margin: 0 0 16px;
	font-family: var(--mf-serif, serif);
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 0.06em;
}
.mf-related__cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px 14px;
}
.post_content a.mf-related__card {
	display: block;
	color: inherit;
	text-decoration: none;
}
.mf-related__box {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--mf-line, #ddd3c2);
}
.mf-related__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s;
}
.mf-related__card:hover .mf-related__img {
	transform: scale(1.04);
}
.mf-related__noimg {
	display: block;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at 50% 50%, var(--c) 0 26%, rgba(0, 0, 0, 0.12) 26.5%, transparent 27.5%), var(--mf-paper-2, #ebe4d6);
}
.mf-related__no {
	display: block;
	margin-top: 6px;
	color: var(--mf-muted, #6f675d);
	font-family: var(--mf-mono, monospace);
	font-size: 11px;
}
.mf-related__name {
	display: block;
	font-family: var(--mf-serif, serif);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
}
.mf-related__card:hover .mf-related__name {
	color: var(--mz-theme, var(--mf-green, #2f5d50));
}
.mf-related__sub {
	display: block;
	color: var(--mf-muted, #6f675d);
	font-size: 12px;
}
.post_content .mf-related__family {
	margin: 16px 0 0;
	padding-top: 12px;
	border-top: 1px dashed var(--mf-line, #ddd3c2);
	font-size: 14px;
	line-height: 1.9;
}
.mf-related__label {
	margin-right: 10px;
	padding: 1px 8px;
	background: var(--mf-paper-2, #ebe4d6);
	color: var(--mf-muted, #6f675d);
	font-size: 12px;
	font-weight: 700;
}
.mf-related__sep {
	color: var(--mf-line, #ddd3c2);
}
@media (max-width: 599px) {
	.post_content .mf-related {
		padding: 18px 14px 14px;
	}
	.mf-related__cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* 図鑑をめくる（No.順の前の鉱物・次の鉱物）。シェアボタンの下。番号と名前を大きく */
.mf-pn {
	margin: 32px 0 8px;
}
.mf-pn__title {
	margin: 0 0 10px;
	color: var(--mf-muted, #6f675d);
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.08em;
}
.mf-pn__list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.mf-pn__item {
	margin: 0;
}
.mf-pn__link {
	position: relative;
	display: block;
	height: 100%;
	padding: 14px 16px;
	background: var(--mf-card, #fbf9f4);
	border: 1px solid var(--mf-line, #ddd3c2);
	color: inherit;
	text-decoration: none;
	transition: border-color 0.2s, background-color 0.2s;
}
.mf-pn__link:hover {
	border-color: var(--mz-theme, var(--mf-green, #2f5d50));
	background: #fff;
}
.mf-pn__dir {
	position: absolute;
	top: 10px;
	left: 16px;
	color: var(--mz-theme, var(--mf-green, #2f5d50));
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
}
.mf-pn__item.-next .mf-pn__dir {
	left: auto;
	right: 16px;
}
.mf-pn__body {
	display: flex;
	align-items: center;
	gap: 16px;
	padding-top: 14px;
}
.mf-pn__item.-next .mf-pn__body {
	flex-direction: row-reverse;
	text-align: right;
}
.mf-pn__img,
.mf-pn__noimg {
	flex: none;
	display: block;
	width: 88px;
	height: 88px;
	object-fit: cover;
	border: 1px solid var(--mf-line, #ddd3c2);
}
.mf-pn__noimg {
	background: radial-gradient(circle at 50% 50%, var(--c) 0 30%, rgba(0, 0, 0, 0.12) 30.5%, transparent 31.5%), var(--mf-paper-2, #ebe4d6);
}
.mf-pn__text {
	display: block;
	min-width: 0;
}
/* 番号：標本ラベルのように大きく */
.mf-pn__no {
	display: block;
	color: var(--mz-theme, var(--mf-green, #2f5d50));
	font-family: var(--mf-mono, monospace);
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.08em;
	line-height: 1.3;
}
.mf-pn__name {
	display: block;
	margin-top: 2px;
	font-family: var(--mf-serif, serif);
	font-size: 23px;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.3;
}
.mf-pn__sub {
	display: block;
	margin-top: 2px;
	color: var(--mf-muted, #6f675d);
	font-size: 13px;
}
.mf-pn__link:hover .mf-pn__name {
	color: var(--mz-theme, var(--mf-green, #2f5d50));
}
@media (max-width: 599px) {
	.mf-pn__link {
		padding: 10px;
	}
	.mf-pn__dir {
		left: 10px;
	}
	.mf-pn__item.-next .mf-pn__dir {
		right: 10px;
	}
	/* スマホは写真を上、文字を下にして名前の幅を確保 */
	.mf-pn__body,
	.mf-pn__item.-next .mf-pn__body {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		padding-top: 18px;
	}
	.mf-pn__item.-next .mf-pn__body {
		align-items: flex-end;
	}
	.mf-pn__img,
	.mf-pn__noimg {
		width: 64px;
		height: 64px;
	}
	.mf-pn__no {
		font-size: 13px;
	}
	.mf-pn__name {
		font-size: 18px;
	}
}

/* 要確認（ログイン中だけ表示される印） */
.mz-verify {
	background: #fff1a8;
	color: inherit;
	box-shadow: 0 0 0 2px #fff1a8;
}
.mz-verify::after {
	content: "要確認";
	margin-left: 4px;
	padding: 0 5px;
	border-radius: 3px;
	background: #c9a227;
	color: #fff;
	font-size: 11px;
	vertical-align: 1px;
}

@media (max-width: 599px) {
	.single-mineral .post_content h2,
	.single-reading .post_content h2 {
		font-size: 21px;
	}
	.post_content .mf-points {
		padding: 20px 18px 16px;
	}
}

/* ===== 記事内の用語（点線の下線）とポップアップ解説 ===== */
.post_content a.mf-term {
	color: inherit;
	text-decoration: underline dotted;
	text-decoration-color: var(--mz-theme, var(--mf-green, #2f5d50));
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
	cursor: help;
}
.post_content a.mf-term:hover {
	color: var(--mz-theme, var(--mf-green, #2f5d50));
}
.mf-termpop {
	position: absolute;
	z-index: 100001;
	width: min(320px, calc(100vw - 16px));
	padding: 14px 16px 12px;
	background: var(--mf-card, #fbf9f4);
	border: 1px solid var(--mf-line, #ddd3c2);
	border-top: 3px solid var(--mf-green, #2f5d50);
	box-shadow: 0 10px 28px rgba(40, 30, 20, 0.18);
	color: var(--mf-ink, #2e2a25);
	font-size: 14px;
	line-height: 1.7;
}
.mf-termpop p {
	margin: 0;
}
.mf-termpop__head {
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin-bottom: 4px !important;
}
.mf-termpop__head strong {
	font-family: var(--mf-serif, serif);
	font-size: 16px;
}
.mf-termpop__head span {
	color: var(--mf-muted, #6f675d);
	font-size: 12px;
}
.mf-termpop__more {
	display: inline-block;
	margin-top: 6px;
	color: var(--mf-green, #2f5d50);
	font-size: 13px;
}

/* ===== 記事の中の鉱物名（押すと図鑑と同じカード。カードの見た目は mineral.css の .mz-cardpop） ===== */
.post_content a.mf-mlink {
	color: var(--mz-theme, var(--mf-green, #2f5d50));
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
/* ===== 用語集ページ：assets/library.css（資料室のページと同じ作り） ===== */

/* ===== サイドバー：鉱物の分類リスト ===== */
.mz-cn {
	font-size: 14px;
	line-height: 1.6;
}
.mz-cn__title {
	margin: 0 0 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--mf-line, #ddd3c2);
	font-family: var(--mf-serif, serif);
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.06em;
}
.mz-cn ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mz-cn ul ul {
	margin-left: 9px;
	padding-left: 10px;
	border-left: 1px solid var(--mf-line, #ddd3c2);
}
.mz-cn summary {
	display: flex;
	align-items: baseline;
	gap: 6px;
	padding: 4px 0;
	font-weight: 700;
	cursor: pointer;
	list-style: none;
}
.mz-cn summary::-webkit-details-marker {
	display: none;
}
.mz-cn summary::before {
	content: "▸";
	flex: none;
	width: 10px;
	color: var(--mf-muted, #6f675d);
	font-size: 11px;
}
.mz-cn details[open] > summary::before {
	content: "▾";
}
.mz-cn__class .mz-cn__class summary {
	font-weight: 500;
}
.mz-cn__sign {
	color: var(--mf-green, #2f5d50);
	font-size: 12px;
	font-weight: 400;
}
.mz-cn__sign sub {
	font-size: 0.75em;
}
.mz-cn__count {
	margin-left: auto;
	color: var(--mf-muted, #6f675d);
	font-size: 12px;
	font-weight: 400;
}
.mz-cn__min > a,
.mz-cn__min > span {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 3px 0;
	color: #a69c8d; /* まだ記事が無い鉱物は薄く */
	text-decoration: none;
}
.mz-cn__min.has-article > a,
.mz-cn__min.has-article > span {
	color: var(--mf-ink, #2e2a25);
}
.mz-cn__min > a:hover {
	color: var(--mf-green, #2f5d50);
	text-decoration: underline;
}
.mz-cn__dot {
	flex: none;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--c);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
}
.mz-cn__min.is-current > span {
	color: var(--mf-green, #2f5d50);
	font-weight: 700;
}
.mz-cn__min.is-current > span::after {
	content: "いまここ";
	margin-left: 4px;
	padding: 0 6px;
	border-radius: 999px;
	background: var(--mf-green, #2f5d50);
	color: #fff;
	font-size: 11px;
	font-weight: 500;
}
.mz-cn__more {
	margin: 14px 0 0;
	font-size: 13px;
}
.mz-cn__more a {
	color: var(--mf-green, #2f5d50);
}

/* ===== 写真のクレジット一覧 ===== */
.mf-credits__list {
	font-size: 14px;
	line-height: 1.8;
}
.mf-credits__list li {
	margin-bottom: 6px;
}

/* PC：写真の外側（右下）へもう少しはみ出させて、鉱物にかぶる面積を減らす */
@media (min-width: 1200px) {
	.mf-label--float {
		right: -32px;
		bottom: -56px;
	}
}
/* 狭めのPC：はみ出しは控えめに、キャッチコピーは1行に収まる大きさに */
@media (min-width: 960px) and (max-width: 1199px) {
	.mf-label--float {
		right: -12px;
		bottom: -52px;
	}
	.mf-hero__title {
		font-size: 38px;
	}
}

/* ===== タブレット ===== */
@media (max-width: 959px) {
	/* 写真と文章は縦に並べる */
	.mf-split,
	.mf-hero .mf-split,
	.mf-today .mf-split {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.mf-hero__title {
		font-size: 36px;
	}
	.mf-about {
		grid-template-columns: 1fr;
	}
	/* 今日の一石：1列のときは「見出し → 写真 → 標本ラベル → 説明 → ボタン」の順に並べ替える */
	.mf-today .mf-split {
		gap: 0;
	}
	.mf-today__text {
		display: contents;
	}
	.post_content .mf-today .mf-eyebrow { order: 1; margin: 0 0 4px; }
	.post_content .mf-today .mf-h2 { order: 2; margin: 0 0 16px; }
	.mf-today__photo { order: 3; margin-bottom: 20px; }
	.mf-today .mf-label--card { order: 4; }
	.mf-today__note { order: 5; }
	.mf-today .mf-btn { order: 6; justify-self: start; }
	.mf-cards,
	.mf-tiles {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.mf-library {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* ===== スマホ ===== */
@media (max-width: 599px) {
	.mf-band {
		padding: 48px 0;
	}
	.mf-split,
	.mf-hero .mf-split,
	.mf-about {
		gap: 28px;
	}
	.mf-photo--hero .mf-photo__img,
	.mf-photo--today .mf-photo__img {
		height: 260px;
	}
	.mf-section,
	.mf-heading {
		margin: 48px 0 20px;
	}
	.mf-section {
		margin-bottom: 48px;
	}
	.mf-hero {
		padding: 48px 0;
	}
	.mf-hero__title {
		font-size: 27px;
	}
	.mf-hero__lead {
		font-size: 15px;
		margin-bottom: 28px;
	}
	/* スマホは写真が小さいので、ラベルは写真の下端に少し重ねて置く（傾きはそのまま） */
	.mf-label--float {
		position: relative;
		right: auto;
		bottom: auto;
		width: auto;
		margin: -28px 10px 0;
	}
	.mf-h2,
	.post_content .mf-h2 {
		font-size: 24px;
	}
	.mf-cards {
		gap: 14px;
	}
	.mf-tiles,
	.mf-library {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}
	.mf-about {
		padding: 28px 20px;
		border-radius: 14px;
	}
	.mf-about .mf-h2 {
		font-size: 22px;
		white-space: normal;
	}
	.mf-frame {
		padding: 8px 8px 6px;
	}
	.mf-credit,
	.post_content .mf-credit {
		font-size: 12px;
	}
}

/* ===== 結晶の群晶の飾り（includes/deco.php） ===== */
.mf-has-deco {
	position: relative;
}
.mf-band.mf-has-deco {
	overflow-x: clip; /* 横にはみ出さない。上には出してよい（上のセクションの地面に生える分） */
}
.mf-has-deco > :not(.mf-deco) {
	position: relative;
	z-index: 1;
}
.mf-deco {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
}
.mf-cluster {
	position: absolute;
	display: block;
	aspect-ratio: 200 / 160;
}
.mf-cluster svg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
	transform-origin: 50% 100%; /* あとから「掘れる」動きを付けるときの支点（足元） */
}
.mf-cluster.is-floor {
	bottom: -2px;
}
.mf-cluster.is-above {
	bottom: 100%;
	margin-bottom: -6px; /* 地面に少し埋まる */
}
/* 坑道の中：ふだんは闇に隠れていて、ゆっくり光ってきらっ → また闇へ */
.mf-cluster.is-cave svg:first-child {
	animation: mf-glow 13s ease-in-out infinite;
	animation-delay: var(--d, 0s);
	opacity: 0.04;
}
@keyframes mf-glow {
	0%, 30% { opacity: 0.04; filter: drop-shadow(0 0 0 transparent); }
	50% { opacity: 0.95; filter: drop-shadow(0 0 10px rgba(255, 240, 210, 0.45)); }
	72% { opacity: 0.85; filter: drop-shadow(0 0 6px rgba(255, 240, 210, 0.3)); }
	100% { opacity: 0.04; filter: drop-shadow(0 0 0 transparent); }
}
.mf-cluster__spark {
	position: absolute;
	top: 2%;
	left: 46%;
	width: 18%;
	height: auto;
	aspect-ratio: 1;
	opacity: 0;
	animation: mf-sparkle 13s ease-in-out infinite;
	animation-delay: var(--d, 0s);
	filter: drop-shadow(0 0 6px #fff6dc);
}
.mf-cluster__spark path {
	fill: #fffaf0;
}
@keyframes mf-sparkle {
	0%, 46% { opacity: 0; transform: scale(0.2) rotate(0deg); }
	52% { opacity: 1; transform: scale(1) rotate(25deg); }
	60% { opacity: 0; transform: scale(0.5) rotate(45deg); }
	100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
	.mf-cluster.is-cave svg:first-child {
		animation: none;
		opacity: 0.6;
	}
	.mf-cluster__spark {
		animation: none;
	}
}
@media (max-width: 599px) {
	.mf-cluster.is-pc {
		display: none;
	}
	.mf-cluster {
		zoom: 0.75;
	}
}
/* 言葉の途中で折り返さない（入りきらなければ、このまとまりごと次の行へ） */
.mf-nb {
	display: inline-block;
}

/* ===== 写真の出典は毎回同じ形なので、控えめに（小さく・薄く） ===== */
.post_content .mf-credit,
.mf-credit {
	font-size: 11px;
	line-height: 1.55;
	opacity: 0.85;
}
.post_content .mf-credit--card,
.post_content .mf-gallery__item .mf-credit {
	font-size: 10px;
}
.mf-label__credit {
	font-size: 10.5px;
}
@media (max-width: 599px) {
	.post_content .mf-credit,
	.mf-credit {
		font-size: 10px;
	}
}

/* ===== お問い合わせ ===== */
.mf-contactpage {
	max-width: 680px;
}
.post_content .mf-contact__lead {
	font-size: 16px;
	font-family: var(--mf-serif, serif);
}
.post_content .mf-contact__hint {
	color: var(--mf-muted, #6f675d);
	font-size: 14px;
}
.mf-contact {
	margin: 28px 0;
	padding: 28px 30px 24px;
	background: var(--mf-card, #fbf9f4);
	border: 1px solid var(--mf-line, #ddd3c2);
	border-radius: 8px;
}
.post_content .mf-contact__row {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0 0 20px;
}
.mf-contact__row label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: var(--mf-serif, serif);
	font-size: 15px;
	font-weight: 700;
}
.mf-contact__req {
	padding: 0 7px;
	border-radius: 3px;
	background: var(--mf-green, #2f5d50);
	color: #fff;
	font-family: var(--mf-sans, sans-serif);
	font-size: 10.5px;
	font-weight: 500;
	line-height: 1.7;
}
.post_content .mf-contact input[type="text"],
.post_content .mf-contact input[type="email"],
.post_content .mf-contact textarea {
	width: 100%;
	padding: 11px 14px;
	background: #fff;
	border: 1px solid var(--mf-line, #ddd3c2);
	border-radius: 6px;
	color: var(--mf-ink, #2e2a25);
	font-size: 16px;
	line-height: 1.7;
	box-shadow: none;
}
.post_content .mf-contact input:focus,
.post_content .mf-contact textarea:focus {
	outline: none;
	border-color: var(--mf-green, #2f5d50);
	box-shadow: 0 0 0 3px rgba(47, 93, 80, 0.12);
}
.mf-contact__row.is-error input,
.mf-contact__row.is-error textarea {
	border-color: #b4402f !important;
}
.mf-contact__err,
.post_content .mf-contact__alert {
	color: #a23a2a;
	font-size: 13px;
}
.post_content .mf-contact__alert {
	margin: 0 0 18px;
	padding: 10px 14px;
	background: #fbeeea;
	border-radius: 6px;
}
.mf-contact__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.post_content .mf-contact__submit {
	margin: 4px 0 0;
	text-align: center;
}
.post_content .mf-contact__submit button {
	min-width: 220px;
	padding: 12px 32px;
	background: var(--mf-green, #2f5d50);
	border: 0;
	border-radius: 999px;
	color: #fff;
	font-family: var(--mf-serif, serif);
	font-size: 16px;
	letter-spacing: 0.12em;
	cursor: pointer;
	transition: opacity 0.2s;
}
.post_content .mf-contact__submit button:hover {
	opacity: 0.85;
}
.post_content .mf-contact__notes {
	padding-left: 1.2em;
	color: var(--mf-muted, #6f675d);
	font-size: 13px;
	line-height: 1.9;
}
.mf-contact__done {
	margin: 28px 0;
	padding: 32px 30px;
	background: var(--mf-card, #fbf9f4);
	border: 1px solid var(--mf-green, #2f5d50);
	border-radius: 8px;
	text-align: center;
}
.post_content .mf-contact__done-title {
	margin-bottom: 8px;
	color: var(--mf-green, #2f5d50);
	font-family: var(--mf-serif, serif);
	font-size: 20px;
	font-weight: 700;
}
.post_content .mf-privacy__date {
	margin-top: 40px;
	color: var(--mf-muted, #6f675d);
	font-size: 13px;
	text-align: right;
}
@media (max-width: 599px) {
	.mf-contact {
		padding: 20px 16px 18px;
	}
}
/* 言いかえの言葉から開いたときの一言（mz_term_script） */
.mf-termpop .mf-termpop__syn {
	margin: 0 0 6px;
	padding-bottom: 6px;
	border-bottom: 1px dashed var(--mf-line, #ddd3c2);
	color: var(--mf-muted, #6f675d);
	font-size: 12px;
}

/* ===== トップの作り直し（2026-10-08）：見出し・新着・読みもの・資料室 ===== */
.mf-heading.mf-heading--top {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px 24px;
	margin: 80px 0 28px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--mf-line, #ddd3c2);
}
.post_content .mf-heading--top .mf-eyebrow {
	margin: 0 0 6px;
	font-size: 13px;
}
.post_content .mf-heading--top .mf-h2 {
	margin: 0;
}
.post_content .mf-heading--top .mf-heading__sub {
	margin: 6px 0 0;
}
.post_content a.mf-heading__more {
	flex: none;
	color: var(--mf-green, #2f5d50);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}
.post_content a.mf-heading__more:hover {
	text-decoration: underline;
}
.mf-band .mf-heading.mf-heading--top {
	margin-top: 0;
}
/* 新着の鉱物記事：写真の下に標本ラベル */
.post_content .mf-card__link {
	transition: transform 0.25s;
}
.post_content .mf-card__link:hover {
	transform: translateY(-3px);
}
.mf-card__box {
	padding: 0;
	background: #111;
	border: 0;
	border-radius: 6px 6px 0 0;
}
.mf-card__box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mf-card__label {
	display: block;
	padding: 12px 14px;
	background: #fffdf8;
	border: 1px solid #c9bca6;
	border-top: 0;
	border-radius: 0 0 6px 6px;
	box-shadow: inset 0 0 0 4px #fffdf8, inset 0 0 0 5px #e4dacb;
}
.mf-card__label .mf-card__no {
	margin: 0 0 2px;
	color: var(--mf-green, #2f5d50);
	font-family: var(--mf-latin, serif);
	font-size: 14px;
	font-weight: 600;
}
.mf-card__en {
	margin-left: 8px;
	color: var(--mf-muted, #6f675d);
	font-family: var(--mf-latin, serif);
	font-size: 14px;
	font-weight: 500;
}
/* 読みもの：アイキャッチ付きのカード */
.mf-tile,
.post_content .mf-tile {
	display: flex;
	flex-direction: column;
	padding: 0;
	overflow: hidden;
	border-radius: 6px;
	transition: transform 0.25s, border-color 0.25s;
}
.post_content a.mf-tile:hover {
	transform: translateY(-3px);
	border-color: var(--mf-green, #2f5d50);
}
.mf-tile__box {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: var(--mf-dark, #2b2620);
}
.mf-tile__box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mf-tile__noimg,
.mf-tile__noimg svg {
	display: block;
	width: 100%;
	height: 100%;
}
.mf-tile__noimg {
	background: radial-gradient(ellipse at 70% 30%, rgba(212, 178, 124, 0.22), transparent 60%), var(--mf-dark, #2b2620);
}
.mf-tile__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 6px;
	padding: 16px 18px 14px;
}
.mf-tile .mf-tile__cat {
	margin: 0;
}
.mf-tile .mf-tile__title {
	font-size: 16px;
	line-height: 1.6;
}
.mf-tile__ex {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: var(--mf-muted, #6f675d);
	font-size: 12.5px;
	line-height: 1.8;
}
.mf-tile__date {
	margin-top: auto;
	color: var(--mf-muted, #6f675d);
	font-family: var(--mf-latin, serif);
	font-size: 13px;
}
/* 資料室：番号・小さな絵・ひとこと */
.mf-lib,
.post_content .mf-lib {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 18px 18px 16px;
	border-radius: 6px;
	transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;
}
.post_content a.mf-lib:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 22px -16px rgba(43, 38, 32, 0.5);
}
.mf-lib__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.mf-lib__no {
	color: var(--mf-ochre, #b5874a);
	font-family: var(--mf-latin, serif);
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
}
.post_content .mf-lib__icon {
	width: 30px;
	height: 30px;
	fill: none;
	stroke: var(--mf-green, #2f5d50);
	stroke-width: 1.4;
	stroke-linejoin: round;
	stroke-linecap: round;
}
.mf-lib .mf-lib__sym {
	margin-bottom: 2px;
	font-size: 12px;
}
.mf-lib .mf-lib__title {
	font-size: 16px;
}
.mf-lib__desc {
	color: var(--mf-muted, #6f675d);
	font-size: 12px;
	line-height: 1.6;
}
.post_content .mf-lib.is-current {
	border-color: var(--mf-green, #2f5d50);
	background: #fff;
}
@media (max-width: 599px) {
	.mf-heading.mf-heading--top {
		margin: 56px 0 20px;
	}
	.mf-lib__desc {
		display: none;
	}
	.mf-lib__no {
		font-size: 18px;
	}
	.post_content .mf-lib__icon {
		width: 24px;
		height: 24px;
	}
	.mf-tiles {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* 記事の最後「図鑑をめくる」のいまの章 */
.mf-pn__ch {
	display: block;
	margin-top: 2px;
	color: var(--mf-muted, #6f675d);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.04em;
}

/* 本文中の説明図（[mz_fig]。assets/figs/ の SVG） */
.post_content .mf-fig {
	max-width: 460px;
	margin: 20px 0 28px;
	padding: 14px 16px 10px;
	background: var(--mf-card, #fbf9f4);
	border: 1px solid var(--mf-line, #ddd3c2);
}
.post_content .mf-fig svg {
	display: block;
	width: 100%;
	height: auto;
}
.post_content .mf-fig__label {
	margin: 6px 0 0;
	font-size: 13px;
	color: var(--mf-muted, #6f675d);
}

/* ===== 読みもの（includes/reading.php） ===== */
.single-reading {
	--mz-theme: var(--mf-green, #2f5d50);
}
.single-reading .post_content > p,
.single-reading .post_content li {
	line-height: 2;
}
.post_content .mf-rd-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 18px;
	margin: 0 0 28px;
	color: var(--mf-muted, #6f675d);
	font-size: 13px;
}
.post_content .mf-rd-meta span::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 7px;
	border-radius: 50%;
	background: var(--mf-ochre, #b5874a);
	vertical-align: 2px;
}
.post_content .mf-rd-meta a {
	color: inherit;
}
.post_content .mf-rd-box {
	margin: 48px 0 0;
	padding: 20px 24px;
	background: var(--mf-card, #fbf9f4);
	border: 1px solid var(--mf-line, #ddd3c2);
	border-radius: 4px;
}
.post_content .mf-rd-box + .mf-rd-box {
	margin-top: 20px;
}
.post_content .mf-rd-box__title {
	margin: 0 0 12px;
	color: var(--mf-green, #2f5d50);
	font-family: var(--mf-serif, serif);
	font-size: 16px;
	font-weight: 700;
}
.post_content .mf-rd-box__note {
	margin: 10px 0 0;
	color: var(--mf-muted, #6f675d);
	font-size: 12px;
}
.post_content .mf-rd-author {
	display: flex;
	gap: 18px;
	align-items: flex-start;
}
.mf-rd-author__icon {
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	width: 64px;
	height: 64px;
	border: 2px solid var(--mf-green, #2f5d50);
	border-radius: 50%;
	box-shadow: inset 0 0 0 3px var(--mf-card, #fbf9f4), inset 0 0 0 5px var(--mf-green, #2f5d50);
	color: var(--mf-green, #2f5d50);
	font-family: var(--mf-serif, serif);
	font-size: 26px;
	font-weight: 700;
}
.post_content .mf-rd-author .mf-rd-box__title {
	margin-bottom: 2px;
	color: var(--mf-muted, #6f675d);
	font-size: 12px;
}
.post_content .mf-rd-author__name {
	margin: 0 0 6px;
	font-family: var(--mf-serif, serif);
	font-size: 20px;
	font-weight: 700;
}
.mf-rd-author__name small {
	margin-left: 10px;
	color: var(--mf-muted, #6f675d);
	font-family: var(--mf-sans, sans-serif);
	font-size: 12px;
	font-weight: 400;
}
.post_content .mf-rd-author__bio {
	margin: 0 0 6px;
	font-size: 14px;
	line-height: 1.8;
}
.post_content .mf-rd-author__more {
	color: var(--mf-green, #2f5d50);
	font-size: 13px;
	font-weight: 700;
}
.post_content .mf-rd-next {
	margin: 56px 0 0;
}
.post_content .mf-rd-next__title {
	margin: 0 0 16px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--mf-line, #ddd3c2);
	font-family: var(--mf-serif, serif);
	font-size: 20px;
	font-weight: 700;
}
.post_content .mf-rd-next__cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 16px;
	margin-bottom: 16px;
}
.post_content .mf-rd-next__links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.post_content .mf-rd-next__links li::before {
	content: none;
}
.post_content .mf-rd-next__links a {
	color: var(--mf-green, #2f5d50);
	font-size: 14px;
	font-weight: 700;
}
@media (max-width: 599px) {
	.post_content .mf-rd-box {
		padding: 16px;
	}
	.mf-rd-author__icon {
		width: 48px;
		height: 48px;
		font-size: 20px;
	}
}
/* 読みもの：アイキャッチは横長に切り抜いて、本文までを近く */
.single-reading .p-articleThumb__img,
.single-reading .p-articleThumb img {
	width: 100%;
	max-height: 380px;
	object-fit: cover;
}
@media (max-width: 599px) {
	.single-reading .p-articleThumb__img,
	.single-reading .p-articleThumb img {
		max-height: 220px;
	}
}

/* お問い合わせ：迷惑メールフォルダの案内 */
.post_content .mf-contact__mail {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	margin: 0 0 24px;
	padding: 16px 20px;
	background: #fbf3e2;
	border: 1px solid #e3c995;
	border-left: 4px solid var(--mf-ochre, #b5874a);
	border-radius: 4px;
}
.post_content .mf-contact__mail svg {
	flex: 0 0 auto;
	width: 26px;
	height: 26px;
	margin-top: 2px;
	fill: none;
	stroke: var(--mf-ochre, #b5874a);
	stroke-width: 1.6;
	stroke-linejoin: round;
}
.post_content .mf-contact__mail p {
	margin: 0;
	font-size: 14px;
	line-height: 1.8;
}
.post_content .mf-contact__mail .mf-contact__mailt {
	margin-bottom: 4px;
	color: #7a5418;
	font-size: 15px;
	font-weight: 700;
}
.post_content .mf-contact__done + .mf-contact__mail {
	margin-top: 16px;
}
.post_content .mf-ct__topics + .mf-contact__mail {
	margin-top: 24px;
}