@charset "UTF-8";

/* --------------------------------------------------------------------------------------
	端末一覧
--------------------------------------------------------------------------------------- */

.terminal-wrap {
	margin-top: 90px;
	position: relative;
	z-index: 1;
}

.terminal-nav {
	font-size: 0;
	left: -20px;
	margin-bottom: -20px;
	position: relative;
	top: -20px;
	width: calc(100% + 20px);
}

.terminal-nav li {
	display: inline-block;
	margin-left: 20px;
	margin-top: 20px;
	min-width: 353px;
}

.terminal-list {
	border-bottom: 1px solid var(--border-color-thin);
	margin-top: 75px;
	padding-bottom: 62px;
}

.terminal-list .head-ttl {
	border-bottom: none;
	padding-bottom: 0;
}

.terminal-list article:nth-of-type(n+2) { margin-top: 62px; }

.terminal-list article > h3 {
	border-bottom: 1px solid var(--border-color);
	font-family: var(--font-UD-ShinGo-DeBold);
	font-size: 2.4rem;
	margin-top: 60px;
	padding-bottom: 20px;
}

.terminal-list article .end::after {
	background-color: var(--border-color-thin);
	border-radius: 100vw;
	content: '販売終了';
	display: inline-block;
	font-family: var(--font-UD-ShinGo-DeBold);
	font-size: 1rem;
	margin-left: 28px;
	min-width: 100px;
	padding: 4px;
	text-align: center;
	vertical-align: middle;
}

.terminal-list article .terminal-item { margin-top: 32px; }

.terminal-list article .terminal-item .product {
	float: left;
	max-width: 350px;
	width: 100%;
}

.terminal-list article .terminal-item .product .banner-image { margin-top: 20px; }

.terminal-list article .terminal-item .details {
	float: right;
	max-width: 708px;
	width: 100%;
}

.terminal-list article .terminal-item .details > ul li {
	margin-left: 1em;
	text-indent: -1em;
}

.terminal-list article .terminal-item .details .spec-wrap {
	display: table;
	width: 100%;
}

.terminal-list article .terminal-item .details .spec-wrap  dl {
	display: table-row;
	font-size: 1.419999rem;
	width: 100%;
}

.terminal-list article .terminal-item .details .spec-wrap dt,
.terminal-list article .terminal-item .details .spec-wrap dd,
.terminal-list article .terminal-item .details .spec-wrap dd li { padding: 20px 0; }

.terminal-list article .terminal-item .details .spec-wrap dt {
	border-bottom: 1px solid var(--border-color-thin);
	display: table-cell;
	font-family: var(--font-UD-ShinGo-DeBold);
	white-space: nowrap;
}

.terminal-list article .terminal-item .details .spec-wrap dd {
	border-bottom: 1px solid var(--border-color-thin);
	display: table-cell;
	padding-left: 24px;
}

.terminal-list article .terminal-item .details .spec-wrap dd li { border-bottom: 1px solid var(--border-color-thin); }
.terminal-list article .terminal-item .details .spec-wrap dd li:first-of-type { padding-top: 0; }

.terminal-list article .terminal-item .details .spec-wrap dd li:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}

.terminal-wrap .requirements-banner {
	margin-top: 62px;
	text-align: center;
}

.terminal-wrap .requirements-banner .banner {
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 768px) {

	.terminal-wrap {
		margin: 11.2vw 5.333vw 0;
		overflow-x: clip;
		width: auto;
	}

	.terminal-nav {
		display: block;
		left: -2.667vw;
		margin-bottom: -2.667vw;
		position: relative;
		top: -2.667vw;
		width: calc(100% + 2.667vw);
	}

	.terminal-nav li {
		display: inline-block;
		margin-left: 2.667vw;
		margin-top: 2.667vw;
		max-width: inherit;
		min-width: inherit;
		vertical-align: top;
		width: 42.6665vw;
	}

	.terminal-nav li:nth-of-type(n+2) { margin-top: 2.667vw; }

	.terminal-nav li a { padding-left: 2.933vw; }

	.terminal-list {
		border-bottom: none;
		margin-top: 9.333vw;
		padding-bottom: 0;
	}

	.terminal-list article:nth-of-type(n+2) { margin-top: 13.333vw; }

	.terminal-list article > h3 {
		font-size: 5.4vw;
		margin-top: 10.333vw;
		padding-bottom: 3.733vw;
	}

	.terminal-list article .end {
		padding-right: 27.333vw;
		position: relative;
	}

	.terminal-list article .end::after {
		font-size: 2.667vw;
		margin-left: 0;
		min-width: 24.667vw;
		padding: 1.333vw;
		position: absolute;
		right: 0;
		top: 1.333vw;
	}

	.terminal-list article .terminal-item {
		margin-top: 4.267vw;
		padding-bottom: 20.333vw;
		position: relative;
	}

	.terminal-list article .terminal-item .product { float: none; }

	.terminal-list article .terminal-item .product .banner-image {
		bottom: 0;
		left: calc((100% - 62.933vw) / 2);
		margin-top: auto;
		position: absolute;
		width: 100%;
	}

	.terminal-list article .terminal-item .details {
		float: none;
		margin-top: 7.267vw;
	}

	.terminal-list article .terminal-item .details .spec-wrap dl { font-size: 3.467vw; }

	.terminal-list article .terminal-item .details .spec-wrap dt,
	.terminal-list article .terminal-item .details .spec-wrap dd,
	.terminal-list article .terminal-item .details .spec-wrap dd li { padding: 3.733vw 0; }

	.terminal-list article .terminal-item .details .spec-wrap dt {
		white-space: normal;
		width: 21.333vw;
	}

	.terminal-list article .terminal-item .details .spec-wrap dd { padding-left: 7.733vw; }

	.terminal-wrap .requirements-banner { margin-top: 14.267vw; }
}