@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');
.roboto_font{
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: bold;
}

footer {
    margin-top: 200px;
}
.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-repeat: repeat;
    padding: 20px 0px 0;
    margin: 0px 0 20px;
    /* background: #f5f5f5; */
}
#panel_box_in{
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: baseline;
    background: #FFF;
    padding: 20px 20px 20px;
    /* border-top: 4px solid #000000; */
    position: relative;
}
#panel_box_in h2{
    background-color: #000;
    position: absolute;
    color: #FFF;
    font-size: 25px;
    font-weight: bold;
    padding: 15px 30px 10px;
    width: 230px;
    text-align: center;
    border-radius: 5px 5px 0 0;
    top: -47px;
    left: 0;
}
#panel_box_in > div{
    width: 386px;
    margin: 0 0 10px;
    display: flex;
    align-items: center;
}
#panel_box_in > div:nth-child(3){
}
#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 0px 0 20px;
}
#panel_box_in div p{
    font-weight:bold;
    /* font-size: 13px; */
    margin: 0 0px 0 20px;
    width: 110px;
}
.checkbox_list{
    width: 270px;
}
.checkbox_list li{
    width:48%;
    display:inline-block;
}
/* チェックボックス01 */
input[type=checkbox] {
    display: none;
}
.checkbox01 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
}
.checkbox01::before {
    background: #fff;
    border: 1px solid #231815;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.checkbox01::after {
    border-right: 3px solid #0e1d50;
    border-bottom: 3px solid #0e1d50;
    content: '';
    display: block;
    height: 11px;
    left: 10px;
    margin-top: -7px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 7px;
}
input[type=checkbox]:checked + .checkbox01::after {
    opacity: 1;
}

.Bt_area{
    padding: 25px 0;
    position: relative;
    background: #dedede;
}
.Bt_area .wrapper{
    display:flex;
    align-items:center;
    justify-content: center;
}
.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: 2px solid #c6c6c6;
    background:#FFF;
    height:54px;
    margin:0 15px 0 0;
    line-height: 51px;
    padding: 0 25px;
    /* color: #777777; */
    /* font-weight: bold; */
    font-size: 17px;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    transition: all .5s;
}
#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;
    background: #0E1D50;
    height:54px;
    line-height:54px;
    font-size: 18px;
    /* font-weight: bold; */
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    transition: all .5s;
}
#searchBt i{
    font-size: 26px;
    margin: 0 10px 0 0;
    top: 2px;
    position: relative;
}
#searchBt:hover {
    background-color: #233b8c;
}


div#panel_box select {margin: 0px 0;border: 1px solid #000000;border-radius: 3px;font-size: 16px;line-height: 1.8;box-sizing: border-box;padding: 4px;}

#maker_list,#kyoten_code,#chk_body_type_kbn,#kudou,#teiin,#door{width: 242px;}
#model_list{width: 260px;}
#price_from,#price_to,
#nenshiki_from,#nenshiki_to,
#kyori_from,#kyori_to,
#cc_from,#cc_to{width: 109px;}

#price_to,
#nenshiki_to,
#kyori_to{
    margin: 3px 0px 3px 5px !important;
}
#price_from,
#nenshiki_from,
#kyori_from{
    margin: 3px 5px 3px 0 !important;
}

h2#page_TT {
    font-size: 18px;
    font-weight: 700;
}
h2#page_TT span{
    /* color: #e7151b; */
    font-size: 27px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
}
.page_area.clearfix {
    position: relative;
    margin: 10px 0 0;
    /* background: #f5f5f5; */
    padding:15px 0;
    border-bottom: 5px solid #0e1d50;
}
.page_area .wrapper{
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.page_area .page_number {
    text-align:center;
    margin: 0 0 0 auto;
    display: flex;
    flex-wrap: wrap;
}

a.page {
    width: 36px;
    height: 36px;
    display: inline-block;
    color: #000;
    text-align: center;
    line-height: 34px;
    font-size: 15px;
}
a.page:hover{
    text-decoration:underline;
    
}
a.page.page_sel {
    color: #ffffff;
    font-weight:bold;
    border: 1px solid #0e1d50;
    background: #0e1d50;
}
.page_arrow{
  

    border:1px solid #0e1d50;
    background:#FFF;
    color:#0e1d50;
}

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

#rst_zero_disp {
	border: 2px solid #0e1d50;
	margin: 70px 0;
}
#rst_zero_disp p {
	border: 5px solid rgb(255 235 0 / 50%);
	padding:30px 10px;
	text-align:
	center;
	/* font-size:14px; */
	font-weight:
	bold;
}
#rst_zero_disp .price{
	/* font-style:
	italic; */
	font-size:16px;
	font-size: 30px;
    margin:0 3px 0 0;
    font-family: 'Gilroy-ExtraBold';
    color: #EF0909;
	line-height: 1;
}












