/**********************************************
	サイト構成
**********************************************/
h2 {
	margin-bottom:10px;
	padding-left:10px;
	font-size:1.6em;
	font-weight:bold;
	color:#0d3d7d;
	border-left:10px solid #0d3d7d;
}

/**********************************************
	ページ説明文
**********************************************/
#carDescript {
	margin-bottom:10px;
	padding:5px;
	background-color:#fff;
	border:1px solid #ccc;
}

.explanationMark li {
	margin-bottom:10px;
	font-size:0.9em;
	color:#d8271c;
}

.explanationList li {
	margin-left:2em;
	margin-bottom:0.25em;
	list-style-type:circle;
	font-size:0.9em;
}

#soldoutLink {
	margin-top:20px;
	text-align:center;
	font-size:1.2em;
	border:1px solid #333;
}

#soldoutLink a {
	display:block;
	color:#333;
}

#soldoutLink a:hover {
	text-decoration:none;
	background-color:#ccc;
}

.soluoutDescript {
	text-align:center;
	font-size:0.9em;
	color:#0063af;
}

/**********************************************
	車両一覧
**********************************************/
.dataCountBlock {
	margin:0.5rem 0;
}

#carListBlock {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:stretch;
	gap:1rem;
	margin-bottom:2rem;
	width:100%;
}

.carListBox {
	overflow:hidden;
	box-sizing:border-box;
	position:relative;
	width:calc(25% - 3rem / 4);
	border:1px solid #999;
	border-radius:0.5rem;
}

@media screen and (max-width:1280px) {
	.carListBox {
		width:calc(33.33% - 2rem / 3);
	}
}

@media screen and (max-width:840px) {
	.carListBox {
		width:calc(50% - 1rem / 2);
	}
}

@media screen and (max-width:480px) {
	.carListBox {
		width:100%;
	}
}

.carListBox a {
	display:block;
	height:100%;
	text-decoration:none;
	color:#000;
}

.carListBox a:hover {
	text-decoration:none;
	color:#000;
	transform:translate(0,-0.25rem);
	transition-duration:0.3s;
}

.carImage {
	position:relative;
	margin-bottom:0.5rem;
	width:100%;
}

.carImage:before {
	content:"";
	display:block;
	padding-top:75%;
}

.carImage img {
	position:absolute;
	margin:auto;
	width:100%;
	height:100%;
	top:0;
	right:0;
	bottom:0;
	left:0;
	object-fit:cover;
}

.carListBoxInner {
	padding:0.25rem;
}

.carTitle {
	margin-bottom:0.5rem;
	font-size:1.1rem;
	font-weight:bold;
}

.carSpec {
	margin-bottom:5rem;
}


.carSpec span {
	font-weight:bold;
}

.priceBlock {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-items:flex-end;
	position:absolute;
	bottom:0;
	right:0;
	padding:5px;
}

.priceText {
	font-size:1.4rem;
	font-weight:bold;
	color:#d8271c;
}

.priceCarHontai {
	font-size:1.6rem;
	font-weight:600;
	font-family:'Oswald';
	color:#222;
}

.priceCarZenbu {
	font-size:1.6rem;
	font-weight:600;
	font-family:'Oswald';
	color:#d8271c;
}

/**********************************************
	車両画像
**********************************************/
.carListTable .carImage {
}

@media screen and (max-width:480px) {
	.carListTable .carImage {
	}
}

/**********************************************
	入荷予定テーブル
**********************************************/
.arrivalBlock {
}

.arrivalTitle {
	font-size:1.1rem;
	font-weight:bold;
}

.arrivalTable {
	width:100%;
	margin-bottom:1rem;
	border:1px solid #ccc;
	background-color:#fff;
}

.arrivalTable th {
	padding:0.25rem 0.5rem;
	font-size:0.9rem;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	background-color:#eee;
}

.arrivalTable td {
	padding:0.25rem 0.5rem;
	border-bottom:1px solid #ccc;
}

@media screen and (max-width:640px) {
	.arrivalBlock {
		display:block;
		overflow-x:scroll;
		white-space:nowrap;
		-webkit-overflow-scrolling:touch;
	}
}