.reco_area{
	width: 100%;
	position: relative;
	margin-bottom:4rem;
}
.reco_area img{width:100%}
.reco_area h3{margin-bottom:.5em;text-align: center;}
.ap_reco{width:100%;margin-right:20px;display:flex;overflow-x:auto;}
.ap_reco .car_card{padding-bottom:15px;}
.ap_reco::-webkit-scrollbar-track{
	display:block;
	background: #f3f3f3;
}
.ap_reco::-webkit-scrollbar-thumb{
	background: #AAA;
	border: 1px solid #CCC;
}
.ap_reco:hover::-webkit-scrollbar-thumb{
	background: #999;
	border:none;
}
.car_card,.loadcard{width:calc((100vw + 20px) / 3);margin: 3px 5px;display:block;flex-shrink:0;
    padding-top: 10px;
}
.car_card a:hover{opacity:.5}
.car_card a{position: relative;
	width:100%;
}
.car_card .NEW{
	position: absolute;
	padding: 0 5px;
	width: 50px;
	color:#fff;
	font-weight: bold;
	background:#D20;
	text-align: center;
	font-size: 1.2rem;
}
.car_card .UPDATE{
	position: absolute;
	display: table;
	padding: 0 5px;
	width: 50px;
	font-size: 1.2rem;
	font-style: normal;
	color:#fff;
	font-weight: bold;
	background:#ff5e00;
	text-align: center;
}
.car_card .ttl{
	font-weight: bold;
	text-align: center;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.car_card .price{
	font-weight: bold;
	color: #D20;
	font-size: 1.8rem;;
	text-align: center;
	width:100%;
	margin-top:.5rem;
	margin-bottom: .25em;
}
.car_card .price::after{
	content: "\4E07";
	display: inline;
	font-size: 1.4rem;
	font-weight: normal;
	color: #777;
	margin-left: .2rem;
}
.car_card .price2{
	font-weight: bold;
	color: #D20;
	font-size: 1.8rem;;
	text-align: center;
	width:100%;
	margin-top:.5rem;
	margin-bottom: .25em;
}
.car_card .price2::after{
	content: "万円";
	display: inline;
	font-size: 1.4rem;
	font-weight: normal;
	color: #777;
	margin-left: .2rem;
}
.car_card .price2::before{
	content: "\652f\6255\7dcf\984d";
	display: inline;
	font-size: 1.2rem;
	font-weight: normal;
	color: #777;
	margin-right: .2rem;
}
@media screen and (max-width:768px){
	.car_card .price2{
		font-size:1.4rem;
	}
	.car_card .price2::before,.car_card .price2::after{
		font-size: 1.1rem;
	}
}
.priconbox{margin:.5rem 0;text-align: center;width:100%;}
.priconbox img{width:calc((100% - 6px) / 3);margin:1px;max-width:50px;}
.car_card:nth-of-type(odd) .car_detail{background: #f6f6f6;}
.car_detail{
	border-top:3px solid #999;
	border-bottom:3px solid #999;
	padding:0 10px;
}
.car_detail.stock{
	min-height: 12em;
}
.car_detail.personal{
	min-height: 3.5em;
}
.detailttl li,.car_detail li{
	text-align: center;
}
.detailttl {
	margin: auto 0 17px 0;
	z-index: 1;
	height: 100%;
}
    
.detailttl li {
	font-weight: bold;
	background: #E0E0E0;
	width: 70%;
	padding: .8rem .6rem;
	margin: 0 .5em!important;
}
.detailttl li+li{
	border-top:1px solid #fff;
}
.car_detail li{
	margin-bottom: .5rem;
}
.car_detail.stock dd:nth-of-type(3){
	min-height: calc(1.4rem*6);
}
.car_detail.personal dd:nth-of-type(3){
	min-height: calc(1.4rem*3);
}
.detailttl li, .car_detail li {
	text-align: left;
	display: inline-block;
	vertical-align: top;
	margin: .55em 0;
	font-size: 1.2rem;
}
.car_detail.personal li{
	margin: 15px 0;
}
.car_detail li{width:70%;}
.first_loading{display: none}
/*ビューの確認のため一旦消しています(菊池)
 *.first_loading{min-height: 412px;position: absolute;z-index:1;background: black;opacity: .5;width:600px;}*/
.loadcard{background: white;height:412px;margin:0 1px;}
.loadcard p:first-of-type{background: #999;width: 80%;height:1.6rem;margin: auto;}
.loadcard div:first-of-type{background: #999;width: 100%;height: 75px;}
.loadcard p:nth-of-type(2){background: #999;width: 80%;margin:.8rem auto;height: 1.8rem;}
.loadcard .dumypr{background: #999;width: 100%;height: 35px;margin: .5rem 0;}

@media screen and (min-width:768px){
	.ap_reco::-webkit-scrollbar{
		height:10px;
	}
	.car_card,.loadcard{
		width:calc(100%/5.2);
	}
	.car_card .ttl{margin-bottom:.25rem;}
	.car_card .price{margin-top:.25rem;}
	.car_detail li{margin:.5em 0;}
	.car_detail li:nth-of-type(3){min-height: calc(1.2rem*3);}
	.car_detail{min-height:11em;padding:3px 10px;}
	.detailttl{margin:auto 0 20px 0;z-index:1;}
	.priconbox img{margin: 1px;}
	.car_detail.personal{min-height:3em;}
	.car_card .NEW,.car_card .UPDATE{padding:.1em .5em;}
}