#car_sch_head{
    border-bottom: 2px solid #ebebeb;
    padding:10px;
    display:flex;
    align-items: center;
    margin:10px 0 0;
    justify-content: center;
    font-size: 14px;
}
#car_sch_head > div{border: dashed #0f0f0f;border-width: 0px 1px 0px 0;text-align: center;padding: 5px 10px;width: 125px;line-height: 1.35;}
#car_sch_head > div a{
    color: #676767;
}
.clr_org{font-weight:bold;text-decoration:underline;}
#car_sch_head > a{
    background:#ffffff;
    border-radius:5px;
    border: 1px solid #000000;
    padding: 5px 10px;
    margin: 0 0 0 15px;
}

/*--------------- item car ---------------*/

.usedcar-items {
    display: block;
    margin-bottom: 80px;
}

.usedcar-items li {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 2px solid #e4e4e4;
    padding: 1.5rem;
    margin-bottom: 2rem;
    background: #FFF;
    /* box-shadow: 0 3px 6px rgb(0 0 0 / 16%); */
}

.usedcar-items .detail-car {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 15px;
}

.usedcar-items .detail-car div {
    display: block;
    width: 20%;
    padding: 0.5rem;
    border-right: 1px solid #e4e4e4;
    text-align: center;
    font-size: 12px;
    color: #878686;
    line-height: 1.2;
}

.usedcar-items .detail-car div:first-child {
    /* border-left: 1px solid #e4e4e4; */
}
.usedcar-items .detail-car div:last-child  {
    border-right: none;
}

.usedcar-items .detail-car strong {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin: 3px 0 0;
}

.usedcar-items .detail-car strong small {
    display: inline-block;
    font-size: 12px;
}

.usedcar-items .detail-car span {
    display: block;
    color: #000;
}

.usedcar-items .button-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
    /* margin-top: 1.7rem; */
    align-items: flex-start;
    align-self: flex-end;
}

.usedcar-items .button-items .view-detail {
    display: block;
    width: 100%;
    text-align: center;
    background: #fff;
    color: #FFF;
    margin-bottom: 1rem;
    position: relative;
    z-index: 0;
    overflow: hidden;
    height: 45px;
    line-height: 45px;
    /* font-weight: bold; */
    font-size: 16px;
    background: #0E1D50;
    font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
}

.button-items .view-detail::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}

.button-items .view-detail,
.button-items .view-detail::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .8s;
    transition: all .8s;
}

.button-items .view-detail::after {
    top: 0;
    left: -180%;
    width: 150%;
    height: 100%;
    transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
}

.button-items .view-detail:hover::after {
    top: 0;
    left: -10px;
    background-color: #233b8c;
    width: 200%;
}

.usedcar-items .button-items .inquire {
    display: block;
    width: 100%;
    border: 0;
    /* border-radius: 25px; */
    background: #FFEB34;
    /* color: #fff; */
    text-align: center;
    position: relative;
    z-index: 0;
    overflow: hidden;
    height: 45px;
    line-height: 46px;
    font-size: 16px;
    /* font-weight: bold; */
    font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
}

.button-items .inquire::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}

.button-items .inquire,
.button-items .inquire::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .8s;
    transition: all .8s;
}

.button-items .inquire::after {
    top: 0;
    left: -180%;
    width: 150%;
    height: 100%;
    transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
}

.button-items .inquire:hover {
    /* color: #fff; */
}

.button-items .inquire:hover::after {
    top: 0;
    left: -10px;
    background-color: #e7d41f;
    width: 200%;
}

.usedcar-items .images-car {
    display: flex;
    flex-wrap: wrap;
    padding-right: 1rem;
}

.usedcar-items .full-images {
    display: block;
    width: 267px;
    margin-right: 10px;
}

.usedcar-items .full-images a {
    display: block;
    width: 100%;
    /* height:100%; */
    position: relative;
}

.usedcar-items .full-images a:hover .img-back {
    left: 0;
    bottom: 0;
    opacity: 0;
}

.usedcar-items .full-images a:hover>img {
    opacity: 0.7;
}

.usedcar-items .full-images a>img {
    transition: .5s all;
    width: 100%;
    position: relative;
    z-index: 2;
}

.usedcar-items .item-wrap {
    display: block;
    width: calc(100% - 289px);
}

.usedcar-items .images-items {
    display: block;
    width: 67%;
}

.usedcar-items .data-car-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-right: 10px;
}

.usedcar-items .data-car {
    width: calc(100% - 226px);
}

.usedcar-items .namecar {
    width: 100%;
    display: block;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2em;
}

.usedcar-items .namecar span.maker_name {
    font-size: 14px;
}

.usedcar-items .namecar span {
    display: inline-block;
}

.usedcar-items .namecar a {
    color: #000000;
    text-decoration: underline !important;
}

.usedcar-items .namecar a:hover span {
    text-decoration: underline;
}

.usedcar-items .pricecar {
    font-size: 15px;
    line-height: 17px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: baseline;
    margin-top: 30px;
}


.usedcar-items .pricecar .text-red {
    font-family: 'Gilroy-ExtraBold';
    color: #EF0909;
    font-size: 43px;
    font-weight: bold;
    white-space: nowrap;
    display: inline-block;
    line-height: 42px;
    margin: 0 0px 0 15px;
}

