@charset "utf-8";
/* CSS Document */

#wpadminbar{display: none !important;}

/**********************************************************************
/css/niaty-pc.css
**********************************************************************/

.title_line {
    border-bottom: 1px solid #999;
    height: 21px;
    font-size: 140%;
    margin: 25px 0 20px;
}
.title_line span{
	border-bottom: 3px solid #7a94bd;
	line-height: 13px;
	padding: 0 10px 0 2px;
}

/* 検索パーツ */
#car-search{}

#car-search .panel-body{display: none;transition:all .1s linear 0s;border: solid 1px #ddd;position: relative;}
#car-search .open .panel-body{display: block;border-radius: 0 0 10px 10px;}

#car-search .panel-heading{display: flex;align-items:center;justify-content:space-between;border: solid 1px #ddd;padding: 20px;box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);cursor:pointer;border-radius:10px;}
#car-search .panel-heading:hover{background: #f9f9f9;}
#car-search .open .panel-heading{border-bottom: 0;border-radius:10px 10px 0 0;}
#car-search .panel-heading h2 {font-size: 24px;border-bottom: 0;margin: 0;}
#car-search .panel-heading h2 i{color: var(--l-blue);}
#car-search .panel-heading .icon{text-align: right;vertical-align: middle;}
#car-search .panel-heading .icon i{transition:all .1s linear 0s;}
#car-search .open .panel-heading .icon i{transform:rotate(180deg);}

#car-search .panel-body .panel-close{display: inline-block;cursor:pointer;color: #999;font-size: 12px;position: absolute;left: 15px;bottom: 10px;}
#car-search .panel-body .panel-close i{margin-right: 5px;}
#car-search .panel-body .panel-close:hover{color: #000;}

