@import url('https://fonts.googleapis.com/css2?family=Secular+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');
.roboto_font{
	font-family: 'Roboto Condensed', sans-serif;
}
.sec_ttl {
    font-size: clamp(18px, 6.316vw, 28px);
    margin-bottom: 30px;
    padding: 15px 0;
}


.detail_sub_title {
    font-size: 25px;
    font-weight: bold;
    color: #005bab;
    border-left: 5px solid #ffdf25;
    padding-left: 15px;
    margin: 0 0 25px;
  }


.slide{
    padding: 30px 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;
}

/* 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: center;margin: 0 0 50px;}
.slide .full-slide {display: block;width: 650px;padding-right: 2%;box-sizing: border-box;}
.slide .nav-item-slide {display: block;width: 435px;}

.full-slide .slider-for {background: #fff;padding: 4px;border: 3px solid #3871b6;/* box-shadow: 6px 6px 0 #97dae6; */}
.nav-item-slide .slick-list .slick-track {transform: translate3d(0, 0, 0)!important;width: 100% !important;display: flex;flex-wrap: wrap;justify-content: space-between;} 
.nav-item-slide .slick-slide {width: 32% !important;margin: 0 0% 8px;line-height: 0;background: #fff;padding: 3px;transition: all 0.3s;cursor: pointer;}
.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: 0px;}
.nav-item-slide .slick-slide div, .nav-item-slide .slick-slide .item img{line-height: 0 !important;}

.slick-track:before, .slick-track:after {
    display: none !important;
}


