/* 役：文字の3段・色・書体の変数（:root はこのファイルだけ）と本文の土台。
   手本＝今の採用サイト V9.6（lp/site.css の --paper・--ink・--muted・--line・--pink・--brand・--stage）。
   文字は本文18px・注記15px（老眼の下限・恒久の決まり）。見出し28px（スマホ24px）。
   トップの大見出しだけ「特大」40px（スマホ28px）を1つ持つ（V9.6 の見た目を保つため）。 */
/* 数字・英字の書体（V9.6 と同じ Plus Jakarta Sans・SIL Open Font License・assets/fonts） */
@font-face {
	font-family: Jakarta;
	src: url('../fonts/jakarta.woff2') format('woff2');
	font-weight: 200 800;
	font-display: swap;
}
:root {
	--tdr-paper: #fafaf8;
	--tdr-ink: #19191c;
	--tdr-muted: #64646b;
	--tdr-line: #d8d8d7;
	--tdr-pink: #b5115f;
	--tdr-brand: #ef2184;
	--tdr-stage: #0a0a0c;
	--tdr-surface: #141417;
	--tdr-white: #fff;
	--tdr-sky: #a6eaff;       /* 暗い面の水色（トップの数字・引き継ぎ枠の時刻など。V9.6 と同じ） */
	--tdr-sky-soft: #b5eafe;  /* 暗い面の水色（少し淡い） */
	--tdr-cream: #fff1a5;     /* 淡い黄色（V9.6 と同じ） */
	--tdr-measure: 1184px;
	--tdr-font-display: 40px;
	--tdr-font-lg: 28px;
	--tdr-font-md: 18px;
	--tdr-font-sm: 15px;
	--tdr-num: Jakarta, "Noto Sans JP", sans-serif;
}
/* SWELL はパソコンの幅で本文の左右に16pxの余白（--swl-pad_post_content）を足す。本文の左端をヘッダーのロゴにそろえる（V9.6）ため0にする */
@media (min-width: 960px) {
	:root { --swl-pad_post_content: 0px; }
}
@media (max-width: 599px) {
	:root {
		--tdr-font-display: 28px;
		--tdr-font-lg: 24px;
	}
}

body {
	color: var(--tdr-ink);
	background: var(--tdr-paper);
	font-feature-settings: "palt" 0;
	letter-spacing: 0;
}
/* 本文の見出しは太さと余白で階層を作る（V9.6 と同じ）。SWELL の帯・下線・左の棒は SWELL の設定（h2〜h4 のデザイン＝装飾なし）で切ってある */
.post_content h2,
.post_content h3,
.post_content h4 {
	color: var(--tdr-ink);
	font-weight: 700;
}
.post_content h2 { font-size: var(--tdr-font-lg); line-height: 1.45; margin: 2.4em 0 .8em; }
.post_content h3,
.post_content h4 { font-size: var(--tdr-font-md); line-height: 1.6; margin: 2em 0 .6em; }
.post_content a { color: var(--tdr-pink); font-weight: 700; text-decoration: none; }
.post_content a:hover { text-decoration: underline; }

/* ページ・記事の題（SWELL の .c-pageTitle は既定24px）を、本文の h2 と同じ「見出し」の大きさにそろえる */
.c-pageTitle,
.c-postTitle__ttl { font-size: var(--tdr-font-lg); line-height: 1.45; }