@charset "utf-8";

:root{
	--color:#14284c;
	
	--green1:#2e9d06;/*standard*/
	--green2:#7cbe14;/*light-color*/
	--green3:#eef4ec;/*light-bg*/
	--green4:#154f00;/*dark*/
	
	--buy:#f82d62;
	--sell:#1b7cd0;
	
	--buy-bg:#fdf3f6;
	--sell-bg:#d2e4f2;
	--sell-bg2:#eaf3f9;

	--buy-h:#d61545;
	--sell-h:#0c64ad;
	
	--gray:#f0ede9;
	--gray-h:#e2ded7;
	
	--like:#f82d62;
	--like-bg:#fce3e9;
	
	--price:#E4007D;
	
	--concierge:#ffed00;
	--concierge-dark:#edc500;
	--concierge-bg:#fffad6;
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

.btn{transiton:all .1s linear 0s;}
.btn:hover{transform:scale(1.03);box-shadow:1px 1px 5px 0 rgba(0,0,0,.3);}

.btn-yellow{transition: all .1s linear 0s;}
.btn-yellow:hover,
.btn-yellow:active,
.btn-yellow:focus{color: #444;background: #e9d600;background: rgb(238,253,21);
background: linear-gradient(0deg, rgba(238,253,21,1) 0%, rgba(228,201,0,1) 100%);}

html {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
img{backface-visibility: hidden;-webkit-backface-visibility: hidden;}

/*ページ幅指定*/
#wrap{width: 100%;min-width: 1200px;margin: auto;}
.content{min-height:600px;}

.content-inner{padding: 40px 20px;max-width: 1400px;margin: auto;}
.section-inner{padding: 40px;max-width: 1400px;margin: auto;}
.content-inner .section-inner{padding: 0;margin-bottom: 40px;}
.box{margin-bottom: 30px;}
.onlypc-inline{display: inline-block;}
@media screen and (max-width:1400px){
.content-inner{padding: 40px 20px;}
}
@media screen and (max-width:1200px){
#wrap{min-width:100%;}
}
@media screen and (max-width:900px){
.section-inner{padding: 20px;}
}
@media screen and (max-width:640px){
.content{min-height:0;}
.content-inner{padding: 20px 10px;}
.section-inner{padding: 10px;}
.box{margin-bottom: 20px;}

.btn{white-space:normal;line-height: 1.2;}
.onlypc-inline{display: none;}
}

.main.right,
.main.left{width: 75%;}
.side.left,
.side.right{width: 23%;}

.flex{display: flex;flex-wrap:wrap;}
@media screen and (max-width:900px){
.main.right,
.main.left,
.side.left,
.side.right{width: 100%;}

.main{margin-bottom: 40px;}
.side .banner{margin-bottom: 20px;}
}

.result-header{text-align: center;position: relative;}
.result-text{position: absolute;right: 0;bottom: 20px;}

.pagination i{margin:0 5px;}
@media screen and (max-width:900px){
.pagination{padding: 0 10px;}
.pagination i{margin:0;}
}
@media screen and (max-width:640px){
.result-total{display: block;width: 100%;padding-top: 10px;}
.result-total .num{line-height: 1;}
.pagination{margin-top: 10px;float: left;}

}

.pt20{padding-top: 20px;}


/* 　text
******************************************/
body{color: #14284c;position: relative;}
p{margin-bottom: 11px;}
strong{font-weight: bold;}
strong > span{position: absolute;display: block;background: yellow;animation: width-stretch 1s linear 1s;height: 3px;bottom: 0;left: 0;width: 100%;}
.come{font-size: 12px;color: #999;}

.btn,
.title{font-family:'Noto Sans JP',"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}
.btn-contact{background: rgb(255,0,66);
background: linear-gradient(180deg, rgba(255,0,66,1) 0%, rgba(228,5,63,1) 100%);
color: #fff;text-shadow:-1px -1px 1px rgba(0,0,0,.2);}
.btn-contact:hover,
.btn-contact:active,
.btn-contact:focus{color: #fff;
background: rgb(228,5,63);
background: linear-gradient(0deg, rgba(255,0,66,1) 0%, rgba(228,5,63,1) 100%);}

.btn-icon{display: flex;padding: 0;transition:all .1s linear 0s;background: #eee;color: #999;}
.btn-icon i,
.btn-icon .btn-text{padding: 5px 8px;}
.btn-icon i{background: #fff;color: #999;margin: 0;display: flex;}
.btn-icon i::before{display: flex;align-items:center;}
.btn-icon-right{flex-direction:row-reverse;}
.btn-icon-right i{}

.btn-icon[href]{background: var(--green1);color: #fff;cursor:pointer;}
.btn-icon[href] i{color: var(--green1);}
.btn-icon[href]:hover,
.btn-icon[href]:active,
.btn-icon[href]:focus{transform:scale(1.05);}

.btn-green{background: var(--green1);color: #fff !important;}
.btn-green:hover,
.btn-green:active,
.btn-green:focus{background: #238405;color: #fff;}

.btn-blue2{background: #2258b5;color: #fff !important;}
.btn-blue2:hover,
.btn-blue2:active,
.btn-blue2:focus{background: #164aa3;color: #fff;}

.btn-minimum{background: #6ecf06;color: #fff !important;}
.btn-minimum:hover,
.btn-minimum:active,
.btn-minimum:focus{background: #61bb00;color: #fff;}

.btn-basic{background: #18b004;color: #fff !important;}
.btn-basic:hover,
.btn-basic:active,
.btn-basic:focus{background: #129a00;color: #fff;}

.btn-premium{background: #008e28;color: #fff !important;}
.btn-premium:hover,
.btn-premium:active,
.btn-premium:focus{background: #008024;color: #fff;}

.btn-lexus{background: #00a49a;color: #fff !important;}
.btn-lexus:hover,
.btn-lexus:active,
.btn-lexus:focus{background: #009289;color: #fff;}

.btn-gt{background: #0095ba;color: #fff !important;}
.btn-gt:hover,
.btn-gt:active,
.btn-gt:focus{background: #0084a5;color: #fff;}

.btn-vt{background: #0068b0;color: #fff !important;}
.btn-vt:hover,
.btn-vt:active,
.btn-vt:focus{background: #005fa0;color: #fff;}

.btn .ballon{font-size: 12px;background: #fff;border-radius:30px;padding: 3px 5px 2px;color: #111;line-height: 1;display: inline-block;margin-left: 5px;}

.label{padding: 3px 8px;border-radius:2px;font-size: 12px;}
.label-required{background: #e60012;color: #fff;margin-left: 10px;vertical-align: 2px;}
.label-optional{background: #e6e6e6;color: #999;margin-left: 10px;vertical-align: 2px;border-radius:30px;}
.label-new{background: #fff600;color: var(--green1);overflow: hidden;display: inline-block;position: relative;line-height: 1;padding: 3px 5px 2px;}

h1,h2,h3,h4,h5,h6{font-size: 120%;font-weight: bold;}
h1{font-size: 300%;}
h2{font-size: 200%;line-height: 1.4;}
h3{font-size: 150%;}
@media screen and (max-width:900px){
h1{font-size: 240%;}
h2{font-size: 180%;}
h3{font-size: 130%;}
}
@media screen and (max-width:640px){
h1{font-size: 150%;}
h2{font-size: 130%;}
h3{font-size: 110%;}
}

.title{font-size: 250%;text-align: center;color: #14284c;margin-bottom: 20px;font-weight: bold;}
.title .en{display: block;font-size: 50%;line-height: 1;margin-bottom: 10px;font-weight: normal;margin-top: -3px;}

.lower h1.title{font-size:24px;text-align: left;max-width: 1400px;padding: 40px 20px 0;margin: 0 auto;}

.lower .content-inner .title{padding: 0;margin-bottom: 20px;}

.lower .sub-title{margin-bottom: 10px;font-weight: bold;font-size: 20px;}
.lower .sub-title i,
.lower .sub-title strong{color: var(--green1);}
.lower .sub-title i{margin-right: 5px;}

@media screen and (max-width:1200px){
.lower h1.title{padding: 20px 20px 10px;}
}
@media screen and (max-width:900px){
.title{font-size: 200%;}
.title .title-inner{background-size: 60px;padding-left: 60px;}
}
@media screen and (max-width:640px){
.title{font-size: 160%;line-height: 1.4;}
.title .en{margin-top: 0px;}
.lower h1.title{font-size: 20px;line-height: 1.2;}
.lower .sub-title{font-size: 16px;margin-bottom: 20px;}
}
.balloon{border-radius:30px;font-size: 90%;padding: 3px 13px 5px;background: #14284c;color: #fff;margin-right: 10px;position: relative;}
.balloon:after {
  top: 30%;
  right: -30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #14284c;
	border-width: 10px;
	margin-left: -10px;
}

a{color: #222;text-decoration: underline;}
a:hover,a:active{color: #666;}
a.no-line{text-decoration: none;}

.tax{font-size: 10px;color: #666;}
.tax-in{font-size: 10px;color: #666;display: block;}
.tax-in .num{font-size: 12px !important;color: #666 !important;}

.lower.tax{font-size: 14px;}

.btn-black{color: #fff !important;}

.fix-window{position: fixed;right: 0;bottom: 20px;display: block;width: 70px;z-index: 100;
transition:all .3s linear 0s;opacity: 1;}
.fix-window.hid{display: block;opacity: 0;}
@media screen and (max-width:640px){
.fix-window{bottom: 20%;width: 60px;right: 0;}
.well{padding: 10px;font-size: 90%;}
}

.alert-danger{border-color: #f00;color: #f00;}
.alert-danger strong{color: #f00 !important;font-weight: bold;}


.acc-header{cursor:pointer;}

/* 　header
******************************************/
header{position: relative;text-align: center;}


.header-line{background: var(--green4);color: #fff;font-size: 12px;}
.header-line .section-inner{padding: 3px;text-align: left;position: relative;}
.header-line p{margin-bottom: 0;}
.header-line .submenu{position: absolute;right: 0;top: 0;}
.header-line .submenu a{background: #fff;border-radius:0 0 5px 5px;display: inline-block;padding: 3px 15px 4px;text-decoration: none;border: solid 1px var(--green4);border-top: 0;font-size: 108%;color: var(--green4);}
.header-line .submenu a:hover,
.header-line .submenu a:active,
.header-line .submenu a:focus{background: #2c9d06;color: #fff;}
.header-line .submenu a img{width: 12px;position: relative;top: -4px;}
/*
.header-line .flow{position: absolute;right: 0;top: 0;background: #fff;border-radius:0 0 5px 5px;display: block;padding: 3px 20px;text-decoration: none;border: solid 1px var(--green4);border-top: 0;font-size: 118%;color: var(--green4);}
.header-line .flow:hover,
.header-line .flow:active,
.header-line .flow:focus{background: #2c9d06;color: #fff;}
.header-line .flow img{width: 15px;position: relative;top: -2px;}
*/

.header-main .section-inner{padding: 20px 0 10px;position: relative;}
.header-main .logo{max-width: 300px;float: left;}
.header-main .data{width: 50%;float: left;margin-left: 5%;text-align: center;padding-top: 5px;}
.header-main .data dl{float: left;display: block;border: solid 1px #ddd;background: #f6f6f6;border-radius:20px;text-align: center;}
.header-main .data-all{margin-right: 1%;width: 43%;}
.header-main .data-today{width: 56%;}
.header-main .data dt,
.header-main .data dd{display: block;float: left;padding: 5px 10px;vertical-align: middle;}
.header-main .data dt{text-align: center;width: 50%;font-size: 12px;padding-top: 8px;}
.header-main .data dd{text-align: center;width: 50%;border-left: solid 1px #ddd;}
.header-main .data dd .num{font-size: 150%;line-height: 1;letter-spacing:-1px;}
.header-main .data dd .no-open{font-weight: bold;font-size: 150%;color: #999;}
.header-main .data-all .num{color: #f82d62;}
.header-main .data-today .num{color: #1b7cd0;}

.header-main .tel-number{display: block;color: var(--green1);text-decoration: none;font-weight: bold;font-size: 280%;line-height: 1;}
.header-main .tel-number:hover,
.header-main .tel-number:active,
.header-main .tel-number:focus{color: var(--green4);}
.header-main .tel-number i{font-size: 90%;}
.header-main .tel-time{color: #999;font-weight: 500;}


@media screen and (max-width:1400px){
.header-main{font-size: 90%;}
.header-main .data{margin-left: 5%;}
/*.header-main .data dt{width: 57%;}*/
.header-main .data dd{padding: 5px;}
.header-main .section-inner{padding: 15px 10px 10px;}
.header-main .submenu {right: 10px;}
.header-main .tel-number{font-size: 250%;}
}
@media screen and (max-width:1200px){
.header-main{font-size: 80%;}
.header-main .logo{width: 20%;}
.header-main .data{margin-left: 20px;padding-top: 0;}
.header-main .data-all dt,
.header-main .data-all dd{width: 50%;}

.header-main .data dd .num{font-size: 150%;}
.header-main .tel-number{font-size: 220%;}
}
@media screen and (max-width:900px){
.header-main .section-inner{padding: 10px;box-shadow:1px 1px 3px 0 rgba(0,0,0,.3);}
.header-main .logo{width: 40%;margin-bottom: 10px;}
.header-main .data{width: 100%;clear: both;font-size: 100%;float: none;margin-left: 0;}
.header-main .data dt,
.header-main .data dd{float: left;}
.header-main .data dd .num{font-size: 180%;}

.header-line .submenu{display: none;}
.header-line .submenu a{padding: 2px 10px;font-size: 90%;}
.header-main .tel{display: none;}
.logo{position: static;padding: 0;max-width: 150px;}
}
@media screen and (max-width:640px){
.header-line .submenu a{/*display: block;*/font-size: 12px;}
.header-line .submenu .auc{display: none;}
.header-main .logo{max-width: 50%;}
.header-main .data dl{max-width: 100%;}
}
@media screen and (max-width:550px){
.header-line p{font-size: 12px;text-align: center;}
.header-main .logo{width: 50%;margin-bottom: 10px;}
.header-line .submenu{display: none;}
.header-main .data{font-size: 90%;padding-top: 5px;}
.header-main .data dl{background-color: transparent;border: 0;}
.header-main .data dt,
.header-main .data dd{display: block;float: none;width: 100%;border: 0;}
.header-main .data dt{padding: 2px 5px;background: #eee;border-radius:30px;}
.header-main .data dd{padding: 2px 5px;}
.header-main .data-all{margin-left: 0;}
.header-main .data dd .num{font-size: 200%;}
}
/* 　nav
******************************************/
header nav{position: relative;}
#globalnav{background: #fff;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);font-weight: bold;max-width: 1400px;margin: auto;}
#globalnav li{width: 12.5%;display: block;float: left;border-left: solid 1px #bcc4d1;font-size: 13px;}
#globalnav li.menu-flow,
#globalnav li.menu-qa{display: none;}
#globalnav a{text-decoration: none;display: block;padding: 10px 20px;}
#globalnav a:hover,
#globalnav a:active,
#globalnav a:focus{background: var(--green1);color: #fff !important;}

#globalnav a{font-family:'Noto Sans Japanese',"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}

.spmenu{display: none;font-size: 300%;float: right;color: #666;cursor:pointer;line-height: 1;}
.spmenu i{font-style: normal;margin-right: 0;margin-bottom: 3px;line-height: 1;color: var(--green1);trnsition:all .1s linear 0s;}
.spmenu .icon-text{font-size: 10px;display: block;margin-left: 0;color: #666;}
.spmenu span{display: inline-block;margin-left: 5px;text-align: center;}
.spmenu a{text-decoration: none;}
.spmenu span:hover i{color: var(--green4);transform:scale(1.03);}
#nav-open{display: inline-block;}

@media screen and (max-width:1200px){
#globalnav li{font-size: 11px;}
#globalnav a{padding: 10px;}
}
@media screen and (max-width:900px){
.spmenu{display: block;position: absolute;top: 6px;right: 10px;}
#nav-open .menu-close{display: none;}
#nav-open.open .menu-open{display: none;}
#nav-open.open .menu-close{display: block;}
#globalnav{background-color: rgba(255,255,255,.9);padding: 0;box-shadow:1px 3px 5px 0 rgba(0,0,0,.3);border-top: solid 1px #ddd;position: absolute;top: 0;width: 100%;z-index: 10;display: none;}
#globalnav.show{display: block;}
#globalnav li{width: 50%;float: left;border-bottom: solid 1px #ddd;}
#globalnav li.menu-flow,
#globalnav li.menu-qa{display: block;}
#globalnav li.menu-flow a{background: url(../img/common/icon-flow.png) no-repeat 20% center;padding-left: 25px;background-size:10px;}
#globalnav li.menu-flow a:hover{background-color: var(--green1);}
#globalnav li.menu-col2{width: 50%;}
#globalnav li:first-child,
#globalnav li:nth-child(2n+1){border-left: 0;}
#globalnav li:last-child{margin-right: 0;}
/*#globalnav li.menu-article{width: 100%;margin-right: 0;float: none;clear: both;}*/
#globalnav a{padding: 20px;}
}
@media screen and (max-width:640px){
.spmenu{font-size: 250%;text-decoration: none;}
#globalnav a{padding: 20px 10px;}
}
@media screen and (max-width:480px){
#globalnav li{line-height: 1.3;}
}

/* 　breadcrumb
******************************************/
.breadcrumb {background: #eee;padding: 5px 0;margin: 0;}
.breadcrumb-inner {max-width: 1400px;margin: 0 auto;}
.breadcrumb ul { display: table;font-size: 13px;}
.breadcrumb ul li { margin: 0 10px 0 0; font-size: 13px; float: left;}
.breadcrumb ul li a{text-decoration: none;color: var(--green1);}
.breadcrumb ul li a:hover,
.breadcrumb ul li a:active,
.breadcrumb ul li a:focus{color: var(--green4);}
.breadcrumb ul li.current a{text-decoration: none;color: #999;}
.breadcrumb ul li:first-child::before { padding: 0 3px 0 0;content: "";font-size: 13px;}
.breadcrumb ul li::before { padding: 0 10px 0 0;content: "\f105";font-family: FontAwesome; font-size: 13px;}

@media screen and (max-width:1200px){
.breadcrumb {padding: 5px 0 5px 15px;}
.breadcrumb-inner { width: 100%;padding: 0 10px;}
}
@media screen and (max-width:640px){
.breadcrumb {padding: 5px;}
.breadcrumb ul li{font-size: 11px;}
}


.link-home{margin: 30px 0;text-align: center;clear: both;}

/* 　footer
******************************************/
.footer-txt{font-size: 80%;text-align: center;background: #14284c;color: #fff;padding: 10px;}
.footer-txt .section-inner{padding: 10px 0;}
.footer-txt h6{margin-bottom: 5px;}
.footer-txt li{display: inline-block; padding-right: 5px;margin-right: 2px;border-right: solid 1px #999;line-height: 1.4;}
.footer-txt,
.footer-txt h6{font-family:'Noto Sans Japanese',"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;font-weight: normal;}
.footer-txt a{color: #fff;text-decoration: none;}
.footer-txt a:hover,
.footer-txt a:active,
.footer-txt a:focus{text-decoration: underline;}

.footer-link{clear: both;background: var(--green1);color: #fff;padding: 20px;text-align: center;}
.footer-link li{font-size: 100%;display: inline-block;border-left: solid 1px rgba(255,255,255,.5);line-height: 1;}
.footer-link li:first-child{border-left: 0;}
.footer-link a{color: #fff;text-decoration: none;display: block;padding: 2px 10px 2px 15px;}
.footer-link a:hover,
.footer-link a:active,
.footer-link a:focus{text-decoration: underline;}
.footer-link.sub{background: #444;font-size: 12px;padding: 10px;}

footer{position: relative;width: 100%;background: #205879;color: #fff;font-size: 80%;text-align: center;padding: 40px 20px 80px;}
@media screen and (max-width:900px){
.footer-link li{font-size: 12px;}
}
@media screen and (max-width:640px){
footer{padding-top: 20px;}
.footer-link li{display: block;border-left: 0;border-top: solid 1px rgba(255,255,255,.5);line-height: 1.4;}
.footer-link li:first-child{border-top: 0;}
.footer-link a{display: block;padding: 15px 10px;text-align: center;}
.footer-link a:hover,
.footer-link a:active,
.footer-link a:focus{background: #217c00;}
}

#footer-contact{background: rgba(0,0,0,.4);position: fixed;bottom: 0;right: 0;text-align: center;padding: 8px;opacity: 0;transition:all .1s linear 0s;z-index: 99;width: 600px;max-width: 100%;}
#footer-contact:before{content:"";border-left:solid 30px transparent;border-bottom: solid 70px rgba(0,0,0,.4);position: absolute;left: -30px;top: 0;}
#footer-contact.show{opacity: 1;}
#footer-contact .btn{width: 100%;padding: 10px;}

#footer-contact a{display: block;}
#footer-contact a img{transition:all .2s linear 0s;}
#footer-contact a:hover img,
#footer-contact a:active img,
#footer-contact a:active focus{opacity: 1;transform:scale(1.03);}
#footer-contact .btn-tel-sp{width: 50%;float: left;}
#footer-contact .btn-calc-sp{width: 50%;float: right;}

#footer-contact .footer-contact-btns{margin-bottom: 10px;}
.footer-contact-btns .btn-buy{background: var(--buy) url(../img/common/cta/buy-img.png) no-repeat 10px center;color: #fff;margin-right: 2%;}
.footer-contact-btns .btn-sell{background: var(--sell) url(../img/common/cta/sell-img.png) no-repeat 10px center;color: #fff;}

#footer-contact .footer-contact-btns .btn{width: 49%;display: block;float: left;background-size:contain;padding-left: 30px;}

.footer-contact-btns .btn-buy:hover,
.footer-contact-btns .btn-buy:active,
.footer-contact-btns .btn-buy:focus{background-color: var(--buy-h);}
.footer-contact-btns .btn-sell:hover,
.footer-contact-btns .btn-sell:active,
.footer-contact-btns .btn-sell:focus{background-color: var(--sell-h);}

/*@media screen and (min-width:641px){ #footer-contact{display: none !important;} }*/
.blog #footer-contact,
.single-post #footer-contact{display: none !important;}

#footer-contact .footer-contact-btns{width: 50%;float: left;margin-bottom: 0;}
#footer-contact #footer-call-btn{width: 48%;float: right;}

@media screen and (max-width:800px){
#footer-contact{width: 100%;left: 0;right: auto;}
#footer-contact:before{display: none;}
#footer-contact .footer-contact-btns .btn{background-position: 5px center;}
}

.footer-sns{/*position: absolute;right: 20px;top: 20px;*/display:flex;flex-wrap:wrap;text-align: center;justify-content:center;margin-bottom: 20px;}
.footer-sns a{color: #fff;padding: 5px;display: block;transition:all .1s linear 0s;}
.footer-sns a:hover,
.footer-sns a:active,
.footer-sns a:focus{transform:scale(1.1);color: var(--green2);}
.footer-sns i{font-size: 30px;line-height: 1;}
@media screen and (max-width:640px){
.footer-sns{position: static;}
}

/* 　cta
******************************************/

.cta-inner h3{display: inline-block;max-width: 413px;}
.cta-inner .btn{width: 100%;padding: 20px;font-size: 110%;}

.cta-sell,.cta-buy{width: 50%;float: left;padding: 10px 10px 20px;}
.cta-buy{background:#f82d62 url(../img/common/cta/buy-img.png) no-repeat 98% top;background-size:contain;padding-right: 10%;}
.cta-buy .btn{color: #f82d62;}
.cta-sell{background:#1b7cd0 url(../img/common/cta/sell-img.png) no-repeat 2% top;background-size:contain;padding-left: 10%;}
.cta-sell .btn{color: #1b7cd0;}

.cta-inner{max-width: 413px;}
.cta-buy .cta-inner{float: right;}
.cta-sell .cta-inner{float: left;}

@media screen and (min-width:641px){
.cta-inner .onlypc{display: inline-block !important;}
}
@media screen and (max-width:640px){
.cta-inner h3{margin-bottom: 10px;}
.cta-inner .btn{padding: 10px;font-size: 80%;}
.cta-sell,.cta-buy{padding: 5px;background-size:20%;}
.cta-buy{background-position: 1% top;}
.cta-sell{background-position: 99% top;}
}

/* 　table
******************************************/

.table-horizontal th{background: #f6f6f6;}

.label-col2 > label{width: 49%;float: left;display: block;margin-right: 1%;}
.label-col2 input{width: 100%;}

.input-tel .sep,
.input-tel input{display: inline-block;}
.input-tel input{width: 20%;}

.input-l{max-width: 300px;width: 100%;}

.input-postcode .sep,
.input-postcode input{display: inline-block;}
.input-postcode input{width: 20%;}

.input-range select{overflow: hidden;}

.form-group:last-child{margin-bottom: 0;}

/* home:mainimg
******************************************/

.index-search{background: rgba(255,255,255,.9);box-shadow:1px 1px 5px 0 rgba(0,0,0,.3);}
.index-search .search-title,
.index-search .search-body,
.index-search .search-control{padding: 15px;}

.index-search .search-title{background: var(--green1);color: #fff;padding: 10px 30px;text-shadow:-1px -1px 1px rgba(0,0,0,.1);}
.index-search .search-title h2{font-weight: bold;width: 80%;display: inline-block;font-size: 220%;text-align: left;position: relative;top: 0.2em;float: left;}
.index-search .search-title .free{font-weight: bold;background: #ffed00;color: var(--green4);display: inline-block;border-radius:50px;line-height: 1.1;padding: 10px 12px;font-size: 130%;float: left;margin-right: 10px;}
.index-search .title-sup{font-size: 35%;display: block;}

.index-search .search-body{padding-bottom: 5px;}
.index-search .search-body dl{text-align: left;margin-bottom: 10px;}
.index-search .search-body input,
.index-search .search-body select{font-size: 90%;width: 100%;padding: 5px;font-weight: 600;text-align: left;height: 30px;}
.index-search .search-body option{font-size: 100%;font-weight: 600;}
.index-search .search-body .search-col2 dl{width: 49%;float: left;}
.index-search .search-body .search-col2 dl:first-child{margin-right: 2%;}
.index-search .search-body dt{color: #007f21;display: block;font-weight: bold;}

.index-search .search-body .search-col2 .year,
.index-search .search-body .search-col2 .color{width: 55%;}
.index-search .search-body .search-col2 .mileage,
.index-search .search-body .search-col2 .period{width: 42%;}
.index-search .search-body .search-col2 .detail{width: 100%;}

.index-search .search-body .color dd{overflow: hidden;}
.index-search .search-body .price{width: 90%;}
.index-search .search-body .detail .btn{border-radius:30px;margin-top: 0;padding: 5px 20px;}
.index-search .search-body .period input{display: inline-block;width: auto;margin-right: 5px;}

.index-search .search-control{background: rgba(0,0,0,.1);padding: 10px;text-align: center;}
.index-search .btn-yellow{padding: 10px 20px;width: 80%;font-size: 120%;color: var(--green4);border-radius:30px;}
.index-search .search-body .btn{width: 100%;margin-top: 20px;border: solid 1px #ccc;}

.checkbox-color label{display: block;width: 10%;max-width: 30px;height: 25px;float: left;border: solid 1px #999;border-radius:5px;margin-bottom: 1%;margin-right: 1%;transition:all .2s linear 0s;overflow: hidden;position: relative;}
.checkbox-color label i{display: none;font-size: 120%;color: rgba(0,0,0,.3);position: absolute;top: 3px;left: 15%;}
.checkbox-color label:hover{transform:scale(0.9);}
.checkbox-color .label-checked{border-width: 2px;}
.checkbox-color .label-checked i{display: inline-block;}
.checkbox-color .color-black i,
.checkbox-color .color-brown i,
.checkbox-color .color-blue i,
.checkbox-color .color-purple i{color: rgba(255,255,255,.5);}

.checkbox-color .color-white{background: #fff;}
.checkbox-color .color-pearl{background: #fcfbe0;}
.checkbox-color .color-gray{background: #999;}
.checkbox-color .color-black{background: #111;}
.checkbox-color .color-red{background: #f00;}
.checkbox-color .color-orange{background: #f90;}
.checkbox-color .color-yellow{background: #ff0;}
.checkbox-color .color-brown{background: #663618;}
.checkbox-color .color-beige{background: #efe0bf;}
.checkbox-color .color-blue{background: #00f;}
.checkbox-color .color-water{background: #3cf;}
.checkbox-color .color-green{background: #390;}
.checkbox-color .color-purple{background: #60c;}
.checkbox-color .color-pink{background: #f0c;}
.checkbox-color .color-gold{background: #c93;}
.checkbox-color .color-silver{background: #ccc;}
.checkbox-color .color-other{background: #fff;}

/*.checkbox-color .color-pearl:before,*/
.checkbox-color .color-gold:before,
.checkbox-color .color-silver:before,
.checkbox-color .color-other:before{display: block;content:"";transform:rotate(45deg);position: absolute;top: -280%;left: -100%;width: 200%;height: 500%;}

/*.checkbox-color .color-pearl:before{background: #fff;}*/
.checkbox-color .color-gold:before,
.checkbox-color .color-silver:before{background: rgba(255,255,255,.3);}
.checkbox-color .color-other:before{border: solid 2px #f00;}



@media screen and (max-width:1400px){
.index-search{font-size: 90%;}
.index-search .search-title,
.index-search .search-body,
.index-search .search-control{padding: 10px;}
.index-search .search-title{padding: 10px;}
.index-search .search-title h2{font-size: 180%;}
}
@media screen and (max-width:1200px){
.index-search .search-title .free{font-size: 100%;}
.index-search .search-title h2{font-size: 130%;width: 75%;}
.checkbox-color label{height: 23px;}
.checkbox-color label i{left: 3%;}
}
@media screen and (max-width:1080px){
.index-search .search-body .search-col2 .color{width: 100%;float: none;}
.index-search .search-body .search-col2 .period,
.index-search .search-body .search-col2 .detail{width: 49%;}
.index-search .search-body .detail .btn{padding: 15px;margin-top: 20px;}
.checkbox-color label{display: block;width: 10%;}
.checkbox-color label i{left: 25%;}
}
@media screen and (max-width:900px){
.index-search .search-title,
.index-search .search-body,
.index-search .search-control{padding: 15px;}
.index-search .search-body dl{margin-bottom: 5px;}

.index-search .search-title{padding: 15px 30px;}
.index-search .search-title h2{font-size: 180%;}

}
@media screen and (max-width:640px){
.checkbox-color .color-gold:before,
.checkbox-color .color-silver:before,
.checkbox-color .color-other:before{top: -300%;}
}
@media screen and (max-width:480px){

.index-search .search-title{padding: 10px;}
.index-search .search-body .search-col2 .year,
.index-search .search-body .search-col2 .color{width: 100%;}
.index-search .search-body .search-col2 .mileage{width: 100%;}
.index-search .search-body .detail .btn{padding: 10px;margin-top: 20px;}
}


.title{color: #111;background: #fff;padding: 10px;position: relative;}
.title.gray{background: #f6f6f6;}
.title .en{font-weight: bold;font-size: 40%;}
.title-tale:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #ffed00;
}
.title.yellow{color: #595300;background: #ffed00;}
.title-tale.yellow:before {border-top-color: #ffed00;}
.title.deepgreen{color: #fff;background: #1d7f00;}
.title-tale.deepgreen:before {border-top-color: #1d7f00;}

/* home:ranking
******************************************/

.bodytype{background: #fff;font-size: 10px;padding: 1px 7px 0;display: inline-block;position: absolute;top: 5px;right: 5px;border: solid 1px #2ea4db;font-weight: 600;color: #2ea4db;}
/*.bodytype.type0{background-color: #ffd1d1;}
.bodytype.type1{background-color: #ffdabc;}
.bodytype.type2{background-color: #fffcbc;}
.bodytype.type3{background-color: #d8ff99;}
.bodytype.type4{background-color: #b0fbbd;}
.bodytype.type5{background-color: #c6f4de;}
.bodytype.type6{background-color: #c6f2f2;}
.bodytype.type7{background-color: #c1e3ff;}
.bodytype.type8{background-color: #d6c6ef;}
.bodytype.type9{background-color: #fbd4ed;}*/
/*.bodytype.type0{border-color: #ffd1d1;}
.bodytype.type1{border-color: #ffdabc;}
.bodytype.type2{border-color: #fffcbc;}
.bodytype.type3{border-color: #d8ff99;}
.bodytype.type4{border-color: #b0fbbd;}
.bodytype.type5{border-color: #c6f4de;}
.bodytype.type6{border-color: #c6f2f2;}
.bodytype.type7{border-color: #c1e3ff;}
.bodytype.type8{border-color: #d6c6ef;}
.bodytype.type9{border-color: #fbd4ed;}*/

.ranking-title{margin-bottom: 10px;font-weight: bold;font-size: 24px;}
.ranking .ranking-title:after{display: block;content:"";clear: both;height: 0;}
.ranking .ranking-title .btn-more{font-size: 12px;float: right;border-radius:30px;text-shadow:-1px -1px 1px rgba(0,0,0,.2);}
.ranking .ranking-title .btn-more i{margin-right: 7px;}
.ranking .ranking-footer{text-align: center;}
.ranking .btn-more strong{color: #ff0 !important;}
.ranking .btn-more i{color: #fff;}
.ranking .ranking-footer .btn-more{font-size: 12px;border-radius:30px;}

.ranking-single{padding: 20px;position: relative;font-weight: bold;border-top: solid 3px #aaa;}
.ranking-single:first-child{border-left: solid 1px #eee;}

.ranking-single1{border-top-color: #c2b35e;}
.ranking-single2{border-top-color: #90a2b8;}
.ranking-single3{border-top-color: #c18b78;}

.ranking-single .ranking-number{display: inline-block;background: #aaa;color: #fff;line-height: 1;padding: 3px 6px;position: absolute;top: 0;left: 0;font-size: 140%;}
.ranking-single1 .ranking-number{background-color: #c2b35e !important;}
.ranking-single2 .ranking-number{background-color: #90a2b8 !important;}
.ranking-single3 .ranking-number{background-color: #c18b78 !important;}

.ranking-single .thumb{width: 100%;padding-top: 75%;background: no-repeat center top;background-size:contain;}

.ranking-single .price dt,
.ranking-single .price dd{display: inline-block;}
.ranking-single .price dt{width: 2.8em;padding: 0.2em;border: solid 1px #111;line-height: 1.1;font-size: 96%;}
.ranking-single .price .num{font-size: 250%;color: #f82d62;line-height: 1;letter-spacing:-1px;}

.ranking-single .retail{text-align: center;padding-top: 5px;padding-bottom: 5px;}
.ranking-single .retail dl{border-radius:20px;padding: 0 25px 0 15px;color: #fff;display: inline-block;line-height: 1;text-align: center;position: relative;background: var(--green1);}
.ranking-single .retail dt,
.ranking-single .retail dd{display: inline-block;font-size: 12px;}
.ranking-single .retail dt{font-size: 11px;vertical-align: middle;}
.ranking-single .retail .num{font-size: 16px;color: #ff0;}
.ranking-single .retail i{position: absolute;right: 1px;font-size: 16px;cursor:pointer;top: 4px;color: #fff;}
.ranking-single .retail i:hover{color: #ff0;}
.ranking-single .retail .tooltip{font-size: 12px;max-width: 320px;width: 90%;text-align: left;}

.ranking-single .number{margin-bottom: 8px;text-align: center;}
.ranking-single .number dt,
.ranking-single .number dd{display: inline-block;}
.ranking-single .number dt{letter-spacing:-1px;font-size: 86%;}
.ranking-single .number .num{font-size: 180%;color: var(--green1);line-height: 1;}

.ranking-single .name{margin-bottom: 8px;line-height: 1;font-weight: 500;}
.ranking-single .make{font-size: 12px;color: #999;margin-bottom: 10px;display: inline-block;font-weight: bold;}
.ranking-single .model{display: block;font-weight: bold;line-height: 1.1;margin-top: -5px;}

.ranking-single .btn-model{color: #665d00;font-size: 12px;}

@media screen and (max-width:1400px){
.ranking-single .model{font-size: 90%;}
.ranking-single .price .num{font-size: 200%;}
.ranking-single .number .num{font-size: 150%;}
}
@media screen and (max-width:640px){
.ranking .section-inner{padding: 10px;}
.ranking-title{font-size: 18px;overflow: hidden;}
.ranking-single .ranking-number{font-size: 100%;}
.ranking-single .name{text-align: left;padding-top: 15px;padding-left: 20px;}
.ranking-single .make{font-size: 11px;}

.ranking-single .price dt{font-size: 80%;}
.ranking-single .price .num{font-size: 180%;}

.ranking .ranking-title .btn-more{font-size: 10px;padding: 10px;float: right;}

.ranking-single .retail i{top: 3px;}
}

.ranking-popular{margin-bottom: 40px;}
.ranking-popular .ranking-single{text-align: center;width: 20%;float: left;border-right: solid 1px #eee;border-bottom: solid 1px #eee;}
.ranking-popular .ranking-single:nth-child(6){border-left: solid 1px #eee;}
.ranking-popular .ranking-single .name{text-align: left;}
.ranking-popular i,
.ranking-popular .ranking-title strong{color: #c2b35e;}

.ranking-popular .btn-more{color: #fff;border: #ac961a solid 1px;
background: rgb(194,179,94);
background: linear-gradient(180deg, rgba(194,179,94,1) 0%, rgba(172,150,26,1) 100%);}
.ranking-popular .btn-more:hover,
.ranking-popular .btn-more:active,
.ranking-popular .btn-more:focus{background: #ac961a;}

@media screen and (max-width:1200px){
.ranking-popular .ranking-single{width: 25%;}
.ranking-popular .ranking-single:nth-child(6){border-left: 0;}
.ranking-popular .ranking-single:nth-child(5){border-left: solid 1px #eee;}
}
@media screen and (max-width:1000px){
.ranking-popular .ranking-single{width: 33.3%;}
.ranking-popular .ranking-single:nth-child(5){border-left: 0;}
.ranking-popular .ranking-single:nth-child(3n+1){border-left: solid 1px #eee;}
}
@media screen and (max-width:800px){
.ranking-popular .ranking-single{width: 50%;}
.ranking-popular .ranking-single:nth-child(3n+1){border-left: 0;}
.ranking-popular .ranking-single:nth-child(2n+1){border-left: solid 1px #eee;}
}
@media screen and (max-width:600px){
.ranking-popular .ranking-single{width: 100%;padding: 10px;border-left: solid 1px #eee !important;}
.ranking-popular .ranking-single .thumb{width: 40%;float: left;padding-top: 30%;margin-top: 10px;}
.ranking-popular .ranking-single .summary{width: 60%;float: right;}

.ranking-popular .ranking-single .name{margin-top: -10px;padding-left: 0;}
.ranking-popular .ranking-single .model{font-size: 14px;}
.ranking-popular .ranking-single .price .num{font-size: 200%;}
.ranking-popular .ranking-single .number .num{font-size: 150%;}
}

.ranking-type {margin-bottom: 50px;}
.ranking-type .ranking-title strong{color: #2ea4db;}
.ranking-type .ranking-all-single{width: 24.4%;float: left;margin-right: 0.8%;padding: 5px;background: #f6f6f6;border: solid 1px #eee;}
.ranking-type .ranking-all-single:last-child{margin-right: 0;}
.ranking-type .ranking-all-single .icon-type{display: inline-block;}
.ranking-type .ranking-all-single .btn{text-align: center;font-size: 12px;border-radius:30px;}
.ranking-type .ranking-all-single .btn strong{color: #ff0;}
.ranking-type .ranking-single{text-align: center;margin-bottom: 5px;padding: 0;}
.ranking-type .ranking-single a{display: block;transition:all .1s linear 0s;padding: 10px;background: #fff;border: solid 1px #eee;}
.ranking-type .ranking-single a:hover,
.ranking-type .ranking-single a:active,
.ranking-type .ranking-single a:focus{box-shadow:1px 1px 3px 0 rgba(0,0,0,.3);}
.ranking-type .ranking-single a .model{/*text-decoration: underline;*/}
.ranking-type .ranking-single .thumb{width: 30%;float: left;padding: 0;}
.ranking-type .ranking-single .thumb span{padding-top: 75%;display: block;width: 100%;background: no-repeat center;background-size:contain;}
.ranking-type .ranking-single .summary{width: 68%;float: right;font-size: 12px;text-align: left;}
.ranking-type .ranking-single .bottom{clear: both;}
.ranking-type .type-title{font-size: 16px;background: #2ea4db;color: #fff;text-align: center;border-radius:5px 5px 0 0;padding: 5px;line-height: 1.3;margin-bottom: 0;}
.ranking-type .type-title .text{display: block;font-size: 11px;color: #ff0;}

.ranking-type .ranking-all-footer{text-align: center;}

.ranking-type .btn-more,
.recommend-type .btn-more{color: #fff;border: #0086c4 solid 1px;
background: rgb(46,164,219);
background: linear-gradient(180deg, rgba(46,164,219,1) 0%, rgba(0,124,182,1) 100%);}
.ranking-type .btn-more:hover,
.ranking-type .btn-more:active,
.ranking-type .btn-more:focus,
.recommend-type .btn-more:hover,
.recommend-type .btn-more:active,
.recommend-type .btn-more:focus{background: #0086c4;}

@media screen and (max-width:1080px){
.ranking-type .ranking-all-single{width: 49.6%;margin-bottom: 10px;}
.ranking-type .ranking-all-single:nth-child(3){margin-right: 0;}
.ranking-type .ranking-single .bottom{clear: none;width: 68%;float: right;}
}
@media screen and (max-width:640px){
.ranking-type .ranking-all-single{width: 100%;float: none;}
.ranking-type .ranking-single a{padding: 5px;}
}

.ranking-bottom .ranking-single{border-left: solid 1px #eee;border-right: solid 1px #eee;border-bottom: solid 1px #eee;margin-bottom: 10px;}

.ranking-price{width: 37%;float: left;margin-right: 1%;}
.ranking-cars{width: 24%;float: right;}

.ranking-price .ranking-single{padding: 5px;}
.ranking-price .summary{width: 50%;float: left;}
.ranking-price .chart{width: 50%;float: right;}

.ranking-price .chart{min-height: 150px;}
.ranking-price .name{text-align: left;padding-left: 1em;}
.ranking-price .summary{text-align: center;}
.ranking-price .summary dl{margin-bottom: 5px;}
.ranking-price .summary .change{margin-bottom: 10px;text-align: center;}
.ranking-price .change i{color: #fff;margin-right: 3px;}
.ranking-price .change .num{font-size: 135%;line-height: 1;/*letter-spacing:-1px;*/}
.ranking-price .btn-model{width: 50%;margin-left: -5px;margin-bottom: -5px;display: block;clear: both;
overflow: hidden;text-overflow: ellipsis;}
.ranking-price .change dt{display: none;}
.ranking-price .change dd{background: #f82d62;color: #fff;border-radius:30px;padding:5px  20px 3px;font-size: 100%;line-height: 1;display: inline-block;font-size: 12px;}

.ranking-pricedown .ranking-title i{transform:scale(-1,1);}

.ranking-priceup .price .num,
.ranking-priceup i,
.ranking-priceup .ranking-title strong{color: #f82d62;}
.ranking-priceup .change dd{background: #f82d62;}
.ranking-pricedown .price .num,
.ranking-pricedown i,
.ranking-pricedown .ranking-title strong{color: #1b7cd0;}
.ranking-pricedown .change dd{background: #1b7cd0;}

.ranking-priceup .btn-more{color: #fff;border: #d6063d solid 1px;
background: rgb(248,45,98);
background: linear-gradient(180deg, rgba(248,45,98,1) 0%, rgba(214,6,61,1) 100%);}
.ranking-priceup .btn-more:hover,
.ranking-priceup .btn-more:active,
.ranking-priceup .btn-more:focus{background: #d6063d;}

.ranking-pricedown .btn-more{color: #fff;border: #0064ba solid 1px;
background: rgb(27,124,208);
background: linear-gradient(180deg, rgba(27,124,208,1) 0%, rgba(0,100,186,1) 100%);}
.ranking-pricedown .btn-more:hover,
.ranking-pricedown .btn-more:active,
.ranking-pricedown .btn-more:focus{background: #0064ba;}

@media screen and (max-width:1200px){
.ranking-price{width: 49%;margin-right: 1%;}
.ranking-pricedown{margin-right: 0;}
}
@media screen and (max-width:900px){
.ranking-price .summary,
.ranking-price .chart{width: 100%;float: none;}
.ranking-price .price .num{font-size: 250%;}
.ranking-price .summary .change{margin-bottom: 0;}
.ranking-price .btn-model{width: auto;margin-left: 0;}

.ranking-price .make{font-size: 11px;}
}
@media screen and (max-width:640px){
.ranking-price{width: 100%;margin-right: 0;margin-bottom: 30px;}
.ranking-price .ranking-single{padding-top: 2em;}
.ranking-price .summary{padding-left: 0;}
.ranking-price .name{padding: 0;width: 44%;float: left;}
.ranking-price .make{margin-bottom: 5px;}
.ranking-price .model{font-size: 125%;line-height: 1.2;}
.ranking-price .price{width: 54%;float: right;font-size: 90%;}
.ranking-price .price .num{font-size: 200%;}
.ranking-price .change .num{letter-spacing:0;}
}
@media screen and (max-width:480px){
.ranking-price .model{font-size: 16px;line-height: 1.4;}
.ranking-price .change dd{padding: 5px 10px 3px;font-size: 80%;}
}

.ranking-cars .ranking-title{margin-top: -0.7em;}
.ranking-cars .ranking-title .title-sup{font-size: 12px;display: block;}

.ranking-cars .ranking-single{text-align: left;padding: 10px;}
.ranking-cars .summary-model{position: relative;}
.ranking-cars .name{width: 60%;float: left;}
.ranking-cars .make{padding-left: 1em;}
.ranking-cars .model{font-size: 15px;line-height: 1.4;}
.ranking-cars .model a{text-decoration: none;}
.ranking-cars .model a:hover,
.ranking-cars .model a:focus,
.ranking-cars .model a:active{text-decoration: underline;}
.ranking-cars .model-cars{width: 40%;float: right;text-align: right;position: absolute;bottom: 0;right: 0;}
.ranking-cars .model-cars .num{font-size: 200%;letter-spacing:-1px;}

.ranking-cars .list-grade{clear: both;}
.ranking-cars .list-grade li{overflow: hidden;border-bottom: solid 1px #ddd;margin-bottom: 5px;}
.ranking-cars .list-grade dt{width: 60%;float: left;color: #666;font-size: 12px;}
.ranking-cars .list-grade dd{width: 40%;float: right;text-align: right;}
.ranking-cars .list-grade .num{font-size: 150%;}

.ranking-cars .model-cars .num,
.ranking-cars .list-grade .num,
.ranking-cars i,
.ranking-cars .ranking-title strong{color: var(--green1);}

.ranking-cars .btn-more{color: #fff;border: #1a7100 solid 1px;
background: rgb(39,156,5);
background: linear-gradient(180deg, rgba(39,156,5,1) 0%, rgba(26,113,0,1) 100%);}
.ranking-cars .btn-more:hover,
.ranking-cars .btn-more:active,
.ranking-cars .btn-more:focus{background: #1a7100;}

@media screen and (max-width:1200px){
.ranking-cars{width: 100%;float: none;clear: both;}
.ranking-cars .ranking-single{width: 32%;float: left;margin-right: 1%;}
.ranking-cars .ranking-single:last-child{margin-right: 0;}
}
@media screen and (max-width:900px){
.ranking-cars{width: 100%;float: none;clear: both;}
.ranking-cars .ranking-single{width: 32%;float: left;margin-right: 1%;}
.ranking-cars .ranking-single:last-child{margin-right: 0;}

.ranking-cars .name{width: 100%;float: none;padding-left: 1em;}
.ranking-cars .make{padding-left: 0;}
.ranking-cars .model-cars{width: 100%;position: static;line-height: 1;margin-bottom: 10px;}
}
@media screen and (max-width:640px){
.ranking-cars .ranking-single{width: 100%;margin-right: 0;float: none;}
.ranking-cars .name{padding-top: 0;width: 60%;float: left;}
.ranking-cars .make{padding-left: 0;}
.ranking-cars .model{font-size: 14px;}
.ranking-cars .model-cars{width: 40%;float: right;position: absolute;}
.ranking-cars .model-cars .num{font-size: 24px;}
}


@media screen and (max-width:640px){
.list .ranking-cars,
.list .ranking-price{padding-top: 20px;}
}


/* 　home-listing
******************************************/

.home-listing {background: #fff;}
.home-listing .ranking-title i,
.home-listing .ranking-title strong{color: var(--green1);}

@media screen and (max-width:640px){
.home-listing .ranking-title{text-align: center;}
.home-listing .catch{font-size: 12px;text-align: center;}
.home-listing .graph{margin-bottom: 40px;}
}

/* 　index-future
******************************************/

.index-future{/*background: var(--sell-bg);*/}

.section-title{background: var(--sell);color: #fff;margin-bottom: 20px;text-align: left;position: relative;padding: 15px 20px;display: flex;justify-content: space-between;align-items:center;}
.section-title:before,
.section-title:after {position: absolute; content: ''; top: 100%; left: 0; border: none; border-bottom: solid 10px transparent;}
.section-title:before{ border-right: solid 20px var(--sell-h);}
.section-title:after {border-left: solid 20px var(--sell-h);right: 0;left: auto;}

.section-title .jp{font-size: 28px;line-height: 1;text-shadow:1px 1px 2px rgba(0,0,0,.2);}
.section-title .en{font-size: 12px;line-height: 1;}
.section-subtitle{font-size: 22px;color: var(--sell);}
.section-subtitle strong{color: inherit;}

@media screen and (max-width:640px){
.section-title .jp{font-size: 20px;}
.section-title .en{font-size: 10px;}
.section-subtitle{font-size: 18px;}
}

.index-aa-place{margin-bottom: 20px;}

.calendar-frame{overflow-x: scroll;border: solid 1px var(--sell);padding: 10px;background: var(--sell-bg);}

.listing-calendar{min-width: 900px;-webkit-overflow-scrolling: touch;}
.listing-calendar .single{width:24.5%;float: left;background: #fff;text-align: center;border-radius:3px;padding: 5px;margin-right: 0.4%;box-shadow:1px 1px 5px 0 rgba(0,0,0,.2);}
.listing-calendar .single:last-child{margin-right: 0;}
.listing-calendar .calendar-header{border-radius:3px;background: var(--sell);color: #fff;font-weight: bold;margin-bottom: 5px;}
.listing-calendar .calendar-total .count .num{color: var(--sell);}

.listing-calendar .site-single{border: solid 1px #ddd;padding: 5px;margin-bottom: 3px;background: #fff;text-align: center;position: relative;width: 49.3%;float: left;margin-right: 0.6%;padding-bottom: 37px;}
.listing-calendar .site-single:nth-child(2n){margin-right: 0;}
.listing-calendar .name{font-size: 10px;line-height: 1.3;margin-bottom: 3px;}
.listing-calendar .prefucture{font-size: 11px;padding: 2px 5px 0px;display: inline-block;font-weight: bold;position: absolute;right: 0;bottom: 0;width: 100%;text-align: center;}
.listing-calendar .site-single .count{text-align: center;position: absolute;bottom: 17px;width: 100%;}
.listing-calendar .site-single .count .num{color: var(--sell-h);font-size: 16px;line-height: 1;}


.site-single.area0{border-color: #e5b5d3;}
.site-single.area1{border-color: #efc3b3;}
.site-single.area2{border-color: #eef2a4;}
.site-single.area3{border-color: #b4eaab;}
.site-single.area4{border-color: #a0e8de;}
.site-single.area5{border-color: #9cd1e5;}
.site-single.area6{border-color: #98b5e0;}
.site-single.area7{border-color: #d2b2e8;}
.site-single.area8{border-color: #ccc;}

.site-single.area0 .prefucture{background: #F0D0E4;}
.site-single.area1 .prefucture{background: #F9DFD5;}
.site-single.area2 .prefucture{background: #F8FAD4;}
.site-single.area3 .prefucture{background: #D1F1CC;}
.site-single.area4 .prefucture{background: #C8EFEA;}
.site-single.area5 .prefucture{background: #CAE7F2;}
.site-single.area6 .prefucture{background: #D5E0F1;}
.site-single.area7 .prefucture{background: #E5D7EE;}
.site-single.area8 .prefucture{background: #eee;}

@media screen and (max-width:640px){
.index-aa-place .catch{font-size: 10px;}
}

/* 　category-search
******************************************/
.category{background: #eef4ec;}
.category-title{color: var(--green4);border-bottom: solid 1px var(--green4);padding-bottom: 3px;margin-bottom: 10px;font-weight: bold;font-size: 150%;text-align: left;}
.category .section-inner{}

.category-search{/*width: 75%;*/width: 100%;}
.side-category{width: 23%;}

.category-make{width: 100%;margin-bottom: 10px;}
.category-price{width: 40%;margin-bottom: 10px;text-align: center;}
.category-score{width: 58%;text-align: center;}

.list .category-make{width: 70%;margin-bottom: 0;}
.list .category-price{width: 28%;margin-bottom: 0;}
@media screen and (max-width:640px){
.category-search,
.side-category{width: 100%;}

.category-price,
.category-score{width: 100%;}

.list .category-make,
.list .category-price{width: 100%;}
}

.category-make .list-make-icon{text-align: left;display: flex;flex-wrap:wrap;}
.category-make .list-make-icon li{text-align: center;width: 10%;/*float: left;*/margin-bottom: 20px;position: relative;text-align: center;}
.category-make .list-make-icon a{text-decoration: none;display: block;border-radius:5px;padding-bottom: 1.5em;}
.category-make a:after{content:"";display: block;/*height: 5px;*/}
.category-make a:hover,
.category-make a:active,
.category-make a:focus{/*background: rgb(0,0,0,.1);*/box-shadow:1px 1px 5px 0 rgba(0,0,0,.5);}
.category-make .list-make-icon .icon-text{display: block;line-height: 1;font-weight: bold;margin-bottom: 3px;margin-top: -4px;font-size: 12px;}
.category-make .list-make-icon .stock-number{padding: 3px 10px 2px;border-radius:20px;background: var(--green1);color: #fff;position: absolute;left: 10%;bottom: 5px;width: 80%;line-height: 1;font-size: 12px;font-weight: normal;}
.category-make .list-make-import .stock-number{background: var(--green4);}


.list-make-icon .icon-make{background: url(../img/common/icon-make.png) no-repeat left 0;background-size:1000%;display: inline-block;height: 35px;width: 50px;transition:all .2s linear 0s;}
.list-make-icon .icon-make.icon-lexus{background-position: -0.7% 0;}
.list-make-icon .icon-make.icon-toyota{background-position: 11% 0;}
.list-make-icon .icon-make.icon-honda{background-position: 22.2% 0;}
.list-make-icon .icon-make.icon-nissan{background-position: 33.8% 0;}
.list-make-icon .icon-make.icon-suzuki{background-position: 44.5% 0;}
.list-make-icon .icon-make.icon-daihatsu{background-position: 55.5% 0;}
.list-make-icon .icon-make.icon-mazda{background-position: 66.8% 0;}
.list-make-icon .icon-make.icon-subaru{background-position: 78% 0;}

.list-make-icon .icon-make.icon-mitsubishi{background-position: 89% 0;}
.list-make-icon .icon-make.icon-isuzu{background-position: 100% 0;}

.list-make-icon .icon-make.icon-mercedesbenz{background-position: 0 100%;}
.list-make-icon .icon-make.icon-bmw{background-position: 11% 100%;}
.list-make-icon .icon-make.icon-volkswagen{background-position: 22.2% 100%;}
.list-make-icon .icon-make.icon-audi{background-position: 33.8% 100%;}
.list-make-icon .icon-make.icon-mini{background-position: 44.5% 100%;}
.list-make-icon .icon-make.icon-porsche{background-position: 55.5% 100%;}
.list-make-icon .icon-make.icon-volvo{background-position: 66.8% 100%;}
.list-make-icon .icon-make.icon-peugeot{background-position: 78% 100%;}
.list-make-icon .icon-make.icon-fiat{background-position: 89% 100%;}
.list-make-icon .icon-make.icon-ford{background-position: 100% 100%;}

@media screen and (max-width:1200px){
.category-make .list-make-icon .stock-number{padding: 3px 5px 2px;font-size: 10px;}
}
@media screen and (max-width:1020px){
.category-make .list-make-icon li{width: 20%;}
}

@media screen and (max-width:480px){
.category-make .list-make-icon .icon-text{font-size: 80%;}
}
.word-detail{float: right;font-size: 12px;}
.word-detail a{background: rgba(0,10,0,.3);color: #fff;padding: 2px 10px;border-radius:20px;text-decoration: none;display: block;cursor:pointer;}
.word-detail a:hover,
.word-detail a:active,
.word-detail a:focus{background: var(--green1);}

.list-price li,
.list-score li{margin-bottom: 5px;background: #fff;}

.list-price a,
.list-score a{display: block;text-decoration: none;background: #fff;border: solid 1px #dbe8d7;padding: 5px;border-radius:5px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.1);transition:all .2s linear 0s;}
.list-price a:hover,.category-price a:active,.category-price a:focus,
.list-score a:hover,.category-score a:active,.category-score a:focus{border-color: #999;transform:scale(1.02);}

.list-price a{padding: 5px 10px;font-weight: bold;}

.list-score li{width: 24.25%;float: left;margin-right: 1%;}
.list-score li:nth-child(4n){margin-right: 0;}

.list-score a{display: table;padding: 0;width: 100%;table-layout:fixed;}
.list-score dl{display: table-row;}
.list-score dt,
.list-score dd{display: table-cell;vertical-align: middle;}
.list-score dt{width: 30%;background: var(--green2);color: #fff;font-size: 150%;font-family: 'Roboto',sans-serif;line-height: 1;}
.list-score dt.no-num{font-size: 90%;}

.list-score dd{width: 60%;padding: 12px 5px;border-left: solid 1px #eee;}
.list-score dd .text{display: block;font-size: 70%;margin-bottom: 5px;}
.list-score dd .number{line-height: 1;background: #bbb;color: #fff;padding: 2px 5px;border-radius:20px;font-weight: normal;display: block;font-size: 12px;}

.side-category.right{width: 23%;}

@media screen and (max-width:1200px){
.list-score li{width: 32.2%;margin-right: 1.2%;}
.list-score li:nth-child(4n){margin-right: 1.2%;}
.list-score li:nth-child(3n){margin-right: 0;}

.list-score dt,
.list-score dd{padding: 5px;}
}

@media screen and (max-width:1000px){
.list-price a{padding: 20px 5px;}
.list-score li{width: 49.5%;;margin-right: 1%;}
.list-score li:nth-child(4n){margin-right: 1%;}
.list-score li:nth-child(3n){margin-right: 1%;}
.list-score li:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width:640px){
.list-price li{width: 49.5%;margin-right: 1%;float: left;}
.list-price li:nth-child(2n){margin-right: 0;}

.list-score dd .number{display: inline-block;}

.side-category.right{width: 100%;padding-top: 20px;}
}
@media screen and (max-width:480px){
.list-score dt{width: 30%;font-size: 160%;}
.list-score dd .text{margin-bottom: 2px;}
}

.category-after{clear: both;text-align: center;padding-top: 20px;}
.category-after ul.banner  { margin: auto; width: 960px;}
.category-after .banner li{display: block;width: 31%;margin-right: 2%;float: left;}
.category-after .banner li img{max-width: 300px;}
.category-after .banner li:nth-child(3) {margin-right: 0!important;}
.category-after .category-after-link, .category-after .category-after-text {font-size: 80%; padding-top: 8px; }
.category-after .category-after-link a { text-decoration: none!important;  }
.category-after .category-after-link a:hover { color: #2b9700!important; }
.category-after .category-after-text {font-size: 80%; margin-top: -8px;  }

@media screen and (max-width:1260px){
.category-after ul.banner  { width: 100%;}
}

@media screen and (max-width:640px){
.category-after .banner li {width: 49%;}
.category-after .banner li:nth-child(2) {margin-right: 0!important;}
.category-after .banner li:last-child {width: 100%; margin-top: 10px;}
.category-after .banner li img {max-width: 100%;}
.category-after .category-after-link { padding-top: 5px; }
}

.category-type{margin-bottom: 20px;}
.category-type li{width: 10%;float: left;text-align: center;margin-bottom: 5px;}
.category-type a{text-decoration: none;display: block;border-radius:10px;padding-bottom: 2px;}
.category-type a:hover,
.category-type a:active,
.category-type a:focus{background: rgb(0,0,0,.1);}
.category-type .icon-type{background: no-repeat url(../img/common/icon-type.png);background-size:1000%;display: block;width: 50px;height: 30px;margin: 0 auto -10px;}
.category-type .icon-text{display: block;font-weight: bold;font-size: 11px;}
.category-type .stock-number {background: var(--green1);color: #fff;border-radius:20px;padding: 3px 10px 2px;font-size: 12px;}

.category-type .icon-type0{background-position: 0 0;}
.category-type .icon-type1{background-position: 10% 0;}
.category-type .icon-type2{background-position: 22% 0;}
.category-type .icon-type3{background-position: 33% 0;}
.category-type .icon-type4{background-position: 44% 0;}
.category-type .icon-type5{background-position: 55% 0;}
.category-type .icon-type6{background-position: 66% 0;}
.category-type .icon-type7{background-position: 78% 0;}
.category-type .icon-type8{background-position: 89% 0;}
.category-type .icon-type9{background-position: 100% 0;}
@media screen and (max-width:1200px){
.category-type .stock-number{padding: 3px 5px 2px;font-size: 10px;}
}
@media screen and (max-width:1020px){
.category-type li{width: 20%;}
}
@media screen and (max-width:480px){
.category-type .icon-text{font-size: 80%;margin-bottom: -3px;}
}

/* 　side
******************************************/

.side .btn{width: 100%;display: block;}

.side-inquiry{margin-bottom: 20px;}
.side-inquiry .btn{margin-bottom: 10px;text-align: right;}
.side-inquiry .btn-buy{background:#f82d62 url(../img/common/cta/buy-img.png) no-repeat 2% top;background-size:contain;color: #fff;margin-right: 10px;padding-right: 5%;}
.side-inquiry .btn-buy:hover,
.side-inquiry .btn-buy:active,
.side-inquiry .btn-buy:focus{background-color: #d7194b;}
.side-inquiry .btn-sell{background:#1b7cd0 url(../img/common/cta/sell-img.png) no-repeat 98% top;background-size:contain;color: #fff;padding-left: 5%;}
.side-inquiry .btn-sell:hover,
.side-inquiry .btn-sell:active,
.side-inquiry .btn-sell:focus{background-color: #0c64b0;}


.side-banner{margin-bottom: 20px;}
.side-banner li{margin-bottom: 10px;}
.side-banner a img{transition:all .2s linear 0s;}
.side-banner a:hover img,
.side-banner a:active img,
.side-banner a:focus img{transform:scale(1.02);}

.side-nav{margin-bottom: 20px;}
.side-nav li{border-bottom: solid 1px #ddd;border-bottom: solid 1px #ddd;text-align: left;margin-bottom: 0;}
.side-nav a{padding: 5px;display: block;text-decoration: none;}
.side-nav a:hover,
.side-nav a:active,
.side-nav a:focus{background: #eee;}

.side-nav .icon-nav{display: inline-block;width: 60px;height: 60px;
background: no-repeat left center;background-size:500%;}
.side-nav .icon-text{vertical-align: top;display: inline-block;padding-top: 1.5em;font-weight: bold;padding-left: 1em;}
.side-nav .icon-nav.lazyloaded{background-image: url(../img/common/icon-nav-side.png);}
.side-nav .nav-price .icon-nav{background-position: 0 0;}
.side-nav .nav-tax .icon-nav{background-position: 25% 0;}
.side-nav .nav-score .icon-nav{background-position: 50% 0;}
.side-nav .nav-document .icon-nav{background-position: 75% 0;}
.side-nav .nav-auction .icon-nav{background-position: 100% 0;}

.side-nav .nav-parking .icon-nav,
.side-nav .nav-ininjyou .icon-nav,
.side-nav .nav-jyouto .icon-nav{background-size:60px;}
.side-nav .nav-parking .icon-nav{background-image: url(../img/document/icon-parking.png);}
.side-nav .nav-ininjyou .icon-nav{background-image: url(../img/document/icon-ininjyou.png);}
.side-nav .nav-jyouto .icon-nav{background-image: url(../img/document/icon-jyouto.png);}

.side-title{background: var(--green1);color: #fff;padding: 5px 10px;font-size: 120%;}

.side-article{margin-bottom: 20px;}
.side-article .article-single{border-bottom: solid 1px rgba(0,0,0,.1);}
.side-article a{display: block;padding: 10px 5px;text-decoration: none;}
.side-article a:after{display: block;content:"";clear: both;height: 0;}
.side-article .article-thumb{width: 30%;float: left;transition:all .2s linear 0s;}
.side-article a:hover .article-thumb,
.side-article a:active .article-thumb,
.side-article a:focus .article-thumb{transform:scale(1.01);}
.side-article .article-title{width: 68%;float: right;text-align: left;font-size: 100%;line-height: 1.4;}
.side-article .article-archive{text-align: right;font-size: 80%;}
.side-article .article-archive a:hover,
.side-article .article-archive a:active,
.side-article .article-archive a:focus{text-decoration: underline;}

@media screen and (max-width:1200px){
.side-nav .icon-nav{width: 30px;height: 30px;}
.side-nav .icon-text{padding-top: 10px;font-size: 80%;}
}
@media screen and (max-width:900px){
.side-inquiry .btn{width: 49%;float: left;}
.side-banner li{width: 49%;float: left;margin-right: 1%;}
.side-nav li{text-align: center;}
.side-nav .icon-nav{width: 60px;height: 60px;margin-bottom: -5px;}
.side-nav .icon-text{display: block;padding-top: 0;}
}
@media screen and (max-width:640px){
.side-inquiry .btn{width: 100%;float: none;}
.side-banner{margin-bottom: 10px;}
.side-banner li{width: 100%;float: none;margin-right: 0;}

.side-nav li{text-align: left;}
.side-nav .icon-nav{width: 60px;height: 60px;}
.side-nav .icon-text{padding-top: 1.5em;font-size: 100%;display: inline-block;}

.side-article li:last-child{border-bottom: 0;}
}

/* 　list:model
******************************************/

.model-header{border: solid 1px #ddd;padding: 15px;text-align: center;}
.model-header .model-title{width: 80%;float: left;}
.model-header .chart{width: 35%;float: right;}
.model-header .chart canvas{}
/*.model-header .control{width: 65%;float: left;}*/

.model-header .chart .btn{background: #ff6e00;border: solid 1px #ce5600;color: #fff;border-radius:30px;font-size: 12px;transition:all .1s linear 0s;width: 100%;max-width: 100%;}
.model-header .chart .btn:hover,
.model-header .chart .btn:active,
.model-header .chart .btn:focus{background: #ff8f3f;color: #fff;}

.model-header .model-thumb{width: 20%;float: left;}
.model-header .name{width: 78%;float: right;text-align: left;margin-bottom: 10px;position: relative;}
.model-header .model-summary{width: 78%;float: right;margin-bottom: 10px;}
.model-header .bodytype{position: relative;top: -2px;right: 0;}

.model-header .make{color: #999;font-size: 60%;}
.model-header .model{font-size: 100%;display: block;font-weight: bold;line-height: 1;}
.model-header .name .grade{display: block;font-size: 13px;line-height: 1;margin-top: 5px;}

.model-header .price{width: 31%;float: left;}
.model-header .model-summary > dl{width: 23%;float: left;border-left: solid 1px #ddd;}

.model-header .price .change{font-size: 12px;border-radius:30px;padding: 3px 10px 1px;color: #fff;margin-top: 3px;display: inline-block;}
.model-header .price .change i,
.model-header .price .change .num{color: #fff;line-height: 1;}
.model-header .price .change .num{font-size: 150%;letter-spacing:0;}
.model-header .price .change .updown{font-family: 'Roboto',sans-serif;}

.model-header .priceup .num,
.model-header .priceup i,
.model-header .priceup strong{color: #f82d62;}
.model-header .priceup .change{background: #f82d62;}
.model-header .pricedown .num,
.model-header .pricedown i,
.model-header .pricedown strong{color: #1b7cd0;}
.model-header .pricedown .change{background: #1b7cd0;}


.model-header .price .num,
.model-header .cars .num,
.model-header .popular .num,
.model-header .future .num{font-size: 250%;}

.model-header .price dt,
.model-header .price dd{display: inline-block;}
.model-header .price dt{width: 2.8em;padding: 0.2em;border: solid 1px #111;line-height: 1.1;font-size: 96%;}
.model-header .price .num{color: #f82d62;line-height: 1;letter-spacing:-1px;}

.model-header .price .retail{font-size: 10px;color: #666;margin: 3px auto 0;border-radius:20px;max-width: 17em;padding: 2px 2px 0;border: solid 1px #ddd;}
.model-header .price .retail dt{border: 0;width: auto;}
.model-header .price .retail .num{color: #333;font-size: 16px;letter-spacing:0;}

.model-header .cars .num{letter-spacing:-1px;}
.model-header .cars .num,
.model-header .cars i{color: var(--green1);}

.model-header .popular .num{color: #f82d62;/*line-height: 1;*/letter-spacing:-1px;}

.model-header .future a{text-decoration: underline var(--sell);}
.model-header .future .num{color: var(--sell);}
.model-header .future a:hover{text-decoration: underline #111;}
.model-header .future a:hover .num{color:#111;}

@media screen and (max-width:1200px){
/*.model-header .model-title{width: 100%;float: none;}
.model-header .chart{width: 58%;float: left;}*/
.model-header{font-size: 90%;}
.model-header .model-thumb{width: 30%;}
.model-header .name,
.model-header .model-summary{width: 68%}
.model-header .name{margin-bottom: 5px;font-size: 150%;}

.model-header .price .price-dl{display: inline-block;margin-right: 5px;margin-bottom: 5px;}
.model-header .price .change{position: relative;top: -5px;}
.model-header .price .change .num{position: relative;top: 2px;}
/*.model-header .cars dt,
.model-header .cars dd{display: inline-block;line-height: 1;}*/
.model-header .model-summary > dl dt{font-size: 80%;}

}
@media screen and (max-width:900px){
.model-header .model-title{width: 100%;float: none;}
.model-header .name{margin-bottom: 10px;}
.model-header .price{width: 100%;float: none;margin-bottom: 10px;}
.model-header .price .retail{margin-top: -5px;}
.model-header .model-summary > dl{width: 33%;}
.model-header .model-summary > dl .num{font-size: 200%;}
.model-header .model-summary .cars{border-left: 0;}
}
@media screen and (max-width:800px){
.model-header .model-title{width: 100%;float: none;}
.model-header .chart{width: 58%;float: left;clear: both;position: relative;top: -20px;}
}
@media screen and (max-width:640px){
.model-header{padding: 10px;}
.model-header .model-thumb{width: 18%;}
.model-header .name{width: 78%;margin-bottom: 0;}
.model-header .name .grade{font-size: 10px;}
.model-header .model{font-size: 90%;}
.model-header .model-summary{clear: both;width: 100%;padding-top: 5px;position: relative;z-index: 2;}
.model-header .chart{width: 100%;float: none;}
/*.model-header .chart{position: static;}*/
.model-header .price .retail{margin-top: -5px;margin-bottom: 5px;}
}
@media screen and (max-width:480px){
.model-header .model-thumb{width: 25%;}
.model-header .name{width: 73%;}
.model-header .model{font-size: 16px;}
}


/* 　list:header
******************************************/
.list-header .section-inner,
.list-chart .section-inner,
.list-table .section-inner{padding: 20px;}

.list .grade{font-size: 70%;color: #666;}
.list  .title .grade{display: inline-block;margin-right: 5px;}
.list  .sub-title .grade{display: block;font-size: 11px;}

.list-header .model-header{border: 0;padding: 0;}
.model-header .control{width: 20%;float: right;display: flex;flex-wrap:wrap;padding-top: 20px;}
.model-header .btn{text-align: center;/*max-width: 45%;*/width: 100%;border-radius:40px;padding: 5px 10px;}
.model-header .btn:first-child{margin-bottom: 10px;}
.model-header .btn .sup{display: block;font-size: 70%;margin-bottom: -5px;max-width: 100%;}
.model-header .btn .text{font-size: 150%;}
.model-header .btn .grade{color: #fff;width: 10em;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.model-header .btn-buy{background:#f82d62 url(../img/common/cta/buy-img.png) no-repeat 30px center;background-size:contain;padding-right: 5%;color: #fff;}
.model-header .btn-buy:hover,
.model-header .btn-buy:active,
.model-header .btn-buy:focus{background-color: #d7194b;}
.model-header .btn-sell{background:#1b7cd0 url(../img/common/cta/sell-img.png) no-repeat 30px center;background-size:contain;padding-left: 5%;color: #fff;}
.model-header .btn-sell:hover,
.model-header .btn-sell:active,
.model-header .btn-sell:focus{background-color: #0c64b0;}

@media screen and (max-width:1200px){
.model-header .control{clear: both;width: 100%;float: none;padding-top: 0;}
.model-header .btn{width: 49%;}
.model-header .btn:first-child{margin-right: 2%;margin-bottom: 0;}
}
@media screen and (max-width:640px){
.list-header .section-inner,
.list-table .section-inner,
.list-chart .section-inner{padding: 10px;}

.list-header .model-header{border-bottom: dashed 1px #ddd;padding-bottom: 20px;}
.model-header .control{width: 100%;float: none;}
.model-header .btn{width: 100%;}
.model-header .btn:first-child{margin-bottom: 10px;margin-right: 0;}
.model-header .btn .sup{display: block;font-size: 70%;margin-bottom: 0;max-width: 100%;}
.model-header .btn .text{font-size: 120%;}
}

/* 　list:chart
******************************************/

.list-chart{border-bottom: dashed 1px #ddd;margin-bottom: 10px;}
.list-chart .nav li{margin-right: 5px;border: solid 1px #ddd;border-bottom: 0;font-weight: bold;min-width:10%;text-align: center;}
.list-chart .nav a{text-decoration: none;margin-right: 0;display: block;}

.list-chart .nav li{border-top: solid 2px var(--green1);}

.list-chart .graph-title{border-left: solid 5px;background: #f6f6f6;padding: 10px;}
.list-chart .graph-title i{color: #999;}
.list-chart .graph .panel-chart{min-width:640px;}

.list-chart .tab-content{padding: 20px 0;}
.list-chart .panel-title{font-size: 18px;font-weight: bold;padding-top: 10px;}
.list-chart .panel-title strong{color: var(--green1);}

.list-chart .graph-data .table-graph{table-layout: fixed;margin-bottom: 5px;}
.list-chart .graph-data th{border: solid 1px #ddd;background: #eee;}
.list-chart .graph-data .cell-title{color: #fff;}

.list-chart .nav .nav-chart-listing{border-top-color: var(--green1);}
.list-chart .nav .nav-chart-contract{border-top-color: #43a9d8;}
.list-chart .nav .nav-chart-price{border-top-color: var(--buy);}
.list-chart .nav .nav-chart-rate{border-top-color: #c76ac9;}

#panel-chart-listing .graph-title{border-color: var(--green1);}
#panel-chart-contract .graph-title{border-color: #43a9d8;}
#panel-chart-price .graph-title{border-color: var(--buy);}/*#ff6e00*/
#panel-chart-rate .graph-title{border-color: #c76ac9;}

#panel-chart-listing .current .num{color: var(--green1);}
#panel-chart-contract .current .num{color: #43a9d8;}
#panel-chart-price .current .num{color: var(--buy);}
#panel-chart-rate .current .num{color: #c76ac9;}

#panel-chart-listing .change .num,
#panel-chart-contract .change .num,
#panel-chart-price .change .num,
#panel-chart-rate .change .num{color: #fff;}

#panel-chart-listing .table-graph .cell-title{background: var(--green1);}
#panel-chart-contract .table-graph .cell-title{background: #43a9d8;}
#panel-chart-price .table-graph .cell-title{background: var(--buy);}
#panel-chart-rate .table-graph .cell-title{background: #c76ac9;}

@media screen and (max-width:640px){
.list-chart .graph .graph-title{width: 100%;float: none;margin-bottom: 10px;}

.list-chart .graph-data .table-graph{font-size: 10px;}
.list-chart .graph-data .table-graph th{font-size: 8px;}
.list-chart .graph-data .table-graph .cell-title{display: none;}
.list-chart .graph-data .table-graph .num{font-size: 11px;}

.list-chart .nav li{width:25%;font-size: 10px;margin-right: 0;}
.list-chart .nav i{font-size: 150%;margin-right: 0;display: block;margin: 3px;}
.list-chart .nav a{padding: 5px 10px;}
.list-chart .nav a .icon-text{font-size: 11px;}
}

/* 　list:table
******************************************/

.list-table .nav li{margin-right: 5px;border: solid 1px #ddd;border-bottom: 0;font-weight: bold;min-width:10%;text-align: center;}
.list-table .nav a{text-decoration: none;margin-right: 0;display: block;}
.list-table .nav .nav-year{border-top: solid 2px var(--green1);}
.list-table .nav .nav-mileage{border-top: solid 2px #43a9d8;}
.list-table .nav .nav-grade{border-top: solid 2px #ff6e00;}
.list-table .nav .nav-disabled{border-top: solid 2px #ccc;}
.list-table .nav .nav-disabled a{background: #f3f3f3;color: #ccc;border-bottom: solid 1px #ddd;}

.list-table .tab-content{padding: 20px 0;}
.list-table .panel-title{font-size: 18px;font-weight: bold;padding-top: 10px;}
.list-table .panel-title strong{color: var(--green1);}
.list-table #panel-mileage .panel-title strong{color: #43a9d8;}
.list-table #panel-grade .panel-title strong{color: #ff6e00;}

.list-table #panel-grade .panel-title{overflow: hidden;}
.list-table #panel-grade .sort-grade{display: inline-block;padding: 2px 10px;float: right;font-size: 12px;position: relative;top: -5px;}

.table-model{background: #fff;}
.table-model .row-year th{width: 5.8%;}
.table-model .row-year th:first-child{width: 11.6%;}
.table-model th,
.table-model td{padding: 5px 2px;text-align: center;border: solid 1px #ddd;line-height: 1.2;vertical-align: middle;}
.table-model .after{display: block;font-size: 80%;}

.table-model thead .row-year{background: var(--green1);color: #fff;}
.table-model thead .row-number{background: #e2f4de;color: var(--green4);}

.table-model tbody .cell-price{background: #ffed99;}
.table-model tbody .cell-number{background: #e2f4de;color: var(--green4);}

.table-model tbody td{padding: 0;}
.table-model tbody td a{color: #0f57a5;display: block;padding: 5px 2px;transition:all .2s linear 0s;}
.table-model tbody td a:hover,
.table-model tbody td a:active,
.table-model tbody td a:focus{color: #111;}
.table-model .stock0{background: #fff;}
.table-model .stock1{background: #f1f9ff;}
.table-model .stock2{background: #d8ecfc;}
.table-model .stock3{background: #b1d7f7;}

.table-model-mileage thead .row-mileage{background: #43a9d8;color: #fff;}

.table-model-grade thead .row-price th{padding: 10px 3px;}
.table-model-grade thead .row-price th:first-child{width: 20%;}
.table-model-grade thead .row-price{background: #ff6e00;color: #fff;}
.table-model-grade tbody .cell-grade{text-align: left;font-size: 90%;max-width: 200px;overflow: hidden;text-overflow:ellipsis;}

.frame-grade{max-height: 500px;overflow-y: scroll;border: solid 1px #111;}
.frame-grade table{margin: 0;border: 0;}

@media screen and (max-width:1200px){
.table-model .row-year th:first-child{width: 15%;}
}
@media screen and (max-width:900px){
.table-model .row-year th:first-child{width: 20%;}
}
@media screen and (max-width:700px){
.table-model{display: block;overflow-x: scroll;white-space: nowrap;-webkit-overflow-scrolling: touch;border: solid 1px #ddd;font-size: 80%;}
.frame-grade{max-height: 400px;}
}
@media screen and (max-width:640px){
.list-table .nav li{width:30%;font-size: 10px;}
.list-table .nav a{padding: 10px 5px;}
.list-table .nav i{text-align: center;font-size: 150%;}
.list-table .nav .icon-text{display: block;font-size: 11px;}
}

/* 　list:search
******************************************/

.list .search{background: #f6f6f6;border: solid 1px #ddd;border-left: 0;border-right: 0;text-align: center;}
.list .search .section-inner{padding: 20px;}
.list .search-title h2{text-align: left;font-size: 150%;margin-bottom: 20px;font-weight: bold;}
.list .search select.form-control{max-width: 80%;}
.list .search .input-group.input-range select{padding: 5px 0;}
.list .search-col{width: 32%;margin-right: 2%;float: left;}
.list .search-col:nth-child(3){margin-right: 0;}

.list .search-col dl{text-align: left;margin-bottom: 10px;}
.list .search-col2 dl{width: 50%;float: left;}
.list .search-col .free{width: 100%;float: none;clear: both;}
.list .search-col .free input{width: 100%;}
.list .search-col .free select{width: 90%;}
.list .search-col .price{width: 100%;float: none;}
.list .search .label-block label{background: #fff;padding: 5px 12px;}
.list .search .label-block label.label-checked{background: #dee4ed;}
.list .search .label-block input{margin-right: 5px;position: relative;top: -3px;}

.list .search-control{clear: both;margin-bottom: 10px;}
.list .search-control .btn-reset,
.list .search-control .btn-clear{float: left;}
.list .search-control .btn-submit{padding: 10px 20px;max-width: 300px;font-size: 120%;}

.list .search-bottom{clear: both;margin-top: -10px;margin-bottom: 10px;display: flex;flex-wrap:wrap;}
.list .search-bottom > dl{width: 38%;margin-right: 2%;}
.list .search-bottom > dl:last-child{margin-right: 0;}
.list .search-bottom .mission{width: 20%;}
.list .search-bottom .period input{vertical-align: middle;}
/*.list .search-bottom .mission{width: 32%;float: left;margin-right: 2%;}
.list .search-bottom .score{width: 66%;float: right;margin-right: 0;}*/
.list .search-bottom dt,
.list .search-bottom dd{text-align: left;}
.list .search .checkbox-color .color-gold:before,
.list .search .checkbox-color .color-silver:before,
.list .search .checkbox-color .color-other:before {
    top: -60%;
    left: -40%;
}

.list .search-bottom2{clear: both;padding-top: 10px;text-align: left;}
.list .search-bottom2 .type input{display: none;}
.list .search-bottom2 .type label{text-align: center;position: relative;}
.list .search-bottom2 .type label i{display: none;position: absolute;top: 2px;right: 2px;color: var(--green1);font-size: 18px;}
.list .search-bottom2 .type label.label-checked{border-color: var(--green1);background: #e7f4e3;}
.list .search-bottom2 .type label.label-checked .icon-type{opacity: .5;}
.list .search-bottom2 .type label.label-checked i{display: block;}
.list .search-bottom2 .type .icon-text{margin-top: 5px;}


.list .search-close{display: none;}
@media screen and (max-width:1200px){
.list .search-col2 dl{width: 100%;float: none;}
.list .search-bottom {width: 66%;float: right;clear: none;padding-top: 10px;}
.list .search .checkbox-color .color-gold:before,
.list .search .checkbox-color .color-silver:before,
.list .search .checkbox-color .color-other:before {
    top: -50%;
    left: -20%;
}
}
@media screen and (min-width:801px){
.list .search-body{display: block !important;}
}
@media screen and (max-width:800px){
.list  .search-title{border: solid 1px #ddd;border-radius:5px;text-align: center;padding: 15px 10px;background: #fff;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);cursor:pointer;transition:all .2s linear 0s;}
.list  .search-title:hover{transform:scale(1.02);opacity: .8;}
.list  .search-title h2{margin-bottom: 0;text-align: center;font-size: 110%;}
.list .search-body{display: none;background: #fff;padding: 10px;border: solid 1px #ddd;border-top: 0;}
.list .search-body.show{display: block;}
.list .search-close{display: block;padding: 10px;text-align: center;border: solid 1px #ddd;border-radius:5px;background: #f6f6f6;cursor:pointer;transition:all .2s linear 0s;}
.list .search-close:hover{transform:scale(1.02);opacity: .8;}

.list .search-col .make,
.list .search-col .model{width: 50%;float: left;}
.list .search-col{width: 100%;float: none;margin-bottom: 0;}
.list .search-control{padding-top: 10px;margin-bottom: 20px;}
.list .search-bottom {width: 100%;float: none;clear: both;}
}
@media screen and (max-width:640px){
.list .search .section-inner{padding: 10px;}
.list .search-bottom .period,
.list .search-bottom .mission,
.list .search-bottom .score{width: 100%;float: none;}
.list .search-bottom .period,
.list .search-bottom .mission{margin-bottom: 10px;}
.list .search-bottom .score{font-size: 90%;}
.list .search-control .btn-reset{padding: 10px 20px;font-size: 90%;}

.list .search-bottom2 .type label{padding: 5px;}
.list .search-bottom2 .type .icon-type{width: 45px;}
.list .search-bottom2 .type .icon-text{font-size: 10px;}
}


/* 　list:result
******************************************/
.list .result-header{position: relative;margin-bottom: 10px;}
.list .result-total{float: left;font-size: 16px;}
.list .result-total .num{font-size: 24px;line-height: 1;}
.list .result-total .result-current{font-size: 12px;display: block;color: #111;text-align: left;}
.list .result-total .result-current .num{color: #111;font-size: 16px;}
.list .result-header .pagination{margin-top: 8px;margin-bottom: 0;}
.list .result-text{float: right;}
.list .result-sort{float: right;}
.list .result-sort select{padding: 4px 10px;}
.list .result-sort .btn-layout i{margin-right: 0;}
.list .result-count{margin-bottom: 10px;}

.btn-group-toggle .btn{padding: 10px 15px;}
.btn-group-toggle .btn.label-checked {background: #333;color: #fff;box-shadow:none;}
.btn-group-toggle .btn+.btn{margin-left: 0;}
@media screen and (max-width:800px){
.list .result-total{float: none;text-align: center;margin-bottom: 10px;}
.list .result-total .result-current{float: none;text-align: center;display: inline-block;background: #f6f6f6;border-radius:30px;padding: 3px 10px;}
.list .result-header .pagination{float: left;clear: both;}
.list .result-sort{float: right;}
}
@media screen and (max-width:640px){
.list .result-total{margin-bottom: 0;}
.list .result-header .pagination{float: none;margin-bottom: 10px;}
.list .result-all + .result-header .pagination{float: none;}
.list .result-sort{float: right;margin-bottom: 10px;}
.list .result-sort select{padding: 0 10px;}

}

.list .no-result{width: 100%;border: solid 1px #ddd;margin-bottom: 20px;font-size: 110%;padding: 20px;text-align: center;}
.list .no-result h2{font-size: 120%;font-weight: bold;margin-bottom: 10px;padding-top: 10px;color: var(--green1);}

.list .result-single{position: relative;border: solid 1px #ddd;width: 49.5%;margin-right: 1%;float: left;margin-bottom: 10px;display:flex;flex-wrap:wrap;}
.list .result-single:nth-child(2n){margin-right: 0;}
.list .result-single .car-title{width: 40%;float: left;padding: 10px;}
.list .result-single .summary{width: 60%;float: right;padding: 10px 20px 10px 10px;}

.list .result-single .car-title{text-align: left;}
.list .result-single .make{font-size: 14px;color: #999;}
.list .result-single .bodytype{position: static;}
.list .result-single .model{font-size: 12px;font-weight: bold;display: block;line-height: 1.3;}
.list .result-single .grade{display: block;font-size: 50%;}
.list .result-single .type{display: block;font-size: 50%;color: #bbb;}
.list .result-single .score{position: absolute;color: var(--green1);top: 0;right: 0;border-left: solid 1px #eee;border-bottom: solid 1px #eee;padding: 5px 10px;text-align: center;}
.list .result-single .score dt{font-size: 85%;}
.list .result-single .score .num{font-size: 20px;line-height: 1;}
.list .result-single .score .other{font-size: 14px;font-weight: bold;margin-top: 3px;}
.list .result-single .price{font-weight: bold;line-height: 1;padding-top: 10px;text-align: center;}
.list .result-single .price .num{font-size: 250%;color: #f82d62;}
.list .result-single .price .no-price{color: #ddd;font-size: 18px;}

.list .result-single .retail{text-align: center;padding-top: 5px;}
.list .result-single .retail dl{border-radius:20px;padding: 0 20px 0 15px;color: #fff;display: inline-block;line-height: 1;text-align: center;position: relative;background: var(--green1);}
.list .result-single .retail dt,
.list .result-single .retail dd{display: inline-block;font-size: 12px;}
.list .result-single .retail dt{font-size: 11px;vertical-align: middle;}
.list .result-single .retail .num{font-size: 16px;color: #ff0;}
.list .result-single .retail i{position: absolute;right: 1px;font-size: 16px;cursor:pointer;top: 3px;}
.list .cell-retail i{font-size: 12px;cursor:pointer;margin-right: 0;}
.list .result-single .retail i:hover,
.list .cell-retail i:hover{color: #ff0;}
.list .result-single .retail .tooltip,
.list .cell-retail .tooltip{font-size: 12px;max-width: 320px;width: 90%;text-align: left;}

.list .result-single .table-data{margin-bottom: 0;table-collapse:collapse;}
.list .result-single .table-data th,
.list .result-single .table-data td{padding: 3px 5px;font-size: 80%;border: solid 1px #fff;}
.list .result-single .table-data th{width: 30%;}
.list .result-single .table-col2 td:nth-child(2){border-right: 0;}

.list .result-single .result-control{clear: both;text-align: right;width: 100%;overflow: hidden;display: flex;justify-content:space-between;padding: 10px;}
.list .result-single .btn{font-weight: bold;font-size: 12px;text-align: center;display: inline-block;text-decoration: none;padding: 10px 10px;border: solid 1px #ccc;box-shadow:none;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}
.list .result-single .btn i{font-size: 16px;vertical-align: middle;margin-right: 5px;position: relative;top: -2px;}

.list .result-single .btn-sub{width: 66%;display: flex;justify-content:space-between;}
.list .result-single .btn-inquiry{width: 33%;}
.list .result-single .btn-sub .btn{width: 49%;color: #333;}


.list .result-single .btn-resale{background: var(--concierge-bg);border-color: var(--concierge-dark);}
.list .result-single .btn-resale i{color:var(--concierge-dark);}
.list .result-single .btn-resale:hover,
.list .result-single .btn-resale:active,
.list .result-single .btn-resale:focus{background: var(--concierge);}

.list .result-single .btn-inquiry{background:var(--buy);color: #fff;}
.list .result-single .btn-inquiry i{color:#fff;}
.list .result-single .btn-inquiry:hover,
.list .result-single .btn-inquiry:active,
.list .result-single .btn-inquiry:focus{background: var(--buy-h);transform:scale(1.05);webkit-font-smoothing: antialiased;}

.list .result-single .btn-future{background:var(--sell-bg);border-color: var(--sell);}
.list .result-single .btn-future i{color:var(--sell);}
.list .result-single .btn-future:hover,
.list .result-single .btn-future:active,
.list .result-single .btn-future:focus{background: var(--sell);color: #fff;}
.list .result-single .btn-future:hover i,
.list .result-single .btn-future:active i,
.list .result-single .btn-future:focus i{color: #fff;}

.list .result-single .btn-path{background:var(--green3);}
.list .result-single .btn-path i{color:var(--green1);}
.list .result-single .btn-path:hover,
.list .result-single .btn-path:active,
.list .result-single .btn-path:focus{background: var(--green1);color: #fff;}


.list .result-single .btn-future .num{background: #fff;padding: 1px 5px;border-radius:30px;color: var(--sell);line-height: 1;display: inline-block;margin-left: 5px;}
.list .result-single .btn-path .num{background: #fff;padding: 1px 5px;border-radius:30px;color: var(--green1);line-height: 1;display: inline-block;margin-left: 5px;}


.list .color-icon{display: inline-block;width: 1em;height: 1em;border: solid 1px #eee;margin-right: 2px;position: relative;overflow: hidden;}
.color-white{background: #fff;}
.color-pearl{background: #fcfbe0;}
.color-gray{background: #999;}
.color-black{background: #111;}
.color-red{background: #f00;}
.color-orange{background: #f90;}
.color-yellow{background: #ff0;}
.color-brown{background: #663618;}
.color-beige{background: #efe0bf;}
.color-blue{background: #00f;}
.color-water{background: #3cf;}
.color-green{background: #390;}
.color-purple{background: #60c;}
.color-pink{background: #f0c;}
.color-gold{background: #c93;}
.color-silver{background: #ccc;}
.color-other{background: #fff;}

.color-gold:before,
.color-silver:before,
.color-other:before{display: block;content:"";transform:rotate(45deg);position: absolute;top: -280%;left: -100%;width: 200%;height: 500%;}

.color-gold:before,
.color-silver:before{background: rgba(255,255,255,.3);}
.color-other:before{border: solid 2px #f00;}

@media screen and (max-width:1200px){
.list .result-single .car-title{width: 100%;float: none;padding-bottom: 0;}
.list .result-single .summary{width: 100%;float: none;padding-top: 0;margin-top: -5px;}
.list .result-single .price{padding-top: 0;text-align: right;}
.list .result-single .retail{text-align: right;}
}
@media screen and (max-width:965px){
.list .result-single{font-size: 80%;}

.list .result-single .btn{font-weight: bold;font-size: 12px;padding: 5px 10px;}
.list .result-single .btn i{display: block;width: 100%;line-height: 1;font-size: 16px;margin: 3px 0 3px;}
}
@media screen and (max-width:700px){
.list .result-single .btn{font-size: 11px;padding: 5px;}
}
@media screen and (max-width:640px){
.list .result-single{width: 100%;float: none;}
.list .result-single .model{font-size: 100%;}
.list .result-single .grade{font-size: 70%;}
.list .result-single .type{font-size: 60%;}
.list .result-single .score dt{font-size: 80%;}

.list .result-single .table-data th,
.list .result-single .table-data td{padding: 2px;font-size: 12px;}
.list .result-single .table-data th{width: 23%;}
.list .result-single .score .num{font-size: 160%;}
.list .result-single .score .other{font-size: 110%;}
.list .result-single .price .num{font-size: 200%;}
.list .result-single .summary{padding-top: 5px;}
.list .no-result p{font-size: 11px;}
.list .no-result h2{font-size: 16px;}
.list .result-single .grade{margin-bottom: 5px;}

.list .result-single .retail i{top: 3px;}
.list .result-single .btn-sub{padding-top: 0;}
}


/* 　list:table-result
******************************************/

.list .table-frame{overflow-x: scroll;border: solid 1px #ddd;}
.list .table-frame table{min-width:1280px;margin: 0;-webkit-overflow-scrolling: touch;}
.list .table-result th,
.list .table-result td{padding: 5px;vertical-align: middle;}
.list .table-result td{text-align: center;}

/*.list .table-result,
.list .table-result tr{border-left: 0;}
.list .table-result th:first-child,
.list .table-result td:first-child{border-left: 0;}*/

.list .table-result thead{background: var(--green1);color: #fff;}
.list .table-result thead th{border: solid 1px #ddd;}
.list .table-result .row-single{font-size: 12px;}

.list .table-result tbody .cell-price .num{color: #f82d62;font-size: 14px;margin-right: -2px;}
.list .table-result tbody .cell-score{color: var(--green1);}
.list .table-result .cell-make{width: 7%;}
.list .table-result .cell-model{width: 12%;}
.list .table-result .cell-grade{width: 15%;font-size: 10px;}
.list .table-result .cell-retail .num{color: var(--green1);}
.list .table-result .cell-btn,
.list .table-result .cell-resale{width: 7%;}
.list .table-result .cell-mission,
.list .table-result .cell-future{width: 5%;}

.list .table-result thead .cell-mission{font-size: 10px;}

.list .table-result tbody .cell-path{}
.list .table-result .cell-path a{text-decoration: none;padding: 5px 10px;font-size: 10px;}
.list .table-result .cell-path a[href]{color: var(--green1);font-weight: bold;background: var(--green3);}
.list .table-result .cell-path a[href]:hover,
.list .table-result .cell-path a[href]:active,
.list .table-result .cell-path a[href]:focus{background: var(--green1);color: #fff;}

.list .table-result tbody .cell-future{}
.list .table-result .cell-future a{text-decoration: none;padding: 5px 10px;font-size: 10px;}
.list .table-result .cell-future a[href]{color: var(--sell);font-weight: bold;background: var(--sell-bg2);}
.list .table-result .cell-future a[href]:hover,
.list .table-result .cell-future a[href]:active,
.list .table-result .cell-future a[href]:focus{background: var(--sell);color: #fff;}

.list .table-result .btn{font-size: 10px;padding: 5px 10px;}
.list .table-result .btn-buy{background: var(--buy);color: #fff;}
.list .table-result .btn-buy:hover,
.list .table-result .btn-buy:active,
.list .table-result .btn-buy:focus{background: var(--buy-h);}

.list .table-result .btn-resale{background: var(--concierge-bg);color: #111;}
.list .table-result .btn-resale:hover,
.list .table-result .btn-resale:active,
.list .table-result .btn-resale:focus{background: var(--concierge);}

.list .table-result .btn-disabled{background: #eee !important;color: #999 !important;box-shadow:none;}
.list .table-result .btn-disabled i{color: #999 !important;}

@media screen and (max-width:1200px){
.list .table-result th,
.list .table-result td{font-size: 10px;}
}
@media screen and (max-width:900px){
.list .table-result td{border: solid 1px #ddd;}

.list .table-result .cell-make,
.list .table-result .cell-model{position: sticky; left: 0;z-index: 1;}
.list .table-result .cell-model{z-index: 2;width: 9%;}

.list .table-result thead .cell-model{background: #1d7f00;}
.list .table-result tbody .cell-model{background: rgba(230,230,230,.9);}

.list .table-result .btn-resale,
.list .table-result .btn-future{padding: 5px !important;}
}

/* 　list:recommend
******************************************/

.recommend-price{background: #eee;border-top: solid 1px #ddd;border-bottom: solid 1px #ddd;}

.recommend-price .result-single{width: 23.5%;margin-right: 2%;background: #fff;padding: 10px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.1);font-size: 16px;padding: 15px 10px 10px;text-align: center;position: relative;}
.recommend-price .result-single:nth-child(2n){margin-right: 2%;}
.recommend-price .result-single:last-child{margin-right: 0;}

.recommend-price .result-single .model-thumb{width: 30%;float: left;}
.recommend-price .result-single .name{width: 68%;float: right;text-align: left;line-height: 0;}

.recommend-price .result-single .make{color: #999;font-size: 12px;line-height: 1;margin-bottom: 5px;}
.recommend-price .result-single .model{font-size: 18px;display: block;font-weight: bold;line-height: 1.4;}
.recommend-price .result-single .bodytype{position: absolute;}

.recommend-price .result-single .model-summary{padding-top: 10px;}
.recommend-price .result-single .popular{background: #eee;border-radius:30px;text-align: center;display: inline-block;padding: 3px 10px;clear: both;font-size: 12px;}
.recommend-price .result-single .popular dt,
.recommend-price .result-single .popular dd{display: inline-block;}
.recommend-price .result-single .popular .num{color: #f82d62;}
.recommend-price .result-single .popular dt{font-size: 90%;}

.recommend-price .result-single .price{text-align: center;margin-bottom: 5px;}
.recommend-price .result-single .price dt,
.recommend-price .result-single .price dd{display: inline-block;}
.recommend-price .result-single .price dt{border: solid 1px #111;width: 2.8em;line-height: 1;padding: 5px 3px;font-size: 13px;position: relative;top: -2px;}
.recommend-price .result-single .price .num{line-height: 1;}
.recommend-price .result-single .btn{font-size: 80%;width: 100%;white-space:normal;line-height: 1.2;padding: 10px;font-size: 12px;}

@media screen and (max-width:1200px){
.recommend-price .result-single{width: 49%;}
.recommend-price .result-single:nth-child(2n){margin-right: 0;}

.recommend-price .result-single .model-summary{width: 68%;float: right;}
}
@media screen and (max-width:900px){
.recommend-price .result-single{font-size: 80%;}
}
@media screen and (max-width:640px){
.recommend-price .result-single{width: 100%;float: none;}
.recommend-price .result-single .make{font-size: 11px;}
.recommend-price .result-single .model{font-size: 16px;}
.recommend-price .result-single .price dl{padding-top: 3px;}
.recommend-price .result-single .price dt{font-size: 11px;}

.recommend-price .result-single .model-summary{padding-top: 5px;}
}


.recommend-type{background: #edf4f7;}

.recommend-type .sub-title .text{display: inline-block;padding-top: 15px;}
.recommend-type .sub-title strong{color: #2ea4db;}

.recommend-type .btn-more{font-size: 12px;float: right;border-radius:30px;text-shadow:-1px -1px 1px rgba(0,0,0,.2);}
.recommend-type .btn-more i{margin-right: 7px;}
.recommend-type .btn-more strong{color: #ff0 !important;}
.recommend-type .btn-more i{color: #fff;}

@media screen and (max-width:640px){
.recommend-type .sub-title .text{padding-top: 5px;}
.recommend-type .btn-more{font-size: 10px;}
}


/* 　future
******************************************/

.future h1.title{margin-bottom: 20px;color: var(--sell);background-color: transparent;}
.future .content{background: var(--sell-bg);}
.future .result-single,
.future .no-result{background: #fff;}

.list .search-future{background-color: transparent;border: 0;margin-bottom: 40px;}
.list.lower .search-future{margin-bottom: 0;}

.list .search-future .section-inner{border: solid 1px var(--sell);background: #fff;border-radius:10px;box-shadow:1px 1px 5px 0 rgba(0,0,0,.3);padding: 0;}
.list .search-future .search-title,
.list .search-future .search-body{padding: 20px;}
.list .search-future .search-title{background: var(--sell);color: #fff;border-radius:10px 10px 0 0;}
.list .search-future .search-title h2{text-align: center;margin-bottom: 0;text-shadow:1px 1px 2px rgba(0,0,0,.3);}
.list .search-future .search-title p{margin-bottom: 0;}
.list .search-future .search-title i{margin-right: 10px;}
.list .search-future .btn{border-radius:30px;}
.list .search-future .desc{font-weight: bold;background: #fff;border-radius:30px;margin-top: 5px;color: var(--sell);display: inline-block;padding: 2px 20px;}

.list .search-future .search-bottom .score{width: 100%;}

.future .table-result thead{background: var(--sell);}
.future .no-result h2,
.future .result-single .score,
.future .table-result tbody .cell-score{color: var(--sell);}

@media screen and (max-width:1400px){
.list .search-future{padding: 0 20px;}
}
@media screen and (max-width:1200px){
.list .search-future .search-bottom .score{width: 78%;}
}
@media screen and (max-width:900px){
.future .table-result thead .cell-model{background: var(--sell);}
}
@media screen and (max-width:800px){
.list .search-future .section-inner{border: 0;}
.list .search-future .search-title{border-radius:10px;border: 0;
background: var(--sell);
background: linear-gradient(180deg, #40a0ef 0%, var(--sell) 100%);}
.list .search-future .search-title.open{border-radius:10px 10px 0 0;}
}
@media screen and (max-width:640px){
.list .search-future{padding: 0;}
.list .search-future .search-bottom .score{width: 100%;}

.future .search-future{margin: 10px;}
}

/* 　sub
******************************************/
.sub .content{padding: 40px 20px;background: #fff;max-width: 1200px;margin: 60px auto;}

/* 　inquiry
******************************************/

.inquiry .content-inner .title{border-bottom: solid 2px #111;background: url(../img/common/cta/buy-img.png) left bottom no-repeat;background-size:1.5em;padding-left: 2em;padding-bottom: 10px;}
.inquiry .title .inq-balloon{width: 80px;margin-right: 5px;}
.inquiry-sell .content-inner .title{background-image: url(../img/common/cta/sell-img.png);}

.inquiry .step{background: var(--green1);color: #fff;font-family: "Roboto",sans-serif;display: inline-block;padding: 2px 7px;margin-right: 5px;line-height: 1;}

.inquiry-header{border: solid 2px var(--green1);margin-bottom: 40px;}
.inquiry-header .section-inner{margin-bottom: 0;}
.inquiry-header .sub-title{background: var(--green1);color: #fff;padding: 10px 20px;position: relative;top: -20px;left: -20px;display: inline-block;margin-bottom: 0;font-size: 110%;}
.inquiry-header-box{position: relative;padding: 20px;}
.inquiry-header-box + .inquiry-header-box{border-top: solid 1px var(--green1);}
.inquiry-header-box li{border-bottom: dotted 1px #ddd;padding: 10px 0;}

.table-inquiry{font-size: 90%;}
.table-inquiry th,
.table-inquiry td{padding: 5px;}

.table-inquiry input[type=checkbox]{margin-top: 0;margin-right: 5px;}
.table-inquiry .input-range select{width: auto;min-width:10em;}
.table-inquiry .form-desc{background: #f6f6f6;padding: 10px;margin-bottom: 10px;}

.table-inquiry .row-submit td{padding: 10px;}
.table-inquiry .row-submit .btn{padding: 20px 30px;min-width:50%;font-size: 140%;}
.table-inquiry .row-submit .btn i{margin-right: 5px;}

.table-inquiry .input-prefucture{width: 40%;float: left;}
.table-inquiry .input-prefucture select{width: 100%;}
.table-inquiry .input-city{width: 58%;float: right;}
.table-inquiry .input-address{clear: both;}

.inquiry-buy .title strong,
.inquiry-buy .inquiry-header i{color: #f82d62;}
.inquiry-buy .inquiry-header,
.inquiry-buy .inquiry-header-box{border-color: #f82d62;}
.inquiry-buy .step,
.inquiry-buy .row-submit .btn,
.inquiry-buy .inquiry-header .sub-title{background: #f82d62;color: #fff;}

.inquiry-buy .row-submit .btn:hover,
.inquiry-buy .row-submit .btn:active,
.inquiry-buy .row-submit .btn:focus{background: #db1143;}

.inquiry-sell .title strong,
.inquiry-sell .inquiry-header-box i{color: #1b7cd0;}
.inquiry-sell .inquiry-header,
.inquiry-sell .inquiry-header-box{border-color: #1b7cd0;}
.inquiry-sell .step,
.inquiry-sell .row-submit .btn,
.inquiry-sell .inquiry-header .sub-title{background: #1b7cd0;color: #fff;}

.inquiry-sell .row-submit .btn:hover,
.inquiry-sell .row-submit .btn:active,
.inquiry-sell .row-submit .btn:focus{background: #0b6bba;}

@media screen and (max-width:900px){
.inquiry .content-inner .title{font-size: 160%;}
.inquiry .title .inq-balloon{width: 60px;}
}
@media screen and (max-width:640px){
.table-inquiry th::after,
.table-inquiry td::after{content:"";display: block;clear: both;height: 0;}
.table-inquiry .input-tel input{width: 30%;}
.table-inquiry .row-submit .btn{width: 100%;}
}
@media screen and (max-width:480px){
.inquiry .content-inner .title{font-size: 130%;}
.inquiry .title .inq-balloon{width: 50px;}
}

/* 　rule
******************************************/


.rule-box{width: 80%;font-size: 12px;height: 200px;overflow-y: scroll;margin: auto;border: solid 1px #ddd;padding: 20px;font-weight: normal !important;}
.rule-box .section{margin-bottom: 30px;}
.rule-box .inner{padding: 10px 20px;background: #f6f6f6;}
.rule-box h2{font-size: 130%;margin-bottom: 30px;text-align: center;}
.rule-box h3{font-size: 120%;margin-bottom: 10px;margin-top: 20px;padding-bottom: 5px;border-bottom: solid 1px #ddd;}
.rule-box .inner h4{font-size: 100%;margin-top: 20px;}
.rule-box .text ul li{list-style: square inside;padding-left: 20px;}
.field-inquiryform-agreement{margin-top: 10px;text-align: center;}
.field-inquiryform-agreement label{cursor:pointer;padding: 10px 20px;border: solid 1px #ddd;box-shadow:1px 1px 1px 0 rgba(0,0,0,.1);}
.field-inquiryform-agreement label:hover,
.field-inquiryform-agreement label:active,
.field-inquiryform-agreement label:focus{background: #eee;}
.field-inquiryform-agreement input{margin-right: 10px;display: inline-block;}
@media screen and (max-width:640px){
.rule-box{width: 100%;font-size: 70%;height: 250px;padding: 10px;}
}

/* 　contact
******************************************/
#contact h2{margin-bottom: 30px;}
#contact th{background: rgba(32,88,121,.1);}
#contact th,
#contact td{border: solid 5px #fff;padding: 10px;}
.label-required{border-radius:30px;}
.submit{margin-top: 30px;}
@media screen and (max-width:640px){
#contact th,#contact td{padding: 10px 5px;}
}
.form-group .input-s{width: 30%;margin-right: 1%;}
.form-subttl{display: block;}

/* 　company
******************************************/

/* 　fix
******************************************/
.fix-tel a img{opacity: 1 !important;transition:all .2s linear 0s;}
.fix-tel a:hover img,
.fix-tel a:active img,
.fix-tel a:focus img{transform:scale(1.03);}
.blog .fix-tel,
.single-post .fix-tel{display: none !important;}

.footer-fix{position: fixed;right: 0;top: 40%;width: 80px;z-index: 999;}
.footer-fix a img{transition:all .2s linear 0s;}
.footer-fix a:hover img,
.footer-fix a:active img,
.footer-fix a:focus img{opacity: 1;transform:scale(1.03);}
.blog .footer-fix,
.single-post .footer-fix{display: none !important;}
@media screen and (max-width:640px){
.footer-fix{display: none !important;}
}

.fix-premium{position: fixed;left: 0;bottom: 30px;z-index: 99;max-width: 100px;cursor:pointer;}
.fix-premium:hover{opacity: .95;}
@media screen and (max-width:640px){
.fix-premium{bottom: 80px;max-width: 60px;}
}

/* 　cta
******************************************/
.cta-common{padding: 10px;box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,.4);}
.cta-common .cta-inner{max-width: 1000px;margin: auto;}
.cta-common a{display: block;width: 49.5%;float: left;}
.cta-common a:last-child{float: right;}
@media screen and (max-width:640px){
.cta-common a{width: 100%;float: none;margin-bottom: 10px;}
}


.swiper-button-prev,
.swiper-button-next{font-weight: bold;}


/* 　graph
******************************************/
.chart-btn .btn.label-checked {background: #333;color: #fff;box-shadow:none;}
.chart-btn .btn+.btn{margin-left: 0;}

.graph{margin-bottom: 40px;}
.graph .ranking-title{width: 50%;float: left;}
.graph .graph-title{width: 50%;float: left;font-size: 18px;}
.graph .graph-title strong{color: var(--green1);}

.graph .chart-control{float: right;width: 50%;text-align: right;font-size: 11px;margin-bottom: 10px;}
.graph .chart-select,
.graph .chart-btn{display: inline-block;}
.graph .chart-select{margin-left: 10px;}
.graph .chart-select select{height: 40px;line-height: 40px;padding: 0 10px;}
.graph .chart{min-width:640px;}
.graph .chart-frame{width: 100%;clear: both;}

.graph .chart-total{clear: both;margin-bottom: 10px;}
.graph .chart-total-inner{width: 49%;float: left;text-align: center;padding: 5px 5px 10px;background: #f6f6f6;}
.graph .chart-total-inner:last-child{float: right;}
.graph .chart-total-inner dl{width: 50%;float: left;display: table;}
.graph .chart-total-inner dl.current{border-left: solid 1px #ddd;}
.graph .chart-total-inner dt,
.graph .chart-total-inner dd{display: table-cell;padding: 1px;text-align: center;}
.graph .chart-total-inner dt{width: 45%;text-align: right;}
.graph .chart-total-inner dd{width: 55%;text-align: left;position: relative;}
.graph .chart-total-inner .num{font-size: 24px;color: var(--green1);}
.graph .chart-total-inner .prev .num{color: #999;}

.graph .chart-total-inner .change{display: block;text-align: left;line-height: 1;font-weight: bold;background: var(--green1);color: #fff;padding: 2px 10px;border-radius:30px;position: absolute;font-size: 11px;left: -10px;}

.graph .chart-total-inner .change.up{background: #f82d62;}
.graph .chart-total-inner .change.down{background: #1b7cd0;}

.graph .chart-total-inner .change dd{padding: 0;width: auto;display: inline-block;background: #999;color: #fff;border-radius:30px;padding: 5px 10px;font-size: 12px;}
.graph .chart-total-inner .change *{line-height: 1;}
.graph .chart-total-inner .change .num{font-size: 16px;color: #fff;}
.graph .chart-total-inner .change .text{font-size: 11px;position: relative;top: -1px;}

@media screen and (max-width:980px){
.graph .chart-total{font-size: 11px;}
.graph .chart-total-inner{padding: 5px;}
.graph .chart-total-inner .num{font-size: 18px;}
}
@media screen and (max-width:770px){
.graph .chart-total{padding-top: 10px;}
.graph .chart-total-inner dl{width: 100%;}
.graph .chart-total-inner dl:last-child{border-top: solid 1px #ddd;border-left: 0;}
}
@media screen and (max-width:640px){
.graph{margin-bottom: 30px;}
.graph .ranking-title,
.graph .chart-control{float: none;width: 100%;text-align: center;}
.graph .chart-control{text-align: center;}
.graph .chart-frame{overflow-x: scroll;border: solid 1px #ddd;}
.graph .chart-btn .btn{padding: 13px 30px;}

.graph .chart-total-inner dt,
.graph .chart-total-inner dd{padding: 0;}
.graph .chart-total-inner dt{font-size: 10px;}
.graph .chart-total-inner dd{text-align: center;}
.graph .chart-total-inner dd .num{font-size: 12px;}
.graph .chart-total-inner .change{left: -40px;}
}


.graph-data th,
.graph-data td{padding: 1px;text-align: center;vertical-align: middle;}
.graph-data .current{}
.graph-data .prev dt,
.graph-data .prev dd{display: inline-block;}
.graph-data .prev{font-size: 11px;background: #eee;padding: 2px 5px;border-radius:30px;display: inline-block;}

.graph-data .cell-title{font-size: 12px;padding: 5px 5px 2px;line-height: 1.2;}
.graph-data .cell-title i{display: block;margin-bottom: 3px;color: #999;}
.graph-data thead .cell-model1{background: rgba(62, 195, 239, .5);}
.graph-data thead .cell-model2{background: rgba(229, 100, 184, .5);}
.graph-data thead .cell-model3{background: rgba(46, 211, 153, .5);}

.graph-data .current .num{color: #111;font-size: 16px;line-height: 1;}
.graph-data .prev{background:#eee;color: #666;}

.graph-data .cell-model1 .current .num{color: rgb(62, 195, 239);}
.graph-data .cell-model2 .current .num{color: rgb(229, 100, 184);}
.graph-data .cell-model3 .current .num{color: rgb(46, 211, 153);}

@media screen and (max-width:640px){
.graph-data .prev{position: relative;top: -4px;}
}

/* 　ranking result
******************************************/

.pagination li:first-child a,
.pagination li:last-child a{padding: 2px 3px;}
.pagination i{color: #111 !important;}
.result-count .num{color: #f82d62;}

.result-tab{border-bottom: solid 5px #ddd;margin-bottom: 20px;}
.ranking .result-header{margin-bottom: 10px;clear: both;}
.ranking .result-sort{margin-top: 0;}
.ranking .result-btn .btn-outer{display: inline-block;position: relative;}
.ranking .result-btn .btn{padding: 10px 15px;font-size: 11px;}
.ranking .result-btn .btn-disabled{background: #ccc;color: #999;border: solid 1px #999;cursor:default;box-shadow:none;}
.ranking .result-btn .btn-reset{padding: 10px;}
.ranking .result-btn .btn-reset i{font-size: 18px;margin: 0;}
.ranking .result-btn .btn .total{font-size: 10px;color: #999;}
.ranking .pagination{margin: 0;}

.ranking .result-check{position: absolute;right: 0;top: 0;z-index: 1;line-height: 1;}
.ranking .result-check label{padding: 7px 10px;background: rgba(0,0,0,.05);}
.ranking .result-check label:hover{background: rgba(0,0,0,.08);}
.check-hidden .icon-check{display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;}
.check-hidden .icon-check:before{content:"\f096";font-size: 20px;color: #333;}
.check-hidden .label-checked .icon-check:before{content:"\f14a";color: var(--green1);}
.check-hidden .label-checked{border: 0 !important;outline:0;background-color: transparent;}
.check-hidden input{display: none;}

.ranking .result-check label.label-disabled .icon-check:before{color: #ccc;}

.ranking .no-result{width: 100%;border: solid 1px #ddd;margin-bottom: 20px;font-size: 110%;padding: 20px;text-align: center;}
.ranking .no-result h2{font-size: 120%;font-weight: bold;margin-bottom: 10px;padding-top: 10px;color: var(--green1);}
.ranking .no-result i{color: var(--green1);}

.nav-ranking{font-size: 11px;position: relative;}
.nav-ranking li{display: block;width: 19.84%;float: left;margin-right: 0.2%;font-size: 10px;}
.nav-ranking li:last-child{margin-right: 0;}
.nav-ranking li .btn{display: block;color: #fff;border: solid 1px #ddd;border-bottom: 0;color: #111;padding: 7px 5px 5px 30px;border-radius:5px 5px 0 0;line-height: 1.3;position: relative;}
.nav-ranking li .btn strong{display: block;font-size: 13px;}
.nav-ranking li .btn i{position: absolute;left: 10px;top: 12px;font-size: 18px;}
.nav-ranking li.active .btn strong,
.nav-ranking li.active .btn i,
.nav-ranking li .btn:hover i{color: #fff !important;}
.nav-ranking li.nav-pricedown .btn i{transform:scale(-1,1);}

.ranking .icon-ranking{display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;}
.ranking.list-popular .icon-ranking:before{content:"\f091";}
.ranking.list-priceup .icon-ranking:before{content:"\f012";}
.ranking.list-pricedown .icon-ranking:before{content:"\f012";}
.ranking.list-pricedown .icon-ranking{transform:scale(-1,1);}
.ranking.list-cars .icon-ranking:before{content:"\f02c";}
.ranking.list-type .icon-ranking:before{content:"\f1b9";}

.ranking.list-popular .result-tab, 
.nav-ranking li.nav-popular .btn{border-color: #c2b35e;}
.ranking.list-popular .icon-ranking,
.ranking.list-popular .title strong,
.nav-ranking li.nav-popular strong,
.nav-ranking li.nav-popular .btn i{color: #c2b35e;}
.ranking.list-priceup .result-tab,
.nav-ranking li.nav-priceup .btn{border-color: #f82d62;}
.ranking.list-priceup .icon-ranking,
.ranking.list-priceup .title strong,
.nav-ranking li.nav-priceup strong,
.nav-ranking li.nav-priceup .btn i{color: #f82d62;}
.ranking.list-pricedown .result-tab,
.nav-ranking li.nav-pricedown .btn{border-color: #1b7cd0;}
.ranking.list-pricedown .icon-ranking,
.ranking.list-pricedown .title strong,
.nav-ranking li.nav-pricedown strong,
.nav-ranking li.nav-pricedown .btn i{color: #1b7cd0;}
.ranking.list-cars .result-tab,
.nav-ranking li.nav-cars .btn{border-color: var(--green1);}
.ranking.list-cars .icon-ranking,
.ranking.list-cars .title strong,
.nav-ranking li.nav-cars strong,
.nav-ranking li.nav-cars .btn i{color: var(--green1);}
.ranking.list-type .result-tab,
.nav-ranking li.nav-type .btn{border-color: #2ea4db;}
.ranking.list-type .icon-ranking,
.ranking.list-type .title strong,
.nav-ranking li.nav-type strong,
.nav-ranking li.nav-type .btn i{color: #2ea4db;}

.nav-ranking li.active .btn strong,
.nav-ranking li .btn:hover strong{color: #fff !important;}

.nav-ranking li.nav-popular .btn:hover,
.nav-ranking li.nav-popular.active .btn{background: #c2b35e;color: #fff;}
.nav-ranking li.nav-priceup .btn:hover,
.nav-ranking li.nav-priceup.active .btn{background: #f82d62;color: #fff;}
.nav-ranking li.nav-pricedown .btn:hover,
.nav-ranking li.nav-pricedown.active .btn{background: #1b7cd0;color: #fff;}
.nav-ranking li.nav-cars .btn:hover,
.nav-ranking li.nav-cars.active .btn{background: var(--green1);color: #fff;}
.nav-ranking li.nav-type .btn:hover,
.nav-ranking li.nav-type.active .btn{background: #2ea4db;color: #fff;}

.ranking .model-header{margin-bottom: 20px;font-size: 12px;position: relative;padding: 0;}
.ranking .model-header.model-checked{border-color: var(--green1) !important;}

.ranking .model-header a{text-decoration: none;display: block;transition:all .1s linear 0s;padding: 10px;}
.ranking .model-header a:hover{transform:scale(1.01);}
.ranking .ranking-number{
    display: inline-block;
    color: #fff;background: #aaa;
    line-height: 1;
    padding: 3px 6px;
    position: absolute;z-index: 1;
    top: -1px;
    left: -1px;
    font-size: 20px;}
.ranking .model-header.ranking-single1{border-top: solid 3px #c2b35e;}
.ranking .model-header.ranking-single2{border-top: solid 3px #90a2b8;}
.ranking .model-header.ranking-single3{border-top: solid 3px #c18b78;}

.ranking .model-footer{/*clear: both;*/padding: 5px 10px;}
.ranking .model-footer .grade-title{text-align: left;font-size: 14px;margin-bottom: 5px;position: relative;}
.ranking .model-footer .grade-title .link-more{display: inline-block;margin-left: 10px;background: #eee;color: #666;font-size: 10px;border-radius:30px;padding: 1px 10px;border: solid 1px #ddd;position: relatice;top: -1px;}
.ranking .model-footer .grade-title .link-more:hover{background: #111;color: #fff;transform:none;}

.ranking .model-footer .list-grade li{display: block;width: 20%;float: left;padding: 5px;}
.ranking .model-footer .list-grade a{text-decoration: none;display: block;overflow: hidden;font-size: 11px;border: solid 1px #333;line-height: 1;position: relative;padding: 10px 5px 5px;}
.ranking .model-footer .list-grade .ranking-number{font-size: 12px;padding: 1px 3px;}
.ranking .model-footer .list-grade .grade{text-decoration: underline;line-height: 1.3;font-weight: bold;display: block;margin-bottom: 5px;font-size: 10px;}
.ranking .model-footer .list-grade .count .num{color: var(--green1);font-size: 14px;}


@media screen and (max-width:1200px){
.ranking .model-header .model-title{width: 100%;}
.ranking .model-header .chart{width: 50%;}
.ranking .model-header a:after{display: none;}
.ranking .model-footer {width: 50%;float: right;padding-top: 0;}
.ranking .model-footer .list-grade li{width: 50%;}
.ranking .model-footer .list-grade a{padding: 7px 5px;}
}
@media screen and (max-width:640px){
.ranking .model-footer .grade-title{position: relative;line-height: 1.3;}
.ranking .model-footer .grade-title .text{display: block;padding-right: 7em;}
.ranking .model-footer .grade-title .link-more{position: absolute;right: 0;top: 0.5em;}

.pagination li:first-child a,
.pagination li:last-child a{padding: 2px 7px;}

.ranking .result-tab{margin-bottom: 10px;}
.ranking .result-count{width: 40%;float: left;font-size: 11px;text-align: left;}
.ranking .result-sort,
.ranking .result-btn{width: 60%;float: right;text-align: right;margin-top: 0;}
.ranking .result-sort select{font-size: 12px;}

.ranking .last .result-btn{width: 100%;float: none;text-align: center;margin-bottom: 10px;}
.ranking .last .pagination{width: 100%;float: none;text-align: center;}

.nav-ranking li .btn{font-size: 9px;padding: 7px 1px 5px;}
.nav-ranking li .btn i{display: block;position: static;margin-bottom: 2px;margin-right: 0;font-size: 14px;}
.nav-ranking li .btn strong{font-size: 10px;}

.ranking .model-header a{padding-bottom: 0;}
.ranking .model-header a:after{display: block;}

.ranking .model-header .chart{width: 100%;}
.ranking .model-footer {width: 100%;float: none;clear: both;}

.ranking .ranking-number{font-size: 14px;}
}

/* modified 2023/12 */
.ranking .result-header{display: flex;flex-wrap:wrap;justify-content:space-between;}
.ranking .result-header:before,
.ranking .result-header:after{display: none;}
.ranking .result-header .result-util{float: none;}
.ranking .model-header{box-shadow:1px 1px 3px 0 rgba(0,0,0,.3);}
.ranking .model-header > a{display: flex;flex-wrap:wrap;}
.ranking .model-header .model-title{width: 65%;}
.ranking .model-header .chart{width: 35%;}

.ranking .model-summary{display: flex;flex-wrap:wrap;justify-content:space-between;}
.ranking .model-header .price,
.ranking .model-header .model-summary > dl{float: none;width: auto;border: 0;}

.ranking .model-footer{background: #f9f9f9;padding: 10px;border-top: solid 1px #ddd;}
.ranking .model-footer .list-grade{display: flex;flex-wrap:wrap;}
.ranking .model-footer .list-grade li{float: none;}
.ranking .model-footer .list-grade a{border-radius:5px;box-shadow:1px 1px 5px 0 rgba(0,0,0,.3);padding-bottom: 10px;height: 100%;display: flex;flex-wrap:wrap;align-items:center;overflow: visible;background: #fff;}
.ranking .model-footer .list-grade a:hover,
.ranking .model-footer .list-grade a:active,
.ranking .model-footer .list-grade a:focus{border-color: var(--green1);background: var(--green3);}
.ranking .model-footer .list-grade .grade,
.ranking .model-footer .list-grade .count{width: 100%;text-align: center;}
.ranking .model-footer .list-grade .grade{text-decoration: none;font-size: 12px;}
.ranking .model-footer .list-grade .ranking-number{padding: 2px 10px;top: -9px;border-radius:3px 3px 0 0;}
.ranking .model-footer .grade-title .link-more{background: #fff;color: var(--green1);}
@media screen and (max-width:640px){
.ranking .result-btn .btn{padding: 10px;}
.ranking .model-header .model-title,
.ranking .model-header .chart{width: 100%;}
.ranking .model-header .model{margin-top: 5px;}
.ranking .model-header .model-summary > dl{width: 50%;}
.ranking .model-footer .list-grade .grade{font-size: 10px;}
}


.list-type .category-type li{width: 20%;padding: 5px;margin-bottom: 0;}
.list-type .category-type li:nth-child(5n+1){clear: both;}
.list-type .category-type li a{padding: 10px;border: solid 1px #ddd;}
.list-type .category-type li a:hover{background: #eaf8ff;}
.list-type .category-type li.active a{background: #eaf8ff;border-color: #2ea4db;}
.list-type .category-type li .icon-type{margin-bottom: 2px;}
.list-type .category-type li .icon-text{display: block;font-size: 12px;line-height: 1.1;color: #2ea4db;}
.list-type .category-type li .icon-text .text{display: block;color: #999;font-size: 10px;}

.list-type .type-title{font-size: 16px;border-radius:10px 10px 0 0;padding: 10px 20px;margin-bottom: 20px;background: #2ea4db;color: #fff;margin-bottom: 10px;}
.list-type .type-title strong{color: #fff;font-size: 18px;}

@media screen and (max-width:640px){
.list-type .category-type li{padding: 0;width: 20%;border-left: solid 1px #ddd;border-bottom: solid 1px #ddd;}
.list-type .category-type{border-top: solid 1px #ddd;border-right: solid 1px #ddd;}
.list-type .category-type li a{padding: 5px 3px 7px;box-shadow:none;border-radius:0;border: 0;}
.list-type .category-type li .icon-text{font-size: 10px;}
.list-type .category-type li .icon-type{margin-bottom: 0;}
.list-type .category-type li .icon-text .text{font-size: 8px;}
}

/* 　compare
******************************************/

.compare .ranking-title{font-size: 18px;padding: 5px 10px;}
.compare .ranking-title i{color: #ccc;}

.compare .nav-tabs{border-bottom: solid 1px var(--green1);}
.compare .nav-tabs li{width: 300px;max-width: 49%;border-radius:10px 10px 0 0;}
.compare .nav-tabs a{text-decoration: none;text-align: center;font-weight: bold;color: #fff;border-radius:10px 10px 0 0;box-shadow:inset 1px 1px 1px 0 rgba(255,255,255,.5);
background: rgb(89,198,0);
background: linear-gradient(180deg, rgba(89,198,0,1) 0%, rgba(39,155,5,1) 100%);
border: solid 1px var(--green1);border-bottom:solid 1px var(--green1);}
.compare .nav-tabs a:hover,
.compare .nav-tabs a:active,
.compare .nav-tabs a:focus{background: var(--green1);color: #fff;
border: solid 1px var(--green1);border-bottom: solid 1px var(--green1);outline:0;}
.compare .nav-tabs .active a,
.compare .nav-tabs .active a:hover,
.compare .nav-tabs .active a:active,
.compare .nav-tabs .active a:focus{background: #f6f6f6;color: #ccc;
border: solid 1px var(--green1);border-bottom:solid 1px #f6f6f6;outline:0;}
.compare .tab-pane{padding: 20px 10px;}
.compare .tab-pane .graph-title{color: var(--green1);font-size: 18px;}

.compare .graph-header{margin-bottom: 10px;}
.compare .graph-header .ranking-title{background: #f6f6f6;}
.compare .graph-header .chart-select{float: right;}
.compare .graph-listing .ranking-title{border-left: solid 5px var(--green1);}
.compare .graph-contract .ranking-title{border-left: solid 5px #43a9d8;}
.compare .graph-price .ranking-title{border-left: solid 5px #ff6e00;}
.compare .graph-rate .ranking-title{border-left: solid 5px #c76ac9;}

.compare .nav-tabs i{margin-right: 5px;}
.compare .nav-tabs i:after{content:"\f0da";}
.compare .nav-tabs .active i:after{content:"\f0d7";}

.row-compare-img td{padding: 5px;}
.row-compare-img .thumb{max-width: 160px;margin: auto;overflow: hidden;}
.row-compare-img .thumb span{display: block;width: 100%;padding-top: 75%;background: no-repeat center top;background-size: contain;transition:all .2s linear 0s;}
.row-compare-img a:hover .thumb span{transform:scale(1.02);}
@media screen and (max-width:640px){
.graph-data th{font-size: 11px;}
}

/* 　review
******************************************/
.review .title{margin-bottom: 0;padding-top: 20px;}
.review .content .section-inner{padding-top: 0;}
.review .content .title{margin-bottom: 20px;}

.review-main.left{width: 70%;}
.review-side.right{width: 28%;}

.review .search{background: #eee;border-radius:10px;padding: 10px 20px;font-size: 14px;margin-bottom: 20px;}
.review .search-title h2{font-size: 18px;margin-bottom: 10px;}
.review .search .search-body > dl,
.review .search .search-body > div{display: inline-block;margin-bottom: 10px;}
.review .search .search-body .id{width: 10em;}
.review .search input[type=number]{width: 100%;}
.review .search .search-control .btn{border-radius:30px;}
@media screen and (max-width:640px){
.review .search .search-body{}
.review .search .search-body .id,
.review .search .search-body .type{width: 49%;display: block;float: left;}
.review .search .search-body .make,
.review .search .search-body .model{width: 100%;display: block;float: none;clear: both;}
.review .search .search-body .make select,
.review .search .search-body .model select{width: 90%;}
.review .search .search-body .id{margin-right: 2%;}
/*.review .search .search-body .model{clear: both;width: 100%;}
.review .search .search-body .model select{width: 100%;}*/
.review .search .search-control{width: 100%;text-align: center;}
.review .search .search-control .btn{width: 100%;}

.review .search input[type=number]{height: 40px;}
.review .search select{height: 40px;}
}

.review .result .result-header{margin-bottom: 10px;}
.review .result .result-sort{display: inline-block;float: right;margin-top: 10px;}
.review .result .result-sort .sort-inline li{display: inline-block;padding: 0 7px;font-size: 12px;border-right: solid 1px #ddd;}
.review .result .result-sort .sort-inline li:last-child{border-right: 0;}
.review .result .result-sort .sort-inline a{display: block;font-weight: bold;color: var(--green1);}
.review .result .result-sort .sort-inline a[href]:hover{color: #111;}
.review .result .result-sort .sort-inline .current a{color: #999;text-decoration: none;}

.review .result .no-result{border: solid 1px #ddd;padding: 20px;margin-bottom: 10px;}
.review .result .no-result h2{font-size: 18px;margin-bottom: 10px;}
.review .result .no-result p{margin-bottom: 0;}

.review-main .title{text-align: left;font-size: 24px;overflow: hidden;margin: 20px 0;position: relative;padding: 0;}
.review-main .title .en{margin-top: 0;}
.review-main .title .link-more{background: #fff;display: inline-block;position: absolute;top: 20px;right: 0;font-size: 12px;border-radius:30px;border: solid 1px #ddd;text-decoration: none;padding: 3px 10px 1px;}
.review-main .title .link-more i{color: rgba(0,0,0,.3);margin-right: 5px;font-size: 10px;}
.review-main .title .link-more .num{font-size: 18px;line-height: 1;color: var(--green1);}
.review-main .title .link-more:hover,
.review-main .title .link-more:active,
.review-main .title .link-more:focus{background: var(--gray);}
.review-main .review-main-footer{text-align: center;clear: both;padding-top: 10px;}
.review-main .review-main-footer .btn{border-radius:30px;}

.review-main-banner{text-align: center;margin-bottom: 20px;}
.review-main-banner img{width: auto;max-width: 100%;}

.review-result{text-align: center;position: relative;width: 100%;}
.review-all{display: flex;flex-wrap:wrap;}
.review-single{border: solid 1px #ddd;overflow: hidden;border-radius:3px;overflow: hidden;text-align: left;width: 49.5%;/*float: left;*/font-size: 12px;margin-bottom: 1%;position: relative;}
.review-single:nth-child(2n){/*float: right;*/margin-left: 1%;}

.review-single .review-header{background: #f0ede9;display: table;width: 100%;}
.review-single .date,
.review-single .user{display: table-cell;vertical-align: middle;}
.review-single .date{width: 30%;}
.review-single .user{width: 70%;}

.review-single .date{background: var(--green1);color: #fff;padding: 0 10px;text-align: center;}
.review-single .date-num{font-weight: bold;font-size: 110%;}
.review-single .date .label{position: relative;top: 2px;font-weight: bold;font-size: 10px;display: inline-block;}

.review-single .review-date{background: var(--green1);color: #fff;padding: 0 10px;text-align: center;display: inline-block;}
.review-single .review-date .date-num{vertical-align: middle;}
.review-single .review-date .label{position: relative;top: -1px;font-weight: bold;font-size: 10px;display: inline-block;vertical-align: middle;}

.review-single .review-id{display: inline-block;color: var(--green1);padding: 0 10px;text-align: center;background: var(--green3);margin-left: 10px;}

.review-single .review-type{display: inline-block;color: #fff;background: #eee;padding: 3px 5px;font-size: 12px;line-height: 1;font-weight: bold;border-radius:3px;}
.review-single .review-type.buy{background: var(--buy);}
.review-single .review-type.sell{background: var(--sell);}

.review-single .user{width: 70%;display: table-cell;padding: 5px;}
.review-single dl{display: block;width: 24%;float: left;margin-right: 1%;line-height: 1;text-align: center;border-right: solid 1px rgba(0,0,0,.1);}
.review-single dl:last-child{border-right: 0;}
.review-single dl dt{color: var(--green1);}
.review-single .user .name{font-weight: bold;font-size: 110%;font-weight: bold;}
.review-single .user .name dt{color: #111;}
.review-single .user .name dd{display: block;font-size: 80%;}

.review-single .score dd{color: #f82d62;}
.review-single .review-body{padding: 25px 10px 10px;position: relative;}

.review-like{position: absolute;top: 10px;right: 10px;display: inline-block;font-size: 12px;line-height: 1;text-align: center;}
.review-like .total{font-size: 16px;color: var(--like);margin-bottom: 3px;}
.review-like .total i{font-size: 20px;line-height: 1;margin-right: -2px;}
.review-like .monthly{color: var(--like);font-size: 10px;border-radius:30px;background: var(--like-bg);font-weight: bold;width: 100%;padding: 2px 4px 1px;}
.review-like a{display: block;padding: 3px 20px;border-radius:5px;border: solid 1px #333;text-decoration: none;transition:all .1s linear 0s;font-weight: bold;opacity: 1;}
.review-like a:hover,
.review-like a:active,
.review-like a:focus{transform:scale(1.02);}

.review-btns{margin-top: 5px;font-size: 12px;}
.review-btns i{color: #f82d62;}
.review-btns a{display: inline-block;padding: 3px 10px;border: solid 1px #333;color: #333;text-decoration: none;border-radius:5px;font-weight: 600;transition:all .1s linear 0s;}
.review-btns a:hover,
.review-btns a:active,
.review-btns a:focus{transform:scale(1.02);box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);}
.review-btns a.disabled{transform:none;background: #eee;border-color: #999;color: #999;box-shadow:none;}
.review-btns a.disabled i{color: #999;}

.review-btns .btn-sns {float: right;display: inline-block;}
.review-btns .btn-sns li{display: inline-block;}
.review-btns .btn-sns a{display: block;padding: 3px 10px;border-radius:30px;border: 0;transform:none;box-shadow:none;}
.review-btns .btn-sns i{margin-right: 0;font-size: 24px;line-height: 1;transition:all .1s linear 0s;}
.review-btns .btn-sns :hover i,
.review-btns .btn-sns :active i,
.review-btns .btn-sns :focus i{transform:scale(1.2);}
.review-btns .btn-sns .btn-twitter i{color: #1DA1F2;}
.review-btns .btn-sns .btn-facebook i{color: #1773EA;}



.review-img{width: 40%;float: left;margin-bottom: 10px;}
.review-img + .review-info{width: 58%;float: right;}
.review-comment{width: 100%;clear: both;}

.review-img .img{width: 100%;position: relative;}
.review-img .img span{display: block;background: #f9f9f9 no-repeat center;background-size:cover;padding-top: 75%;border-radius}
.review-img .swiper-slide{cursor:pointer;}
.review-img .swiper-main{margin-bottom: 10px;}
.review-img .swiper-main .img span{background-size: cover;border-radius:5px;}

.review-img .swiper-thumb .swiper-slide{width: 20%;}
.review-img .swiper-thumb .swiper-slide-thumb-active .img:after{content:"";display: block;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 2;top: 0;left: 0;position: absolute;}

.review-info .user{width: 100%;display: block;text-align: center;}
.review-info .user .name{text-align: left;margin-bottom: 5px;}
.review-info dl{width: 100%;float: none;margin: 0 0 5px;text-align: left;display: table;border-right: 0;}
.review-info dt,
.review-info dd{display: table-cell;padding: 2px 5px;font-size: 12px;vertical-align: middle;}
.review-info dt{width: 30%;text-align: center;background: var(--gray);}
.review-info dd a{color: var(--green1);font-weight: bold;}
.review-info dd a:hover,
.review-info dd a:active,
.review-info dd a:focus{color: var(--green2);}
.review-info .score dt,
.review-info .score dd{display: inline-block;width: auto;}
.review-info .score dt{background-color: transparent;color: #333;}
.review-info .score dd{font-size: 24px;line-height: 1;color: #ffe500;-webkit-text-stroke: 1px #f7de00;text-stroke: 1px #f7de00;letter-spacing:1px;}

.review-comment{position: relative;}
.review-comment .comment-body{max-height: 10em;overflow: hidden;}
.review-comment .comment-body.show{max-height: 100%;overflow: visible;}
.review-comment .comment-more{
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 30%, #fff 100%);
background:linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 30%, #fff 100%);
display:block;position: absolute;padding: 30px 10px 10px;width: 100%;left: 0;bottom: 0;text-align: center;
text-decoration: none;color: var(--green1);font-weight: bold;cursor:pointer;}
.review-comment .comment-more:hover{color: #111;}
.review-comment .comment-more i{transition:all .2s linear 0s;}
.review-comment .comment-body.show + .comment-more{position: static;padding: 5px 10px;}
.review-comment .comment-body.show + .comment-more i{transform:rotate(180deg);}

@media screen and (min-width:641px){
.review-single .review-body{font-size: 14px;}

.review.lower .review-side{padding-top: 0;}
.review.lower .review-single{width: 100%;float: none;}
.review.lower .review-single .review-img ~ .review-comment,
.review.lower .review-single .review-img ~ .review-btns{width: 58%; float: right;clear: none;}
}
@media screen and (max-width:1080px){
.review-main.left,
.review-side.right{width: 100%;float: none;clear: both;}

.review-single{width: 100%;float: none;margin-bottom: 10px;}
.review-single:nth-child(2n){margin-left: 0;}
.review-comment{width: 58%;float: right;clear: none;}

}
@media screen and (max-width:640px){
.review .result .no-result h2{font-size: 16px;}

.review-result .pagination{float: left;}
.review-result .result-total{display: inline-block;width: auto;}
.review-single .date{width: 28%;}
.review-single .user{width: 72%;}
.review-single .review-body{padding-top: 30px;}
.review-single dl.name{width: 30%;}
.review-single dl.model{width: 46%;}
.review-single dl.use{width: 20%;}

.review-main .title{margin-bottom: 10px;}
.review-single .date .label{display: block;}

.review-single dl:nth-child(3){border-right: 0;}
.review-single dl:last-child{border-top: solid 1px rgba(0,0,0,.1);}
.review-single .score{display: block;float: none;width: 100%;clear: both;padding-top: 5px;vertical-align: middle;}
.review-single .score dt,.review-single .score dd{display: inline-block;}
.review-single .score dd{font-size: 150%;line-height: 1;}
.review-single .user dl{font-size: 10px;}
.review-single .user .name{font-size: 10px;}
.review-single dl.name dt,
.review-single dl.model dd{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 2px;}
.review-single .date-num{font-size: 90%;}

/*v2*/
.review-like{top: 5px;}
.review-img{margin-bottom: 10px;}
.review-img,
.review-info{width: 100%;margin-left: 0;}
.review-img + .review-info{width: 100%;float: none;}
.review-comment{width: 100%;float: none;clear: both;}
.review-info .user{width: 100%;}
.review-info .user .name{font-size: 18px;margin-bottom: 5px;}
.review-info .score dd{font-size: 24px;line-height: 1;}
.review-info dl.name,
.review-info dl.model,
.review-info dl.use{width: 100%;}
.review-info dl:last-child{border: 0;}

.review-like .monthly,
.review-like .total{display: inline-block;}
}
@media screen and (max-width:480px){
.review-result .pagination{float: none;display: block;width: 100%;margin-bottom: 0;}
.review-result .result-text{position: static;}
}

/* 　review-side
******************************************/
.review-side .side-inner{margin-bottom: 20px;}

.review-side .side-banner img{border: solid 1px #ddd;width: auto;max-width: 100%;}

.review-side .side-title{margin-bottom: 10px;background: var(--green1);color: #fff;}
.review-side .side-title.ribbon{}
.review-side .review-single{width: 100%;float: none;overflow: visible;}
.review-side .list-footer{clear: both;margin-top: 10px;text-align: center;}
.review-side .list-footer .btn{border-radius:30px;}

.review-ranking .side-title{margin-bottom: 20px;}
.review-ranking .review-body{padding-top: 20px;}
.review-rank{position: absolute;left: 0;top: 0;display: inline-block;z-index: 2;line-height: 1;}
.review-rank .num{display: inline-block;background: #f0ede9;color: #666;padding: 3px 4px 2px;line-height: 1;font-size: 16px;position: relative;top: -10px;z-index: 3;}
.review-rank .num:before {position: absolute;content: '';top: 0;left: 100%;border: none; border-left: solid 5px #ccc; border-top: solid 10px transparent;}
	
.review-rank .num.rank1{background: #cebf4c;color: #fff;}
.review-rank .num.rank1:before{border-right-color: #a0943b;}
.review-rank .num.rank2{background: #999;color: #fff;}
.review-rank .num.rank2:before{border-right-color: #666;}
.review-rank .num.rank3{background: #ba8b78;color: #fff;}
.review-rank .num.rank3:before{border-right-color: #967163;}

.review-side .review-body{position: relative;padding-bottom: 30px;}
.review-side .review-like{top: 5px;right: 5px;}
.review-side .review-like .total i,
.review-side .review-like .total .num{font-size: 14px;}
.review-side .review-info .user .name{font-size: 13px;margin-bottom: 3px;}
.review-side .review-info .score dd{font-size: 18px;}
.review-side .review-more{position: absolute;display: inline-block;padding: 2px 20px;background: var(--gray);text-decoration: none;bottom: 0;right: 0;font-size: 12px;border-radius:10px 0 0 0;}
.review-side .review-more:hover{background: var(--green1);color: #fff;}
.review-side .side-score{border: solid 1px var(--gray);border-radius:10px;padding: 10px;}
.review-side .side-score .star{font-size: 24px;line-height: 1;color: #ffe500;-webkit-text-stroke: 1px #f7de00;text-stroke: 1px #f7de00;letter-spacing: 1px;}
.review-side .score-total{}
.review-side .score-total .score{font-size: 30px;}
.review-side .score-total .star{margin-right: -3px;}
.review-side .score-total .count a{color: #111;}
.review-side .score-total .count a:hover{color: #999;}
.review-side .score-bars li{display: flex;flex-wrap:wrap;align-items:center;}
.review-side .score-bars .score,
.review-side .score-bars .bar-bg,
.review-side .score-bars .count{display: block;text-align: center;line-height: 1.3;}
.review-side .score-bars .score{width: 20%;}
.review-side .score-bars .bar-bg{width: 60%;}

.review-side .score-bars .count{width: 20%;}
.review-side .score-bars .bar-bg{background: var(--gray);height: 1em;}
.review-side .score-bars .bar{display: block;height: 100%;
background: rgb(255,255,0);
background: linear-gradient(90deg, rgba(255,255,0,1) 0%, rgba(255,203,0,1) 100%);}
.review-side .score-bars .score{font-weight: bold;font-family: Roboto;font-size: 20px;}
.review-side .score-bars .num{font-weight: bold;}
.review-side .score-bars .count a{color: var(--green1);text-decoration: none;}
.review-side .score-bars .count a:hover{color: #111;text-decoration: underline;}
@media screen and (max-width:1080px){
.review-side .side-banner{text-align: center;}
.review-side .side-banner img{width: 49%;max-width: 600px;}

.review-side .review-single{width: 49%;float: left;margin-right: 2%;}
.review-side .review-single:nth-child(2n){margin-right: 0;}

.review-side .list-footer .btn{display: inline-block;width: auto;}
}

@media screen and (max-width:640px){
.review-side{clear: both;}

.review-side .side-banner img{width: 100%;}

.review-side .review-single{width: 100%;float: none;margin-right: 0;}
.review-side .review-img{width: 40%;margin-bottom: 10px;}
.review-side .review-info{width: 100%;}
.review-side .review-img + .review-info{width: 58%;margin-left: 2%;}
}

/* 　resale
******************************************/

.resale h1 .grade{ display: inline-block;margin-right: 5px;font-size: 12px;color: #666;}

.resale-search{background: var(--concierge-bg);}
.resale-search h1.title{color: #111;font-size: 24px;line-height: 1.4;background: var(--concierge);text-align: center;padding: 20px;margin-bottom: 0;border-radius:10px 10px 0 0;}
.resale-search h1.title .en{font-size: 12px;display: block;margin-top: 0;color:  var(--concierge-dark);}

.resale-form{margin: 0 auto 20px;border: solid 1px var(--concierge);padding-top: 20px;border-radius:0 0 10px 10px;
background: url(../img/common/cta/sell-img.png) no-repeat 2% 100%,
url(../img/common/cta/buy-img.png) no-repeat 98% 100%;background-color: #fff;box-shadow:1px 1px 5px 0 rgba(0,0,0,.3);}
.resale-form h3{color: #000;border-radius:10px 10px 0 0;font-size: 30px;}
.resale-form .search-body,
.resale-form .search-control{padding: 20px;}
.resale-form .search-body{max-width: 900px;margin: auto;}
.resale-form .search-body select{max-width: 80%;width: 80%;}
.resale-form .search-control{background: var(--concierge);border-radius:0 0 10px 10px;margin-bottom: 0;}

.resale-form .inner{display: flex;flex-wrap:wrap;}
.resale-form .label-required{font-size: 10px;padding: 2px 10px;}
.resale-form dl{width: 33.33%;margin-bottom: 10px;}

.resale-form .resale-option{clear: both;}
.resale-form .color{width: 100%;text-align: center;}
.resale-form .checkbox-color{overflow: hidden;text-align: center;display: flex;flex-wrap:wrap;justify-content:center;}
.resale-form .checkbox-color label i{left: 20%;}
.resale-form .checkbox-color .color-none{padding-top: 1px;color: #999;width: 20%;max-width: 20%;}
.resale-form .score input{margin-right: 5px;}

.resale-form .btn{border-radius:30px;}
.resale-form .btn-yellow{background: rgb(228,228,228);
background: linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(255,255,255,1) 100%);}
.resale-form .btn-yellow:hover,
.resale-form .btn-yellow:active,
.resale-form .btn-yellow:focus{background: #ccc;
background: linear-gradient(180deg, rgba(228,228,228,1) 0%, rgba(255,255,255,1) 100%);}
.resale-form .btn[disabled]{background: #ccc;color: #999;border: solid 1px #999;}
.resale-form .btn[type=reset]{float: right;padding: 10px 20px;}
.resale-form .btn[type=reset] i{margin-right: 0;}

@media screen and (max-width:640px){
.resale h1.title{margin-bottom: 20px;}
.resale h1.title .after{display: block;margin-top: 3px;}
.resale-search h1.title{font-size: 18px;margin-bottom: 0;padding: 10px;}
.resale-search h1.title .en{margin-bottom: 0;}
.resale-form{background: #fff;margin-bottom: 0;}
.resale-form h3{font-size: 20px;}
.resale-form .search-body{display: flex;flex-wrap:wrap;background: none;}
.resale-form .search-body,
.resale-form .search-control{padding: 10px;}
.resale-form .inner{display: block;width: 49%;margin-bottom: 0;}
.resale-form .resale-model{margin-right: 2%;}
.resale-form .inner select{}
.resale-form dl{width: 100%;}
.resale-form dt{font-size: 11px;}
.resale-form .resale-option{width: 100%;}

}

.list-resale{ border-bottom: dashed 1px #ddd;margin-bottom: 10px;}
.list-resale .section-inner{padding-bottom: 20px;}
.list-resale .table-frame{width: 100%;overflow-x: scroll;
-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
.list-resale .table-frame table,
.list-resale .term-title{min-width:700px;margin: 0;}
.list-resale .term-title{background: var(--green4);color: #fff;font-weight: bold;padding: 10px;text-align: center;font-size: 16px;}
.term-title .status{display: inline-block;color: #ff0;text-align: center;margin-right: 5px;line-height: 1;}
.term-title .status li{display: inline-block;border-right: solid 1px rgba(255,255,255,.5);padding: 0 10px;}
.term-title .status li:first-child{border-left: solid 1px rgba(255,255,255,.5);}

.table-resale thead{background: var(--green1);color: #fff;}
.table-resale thead .cell-now{background: var(--green2);}
.table-resale thead .come{display: block;font-weight: normal;color: #ff0;}
.table-resale th,
.table-resale td{text-align: center;vertical-align: middle;}
.table-resale th{width: calc(100%/7);border-left: solid 1px #fff;}
.table-resale th:first-child{background: var(--green3);color: var(--green4);border-left-color: #ddd;}
.table-resale td{font-size: 12px;}
.table-resale td:empty,
.table-resale td.cell-noresult{background: #f9f9f9;color: #999;}
.table-resale td .num{font-size: 18px;}
.table-resale .row-price .cell-now .num{color: var(--green1);}
.table-resale td .plus{color: var(--buy);}
.table-resale td .minus{color: var(--sell);}

.table-resale td .range{font-size: 10px;display: block;background: var(--green3);border-radius:30px;}
.table-resale td .range .num{font-size: 13px;}

.resale-link{text-align: center;display: flex;justify-content:center;}
.resale-link .btn{margin: 0 5px;}
.resale-link .btn .name{font-size: 12px;display: block;}
.resale-link .btn .grade{font-size: 9px;}
.resale-link .btn .num{background: #fff;font-size: 12px;line-height: 1;padding: 2px 5px;color: #111;display: inline-block;border-radius:30px;margin-left: 10px;position: relative;top: -1px;}
.resale-link .btn-path[href]{background: var(--green1);color: #fff;}
.resale-link .btn-path[href] i{color: var(--green1);}
.resale-link .btn-future[href]{background: var(--sell);color: #fff;}
.resale-link .btn-future[href] i{color: var(--sell);}
.resale-link .btn.btn-disabled{background: #eee;cursor:default;transform:none;box-shadow:none;color: #999 !important;}
.resale-link .btn.btn-disabled i{color: #999;}

@media screen and (max-width:1000px){
.list-resale .term-title{font-size: 14px;}
.table-resale{font-size: 12px;}
.table-resale thead .year{display: block;font-size: 10px;}
.table-resale thead .come{font-size: 10px;}
.table-resale td{border-left: solid 1px #ddd;}
}
@media screen and (max-width:640px){
.resale-link{display: flex;flex-wrap:wrap;justify-content:space-between;}
.resale-link .btn{width: 49%;margin: 0;}
.resale-link .btn .num{/*display: block;margin-top: 6px;*/}
.resale-link .btn .btn-text{font-size: 10px;width: 100%;}
}

.resale-grade{text-align: center;}
.resale-grade .section-inner{padding-top: 20px;}
.resale-grade h3{font-size: 24px;margin-bottom: 10px;}
.resale-grade h3 .model{display: block;font-size: 14px;}

.resale-grade .term-title{display: inline-block;background: var(--green3);padding: 5px 20px;font-size: 13px;font-weight: bold;border-radius:30px;margin-bottom: 10px;}
.resale-grade .term-title .status{color: var(--green4);}
.resale-grade .term-title .status li{border-right: solid 1px var(--green2);line-height: 1.4;}
.resale-grade .term-title .status li:last-child{border-right: 0;}
.resale-grade .grade-list{display: flex;flex-wrap:wrap;}
.grade-list .single{width: calc(100%/5);display: flex;padding: 10px;}
.grade-list .single a{width: 100%;border: solid 1px var(--green1);box-shadow:1px 1px 5px 0 rgba(0,0,0,.2);text-align: center;text-decoration: none;position: relative;font-weight: bold;transition:all .1s linear 0s;}
.grade-list .single a:hover{transform:scale(1.02);}
.grade-list .single a:hover .grade{text-decoration: underline;}
.grade-list .single a:hover,
.grade-list .single a:active,
.grade-list .single a:focus{background: var(--green3);}

.grade-list .single h4{padding: 15px 20px;line-height: 1.2;background: var(--green1);color: #fff;font-size: 14px;text-shadow:1px 1px 1px rgba(0,0,0,.2);}
.grade-list .single .body{display: flex;flex-wrap:wrap;}
.grade-list .single dl{margin-bottom: 3px;color: #666;width: 50%;padding: 15px;}
.grade-list .single dl:first-child{border-right: solid 1px #eee;}
.grade-list .single dt,
.grade-list .single dd{font-size: 12px;}
.grade-list .single .year3 dt,
.grade-list .single .year3 .price .num{color: var(--green1);}
.grade-list .single .year5 dt,
.grade-list .single .year5 .price .num{color: var(--green4);}
.grade-list .single dt,.resale-grade li dd{display: inline-block;}
.grade-list .single .price .num{font-size: 24px;display: inline-block;color: #000;}
.grade-list .single .rate .num{font-size: 18px;line-height: 1;}

.grade-list .single .grade{}
.grade-list .single .rank{position: absolute;background: #ff0;color: #111;left: -5px;top: -3px;display: inline-block;font-weight: bold;padding: 0 5px;font-size: 18px;}
.grade-list .single .rank:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 5px transparent;
  border-right: solid 5px var(--green4);
}
.grade-list .single .plus .rate .num{color: var(--buy);}
.grade-list .single .minus .rate .num{color: var(--sell);}
.grade-list .single .even .rate .num{color: var(--main);}


@media screen and (max-width:1200px){.grade-list .single{width: calc(100%/4);} }
@media screen and (max-width:1000px){.grade-list .single{width: calc(100%/3);} }
@media screen and (max-width:800px){
.grade-list .single{width: calc(100%/2);padding: 5px;}
}
@media screen and (max-width:480px){.grade-list .single{width: calc(100%/1);padding-bottom: 0;}}

@media screen and (max-width:640px){
.resale-grade h3{font-size: 18px;}
.resale-grade .term-title{font-size: 10px;padding: 5px 10px;}
.grade-list{margin-bottom: 30px;}
.grade-list .single dl{padding: 10px;}
}

/* rule
*************************/
.form-sns .main{text-align: center;}
.form-sns h1.title{text-align: center;}
.form-sns h1.title .logo{max-width: 300px;}
.form-sns h1.title .text{display: block;}
.form-sns th .label{border-radius:30px;}
.form-sns .row-rule,
.form-sns .row-submit{text-align: center;}
.form-sns .rule-box{overflow-y: scroll;border: solid 1px #ddd;text-align: left;box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,.2);font-size: 13px;font-weight: bold;}
.form-sns .rule-box li{margin-bottom: 10px;}
.form-sns .row-submit td{background: var(--green3);}

.row-rule label{display: inline-block;border: solid 1px var(--green1);padding: 10px 30px;border-radius:10px;box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);margin-top: 10px;}
.row-rule label:hover{background: var(--green3);}
.row-rule label input[type=checkbox]{margin-top: 0;margin-right: 5px;}
@media screen and (max-width:640px){
.form-sns .catch{font-size: 11px;}
}


/* carnel
*************************/
:root{
	--carnel1: #d30000;
	--carnel2: #0090be;
}

.btn-carnel{background: var(--carnel1);color: #fff;width: 20em;max-width: 100%;border-radius:30px;text-align: center;vertical-align: middle;}
.btn-carnel .logo{max-width: 100px;vertical-align: middle;position: relative;top: -2px;}
.btn-carnel:hover,
.btn-carnel:active,
.btn-carnel:focus{color: #fff;background: var(--carnel2);}

.part-carnel{text-align: center;background: #f9f9f9;clear: both;border-top: solid 1px #333;border-bottom: solid 1px #ddd;}

.part-carnel .heading{background: var(--carnel1);color: #fff;position: relative;}
.part-carnel .heading:before { content: "";position: absolute;top: 100%;left: 50%;margin-left: -15px;border: 15px solid transparent;border-top: 15px solid var(--carnel1);}
.part-carnel .heading .section-inner{padding: 0 20px 30px;}

.part-carnel h1{position: relative;margin-bottom: 10px;}
.part-carnel h1 .logo{max-width: 250px;}
.part-carnel h1 .text{display: block;text-shadow:1px 1px 2px rgba(0,0,0,.3);}
.part-carnel h1:after{content:"";display: block;width: 10em;border-bottom: solid 2px rgba(255,255,255,.5);margin: auto;}
.part-carnel .heading p{font-weight: bold;font-size: 16px;}
.part-carnel .heading strong{color: #fff;border-bottom: solid 3px rgba(255,255,0,.5);}

.part-carnel .title-carnel{margin-bottom: 10px;margin-top: 30px;}
.part-carnel .title-carnel .en{display: block;color: var(--carnel1);font-family: 'Roboto',sans-serif;font-size: 12px;}

.carnel-about .list-all{display: flex;flex-wrap:wrap;}
.carnel-about .single{width: 32%;margin-right: 2%;margin-bottom: 20px;border: solid 1px #ddd;border-radius:10px;background: var(--carnel1);overflow: hidden;/*display: flex;flex-direction:row-reverse;align-items:center;*/}
/*.carnel-about .single:nth-child(2n){background: #000;}*/
.carnel-about .single:nth-child(3n){margin-right: 0;}
.carnel-about .single h3{padding: 10px 20px;}
/*.carnel-about .single .img{width: 40%;border-radius:5px 0 0 5px;}
.carnel-about .single h3{width: 57%;font-size: 16px;margin-left: 3%;}
*/
.carnel-list .list-all{display: flex;flex-wrap:wrap;}
.carnel-list .single{width: 19.2%;margin-right: 1%;margin-bottom: 20px;position: relative;transition:all .1s linear 0s;background: #fff;overflow: hidden;border-radius:5px;text-align: left;}
.carnel-list .single:nth-child(5n){margin-right: 0;}
.carnel-list .single > a{color: #000;text-decoration: none;box-shadow:1px 1px 3px 0 rgba(0,0,0,.3);border-radius:5px;display: block;height: 100%;}
.carnel-list .single:hover{transform:scale(1.02);box-shadow:1px 1px 10px 0 rgba(0,0,0,.3);}
.carnel-list .single.discount{border: solid 1px var(--special);}

.carnel-list .photo{position: relative;overflow: hidden;}
.carnel-list .thumb{display: block;padding-top: 75.5%;background: no-repeat center;background-size:contain;overflow: hidden;border-radius:5px 5px 0 0;}
.carnel-list .discount .thumb:after{content:"Special Price";position: absolute;background: rgba(220,0,0,.8);color: #fff;transform:rotate(-45deg);width: 100%;padding: 5px;top: 10%;left: -37%;font-weight: bold;text-align: center;font-size: 12px;} 

.carnel-list .text{padding: 10px;font-weight: normal;position: relative;}
.carnel-list .label-new{position: absolute;right: 10px;top: -5px;background: var(--carnel2);color: #fff;font-size: 90%;display: inline-block;font-weight: bold;padding: 2px 10px;border-radius:2px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.3);
-webkit-animation: anime-label 3s linear infinite;
-ms-animation: anime-label 3s linear infinite;
animation: anime-label 3s linear infinite;
}
.carnel-list .make{font-size: 90%;color: #333;}
.carnel-list .carname{font-size: 130%;margin-bottom: 10px;line-height: 1.2;}
.carnel-list .price{font-size: 130%;text-align: right;}
.carnel-list .price .num{font-size: 140%;line-height: 1;color: var(--carnel1);}
.carnel-list .price .before .num{font-size: 80%;}
.carnel-list .price .after .num{font-weight: bold;}
.carnel-list .price .unit{font-size: 80%;}
.carnel-list .price .before,
.carnel-list .price .before .num{color: #aaa;}
.carnel-list .price .before{text-decoration: line-through;display: block;line-height: 1;margin-bottom: 3px;}
.carnel-list .discount .price .before:after{display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;  text-rendering: auto;-webkit-font-smoothing: antialiased;content:"\f0d7";}
.carnel-list .price .ask{font-size: 100%;line-height: 1;color: var(--carnel1);font-weight: bold;}
.carnel-list .table-spec{margin: 5px 0 0;}
.carnel-list .table-spec th,
.carnel-list .table-spec td{padding: 3px;vertical-align: middle;font-size: 85%;}
.carnel-list .table-spec th{width: 20%;color: #999;font-weight: normal;}
.carnel-list .table-spec td{width: 30%;}

@media screen and (max-width:980px){
.part-carnel .heading p{font-size: 13px;}
.carnel-list .single{width: 24.25%;}
.carnel-list .single:nth-child(5n){margin-right: 1%;}
.carnel-list .single:nth-child(4n){margin-right: 0;}
.carnel-list .table-spec th,
.carnel-list .table-spec td{font-size: 80%;padding: 5px;}
}
@media screen and (max-width:700px){
.part-carnel .heading {margin-bottom: 20px;}
.part-carnel .heading .section-inner{padding: 15px;}
.part-carnel .heading p{font-size: 10px;}

.part-carnel h1 .logo{max-width: 150px;}
.part-carnel h1 .text{font-size: 18px;}

.carnel-about .single{width: 49%;margin-bottom: 10px;}
.carnel-about .single:nth-child(3n){margin-right: 2%;}
.carnel-about .single:nth-child(2n){margin-right: 0;}
.carnel-about .single h3{padding: 5px;}

.carnel-list .single{width: 49.5%;margin-bottom: 10px;}
.carnel-list .single:nth-child(2n){margin-right: 0;}
.carnel-list .single > a{box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}
.carnel-list .text{padding: 5px;}
.carnel-list .make{font-size: 70%;}
.carnel-list .carname{margin-bottom: 7px;font-size: 90%;line-height: 1;}
.carnel-list .bodytype{margin-bottom: 5px;}
.carnel-list .label-new{right: 30px;top: -5px;}
.carnel-list .price{font-size: 110%;}
.carnel-list .discount:after{font-size: 10px;}
.carnel-list .sold .thumb:after{font-size: 14px;}
.carnel-list .table-spec,
.carnel-list .table-spec thead,
.carnel-list .table-spec tbody,
.carnel-list .table-spec tfoot,
.carnel-list .table-spec tr,
.carnel-list .table-spec th,
.carnel-list .table-spec td{display: block;line-height: 1;}
.carnel-list .table-spec tbody{width: 100%;}
.carnel-list .table-spec tr{display: inline;margin-bottom: 5px;}
.carnel-list .table-spec th,
.carnel-list .table-spec td{display: inline-block;width: auto;padding: 1px 2px;background-color: transparent;line-height: 1;}

.carnel-list .discount:after{top: 5%;left: -75px;}
.carnel-list .discount .thumb:after{font-size: 10px;left: -34%;}
}

/* form extend
*************************/

.label-block label{transition:all .1s linear 0s;}
.label-block label:hover{box-shadow:1px 1px 5px 0 rgba(0,0,0,.3);}

select.form-control{border-radius:5px;}


/* sellcar-user(index)
*************************/

.btn-sellcar{background: var(--sell);color: #fff;border-radius:30px;}
.btn-sellcar:hover,
.btn-sellcar:active,
.btn-sellcar:focus{color: #fff;}

.list-footer{text-align: center;padding: 20px 0;}

.sellcar-user{background: var(--sell-bg);}
.sellcar-user .heading{text-align: center;margin-bottom: 20px;margin-top: -50px;}
.sellcar-user .heading p{font-weight: bold;margin-top: 5px;font-size: 18px;}
.sellcar-user .heading p a{color: var(--sell);}
.sellcar-user .heading p a:hover{color: var(--sell-h);}
.sellcar-user .section-title{justify-content: center;}
.sellcar-user .section-title .jp{display: inline-block;padding-left: 70px;position: relative;font-size: 36px;}
.sellcar-user .section-title .jp:before{content:"";display: inline-block;position: absolute;left: 0;bottom: -100%;background: url(../img/sellcar/icon-sellcar.png) no-repeat center;background-size:contain;width: 70px;height: 100px;z-index: 2;}

.sellcar-user .single{width: 19.2%;margin-right: 1%;margin-bottom: 20px;position: relative;background: #fff;border-radius:5px;overflow: hidden;box-shadow:1px 1px 3px 0 rgba(0,0,0,.3);transition:all .1s linear 0s;}
.sellcar-user .single:nth-child(5n){margin-right: 0;}
.sellcar-user .single > a{display: block;text-decoration: none;}
.sellcar-user .single:hover{transform:scale(1.03);box-shadow:1px 1px 7px 0 rgba(0,0,0,.3);}
.sellcar-user .single .img {position: relative;}
.sellcar-user .single .img .thumb{display: block;width: 100%;padding-top: 75%;background: no-repeat center;background-size:cover;}
.sellcar-user .single .data{padding: 10px;}
.sellcar-user .single .data dt,
.sellcar-user .single .table-detail th{color: #999;font-size: 12px;}
.sellcar-user .single .data-id{border: solid 1px #111;border-radius:3px;padding: 1px 5px;display: inline-block;position: absolute;background: rgba(0,0,0,.7);color: #fff;top: 5px;right: 5px;line-height: 1;}
.sellcar-user .single .data-id dt,
.sellcar-user .single .data-id dd{display: inline-block;font-weight: bold;font-size: 11px;line-height: 1;color: #fff;}
.sellcar-user .single .data-id dt{color: #ccc;}
.sellcar-user .single .data-summary{line-height: 1.3;margin-bottom: 5px;}
.sellcar-user .single .data-summary .make{font-weight: bold;display: block;}
.sellcar-user .single .data-summary .carname{font-weight: bold;font-size: 18px;}
.sellcar-user .single .data-summary .code{font-size: 12px;color: #666;}
.sellcar-user .single .data-price .price{text-align: right;}
.sellcar-user .single .data-price .price dt,
.sellcar-user .single .data-price .price dd{display: inline-block;}
.sellcar-user .single .data-price .price dd{font-weight: bold;}
.sellcar-user .single .data-price .price dd .num{font-size: 24px;color: var(--price);line-height: 1;}
.sellcar-user .single .data-info{display: flex;flex-wrap:wrap;}
.sellcar-user .single .data-info li{display: inline-block;border-right: solid 1px rgba(0,0,0,.1);margin-right: 5px;padding-right: 8px;font-size: 12px;}
.sellcar-user .single .data-info li:last-child{border-right: 0;}
.sellcar-user .single .data-tag li{display: inline-block;border: solid 1px var(--sell);color: var(--sell);line-height: 1;padding: 2px 7px;font-size: 12px;border-radius:3px;font-weight: bold;}
.sellcar-user .single .controls{text-align: center;padding: 10px;}
.sellcar-user .single .controls .btn{font-size: 12px;width: 100%;}

@media screen and (max-width:1080px){
.sellcar-user .single{width: 24.25%;}
.sellcar-user .single:nth-child(5n){margin-right: 1%;}
.sellcar-user .single:nth-child(4n){margin-right: 0;}
}
@media screen and (max-width:800px){
.sellcar-user .single{width: 49.5%;}
.sellcar-user .single:nth-child(4n){margin-right: 1%;}
.sellcar-user .single:nth-child(2n){margin-right: 0;}
}

@media screen and (max-width:640px){
.sellcar-user .section-title .jp{font-size: 24px;padding-left: 40px;}
.sellcar-user .section-title .jp:before{width: 50px;height: 70px;left: -20px;}
.sellcar-user .heading p{font-size: 12px;}

.sellcar-user .single{width: 100%;margin-right: 0 !important;margin-bottom: 10px;}
.sellcar-user .single > a{width: 100%;display: flex;flex-wrap:wrap;padding: 10px;}
.sellcar-user .single .img{width: 30%;margin-right: 3%;}
.sellcar-user .single .img .thumb{border-radius:5px;}
.sellcar-user .single .data{width: 67%;padding: 0;}
.sellcar-user .single .data-price .price{text-align: left;}
.sellcar-user .single .data-info li{}

.sellcar-user .single .data-summary .make{font-size: 12px;font-weight: normal;}
.sellcar-user .single .data-summary .carname{font-size: 14px;}
.sellcar-user .single .data-info li{font-size: 10px;}
}

/* sellcar-user(list)
*************************/

.sellcar-user.lower .title{background: var(--sell);color: #fff;padding: 10px 15px;position: relative;padding-left: 50px;text-shadow:1px 1px 2px rgba(0,0,0,.3);}
.sellcar-user.lower .title:before{content:"";display: inline-block;position: absolute;left: 0;bottom:0;background: url(../img/sellcar/icon-sellcar.png) no-repeat center;background-size:contain;width: 50px;height: 70px;z-index: 2;}
.sellcar-user.lower .catch{font-size: 16px;font-weight: bold;}

.sellcar-user .result-header{justify-content:space-between;align-items:center;}
.sellcar-user .no-result{width: 100%;border: solid 1px #ddd;margin-bottom: 20px;font-size: 110%;padding: 20px;text-align: center;}
.sellcar-user .no-result h2 {font-size: 120%;font-weight: bold;margin-bottom: 10px;padding-top: 10px;color: var(--sell);}

.sellcar-user .search{margin-bottom: 20px;}
.search-panel{}
.search-panel .search-heading{display: flex;flex-wrap:wrap;align-items:center;justify-content:space-between;border: solid 1px #ddd;padding: 10px 20px;background: var(--sell-bg);color: var(--sell);border-radius:5px 5px 0 0;}
.search-panel .search-heading h2{font-size: 16px;}
.search-panel .search-body{border: solid 1px #ddd;padding: 10px 20px;border-top: 0;border-radius:0 0 5px 5px;background: #f9f9f9;}
.search-panel .row-submit{text-align: center;}

.table-sellcar-search{width: 100%;}
.table-sellcar-search th,
.table-sellcar-search td{vertical-align: middle;border: solid 1px #ddd;}
.table-sellcar-search th{width: 15%;background: var(--sell);color: #fff;}
.table-sellcar-search td{width: 35%;}
.search-panel .flex-carsearch{display: flex;flex-wrap:wrap;}
.search-panel .flex-carsearch > dl{margin-right: 10px;}
.search-panel .flex-range{display: flex;align-items:center;justify-content:space-between;}
.search-panel .flex-range select{width: 45%;}

@media screen and (max-width:640px){
.search-panel .search-heading{border-radius:30px;box-shadow:1px 1px 3px 0 rgba(0,0,0,.3);cursor:pointer;}
.search-panel .search-heading:hover,
.search-panel .search-heading:active,
.search-panel .search-heading:focus{background: var(--sell);color: #fff;}
.search-panel .search-body{display: none;}
.search-panel.open .search-heading{border-radius:5px 5px 0 0;box-shadow:none;}
.search-panel.open .search-body{display: block;border-radius: 0 0 5px 5px;}

.sellcar-user{margin-top: 20px;}
.sellcar-user .no-result{font-size: 12px;}
.sellcar-user .no-result h2 {font-size: 16px;}

.sellcar-user .result-header{justify-content:center;margin-bottom: 10px;}
.sellcar-user .result-header .pagination{margin: 10px 0;}

.table-sellcar-search,
.table-sellcar-search thead,
.table-sellcar-search tbody,
.table-sellcar-search tfoot,
.table-sellcar-search tr,
.table-sellcar-search th,
.table-sellcar-search td{display: block;width: 100%;}
}

/* sellcar-user(detail)
*************************/

.slick-slider{display: none;}
.slick-slider.slick-initialized{display: block;}
.sellcar-user-detail .slide-car{position: relative;}
.sellcar-user-detail .slide-thumb{padding: 5px 0;background: #111;}
.sellcar-user-detail .slide-thumb .slide{cursor:pointer;}
.sellcar-user-detail .slide-thumb .slide img{opacity: .5;}
.sellcar-user-detail .slide-thumb .slide.slick-current img{opacity: 1;}
.sellcar-user-detail .slide-count{background: rgba(0,0,0,.7);color: #fff;right: 0;top: 0;display: inline-block;position: absolute;z-index: 3;font-size: 10px;padding: 1px 5px;}
.sellcar-user-detail .slide-count span{display: inline-block;}
.sellcar-user-detail .slide-count .total:before{content:"/";}
.slick-next,.slick-prev{z-index: 2;}
.slick-next{right: 5px !important;}
.slick-prev{left: 5px !important;}


.sellcar-user-detail{}
.sellcar-user-detail .car{display: flex;flex-wrap:wrap;position: relative;}
.sellcar-user-detail .car .title{font-size: 30px;width: 100%;}
.sellcar-user-detail .car .slide-car{width: 30%;}
.sellcar-user-detail .car .data{width: 39%;margin: 0 3%;}
.sellcar-user-detail .car .control{width: 25%;}
.sellcar-user-detail .car .info{width: 100%;display: flex;flex-wrap:wrap;margin-top: 30px;}
.sellcar-user-detail .car .detail-info{width: 49%;margin-right: 2%;}
.sellcar-user-detail .car .detail-acc{width: 49%;}

.sellcar-user-detail .car .slide-car a{outline:none;border: 0 !important;}
.sellcar-user-detail .car .slide-car .thumb{max-width: 640px;display: block;width: 100%;padding-top: 75%;background: no-repeat center;background-size:contain;}

.sellcar-user-detail .car .make{font-size: 20px;font-weight: bold;}
.sellcar-user-detail .car .carname{font-size: 24px;}
.sellcar-user-detail .car .data-id{border: solid 1px #111;border-radius:3px;padding: 2px 5px;display: inline-block;background: rgba(0,0,0,.7);color: #fff;line-height: 1;font-size: 14px;vertical-align: middle;}

.sellcar-user-detail .car .data-price{margin: 10px 0;}
.sellcar-user-detail .car .data-price dd{font-size: 24px;}
.sellcar-user-detail .car .data-price dd .num{color: var(--price);font-size: 36px;line-height: 1;}

.sellcar-user-detail .car .list-tag li{display: inline-block;border: solid 1px var(--sell);color: var(--sell);padding: 2px 10px;font-weight: bold;border-radius:3px;font-size: 12px;margin-bottom: 5px;}

.sellcar-user-detail .car .control .btn{width: 100%;margin-bottom: 10px;padding: 15px;border-radius:30px;}
.sellcar-user-detail .car .control .btn i{margin-right: 5px;}

.sellcar-user-detail .car .info-title{margin-bottom: 20px;font-size: 20px;padding: 10px 15px;line-height: 1;background: var(--sell-bg);border-radius:5px;}

.sellcar-user-detail .car .detail-info table{margin: 0;}
.sellcar-user-detail .car .detail-info th,
.sellcar-user-detail .car .detail-info td{padding: 10px;border: solid 1px #333;vertical-align: middle;}
.sellcar-user-detail .car .detail-info th{background: var(--sell-bg);width: 20%;}
.sellcar-user-detail .car .detail-info td{width: 30%;}
.sellcar-user-detail .car .detail-info td  .list-tag li{font-size: 10px;margin-bottom: 3px;}

.sellcar-user-detail .car .detail-acc dl{margin-bottom: 20px;}
.sellcar-user-detail .car .detail-acc .list-acc{display: flex;flex-wrap:wrap;}
.sellcar-user-detail .car .detail-acc .list-acc li{width: 24.25%;text-align: center;background: #eee;color: #ccc;border-radius:5px;padding: 7px;font-weight: bold;margin-bottom: 5px;margin-right: 1%;display: flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size: 13px;}
.sellcar-user-detail .car .detail-acc .list-acc li:nth-child(4n){margin-right: 0;}
.sellcar-user-detail .car .detail-acc .list-acc li.enabled{background: var(--sell);color: #fff;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}

@media screen and (max-width:980px){
.sellcar-user-detail .car .detail-acc .list-acc li{font-size: 10px;}
}
@media screen and (max-width:800px){
.sellcar-user-detail .car .slide-car{width: 37%;}
.sellcar-user-detail .car .data{width: 60%;margin: 0 0 0 3%;}
.sellcar-user-detail .car .control{width: 100%;margin-top: 20px;display: flex;flex-wrap:wrap;}
.sellcar-user-detail .car .control .btn{width: 49%;margin-right: 2%;}
.sellcar-user-detail .car .control .btn:last-child{margin-right: 0;}

.sellcar-user-detail .car .detail-info,
.sellcar-user-detail .car .detail-acc{width: 100%;margin-right: 0;}
.sellcar-user-detail .car .detail-info{margin-bottom: 30px;}
}
@media screen and (max-width:640px){
.sellcar-user-detail .car .slide-car,
.sellcar-user-detail .car .data{width: 100%;margin: 0;}
.sellcar-user-detail .car .slide-car{margin-bottom: 10px;}
.sellcar-user-detail .car .title{font-size: 24px;margin-bottom: 10px;}
.sellcar-user-detail .car .data-id{font-size: 12px;}
.sellcar-user-detail .car .make{font-size: 12px;}
.sellcar-user-detail .car .carname{font-size: 20px;line-height: 1;margin-bottom: 5px;}
.sellcar-user-detail .car .control .btn{font-size: 11px;}
.sellcar-user-detail .car .detail-info th,
.sellcar-user-detail .car .detail-info td{padding: 5px;font-size: 12px;}
.sellcar-user-detail .car .detail-info th{font-size: 10px;}
.sellcar-user-detail .car .detail-info td .list-tag li{margin: 0;padding: 0 3px;width: 90%;text-align: center;}
.sellcar-user-detail .car .detail-acc dt{margin-bottom: 5px;font-size: 18px;}
.sellcar-user-detail .car .detail-acc .list-acc li{width:32.66%;}
.sellcar-user-detail .car .detail-acc .list-acc li:nth-child(4n){margin-right: 1%;}
.sellcar-user-detail .car .detail-acc .list-acc li:nth-child(3n){margin-right: 0;}

}

.recommend-title{color: var(--sell);margin-bottom: 20px;display: flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position: relative;padding-left: 50px;padding-bottom: 10px;border-bottom: solid 1px var(--sell);}
.recommend-title:before{content:"";display: inline-block;position: absolute;left: 0;bottom:0;background: url(../img/sellcar/icon-sellcar.png) no-repeat center;background-size:contain;width: 50px;height: 70px;z-index: 2;}
.recommend-title .btn{border-radius:30px;background: var(--sell);color: #fff;font-size: 12px;}
@media screen and (max-width:640px){
.recommend.sellcar-user .section-inner{padding: 20px 10px;}
.recommend-title{font-size: 18px;padding: 0 0 0 30px;display: flex;justify-content:space-between;align-items:center;}
.recommend-title:before{width: 40px;height: 50px;left: -10px;}
.recommend-title .text{width: 65%;}
.recommend-title .btn{width: 35%;font-size: 10px;padding: 10px;}
}

#notice_bnr{/*padding: 0 !important;*/line-height: 0;}