@charset "UTF-8";

/* ---------------------------------------------------------------------------
 * /triauto/spread/ page CSS
 *
 * このファイルだけで /triauto/spread/ の見た目が成立するように、
 * 旧 /renewal-data/triauto-pc/styleguide.css のデザイントークンを
 * 先頭にインライン化している (renewal-data 依存ゼロ化のため)。
 *
 * 共通色トークン (--mane-color, --primary-dark, --accent 等) は
 * /assets/css/app.css 側にも定義があるが、フォント系
 * (--ja-PC-*, --ja-SP-*, --eg-PC-*, --eg-SP-*) は app.css には無いため、
 * このページの style.css でローカルに保持する。
 * 数値・色は styleguide.css と完全一致 (snapshot: 2026-05-26)。
 * ------------------------------------------------------------------------- */

/* BEGIN: inlined from /renewal-data/triauto-pc/styleguide.css */
:root {
  --mane-color: rgba(30, 95, 173, 1);
  --primary-dark: rgba(10, 36, 99, 1);
  --primary-light: rgba(58, 130, 212, 1);
  --primary-pale: rgba(235, 243, 252, 1);
  --accent: rgba(255, 104, 0, 1);
  --accentlite: rgba(255, 165, 79, 1);
  --text: rgba(26, 26, 46, 1);
  --sub-text: rgba(90, 106, 133, 1);
  --bg-01: rgba(255, 255, 255, 1);
  --bg-02: rgba(247, 249, 252, 1);
  --border: rgba(212, 220, 232, 1);
  --success: rgba(24, 165, 88, 1);
  --e-5-3e-3e: rgba(229, 62, 62, 1);
  --cardborder: rgba(242, 245, 249, 1);
  --ja-PC-h1-40px-bold-font-family: "Noto Sans JP", Helvetica;
  --ja-PC-h1-40px-bold-font-weight: 700;
  --ja-PC-h1-40px-bold-font-size: 40px;
  --ja-PC-h1-40px-bold-letter-spacing: 1px;
  --ja-PC-h1-40px-bold-line-height: 170.00000476837158%;
  --ja-PC-h1-40px-bold-font-style: normal;
  --ja-PC-h2-28px-bold-font-family: "Noto Sans JP", Helvetica;
  --ja-PC-h2-28px-bold-font-weight: 700;
  --ja-PC-h2-28px-bold-font-size: 28px;
  --ja-PC-h2-28px-bold-letter-spacing: 1px;
  --ja-PC-h2-28px-bold-line-height: 170.00000476837158%;
  --ja-PC-h2-28px-bold-font-style: normal;
  --ja-PC-h3-24px-bold-font-family: "Noto Sans JP", Helvetica;
  --ja-PC-h3-24px-bold-font-weight: 700;
  --ja-PC-h3-24px-bold-font-size: 20px;
  --ja-PC-h3-24px-bold-letter-spacing: 1px;
  --ja-PC-h3-24px-bold-line-height: 170.00000476837158%;
  --ja-PC-h3-24px-bold-font-style: normal;
  --ja-PC-body-16px-medium-font-family: "Noto Sans JP", Helvetica;
  --ja-PC-body-16px-medium-font-weight: 500;
  --ja-PC-body-16px-medium-font-size: 16px;
  --ja-PC-body-16px-medium-letter-spacing: 1px;
  --ja-PC-body-16px-medium-line-height: 170.00000476837158%;
  --ja-PC-body-16px-medium-font-style: normal;
  --ja-PC-caption-12px-medium-font-family: "Noto Sans JP", Helvetica;
  --ja-PC-caption-12px-medium-font-weight: 500;
  --ja-PC-caption-12px-medium-font-size: 12px;
  --ja-PC-caption-12px-medium-letter-spacing: 1px;
  --ja-PC-caption-12px-medium-line-height: 139.9999976158142%;
  --ja-PC-caption-12px-medium-font-style: normal;
  --ja-PC-title-font-family: "Noto Sans JP", Helvetica;
  --ja-PC-title-font-weight: 700;
  --ja-PC-title-font-size: 15px;
  --ja-PC-title-letter-spacing: 0px;
  --ja-PC-title-line-height: normal;
  --ja-PC-title-font-style: normal;
  --ja-SP-h1-28px-bold-font-family: "Noto Sans JP", Helvetica;
  --ja-SP-h1-28px-bold-font-weight: 700;
  --ja-SP-h1-28px-bold-font-size: 28px;
  --ja-SP-h1-28px-bold-letter-spacing: 1px;
  --ja-SP-h1-28px-bold-line-height: 170.00000476837158%;
  --ja-SP-h1-28px-bold-font-style: normal;
  --ja-SP-h2-24px-bold-font-family: "Noto Sans JP", Helvetica;
  --ja-SP-h2-24px-bold-font-weight: 700;
  --ja-SP-h2-24px-bold-font-size: 24px;
  --ja-SP-h2-24px-bold-letter-spacing: 1px;
  --ja-SP-h2-24px-bold-line-height: 170.00000476837158%;
  --ja-SP-h2-24px-bold-font-style: normal;
  --ja-SP-h3-18px-bold-font-family: "Noto Sans JP", Helvetica;
  --ja-SP-h3-18px-bold-font-weight: 700;
  --ja-SP-h3-18px-bold-font-size: 18px;
  --ja-SP-h3-18px-bold-letter-spacing: 1px;
  --ja-SP-h3-18px-bold-line-height: 170.00000476837158%;
  --ja-SP-h3-18px-bold-font-style: normal;
  --ja-SP-body-16px-medium-font-family: "Noto Sans JP", Helvetica;
  --ja-SP-body-16px-medium-font-weight: 500;
  --ja-SP-body-16px-medium-font-size: 16px;
  --ja-SP-body-16px-medium-letter-spacing: 1px;
  --ja-SP-body-16px-medium-line-height: 170.00000476837158%;
  --ja-SP-body-16px-medium-font-style: normal;
  --ja-SP-caption-12px-regular-font-family: "Noto Sans JP", Helvetica;
  --ja-SP-caption-12px-regular-font-weight: 400;
  --ja-SP-caption-12px-regular-font-size: 12px;
  --ja-SP-caption-12px-regular-letter-spacing: 1px;
  --ja-SP-caption-12px-regular-line-height: 139.9999976158142%;
  --ja-SP-caption-12px-regular-font-style: normal;
  --eg-PC-display-40px-bold-font-family: "DIN 2014 Narrow", Helvetica;
  --eg-PC-display-40px-bold-font-weight: 700;
  --eg-PC-display-40px-bold-font-size: 40px;
  --eg-PC-display-40px-bold-letter-spacing: 1px;
  --eg-PC-display-40px-bold-line-height: 170.00000476837158%;
  --eg-PC-display-40px-bold-font-style: normal;
  --eg-PC-heading-32px-bold-font-family: "DIN 2014 Narrow", Helvetica;
  --eg-PC-heading-32px-bold-font-weight: 700;
  --eg-PC-heading-32px-bold-font-size: 30px;
  --eg-PC-heading-32px-bold-letter-spacing: 1px;
  --eg-PC-heading-32px-bold-line-height: 170.00000476837158%;
  --eg-PC-heading-32px-bold-font-style: normal;
  --eg-PC-heading-32px-regular-font-family: "DIN 2014 Narrow", Helvetica;
  --eg-PC-heading-32px-regular-font-weight: 400;
  --eg-PC-heading-32px-regular-font-size: 30px;
  --eg-PC-heading-32px-regular-letter-spacing: 1px;
  --eg-PC-heading-32px-regular-line-height: 170.00000476837158%;
  --eg-PC-heading-32px-regular-font-style: normal;
  --eg-PC-body-highlight-20px-regular-font-family: "DIN 2014 Narrow", Helvetica;
  --eg-PC-body-highlight-20px-regular-font-weight: 400;
  --eg-PC-body-highlight-20px-regular-font-size: 20px;
  --eg-PC-body-highlight-20px-regular-letter-spacing: 1px;
  --eg-PC-body-highlight-20px-regular-line-height: 170.00000476837158%;
  --eg-PC-body-highlight-20px-regular-font-style: normal;
  --eg-PC-caption-12px-regular-font-family: "DIN 2014 Narrow", Helvetica;
  --eg-PC-caption-12px-regular-font-weight: 400;
  --eg-PC-caption-12px-regular-font-size: 14px;
  --eg-PC-caption-12px-regular-letter-spacing: 1px;
  --eg-PC-caption-12px-regular-line-height: 139.9999976158142%;
  --eg-PC-caption-12px-regular-font-style: normal;
  --eg-SP-display-32px-bold-font-family: "DIN 2014 Narrow", Helvetica;
  --eg-SP-display-32px-bold-font-weight: 700;
  --eg-SP-display-32px-bold-font-size: 32px;
  --eg-SP-display-32px-bold-letter-spacing: 1px;
  --eg-SP-display-32px-bold-line-height: 170.00000476837158%;
  --eg-SP-display-32px-bold-font-style: normal;
  --eg-SP-heading-24px-bold-font-family: "DIN 2014 Narrow", Helvetica;
  --eg-SP-heading-24px-bold-font-weight: 700;
  --eg-SP-heading-24px-bold-font-size: 24px;
  --eg-SP-heading-24px-bold-letter-spacing: 1px;
  --eg-SP-heading-24px-bold-line-height: 170.00000476837158%;
  --eg-SP-heading-24px-bold-font-style: normal;
  --eg-SP-heading-18px-regular-font-family: "DIN 2014 Narrow", Helvetica;
  --eg-SP-heading-18px-regular-font-weight: 400;
  --eg-SP-heading-18px-regular-font-size: 18px;
  --eg-SP-heading-18px-regular-letter-spacing: 1px;
  --eg-SP-heading-18px-regular-line-height: 170.00000476837158%;
  --eg-SP-heading-18px-regular-font-style: normal;
  --eg-SP-body-highlight-16px-regular-font-family: "DIN 2014 Narrow", Helvetica;
  --eg-SP-body-highlight-16px-regular-font-weight: 400;
  --eg-SP-body-highlight-16px-regular-font-size: 16px;
  --eg-SP-body-highlight-16px-regular-letter-spacing: 1px;
  --eg-SP-body-highlight-16px-regular-line-height: 170.00000476837158%;
  --eg-SP-body-highlight-16px-regular-font-style: normal;
  --eg-SP-caption-12px-regular-font-family: "DIN 2014 Narrow", Helvetica;
  --eg-SP-caption-12px-regular-font-weight: 400;
  --eg-SP-caption-12px-regular-font-size: 12px;
  --eg-SP-caption-12px-regular-letter-spacing: 1px;
  --eg-SP-caption-12px-regular-line-height: 139.9999976158142%;
  --eg-SP-caption-12px-regular-font-style: normal;
  --card: 0px 4px 14px 0px rgba(235, 243, 252, 0.48);
  --card-02: 0px 4px 10px 0px rgba(138, 151, 165, 0.4);
}
/* END: inlined from /renewal-data/triauto-pc/styleguide.css */

