@charset "UTF-8";

/* ===== system.html fee additions (reuses .fee-* from base.css) ===== */

/* two-price: regular (struck-through) vs discount (prominent) */
.fee-2col {
	max-width: 680px;
	margin: 6px auto 0;
}

.fee-2col-head {
	display: flex;
	align-items: flex-end;
	gap: 12px;
	padding: 0 4px 8px;
}

.fee-2col-head .c-label {
	flex: 1;
}

.fee-2col-head .c-reg {
	width: 96px;
	text-align: center;
	font-size: 12px;
	color: #777777;
}

.fee-2col-head .c-sale {
	width: 150px;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	color: #d11a6e;
}

.fee-row2 {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 4px;
	border-bottom: 1px dashed #e3b9cb;
}

.fee-row2 .min {
	flex: 1;
	font-family: "Noto Serif JP", serif;
	font-size: 22px;
	font-weight: 600;
	color: #3a3a3a;
}

.fee-row2 .reg {
	width: 96px;
	text-align: center;
	font-size: 18px;
	color: #777777;
	text-decoration: line-through;
	text-decoration-color: #e24b4a;
	text-decoration-thickness: 2px;
}

.fee-row2 .sale {
	width: 132px;
	text-align: center;
	font-family: "Noto Serif JP", serif;
	font-size: 31px;
	font-weight: 600;
	color: #1a1a1a;
}

/* readable body text for guide / terms */
.fee-text {
	max-width: 680px;
	margin: 6px auto;
	font-size: 14px;
	line-height: 1.9;
	color: #444444;
}

.fee-text strong {
	font-weight: 600;
	color: #3a3a3a;
}

.fee-tel {
	display: block;
	max-width: 680px;
	margin: 10px auto;
	text-align: center;
	font-family: "Noto Serif JP", serif;
	font-size: 26px;
	font-weight: 600;
	color: #fe6f9d;
}

@media (max-width: 768px) {
	.fee-row2 .min {
		font-size: 17px;
	}

	.fee-row2 .reg {
		width: 72px;
		font-size: 13px;
	}

	.fee-row2 .sale {
		width: 120px;
		font-size: 22px;
	}

	.fee-2col-head .c-reg {
		width: 72px;
		font-size: 11px;
	}

	.fee-2col-head .c-sale {
		width: 120px;
		font-size: 11px;
	}

	.fee-text {
		font-size: 13px;
	}

	.fee-tel {
		font-size: 22px;
	}
}