@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:100,300,400,500,600,700&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Catamaran:400,500,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,500&display=swap&subset=devanagari,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900&display=swap');

@font-face {
    font-family: 'mplus-2p-bold';
    src: url('/common/fonts/mplus-2p-bold.eot');
    src: url('/common/fonts/mplus-2p-bold.eot?#iefix') format('embedded-opentype'),
        url('/common/fonts/mplus-2p-bold.woff2') format('woff2'),
        url('/common/fonts/mplus-2p-bold.woff') format('woff'),
        url('/common/fonts/mplus-2p-bold.ttf') format('truetype'),
        url('/common/fonts/mplus-2p-bold.svg#mplus-2p-bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'mplus-2p-medium';
    src: url('/common/fonts/mplus-2p-medium.eot');
    src: url('/common/fonts/mplus-2p-medium.eot?#iefix') format('embedded-opentype'),
        url('/common/fonts/mplus-2p-medium.woff2') format('woff2'),
        url('/common/fonts/mplus-2p-medium.woff') format('woff'),
        url('/common/fonts/mplus-2p-medium.ttf') format('truetype'),
        url('/common/fonts/mplus-2p-medium.svg#mplus-2p-medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'mplus-2p-regular';
    src: url('/common/fonts/mplus-2p-regular.eot');
    src: url('/common/fonts/mplus-2p-regular.eot?#iefix') format('embedded-opentype'),
        url('/common/fonts/mplus-2p-regular.woff2') format('woff2'),
        url('/common/fonts/mplus-2p-regular.woff') format('woff'),
        url('/common/fonts/mplus-2p-regular.ttf') format('truetype'),
        url('/common/fonts/mplus-2p-regular.svg#mplus-2p-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


.wrapper{width: 1000px; margin: 0 auto; position: relative;}


.title-header{ background-image:url(../images/title.png);  }

.title-header-sub2 { font-size: 24px; }
.title-header-sub3 { font-size: 18px; font-family: 'mplus-2p-medium'; }
.bg-usedcar-list {background: #fff;padding: 0px 0 30px;margin-top: 10px;}
.usedcar-list{display: flex; flex-wrap: wrap;  margin: 0 -2% 0 0; }
.usedcar-list a{display: inline-block; background: #FFF; width: 23%; margin: 8px 2% 8px 0; border-bottom: 1px solid #c6c6c6; transition: all 0.3s;}
.usedcar-list a figure{transition: all ease-in-out 0.2s; border-radius: 6px; overflow: hidden; margin: 24px 15px 0;}
.usedcar-list a figure img{width: 100%;}
.usedcar-list a:hover figure{opacity: 0.8;}
.usedcar-list a:hover { color: #000; border-bottom: 1px solid #c50303; }
.usedcar-list .content-thumbcar { padding: 8px; }
.usedcar-list .content-thumbcar .namecar  { height:65px;display: block; position: relative; padding: 4px 18px 4px 0; font-size: 12px;  font-family: 'kozuka-gothic-pro', sans-serif; font-style: normal; font-weight: 400; }
.usedcar-list .content-thumbcar .namecar strong { font-size: 14px; color: #000; display: block;}
.usedcar-list .content-thumbcar .arrow-blue { position: absolute; bottom: 12px; right: 4px; transition: all 0.3s; }
.usedcar-list a:hover .arrow-blue { right: 0; }
.content-thumbcar ul { display: table; width: 100%; }
.content-thumbcar ul li { display: table-row; }
.content-thumbcar ul li .f-left, .content-thumbcar ul li .f-right { display: table-cell; width: 55%; vertical-align: bottom; color: #777;  font-size: 12px; font-family: 'mplus-2p-regular';  }
.content-thumbcar ul li .f-right { text-align: right; color: #000; font-family: 'mplus-2p-medium'; font-size: 14px; font-weight: 500;}
.content-thumbcar ul li .f-right strong { font-size: 22px; }



/*--------------filter--------------*/
.w-15 { width: 15%;}
.w-46 { width: 46%!important;}
.w-40 { width: 40%!important;}

.w-85 { width:85%!important;}
.w-100 { width: 100%!important;}
.mt-4 { margin-top: 1.5rem;}
.p-3 { padding: 1rem;}
select{ -webkit-appearance:none; -moz-appearance:none; transition: all 0.6s ease;}
select::-ms-expand{ display: none;}
select.input-default{  background: url(../images/arrow-select.jpg) no-repeat right center #fff; }
.input-default {transition: all 0.6s ease;border: 1px solid #999;width: 100%;padding: 0.7rem;border-radius: 4px;font-size: 13px;font-family: 'mplus-2p-medium';}
input[type="text"] {
  padding: 0.5rem 0.7rem;
}
.input-default:focus,select:focus{
  outline: 1px #72c6fc;
  border: 1px solid #72c6fc;
  box-shadow: 0 0 5px #72c6fc;
}
.filter { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin: 10px auto; font-family: 'mplus-2p-medium'; width: 100%; }
.filter .box-filter-left { display: block; width: 30%; padding-right: 1rem;}
.filter .box-filter-center { display: block; width: 30%; padding-left: 1rem;}
.filter .box-filter-right { display: block; width: 40%; padding-left: 2rem;}
.filter .title-filter {margin: 10px 0 4px;width: 100%;font-size: 14px;font-weight: bold;}


.filter-price .select-radios .radio { width: 73%; text-align: center;  }

.dropdown-select { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.dropdown-select span{ display: block;}

.d-flex-betaween-center { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.result {color: #919191;font-family: 'mplus-2p-regular';font-size: 13px;display: block;}
.result strong {color: #000;font-size: 29px;font-family: 'mplus-2p-bold';}

.search-color{ display: block; width: 45%; padding-left: 2rem;}
.search-color .select-color{ display: block; text-align:left; width: 100%; padding: 0.5rem 0;}
.search-color .select-color .fillter-color{ width: 30px; height: 30px; margin:0; border-radius: 50%; display: inline-block; border: 2px solid #919191; cursor: pointer;}
.search-color .select-color .fillter-color.color0{ background: #fff; }
.search-color .select-color .fillter-color.color1{ background: #000;}
.search-color .select-color .fillter-color.color2{ background: #ea0300;}
.search-color .select-color .fillter-color.color3{ background: #033ba1;}
.search-color .select-color .fillter-color.color4{ 
    background: #cbcbcb;
    background: -moz-linear-gradient(45deg, #cbcbcb 0%, #ffffff 50%, #cbcbcb 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #cbcbcb), color-stop(50%, #ffffff), color-stop(100%, #cbcbcb));
    background: -webkit-linear-gradient(45deg, #cbcbcb 0%, #ffffff 50%, #cbcbcb 100%);
    background: -o-linear-gradient(45deg, #cbcbcb 0%, #ffffff 50%, #cbcbcb 100%);
    background: -ms-linear-gradient(45deg, #cbcbcb 0%, #ffffff 50%, #cbcbcb 100%);
    background: linear-gradient(45deg, #cbcbcb 0%, #ffffff 50%, #cbcbcb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#cbcbcb', GradientType=1 );
}
.search-color .select-color .fillter-color.color9{ background: #a0a0a0;}
/* .search-color .select-color .fillter-color.color6{ background: url(../images/bg-color.jpg)} */
.search-color .select-color .fillter-color.color6{ 
  /* background: url(../images/bg-color.jpg) */
  background-color: #000000;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #e2e2e2), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #e2e2e2),color-stop(.75, #e2e2e2), color-stop(.75, transparent),to(transparent));
  -webkit-background-size: 6px 6px;
  
  }
.search-color .select-color input[type=checkbox]{ display:none }
.search-color .select-color input[type=checkbox]:checked + .fillter-color{ border: 2px solid #000000; }

.position-search { display: block; width: 100%; padding: 2rem; text-align: center; background: #272727;}
.position-search .btn-search { background: #000; color: #fff; font-weight: bold; font-size: 14px; vertical-align: bottom; display: inline-block; max-width: 260px; width: 100%; padding: 1.5rem;background: #2dc79a; margin-right: 1rem; position: relative; z-index: 0; overflow: hidden;}
   .position-search .btn-search::after {
     position: absolute;
     z-index: -1;
     display: block;
     content: '';
   }
   .position-search .btn-search,
   .position-search .btn-search::after {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: all .8s;
     transition: all .8s;
   }
   .position-search .btn-search::after {
     top: 0;
     left: -180%;
     width: 150%;
     height: 100%;
     transform: skewX(-20deg);
     -webkit-transform: skewX(-20deg);
     -moz-transform: skewX(-20deg);
   }
   .position-search .btn-search:hover {
     color: #fff;
   }
   .position-search .btn-search:hover::after {
     top: 0;
     left: -10px;
     background-color: #08976c;
     width: 200%;
   }
   
.position-search .btn-clear { background: #ababab; color: #000; font-weight: bold; font-size: 14px; vertical-align: bottom; display: inline-block; max-width: 140px; width: 100%; padding: 1rem; background: #e3e3e3; position: relative; z-index: 0; overflow: hidden;}
.position-search .btn-clear::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .position-search .btn-clear,
  .position-search .btn-clear::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .8s;
    transition: all .8s;
  }
  .position-search .btn-clear::after {
    top: 0;
    left: -180%;
    width: 150%;
    height: 100%;
    transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
  }
  .position-search .btn-clear:hover {
    color: #fff;
  }
  .position-search .btn-clear:hover::after {
    top: 0;
    left: -10px;
    background-color: #666;
    width: 200%;
  }

  .checkbox_list {display: flex;height: 41px;padding: 5px 0 0;}
  .checkbox_list li {width: 152px;}
  .checkbox_list li input{ margin:0 5px 0 0;}
  .last-box{
    display: flex;
    flex-wrap: wrap;
  }
/*---------------Usedcar items---------------*/
.w-50 { width: 50%;}
.w-60 { width: 60%;}
.w-40 { width: 40%;}
.w-45 { width: 45%;}
.pr-3 { padding-right: 1rem;}
.usedcar-items { display: block;}
.usedcar-items li { display: flex; flex-wrap: wrap; align-items: flex-start; border: 1px solid #e4e4e4; padding: 1.5rem; margin-top: 2rem;}
.usedcar-items .detail-car {display: flex;flex-wrap: wrap;width: 48%;}
.usedcar-items .detail-car div {display: block;width: 20%;padding: 0.5rem;border-right: 1px solid #e4e4e4;text-align: center;font-size: 11px;color: #878686;line-height: 1.2;}
.usedcar-items .detail-car div:first-child { border-left: 1px solid #e4e4e4;}
.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: inline-block;border: 1px solid #dbdbdb;border-radius: 4px;background: #fff;padding: 0 2.5rem;color: #777777;box-shadow: 0 3px 0 #ebebeb;margin-right: 1.5rem;position: relative;z-index: 0;overflow: hidden;height: 52px;line-height: 52px;font-weight: bold;font-size: 15px;}
.usedcar-items .button-items .view-detail img{ display:inline-block;position: relative;top: 5px;}
.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 {
  color: #666;
}
.button-items .view-detail:hover::after {
  top: 0;
  left: -10px;
  background-color: #e0e0e0;
  width: 200%;
}
.usedcar-items .button-items .inquire {display: inline-block;border: 0;border-radius: 4px;background: #ed0027;padding: 0 3rem;color: #fff;box-shadow: 0 3px 0 #ebebeb;position: relative;z-index: 0;overflow: hidden;height: 52px;line-height: 52px;font-size: 15px;font-weight: bold;}
.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: #a4273b;
  width: 200%;
}

.usedcar-items .images-car {display: flex;flex-wrap: wrap;align-items: flex-start;padding-right: 0;}
.usedcar-items .full-images { display: block; width: 180px; margin-right:10px;}
.usedcar-items .full-images img { width: 100%;}
.usedcar-items .item-wrap {  display: block; width: calc(100% - 190px)}
.usedcar-items .images-items {display: block;width: 67%;}
.usedcar-items .data-car {display: flex;flex-wrap: wrap;justify-content: space-between;width: 52%;padding-right: 10px;}
.usedcar-items .namecar {width: 100%;display: block;font-weight: 900;font-size: 15px;line-height: 1.3em;}
.usedcar-items .namecar span.maker_name{font-size: 12px;font-weight: bold;}
.usedcar-items .namecar span {display: inline-block;font-weight: bold;}
.usedcar-items .namecar a{ color: #093b7f; text-decoration: underline !important;}
.usedcar-items .namecar a:hover span{ text-decoration:underline;}

.usedcar-items .pricecar {font-size: 12px;line-height: 17px;}
.usedcar-items .pricecar .text-red {color: #ff0000;font-size: 40px;font-weight: bold;white-space: nowrap;display: inline-block;line-height: 42px;}
.usedcar-items .pricecar .text-red span {display: inline-block;font-size: 32px;font-weight: bold;}
.usedcar-items .pricecar .text-red small { color: #000; font-size: 12px; display: inline-block;}
.usedcar-items .thumnail-image {width: 475px;}
.usedcar-items .img-car { width: 93px; padding: 0.25rem; display: block;}
.usedcar-items .img-car img { width: 100%;}
.thumnail-buttton{ display: flex;}

.pc-disp{ display: block !important;}
.mobile-disp{ display: none !important;}

/*---------------Page---------------*/
.page-number{background: #FFF; text-align: right; display: block;}
.page-number a{display: inline-block;font-size: 14px;margin: 5px 5px;color:#919191;}
.page-number a:hover{color:#000;}
.btn-next-back{border:1px solid #CCC; padding:0 10px; color:#666 !important;}
.btn-next-back:hover{background: #000; color:#FFF !important;}
.page-active{color:#000 !important; font-weight: bold;}

/*---------------Filter---------------*/
.filter-search{font-size: 13px; color:#646464; padding: 0.5rem 0; position: relative; text-align: center; border-top: 4px solid #bb091f; background: #f5f5f5;}
.filter-search span{display: inline-block; border-right: 1px solid #e2e2e2; padding: 10px;}
.filter-search span:last-child{border: 0;}
.filter-search button{ border: 1px solid #919191; border-radius: 4px; width: 24px; height: 24px; text-align: center; color: #919191; padding: 0 3px; margin: 0 3px; cursor: pointer; background: #FFF; display: inline-block;}
.filter-search button:hover{border: 1px solid #000000; color: #000;}
.sort-active{border: 2px solid #000000 !important; color: #000 !important;}

/*---------------Tab---------------*/
.tab-cartype{border-bottom:5px solid #0432b8; text-align: center;}
.tab-cartype a{display: inline-block; text-shadow: 1px 1px 0px rgba(150, 150, 150, 1); background:#909192; padding: 5px 0; width: 24%; color: #FFF; font-size: 25px; font-weight: bold; border-top-left-radius: 10px; border-top-right-radius: 10px; vertical-align: bottom; line-height: 1; }
.tab-cartype a span{font-size: 18px;}
.tab-cartype a:hover{background: #0432b8;}
.tab-active{background: #0432b8 !important; padding: 10px 0 5px !important;}

/*---------------Slide---------------*/

.title-stock {
  font-weight: bold;
  border-bottom: 5px solid #bb091f;
  padding: 10px 0 10px;
  margin: 20px 0 11px;
  /* font-size: 20px;
  color: #FFF; */
}
.sub-title{
  border-left: 6px solid #bb091f;
  padding: 2px 0 2px 15px;
  font-size: 20px;
  margin: 30px 0 15px;
}


.usedcar-container{background: #FFF; margin: 0 auto 10px;}
.usedcar-container h2{font-size: 25px; border-bottom: 1px solid #000; margin: 0 0 20px; font-weight: bold; line-height: 25pt; padding: 0 0 10px;}

.detail-container{display: flex;flex-wrap: wrap;justify-content: space-between;/* margin: 0 10px; */}
.detail-container .flexslider{width: 100%; display: inline-block;}
.usedcar-spec{width:100%;position: relative;display: inline-block;align-self: bottom;/* margin-top: -20px; */}
/* .usedcar-spec strong span{display:block; background: #0031af; color:#FFF; padding:3px 0; font-size: 14px;} */
.usedcar-spec strong  {color: #ff0000;font-size: 40px;font-weight: bold;white-space: nowrap;display: inline-block;line-height: 42px;margin: 0 0 0 10px;}
.usedcar-spec strong span {display: inline-block;font-size: 32px;}
.usedcar-spec strong small{font-size: 16px; color: #000;}
.usedcar-spec ul{
  display: flex;
  justify-content: space-between;
  align-items: center;
  }
.usedcar-spec ul li:first-child{ font-weight:bold; width: 310px;}
.usedcar-spec ul li:first-child small{ font-weight:normal;}
.usedcar-spec ul li div{display:inline-block;border:1px solid #9d9d9d;padding: 0px 7px;margin: 0 3px;}
.usedcar-spec ul li div span { color:#878686; font-size:12px; margin:0 10px 0 0;}
/* .usedcar-spec .btn-mail{position:absolute; bottom:0; width: 100%;} */

.btn-mail{background: #2b2a2a; padding:15px 0; border-bottom: 2px solid #999; text-align: center; color:#fff; width: 300px; display:block; font-weight: bold; font-size: 18px;}
.btn-mail img{margin: 0 10px;}
.btn-mail:hover{background: #ff7f01; color:#666;}


.slide-car { display: block; width: 100%; }
.slider-for img,
.slider-nav img { width: 100%; }

.thumbnail-wrap {background: #f5f5f5;}
.thumbnail-slide {/* border: 3px solid #00c9ff; */padding: 20px 0;border-radius: 12px;/* margin: 18px auto; */}
.thumbnail-slide img { padding: 4px;}

/*---------------Tab---------------*/
.content-tab{margin: 0 auto 20px;}
.content-tab .tabs { list-style: none; text-align: center;}
.content-tab .tabs li { color:#FFF; font-size: 16px; display: inline-block; text-shadow: 2px 2px 0px rgba(0, 0, 0, 1); padding: 8px 0; width: 48%; text-align: center; cursor: pointer; font-weight: bold; background:url(../images/strip-tab.png); border-top-left-radius: 5px; border-top-right-radius: 5px;}

.content-tab .tabs li.current { background: #ff7f01; color: #fff;}
.content-tab .tab-pane { display: none; margin: 0 auto;}
.content-tab .tab-pane.current { display: block;}
.content-tab .tab-contents{ border: 3px solid #ff7f01; padding: 12px; background: #fff; font-weight: normal;}

.tab-carspec{overflow: hidden;}
.tab-carspec {display: flex;flex-wrap: wrap;justify-content: space-between;}
.tab-carspec li{display:flex; flex-wrap: wrap; float: left; width: 49%; border:solid #eaebec; border-width:0 4px;}
.tab-carspec li:first-child,.tab-carspec li:nth-child(2){ border:solid #eaebec; border-width:4px 4px 0;}
.tab-carspec li:last-child,.tab-carspec li:nth-last-child(2){ border:solid #eaebec; border-width:0px 4px 4px;}
.tab-carspec li div{display: inline-block;width: 50%;padding: 12px 10px;border-bottom: 1px solid #eaebec;}
.tab-carspec li:last-child div,.tab-carspec li:nth-last-child(2)  div{ border-bottom:none;}
.tab-carspec li div:first-child{background: #fbfbfb;border-right: 0;text-align: center;}
.tab-carspec li div:last-child{ border-left: 0; }


.mail-button{text-align: center; margin:45px 0 0;padding: 30px 0 45px;background: #f5f5f5;}
.mail-button p{ font-weight:bold; margin:0 0 15px}
.mail-button .btn-mail{width: 100%;max-width: 400px;height: 70px;line-height: 37px;/* padding: 19px 0; */margin: auto;transition: all 0.3s;display: block;text-transform: uppercase;transition: all 0.3s;position: relative;z-index: 13;color: #FFF;}
.btn-more{ display: inline-block;}
.mail-button .btn-mail{
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.mail-button .btn-mail::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  background:#b52323;
}
.mail-button .btn-mail,
.mail-button .btn-mail::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.mail-button .btn-mail::after {
  top: 0;
  left: -180%;
  width: 150%;
  height: 100%;
  transform: skewX(-20deg);
  -webkit-transform: skewX(-20deg);
  -moz-transform: skewX(-20deg);
}
.mail-button .btn-mail:hover {
  color: #fff;
}
.mail-button .btn-mail:hover::after {
  top: 0;
  left: -10px;
  background:#b52323;
  width: 200%;
}



.content-tab .tabs li.current { background: #34bfff; color: #fff;}
.content-tab .tab-pane { display: none; margin: 0 auto;}
.content-tab .tab-pane.current { display: block;}
.content-tab .tab-contents{ border: 2px solid #34bfff; background: #fff; font-weight: normal;}

/*box color*/
.color-car{ margin: 12px auto; padding: 8px; background: #fff; display: block; }
.color-car h2{ text-align: left; color: #000; font: 20px; font-weight: bold;}
.box-color{ text-align: left; padding: 6px 0;}
.box-color li{ background-color: #fff; padding: 7px 20px; margin:4px; display: inline-block; font-weight: normal; color: #000; border-radius: 8px; border: 1px solid #c6c6c6;}

/*---------------Sort---------------*/
.sort-container{padding: 20px 10px;}
.sort-box{font-size: 0;}
.sort-box p{display: inline-block; width: 22%; font-size: 14px;}
.sort-box .radio{background-color: #fff;display: inline-block;width: 34%;height: 34px;border: 1px solid #999;/* padding: 5px  18px 5px 9px; */margin: 0 2%10px;cursor: pointer;border-radius: 3px;/* width: 89px; */text-align: center;line-height: 34px;}

.sort-box input[type=radio]{ display:none }
.sort-box input[type=radio]:checked + .radio{background: #e6e6e6;}
.sort-box .radio img { float: right; margin-top: -3px;}
.sort-box label{font-size: 14px;}
.sort-btn{width: 100%; margin:0 !important; padding: 10px;}

.tab-floating {position:relative; margin: 0 auto 20px;}
.fixed{
	position:fixed;
	left:0;
	top: 62px;
	z-index: 1;
	width:100%;
	/* margin: 0 0 10px 0; */
	/* padding:0 6px; */
	/* background-color:#00c9ff; */
}

/*---------------Tab Sort---------------*/
.tabs{font-size: 0;display: none; }
.tabs li{ -webkit-flex-grow: 1;flex-grow: 1;background: #f5f5f5;border: 1px solid #dbdbdb;border-width: 1px 0 1px 1px;}
.tabs li:nth-child(2){margin: 0 0 0 0px;border-width: 1px;}
.tabs a{display: flex;font-size: 13px;font-weight: bold;text-align: center;height: 45px;line-height: 45px;vertical-align: center;justify-content: center;align-items: center;}
.tabs a:hover{color: #000;}
.tabs a::before{content: '+';display: inline-block;margin: 0 5px 0 0;font-size: 18px;color: #00c9ff;}
.tab1::before{content: '' !important;background-image: url(/usedcar/images/search_icon.svg);background-repeat: no-repeat;width: 28px;height: 17px;}
.tab2::before{content: '' !important;background-image: url(/usedcar/images/row_icon.svg);background-repeat: no-repeat;width: 19px;height: 15px;}
.tabs .current{background: #dbdbdb;/* color: #FFF; */}
.tab.current{display:block;}
.tab{display: none; background: #FFF;}
.tab{margin:0 0 0;}

 

/*---------------Responsive---------------*/

@media (max-width:1024px){
    .usedcar-list a{width:31.33%;}
    .thumbnail-slide {padding: 20px 25px;}

    .star5_box {
      padding: 0 20px;
  }

}
@media (max-width:1020px){
  .wrapper{width:auto; padding:0 10px;}
  }
@media (min-width:980px){
.usedcar-items li {min-width: 980px;}
}
@media (max-width:979px){
  .thumnail-image{display: none;}
  .usedcar-items .button-items{ margin-top: 10px;}
  .usedcar-items .detail-car {width: 52%;}
  .usedcar-items .data-car {width: 48%;}
  .usedcar-items li {
    padding: 0.75rem;
    margin-top: 2rem;}
  
}
@media (max-width:920px){
    .filter-search span{width: auto;  padding: 5px; text-align: right; border: 0;}
    .filter-search span strong{display: inline-block; text-align: right;}

    /*---------------Usedcar items---------------*/
    /* .usedcar-items li .w-50 { width: 100%;}
    .usedcar-items .images-car { align-items: flex-end;}
    .usedcar-items .detail-car { margin-top: 1.5rem;} */
    .pc-disp{ display: none !important;}
    .mobile-disp{ display: block !important;}
    .usedcar-items .detail-car {width: 100%;}
    .usedcar-items .pricecar {text-align: right;margin: 7px 0;}    
    .usedcar-items .button-items {margin-top: 0px; display: flex !important;}

    .usedcar-spec ul li div{ margin:0 0 3px;}


    
}
@media (max-width:768px){
  .star5 .autostar .rate-star {
    padding: 8px 0px;
    text-align: center;
  }
  .star5 .autostar .rate-star{
  width:30%;
  }
  .star5 .autostar .rate-star p {
  font-size:10px
  }
  .star5 .autostar .yellow-line {
  font-size: 18px;
  margin-top: 0.5rem;}
  .star5 .autostar .rate-star p br{
  display:none;
  }
}
@media (max-width:767px){
  .filter .box-filter-left { display: block; width: 100%; padding: 1rem;}
  .filter .box-filter-center { display: block; width: 100%; padding: 1rem;}
  .filter .box-filter-right { display: block; width: 100%; padding: 1rem;}

  .usedcar-items .w-50 { width: 100%;}
  .usedcar-items .images-car { align-items: flex-end;}
  .usedcar-items .detail-car { margin: 1rem auto;}

  .tab-carspec{display:block;}
  .tab-carspec li{width: 100%; border:solid #eaebec; border-width:0 4px;}
  .tab-carspec li:nth-child(2),.tab-carspec li:nth-last-child(2){border-width:0 4px;}
  .tab-carspec li div{display: inline-block;width: 50%;padding: 10px 5px; letter-spacing:0;}

  .usedcar-spec ul{display: block;}
  .usedcar-spec ul li:first-child {width: 100%; text-align:left; margin:0 0 10px}
  .usedcar-spec ul li div {width: 24.3%; text-align:center; margin:0 0 3px;}

}
@media (max-width:665px){
  .usedcar-spec ul li div {min-width: 20%; width:auto; text-align:center; margin:0 0 3px;}
  .star5_box {
    padding: 0 10px;
  }
  .star5 .autostar {
      padding: 15px 10px;
  }    
  .star5 {width: 100%;/* margin: 4rem 0 0rem; */}
  .star5 .autostar .yellow-line { margin-top: 0;}

  .star5 .autostar .rate-star{
    width:100%;
  }
  .star5 .autostar .yellow-line {
  font-size: 18px;
  margin-top: 0.5rem;}
  .star5 .autostar .rate-star p br{
    display:none;
  }

}
@media (min-width:591px){
  #tab1{ display:block;}
 }
@media (max-width:590px){
  /* モバイルの表示はここを変更 */
  .usedcar-items .namecar{ width: 100%;}
  .usedcar-items .images-items { width: 100%;}
  .usedcar-items .detail-car strong {font-size: 13px;margin: 0;}


  .usedcar-items .full-images{width: 35%;margin-left: 0.7rem;margin-right: 0.5rem;margin-bottom: 5px;}
  .usedcar-items .item-wrap {width: calc(65% - 5px - 1.4rem);margin-right: 0;margin-bottom: 5px;}    
  .usedcar-items .detail-car div {/* width: 50%; */width: auto;display: inline-block;border-right: none;padding: 0.2rem; font-size: 10px;}
  .usedcar-items .detail-car strong,.usedcar-items .detail-car span{display: inline-block;} 
  .usedcar-items .detail-car div:first-child {border-left:none;}  
  .detail-car > div:after{ content: '/';} 
  .detail-car > div:last-child:after{ content: '';}
  .usedcar-items li {padding: 0.5rem 0;margin-top: 1rem;border: none;}    
  .usedcar-items .detail-car { margin: 0;}
  .usedcar-items .pricecar .text-red {font-size: 36px;line-height: 36px;}
  .usedcar-items .pricecar .text-red span {font-size: 29px;}
  .usedcar-items .pricecar .text-red small { font-size: 12px;}
  .usedcar-items .button-items .view-detail{display:none;}
  .usedcar-items .button-items .inquire{width: 100%;margin: 10px auto;text-align: center;/* padding: 0; *//* font-size: 13px; */height: 40px;line-height: 40px;max-width: 260px;}
  .button-items{background-color:#f5f5f5;/* margin: 13px 0 0; */}
  .car-search-mobile{ padding:0;}

  .filter-search{ display:none;}
  .page-number-title{ border-bottom: 4px solid #bb091f;}
  .page-number {text-align: center;width: 100%; border-top:1px solid #dbdbdb;padding: 10px 0;margin-top: 10px;}
  
  .tabs{ display:flex;}
  .pr-3 { padding-right: 0rem;}
  .filter {margin: 0px auto;}
  .filter .title-filter { margin: 5px 0 0;}
  .filter .box-filter-center {padding:0 1rem;}
  .filter .box-filter-left {padding:0 1rem;}  
  .filter .box-filter-right{padding:0 1rem;}  
  .filter .w-15 {width: 100%;padding:0 1rem;}
  .filter .w-40 {width: 100% !important;padding:0 1rem;}
  .filter .search-color {
    width: 100%;
    padding: 0 1rem;}  
  #tab1 .wrapper{margin-bottom:0 !important;}

  .usedcar-spec ul li div {width: 49%;text-align:center;margin:0 0 3px;padding: 0px 0px;}
  .usedcar-spec ul li div span { margin: 0 3px 0 0;}

  .input-default{ font-size: 16px;}


  .last-box{
    padding: 0 0 15px;
  }
  .last-box .w-50{
    width: 100%;
  }
  .last-box .w-50:last-child{
    padding: 0 !important;
  }

}
@media (max-width:480px){
    .filter .w-15 { width: 100%;}
    /* .filter .search-color { width: 100%; padding: 1rem;} */
    /* .usedcar-items .full-images { width: 60%; padding: 0; margin: 1rem auto;} */
    .star5 {/* width: 80%; */}
    .star5 .rate-star { width: 100%; text-align: center; padding: 1rem;}


    
  

}
@media (max-width:380px){
.star5 {width: 100%;background-color: #FFF;}
}
@media(max-width:455px) {
    .position-search .btn-search{ margin-right:0; margin-bottom:10px}
    .position-search .btn-clear{width:100%;max-width: 260px;}
}  
  
@media(max-width:400px) {
    .usedcar-items .pricecar .text-red {font-size: 30px;line-height: 30px;}
    .usedcar-items .pricecar .text-red span {font-size: 24px;}
    .usedcar-items .pricecar .text-red small { font-size: 12px;}


  }
/* @media (max-width:460px) {
  .position-search .btn-search { max-width: 100%; margin: 4px auto;}
  .position-search .btn-clear { max-width: 100%; margin: 4px auto;}
}

@media(max-width:400px) {
  .usedcar-items .button-items .view-detail { width: 50%; margin: 4px auto; text-align: center; padding: 0;}
  .usedcar-items .button-items .inquire { width: 50%; margin: 4px auto; text-align: center;padding: 0;}
} */