.search_title{
    font-size: 28px;
    font-weight: bold;
    border-bottom: 4px solid #fe8800;
    margin: 0 0 10px;
    padding: 0 5px 10px;
}
div#panel_box {
    background: #fff5eb;
    padding: 15px;
    margin: 0 0 50px;
}
#panel_box_in{
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: baseline;
}
#panel_box_in > div{
    width: 250px;
    margin: 0 0 10px;
}
#panel_box_in > div:nth-child(2){
    width: calc(100% - 250px);
}
#panel_box_in .filter{
    width: 100%;
    display: flex;
    align-items: center;
}
#search_detail{
    display:flex;
    width: 100% !important;
    flex-wrap: wrap;
}
#search_detail > div{
    width: 250px;
    margin: 0 0 10px;
}
#panel_box_in .filter p{
    margin:0 15px 0 0;
}
#panel_box_in div p{
    font-weight:bold;
}
.Bt_area{
    width:100% !important;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    border-top: 2px solid #606060;
    padding: 15px 0 0 0;
    position: relative;
}
.search_dtl_btn{
    background-color: #606060;
    position: absolute;
    top: -1px;
    left: 10px;
    color: #FFF;
    width: 181px;
    height: 30px;
    line-height: 30px;
    border-radius: 0 0 5px 5px;
    text-align: center;
    text-decoration: none !important;
}
.search_dtl_btn:hover{
    background-color: #6d6d6d;

}
#clear{
    border:3px solid #d0d0d0;
    background:#FFF;
    height:54px;
    margin:0 15px 0 0;
    line-height: 51px;
    padding:0 15px;
    color: #909090;
    font-weight: bold;
}
#clear:hover{
    text-decoration:none;
    background:#ececec;
    
}
#searchBt{
    /* background-color: #0071ad; */
    color: #FFF;
    display: block;
    /* padding: 5px 14px; */
    /* border-radius: 2px; */
    text-align: center;
    width: 280px;
}
div#panel_box select {margin:3px 0;border: 1px solid #000000;border-radius: 3px;font-size: 14px;line-height: 1.8;box-sizing: border-box;padding: 4px;}

#maker_list,#kyoten_code,#chk_body_type_kbn,#kudou,#teiin,#door{ width:80%;}
#model_list{width: 215px;}
#price_from,#price_to,
#nenshiki_from,#nenshiki_to,
#kyori_from,#kyori_to,
#cc_from,#cc_to{width: 102px;}

h2#page_TT {}
h2#page_TT span{
    /* color: #e7151b; */
    font-size: 27px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
}
.page_area.clearfix {
    position: relative;
    display: flex;
    align-items: center;
    margin: 10px 0 0;
}
.page_area .page_number {
    text-align:center;
    margin: 0 0 0 auto;
}

a.page {
    width: 25px;
    height: 30px;
    display: inline-block;
    color: #000;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
}

a.page.page_sel {
    color: #fe8800;
    font-weight:bold;
}
.page_arrow{
    width: 30px !important;
    height: 30px;
    border:1px solid #000;
    background:#FFF;
    color:#000;
}

p {}

.page_area p {
    right: 0;
    font-size: 14px;
    bottom: 0;
    text-align:right;
    top: -7px;
    position: relative;
}
.sort_bt{
    text-align: right;
}
.sort_bt a{ color: #000;}
/*  text result */

.result {display: block;float: left;font-size: 13px;font-weight: bold;}
.result strong {margin-right: 8px;margin-right: 5px;font-size: 22px;}


#car_sch_head{
    background:#f8f2ef;
    border-bottom:2px solid #fe8800;
    padding:10px;
    display:flex;
    align-items: center;
    margin:10px 0 0;
    justify-content: center;
}
#car_sch_head > div{border: dashed #fe8800;border-width: 0px 1px 0px 0;text-align: center;padding: 5px 10px;width: 100px;line-height: 1.35;}
#car_sch_head > div a{
    color:#fe8800;
}
.clr_org{ color:#fe8800; font-weight:bold; text-decoration:underline; }
#car_sch_head > a{
    background:#ffffff; 
    border-radius:5px;
    border-bottom:2px solid #f2ded5;
    padding: 10px 20px;
    margin: 0 0 0 15px;
}

