@charset "utf-8";

.PageHeader {
	background-image: url(../img/dock/kv.webp);
}

.no-webp .PageHeader {
	background-image: url(../img/dock/kv.jpg);
}

/* -------------------------------- */

.ConversionPhone-inner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.ConversionPhone__read {
	margin-top: 0;
	margin-right: 10px;
}

.ConversionPhone__nav {
	justify-content: flex-end;
}

@media all and (min-width: 768px) {
	.ConversionPhone {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.ConversionPhone__nav {
		margin-top: 0;
	}
}

@media all and (min-width: 1280px) {
	.ConversionPhone {
		font-size: 1.3rem;
	}

	.ConversionPhone__read {
		margin-right: 20px;
	}
}

/* -------------------------------- */

/* modal */
html.-show-modal body {
	overflow: hidden;
}

.modal .criteria-chart-tbl-outer {
	overflow-x: auto !important;
}

.modal .criteria-chart-tbl .thead th,
.modal .criteria-chart-tbl .thead td {
	position: relative;
}

.modal .price th,
.modal .price td {
	position: static;
}

@media all and (min-width: 768px) {
	.modal .criteria-chart-tbl-outer {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/* -------------------------------- */

.has-moreinfo {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.moreinfo {
	margin: 0;
}

/* -------------------------------- */

.detail-table {
	grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
}

/* -------------------------------- */

.footnote {
	text-align: left;
}

/* -------------------------------- */

.price-chart-tbl tbody {
	border-top: none;
}

/* -------------------------------- */

@media all and (min-width: 1280px) {

	.btn__list {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;

		& .btn__li {
			margin: 0;
		}
	}
}