.table-search{ width: 100%; margin-bottom: 15px; table-layout: fixed;}
.table-search th,
.table-search td{ vertical-align: middle;height: 35px; }
.table-search th{ text-align: right; padding-right:6px; font-size: 110%; }
.table-search td input{ border: 1px solid #bbb; width: 100%;height: 41px;}
.table-search td select { width: 90%;border: 1px solid #bbb; max-width: 90%;overflow: hidden;}
.table-search td.column_4 select{width: 30%;}

.table-search th.column_1,
.table-search th.column_3,
.table-search th.column_5{width: 12%;}
.table-search td.column_2,
.table-search td.column_6{width: 18%;}
.table-search td.column_4{width: 28%;}

.table-search .row-submit td{text-align: center;overflow: hidden;}
.table-search #searchsubmit{width: 20em;}
.table-search .s_clear{display: inline-block;float: right;background: var(--black);color: #fff;padding: 5px 10px;border-radius:30px;}
.table-search .s_clear:hover{text-decoration: none;background: #666;}

@media screen and (max-width:800px){
.table-search,
.table-search thead,
.table-search tbody,
.table-search tfoot,
.table-search tr,
.table-search th,
.table-search td{display: block;width: 100%;height: auto;}

.table-search th.column_1,
.table-search th.column_3,
.table-search th.column_5,
.table-search td.column_2,
.table-search td.column_6,
.table-search td.column_4{width: 100%;}
.table-search th,
.table-search td{padding: 0;text-align: left;}
.table-search th{margin-bottom: 5px;}
.table-search td{margin-bottom: 10px;}
.table-search .row-submit td{margin-bottom: 0;margin-top: 10px;}
}
@media screen and (max-width:640px){
#car-search .panel-heading h2 {font-size: 18px;}

.table-search .s_clear{margin-top: 10px;font-size: 10px;}
}

/* カラーボックス
**********************/

.cl_wrap{ margin: 0 auto 20px;  }
#color_list {display: flex;flex-wrap:wrap;margin: 0;}
#color_list li {margin-right: 10px;}
#color_list li label{display: block;width: 25px;height: 25px;border: solid 1px #ddd;cursor: pointer;transition:all .1s linear 0s;}
#color_list li label:hover{box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);transform:scale(1.03);}
#color_list li label.label-checked{border: solid 2px var(--l-blue);text-align: center;}
#color_list li label.label-checked:after{position: relative;content:"\f00c";
display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;
text-rendering: auto;-webkit-font-smoothing: antialiased;color: var(--l-blue);}
#color_list input[type="checkbox"] { display: none; }
.btn_ZZ{background: linear-gradient(-90deg, #ff2b2b, #ffa825, #f5f52f, #00ba00, #004bff, #9024de, #ff29ed);}
.btn_BK { background: #2b2b2b; }
.btn_WH { background: #fff; }
.btn_SI { background: linear-gradient(135deg,rgba(204,204,204,.4) 0,rgba(0,0,0,.4) 100%); }
.btn_PL { background: linear-gradient(135deg,#f3f4ef 0,#d8d9b6 100%); }
.btn_BL { background: #2e83ff; }
.btn_RD { background: red; }
.btn_GL { background: #ccc; }
.btn_PU { background: #961891; }
.btn_BR { background: #9c7732; }
.btn_GR { background: #3c3; }
.btn_YL { background: #fbe926; }
.btn_GD { background: linear-gradient(135deg,#fdee9c 0,#c1901d 100%); }
.btn_PK { background: #f96bb9; }
.btn_OR { background: #fd7600; }


/* 人気車種
**********************/

#related_cars {padding: 15px 0 25px;}

#related_cars h2 {margin: 0 0 15px;font-size: 24px;}
#related_cars h2 i{color: var(--l-blue);}

#slide-related .slide{text-align: center;}
#slide-related .slide a img{transition:all .1s linear 0s;}
#slide-related .slide a:hover img{transform:scale(1.03);opacity: 1 !important;}
#slide-related .slide a,
#slide-related .slide a *{border: 0 !important;outline:0 !important;}
#slide-related .carname { margin: 0 auto 10px; color: #000; font-weight: bold;font-size: 12px;}
#slide-related .slick-prev:before,
#slide-related .slick-next:before{color: #999;}
#slide-related .slick-dots{bottom: -35px;}
@media screen and (max-width:640px){
#related_cars h2 {font-size: 18px;}
#slide-related .carname{font-size: 10px;}
}


/* 検索中
**********************/

.search-tags{display: table;width: 100%;background: #f9f9f9;padding: 10px;}
.search-tags .label,
.search-tags ul{display: table-cell;vertical-align: middle;}
.search-tags .label{width: 25%;font-size: 14px;font-weight: bold;}
.search-tags ul{width: 75%;}
.search-tags li{display: inline-block;margin-right: 3px;}
.search-tags li a{display: block;color: #fff;background: var(--blue);padding: 0 7px 2px;font-size: 11px;}
.search-tags li .num1{display: inline-block;margin-right: 3px;}
.search-tags li a:hover{background: #333;text-decoration: none;}

@media screen and (max-width:640px){
.search-tags .label{font-size: 12px;}
.search-tags li{margin-bottom: 5px;}
.search-tags li a{font-size: 10px;}
}

/* ページャー
**********************/

.result-header{display: flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin: 20px 0;background: #eee;padding: 10px;}

.result-header select{padding: 5px 10px;}
.result-header label{margin: 0;margin-right: 5px;}

.result-header #pagenation ul{margin-bottom: 0;}
.result-header #pagenation li{display: inline-block;margin-right: 3px;}
.result-header #pagenation li:last-child{margin-right: 0;}
.result-header #pagenation a{display: block;padding: 1px 7px 3px;border: solid 1px #ddd;color: #000;font-size: 16px;font-weight: bold;background: #fff;}
.result-header #pagenation a:hover,
.result-header #pagenation a:active,
.result-header #pagenation a:focus{background: var(--blue);color: #fff;}
.result-header #pagenation li.active a{background: var(--blue);color: #fff;}
.result-header #pagenation i{margin-right: 0;}
.result-header #pagenation .page-arrow a{padding-left: 8px;}
.result-total{font-size: 12px;}
.result-total .num{font-weight: bold;}
.result-total .total-all .num{color: var(--blue);font-size: 24px;}
.result-total .total-current{color: #666;}

@media screen and (max-width:640px){
.result-total{width: 25%;text-align: center;}
.result-total .total-all,
.result-total .total-current{display: block;}
.result-total .total-all .num{font-size: 18px;}
.result-total .total-current{font-size: 10px;}
.result-sort{width: 48%;}
.result-count{width: 25%;margin-left: 2%;}
.result-header #pagenation{width: 100%;margin-top: 10px;}
.result-header label{font-size: 10px;font-weight: normal;color: #666;}
}

/* archive-cars
*************************/

.carlist .no-post{width: 100%;font-size: 14px;text-align: center;padding: 20px;margin: 20px 0;background: #eee;color: #999;}
.carlist .no-post p{margin: 0;}

.carlist .car-single{width: 100%;position: relative;font-size: 16px;display: flex;flex-wrap:wrap;border-bottom: solid 1px #ddd;padding: 20px 0;}
.archive .carlist .car-single:last-child{border: 0;}
.carlist .thumb{width: 35%;margin-right: 3%;overflow: hidden;}
.carlist .car-data{width: 62%;display: block;font-size: 14px;}
.carlist .car-data dd{color: #000;}
.carlist .thumb img{transition:all .1s linear 0s;}
.carlist .thumb a:hover img{transform:scale(1.03);opacity: 1 !important;}
.carlist .post-title{font-size: 20px;margin: 0 0 10px;text-decoration: none;}
.carlist .post-title .label-new{background: var(--l-blue);color: #fff;border-radius:0;padding: 2px 10px;font-size: 12px;}
.carlist .post-title a{display: inline-block;color: #000;}
.carlist .post-title a:hover{text-decoration: underline;}
.carlist .price{display: flex;}
.carlist .price > dl{width: 50%;text-align: center;display: block;margin-bottom: 10px;}
.carlist .price dt,
.carlist .price dd{text-align: center;width: 100%;}
.carlist .price .num{font-size: 30px;font-weight: bold;}
.carlist .price .price-total .num{color: red;}
.carlist .car-summary{display: flex;flex-wrap:wrap;margin-bottom: 10px;}
.carlist .car-summary dl{margin-bottom: 0;}
.carlist .car-summary dt{}
.carlist .car-tag {display: flex;flex-wrap:wrap;}
.carlist .car-tag li{display: inline-block;padding: 2px 10px;background: #eee;color: #000;font-size: 11px;margin-right: 5px;margin-bottom: 5px;}
.carlist .car-tag li.shop{background: var(--black);color: #fff;}

.carlist .car-util{display: flex;flex-wrap:wrap;align-items:center;width: 100%;}
.carlist .car-util .util{width: 49%;text-align: center;}
.carlist .car-util .util:last-child{margin-left: 2%;}
.carlist .car-util .btn{color: #fff;border-radius:0;text-align: center;display: block;padding: 10px;}
.carlist .car-util .btn-tel{background: rgb(16,179,255);
background: linear-gradient(180deg, rgba(16,179,255,1) 0%, rgba(0,119,255,1) 100%);}
.carlist .car-util .btn-estimate{background: rgb(255,16,78);
background: linear-gradient(180deg, rgba(255,16,78,1) 0%, rgba(255,0,0,1) 100%);}

.carlist .car-util .btn-tel:hover,
.carlist .car-util .btn-tel:active,
.carlist .car-util .btn-tel:focus{background: rgb(16,179,255);
background: linear-gradient(0deg, rgba(16,179,255,1) 0%, rgba(0,119,255,1) 100%);}
.carlist .car-util .btn-estimate:hover,
.carlist .car-util .btn-estimate:active,
.carlist .car-util .btn-estimate:focus{background: rgb(254,85,159);
background: linear-gradient(180deg, rgba(254,85,159,1) 0%, rgba(255,0,0,1) 100%);}

@media screen and (max-width:640px){
.carlist .thumb,
.carlist .car-data{width: 100%;margin: 0;font-size: 12px;}
.carlist .thumb{margin-bottom: 10px;}
.carlist .post-title{font-size: 18px;}
.carlist .post-title .label-new,
.carlist .car-tag li{font-size: 10px;}
.carlist .car-util .btn{font-size: 12px;}
}

/* taxonomy-maker(car-single)
*************************/

.carsingle .car-col2{display: flex;flex-wrap:wrap;}
.carsingle .car-main{width: 62%;margin-right: 3%;order:1;}
.carsingle .car-side{width: 35%;position: relative;order:2;}
.carsingle .car-side .sticky{position: sticky;top: 20px;}

.carsingle .thumb,
.carsingle .car-data{width: 100%;}

.carsingle .post-title{font-size: 28px;line-height: 1.3;}
.carsingle .post-title .label-new{font-size: 14px;vertical-align: middle;}

#slide-car-main{margin-bottom: 20px;}
#slide-car-main .slide{position: relative;}
#slide-car-main .slide img{cursor:pointer;border: solid 1px #ddd;}
#slide-car-main .slide .caption{font-weight: normal;font-size: 12px;margin-top: 10px;}
#slide-car-main .slick-prev{left: 10px;z-index: 10;}
#slide-car-main .slick-next{right: 10px;z-index: 10;}
#slide-car-main .slick-prev:after,
#slide-car-main .slick-next:after{font-size: 30px;}
#slide-car-thumb .slide{cursor:pointer;filter:brightness(.5);transition:all .1s linear 0s;margin: 0 2px;}
#slide-car-thumb .slide:hover{filter:brightness(.75);}
#slide-car-thumb .slide.slick-current{filter:brightness(1);transform:scale(1.03);}

.carsingle .price{font-size: 14px;border: solid 2px #333;margin-bottom: 20px;}
.carsingle .price{display: block;width: 100%;text-align: center;}
.carsingle .price dl{display: block;width: 100%;margin-bottom: 0;padding: 10px;}
.carsingle .price dt,
.carsingle .price dd{display: inline-block;width: auto;}
.carsingle .price .price-body{color: #333;border-bottom: dashed 1px #ddd;}
.carsingle .price .price-total{color: #f00;}
.carsingle .price .price-total .num{font-size: 36px;}

.carsingle .car-summary dl{width: 49%;margin-right: 2%;display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 5px;}
.carsingle .car-summary dl:nth-child(2n){margin-right: 0;}
.carsingle .car-summary dt,
.carsingle .car-summary dd{padding: 5px;text-align: center;}
.carsingle .car-summary dt{width: 40%;background: #f9f9f9;}
.carsingle .car-summary dd{width: 60%;font-size: 14px;}

.carsingle .car-shop{background: #f9f9f9;padding: 20px;}
.carsingle .car-shop h3{color: #000;font-size: 18px;padding-bottom: 10px;margin: 0 0 10px;border-bottom: solid 1px #ddd;}
.carsingle .car-shop-body{display: flex;flex-wrap:wrap;margin-bottom: 20px;}
.carsingle .car-shop-body .img{width: 40%;margin-right: 2%;}
.carsingle .car-shop-body .data{width: 58%;}

.carsingle .util-full{width: 100%;}
.carsingle .util-full .btn-border{color: #000;}
.carsingle .util-full .btn-border:hover{color: #fff;}

.table-car-shop{margin: 0;}
.table-car-shop th,
.table-car-shop td{padding: 5px;}
.table-car-shop th{color: #999;font-weight: normal;font-size: 12px;}
.table-car-shop td a{color: var(--blue);font-size: 16px;font-weight: bold;}
.table-car-shop td a:hover{color: #000;text-decoration: underline;}
.table-car-shop .company{display: block;color: #333;}

.car-box{margin-top: 30px;}
.car-box h3{border-bottom: solid 1px #ddd;padding-bottom: 10px;margin: 0 0 10px;}
.car-side .car-box{margin-top: 0;}
.car-box .car-status{font-size: 14px;color: #666;}
.car-side .car-status{display: none;margin-top: 0;text-align: center;color: #fff;}

.carsingle .list-spec{display: flex;flex-wrap:wrap;}
.carsingle .list-spec li{width: 32%;margin-right: 2%;text-align: center;border: solid 1px #ddd;margin-bottom: 10px;}
.carsingle .list-spec li:nth-child(3n){margin-right: 0;}
.carsingle .list-spec li p{padding: 10px;display: block;margin-bottom: 0;}
.carsingle .list-spec li .label{background: #f9f9f9;font-size: 12px;color: #666;}
.carsingle .list-spec li .data{font-size: 14px;font-weight: bold;}

.carsingle .list-option{display: flex;flex-wrap:wrap;}
.carsingle .list-option li{width: 25%;padding: 5px;font-weight: bold;display: flex;justify-content:center;align-items:center;}
.carsingle .list-option li.w2{width: 50%;}
.carsingle .list-option li.on{}
.carsingle .list-option li span{display: flex;justify-content:center;align-items:center;width: 100%;background: #eee;color: #ccc;text-align: center;padding: 5px;height: 100%;font-size: 12px;}
.carsingle .list-option li.on span{box-shadow:1px 1px 3px  rgba(0,0,0,.3);background: var(--l-blue);color: #fff;}

.car-tel{background: #eee;padding: 20px;color: #000;text-align: center;margin-top: 20px;font-weight: bold;}
.car-tel .shop-info{font-size: 18px;margin-bottom: 10px;}
.car-tel .shop-info span{font-size: 11px;display: inline-block;}
.car-tel .shop-info .name{display: block;font-size: 22px;}
.car-tel .shop-info .holiday{color: #666;}
.car-tel .tel i{font-size: 24px;}
.car-tel .tel{font-size: 28px;font-weight: bold;color: var(--l-blue);}
.car-tel .come{display: block;font-size: 11px;color: #666;font-weight: normal;}

.carsingle .car-main #summary{display: none;}

@media screen and (max-width:800px){
.carsingle .car-main{width: 100%;margin-right: 0;}
.carsingle .car-side{width: 100%;}
.carsingle .car-side .sticky{position: fixed;top: auto;bottom: 0;left: 0;right: 0;padding: 10px 20px;
width: 100%;background: rgba(0,0,0,.7);}

.carsingle .post-title{font-size: 20px;}
.carsingle .post-title .label-new{font-size: 11px;}

#slide-car-main{margin-bottom: 10px;}

.car-box .car-status{font-size: 12px;}
.car-box h3{font-size: 18px;}
.car-side .car-status{display: block;}
.carsingle .car-main #summary{display: block;}
.carsingle .car-side .car-summary{display: none;}
.car-tel{display: none;}

.carsingle .list-spec li .label{font-size: 10px;}
.carsingle .list-spec li .data{font-size: 12px;}

.carsingle .list-option li{width: 50%;padding: 3px;}
.carsingle .list-option li.w2{width: 100%;}

.carsingle .price{color: #fff;font-size: 12px;border: solid 2px #fff;margin-bottom: 10px;display: flex;flex-wrap:wrap;}
.carsingle .price dl{width: 50%;}
.carsingle .price dt,
.carsingle .price dd{display: block;width: 100%;}
.carsingle .price .price-body{color: #fff;border-bottom: 0;border-right: dashed 1px #fff;}
.carsingle .price .price-total{color: #ff0;}
.carsingle .price .price-total .num{color: #ff0;}

/*.table-car-shop,
.table-car-shop thead,
.table-car-shop tbody,
.table-car-shop tfoot,
.table-car-shop tr,
.table-car-shop th,
.table-car-shop td{display: block;}*/
.carsingle .car-shop-body .img{width: 100%;margin-right: 0;margin-bottom: 10px;}
.carsingle .car-shop-body .data{width: 100%;}
.carsingle .car-summary dt{font-size: 11px;}

}

/* page-estimate(car-single)
*************************/

.estimate .car-side .car-box{border: solid 2px #333;padding: 20px;}
.estimate .car-side .thumb{position: relative;margin-bottom: 10px;}
.estimate .car-side h2{font-size: 14px;padding: 10px;margin: 0;color: #fff;text-align: center;background: var(--black);}
.estimate .car-side .post-cat{font-size: 12px;background: rgba(0,0,0,.7);color: #fff;display: inline-block;padding: 2px 10px;position: absolute;left: 0;top: 0;}
.estimate .car-side .post-title{font-size: 18px;width: 100%;margin: 0 0 10px;line-height: 1.3;border-bottom: 0;padding-bottom: 0;}
.estimate .car-side .price{margin-bottom: 10px;border: 0;}
.estimate .car-side .price .num{font-weight: bold;}
.estimate .car-side .car-summary{display: flex;flex-wrap:wrap;}
.estimate .car-side .car-summary dt{background: #333;color: #fff;font-size: 12px;}

.estimate input[type=text],
.estimate input[type=number],
.estimate input[type=email]{width: 100%;}

.estimate .cars_from_box{font-size: 14px;background: ;}
.estimate .cars_from_box dl{display: table;width: 100%;border-bottom: solid 1px #ddd;margin-bottom: 0;}
.estimate .cars_from_box dt,
.estimate .cars_from_box dd{display: table-cell;padding: 10px;vertical-align: middle;}
.estimate .cars_from_box dt{width: 30%;text-align: right;}
.estimate .cars_from_box dd{width: 70%;}
.estimate .cars_from_box .need{display: inline-block;background: #f00;padding: 2px 7px;color: #fff;font-size: 10px;margin-right: 5px;}
.estimate .cars_from_attention{display: block;color: #999;margin-top: 3px;}
.estimate .cars_from_zip .add_btn{display: none;}
.estimate .cars_from_name input{width: 40%;display: inline-block;margin-right: 10px;}
.estimate .cars_from_btn{margin: 30px 0;text-align: center;}

.estimate .mwform-checkbox-field.horizontal-item > label{display: inline-block;padding: 10px 15px;border-radius:5px;border: solid 1px #ddd;vertical-align: middle;}
.estimate .mw_wp_form .horizontal-item + .horizontal-item{margin-left: 3px;}
@media screen and (max-width:800px){

.estimate .car-side{order:1;}
.estimate .car-main{order:2;}

.estimate .car-side .estimate-single{display: flex;flex-wrap:wrap;}
.estimate .car-side .thumb{width: 38%;margin-right: 2%;}
.estimate .car-side .car-data{width: 60%;}
.estimate .car-side .car-box{padding: 10px;}

.estimate .car-side .post-title{margin-top: 0;font-size: 14px;}
.estimate .car-side .car-summary dt,
.estimate .car-side .car-summary dd{font-size: 11px;}

.estimate .price{display: block;padding: 0;}
.estimate .price dl{width: 100%;padding: 3px;}
.estimate .price dt,
.estimate .price dd{display: block;}
.estimate .price .price-body{color: #333;border-bottom: 0;}
.estimate .price .price-body .num{font-size: 20px;}
.estimate .price .price-total{color: #f00;padding: 5px;}
.estimate .price .price-total .num{color: #f00;font-size: 24px;}

.estimate .cars_from_box dl{display: block;width: 100%;padding: 10px;}
.estimate .cars_from_box dt,
.estimate .cars_from_box dd{display: block;width: 100%;padding: 0;font-size: 12px;}
.estimate .cars_from_box dt{text-align: left;margin-bottom: 5px;}
}

/*error*/
.mw_wp_form .error{
	position: absolute;
	font-weight: bold;
	border: 1px solid #ffb4b4;
	padding: 0 10px 0;
	background: #ffe4e4;
	border-radius: 3px;
}
.cars_from_box dd.cars_from_zip .error{ margin-top: 30px;}
.cars_from_box dd.cars_from_name .error:nth-of-type(2){ margin-left: 144px; }

/* 確認画面 */
.mw_wp_form_preview .add_btn,.mw_wp_form_preview .cars_from_attention{ display: none; }
.btn_reset{ text-align: center; margin-top: 35px; }
.btn_reset input{
    border: none;
    padding: 5px 5%;
    margin: 0 auto 15px;
    border-radius: 5px;
    background: #999;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
}
.btn_reset input:hover{ opacity: .7; }