.triauto-spread {
	--spread-primary-dark: var(--primary-dark, #0a2463);
	--spread-main: var(--mane-color, #1e5fad);
	--spread-accent: var(--accent, #ff6800);
	--spread-accent-lite: var(--accentlite, #ffa54f);
	--spread-text: var(--text, #1a1a2e);
	--spread-sub-text: var(--sub-text, #5a6a85);
	--spread-border: var(--border, #d4dce8);
	--spread-card-border: var(--primary-pale, #ebf3fc);
	--spread-font-ja: var(--ja-PC-body-16px-medium-font-family, "Noto Sans JP", Helvetica, sans-serif);
	--spread-font-en: var(--eg-PC-caption-12px-regular-font-family, "DIN 2014 Narrow", "Noto Sans JP", Helvetica, sans-serif);
	--spread-row-pale: #f4f8fe;
	font-family: var(--spread-font-ja);
	overflow-x: clip;
	padding-top: 0;
}

@media screen and (min-width: 940px) {
	.triauto-spread {
		padding-top: 0;
	}
}

.triauto-spread-page {
	background: #fff;
	padding: 0;
	max-width: var(--content-width, 1000px);
	margin-left: auto;
	margin-right: auto;
}

.triauto-spread-fee {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin: 0 auto;
	/* ヒーロー下余白は app.css .ta-hero (margin-bottom 40px) が担当 */
	padding: 0 0 80px;
	width: 100%;
}

.triauto-spread-fee__heading {
	border-left: 2px solid var(--spread-accent-lite);
	display: flex;
	flex-direction: column;
	gap: 16px;
	justify-content: center;
	padding: 0 20px;
}

.triauto-spread-fee__heading p,
.triauto-spread-fee__heading h2 {
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.7;
	margin: 0;
}

.triauto-spread-fee__heading p {
	color: var(--spread-main);
	font-family: var(--ja-PC-h3-24px-bold-font-family, var(--spread-font-ja));
	font-size: var(--ja-PC-h3-24px-bold-font-size, 20px);
}

.triauto-spread-fee__heading h2 span {
	display: inline;
}

.triauto-spread-fee__body {
	display: flex;
	flex-direction: column;
	gap: 40px;
	width: 100%;
}

.triauto-spread-table-block {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}

/* ※注記（手数料表下・入金注意書き）。金利配当相当額カレンダーの注記と同様に
   本文サイズ(.ta-text-body 16px)＋通常ウェイト400にする（旧12px caption。2026-07-10 ユーザー指定） */
.triauto-spread-note {
	font-weight: 400;
	margin: 0;
}

.triauto-spread-table-scroll {
	filter: drop-shadow(0 4px 7px rgba(235, 243, 252, .48));
	/* overflow-x:auto だとこのラッパー自体がスクロールコンテナになり、
	 sticky thead がページの縦スクロールに追従しなくなる。
	 コンテンツ幅1000px > 表 min-width 820px で横スクロール不要なため visible にする。 */
	overflow: visible;
	width: 100%;
}

.triauto-spread-table {
	border: 1px solid var(--spread-border);
	border-collapse: separate;
	border-radius: var(--ta-radius-s, 6px);
	border-spacing: 0;
	color: var(--spread-text);
	font-family: var(--ja-PC-body-16px-medium-font-family, var(--spread-font-ja));
	font-size: var(--ja-PC-body-16px-medium-font-size, 16px);
	font-weight: var(--ja-PC-body-16px-medium-font-weight, 500);
	letter-spacing: var(--ja-PC-body-16px-medium-letter-spacing, 1px);
	line-height: var(--ja-PC-body-16px-medium-line-height, 1.7);
	min-width: 820px;
	/* overflow:hidden だと sticky thead が親でクリップされ PC/SP とも追従しないため visible に。
	 角丸は overflow で自動クリップされなくなる分、四隅のセルへ個別付与して維持する。 */
	overflow: visible;
	table-layout: fixed;
	width: 100%;
}

.triauto-spread-table th,
.triauto-spread-table td {
	border: 0;
	border-right: 1px solid var(--spread-border);
	border-top: 1px solid var(--spread-border);
	box-sizing: border-box;
	padding: 0 24px;
	vertical-align: middle;
}

.triauto-spread-table th:last-child,
.triauto-spread-table td:last-child {
	border-right: 0;
}

.triauto-spread-table thead th {
	background: var(--spread-main);
	border-color: rgba(255, 255, 255, .75);
	color: #fff;
	font-family: var(--ja-PC-title-font-family, var(--spread-font-ja));
	font-size: 16px;
	font-weight: var(--ja-PC-title-font-weight, 700);
	height: 56px;
	letter-spacing: var(--ja-PC-title-letter-spacing, 0);
	line-height: var(--ja-PC-title-line-height, normal);
	text-align: center;
}

.triauto-spread-table thead tr:first-child th {
	border-top: 0;
	height: 65px;
}

/* overflow:visible化で自動クリップされなくなった四隅の角丸を個別に復元 */
.triauto-spread-table thead tr:first-child th:first-child {
	border-top-left-radius: var(--ta-radius-s, 6px);
}

.triauto-spread-table thead tr:first-child th:last-child {
	border-top-right-radius: var(--ta-radius-s, 6px);
}

.triauto-spread-table tbody tr:last-child th {
	border-bottom-left-radius: var(--ta-radius-s, 6px);
}

.triauto-spread-table tbody tr:last-child td:last-child {
	border-bottom-right-radius: var(--ta-radius-s, 6px);
}

/* 表ヘッダー (通貨ペア / 100万通貨超〜) を表表示中は PC/SP とも追従させる。
 * - thead は 2 段構成: 1段目=65px → 2段目はその直下に貼り付け。
 * - top はグローバルヘッダー確保領域に合わせる(SP48px / PC108px、下の769px以上メディアクエリで上書き)。 */
.triauto-spread-table thead tr:first-child th {
	position: sticky;
	top: 48px;
	z-index: 3;
}

.triauto-spread-table thead tr:nth-child(2) th {
	position: sticky;
	top: 113px; /* 48 (gheader) + 65 (1段目 th height) */
	z-index: 2;
}

.triauto-spread-table .triauto-spread-table__pair-head {
	background: var(--spread-main);
	border-right-color: #fff;
	width: 280px;
}

.triauto-spread-table .triauto-spread-table__main-head {
	background: var(--spread-primary-dark);
}

.triauto-spread-table tbody tr {
	height: 68px;
}

.triauto-spread-table tbody th {
	background: var(--spread-card-border);
	color: var(--spread-primary-dark);
	font-family: var(--ja-PC-title-font-family, var(--spread-font-ja));
	font-size: var(--ja-PC-title-font-size, 15px);
	font-weight: var(--ja-PC-title-font-weight, 700);
	height: 68px;
	letter-spacing: var(--ja-PC-title-letter-spacing, 0);
	line-height: var(--ja-PC-title-line-height, normal);
	text-align: left;
}

.triauto-spread-table tbody tr:nth-child(even) th {
	background: var(--spread-row-pale);
}

.triauto-spread-table tbody td {
	background: #fff;
	text-align: center;
}

/* 表セル内の単位表記(銭/pips)だけ数値より小さくする。
   PCは12.5px、SPはtd 13pxに対して単位だけ12pxに分ける。 */
@media screen and (min-width: 940px) {
	.triauto-spread-unit {
		font-size: 12.5px;
	}
}

.triauto-spread-flags {
	display: inline-flex;
	flex: 0 0 52px;
	height: 39px;
	margin-right: 16px;
	position: relative;
	vertical-align: middle;
	width: 52px;
}

.triauto-spread-table tbody th > span:last-child {
	display: inline-block;
	vertical-align: middle;
}

.triauto-spread-exception,
.triauto-spread-reference__linkbox {
	background: #fff;
	border: 1px solid var(--spread-card-border);
	border-radius: 6px;
	box-shadow: 0 4px 14px rgba(235, 243, 252, .48);
	box-sizing: border-box;
	width: 100%;
}

.triauto-spread-exception {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 20px;
}

.triauto-spread-exception__heading {
	align-items: center;
	display: flex;
	gap: 16px;
}

/* バッジ「例外あり」は削除し、見出しは「（原則固定　例外あり）」のみ (ユーザー指定 2026-07-09) */
.triauto-spread-exception__heading p {
	color: var(--spread-primary-dark);
	font-family: var(--ja-PC-body-16px-medium-font-family, var(--spread-font-ja));
	font-size: var(--ja-PC-body-16px-medium-font-size, 16px);
	font-weight: var(--ja-PC-body-16px-medium-font-weight, 500);
	letter-spacing: var(--ja-PC-body-16px-medium-letter-spacing, 1px);
	line-height: var(--ja-PC-body-16px-medium-line-height, 1.7);
	margin: 0;
}

.triauto-spread-exception ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.triauto-spread-exception li {
	align-items: flex-start;
	color: var(--spread-text);
	display: flex;
	/* li は通常テキストと同じ 16px 本文トークンにする (ユーザー指定 2026-07-09。旧 caption 12px) */
	font-family: var(--ja-PC-body-16px-medium-font-family, var(--spread-font-ja));
	font-size: var(--ja-PC-body-16px-medium-font-size, 16px);
	font-weight: var(--ja-PC-body-16px-medium-font-weight, 500);
	gap: 8px;
	letter-spacing: var(--ja-PC-body-16px-medium-letter-spacing, 1px);
	line-height: var(--ja-PC-body-16px-medium-line-height, 1.7);
}

.triauto-spread-exception li::before {
	background: var(--spread-text); /* ●も通常テキストと同色 (ユーザー指定 2026-07-09。旧 --spread-accent) */
	border-radius: 50%;
	content: "";
	flex: 0 0 7px;
	height: 7px;
	margin-top: 10px; /* 1行の高さ 16px*1.7=27px の中央に 7px の●を合わせる */
	width: 7px;
}

.triauto-spread-reference {
	align-items: flex-end;
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}

/* 「…提示率の実績は、スプレッド実績表をご参照ください。」は改行を入れず一続きの文 (ユーザー指示 2026-07-08) */
.triauto-spread-reference__linkbox {
	align-items: center;
	align-self: flex-start;
	display: flex;
	min-height: 44px;
	padding: 8px 10px;
}

.triauto-spread-reference__linkbox p {
	color: var(--spread-text);
	font-family: var(--ja-PC-body-16px-medium-font-family, var(--spread-font-ja));
	font-size: 16px;
	font-weight: var(--ja-PC-body-16px-medium-font-weight, 500);
	letter-spacing: var(--ja-PC-body-16px-medium-letter-spacing, 1px);
	line-height: 1.7;
	margin: 0;
}

/* 特別対応(ユーザー指示 2026-07-08・PC/SP共通): 文中のPDFアイコン+「スプレッド実績表」は
 * 前後テキスト(「…実績は、」「をご参照ください。」)と同じベースラインまで下げ、
 * 下線(アンダーバー)は文字の直下に敷く。inline-flex の箱に入れると箱内の文字が
 * 前後テキストと別ベースラインになり数px浮くため、リンクは箱にせず純インラインで文中に流す */
.triauto-spread-reference__pdf-link {
	color: var(--spread-main);
	font-family: var(--ja-PC-body-16px-medium-font-family, var(--spread-font-ja));
	font-size: 16px;
	font-weight: var(--ja-PC-body-16px-medium-font-weight, 500);
	letter-spacing: var(--ja-PC-body-16px-medium-letter-spacing, 1px);
	position: relative;
	text-decoration: none;
	top: -2px; /* ここだけ前後の文章よりちょっと上に置く (ユーザー指示 2026-07-08。行高に影響しない position ずらし) */
	white-space: nowrap; /* アイコンと「スプレッド実績表」の間では改行させない */
}

/* inline要素の border-bottom は行の高さに影響せず、文字(em box)+padding の直下に引かれる */
.triauto-spread-reference__text-link {
	border-bottom: 1px solid var(--spread-main);
	padding-bottom: 1px; /* 文字と下線の間隔 */
}

.triauto-spread-reference__pdf-link:hover .triauto-spread-reference__text-link {
	border-bottom-color: transparent;
}

/* PDFアイコンは本文16pxに釣り合う20pxに縮小 (ユーザー指示 2026-07-08。旧26px) */
.triauto-spread-reference__pdf-icon {
	font-size: 20px;
	height: 20px;
	line-height: 1;
	margin-right: 4px; /* アイコンと「スプレッド実績表」の間隔 (8px→4pxに詰めた。ユーザー指示 2026-07-08) */
	vertical-align: text-bottom; /* アイコン下端を文字下端(下線のすぐ上)に合わせる */
	width: 20px;
}

/* 「広告掲載日 YYYY.MM.DD」ブロック (PC)
 * 以前はサイズが小さく目立たなかったため padding/フォントを引き上げ。
 * SP 版 (max-width: 939px) では下方のメディアクエリで再調整している。 */
.triauto-spread-reference__date {
	align-items: center;
	background: transparent; /* 青背景(--primary-pale)はユーザー指示(2026-07-06)で廃止・透明に */
	border-radius: 6px;
	display: inline-flex;
	gap: 14px;
	letter-spacing: 0.0625rem;
	line-height: 1.4;
	padding: 12px 20px;
	white-space: nowrap;
}

/* 「広告掲載日」の文言は隣の日付(time: 14px/700/--primary-dark)と同じ色・大きさに揃える(ユーザー指示 2026-07-06) */
.triauto-spread-reference__date span {
	color: var(--primary-dark, #0a2463);
	font-family: var(--ja-PC-caption-12px-medium-font-family, var(--spread-font-ja));
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.4;
}

.triauto-spread-reference__date time {
	color: var(--primary-dark, #0a2463);
	font-family: "DIN 2014 Narrow", var(--spread-font-en);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.0625rem;
	text-align: right;
}

.triauto-spread-commission {
	align-items: center;
	background: var(--spread-card-border);
	display: flex;
	justify-content: center;
	padding: 80px 0;
	/* full-bleed: 背景を viewport 幅まで広げる */
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.triauto-spread-commission__inner {
	display: flex;
	flex-direction: column;
	gap: 40px;
	max-width: calc(var(--content-width, 1000px) - var(--content-gutter-pc) * 2);
	width: 100%;
}

.triauto-spread-commission__heading-wrap {
	width: 100%;
}

.triauto-spread-commission__heading {
	border-left: 2px solid var(--spread-accent-lite);
	display: flex;
	flex-direction: column;
	gap: 16px;
	justify-content: center;
	padding: 0 0 0 20px;
	width: 100%;
}

.triauto-spread-commission__heading p,
.triauto-spread-commission__heading h2 {
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.7;
	margin: 0;
}

.triauto-spread-commission__heading p {
	color: var(--spread-main);
	font-family: var(--ja-PC-h3-24px-bold-font-family, var(--spread-font-ja));
	font-size: var(--ja-PC-h3-24px-bold-font-size, 20px);
}

.triauto-spread-commission__cards {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}

.triauto-spread-commission-card {
	background: #fff;
	border-radius: 6px;
	box-sizing: border-box;
	padding: 20px;
	width: 100%;
}

.triauto-spread-commission-card--inline {
	align-items: center;
	display: flex;
	gap: 20px;
}

.triauto-spread-commission-card h3,
.triauto-spread-commission-detail h4 {
	color: var(--spread-primary-dark);
	font-family: var(--ja-PC-h3-24px-bold-font-family, var(--spread-font-ja));
	font-weight: var(--ja-PC-h3-24px-bold-font-weight, 700);
	letter-spacing: var(--ja-PC-h3-24px-bold-letter-spacing, 1px);
	margin: 0;
}

.triauto-spread-commission-card h3 {
	font-size: var(--ja-PC-h3-24px-bold-font-size, 20px);
	line-height: var(--ja-PC-h3-24px-bold-line-height, 1.7);
}

.triauto-spread-commission-card__price {
	align-items: baseline;
	color: var(--spread-text);
	display: inline-flex;
	font-family: var(--ja-PC-h3-24px-bold-font-family, var(--spread-font-ja));
	font-size: var(--ja-PC-h3-24px-bold-font-size, 20px);
	font-weight: var(--ja-PC-h3-24px-bold-font-weight, 700);
	letter-spacing: var(--ja-PC-h3-24px-bold-letter-spacing, 1px);
	line-height: var(--ja-PC-h3-24px-bold-line-height, 1.7);
	margin: 0;
}

.triauto-spread-commission-card__price span {
	font-family: var(--eg-PC-heading-32px-bold-font-family, var(--spread-font-en));
	font-size: var(--eg-PC-heading-32px-bold-font-size, 30px);
	font-weight: var(--eg-PC-heading-32px-bold-font-weight, 700);
	letter-spacing: var(--eg-PC-heading-32px-bold-letter-spacing, 1px);
	line-height: var(--eg-PC-heading-32px-bold-line-height, 1.7);
}

.triauto-spread-commission-card--detail {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.triauto-spread-commission-detail {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}

.triauto-spread-commission-detail h4 {
	font-family: var(--ja-PC-title-font-family, var(--spread-font-ja));
	font-size: 16px;
	font-weight: 700;
	letter-spacing: var(--ja-PC-title-letter-spacing, 0);
	line-height: 1.7;
}

.triauto-spread-commission-detail__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
}

/* 本文/注記のタイポグラフィは app.css の共通クラスに移行済み
   (本文= .ta-text-body 16px/本文色。※注記も 16px で .triauto-spread-note により
   ウェイト400。2026-07-10 ユーザー指定)。ページ側はレイアウト(margin)のみ担当する */
.triauto-spread-commission-detail__body p {
	margin: 0;
}

.triauto-spread-difference {
	align-items: center;
	background: #fff;
	display: flex;
	justify-content: center;
	padding: 80px 0 0;
	width: 100%;
}

.triauto-spread-difference__inner {
	display: flex;
	flex-direction: column;
	gap: 40px;
	max-width: var(--content-width, 1000px);
	width: 100%;
}

.triauto-spread-difference__heading {
	border-left: 2px solid var(--spread-accent-lite);
	display: flex;
	flex-direction: column;
	gap: 16px;
	justify-content: center;
	padding: 0 20px;
}

.triauto-spread-difference__heading p,
.triauto-spread-difference__heading h2 {
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.7;
	margin: 0;
}

.triauto-spread-difference__heading p {
	color: var(--spread-main);
	font-family: var(--ja-PC-h3-24px-bold-font-family, var(--spread-font-ja));
	font-size: var(--ja-PC-h3-24px-bold-font-size, 20px);
}

.triauto-spread-difference__body {
	display: flex;
	flex-direction: column;
	gap: 40px;
	width: 100%;
}

/* 本文のタイポグラフィは app.css の共通クラス .ta-text-body (16px/本文色/SPも16px) に
   移行済み。ページ側はレイアウト(margin)のみ担当する */
.triauto-spread-difference__lead,
.triauto-spread-markup__intro p {
	margin: 0;
}

.triauto-spread-note-card {
	background: #fff;
	border: 1px solid var(--spread-card-border);
	border-radius: 6px;
	box-shadow: 0 4px 14px rgba(235, 243, 252, .48);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 17px;
	padding: 20px;
	width: 100%;
}

.triauto-spread-note-card h3 {
	color: var(--spread-primary-dark);
	font-family: var(--ja-PC-body-16px-medium-font-family, var(--spread-font-ja));
	font-size: var(--ja-PC-body-16px-medium-font-size, 16px);
	font-weight: var(--ja-PC-body-16px-medium-font-weight, 500);
	letter-spacing: var(--ja-PC-body-16px-medium-letter-spacing, 1px);
	line-height: var(--ja-PC-body-16px-medium-line-height, 1.7);
	margin: 0;
}

.triauto-spread-note-card ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.triauto-spread-note-card li {
	align-items: flex-start;
	color: var(--spread-text);
	display: flex;
	/* li は通常テキストと同じ 16px 本文トークンにする (ユーザー指定 2026-07-09。旧 caption 12px) */
	font-family: var(--ja-PC-body-16px-medium-font-family, var(--spread-font-ja));
	font-size: var(--ja-PC-body-16px-medium-font-size, 16px);
	font-weight: var(--ja-PC-body-16px-medium-font-weight, 500);
	gap: 8px;
	letter-spacing: var(--ja-PC-body-16px-medium-letter-spacing, 1px);
	line-height: var(--ja-PC-body-16px-medium-line-height, 1.7);
}

.triauto-spread-note-card li::before {
	background: var(--spread-text); /* ●も通常テキストと同色 (ユーザー指定 2026-07-09。旧 --spread-accent) */
	border-radius: 50%;
	content: "";
	flex: 0 0 7px;
	height: 7px;
	margin-top: 10px; /* 1行の高さ 16px*1.7=27px の中央に 7px の●を合わせる */
	width: 7px;
}

/* ※書きの行は●マーカーなし（文頭の※をそのまま見せる） */
.triauto-spread-note-card li.triauto-spread-note-card__no-dot::before {
	content: none;
}

.triauto-spread-markup {
	display: flex;
	flex-direction: column;
	gap: 40px;
	width: 100%;
}

.triauto-spread-markup__intro {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-bottom: 8px;
	width: 100%;
}

.triauto-spread-markup__date {
	align-items: flex-end;
	align-self: flex-start;
	background: var(--bg-01, #fff);
	border-radius: 6px;
	display: inline-flex;
	gap: 8px;
	letter-spacing: 0.0625rem;
	line-height: 1.7;
	padding: 0 10px;
	white-space: nowrap;
}

.triauto-spread-markup__date time {
	color: var(--primary-dark, #0a2463);
	font-family: var(--spread-font-ja);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.7;
	letter-spacing: 0.0625rem;
	text-align: right;
}

.triauto-spread-markup__date span {
	color: var(--sub-text, #5a6a85);
	font-family: var(--ja-PC-body-16px-medium-font-family, var(--spread-font-ja));
	font-size: 20px; /* 「以降」は日付(20px)と同サイズ指定（2026-07-09 ユーザー指示） */
	font-style: normal;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: 0.0625rem;
}

.triauto-spread-markup-table-scroll {
	/* overflow-x:auto だと sticky thead がラッパー基準になりページスクロールに追従しないため visible にする。 */
	overflow: visible;
	width: 100%;
}

.triauto-spread-markup-table {
	border: 1px solid var(--spread-border);
	border-collapse: separate;
	border-radius: var(--ta-radius-s, 6px) var(--ta-radius-s, 6px) 0 0;
	border-spacing: 0;
	min-width: 820px;
	/* overflow:hidden だと sticky thead が親でクリップされ PC/SP とも追従しないため visible に。 */
	overflow: visible;
	table-layout: fixed;
	width: 100%;
}

.triauto-spread-markup-table th,
.triauto-spread-markup-table td {
	border-right: 1px solid var(--spread-border);
	border-top: 1px solid var(--spread-border);
	box-sizing: border-box;
	height: 52px;
	padding: 0 10px;
	vertical-align: middle;
}

.triauto-spread-markup-table th:last-child,
.triauto-spread-markup-table td:last-child {
	border-right: 0;
}

.triauto-spread-markup-table thead th {
	background: var(--spread-primary-dark);
	border-color: rgba(255, 255, 255, .75);
	border-top: 0;
	color: #fff;
	font-family: var(--ja-PC-title-font-family, var(--spread-font-ja));
	font-size: var(--ja-PC-body-16px-medium-font-size, 16px);
	font-weight: var(--ja-PC-title-font-weight, 700);
	height: 76px;
	letter-spacing: var(--ja-PC-title-letter-spacing, 0);
	line-height: var(--ja-PC-title-line-height, normal);
	text-align: center;
}

.triauto-spread-markup-table thead th:first-child {
	width: 265px;
}

.triauto-spread-markup-table thead th:last-child {
	width: 190px;
}

/* overflow:visible化で自動クリップされなくなった角丸をヘッダー左右上コーナーに復元 */
.triauto-spread-markup-table thead th:first-child {
	border-top-left-radius: var(--ta-radius-s, 6px);
}

.triauto-spread-markup-table thead th:last-child {
	border-top-right-radius: var(--ta-radius-s, 6px);
}

/* 大口マークアップ表の thead を表示中は PC/SP とも追従させる。
 * - スプレッド表 (上の表) と同じく top をグローバルヘッダー確保領域に合わせる(SP48px / PC108px)。
 * - thead は 1 段構成なので 2 段目の top 指定は不要。 */
.triauto-spread-markup-table thead th {
	position: sticky;
	top: 48px;
	z-index: 3;
}

/* 追従(sticky)ヘッダーのオフセット: 共通ヘッダー(.header-for-triauto)の実高さ切替
   (769px, /assets/css/app.css) に合わせる。このページ自体のSP/PCコンテンツ切替
   (939/940px)とは基準点が異なるため、ここだけ独立したブレークポイントを使う。
   top はヘッダー要素高(100px)ではなく .global-header-reserve の確保領域(108px)に合わせる。 */
@media screen and (min-width: 769px) {
	.triauto-spread-table thead tr:first-child th {
		top: 108px;
	}

	.triauto-spread-table thead tr:nth-child(2) th {
		top: 173px; /* 108 (gheader) + 65 (1段目 th height) */
	}

	.triauto-spread-markup-table thead th {
		top: 108px;
	}
}

.triauto-spread-markup-table tbody th {
	align-items: center;
	background: var(--spread-card-border);
	color: var(--spread-primary-dark);
	display: flex;
	font-family: var(--ja-PC-title-font-family, var(--spread-font-ja));
	font-size: var(--ja-PC-title-font-size, 15px);
	font-weight: var(--ja-PC-title-font-weight, 700);
	gap: 12px;
	justify-content: flex-start;
	letter-spacing: var(--ja-PC-title-letter-spacing, 0);
	line-height: var(--ja-PC-title-line-height, normal);
	padding: 0 10px;
	position: relative;
	text-align: left;
}

.triauto-spread-markup-table tbody tr:nth-child(even) th {
	background: var(--spread-row-pale);
}

.triauto-spread-markup-table tbody td {
	background: #fff;
	color: var(--spread-text);
	font-family: var(--ja-PC-body-16px-medium-font-family, var(--spread-font-ja));
	font-size: var(--ja-PC-body-16px-medium-font-size, 16px);
	font-weight: var(--ja-PC-body-16px-medium-font-weight, 500);
	letter-spacing: var(--ja-PC-body-16px-medium-letter-spacing, 1px);
	line-height: var(--ja-PC-body-16px-medium-line-height, 1.7);
	text-align: center;
}

.triauto-spread-markup-table tbody th img {
	display: block;
	height: auto;
	max-height: 40px;
	max-width: 60px;
	position: static;
	transform: none;
	width: auto;
}

.triauto-spread-markup-table__close {
	align-items: center;
	background: var(--spread-main);
	border: 0;
	border-radius: 0 0 var(--ta-radius-s, 6px) var(--ta-radius-s, 6px);
	color: #fff;
	cursor: pointer;
	display: flex;
	font-family: var(--ja-PC-title-font-family, var(--spread-font-ja));
	font-size: 16px;
	font-weight: var(--ja-PC-title-font-weight, 700);
	gap: 16px;
	justify-content: center;
	line-height: var(--ja-PC-title-line-height, normal);
	min-width: 820px;
	padding: 8px;
	width: 100%;
}

.triauto-spread-markup-table__close:hover,
.triauto-spread-markup-table__close:focus-visible {
	background: #174f96;
}

.triauto-spread-markup-table__close:focus-visible {
	outline: 2px solid var(--spread-accent-lite);
	outline-offset: 2px;
}

.triauto-spread-markup-table__icon {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #fff;
	display: block;
	height: 0;
	transform: rotate(180deg);
	transition: transform .2s ease;
	width: 0;
}

.triauto-spread-markup-table__close[aria-expanded="false"] .triauto-spread-markup-table__icon {
	transform: rotate(0deg);
}

.triauto-spread-markup__date--range {
	margin-top: 8px;
}

/* 日付ラベル (2026.05.04以降 / 2026.04.06〜2026.05.03) の下スペースを 16px に */
.triauto-spread-markup > .triauto-spread-markup__date + .triauto-spread-markup-table-scroll {
	margin-top: calc(16px - 40px); /* flex gap 40px を相殺して 16px に */
}

.triauto-spread-markup-history .triauto-spread-markup__date--range + .triauto-spread-markup-table-scroll {
	margin-top: 16px;
}

/* SP 専用改行を PC では非表示 */
.triauto-spread__br-sp {
	display: none;
}

@media screen and (max-width: 939px) {
	.triauto-spread-fee {
		gap: 40px;
		max-width: 390px;
		padding: 0 0 40px;
	}

	.triauto-spread-fee__heading {
		gap: 16px;
		padding: 0 20px;
		width: min(350px, 100%);
	}

	.triauto-spread-fee__heading p {
		font-size: 18px;
		line-height: 1.7;
	}

	.triauto-spread-fee__heading h2 span {
		display: block;
	}

	.triauto-spread-fee__body,
	.triauto-spread-table-block {
		gap: 16px;
		width: 100%;
	}

	.triauto-spread-table {
		background: #fff;
		border: 1px solid var(--spread-border);
		border-radius: var(--ta-radius-s, 6px);
		font-size: 14px;
		line-height: 1.7;
		min-width: 0;
		/* overflow:hidden は sticky thead を阻害するため visible (base と同じ)。
		 角丸は四隅のコーナーセルへ個別付与して維持する。 */
		overflow: visible;
		width: 100%;
	}

	.triauto-spread-table th,
	.triauto-spread-table td {
		min-width: 0;
		overflow-wrap: anywhere;
		padding: 0 6px;
		word-break: keep-all;
	}

	.triauto-spread-table thead th {
		font-size: 12px;
		line-height: 1.2;
		white-space: normal;
	}

	.triauto-spread-table thead tr:first-child th {
		height: 65px;
	}

	.triauto-spread-table thead tr:nth-child(2) th {
		height: 56px;
	}

	.triauto-spread-table .triauto-spread-table__pair-head {
		width: 37.15%;
	}

	.triauto-spread-table tbody tr,
	.triauto-spread-table tbody th {
		height: 81px;
	}

	.triauto-spread-table tbody th {
		font-size: 11px;
		line-height: 1.2;
		padding: 10px;
		text-align: center;
		white-space: normal;
	}

	.triauto-spread-table tbody td {
		font-size: 14.5px; /* SPの数値セル(td)は14.5px。ヘッダー行(thead th)は12pxのまま (ユーザー指定 2026-07-06) */
		letter-spacing: 0;
		line-height: 1.7;
		overflow-wrap: normal;
		white-space: nowrap;
		word-break: normal;
	}

	.triauto-spread-unit {
		font-size: 12px; /* spanは12pxのまま (ユーザー指定 2026-07-06) */
	}

	.triauto-spread-flags {
		display: block;
		margin: 0 auto;
	}

	.triauto-spread-table tbody th > span:last-child {
		display: block;
		margin-top: 0;
	}

	.triauto-spread-reference__linkbox p,
	.triauto-spread-reference__linkbox a {
		white-space: normal;
	}

	/* 一続きの文の折返しに高さが追従するよう固定 height は持たない（min-height のみ） */
	.triauto-spread-reference__linkbox {
		align-items: center;
		box-sizing: border-box;
		justify-content: center;
		min-height: 88px;
		padding: 8px 10px;
		width: 100%;
	}

	.triauto-spread-reference__linkbox .triauto-spread-reference__lead {
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 1px;
		line-height: 1.4;
		white-space: normal;
		width: 100%;
	}

	/* ベースライン揃え(特別対応)はPC基底ルールで共通適用済み。SPは文字・アイコンのサイズのみ上書き */
	.triauto-spread-reference__pdf-link {
		font-size: 12px;
		white-space: nowrap;
	}

	.triauto-spread-reference__text-link {
		font-size: 12px;
		white-space: nowrap;
	}

	/* SPはリンク文字12pxに釣り合う16pxに縮小 (ユーザー指示 2026-07-08。旧26px) */
	.triauto-spread-reference__pdf-icon {
		font-size: 16px;
		height: 16px;
		line-height: 1;
		width: 16px;
	}

	/* SP 版「広告掲載日」: 旧仕様の固定幅 (width:153px / height:36px) を撤廃。
	 * 固定サイズだと「広告掲載日 2026.04.20」が背景ブロックからはみ出していたため、
	 * 内容に追従する auto サイズ + 折返し可に変更。 */
	.triauto-spread-reference__date {
		align-self: flex-end;
		box-sizing: border-box;
		gap: 8px;
		height: auto;
		justify-content: flex-start;
		min-height: 36px;
		padding: 8px 12px;
		white-space: normal;
		width: auto;
	}

	.triauto-spread-reference__date span {
		/* SPも日付(time)と同じ大きさ・太さに揃える(色はPC側の基底ルールを継承) */
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 1px;
		line-height: 1.4;
	}

	.triauto-spread-reference__date time {
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 1px;
		line-height: 1.4;
		text-align: right;
	}

	.triauto-spread-commission {
		padding: 40px 0;
		/* full-bleed (SP) */
		width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}

	.triauto-spread-commission__inner {
		gap: 40px;
		padding: 0 var(--content-gutter);
	}

	.triauto-spread-commission__heading {
		gap: 16px;
	}

	.triauto-spread-commission__heading p {
		font-size: 18px;
		line-height: 1.7;
	}

	.triauto-spread-commission__cards {
		gap: 20px;
		width: 100%;
	}

	.triauto-spread-commission-card {
		padding: 20px;
	}

	.triauto-spread-commission-card--inline {
		align-items: center;
		flex-direction: row;
		gap: 20px;
		min-height: 91px;
	}

	.triauto-spread-commission-card h3 {
		font-size: 20px;
		line-height: 1.7;
	}

	.triauto-spread-commission-card--inline h3,
	.triauto-spread-commission-card__price {
		white-space: nowrap;
	}

	.triauto-spread-commission-card__price {
		font-size: 20px;
	}

	.triauto-spread-commission-card__price span {
		font-size: 30px;
	}

	.triauto-spread-commission-card--detail {
		gap: 20px;
	}

	.triauto-spread-commission-detail h4 {
		font-size: 16px;
		line-height: 1.7;
	}

	/* 本文pのSP縮小(14px)は撤去済み: 本文色テキストはSPも16px(.ta-text-body)が
	   サイト基準。※注記も 16px（.triauto-spread-note、2026-07-10 ユーザー指定） */

	.triauto-spread-difference {
		padding: 40px 0 0;
	}

	.triauto-spread-difference__inner {
		gap: 40px;
	}

	.triauto-spread-difference__heading {
		gap: 16px;
		padding: 0 20px;
	}

	.triauto-spread-difference__heading p {
		font-size: 18px;
		line-height: 1.7;
	}

	.triauto-spread-difference__body {
		gap: 40px;
	}

	/* difference__lead / markup__intro p のSP縮小(14px)は撤去済み:
	   本文色テキストはSPも16px(.ta-text-body)がサイト基準 */

	.triauto-spread-note-card {
		gap: 17px;
		padding: 20px;
	}

	.triauto-spread-note-card h3 {
		font-size: 16px;
		line-height: 1.7;
	}

	.triauto-spread-markup {
		gap: 40px;
	}

	.triauto-spread-markup__intro {
		gap: 20px;
		padding-bottom: 0;
	}

	.triauto-spread-markup__date {
		align-items: flex-end;
		box-sizing: border-box;
		height: 50px;
		padding: 0 10px;
	}

	.triauto-spread-markup__date time {
		font-size: 20px;
		letter-spacing: 1px;
		line-height: 1.7;
		text-align: right;
		white-space: nowrap;
	}

	.triauto-spread-markup__date span {
		font-size: 20px; /* PC同様「以降」は日付と同サイズ（2026-07-09 ユーザー指示） */
		line-height: 1.7;
	}

	.triauto-spread-markup-table {
		border-radius: var(--ta-radius-s, 6px) var(--ta-radius-s, 6px) 0 0;
		min-width: 0;
		table-layout: fixed;
		width: 100%;
	}

	.triauto-spread-markup-table th,
	.triauto-spread-markup-table td {
		height: auto;
		min-height: 65px;
		padding: 6px 4px;
	}


	.triauto-spread-markup-table thead th {
		font-size: 9.5px;
		height: 76px;
		line-height: 1.6;
		padding: 0 2px;
	}

	.triauto-spread-markup-table thead th:first-child {
		width: 120px;
	}

	.triauto-spread-markup-table thead th:not(:first-child) {
		width: calc((100% - 120px) / 3);
	}

	.triauto-spread-markup-table tbody th {
		align-items: center;
		flex-direction: column;
		font-size: 11px;
		gap: 2px;
		height: auto;
		justify-content: center;
		line-height: 1.6;
		min-height: 65px;
		padding: 6px 4px;
		text-align: center;
		word-break: keep-all;
	}

	.triauto-spread-markup-table tbody td {
		font-size: 13px; /* SPの数値セル(td)は13px (ユーザー指定 2026-07-06) */
		font-weight: 500;
		letter-spacing: 0;
		line-height: 1.7;
		padding: 0 2px;
		white-space: nowrap;
	}

	/* 3桁の数値セルの縮小指定 (通常の数値セルと同じ13pxに追従) */
	.triauto-spread-table tbody td.is-3digit,
	.triauto-spread-markup-table tbody td.is-3digit {
		font-size: 13px;
	}

	.triauto-spread-markup-table tbody th img {
		max-height: 40px;
		max-width: 60px;
		transform: none;
	}

	.triauto-spread-markup-table__close {
		font-size: 16px;
		min-width: 0;
		padding: 8px;
		width: 100%;
	}

	.triauto-spread-markup__notes {
		gap: 0;
	}

	.triauto-spread-markup-history {
		display: flex;
		flex-direction: column;
		gap: 0;
		width: 100%;
	}

	/* PC 専用改行 (大口マークアップ説明文) を SP では非表示 */
	.triauto-spread-markup__br-pc {
		display: none;
	}

	/* SP 専用改行を SP で表示 */
	.triauto-spread__br-sp {
		display: inline;
	}
}

@media screen and (max-width: 360px) {
	.triauto-spread-table thead th,
	.triauto-spread-table tbody th {
		font-size: 14px;
	}

	.triauto-spread-table tbody td {
		font-size: 14.5px; /* SPの数値セル(td)は14.5px (ユーザー指定 2026-07-06) */
	}
}