/*
Theme Name: 大阪公園探訪 Ver.3.10.4 Alpha
Theme URI: https://www.koentanbo.com/
Author: 大阪公園探訪
Description: 大阪公園探訪 Ver.3 のためのクラシックWordPressテーマ。写真に頼らず、街の文章・地図・公園カルテで大阪を歩くWebマガジンを構成します。
Version: 3.10.4-alpha
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 8.0
Text Domain: osaka-koen-tanbo
*/

/* =========================================================
   CATEGORY / AREA NOTE
   地域ページ専用。既存 archive.css より後でも崩れにくいよう、
   area-note-* の固有クラスだけで構成しています。
   ========================================================= */

body.category .area-note-page {
	background: #fff;
	color: #20251f;
}

body.category .area-note-page__inner {
	padding-top: clamp(48px, 7vw, 96px);
	padding-bottom: clamp(72px, 9vw, 132px);
}

body.category .area-note-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 40px;
	align-items: end;
	padding-bottom: clamp(34px, 5vw, 64px);
	border-bottom: 1px solid rgba(28, 77, 48, .2);
}

body.category .area-note-kicker,
body.category .area-section-label {
	margin: 0 0 12px;
	color: #1c4d30;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .2em;
	line-height: 1.4;
}

body.category .area-note-hero h1 {
	margin: 0;
	font-size: clamp(42px, 7vw, 88px);
	font-weight: 500;
	letter-spacing: -.035em;
	line-height: 1.04;
}

body.category .area-note-catch {
	max-width: 760px;
	margin: 24px 0 0;
	font-size: clamp(18px, 2.2vw, 28px);
	font-weight: 500;
	line-height: 1.7;
}

body.category .area-note-hero__count {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding-bottom: 6px;
	color: #1c4d30;
}

body.category .area-note-hero__count strong {
	font-size: clamp(44px, 6vw, 76px);
	font-weight: 500;
	line-height: .9;
}

body.category .area-note-hero__count span {
	margin-top: 10px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .22em;
}

body.category .area-story,
body.category .area-record,
body.category .area-map,
body.category .area-ranking,
body.category .area-parks,
body.category .area-links {
	margin-top: clamp(64px, 8vw, 112px);
}

body.category .area-story {
	display: grid;
	grid-template-columns: minmax(180px, .65fr) minmax(0, 1.75fr);
	column-gap: clamp(40px, 7vw, 110px);
	row-gap: 18px;
}

body.category .area-story > .area-section-label {
	grid-column: 1;
}

body.category .area-story > h2 {
	grid-column: 1;
	margin: 0;
	font-size: clamp(28px, 3.6vw, 48px);
	font-weight: 500;
	line-height: 1.35;
}

body.category .area-story__lead,
body.category .area-story__body {
	grid-column: 2;
}

body.category .area-story__lead {
	margin: 0;
	font-size: clamp(19px, 2.2vw, 27px);
	font-weight: 500;
	line-height: 1.9;
}

body.category .area-story__body {
	margin-top: 14px;
	font-size: 16px;
	line-height: 2.05;
}

body.category .area-story__body p:first-child {
	margin-top: 0;
}

body.category .area-section-heading {
	max-width: 820px;
	margin-bottom: 30px;
}

body.category .area-section-heading h2,
body.category .area-parks__header h2 {
	margin: 0;
	font-size: clamp(30px, 4vw, 50px);
	font-weight: 500;
	letter-spacing: -.02em;
	line-height: 1.3;
}

body.category .area-section-heading > p:last-child {
	margin: 16px 0 0;
	font-size: 16px;
	line-height: 1.85;
}

body.category .area-record {
	padding-top: 38px;
	border-top: 1px solid rgba(28, 77, 48, .22);
}

body.category .area-record__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid #d9ded9;
	border-left: 1px solid #d9ded9;
}

body.category .area-record__item {
	min-height: 154px;
	padding: 24px;
	border-right: 1px solid #d9ded9;
	border-bottom: 1px solid #d9ded9;
}

body.category .area-record__item span,
body.category .area-record__item small {
	display: block;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .12em;
}

body.category .area-record__item span {
	color: #59645b;
}

body.category .area-record__item strong {
	display: block;
	margin-top: 24px;
	font-size: clamp(21px, 2.4vw, 31px);
	font-weight: 500;
	line-height: 1.35;
	word-break: break-word;
}

