/* ---------------------------------------------------------
	下層ページ共通スタイル
----------------------------------------------------------*/
/* --- 下層ページのタイトル --- */
.under_page_title {
	padding: clamp(30px, 8vw, 60px);
	background: linear-gradient(to bottom right, #afa194, #c7bcb2, #907e6d);
	font-family: var(--font-heading-english);
	font-weight: 900;
	font-size: clamp(var(--font-size_30), 3vw, var(--font-size_40));
	letter-spacing: .1em;
	line-height: 1.4;
	text-align: center;
}

/* --- 下層ページの詳細タイトル --- */
.under_detail_title {
	padding: clamp(10px, 1.5vw, 20px) 0;
	font-family: var(--font-heading-english);
	font-size: clamp(var(--font-size_20), 2vw, var(--font-size_30));
	font-weight: 600;
	letter-spacing: .1em;
	line-height: 1.4;
}

/* --- 下層ページのコンテンツレイアウト --- */
.detail_contents {
	width: auto;
	max-width: 1060px;
	padding: clamp(40px, 10vw, 100px) clamp(16px, 4vw, 60px);
	margin: 0 auto;
}

@media screen and (max-width: 480px) {
	.detail_contents {
		padding-bottom: 80px;
	}
}

/* --- 日付 --- */
.page_date {
	font-size: clamp(var(--font-size_10), 1vw, var(--font-size_14));
	font-family: var(--font-body-japanese-serif);
	font-weight: 700;
	letter-spacing: 0.1em;
}

/* --- 記事内のMV画像 --- */
.article_mv {
	margin: 0 auto clamp(10px, 4vw, 35px);
	max-width: 670px;
}

.section_expand {
	margin-bottom: clamp(30px, 5vw, 45px);
}

.section_summary {
	margin-bottom: clamp(30px, 4vw, 45px);
	line-height: 2;
}

.section_space {
	margin-bottom: clamp(30px, 4vw, 45px);
	line-height: 2;
}

.section_space a {
	color: #007faa;
	text-decoration: underline;
	text-underline-offset: .3em;
}

/* --- 見出し --- */
/* 大見出し */
.article_section_title {
	font-family: var(--font-body-japanese-serif);
	font-weight: 700;
	font-size: clamp(var(--font-size_18), 2vw, var(--font-size_26));
	line-height: 1.6;
	padding: 7px 0px;
	border-bottom: 1px solid #333;
	margin-bottom: clamp(30px, 4vw, 45px);
	letter-spacing: .1em;
}

/* 中見出し */
.article_section_middle_title {
	margin: clamp(15px, 2vw, 20px) 0;
	font-family: var(--font-body-japanese-serif);
	font-size: clamp(var(--font-size_16), 2vw, var(--font-size_22));
	font-weight: 700;
	letter-spacing: .1em;
}

/* 小見出し */
.article_section_small_title {
	margin: clamp(15px, 2vw, 20px) 0;
	font-family: var(--font-body-japanese-serif);
	font-size: clamp(var(--font-size_16), 2vw, var(--font-size_18));
	font-weight: 700;
	letter-spacing: .1em;
}

/* --- 画像単体（中央寄せ）--- */
.article_img.center {
	margin: 0 auto clamp(10px, 4vw, 35px);
	max-width: 670px;
}

/* --- 画像右下の＋マーク（ポップアップトリガー）--- */
.popup_trigger {
	position: relative;
}

.popup_trigger::after {
	width: 30px;
	height: 30px;
	background-color: rgba(166, 150, 136, 0.8);
	color: #fff;
	content: "\f067";
	font-weight: 700;
	font-family: "Font Awesome 5 Free";
	position: absolute;
	bottom: 0;
	right: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
}

/* --- メディア（テキスト＋画像のエリア）--- */
.media.article_media {
	margin-bottom: clamp(30px, 5vw, 45px);
	align-items: flex-start;
	column-gap: 40px;
	row-gap: 10px;
}

.media.article_media .media_img {
	flex: 0 0 30%;
}

.media.article_media .media_title {
	margin-top: unset;
}

.media.article_media .media_text {
	line-height: 2;
}

@media screen and (max-width: 850px) {
	.media.article_media {
		align-items: center;
	}
}

/* --- ページネーション--- */
.pagination {
	margin-top: clamp(40px, 10vw, 100px);
}