.carContact{
	background-color: #ffffff;
	margin: 0px 0 0;
	padding: 5px 0 14px;
	text-align: center;
	line-height: 1.2 !important;
}
.freedial_tel{
	background-color:#FFF;
	width:90%;
	margin: 0px auto;
	text-align:
	center;
	padding: 0px 0;
	box-sizing: border-box;
}
.freedial_tel p:first-child{
	font-size: 40px;
	margin: 0 0 5px!important;
	padding: 0;
	color: rgb(213 42 132);
	text-align: center;
	line-height: 32px;
}
p:first-child a{
    color: rgb(213 42 132) !important;
    line-height: 32px;
}
.freedial_tel p:first-child i{
	margin: 0px 5px 0 0;
	transform: rotate(-41deg);
	top: -1px;
	position: relative;
}
.freedial_tel p:first-child span{
	font-size: 41px;
	line-height: 1.2;
}
.freedial_tel p:last-child, .carContact > p{
	font-weight:bold;
	margin: 0 !important;
	text-align: center;
	line-height: 1.2 !important;
}
.nav-item-slide .contact_bt{
	width:100%;
	margin: 20px auto 0;
}
.contact_bt{
    background-color: #22ac38;
    border-radius: 10px;
    width: 500px;
    margin: 31px auto;
    padding: 13px 15px;
    display: block;
    border-bottom: 5px solid #134e1c;
    text-align: center;
    /* font-weight: 700; */
}
.contact_bt_txt {
    background-color: #ffffff;
    /* width: 48%; */
    color: #22ac38;
    border-radius: 28px;
    text-align: center;
    font-size: 16px;
    padding: 3px 10px;
    margin: 0 0 0px;
    font-weight: bold;
}
.contact_bt .tel{color: #ffffff !important;font-size: 19px;line-height: 1.5;}
.contact_bt .tel i{font-size: 38px;margin: 0 5px 0 0;position: relative;top: 7px;}


/* data slide car detail */
.box-border-blue {display: block;width: 100%;border-top: 4px solid #3871b6;background: #fff;margin-bottom: 10px;position: relative;}
.box-border-blue .body-price { background: #f1f1f1; padding: 2px; text-align: center; }
.box-border-blue .price {font-size: 34px;color: #d52a84;font-weight: 900;padding: 5px 15px 0;text-align: right;font-family: 'Secular One', sans-serif;}
.box-border-blue .price small { font-size: 12px; font-weight: 500; color: #000; }


/* btn */
.bg-btn { background: url(../images/newcar-detail/bg-btn.jpg) #fff top center repeat-x; padding: 15px 0 45px; }
.btn-inquire  { display: block; background: #fff701; max-width: 320px; width: 100%; text-align: center; padding: 18px; margin:0 auto; border: 4px solid #000; font-size: 22px; font-weight: 600; box-shadow: 3px 3px 0px #70f4a5, inset 2px 2px 2px #fff; transition: all 0.3s; }
.btn-inquire:hover { background: #fff; box-shadow: none; 
    border-style: solid;
    border-width: 4px;
    -moz-border-image: url(../images/newcar-detail/border-btn.png) 4 repeat;
    -webkit-border-image: url(../images/newcar-detail/border-btn.png) 4 repeat;
    -o-border-image: url(../images/newcar-detail/border-btn.png) 4 repeat;
    border-image: url(../images/newcar-detail/border-btn.png) 4 fill repeat;}

/* tabs */
.border-tab {/* border-bottom: 5px solid #50d19c; */}
.content-tab .tabs { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; }
.content-tab .tabs li {color: #fff;font-size: 21px;font-weight: 700;display: inline-block;padding: 8px;width: 49%;text-align: center;cursor: pointer;background: url(https://www.daiq-car.jp/wp/wp-content/themes/daiq_theme/dist/img/common/pori_bg_gr@2x.png) 0% 0%/100% repeat-y;border-radius: 50px;}

.content-tab .tabs li.current {border-bottom: 0;background: url(https://www.daiq-car.jp/wp/wp-content/themes/daiq_theme/dist/img/common/pori_bg@2x.png) 0% 0%/100% repeat-y;}
.content-tab .tab-pane { display: none; margin: 0 auto;}
.content-tab .tab-pane.current {display: block;border: 5px solid #4562ab;}
.content-tab .tab-contents{padding: 25px 0;background: #fff;font-weight: normal;margin-bottom: 50px;}



/* spec car detail */

.car-spec ul {display: flex;flex-wrap: wrap;padding: 24px 0;/* border: 5px solid #4562ab; */}
.car-spec ul li {display: flex;width: 50%;/* font-size: 14px; */}
.car-spec .title {display: block;width: 30%;padding: 8px;font-weight: 700;text-align: right;}
.car-spec .data {display: block;width: 70%;padding:8px 12px;/* font-weight: 300; */}
.car-spec ul li:nth-of-type(4n), .car-spec ul li:nth-of-type(4n-1){background:#f5f5f5;}
.car-spec ul li:nth-of-type(4n-2), .car-spec ul li:nth-of-type(4n-3){background:#ffffff;}

/* color car detail */

.color ul {padding: 0px 0;}
.color li {display: inline-block;padding: 8px;margin: 0px 12px 12px 0;position: relative;background: #f5f5f5;}


#soubiArea{
	padding:15px;
	/* margin:0px 0 10px;
	padding:10px 15px; */
	display: flex;
	justify-content: space-between;
}
#soubiArea .fl {width: 75.0%;}
.soubi_Select {
	padding:0px 4px;
	width: 25%;
}
#midashiArea1 div:hover{color: #000 !important;background-color: #ffe736 !important;}

#spec_list2 {
	border-right:3px solid #fff;
  width: 100%;
}
#spec_list2 td {
	height:25px;
	border-right: 1px solid #cfcfcf;
	padding:5px 8px;
	/* line-height:14px; */
	/* line-height:1.24em; */
}
#soubi_disp {
	float:left;
}
.Selectbutton_koumoku:hover,.Selectbutton_koumoku.hover{text-decoration:none;}

#midashiArea1 div{

}

#btn_midashi1{
	color:#000 !important;
}

.contact_bottom{
    padding: 50px 0;
    position: relative;
    margin-top: 50px;
}
.contact_bottom::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;
}
.contact_btn_disp{
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact_btn_disp .carContact{
	width: 500px;
	border-radius: 10px;
	padding: 4px 0 11px;
	margin: 0;
}
.contact_btn_disp .contact_bt{
	margin: 0px 0 0 29px;
	padding: 17px 15px;
}


.contact-oder{
    margin: -1px 0 0;
    text-align:center;
}
.contact-oder p {
    font-size: 30px;
    line-height: 1.3;
    font-weight: 700;
    position: relative;
    margin: 0 0 30px;
    text-align: center;
    display: inline-block;
    padding: 0;
    color: #005aaa;
}


#watch_list_Area{
    position: absolute;
    top: 50px;
    left: 9px;
}

.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;}



/* .contact-oder p::before {
    left: 30px;
    transform: translate(-50%,-50%) rotate(-45deg);
    content: "";
    width: 30px;
    height:30px;
    display: block;
    border-left: 4px solid #005aaa;
    position: absolute;
    bottom: -10px;
    pointer-events: none;
}
.contact-oder p::after {
    right: 0;
    transform: translate(-50%,-50%) rotate(-45deg);
    content: "";
    width: 30px;
    height:30px;
    display: block;
    border-bottom: 4px solid #005aaa;
    position: absolute;
    bottom: -10px;
    pointer-events: none;
} */

/* .contact-oder p span{
    position:relative;
    font-size: 30px;
}
.contact-oder p span:after{
    content:'';
    position:absolute;
    left: -3px;
    bottom: 8px;
    width:100%;
    height: 14px;
    background-color:#fffc00;
    z-index:2;
}
.contact-oder p span b{
    z-index: 3;
    position: relative;
    font-size: 26px;
} */
@media screen and (max-width: 1150px){
	.slide{
		justify-content: space-between;
	}
	.full-slide{
		margin: 0;
		width: 60% !important;
		padding: 0 !important;
	}
	.slide .nav-item-slide{
		width: 38%;
	}
}
@media screen and (max-width: 1150px){
	.detail_sub_title {
		font-size: 22px;
		margin: 0 0 15px;
	}

    .car-spec .title {display: block;padding: 5px;width: 140px;}
    .car-spec .data {display: block;width: calc(100% - 140px);padding: 5px 10px 5px 0;text-align: right;}
    


}
@media(max-width:991px) {
    .full-slide{
		margin: 0 auto;
		width: 100% !important;
		max-width:640px;
	}
    .slide .nav-item-slide {display: flex;flex-wrap: wrap;width: 100%;padding: 0 0 0px;}

    .nav-item-slide .slick-slide { width: 14.66% !important; }
	.bg-white {
		order:1;
		margin-top: 10px;
	}
	/* .slide{
		justify-content: space-between;
	}
	.full-slide{
		margin: 0 auto;
		width: 100% !important;
		max-width:640px;
	}
	.slide .nav-item-slide{
		width: 100%;
	} */
	
    .box-border-blue {margin-top: 5px;order: 2;}
	.nav-item-slide .contact_bt{
		width:100%;
		margin: 0px auto 0;
		order: 3;
	}
	.carContact{order: 3; width:100%;}

    .bg-btn { margin-top: -55px; }

    .content-tab .tabs li.infomation, 
    .content-tab .tab-pane.infomation {/* display: none; */}
    .tabs{/* display:none !important; */}
    .border-tab{ border-bottom: none;}
    .content-tab .tab-contents{ padding: 0px; }
    .car-spec ul { padding: 10px 0;}
	.color li {
	    padding: 5px;
	    margin: 0px 5px 5px 0;
	}

	.contact_bottom {
	    padding: 30px 0;
	}
	.contact_btn_disp {
	    flex-wrap: wrap;
	}
	.contact_btn_disp .contact_bt {
	    margin: 0px 0 15px 0;
	    padding: 17px 15px;
	}	
	.contact_btn_disp .carContact {
	    width: 500px;
	    border-radius: 10px;
	    padding: 4px 0 11px;
	    margin: 0;
	}
	.contact-oder p {
	    margin: 0 0 15px;
	}

	

}

@media(max-width:767px) {
	.content-tab .tabs li {font-size:16px;font-weight: 500;}
	.car-spec,.color li { font-size:14px;}
	#soubiArea {font-size:14px;padding: 5px;flex-wrap: wrap;}
	#soubiArea .fl {
	    width: 100%;
		order:2;
	}
	.soubi_Select {
	    padding: 0px 0px;
	    width: 100%;
	}
	#midashiArea1 {
		display:flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#midashiArea1 div {
		width: 33%!important;
		margin: 0px 0px 5px !important;
		text-align: center;
		padding: 10px 0 !important;
	}
    .color li {margin: 0px 5px 5px 0;}

    .car-spec .title { width: 125px; }
    .car-spec .data { width: calc(100% - 125px); }

	.contact-oder p {
	    font-size: 20px;
	}
	#watch_list_Area {
	    top: 40px;
	}
	
}
@media (min-width: 751px) {
    a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    }
    }

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

    .car-spec ul li { width: 100%; }
    .car-spec ul li:nth-of-type(4n), .car-spec ul li:nth-of-type(4n-1){background:none;}
    .car-spec ul li:nth-of-type(4n-2), .car-spec ul li:nth-of-type(4n-3){background:none;}
    .car-spec ul li:nth-child(odd) { background: #fff; }
    .car-spec ul li:nth-child(even) { background: #f5f5f5; }
}

@media(max-width:480px) {
    .nav-item-slide .slick-slide { width: 31.33% !important; }

	.freedial_tel p:first-child {
	    font-size: 35px;
	}
	.freedial_tel p:first-child span {
	    font-size: 35px;
	    line-height: 1.2;
	}
}

@media(max-width:325px) {
	.freedial_tel p:last-child, .carContact > p {
	   font-size:14px;
	}

}