/* ---------- ヨーロッパ鉄道ご購入までの流れページ・手数料一覧 ---------- */
.fee-table {
	font-weight: bold;
	text-align: center;
	inline-size: 100%;
	overflow: hidden;
}
.fee-th {
	background-color: #F7F7F7;
	color: #156A9A;
	border-inline-end: 2px solid #fff;
}
.fee-th-primary {
	background-color: #156A9A;
	color: #fff;
}
.fee-td-online {
	background-color: #EAF6FC;
	color: #2E94CC;
}
.fee-td-manual {
	background-color: #FFFBF0;
	color: #D50C04;
}
.fee-th, .fee-td-online, .fee-td-manual {
	border-block-end: 1px solid #e0e0e0;
}
@media (width < 768px) {
	.fee-scroll {
		overflow-x: auto;
	}
	.fee-table {
		font-size: 14px;
		line-height: 21px;
		margin-block-start: 50px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		inline-size: max-content;
		table-layout: fixed;
	}
	.fee-main-col {
		inline-size: 15em;
	}
	.fee-th {
		padding-inline: 1em;
	}
	.fee-th-primary {
		block-size: 60px;
	}
	.fee-td-online, .fee-td-manual {
		min-block-size: 50px;
		padding-inline: 1em;
		padding-block: 12px;
		line-height: 1.8;
	}
	.fee-bottom-text {
		font-size: 14px;
		line-height: 21px;
		margin-block-start: 10px;
	}
}
@media (width >= 768px) {
	.fee-table {
		font-size: 20px;
		margin-block-start: 55px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.fee-main-col {
		inline-size: 40%;
	}
	.fee-th-primary {
		block-size: 72px;
	}
	.fee-td-online, .fee-td-manual {
		min-block-size: 59px;
		padding-block: 20px;
		line-height: 1.8;
		font-size: 19px;
	}
	.fee-bottom-text {
		font-size: 14px;
		line-height: 20px;
		text-align: end;
		margin-block-start: 10px;
	}
}