.usedcar-items .pricecar .text-red span {
    display: inline-block;
    font-size: 25px;
}

.usedcar-items .pricecar small {
    color: #000;
    font-size: 12px;
    display: inline-block;
    font-weight: bold;
}

.usedcar-items .img-car {
    width: 93px;
    padding: 0.25rem;
    display: block;
}

.usedcar-items .img-car img {
    width: 100%;
}

.thumnail-buttton {
    display: flex;
    width: 216px;
}










/*---------------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('/usedcar/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('/usedcar/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: 35px;height: 35px;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(/usedcar/images/color.jpg) no-repeat left center;background-size: 100%;}
.filter input[type=checkbox]{ display:none }
.filter input[type=checkbox]:checked + .fillter-color{border: 3px solid #c9e9fb;}



@media screen and (max-width: 899px) {
    #panel_box_in div p {
        margin: 0 0px 0 10px;
        width: 110px;
    }
    #panel_box_in .filter p {
        margin: 0 0px 0 10px;
    }

    .color-list{
        width:calc(100% - 110px)
    }
    .filter .fillter-color {
        width: 28px;
        height: 28px;
        margin: 1px;
        border-radius: 5px;
    }
    #panel_box_in {
        justify-content: space-between;
        padding: 30px 20px 20px 10px;
        position: relative;
    }
    
    #panel_box_in > div {
        width: 49%;
        margin: 0 0 10px;
    }














}

/*------------ @media 768 ----------*/
@media screen and (max-width: 768px) {



    /* pickup car */
    .usedcar-items .namecar {
        font-size: 16px;
        line-height: 1.6em;
    }
    
    .usedcar-items .namecar span.maker_name {
        font-size: 12px;
}
    .usedcar-items .data-car-wrap {}

    .usedcar-items .item-wrap {
        width: calc(100% - 277px);
    }

    .usedcar-items .data-car {
        width: 100%;
        margin: 5px 0 0;
    }

    .usedcar-items .pricecar {
        margin-top: 0px;
    }

    .usedcar-items .detail-car {
        margin-top: 0px;
    }

    .usedcar-items .data-car-wrap {
        padding-right: 0px;
    }

    .thumnail-buttton {
        width: 100%;
    }

    .usedcar-items .button-items {
        margin-top: 10px;
        justify-content: space-between;
    }

    .usedcar-items .button-items .view-detail {
        width: 48%;
    }

    .usedcar-items .button-items .inquire {
        width: 48%;
    }






}

/*------------ @media 680 ----------*/
@media screen and (max-width: 680px) {
    #panel_box_in {
        justify-content: space-between;
        padding: 10px 0px 10px 0px;
        position: relative;
    }
    #panel_box_in > div {
        width: 100%;
        margin: 0 0 5px;
    }
    .Bt_area{
        display:flex;
        flex-wrap: wrap;
    }
    #clear{width:80%;text-align: center;margin: 0;}
    #searchBt{width:80%; margin-top:10px;}
   
    
    
    
    
    
    /*------- paging -----------*/
    h2#page_TT {text-align: left;width:100%;margin: 0 0 10px;font-size: 16px;}
    h2#page_TT span {
        font-size: 25px;
    }
    .page_number{
        justify-content: center;
        margin: 0 auto !important;
    }


    
    
    
    
    /*-------sort------------*/
    #car_sch_head > div {
        padding: 5px 5px;
        width: 90px;
        font-size: 12px;
    }
    #car_sch_head{
        padding:10px 0;
        font-size: 12px;
    }
    #car_sch_head > div:first-child{
        display:none;
        
    }
    #car_sch_head > a {
        font-size:11px;
        padding: 3px 0px;
        margin: 0 0 0 15px;
        width: 118px;
        text-align: center;
    }












    
    /**/
    .usedcar-items li {
        padding: 0.75rem 0.75rem 0;
        margin-bottom: 1.75rem;
    }

    .btn {
        height: 55px;
        line-height: 55px;
        width: 230px;
    }
    .usedcar-items .namecar {
        font-size: 16px;
        line-height: 1.2em;
    }
    .usedcar-items .full-images {
        display: block;
        width: 30%;
        margin-right: 10px;
    }

    .usedcar-items .item-wrap {
        width: calc(70% - 10px);
    }

    .usedcar-items .detail-car div {
        width: auto;
        padding: 0.2rem;
        font-size: 10px;
        border-right: none;
    }

    .detail-car>div:after {
        content: '/';
    }

    .usedcar-items .detail-car span {
        display: inline-block;
    }

    .usedcar-items .detail-car strong {
        display: inline-block;
        font-size: 13px;
        margin: 0;
    }

    .usedcar-items .pricecar .text-red {
        font-size: 36px;
        line-height: 36px;
        margin: 0 5px 0 10px;
    }

    .thumnail-buttton.sp_only {
        width: calc(100% + 1.5rem);
        background: #f5f5f5;
        margin-top: 5px;
        margin: 5px -0.75rem 0;
    }

    .usedcar-items .button-items {
        margin: 5px 0;
        justify-content: center;
    }

    .usedcar-items .button-items .inquire {
        width: 70%;
    }



}