/*
 * 普通のクラス名に書き直した固定ページの共通部分(2026-10〜。docs/tasks/plain-markup-batch1.md)
 *
 * Elementor のクラス(.e-con / .elementor-widget …)を使わないテンプレートでだけ読む(inc/page-template.php)。
 * そのページでは vendor/elementor-base.css と vendor/elementor-widgets.css を読まない。
 *
 *   .c-breadcrumb          パンくず(Yoast の [wpseo_breadcrumb])の箱。文字・区切り・色は customizer.css「start breadcrumb」
 *   .c-article             本文の箱(幅 900px)。テンプレートでは id="page_content" と一緒に付ける
 *   .c-article__title      ページタイトル(h1)
 *   .c-article__body       本文
 *   .c-article__text       文章のかたまり(旧テキストエディター)
 *   .c-article__buttons    本文の下のボタン列(a.basic_link を並べる)
 *
 * ここに無いもの:
 *   - 本文の見出し・段落・リスト・リンク … customizer.css の #page_content h1 / h2 / p / li / a
 *   - 黄色いボタン … customizer.css の a.basic_link、header.css の .basic_link / .icon-arrow
 *   - 見出しの書体(Jeko)… style.css の [class*="elementor-"] h1〜h6(body のクラス経由で当たる)
 *   - 外側の箱(.l-page / .l-page__content)… page.css
 * ページごとに違う値(本文の幅、ボタンの最大幅など)は pages/<slug>.css に書く。
 *
 * 読み込み順は このファイル → pages/<slug>.css → style.css → customizer.css。
 */

/* ---- 本文ルートの中の既定値(vendor/elementor-base.css が .l-page__body に当てていたものと同じ値) ---- */
.l-page__body a {
	box-shadow: none;
	text-decoration: none;
}
.l-page__body hr {
	box-sizing: border-box;
	margin: 0;
	background-color: transparent;
}
.l-page__body img {
	max-width: 100%;
	height: auto;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.l-page__body embed,
.l-page__body iframe,
.l-page__body object,
.l-page__body video {
	width: 100%;
	max-width: 100%;
	margin: 0;
	border: none;
	line-height: 1;
}

/* ---- パンくず ----
 * 中身の幅は 910px。768px 以上は上下左右に 10px、767px 以下は左右に 20px の余白。 */
.c-breadcrumb {
	max-width: 930px;
	margin: 15px auto;
	padding: 10px;
	font-family: "M PLUS 1", "Jeko", sans-serif;
}

/* ---- 本文の箱 ----
 * 中身の幅は 900px。子(タイトル・本文・ボタン列)を縦に 20px 間隔で並べる。 */
.c-article {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-width: 920px;
	margin: 0 auto 80px;
	padding: 10px;
	font-family: "M PLUS 1", "Jeko", sans-serif;
}
/* パンくずが無いページ(本文の箱が先頭)は上も 80px 空ける */
.c-article:first-child {
	margin-top: 80px;
}

/* 文字の大きさ・行間・太さは customizer.css の #page_content h1 */
.c-article__title {
	margin: 0;
	padding: 0;
	text-align: center;
}

.c-article__text {
	color: #333333;
	font-family: "M PLUS 1", sans-serif;
	font-weight: 400;
	text-align: left;
	overflow-wrap: break-word;
	word-break: break-word;
}

/* ボタン(a.basic_link)の幅は customizer.css(431px 以上 300px、430px 以下 100%) */
.c-article__buttons {
	display: flex;
	gap: 40px;
	margin-top: 20px;
}

@media (max-width: 1024px) {
	.c-article__buttons {
		gap: 20px;
	}
}

@media (max-width: 767px) {
	.c-breadcrumb {
		max-width: none;
		padding: 0 20px;
	}
	.c-article,
	.c-article:first-child {
		max-width: none;
		margin: 50px 0;
		padding: 0 20px;
	}
	.c-article__buttons {
		flex-direction: column;
		margin-top: 0;
	}
}