@import url('https://fonts.googleapis.com/css2?family=Secular+One&display=swap');


.top_slide{text-align: left;margin-bottom: 50px;background-repeat: repeat;padding: 20px 0;background-color: rgb(112 112 112 / 20%);}
.slide{
    padding: 80px 0;
    position: relative;
}
.slide::before {
    content: "";
    display: block;
    width: 100vw;
    height: 100%;
    background-color: #707070;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto calc(50% - 50vw);
    z-index: -1;
    opacity: .2;
}
.txt_center{
	text-align: center !important;
}
/* car name */
.car-name { display: block; text-align: center; padding: 22px 0; font-weight: 900; font-size: 28px; }
.car-name span { display: inline-block; margin: 0 8px; }
.car-name small { display: inline-block; margin: 0 8px; font-size: 16px; }

/* slide */
.slide {display: flex;flex-wrap: wrap;justify-content: space-between;}
.slide .full-slide {display: block;width: 40%;}
.slide .nav-item-slide {display: flex;flex-wrap: wrap;width: 58%;}

.full-slide .slider-for {background: #fff;padding: 4px;border: 3px solid #3871b6;}
.nav-item-slide .slick-list .slick-track { transform: translate3d(0, 0, 0)!important; width: 100% !important; } 
.nav-item-slide .slick-slide {width: 31.33% !important;margin: 0 1% 8px;line-height: 0 !important;background: #fff;padding: 3px;transition: all 0.3s;cursor: pointer;}
.nav-item-slide .slick-slide div, .nav-item-slide .slick-slide .item img{line-height: 0 !important;}
.nav-item-slide .slick-slide.slick-current.slick-active,
.nav-item-slide .slick-slide.slick-current {background: #3871b6;}
.nav-item-slide .item-img img { width: 100%; }
.nav-item-slide .item-img:focus { outline: none; }
.nav-item-slide .slider-nav { padding: 12px; width: 65%; }
/*  text result */
.result { display: block; float: left; font-size: 13px; }
.result strong { color: #ff61a4; font-weight: 900; margin-right: 8px; margin-right: 5px; font-size: 19px;}


/* data slide car detail */
.box-border-blue {display: block;width: 100%;border-top: 4px solid #3871b6;background: #fff;}
.box-border-blue .body-price { background: #f1f1f1; padding: 2px; text-align: center; }
.box-border-blue .price {
    font-size: 30px; color: #d52a84; font-weight: 900; padding: 4px; text-align: center;
    font-weight: normal;
    font-family: 'Secular One', sans-serif;
}
.box-border-blue .price span{ font-size: 20px;font-weight: 900;}
.datacar { padding: 12px; width: 35%; }
.datacar span {display: block;padding: 4px 12px 0 0;/* font-size: 14px; */font-weight: 400;}



/*========================================
 + ページング
========================================*/
.page_area{
	margin: 40px 0 5px 0;
	clear:
	both;
	height: auto !important;
	line-height:24px;
	padding:0px 0px 5px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}

.page{
	margin: 0 2px;
	float:
	none !important;
	font-size: 15px;
	border:1px solid #dcdcdc;
	width: 30px;
	display:
	block;
	text-align:
	center;
	display: inline-block;
	background-color: #FFF;
	text-decoration: none;
}
.page:hover,.page.hover{
	color:#5e5e5e !important;
	text-decoration:none;
	
}

.page_sel{
	margin-left:5px;
	float:
	none !important;
	color:#FFF !important;
	font-weight:
	bold;
	text-decoration:
	none;
	width: 30px;
	display: inline-block;
	background-color: #989898;
	border:1px solid #989898;
}
#page_TT{
	width: auto;
	float:
	none !important;
	font-weight:
	bold;
	font-size: 16px;
	line-height:25px;
	padding-left: 0;
}
#page_TT span{
	font-size: 30px;
	color: #d52e86;
	font-style: normal;
	line-height: 1;
	font-family: 'Secular One', sans-serif;
}
.page_number{
	float: none !important;
	text-align: center  !important;
	margin-right:10px;
	clear: both;
	width: auto;
}



/* table newcar list */
.newcar-list {background: #0956a2;padding: 6px;margin-bottom: 80px;width: 100%;}
.newcar-list ul { display: table; width: 100%; background: #fff; }
.newcar-list ul li { display: table-row; }
.newcar-list ul li .data {display: table-cell;padding: 12px 8px;font-size: 15px;/* font-weight: 500; */text-align: center;vertical-align: middle;transition: all 0.3s;line-height: 1.2;}
.newcar-list td {padding: 5px 5px;font-size: 15px;line-height: 1.2;text-align: left;vertical-align: middle;transition: all 0.3s;}
.newcar-list td.small {font-size: 11px;}
.newcar-list ul li.title-table .data,.newcar-list th{background: #d4e9f1 !important;text-align: center;font-weight: 500;border-right: 2px solid #fff;}
.newcar-list ul li.title-table .data:last-child { border-right: 0; }
.newcar-list ul li:nth-child(odd) .data,.newcar-list tbody:nth-child(odd) { background: #fff; }
.newcar-list ul li:nth-child(even) .data,.newcar-list tbody:nth-child(even) { background: #f5f5f5;}
.newcar-list ul li:hover .data,.newcar-list table tbody:hover { background: #fffee0; }
.newcar-list .data a {text-decoration: underline;display: block;text-align: left;}
.newcar-list .data a:hover,.newcar-list td a:hover {color: #d72e86;opacity: 1;}
.price_y {
    color: #0956a2;
    font-size: 12px;
    text-align: center;
    border: 1px solid #0956a2;
    border-radius: 50px;
    display: block;
    width: 100px;
    background: #ffffff;
    margin: auto;
    line-height: 1.3;
}
.newcar-list .data.price-car ,.newcar-list td .price-car{text-align: center;font-size: 21px;font-weight: 900;color: #d52e86;font-family: 'Secular One', sans-serif;}
.newcar-list .data.price-car .price_y{font-size:12px; font-weight:normal; background-color:#ffe802; border-radius:3px; display:inline-block; padding:2px 5px; 
color:#000;}
.newcar-list a.sortby { border: 0; background: none; display: inline-block; text-decoration: underline; }
.newcar-list a.sortby:hover,
.newcar-list a.sortby.active {color: #d52e86;}

.newcar-list ul li .data:last-child{ width:160px;}

.hikakuBt,.hikakuBt2{
    display: block;
    max-width: 100%;
    width: 139px;
    padding: 4px 0;
    background-color: #ffe736;
    border-radius: 50px;
    position: relative;
    color: #0855a2;
    font-weight: 500;
    text-align: center !important;
    text-decoration: none !important;
    letter-spacing: -1px;
    font-size: 14px;
	margin:auto;
}

.hikakuBt2{background-color: #0956a2;color: #FFF;}

.hikakuBt:hover{
	opacity:0.7 !important;
	color: #0855a2 !important;
}
.hikakuBt2:hover{
	opacity:0.7 !important;
	color: #FFF !important;
}
.sp_only{ display: none;}

@media(max-width:991px) {
    .slide .full-slide { width: 100%; padding:0; max-width:640px; margin:auto }
    .slide .nav-item-slide { display: flex; flex-wrap: wrap-reverse; width: 100%; padding: 12px 0; }
	.nav-item-slide .slider-nav {
	    padding: 12px 0;
	    width: 100%;
	    order: 2;
	}
	.box-border-blue{order: 2;}
	
	.datacar {padding: 12px 0 0;}

    .datacar span { display: inline-block; }
    .nav-item-slide .slick-slide {width: 15.5% !important;margin: 0 0.5% 8px;}
	.slide {
	    padding: 30px 0;
	}

	.newcar-list .data a {
		line-height:1.5;
	}
	
	.newcar-list ul li .data {display: table-cell;padding: 10px 5px;font-size: 14px;}
	.newcar-list .data.price-car, .newcar-list td .price-car {font-size: 18px;}
	.hikakuBt,.hikakuBt2{
	    max-width: 120px;
	    padding: 4px 0;
	    letter-spacing: -1px;
	    font-size: 13px;
		margin:auto;
	}

	
}


@media(max-width:580px) {
    .newcar-list .table-scroll { overflow-y: auto; }
    .newcar-list ul ,.newcar-list table { width: 700px; }
	
    .newcar-list {
        padding: 3px;
    }
	.sp_only{ display: block;}
	.scroll_text{
		text-align: center;
		font-weight: bold;
		background: #0956a2;
		color: #FFF;
		font-size: 14px;
		padding: 3px 0 0;
	}

}

@media(max-width:520px) {
    .car-name { font-size: 22px; }
    .box-border-blue .price { font-size: 26px; }

}

@media(max-width:520px) {
    .box-border-blue .price { font-size: 22px; }
    .box-border-blue .price span{ font-size: 16px;}

    .nav-item-slide .slider-nav { width: 100%; padding: 0; }
    

    .datacar { width: 100%; }

}