body.category .area-record__item small {
	margin-top: 8px;
	color: #1c4d30;
}

body.category .area-map {
	padding-top: 38px;
	border-top: 1px solid rgba(28, 77, 48, .22);
}

body.category .area-map__frame {
	overflow: hidden;
	width: 100%;
	aspect-ratio: 16 / 8.5;
	background: #eef1ed;
	border: 1px solid #d5dbd5;
	border-radius: 22px;
}

body.category .area-map__frame iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

body.category .area-map__action {
	display: flex;
	justify-content: flex-end;
	margin: 20px 0 0;
}

body.category .area-map__action a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 0 24px;
	background: #1c4d30;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	border-radius: 999px;
}

body.category .area-map__action a:hover,
body.category .area-map__action a:focus-visible {
	background: #123a23;
}

body.category .area-ranking {
	padding-top: 38px;
	border-top: 1px solid rgba(28, 77, 48, .22);
}

body.category .area-ranking__list {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #d9ded9;
}

body.category .area-ranking__list li {
	border-bottom: 1px solid #d9ded9;
}

body.category .area-ranking__list a {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr) auto;
	gap: 24px;
	align-items: center;
	min-height: 92px;
	padding: 18px 4px;
	color: inherit;
	text-decoration: none;
}

body.category .area-ranking__number {
	font-size: 38px;
	font-weight: 500;
	color: #1c4d30;
	text-align: center;
}

body.category .area-ranking__list strong {
	font-size: clamp(19px, 2vw, 26px);
	font-weight: 500;
}

body.category .area-ranking__list a > span:last-child {
	font-size: 13px;
	font-weight: 700;
	color: #1c4d30;
}

body.category .area-parks {
	padding-top: 38px;
	border-top: 1px solid rgba(28, 77, 48, .22);
}

body.category .area-parks__header {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	align-items: end;
	margin-bottom: 34px;
}

body.category .area-parks__header > span {
	padding-bottom: 8px;
	color: #1c4d30;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .18em;
}

body.category .area-parks__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
}

body.category .area-parks__ad {
	grid-column: 1 / -1;
}

body.category .area-links {
	padding-top: 38px;
	border-top: 1px solid rgba(28, 77, 48, .22);
}

body.category .area-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #d9ded9;
}

body.category .area-links li {
	border-bottom: 1px solid #d9ded9;
}

body.category .area-links a {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding: 19px 4px;
	color: inherit;
	font-weight: 600;
	text-decoration: none;
}

body.category .area-links a span {
	color: #1c4d30;
}

@media (max-width: 900px) {
	body.category .area-note-hero {
		grid-template-columns: 1fr;
		gap: 26px;
	}

	body.category .area-note-hero__count {
		align-items: flex-start;
	}

	body.category .area-story {
		grid-template-columns: 1fr;
	}

	body.category .area-story > .area-section-label,
	body.category .area-story > h2,
	body.category .area-story__lead,
	body.category .area-story__body {
		grid-column: 1;
	}

	body.category .area-record__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	body.category .area-note-page__inner {
		padding-top: 42px;
	}

	body.category .area-note-hero {
		padding-bottom: 36px;
	}

	body.category .area-note-hero h1 {
		font-size: clamp(40px, 14vw, 58px);
	}

	body.category .area-note-catch {
		margin-top: 18px;
		font-size: 18px;
	}

	body.category .area-story,
	body.category .area-record,
	body.category .area-map,
	body.category .area-ranking,
	body.category .area-parks,
	body.category .area-links {
		margin-top: 58px;
	}

	body.category .area-record__item {
		min-height: 132px;
		padding: 18px;
	}

	body.category .area-map__frame {
		aspect-ratio: 4 / 3;
		border-radius: 16px;
	}

	body.category .area-map__action {
		justify-content: stretch;
	}

	body.category .area-map__action a {
		width: 100%;
	}

	body.category .area-ranking__list a {
		grid-template-columns: 46px minmax(0, 1fr);
		gap: 14px;
	}

	body.category .area-ranking__list a > span:last-child {
		grid-column: 2;
	}

	body.category .area-ranking__number {
		font-size: 30px;
	}

	body.category .area-parks__header {
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
	}

	body.category .area-parks__grid {
		grid-template-columns: 1fr;
	}
}