/* item car */
.item-car{
    margin: 10px 0 22px 0;
}
.item-car ul {display: flex;flex-wrap: wrap;width: 100%;}
.item-car ul li {display: block;width: 100%;position: relative;/* padding: 10px; */display: flex;flex-wrap: wrap;align-items: baseline;border-bottom: 1px dashed #000000;margin: 10px 0px 10px;cursor: pointer;}

.tag{position:absolute;top: 0px;left: 0;z-index: 9;}
.item-car .images-item {position: relative;width: 440px;display: flex;flex-wrap: wrap;align-items: flex-start;}
.item-car .images-item a{ width:145px;}
.item-car .images-item .tag {width: 50px; position: absolute; top: 8px; left: -12px;  }
.item-car .images-item .tag-red { background: url(../images/usedcar-list/ribbon-red.png) no-repeat top left; width: 50px; height: 23px; background-size: contain; color: #fff; font-weight: 300; font-size: 12px; text-align: center; display: inline-block; padding: 2px 8px 2px 4px; margin: 0 0 5px;}
.item-car .images-item .tag-pink { background: url(../images/usedcar-list/ribbon-pink.png) no-repeat top left; width: 59px; height: 23px; background-size: contain; color: #fff; font-weight: 300; font-size: 12px; text-align: center; display: inline-block; padding: 2px 8px 2px 4px; }

.price_box{margin: 0 0 0 20px;display:flex;flex-wrap:wrap;justify-content:space-between;width: calc(100% - 165px);}
.colorname{
    width:100% !important;
    margin: 0 0 17px;
    display:flex;
    align-items:center;
}
.colorname span{
    width: 20px;
    height: 20px;
    display:inline-block;
    border:1px solid #000;
    border-radius:3px;
    margin:0 10px 0 0;
}
.price_box dl{
    width: 48%;
}

.price_total dd{
    color:#203185;
    margin: 10px 0 0 9px;
}
.price_sougaku dd{
    color:#ff0000;
    margin: 10px 0 0 9px;
}
.price_box dd p{
    font-size:32px;
    font-weight:bold;
    display: flex;
    align-items: flex-end;
    line-height: 25px;
}
.price_box dd p small{
    font-size: 23px;
    line-height: 24px;
}
.en_tani{
    font-size: 10px;
    text-align: center;
    line-height: 10px;
    position: relative;
    top: -1px;
}
.price_total dt{
    color:#FFF;
    background: url(../images/price_dt.gif) repeat top left;
    padding:5px 0 5px 8px;
    font-size:12px;

}
.price_sougaku dt{
    color:#FFF;
    background: url(../images/price_sougaku_dt.gif) repeat top left;
    padding:5px 0 5px 8px;
    font-size:12px;

}


.item-car .name-item {/* text-align: center; *//* padding: 4px 10px; */display: block;font-size: 12px;/* font-weight: 900; *//* background: #d6d6d6; */margin-bottom: 10px;width: 100%;}
.item-car .name-item strong {font-size: 18px;display: block;font-weight: bold;}

.item-car .detail-car {display: flex;flex-wrap: wrap;width: 100%;}
.item-car .detail-car > div {display: block;width: 25%;padding: 0 0 0.3rem;border: dashed #fe8800;border-width: 0px 1px 0px 0;text-align: center;font-size: 12px;/* color: #878686; */line-height: 1.2;}
.item-car .detail-car > div:last-child {border:none !important;}
.item-car .detail-car > div span{ font-size:10px;}
.item-car .detail-car > div > p {padding: 4px 0 3px;margin: 0 0 0.3rem;}
.item-car .detail-car strong {display: block;color: #000;font-size: 14px;font-weight: bold;margin: 0px 0 0;}
.item-car .detail-car strong small { display: inline-block; font-size: 12px;font-weight:normal;}
.item-car .detail-car > span {display: block;color: #000;font-size: 12px;}


.detail-car-btm {
    display: flex;
    justify-content: space-between;
    margin: 10px 0 0 0;
}
.item-car .data-item-box{/* display: flex; */padding: 0px 0px 0px 6px;width: calc( 100% - 440px );}
.item-car .data-item {/* background: url(../images/bg-patten-blue.jpg); */padding: 8px;text-align: left;font-size: 12px;width: 50%;/* justify-content: space-around; */background-size: auto auto;background-color: rgba(255, 255, 255, 1);background-image: repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(240, 247, 252, 1) 2px, rgba(240, 247, 252, 1) 4px );}
.item-car .data-item span {display: block;/* text-align: center; */}

.item-car .data-item-box a{
    display:block;
    text-align:right;
    margin: 43px 0 0;
}
.item-car .price-item {display: flex;text-align: right;font-size: 17px;font-weight: 900;color: #ff0024;padding: 9px 11px 0;letter-spacing: 0px;margin: auto;align-items: center;flex-wrap: wrap;/* width: 178px; */border: none !important;}
.item-car .price-item small {font-size: 15px;font-weight: 500;color: #e7151b;/* background: #e5e5e5; */padding: 3px;display: block;text-align: left;width: 100%;font-weight: bold;}
.item-car .price-item p{color:#e7151b;font-size: 35px;text-align: right;width: 100%;font-family: 'Roboto Condensed', sans-serif;}
.item-car .price-item p .en_tani{color: #000000;font-size:18px;margin-left:3px;}


.store_info{color: #4d2b17;display:flex;flex-wrap:wrap;align-items: baseline;justify-content: flex-end;font-size: 14px;line-height: 1.2;font-weight: bold;margin: 13px 0 0;width: 100%;background: url(../images/store.png);padding: 10px;}
.store_info p{margin: 0 13px 0 0;}
.store_info i{ font-size:12px; margin:0 5px 0 0;}

/*---------------sort---------------*/
.sort-search{/* font-size: 12px; *//* color:#919191; *//* padding: 18px 0 10px; */position: relative;text-align: center;/* border-bottom: 1px dashed #666; */margin-bottom: 14px;/* float: left; */background: #f1f1f1;}
.sort-search span{display: inline-block;/* border-right: 1px solid #e2e2e2; */padding: 0 10px;/* height: 17px; *//* line-height: 33px; */visibility: z;vertical-align: middle;display: inline-block;}
.sort-search span:first-child{border-right: 1px solid #e2e2e2;}
.sort-search span strong{}
.sort-search button{background: #000000;color: #FFF;font-weight: bold;border-radius: 5px;border: none;width: 24px;height: 24px;line-height: 25px;position: relative;/* top: -1px; *//* color: #000000; */padding: 0 3px;margin: 0 3px;cursor: pointer;font-size: 9px;line-height: 12pt;/* background: #FFF; */}
.sort-search button:hover{background: #000 !important;color: #FFF !important;}
.sort-active{/* border: 2px solid #FBF162 !important; */background: #000 !important;color: #FFF !important;}

.sort-Bt{ display: none;}

/* filter search */
.search {width: 100%;bottom: 0;left: 0;right: 0;/*z-index: 201;*/background: #f1f1f1;}
.search_top{
    /* background-image: url('../images/search_top_bck.gif'); */
    padding: 15px 0 0;
}
.search .input-filter { max-height: 400px; overflow-y: auto; padding: 0 !important;}
.filter-search {/* padding: 18px 10px; *//* display: flex; *//* flex-wrap: wrap; */}
.search .filter { width: 30%; border-right: 1px solid #c0ced2; padding: 5px; }
.filter-btn {/* width: 10%; */padding: 8px;line-height: 0;text-align: center;display: flex;justify-content: center;}
.btn-search {background: #000000;background-image: url('../images/bg_black.gif');color: #fff;width: 90%;max-width: 420px;margin: 0 15px;border: none;border-radius: 6px;border-bottom: 3px solid #000000;box-shadow: 4px 4px 0 #ff0;height: 63px;font-size: 20px;/* font-weight: bold; */line-height: 55px;font-family: 'M PLUS Rounded 1c', sans-serif;font-weight: 600;}
.btn-search i{font-size: 25px;margin: 0 11px 0 0;top: 2px;position: relative;}
.btn-clear {/* padding: 8px 12px; */line-height: 0;background: #c0c0c0;border: none;margin-top: 8px;border-bottom: 1px solid #949494;border-radius: 5px;font-size: 13px;/* color: #ffffff; */height: 38px;width: 200px;float: right;}

.filter-top ul{display: flex;}
.filter-top ul li{display:flex;width: 40%;}
.filter-top ul li:nth-child(2){margin-left:20px;}
.filter-bottom{display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.filter-bottom ul{width: 55%;}
.filter-bottom ul li{display:flex;width: 100%;}

.search .title {display: block;padding: 6px;width: 18%;text-align: left;font-weight: 600;/* color: #1e2c67; */}
.filter-top .title{width: 25%;}
.search .data {display: block;padding: 5px 3px;width: 76%;text-align: left;}

.reservation .data span { display: inline-block; padding: 4px 0; }
.filter-search select{min-width: 105px;-webkit-appearance:none;-moz-appearance:none;}
.filter-search select::-ms-expand{ display: none; }
.filter-search input[type="text"]:focus,
.filter-search select:focus {
    outline:none;
    border-color:#c6e3f7;

  }

.style-select{ position: relative;}

.search .data ul{ display: flex; width: 100%;}
.search .data ul li:nth-child(1),
.search .data ul li:nth-child(3),
.w-kudou{
    width: calc(50% - 16px);
    /* height: 40px; */
}
.search .data ul li:nth-child(2){
    width: 32px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
}

.style-select:before {
    content: "";
    background: #000000;
    height: 40px;
    width: 40px;
    position: absolute;
    right: 0px;
    border-radius: 0 5px 5px 0;
    pointer-events: none;
    z-index: 2;
}
.style-select::after {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    border-bottom: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    position: absolute;
    top: 45%;
    right: 14px;
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
    z-index: 3;
}
.input-default {padding: 6px;border: 1px solid #272727;background-color: #fff;display: inline-block;font-size: 15px;border-radius: 3px;/* color: #1e2c67; */height: 40px;}

.filter-bottom-right{width: 45%;}
/* filter color */
.filter ul { display: block; }
.filter ul li { display: flex; flex-wrap: wrap; width: 100%; align-items: center; }
.filter .title {display: block;padding: 6px;width: 24%;text-align: left;font-weight: 500;}
.filter .data {display: block;padding: 5px 3px;width: 76%;text-align: left;}
.reservation .data span { display: inline-block; padding: 4px 0; }
.filter select{min-width: 105px;-webkit-appearance:none;-moz-appearance:none;}
.filter select::-ms-expand{ display: none;}
.filter select.style-select{  background: url(../images/usedcar-list/select-arrow.png) no-repeat right center #fff; padding-right: 18px; }
.input-default { padding: 6px; border: 1px solid #000; background-color: #fff; display: inline-block; font-size: 12px; }


/* filter color */
.filter .fillter-color{width: 30px;height: 40px;border: 1px solid #000;display: inline-block;margin: 1px;border-radius: 5px;}
.filter .fillter-color.color1,.color_000001{ background: #fff;}
.filter .fillter-color.color2,.color_000002{ background: #000;}
.filter .fillter-color.color3,.color_000003{ background: #ff1800;}
.filter .fillter-color.color4,.color_000004{ background: #0036ff;}
.filter .fillter-color.color5,.color_000005{ background: #fcff00;}
.filter .fillter-color.color6,.color_000006{ background: #15e000;}
.filter .fillter-color.color7,.color_000007{ background: #ac7500;}
.filter .fillter-color.color8,.color_000008{ background: rgb(255,243,205);
background: linear-gradient(180deg, rgba(255,243,205,1) 0%, rgba(234,195,76,1) 100%);}
.filter .fillter-color.color9,.color_000009{ background: rgb(235,240,244);
background: linear-gradient(180deg, rgba(235,240,244,1) 0%, rgba(181,201,216,1) 100%);}
.filter .fillter-color.color10,.color_000010{ background: #dcdcdc;}
.filter .fillter-color.color11,.color_000011{ background: #ff9c00;}
.filter .fillter-color.color12,.color_000012{ background: #ba00ff;}
.filter .fillter-color.color13,.color_000013{ background: #ffa4dc;}
.filter .fillter-color.color14,.color_000014{ background: #ffebb0;}
.filter .fillter-color.color15,.color_000015{ background: rgb(252,245,224);
background: linear-gradient(180deg, rgba(252,245,224,1) 0%, rgba(237,221,170,1) 100%); }
.filter .fillter-color.color16,.color_000016{ background: #6e6e6e;}
.filter .fillter-color.color17,.color_000017{ background: #002aa3;}
.filter .fillter-color.color18,.color_000018{background: url(../images/color.jpg) no-repeat left center;background-size: 100%;}
.filter input[type=checkbox]{ display:none }
.filter input[type=checkbox]:checked + .fillter-color{ border: 2px solid #00bbff;}



/* modal link */
.select-link { box-shadow: 0px 0px 0px 6px rgba(204, 204, 204, 0.75); border: 0; }
.modal-link {display: block;text-align: center;padding: 11px 12px;}
.border-top { height: 4px; width: 100%; margin-bottom: 18px; }
.btn-link-car { margin: 8px 1%; width: 45%; display: inline-block; color: #fff!important; font-size: 18px; font-weight: 500; padding: 20px 6px; text-align: center; }
.modal-body .title-default {
    display: block;
    padding: 10px 0
}

.only-pc.bt_box{ display:block;}
.only-sp.bt_box{ display:none;}
.only-sp{display: none !important;}

@media screen and (max-width: 1100px) {


    #panel_box_in > div{
        width: 33%;
        margin: 0 0 10px;
    }
    #search_detail > div{
        width: 33%;
        margin: 0 0 10px;
    }    

    #maker_list,#kyoten_code,#chk_body_type_kbn,#kudou,#teiin,#door{ width:90%;}
    #model_list{width: 200px;}
    #price_from,#price_to,
    #nenshiki_from,#nenshiki_to,
    #kyori_from,#kyori_to,
    #cc_from,#cc_to{width: 90px;}

    .filter .fillter-color{width: 25px;height: 30px;}

}

@media screen and (max-width: 767px) {
.search_title{
    font-size: 20px;
    padding: 10px 5px 10px;
}    

.item-car .images-item {width: 100%;}
.item-car .name-item {margin-bottom: 5px;}
.item-car .name-item strong {font-size: 16px;}
.item-car .images-item a{width: 35%;}
.item-car .images-item .tag {width: 50px; position: absolute; top: 8px; left: -12px;  }
.item-car .images-item .tag-red { background: url(../images/usedcar-list/ribbon-red.png) no-repeat top left; width: 50px; height: 23px; background-size: contain; color: #fff; font-weight: 300; font-size: 12px; text-align: center; display: inline-block; padding: 2px 8px 2px 4px; margin: 0 0 5px;}
.item-car .images-item .tag-pink { background: url(../images/usedcar-list/ribbon-pink.png) no-repeat top left; width: 59px; height: 23px; background-size: contain; color: #fff; font-weight: 300; font-size: 12px; text-align: center; display: inline-block; padding: 2px 8px 2px 4px; }
.colorname span{
    width: 18px;
    height: 18px;
    margin: 0 6px 0 0;
}
.price_box{margin: 0 0 0 5px;width: calc(65% - 5px);}
.price_box dl{width: 49%;}
.price_box dd {margin: 5px 0 0 0px;text-align: center;}
.price_box dd p {font-size: 25px;line-height: 25px;justify-content: center;}
.price_box dd p small{font-size: 18px;line-height: 22px;}
.price_total dt {padding: 5px 0 5px 5px;font-size: 11px;}
.colorname {margin: 0 0 10px;display: flex;align-items: center;}

.item-car .data-item-box {padding: 5px 0px 0px;width:100%;}
.item-car .detail-car > div > p {
    padding: 4px 0 0px;
    margin: 0 0 0.3rem;
}
.item-car .detail-car strong {font-size: 12px;}
.item-car .detail-car > div {
    padding: 0 0 0.3rem;
    font-size: 11px;
    line-height: 1.1;
}
.item-car .detail-car strong small {font-size: 10px;}
.store_info{margin: 7px 0 0;padding: 7px;font-size: 12px;}
/* .item-car .detail-car > div > p {display:inline-block;}
.item-car .detail-car strong {display:inline-block;}
.item-car .detail-car strong small { display:inline-block;}
.item-car .detail-car strong br{display:none;}
.item-car .detail-car > div {display: inline-block;width: auto;font-size: 11px; border:none;}
.detail-car > div:after{ content: '/';} 
 .detail-car > div:last-child:after{ content: '';} */


#car_sch_head{
    padding:5px;
}
#car_sch_head > div{padding: 5px 5px;width: 90px; font-size:12px;}
#car_sch_head > a{
    padding: 10px 0px;
    margin: 0 0 0 5px;
    font-size:11px;
    width:120px;
    text-align:center;
}



}
@media screen and (max-width: 718px) {
    div#panel_box {
        padding:10px 7px;
    }
    #panel_box_in > div{
        width: 100%;
        margin: 0 0 5px;
    }
    #panel_box_in > div:nth-child(2) {
        width: 100%;
    }
    #search_detail > div{
        width: 100%;
        margin: 0 0 5px;
    }
    #panel_box_in .filter{
        flex-wrap:wrap;
    }
    .color-list{
        margin:3px 0
    }
    .filter .fillter-color{width: 28px;height: 28px;}
    #maker_list,#kyoten_code,#chk_body_type_kbn,#kudou,#teiin,#door{width: 97%;}
    #model_list{width: 97%;}
    #price_from,#price_to,
    #nenshiki_from,#nenshiki_to,
    #kyori_from,#kyori_to,
    #cc_from,#cc_to{width: 110px;}   
    .checkbox_list li{ display:inline-block;
    width:45%; margin:5px 5px 5px;}
     

}
@media screen and (max-width: 495px) {
    .page_area.clearfix {
        margin: 10px 0 0;
        flex-wrap:wrap;
    }
    #page_TT{
        width:100%;
    }
    .page_area .page_number{
        width:100%;
    }
    .Bt_area {
        align-items: center;
        flex-wrap:wrap;
        justify-content: center;
        padding: 43px 0 0;
    }
    .search_dtl_btn{
        left: calc((100% - 280px) / 2);
        width: 280px;
        height: 35px;
        line-height: 35px;
        font-size: 15px;
    }
    #clear{
        height:54px;
        text-align:center;
        width:90%;
        max-width:280px;
        margin:0 0 10px 0;
        line-height: 51px;
        padding:0 15px;
        color: #909090;
        font-weight: bold;
    }
    #searchBt{
        width:90%;
        max-width:280px;
        margin: 0;
        padding: 0;
    }

    #price_from,#price_to,
    #nenshiki_from,#nenshiki_to,
    #kyori_from,#kyori_to,
    #cc_from,#cc_to{width: 45%;}    



}


@media screen and (max-width: 320px) {
    .colorname span {
        width: 18px;
        height: 18px;
        margin: 0 5px 0 0;
    }
    
    .colorname {margin: 0 0 5px;}
    .price_box dd p {font-size: 22px;line-height: 20px;justify-content: center;text-align: center;}
    .price_box dd p small{font-size: 18px;line-height: 18px;}

    .search_dtl_btn{
        left: 5%;
        width: 90%;
        font-size: 14px;
    }
}