@charset "UTF-8";

/* コーティング膜の構造の色つき番号非表示 */
.lineupCountList li::before,
.lineupCountList li::after {
	display: none;
}


.kp-price-line-600 {
	margin: 0 auto;
	margin-bottom: 6px;
	/* ← 数値は好みで 8〜20px */
	/* ← 中央配置 */
	width: 940px;
	/* ← 全体を600pxに */
	border: 1px solid #666;
	/* ← 罫線を少し薄く */
	box-sizing: border-box;
	font-family: Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	padding: 6px 8px;
	/* ← 余白も詰める */
}

.kp-price-main {
	display: flex;
	align-items: center;
	gap: 6px;
	/* ← 間隔を縮小 */
}

/* タイトル（アイアン・プロテクトキーパー メンテナンス） */
.kp-price-text .kp-title {
	font-size: 20px;
	/* ← タイトルを1px大きく */
	font-weight: 700;
	/* ← 太字 */
	line-height: 1.2;
	/* ← ここを 1.1〜1.3 で微調整 */
}

.kp-price-text .kp-desc {
	font-size: 13.5px;
	/* ← 今より 0.5〜1px 大きく調整 */
	white-space: nowrap;
	/* ← 改行させない */
}

.kp-desc .kp-worktime {
	background: linear-gradient(to right, #e6e6e6 0%, #f2f2f2 70%, transparent 100%);
	padding: 0 4px;
	/* 文字の周りに少し余白 */
	border-radius: 2px;
	/* 角をほんのり丸く（任意） */
}

.kp-price-text strong {
	font-size: 13px;
}

.kp-price-area {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-left: 14px;
	/* ← 8〜20px で好みに微調整 */
}

.kp-size-price-box {
	border: 1px solid #666;
	display: grid;
	grid-template-columns: 40px 92px;
	/* ← 枠も小さく */
	font-size: 13px;
}

.kp-size-price-box div {
	padding: 3px 4px;
	border-bottom: 1px solid #666;
	box-sizing: border-box;
}

/* サイズ側 */
.kp-size-price-box div:nth-child(odd) {
	text-align: center;
	font-weight: bold;
	background: #f3f3f3;
	border-right: 1px solid #666;
}

/* 価格側 */
.kp-size-price-box div:nth-child(even) {
	text-align: right;
}

/* 最下段の横罫線消す */
.kp-size-price-box div:nth-last-child(-n+2) {
	border-bottom: none;
}

/* 下側の注釈 */
.kp-price-note-bottom {
	margin-top: 34px;
	/* 下配置用の余白をリセット */
	margin-left: 6px;
	/* 価格枠の右に少し余白 */
	text-align: left;
	/* 右寄せ→左寄せに */
	white-space: nowrap;
	/* 右側に置いた時に改行しない */
}

.mat10.fzm02 {
	clear: both;
}

/* =========================
全体
========================= */
.iron-price-section {
	display: flex;
	justify-content: center;
}

.iron-price-box {
	width: 100%;
	max-width: 900px;
	padding: 20px;
	box-sizing: border-box;
}

/* =========================
タイトル
========================= */
.iron-title {
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 16px;
}

/* =========================
PC横並び
========================= */
.iron-flex {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
}

/* 画像 */
.iron-image img {
	width: 100%;
	/* max-width: 400px; */
	display: block;
}

/* =========================
テーブル（デザイン維持）
========================= */
.iron-table table {
	border-collapse: collapse;
	border: 2px solid #666;
	min-width: 260px;
}

.iron-table th,
.iron-table td {
	border: 1px solid #666;
	padding: 10px 14px;
	text-align: center;
	font-size: 14px;
}

/* 左グレー */
.iron-table th {
	background: #bfbfbf;
	font-weight: bold;
	width: 80px;
}

/* 右白 */
.iron-table td {
	background: #fff;
	width: 140px;
}

/* =========================
SP（縦積み）
========================= */
@media screen and (max-width: 667px) {

	.iron-flex {
		display: block;
	}

	.iron-image {
		margin-bottom: 20px;
		text-align: center;
	}

	.iron-image img {
		max-width: 100%;
	}

	.iron-table {
		display: flex;
		justify-content: center;
	}
}