/* トップページ AdSense */
.home-adsense-wrap {
	width: 100%;
	max-width: 1120px;
	margin: clamp(3rem, 7vw, 6rem) auto;
	padding-inline: 20px;
	box-sizing: border-box;
}

.home-adsense-wrap .adsense-unit {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 0;
	overflow: visible;
}

.home-adsense-wrap .adsense-unit__inner {
	width: 100%;
	max-width: 900px;
	min-width: 0;
	margin-inline: auto;
}

.home-adsense-wrap .adsbygoogle {
	display: block !important;
	width: 100%;
	max-width: 100%;
	margin-inline: auto;
}

@media (max-width: 767px) {
	.home-adsense-wrap {
		margin-block: 2.5rem;
		padding-inline: 16px;
	}

	.home-adsense-wrap .adsense-unit__inner {
		min-height: 60px;
	}
}

/* =========================================================
   Ver.3.8.0 Alpha — AREA NOTE editorial redesign
   ========================================================= */
body.category .area-note-page {
	background: linear-gradient(180deg, #f3f7f3 0, #fff 38%, #f1f7f2 100%);
}
body.category .area-note-page__inner {
	padding-top: clamp(28px, 4vw, 58px);
	padding-bottom: clamp(80px, 10vw, 140px);
}
body.category .area-breadcrumb {
	display: flex;
	gap: 12px;
	align-items: center;
	margin: 0 0 28px;
	color: #708078;
	font-size: .82rem;
}
body.category .area-breadcrumb a { color: inherit; text-decoration: none; }
body.category .area-breadcrumb a:hover { color: #075c34; }
body.category .area-note-cover {
	overflow: hidden;
	border: 1px solid rgba(7, 92, 52, .15);
	border-radius: 28px;
	background: #fff;
	box-shadow: 0 24px 70px rgba(23, 58, 39, .09);
}
body.category .area-note-hero {
	display: block;
	padding: clamp(44px, 7vw, 88px);
	border: 0;
	background: radial-gradient(circle at 8% 12%, rgba(210, 236, 221, .75), transparent 38%), #fff;
}
body.category .area-note-hero__topline {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(7, 92, 52, .2);
}
body.category .area-note-kicker,
body.category .area-note-number {
	margin: 0;
	color: #075c34;
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .21em;
}
body.category .area-note-hero__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 180px;
	gap: clamp(38px, 7vw, 100px);
	align-items: center;
	padding-top: clamp(48px, 7vw, 82px);
}
body.category .area-note-location {
	margin: 0 0 22px;
	color: #075c34;
	font-size: .9rem;
	font-weight: 800;
}
body.category .area-note-hero h1 {
	margin: 0;
	font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
	font-size: clamp(3.5rem, 8vw, 7.2rem);
	font-weight: 600;
	letter-spacing: -.075em;
	line-height: .98;
}
body.category .area-note-catch {
	max-width: 760px;
	margin: 32px 0 0;
	color: #66736b;
	font-size: clamp(1.05rem, 1.7vw, 1.35rem);
	line-height: 1.9;
}
body.category .area-note-stamp {
	display: flex;
	width: 176px;
	min-height: 176px;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	padding: 24px;
	border: 2px solid #075c34;
	color: #075c34;
	transform: rotate(1.5deg);
}
body.category .area-note-stamp small,
body.category .area-note-stamp span { font-size: .58rem; font-weight: 900; letter-spacing: .16em; }
body.category .area-note-stamp strong { margin: 16px 0 20px; font-size: 2rem; line-height: 1.05; }
body.category .area-story {
	display: grid;
	grid-template-columns: minmax(220px, .75fr) minmax(0, 1.55fr);
	gap: clamp(40px, 7vw, 100px);
	margin: 0;
	padding: clamp(50px, 7vw, 88px);
	border-top: 1px solid rgba(7, 92, 52, .14);
	background: #edf6f0;
}
body.category .area-story__heading h2,
body.category .area-section-heading h2,
body.category .area-parks__header h2 {
	margin: 0;
	font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
	font-size: clamp(2rem, 4.2vw, 3.5rem);
	font-weight: 600;
	letter-spacing: -.045em;
	line-height: 1.25;
}
body.category .area-section-label { margin: 0 0 15px; color: #087141; font-size: .7rem; font-weight: 900; letter-spacing: .2em; }
body.category .area-story__lead { margin: 0 0 26px; color: #31473a; font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 600; line-height: 1.9; }
body.category .area-story__body { color: #526259; font-size: 1rem; line-height: 2.05; }
body.category .area-record,
body.category .area-map,
body.category .area-ranking,
body.category .area-parks,
body.category .area-links { margin-top: clamp(78px, 10vw, 132px); }
body.category .area-section-heading--split,
body.category .area-parks__header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 40px;
	margin-bottom: 34px;
}
body.category .area-section-heading--split > p,
body.category .area-parks__header > div > p:last-child {
	max-width: 430px;
	margin: 0 0 5px;
	color: #6a786f;
	line-height: 1.8;
}
body.category .area-record {
	padding-top: 0;
	border-top: 0;
}
body.category .area-record .area-section-heading { margin-bottom: 38px; }
body.category .area-record__grid {
	gap: 12px;
	border-top: 0;
	border-left: 0;
}
body.category .area-record__item {
	min-height: 168px;
	padding: 24px;
	border: 1px solid rgba(7,92,52,.14);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 14px 36px rgba(30,67,45,.06);
}
body.category .area-record__item strong { font-family: "Hiragino Mincho ProN", "Yu Mincho", serif; font-size: clamp(1.6rem, 3vw, 2.65rem); }
body.category .area-map {
	padding: clamp(34px, 5vw, 62px);
	border-radius: 28px;
	background: #07552f;
	color: #fff;
}
body.category .area-map .area-section-label { color: #bde0c8; }
body.category .area-map .area-section-heading--split > p { color: rgba(255,255,255,.7); }
body.category .area-map__frame { border: 8px solid rgba(255,255,255,.13); border-radius: 22px; box-shadow: 0 22px 50px rgba(0,0,0,.18); }
body.category .area-map__action a { border-color: rgba(255,255,255,.25); background: #fff; color: #07552f; }
body.category .area-ranking__list { overflow: hidden; border: 1px solid rgba(7,92,52,.14); border-radius: 22px; background: #fff; }
body.category .area-ranking__list li + li { border-top: 1px solid rgba(7,92,52,.12); }
body.category .area-ranking__list a { padding: 24px 28px; }
body.category .area-ranking__number { color: #a8cbb5; font-family: Georgia, serif; font-size: 2.2rem; }
body.category .area-parks { padding-top: clamp(62px, 8vw, 100px); border-top: 1px solid rgba(7,92,52,.18); }
body.category .area-parks__header > span { padding: 9px 16px; border-radius: 999px; background: #e9f5ed; color: #075c34; }
body.category .area-parks__grid { gap: 22px; }
body.category .area-links ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
body.category .area-links li { margin: 0; }
body.category .area-links a { border-radius: 16px; background: #fff; box-shadow: 0 10px 30px rgba(30,67,45,.05); }

@media (max-width: 820px) {
	body.category .area-note-hero__layout { grid-template-columns: 1fr; }
	body.category .area-note-stamp { width: 145px; min-height: 145px; }
	body.category .area-story { grid-template-columns: 1fr; }
	body.category .area-section-heading--split,
	body.category .area-parks__header { align-items: flex-start; flex-direction: column; gap: 18px; }
}
@media (max-width: 640px) {
	body.category .area-note-cover { border-radius: 20px; }
	body.category .area-note-hero { padding: 32px 24px 42px; }
	body.category .area-note-number { display: none; }
	body.category .area-note-hero__layout { gap: 34px; padding-top: 38px; }
	body.category .area-note-hero h1 { font-size: clamp(3rem, 15vw, 4.5rem); }
	body.category .area-note-catch { margin-top: 24px; font-size: 1rem; }
	body.category .area-note-stamp { width: 128px; min-height: 128px; padding: 17px; }
	body.category .area-note-stamp strong { margin: 10px 0 13px; font-size: 1.55rem; }
	body.category .area-story { padding: 38px 24px 44px; }
	body.category .area-record__grid { grid-template-columns: 1fr 1fr; }
	body.category .area-record__item { min-height: 132px; padding: 18px; }
	body.category .area-map { padding: 28px 18px; border-radius: 20px; }
	body.category .area-map__frame { aspect-ratio: 1 / 1; border-width: 5px; border-radius: 16px; }
	body.category .area-ranking__list a { padding: 20px 18px; }
	body.category .area-links ul { grid-template-columns: 1fr; }
}


/* =========================================================
   Ver.3.9.0 Alpha — TAG NOTE editorial design
   ========================================================= */
body.tag .area-note-page {
	background: linear-gradient(180deg, #f3f7f3 0, #fff 38%, #f1f7f2 100%);
}
body.tag .area-note-page__inner {
	padding-top: clamp(28px, 4vw, 58px);
	padding-bottom: clamp(80px, 10vw, 140px);
}
body.tag .area-breadcrumb {
	display: flex;
	gap: 12px;
	align-items: center;
	margin: 0 0 28px;
	color: #708078;
	font-size: .82rem;
}
body.tag .area-breadcrumb a { color: inherit; text-decoration: none; }
body.tag .area-breadcrumb a:hover { color: #075c34; }
body.tag .area-note-cover {
	overflow: hidden;
	border: 1px solid rgba(7, 92, 52, .15);
	border-radius: 28px;
	background: #fff;
	box-shadow: 0 24px 70px rgba(23, 58, 39, .09);
}
body.tag .area-note-hero {
	display: block;
	padding: clamp(44px, 7vw, 88px);
	border: 0;
	background: radial-gradient(circle at 8% 12%, rgba(210, 236, 221, .75), transparent 38%), #fff;
}
body.tag .area-note-hero__topline {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(7, 92, 52, .2);
}
body.tag .area-note-kicker,
body.tag .area-note-number {
	margin: 0;
	color: #075c34;
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .21em;
}
body.tag .area-note-hero__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 180px;
	gap: clamp(38px, 7vw, 100px);
	align-items: center;
	padding-top: clamp(48px, 7vw, 82px);
}
body.tag .area-note-location {
	margin: 0 0 22px;
	color: #075c34;
	font-size: .9rem;
	font-weight: 800;
}
body.tag .area-note-hero h1 {
	margin: 0;
	font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
	font-size: clamp(3.5rem, 8vw, 7.2rem);
	font-weight: 600;
	letter-spacing: -.075em;
	line-height: .98;
}
body.tag .area-note-catch {
	max-width: 760px;
	margin: 32px 0 0;
	color: #66736b;
	font-size: clamp(1.05rem, 1.7vw, 1.35rem);
	line-height: 1.9;
}
body.tag .area-note-stamp {
	display: flex;
	width: 176px;
	min-height: 176px;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	padding: 24px;
	border: 2px solid #075c34;
	color: #075c34;
	transform: rotate(1.5deg);
}
body.tag .area-note-stamp small,
body.tag .area-note-stamp span { font-size: .58rem; font-weight: 900; letter-spacing: .16em; }
body.tag .area-note-stamp strong { margin: 16px 0 20px; font-size: 2rem; line-height: 1.05; }
body.tag .area-story {
	display: grid;
	grid-template-columns: minmax(220px, .75fr) minmax(0, 1.55fr);
	gap: clamp(40px, 7vw, 100px);
	margin: 0;
	padding: clamp(50px, 7vw, 88px);
	border-top: 1px solid rgba(7, 92, 52, .14);
	background: #edf6f0;
}
body.tag .area-story__heading h2,
body.tag .area-section-heading h2,
body.tag .area-parks__header h2 {
	margin: 0;
	font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
	font-size: clamp(2rem, 4.2vw, 3.5rem);
	font-weight: 600;
	letter-spacing: -.045em;
	line-height: 1.25;
}
body.tag .area-section-label { margin: 0 0 15px; color: #087141; font-size: .7rem; font-weight: 900; letter-spacing: .2em; }
body.tag .area-story__lead { margin: 0 0 26px; color: #31473a; font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 600; line-height: 1.9; }
body.tag .area-story__body { color: #526259; font-size: 1rem; line-height: 2.05; }
body.tag .area-record,
body.tag .area-map,
body.tag .area-ranking,
body.tag .area-parks,
body.tag .area-links { margin-top: clamp(78px, 10vw, 132px); }
body.tag .area-section-heading--split,
body.tag .area-parks__header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 40px;
	margin-bottom: 34px;
}
body.tag .area-section-heading--split > p,
body.tag .area-parks__header > div > p:last-child {
	max-width: 430px;
	margin: 0 0 5px;
	color: #6a786f;
	line-height: 1.8;
}
body.tag .area-record {
	padding-top: 0;
	border-top: 0;
}
body.tag .area-record .area-section-heading { margin-bottom: 38px; }
body.tag .area-record__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	border-top: 0;
	border-left: 0;
}
body.tag .area-record__item {
	display: flex;
	min-width: 0;
	min-height: 168px;
	padding: 24px;
	flex-direction: column;
	justify-content: center;
	border: 1px solid rgba(7,92,52,.14);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 14px 36px rgba(30,67,45,.06);
}
body.tag .area-record__item span,
body.tag .area-record__item small {
	display: block;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .12em;
}
body.tag .area-record__item span { color: #59645b; }
body.tag .area-record__item strong {
	display: block;
	margin-top: 18px;
	font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
	font-size: clamp(1.6rem, 3vw, 2.65rem);
	font-weight: 500;
	line-height: 1.25;
	word-break: break-word;
}
body.tag .area-record__item small {
	margin-top: 8px;
	color: #1c4d30;
}
body.tag .area-map {
	padding: clamp(34px, 5vw, 62px);
	border-radius: 28px;
	background: #07552f;
	color: #fff;
}
body.tag .area-map .area-section-label { color: #bde0c8; }
body.tag .area-map .area-section-heading--split > p { color: rgba(255,255,255,.7); }
body.tag .area-map__frame { border: 8px solid rgba(255,255,255,.13); border-radius: 22px; box-shadow: 0 22px 50px rgba(0,0,0,.18); }
body.tag .area-map__action a { border-color: rgba(255,255,255,.25); background: #fff; color: #07552f; }
body.tag .area-ranking__list { overflow: hidden; border: 1px solid rgba(7,92,52,.14); border-radius: 22px; background: #fff; }
body.tag .area-ranking__list li + li { border-top: 1px solid rgba(7,92,52,.12); }
body.tag .area-ranking__list a { padding: 24px 28px; }
body.tag .area-ranking__number { color: #a8cbb5; font-family: Georgia, serif; font-size: 2.2rem; }
body.tag .area-parks { padding-top: clamp(62px, 8vw, 100px); border-top: 1px solid rgba(7,92,52,.18); }
body.tag .area-parks__header > span { padding: 9px 16px; border-radius: 999px; background: #e9f5ed; color: #075c34; }
body.tag .area-parks__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
}
body.tag .area-links ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
body.tag .area-links li { margin: 0; }
body.tag .area-links a { border-radius: 16px; background: #fff; box-shadow: 0 10px 30px rgba(30,67,45,.05); }

@media (max-width: 820px) {
	body.tag .area-record__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.tag .area-note-hero__layout { grid-template-columns: 1fr; }
	body.tag .area-note-stamp { width: 145px; min-height: 145px; }
	body.tag .area-story { grid-template-columns: 1fr; }
	body.tag .area-section-heading--split,
	body.tag .area-parks__header { align-items: flex-start; flex-direction: column; gap: 18px; }
}
@media (max-width: 640px) {
	body.tag .area-note-cover { border-radius: 20px; }
	body.tag .area-note-hero { padding: 32px 24px 42px; }
	body.tag .area-note-number { display: none; }
	body.tag .area-note-hero__layout { gap: 34px; padding-top: 38px; }
	body.tag .area-note-hero h1 { font-size: clamp(3rem, 15vw, 4.5rem); }
	body.tag .area-note-catch { margin-top: 24px; font-size: 1rem; }
	body.tag .area-note-stamp { width: 128px; min-height: 128px; padding: 17px; }
	body.tag .area-note-stamp strong { margin: 10px 0 13px; font-size: 1.55rem; }
	body.tag .area-story { padding: 38px 24px 44px; }
	body.tag .area-record__grid { grid-template-columns: 1fr 1fr; }
	body.tag .area-record__item { min-height: 132px; padding: 18px; }
	body.tag .area-map { padding: 28px 18px; border-radius: 20px; }
	body.tag .area-map__frame { aspect-ratio: 1 / 1; border-width: 5px; border-radius: 16px; }
	body.tag .area-ranking__list a { padding: 20px 18px; }
	body.tag .area-links ul { grid-template-columns: 1fr; }
	body.tag .area-parks__grid { grid-template-columns: 1fr; }
}

body.tag .area-note-hero { background: radial-gradient(circle at 92% 10%, rgba(211, 232, 218, .9), transparent 38%), #fff; }
body.tag .area-note-stamp { transform: rotate(-1.5deg); }