@CHARSET "utf-8";

/* =============================================
	COMMON
============================================= */



.pc{display: inline;}
.sp{display: none;}
@media screen and (max-width: 720px){
    .sp {display: inline;}
    .pc{display: none;}
}



/* ====================================================================
	Calendar
==================================================================== */
#calendar_bg{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.75);
	z-index: 199;
}
#calendar_wrapper{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	/*font-family: 'Kosugi', sans-serif;*/
}
#calendar_inner{
	position:relative;
	width: 400px;
	margin: 20px auto;
	background: #ffffff;
	box-shadow: 0 0 4px #e3e3e3;
}
#calendar_header{
	box-sizing: border-box;

	border-top: 5px solid #b7142e;
	border-bottom: 1px solid #101010;
	padding: 18px 0 15px;
	text-align: center;
}
#calendar_header span.main{
	margin-right: 12px;
	font-size: 24px;
}
#calendar_header span.sub{
	margin-right: 0px;
	font-size: 14px;
	vertical-align:top;
	line-height:2;
}
#calendar_body{
	box-sizing: border-box;
	padding: 30px 18px 0;
	background-color:#fff;
	border-bottom: 1px solid #999;
	/*
	background-image:url(/img/bg_calender_top.png);
	background-position:0 0;
	background-repeat:repeat-x;
    */

}

#calendar_year_month{
	display: table;
	width: 100%;
}
#calendar_month_num{
	display: table-cell;
	width: 15%;
	padding-left:5%;
	font-size: 30px;
	font-weight: bold;
	text-align:center;
}
.tuki{
	display: table-cell;
	width: 35%;
	font-size: 26px;
	font-weight: bold;
	text-align: left;
	vertical-align:middle;
}

#calendar_month_en{
	display: table-cell;
	font-size: 18px;
	font-style: italic;
	vertical-align: middle;
	padding-top: 12px;
}
#calendar_year{
	display: table-cell;
	width: 45%;
	text-align: right;
	font-size: 30px;
	font-weight: bold;
}
#calendar_day{
	position: relative;
	padding-top: 15px;
	margin-bottom: 25px;
}
#calendar_day ul li{
	float: left;
	width: 52px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #101010;
	font-size:110%;
}
#calendar_day ul li.day-sat{color: #1e77be;}
#calendar_day ul li.day-sun{color: #b92923;}
#calendar_dates {
	position: relative;
	width: 100%;
	height: 300px;
}
#calendar_dates ul{ position: relative; width: 100%;}
#calendar_dates li{
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.4s ease-out;
	width: 42px;
	height: 42px;
	padding: 0px 0px 0 2px;
	text-align: center;
	opacity: 0;
}

#calendar_dates li>span{
	display:block;
	width:42px;
	height:31px;
	padding-top:11px;
	border:0px solid #FFFFFF;
	border-radius:50%;
	font-size:120%;
	box-sizing: content-box;
}

#calendar_info{ margin-bottom: 4px; line-height:1.8;}
#calendar_info span{ font-size: 14px; margin-right: 18px;}
#calendar_info span:before{
position: relative;
display: inline-block;
content: "";
top: 5px;
width: 20px;
height: 20px;
margin-right: 5px;
border-radius: 50%;
}
#calendar_info span.link01:before,
#calendar_info span.link02:before{
top: 0px;
width: 10px;
height: 10px;
margin-right: 3px;
border-radius: 50%;
background-color:#101010;
font-size:70%;
}
#calendar_info span.close:before{  background: #eb9ea9;}
#calendar_info span.partially-close:before{  background: #72ca97;}
#calendar_info span.event:before{  background: #f3d19d;}
#calendar_info span.temporary-close:before{  background: #9dc3e6;}
#calendar_info span.novertime:before{  background: #60b1eb;}
/*
#partially_close_info,
#novertime{
	display: block;
	font-size: 12px;
	color: #FFFFFF;
}
*/
.business_hour{
	width: 100%;
	display: table;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #999;
	padding: 12px 0 4px;
}
#business_hour_info dl:first-child{border-top: none;}
.business_hour dt{ width: 30%;}
.business_hour dt,
.business_hour dd{ display: table-cell;}
#calendar_footer{
	box-sizing: border-box;
	display: table;
	width: 100%;
	padding: 10px 0;
	border-top: 1px solid #f3f3f3;
}
#calendar_footer #btn_prev,
#calendar_footer #btn_next{
	display: table-cell;
	width: 50%;
}
#calendar_footer #btn_next{ text-align: right;}
#calendar_footer a{
	font-size: 24px;
	letter-spacing: -3px;
}

#calendar_footer a.hover{ color: #ff0000;}

#wrapper_close_calendar{
	position:absolute;
	top: 25px;
	right: 10px;
}
@media screen and (max-width: 720px){
/* ====================================================================
	calendar SP
==================================================================== */
#calendar_dates li {
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.4s ease-out;
width: 20px;
height: 20px;
padding: 2px 6px 0;
text-align: center;
opacity: 0;
/* background: #E573E5; */
color: #fff;
}
#calendar_wrapper {
display: none;
z-index: 199;
}
#calendar_inner {
width: 290px;
margin: 20px auto;
position: relative;
}
#calendar_body {
padding: 20px 12px 0px;
}
#calendar_month_num { width: 14%;}
#calendar_day ul li {
float: left;
width: 38px;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #aaa;
}
#calendar_info span {
font-size: 8px;
margin-right: 18px;
}
#calendar_dates li {
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.4s ease-out;
width: 20px;
height: 17px;
padding: 2px 0px 0;
text-align: center;
opacity: 0;
color: #101010;
}

#calendar_dates li>span{
	width: 34px;
	height: 27px;
    padding-top: 7px;
	border-radius:50%;
	font-size:120%;
}

.business_hour dt {
width: 35%;
}
#calendar_info span:before {
position: relative;
display: inline-block;
content: "";
top: 3px;
width: 14px;
height: 14px;
margin-right: 2px;
}
}
/*-----*/

/* 車両画像モーダル */

.car_image_modal_close{
display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: rgba(0,0,0,.7);
    z-index: 1002;
    width: 100%;
    display:none;
}
.car_image_modal_close a{
width: 50px;
    height: 50px;
    right: 2%;
    position: absolute;
}
.car_image_modal_close img{
    width: 50px;
    height: 50px;
}

.car_image_overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: rgba(38, 33, 30, .8);
    display:none;
    opacity:0;
    z-index:104;
}

.car_image_modal{
    position: fixed;
    display:none;
    overflow-y: auto;
    padding: 0 5%;
    width: 100%;
    height: 100%;
    z-index: 100;
    padding-top: 50px;
    bottom: 0px;
    top:1500px;
    z-index:105;
}
.car_image_modal .car_image_photobox{
    margin: auto;width: 800px;
}

.car_image_modal .car_image_photobox p{
background:white;max-width: 100%;
}

/* u-car search modal*/
.hide-area{
	/*display:block;*/
}


.vcon-btn,.certified-btn{
	width:90px;
	padding:2px 4px;
	line-height:1.75;
	font-size:12px;
}
.search-fileter-car-selected-ex1 > li:first-child{
	width:320px;
}
.search-fileter-car-selected-ex1 li dl dt{
	line-height:1.4;
}
.vcon-view{
	padding:0 0 20px 0px;
	/*width:280px;*/
}


.btn-vcon-review-check{
  background-color: #b7142e;
    color: #ffffff;
    text-align: center;
    padding: 1em 0;
    border: none;
    width: 18em;
    display: block;
    margin: 0 auto;
	position: relative;
}

.btn-vcon-review-check:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 5px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 7px solid #fff;
}

.vcon-txt .vconIcon {
}
.vcon-txt .vconIcon > img{
    width: 2em;
    vertical-align: middle;
    margin-right: 0.5em;
}
.vcon-txt span{
    display: block;
    text-indent: -1em;
    margin-left: 1em;
}
@media screen and (min-width: 720px){
	.vcon{
		width: 40%;
    	margin: 10px auto;
	}
	.vcon-txt
	{
		width: 50%;
    	margin: 10px auto;
	}
}

.vcon-view-area{
	width:630px;
}
.vcon-view-area .vcon-image img{
	width:100%;
	height:auto;
}
.vcon-print-action{
	padding:20px;
	background:#F1F1F1;
	border-top:1px solid #a8a8a8;
}
.btn-vcon-print{
	text-align:center;
	padding:15px 0;
	font-size:18px;
}
.btn-vcon-print span
{
    display: inline-block;
    background: url(../img/detail/icon_vcon_print.png) no-repeat 0 0;
    padding-left:40px;
}
.modal-container
{
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;

    display: none; 

    width: 100%;
    height: 100%;
}
.modal-container .modal-overlay
{
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    cursor: pointer; 

    opacity: 0;
    background: rgba(38, 33, 30, .8);
}
.modal-container .modal-contents
{
    position: absolute;
    top:115px;
    left: 50%;

    transform: translate(-50%, 0);

    opacity: 0;
}
.modal-container .modal-action
{
	margin:25px 0 0;

}
.modal-container .btn-modal-close
{
    display: block;

    transition: all .2s ease-out; 
    color:#fff;
    border:3px solid #fff;
    padding:15px;
    width:100%;
    font-size:18px;
    font-weight:bold;
    background:none;
    cursor:pointer;
}
.modal-container .btn-modal-close span
{
    display: inline-block;
    background: url(../img/detail/icon_modal_close.png) no-repeat 0 0;
    padding-left:40px;
}
.modal-container .btn-modal-close:hover
{
    opacity: .8;
}

.modal-frame
{
    display: none; 

    background: #f8f8f8;
}

.modal-body
{
    /*padding: 30px;*/
}
.view-br-sp{
	display:none;
}
@media screen and (max-width: 720px){
	.search-fileter-car-selected-ex1 > li:first-child{
		width:auto;
	}
	.search-fileter-car-selected-ex1 li dl dt{
		line-height:175%;
	}
	.vcon-btn,.certified-btn{
		height:40px;
		padding:2px 15px;
		margin:5px;
		font-size:14px;
	}
	.vcon-btn{
		width:130px;
	}
	.view-pc{
		display:none;
	}
	.view-br-sp{
		display:inline;
	}
	.vcon-view{
		padding:10px 0;
		width:auto;
		margin: 0 auto;
	}
	.vcon-view-area{
		width:auto;
		min-width:300px;
	}
	.vcon-print-action{
		display:none;
	}
	.modal-container .btn-modal-close
	{
	    font-size:16px;
	}
	.modal-container .btn-modal-close span
	{
	    background-image: url(../img/detail/icon_modal_close_sp.png);
	    background-position:left 44%;
	    background-size:15px auto;
	    padding-left:30px;
	}
	.btn-vcon-review-check span{
		
	}
}
/**********************************************/

/*****Detail******/

h2{
    font-weight: bold;
    font-size: 120%;
    margin-bottom: 0.5em;
}
.new-ico{
    display: inline-block;
    background-color: #bc0000;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    padding: 0.2em 0.5em;
    border-radius: 17px;
    margin-right: 0.25em;
}



#priceListArea{
	width: 100%;
	margin-top: 3em;
    margin-bottom: 3em;
	overflow: hidden;
}
#priceListArea li.priceList{
	width: 50%;
	float: left;
	margin: 0;
}
#priceListArea li.priceList table{
	width: 100%;
}
#priceListArea li.priceList table th{
	font-size: 120%;
	text-align: center;
}
#priceListArea li.priceList table th .shohiTxt{
	font-weight: normal;
	font-size: 80%;
	margin-left: 5px;
}
#priceListArea li.priceList table td{
	text-align: center;
}
#priceListArea li.priceList table td.pricetxt-ini{
	font-weight: bold;
	font-size: 220%;
	white-space: nowrap;
	line-height: 1.4;
}
#priceListArea li.priceList table td.pricetxt-ini .yenTxt{
	font-weight: normal;
	font-size: 50%;
}
#priceListArea li.priceList.priceList-sougaku{
	color: #b7142e;
}
#priceListArea li.priceList .pricetxt-btn a{
    font-weight: normal;
    background-color: #cccccc;
    padding: 0.25em 2em 0.25em 0.5em;
    display: inline-block;
    border-radius: 6px;
    text-decoration: none;
    position: relative;
	margin-top: 0.5em;
}
#priceListArea li.priceList .pricetxt-btn a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 5px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 7px solid #000000;
}
@media screen and (min-width: 720px){
	.pricetxt02{
		width: auto;
	}
}
.detail-box1 > div > div > ul{
    width: 100%;
    overflow: hidden;
    margin:  0;
}
.detail-box1 > div > div > ul > li{
    float: left;
    width: 32%;
    margin-right: 2%;
    /*background-color: #f5f5f5;*/
}
.detail-box1 > div > div > ul > li img{
    display: block;
}
/*
.detail-box1 > div > div > ul > li:nth-child(2){
    width: 12%;
}
.detail-box1 > div > div > ul > li:nth-child(3){
    width: 12%;
}
*/
.detail-box1 > div > div > ul > li:nth-child(3n){
    margin-right: 0%;
}
.detail-box1 > div > div > ul > li:last-child{
    margin-right: 0%;
}

.total-box .right{
    margin-top: 0.5em;
    text-align: right;
    margin-bottom: 2em;
}

.shopInq{
    /*
    background-color: #f5f5f5;
    padding: 1em;
    */
}
.shopInq > p > a:first-child{
    margin-bottom: 0.5em;
    font-size: 120%;
}

.inqlistBox{
    margin-top: 2em;
    width: 100%;
    overflow: hidden;
}
.inqlistBox li{
	float: left;
    width: 49%;
	margin-right: 2%;
	margin-bottom: 2%
}

.inqlistBox li:nth-child(2n){
    margin-right: 0%;
}

.inqlistBox li a{
	position: relative;
    color: #101010;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 0.5em 0;
    background-color: #fafafa;
    border: #000000 solid 2px;
	font-size: 95%;
}
.inqlistBox li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 0px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 8px solid #101010;
}

.inqlistBox li a.sptel-btn{
	line-height: 2.9;
}
@media screen and (min-width: 720px){
    .img-box{
        width: 494px;
        float: left;
    }
    .detail-box1{
        float: right;
        width: 450px;
    }

    .inqlistBox li{
        width: 100%;
		float: none;
        margin-right: 0%;
		margin-bottom: 2%;
		line-height: 1.5em;
    }
	.inqlistBox li a{
		padding: 1em 0;
		cursor: pointer;
	}
	.inqlistBox li a:hover{
		background-color: #e0e0e0;
	}
}




.h3-basic{
    font-weight: bold;
    margin-top: 2em;
    margin-bottom: 1.5em;
}
/*

*/
#cardetail-wrap > div > h2{
    margin-bottom: 0.5em;
}

#cardetail-wrap > div > h2 > .car-grade-name{
	display: block;
    font-weight: normal;
	font-size: 80%;
	line-height: 1.2;
	margin-top: 0.5em;
}

#cardetail-wrap .ttlbtmDemoup {
    margin-bottom: 0.5em;
    display: block;
}
#cardetail-wrap .ttlbtmDemoup:after {
    content: "";
    display: block;
    clear: both;
} 
#cardetail-wrap .ttlbtmDemoup:before {
    content: "";
    display: block;
    clear: both;
} 
#cardetail-wrap .ttlbtmDemoup > li {
    background-color: #990000;
    color: #ffffff;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.2;
    padding: 0.4em 0.3em 0.3em;
    float: left;
    margin: 0 0.2em 0.5em 0;
}
#cardetail-wrap .ttlbtmDemoup > li.lastChild {
    margin-right: 0;
}
/*
#cardetail-wrap .ttlbtmDemoup > li.skyplan {
    float: right;
    background-color: #d16700;
    padding: 0.4em 1.2em 0.3em 0.3em;
}
#cardetail-wrap .ttlbtmDemoup > li a {
    color: inherit;
    text-decoration: none;
    position: relative;
}
#cardetail-wrap .ttlbtmDemoup > li a:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -1.2em;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 7px solid #fff;
}
*/
#cardetail-wrap .ttlbtmDemoup > li.skyplan-tabbtn {
    float: right;
    display: flex;
    flex-flow: row nowrap;
    padding: 0;
	background-color: inherit;
	width: 100%;
}
#cardetail-wrap .ttlbtmDemoup > li.skyplan-tabbtn > a {
	display: block;
	background-color: #d16700;
	padding: 0.4em 1.5em 0.3em 0.5em;
	position: relative;
	margin-right: 0.5em;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	width: calc((100% - 0.5em) / 2);
}
#cardetail-wrap .ttlbtmDemoup > li.skyplan-tabbtn > a.skyplan02btn {
	background-color: #449fbe;
}
#cardetail-wrap .ttlbtmDemoup > li.skyplan-tabbtn > a:last-child {
	margin-right: 0em;
}
#cardetail-wrap .ttlbtmDemoup > li.skyplan-tabbtn > a:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 0em;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 7px solid #fff;
}
@media screen and (min-width: 720px){
	#cardetail-wrap .ttlbtmDemoup > li.skyplan-tabbtn {
		width: auto;
	}
	#cardetail-wrap .ttlbtmDemoup > li.skyplan-tabbtn > a{
		width: auto;
	}
}
/***************/
#cardetail-wrap .table-box > div > dl{
    overflow: hidden;
    margin-bottom: 2.5%;
}
#cardetail-wrap .table-box > div > dl > dt{
    float: left;
    width: 35%;
}
#cardetail-wrap .table-box > div > dl > dd{
    font-weight: bold;
    float: left;
    width: 65%;
    /*padding: 0.25% 1%;
    background-color: #f0f0f0;*/
}
@media screen and (min-width: 720px){
	#cardetail-wrap .table-box > div.specTwin > dl{
		width: 49%;
		display: inline-block;
		vertical-align: top;
	}
    #cardetail-wrap .table-box > div > dl{
        margin-bottom: 2%;
    }
	#cardetail-wrap .table-box > div > dl > dt{
		width: 30%;
	}
	#cardetail-wrap .table-box > div > dl > dd{
		width: 70%;
	}
}


#cardetail-wrap .table-box > dl.other02{
    overflow: hidden;
    margin-bottom: 2%;
}

#cardetail-wrap .table-box > dl.other02 > dt{
    float: left;
    width: 35%;
}

#cardetail-wrap .table-box > dl.other02 > dd{
    font-weight: bold;
float: left;
    width: 65%;
    /*padding: 0.25% 1%;
    background-color: #f0f0f0;*/
}
#cardetail-wrap .table-box > dl.other02.vconBox > dt{
    width: 100%;
}

#cardetail-wrap .table-box > dl.other02.vconBox > dd{
    font-weight: normal;
float: left;
    width: 100%;
    /*padding: 0.25% 1%;
    background-color: #f0f0f0;*/
}

.vconBox .vcon table tr td:last-child{
    width: 63%;
    vertical-align: middle;
    padding-left: 2%;
}

.recyclingImg{
    display: inline-block;
    width: 3em;
    margin-right: 0.5em;
}


.opBox {
    margin: 2% 0 0 1%;
    width: 99%;
    overflow: hidden;
}
.opBox li{
    font-style: normal;
    text-shadow: none;
    font-size: 90%;
    color: #cccccc;
    width: 49%;
    float: left;
    margin-right: 1%;
    /*border: #b0b0b0 solid 1px;*/
    margin-bottom: 1%;
    padding: 0.25% 1%;
    background-color: #f0f0f0;
    font-weight: normal;
}
.opBox li:last-child,
.opBox li.w100p:last-child{
    margin-bottom: 0%;
    }
/*
.opBox li:nth-child(3n){
        margin-right: 1%;
    }
.opBox li:nth-child(2n){
        margin-right: 0%;
    }
*/
.opBox li.opon{
    color: #101010;
    /*border: #bf8989 solid 1px;*/
}
.opBox li.w100p{
        width: 99%;
        margin-right: 1%;
        margin-bottom: 1%;
    }
@media screen and (min-width: 720px){
	.opBox li.w100p{
        width: 49%;
        margin-right: 1%;
        margin-bottom: 1%;
    }
}

.indentlist{
}
.indentlist li{
    text-indent: -1em;
    margin-left: 1em;
    margin-bottom: 0.25em;
    line-height: 1.2;
}

/**/
/*
.car-gallery-images-main{
    width: 100% !important;
    margin-bottom: 1em;
}
.rg-caption-wrapper .caption-close{
    display: none;
}
.rg-thumbs{
    
}

.rg-thumbs .es-nav{
    display: none;
}
.rg-thumbs .viewport{
    overflow: hidden;
}
.rg-thumbs .viewport > ul{
    width: auto;
}
.rg-thumbs .viewport > ul > li{
    width: 19%;
    margin-left: 1%;
    float: left;
}
*/
.osusume-list{
}

.osusume-list > li{
    width: 100%;
    margin-bottom: 2em;
}
.osusume-list > li > a {
    display: block;
    overflow: hidden;
}

.osusume-list > li > a > div {
    float: left;
    width: 38%;
    margin-right: 2%; 
}
.osusume-list > li > a > dl {
    float: left;
    width: 60%;
}
.osusume-list > li > a > dl > dt {
    line-height: 1.2em;
    font-weight: bold;
    margin-bottom: 0.5em;
}
.osusume-list > li > a > dl > dd {
    margin-top: 0.2em;
}
.osusume-list > li > a > dl > dd.price > strong {
    font-size: 140%;
    font-weight: normal;
}
.osusume-list > li > a > dl > dd.price > strong > span{
    font-size: 80%;
}


/*  accordion  */

/**/

.accordion5 {
    margin-bottom: 5%;
	}
@media screen and (min-width: 720px){
	.accordion5 {
		margin-bottom: 2%;
		}
}
.accordion5 > li{
	margin-top: 1%;
	}
	
.accordion5 .acTtl{
	cursor: pointer;
	padding: 0.6em 5%;
	letter-spacing:0.1em;
	text-align:left;
	color:#FFFFFF;
	
	border-radius: 2px 2px 2px 2px;
    webkit-border-radius: 2px 2px 2px 2px;
    moz-border-radius: 2px 2px 2px 2px;
	
	transition: all .2s;
	
	background: #101010;
}
/*
.accordion5 .acTtl:hover{
	background: #033991;
}
*/
.accordion5 .acTtl.active{
	border-radius: 2px 2px 0px 0px;
    webkit-border-radius: 2px 2px 0px 0px;
    moz-border-radius: 2px 2px 0px 0px;
	
	background: #303030;
}

.accordion5 .ac1{}
.accordion5 .ac2{}

.accordion5 .inner {display: none;}
.accordion5 .inner.txtBox .acClose{
	margin-top:5%;
	padding: 0.5em ;
	background: #fff;
	border:2px solid #aaa69b;
	
	border-radius: 6px;
    webkit-border-radius: 6px;
    moz-border-radius: 6px;
	
	font-weight:bold;
	text-align:center;
	
	cursor: pointer;
}

.accordion5 .inner.txtBox .acClose span{
	padding-left: 1.6em;
	background-image: url("../img/icon_close.png");
	background-position: 0 center;
	background-size: 1.2em 1.2em;
	background-repeat: no-repeat;
}

/*  accordion btn  */

.accordion_icon,
.accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon {
	position: relative;
	width: 1em;
	height: 1em;
	float: right;
	margin-top:0.3em;
}
.accordion_icon span {
	position: absolute;
    left: 6px;
    width: 100%;
	height: 2px;
    background-color: #FFFFFF;

}
.accordion_icon span:nth-of-type(1) {
    top: 5px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
    top: 5px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
/*＋、×切り替え*/
.active .accordion_icon span:nth-of-type(1) {
	top: 5px;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.active .accordion_icon span:nth-of-type(2) {
	top: 5px;
    transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}

/***********************************************/
/*Search*/
/***********************************************/
.searchSection{
    margin-bottom: 3em;
}
/*絞り込み　アコーディオン*/
.accordion-btn {
    background-color: #026db9;
    cursor: pointer;
    display: block;
    color: #ffffff;
    padding: 10px 20px;
    margin-bottom: 0;
}
.accordion-btn.accordion-red-btn {
    background-color: #b7142e;
}
.accordion-btn h2 {
    text-align: center;
    float: none;
    background-size: 18px;
    font-weight: normal;
    padding: 0.25em 0;
    margin-bottom: 0em;
}
.accordion-btn.accordion-red-btn h2 > span {
    background: url(/u-car/common/img/ico-red-open.png) right 52% no-repeat;
    background-size: 18px;
    padding: 5px 28px 5px 0px;
}
.accordion-btn.accordion-red-btn.opened  h2 > span {
    background: url(/u-car/common/img/ico-red-close.png) right 52% no-repeat;
    background-size: 18px;
    padding: 5px 28px 5px 0px;
}
.h2-wrap h2 span > span {
    display: none;
}
#form_search .search-result-sort {
    display: none;
}
.hide-area {
    display: none;
}
.search-filter-menu {
    width: 100%;
    background-color: #fafafa;
}
.search-filter-menu tr td {
    display: block;
    width: 100%;
    padding: .5em 0.5em;
    border-bottom: #f0f0f0 solid 1px;
    box-sizing: border-box;
    vertical-align: middle;
}
.search-filter-menu tr td dl {
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.search-filter-menu tr td dl dt {
    display: table-cell;
    width: auto;
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
}
.search-filter-menu tr td dl dd {
    overflow: hidden;
}
.search-filter-menu tr td dl.singleline {
    display: table;
}
.search-filter-menu tr td dl.singleline dt {
    width: 30%;
}


.search-filter-menu tr td .hi-rowTable{
    display: table;
    margin: 0 0 0 auto;
}
.search-filter-menu tr td .hi-rowTable td{
    display: table-cell;
    width: 45%;
    margin: 0;
    padding: 0;
    border: none;
}
.search-filter-menu tr td .hi-rowTable td.hi-rowKara{
    width: 10%;
    text-align: center;
}
.search-filter-menu tr td .hi-rowTable td .easy-select-box .esb-displayer {
    width: 7em;
}
@media screen and (min-width: 720px){
    .search-filter-menu tr td {
        display: table-cell;
        width: 50%;
    }
    .search-filter-menu tr td .hi-rowTable{
        margin: 0 auto 0 0;
    }
}
#form_search input,
#form_search select {
    display: none;
}
.easy-select-box {
    background: #fff;
    border: 1px solid rgb(153, 153, 153);
    text-align: left;
    font-size: 14px;
    color: #333;
}
.easy-select-box{
    margin-bottom: 0.5em;
}
.easy-select-box:last-child{
    margin-bottom: 0em;
}
.easy-select-box .esb-displayer {
    background: url(/u-car/common/img/pulldown-arrow.png) no-repeat 96% 10px;
    color: #333;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    padding: 0 3px;
    text-indent: 5px;
}
.mission-list,
.nenryou-list,
.goodmazda-list {
    width: 100%;
    margin: 1% auto 0;
}
.search-filter-menu li {
    box-sizing: border-box;
    float: left;
    width: 49.5%;
    margin-right: 1%;
    margin-bottom: 1%;
}
.search-filter-menu li:nth-child(2n) {
    margin-right: 0%;
}
@media screen and (min-width: 720px){
    .search-filter-menu li {
        box-sizing: border-box;
        float: left;
        width: 24%;
        margin-right: 1.33333%;
        margin-bottom: 1.33333%;
    }
    .search-filter-menu li:nth-child(2n) {
        margin-right: 1.33333%;
    }
    .search-filter-menu li:nth-child(4n) {
        margin-right: 0%;
    }
}
button {
    outline: none;
    border: none;
}
.black-btn {
    background-color: #000000;
    cursor: pointer;
    display: block;
    color: #cccccc;
    border: 2px solid #000000;
    padding: 0.25em 0.25em;
}
.black-btn.selected {
    background-color: #777777;
    border: 2px solid #b7142e;
    color: #ffffff;
    
    background-image: url(../img/search/icon_recheck.png);
}

.drive_system-btn,
.mission-btn,
.goodmazda-btn,
.nenryou-btn,
.area-btn {
    width: 100%;
    padding: 0.25em 0.25em;
    height: 3em;
    line-height: 1.2;
}

.goodmazda-btn,
.nenryou-btn,
.vcon-btn{
    padding: 0.25em 0.25em 0.25em 2.25em;
    text-align: left;
    background-image: url(../img/search/icon_recheck_no.png);
    background-size: auto 2em;
    background-position: 0 center;
    background-repeat: no-repeat;
}
.goodmazda-btn.selected,
.nenryou-btn.selected,
.vcon-btn.selected{
    background-image: url(../img/search/icon_recheck.png);
}
.search-filter-menu dd.inner  {
    margin-top: .25em;
}
.search-filter-menu dd.inner > div {
    width: 90%;
    margin: .25em auto .5em;
}
.slider-description {
    position: relative;
    width: 90%;
    font-size: 12px;
}
.slider-description .max {
    position: absolute;
    right: 0;
}
/*カラー*/
.search-list-wrap .color-list li {
    width: 24%;
    margin: 0 1% 1% 0;
}
@media screen and (min-width: 720px){
    .search-list-wrap .color-list li{
        width: 15.8%;
        margin: 0 1% 1% 0;
    }
    .search-list-wrap .color-list li:nth-child(6n){
        margin: 0 0% 1% 0;
    }
    .black-btn.vcon-btn{
        width: 11em;
    }
}
.search-filter-menu tr td dl dd .color-btn {
    width: auto;
}
.search-filter-menu tr td dl dd .optionCheck .color-btn {
    text-align: left;
}
.color-list li{ float: left;}
.color-btn{ background: none; border: none; margin:0; padding: 0; text-align: left;}
.color-btn span{ /*font-style:oblique;*/ color:rgb(51,51,51);}
.check-color{ display: inline-block; position: relative; border: 2px solid #fff;}
.check-color.red{ background-color: rgb(204, 0, 0);}
.check-color.blue{ background-color:rgb(0,51,153);}
.check-color.gold{ background-color:rgb(149,117,53);}
.check-color.gray{ background-color:rgb(102,102,102);}
.check-color.yellow{ background-color:rgb(255,255,0);}
.check-color.black{ background-color: rgb(0, 0, 0);}
.check-color.silver{ background-color:rgb(153,153,153);}
.check-color.white{ background-color: rgb(255, 255, 255);}
.check-color.orange{ background-color: rgb(255, 153, 0);}
.check-color.brown{ background-color: rgb(115, 78, 0);}
.check-color.pink{ background-color: rgb(204, 51, 102);}
.check-color.green{ background-color: rgb(51, 153, 102);}
.check-color.wine{ background-color: rgb(153, 0, 51);}
.check-color.purple{ background-color: rgb(102, 51, 102);}
.check-color.etc{ background: url("/u-car/common/img/color-etc.png");}

.color-btn {
    text-align: center;
    cursor: pointer;
    /*width: 40px;*/
    box-sizing: border-box;
}
.check-color {
    width: 40px;
    height: 40px;
}
.check-color {
    display: inline-block;
    position: relative;
    border: 2px solid #f0f0f0;
}
.color-btn span {
    margin-right: 4px;
    font-size: 14px;
    line-height: 175%;
}
.search-filter-menu tr td.color-box dl dd .color-btn span:nth-of-type(2) {
    display: inline-block;
    font-size: 80%;
}
.color-btn.selected .check-color{
border: 2px solid #b7142e;
}
/*オプション*/
.optionRefineArea .optionCheck{
    margin-top: .25em;
}
.optionRefineArea .option-btn span{
    vertical-align: top;
    
}
.optionRefineArea .option-btn span:nth-of-type(2){
    display: inline;
    font-size: 100%;
}
.optionRefineArea .check-color{
    width: 1.25em;
    height: 1.25em;
    border-color: #cccccc;
    background-color: #ffffff;
}
.optionRefineArea .color-btn.selected .check-color{
    background-color: #00a3dd;
    background-image: url("../common/img/icon_option_check.png");
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.optionRefineArea .color-list li {
    box-sizing: border-box;
    float: left;
    width: 49.5%;
    margin-right: 1%;
    margin-bottom: 3%;
}
.optionRefineArea .color-list li:nth-child(2n) {
    margin-right: 0%;
}
@media screen and (min-width: 720px){
    .optionRefineArea .color-list li {
        width: 33%;
        margin-right: 0.5%;
        margin-bottom: 1%;
    }
    .optionRefineArea .color-list li:nth-child(2n) {
        margin-right: 0.5%;
    }
    .optionRefineArea .color-list li:nth-child(3n) {
        margin-right: 0%;
    }
}
/**sortbtnArea　絞込み**/
.sortbtnTtl{
	padding-left: 0px;
    margin-right: 10px;
    font-size: 18px;
    line-height: 175%;
    /*font-style: oblique;*/
    color: #cccccc;
}

.sortbtnArea{
	width: 100%;
	background-color: #000000;
}
.sortbtnArea th,
.sortbtnArea td{
	text-align: center;
}
.sortbtnArea th{
	width: 25%;
	font-size: 110%;
    font-weight: normal;
	padding: 0.3em 0;
	background-color: #f1f1f1;
    line-height: 1.6;
	border-right: #cccccc solid 1px;
}
.sortbtnArea th:last-child{
	border-right: none;
}
.sortbtnArea td{
    padding: 0.25em 0.25em;
}
.sortbtnArea td a{
	display: block;
    padding: 0.75em 0;
    text-decoration: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #333333;
    color: #999999;
}
.sortbtnArea td a:hover{
    color: #cccccc;
    background: none;
}
.sortbtnArea td .sort_target{
	color: #ffffff;
	background-color: #b7142e;
}

.search-result-sort{
	border: none;
    margin-bottom: 0px;
}
.search-result-sort li {
    float: left;
    display: table-cell;
    vertical-align: middle;
}
.search-result-sort li:first-child {
    padding: 0;
    margin-right: 0;
}
.search-result-sort li.search-result-number {
    padding: 4px 0px 8px 0;
    float: left;
    line-height: 175%;
    width: 100%;
    text-align: center;
    border-top: 1px solid #f0f0f0;
}
.searchSection .btn-list li:first-child{
	margin: 0 auto;
	width: 50%;
}
.searchSection .btn-list li:last-child{
	margin: 0 auto;
	width: 90%;
}
@media screen and (min-width: 720px){
	
    .sortbtnArea td{
        padding: 0.5em 1.5em;
    }
	.sortbtnArea td a{
		padding: 0.1em 0;
	}
	.sortbtnArea td a:hover{
		color: #b7142e;
	    background-color: #ffffff;
	}
	.search-result-sort li.search-result-number {
        padding-left: 0px;
	}
	.searchSection .btn-list li:last-child{
		width: 50%;
	}
}

/*トップから指定検索ボックス*/

.check_comment{
    /*padding: 10px;*/
    margin: 0 auto 3em;
    width: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
    border: 1px solid #f0f0f0;
}
.check_comment dt{
    width: 100%;
    margin: 0 auto ;
    background-color: #ffffff;
    /*border: 1px solid #000000;*/
}
.check_comment dt div span{
    font-size:16px;
    line-height:1.6;
    font-weight: bold;
    text-align:left;
    padding: 0 12px 0 10px;
    display: inline-block;
}
.check_comment dt div span:first-child{
    font-weight: normal;
    background-color: #000000;
    color: #fff;
}
.check_comment dd{
    width: 100%;
    overflow: hidden;
    padding: 0.5em;
    box-sizing: border-box;
    background-color: #f0f0f0;
}
.check_comment dd div{
    width: 100%;
    margin-right: 10px;
}
.check_comment dd div p{
    float: left;
    width: 120px;
    margin-right: 8px;
    margin-bottom: 0px;
    border: 1px solid #f0f0f0;
    background-color: #ffffff;
}
@media screen and (min-width: 720px){
	
    .check_comment dd div p{
        width: 164px;
    }
    .check_comment{
        width: 720px;
    }
}


/*ページャー*/
.result_page_link { text-align: center; padding: 10px 8px; color: #aaaaaa; clear: both;}
.result_page_link a{
	display: inline-block;
	margin: 0 10px;
	letter-spacing: -2px;
	font-size:14px;
	color: #b7142e;
}

/*スペック*/

.search-result-item-visual{
	position: relative;
}
.search-result-item-visual .demoupLabel{
	position: absolute;
    z-index: 1;
    color: #ffffff;
    background-color: #b7142e;
    top: 1px;
    left: 1px;
    display: inline-block;
    padding: 0.2em 0.5em;
    border-radius: 0 0 8px 0;
}
.search-result-item{
    margin-bottom: 2em;
    border-bottom: #f0f0f0 solid 1px;
    padding-bottom: 2em;
}
.search-result-item-thumbnail{
    border: #404040 solid 1px;
    margin-bottom: 0em;
    position: relative;
}
.search-result-item-thumbnail img{
    vertical-align: bottom;
}
.search-result-item-header{
    font-weight: bold;
    font-size: 120%;
    margin-bottom: 0.5em;
    
    padding: 0.5em 0.5em;
    background-color: #404040;
    color: #ffffff;
    border-radius: 0px 0px 4px 4px;
	line-height: 1.1;
	box-sizing: border-box;
}
.search-result-item-header .car-grade-name{
    font-weight: normal;
    font-size: 80%;
}

.search-result-item-icon{
    margin: 0 0 1em 0;
}
.search-result-item-icon ul{
    width: 100%;
    overflow: hidden;
}
.search-result-item-icon ul li{
    float: left;
    width: 32%;
    margin-right: 2%;
}
.search-result-item-icon ul li:last-child {
    margin-right: 0%;
}
.search-result-item-icon .listIconSogaku{
    width: 40px;
    display: none;
}
.search-result-item-spec dl{
    overflow: hidden;
    margin-bottom: 2%;
    
}
.search-result-item-spec dl > dt{
    float: left;
    width: 40%;
}
.search-result-item-spec dl > dd{
    font-weight: bold;
    float: left;
    width: 60%;
}
.search-result-item-spec dl > dd .listManen{
    font-weight: normal;
    font-size: 60%;
}
.search-result-item-spec dl > dd .listpriceTtl{
    font-weight: normal;
	font-size: 90%;
}
.search-result-item-spec .shop-comment {
    /*margin: 2em 0;*/
}
.search-result-item-spec .shop-comment dl{
    background-color: #f0f0f0;
    padding: 0.3em 0.5em;
    border-radius: 4px;
}
.search-result-item-spec .shop-comment dl > dt{
    float: none;
    width: 100%;
    margin-bottom: .25em;
}
.search-result-item-spec .shop-comment dl > dd{
    float: none;
    width: 100%;
}

.search-result-item-spec > ul > li {
    width: 50%;
    float: left;
}
.search-result-item-spec > ul > li.shop-comment {
    width: 100%;
}

@media screen and (min-width: 720px){
    .search-result-list{
        overflow: hidden;
    }
    .search-result-item{
        width: 300px;
        margin-right: 30px;
        float: left;
    }
    .search-result-item:nth-child(3n){
        margin-right: 0px;
    }
    .search-result-item-spec > ul > li {
        width: 100%;
        float: none;
    }
	
	

}

/*詳細　お問い合わせボタン*/
.buttons {
    width: 100%;
    overflow: hidden;
}
.buttons > a{
    float: left;
    width: 49%;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 1em 0;
    background-color: #101010;
}
.buttons > a{
    float: left;
    width: 49%;
    margin-right: 2%;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 1em 0;
    background-color: #101010;
	position: relative;
}

.buttons > a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 5px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 7px solid #fff;
}

.buttons > a:last-child{
    margin-right: 0%;
}
.buttons > a.black-btn{
    border: none;
    background-color: #b7142e;
}


#back_submit {
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    padding: 1em 0;
    text-align: center;
    margin-bottom: 10px;
    color: #ffffff;
	position: relative;
}
#search_submit, 
#filter_submit {
    background-color: #b7142e;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    padding: 1em 1em;
    text-align: center;
    margin-bottom: 10px;
    color: #ffffff;
	position: relative;
}
#back_submit:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	width: 0;
	height: 0;
	margin-top: -6px;
	border: 6px solid transparent;
	border-right: 10px solid #fff;
}
#search_submit:before,
#filter_submit:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 5px;
	width: 0;
	height: 0;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left: 10px solid #fff;
}

.blue-btn {
    background: #026db9;
    border: none;
    cursor: pointer;
    display: block;
    color: #ffffff;
    font-weight: normal;
}

.refinebtn .numberbox {
    /*float: right;*/
    display: inline-block;
    text-align: right;
    color: #e0e0e0;
    border: #e0e0e0 solid 1px;
    border-radius: 4px;
    padding: 3px 10px 3px 5px;
    margin-left: 10px;
    line-height: 1;
    background-color: #800f21;
}
.refinebtn .numbertxt {
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    line-height: 1.2;
}
.refinebtn .numbernumber {
    font-size: 24px;
    display: inline-block;
    line-height: 1.1;
    vertical-align: middle;
}
#contents > div > .numberfixboxWrap img, 
.numberbox img {
    width: 3em;
    height: auto;
}

#contents > div {
	position: relative;
}
#contents > div > .numberfixboxWrap{
	width: 100%;
    margin: 0 auto;
	position: absolute;
	z-index: 1;
	top: -2em;;
    left:0%;
	text-align: right;
	pointer-events: none;
}

#contents > div > .numberfixboxWrap.fixed {
	position: fixed;
	top: 0;
	left:0;
		margin-left: 0px;
}

#contents .numberfixbox{
	display: inline-block;
    text-align: center;
	padding: 5px 15px 5px 15px;
	border-radius: 0 0 10px 10px;
	
	box-sizing: border-box;
	background-color: #777777;
	border-left: #ffffff solid 2px;
	border-right: #ffffff solid 2px;
	border-bottom: #ffffff solid 2px;
}

.numberfixinner{
	color: #ffffff;
	text-align: center;
}
.fixinnertxt{
	font-size: 10px;
}
.fixinnernumber{
	font-size: 140%;
	font-weight: bold;
	line-height: 0.75;
}

.shopbtminfo{
	margin: 2em 0;
	background-color: #f0f0f0;
	padding: 0.5em 1em;
}
.shopbtminfo .shopbtminfo-name{
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 0.5em;
}
.shopbtminfo .shopbtminfo-name a{
	margin-left: 0.5em;
	font-weight: normal;
	background-color: #cccccc;
	padding: 0.25em 2em 0.25em 0.5em;
	display: inline-block;
	border-radius: 6px;
	text-decoration: none;
	position: relative;
}

.shopbtminfo .shopbtminfo-name a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 5px;
	width: 0;
	height: 0;
	margin-top: -4px;
	border: 4px solid transparent;
	border-left: 6px solid #000;
}

@media screen and (min-width: 720px){
	#contents > div > .numberfixboxWrap{
        width: 960px;
        left:50%;
        margin-left: -480px;
	}
	#contents > div > .numberfixboxWrap.fixed {
		
    left:50%;
	margin-left: -480px;
	}
}




/************************************/
/*トップから指定検索ページ*/
/************************************/
/*  main-search */
.main-search{
    padding: 0px;
    margin-bottom: 5em;
}
.main-search .carnameTtl{
    font-size: 150%;
    margin-bottom: 0;
    background-color: #f0f0f0;
    font-weight: bold;
    padding: 0.5em 0.5em;
}
.main-search .img{
    /*float: left;*/
    width: 100%;
    /*border: #f0f0f0 solid 1px;*/
}
.main-search .img img{
    vertical-align: middle;
}
.main-search dl,.main-wrap dt,.main-wrap dd{ float: right;}
.main-search dl{ 
    float: none;
    width: 100%;
    text-align: right;
    font-weight: normal;
    padding: 0px 0.5em 0em 0em;
    /*background-color: #f0f0f0;*/
    box-sizing: border-box;
    background-color: rgba(255,255,255,0.6);
    margin-top: 0em;
    margin-bottom: -1em;
    position: relative;
    z-index: 5;
}
.main-search dt{ display: inline-block; margin-right: 0.5em;}
.main-search dd{ vertical-align: middle; /*margin-top: 0px;*/ display: inline-block;}
.main-search dd span{ color: #b7142e; font-weight: normal; font-size: 3.5em; line-height: 1; vertical-align: baseline;}
.main-search .btn{ margin: 1em auto 0 ; padding: 0px; clear: both; float: none; width: 100%;}
.main-search .btn .blue-btn{
	padding: 1em 0;
	background-color: #b7142e;
	text-align: center;
	font-size: 120%;
	color: #ffffff;
	text-decoration: none;
	position: relative;
}
.main-search .btn .blue-btn:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 5px;
	width: 0;
	height: 0;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left: 10px solid #fff;
}

/* price-list */
.price-list-wrap{ padding: 0px; margin-bottom: 0px;}
.price-list{width: 100%; overflow: hidden;}
.price-list-wrap li{
    width: 49.5%;
    margin: 0 1% 1% 0
}
.price-list-wrap li:nth-child(2n){
    margin: 0 0 0 0
}

.price-btn{
cursor: pointer;
width:100%;
padding: 0;
border: 2px solid rgb(0, 0, 0);
    font-family:MazdaTypeRegular,Noto Sans CJK JP,Hiragino Kaku Gothic ProN,HiraKakuProN-W3,Meiryo,Yu Gothic Medium,sans-serif;
}


.price-btn dt{
font-size:14px;
line-height:1.8;
}
.price-btn dd{
font-size:26px;
line-height:1.4;
}
.price-btn dd span{
font-size:20px;
line-height:140%;
margin-left: 2px;
}


/*color*/
.color-list li{
    width: 24%;
    margin: 0 1% 1% 0;
}
/*.color-list li:nth-child(6n){
    margin: 0 0% 1% 0;
}*/

.color-btn.selected .check-color{
border: 2px solid #cccccc;
    background-image: url("../img/search/icon_recheck.png");
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.color-btn.selected .check-color.etc{
border: 2px solid #cccccc;
    background-image: url("../img/search/icon_recheck.png") , url("/u-car/common/img/color-etc.png");
    background-size: auto 100% , auto auto;
    background-position: center center , center center;
    background-repeat: no-repeat , no-repeat;
}

.color-btn span{
    /*
margin-right: 4px;
    */
font-size:14px;
line-height:175%;
    border-radius: 40px;
}
@media screen and (min-width: 720px){
	.main-search .btn{ 
		width: 50%;
	}
	#search_submit {
		margin: 0 auto 10px;
		width: 50%;
	}
    .color-list li{
        width: 15.8%;
        margin: 0 1% 1% 0;
    }
    .color-list li:nth-child(6n){
        margin: 0 0% 1% 0;
    }
    .color-btn span{
        vertical-align: middle;
    }
    .main-search dl{ margin-top: -4.5em; margin-bottom: -0em;}
    .main-search dd span{font-size: 4.5em;}
    
    .price-list-wrap li{
        width: 24%;
        margin: 0 1.33333% 1.33333% 0
    }
    .price-list-wrap li:nth-child(2n){
        margin: 0 1.33333% 1.33333% 0
    }
    .price-list-wrap li:nth-child(4n){
        margin: 0 0 0 0
    }

.color-btn:hover span{ color: #666666;}
}
.color-btn.selected span{ color: #b7142e;}

.check-color{
width: 40px;
height: 40px;
}
.color-btn span:nth-of-type(2){
    display: inline-block;
    font-size: 80%;
    width: 100%;
}

.nenryou-list{
    overflow: hidden;
}
.nenryou-list li{
    box-sizing: border-box;
    float: left;
    width: 49.5%;
    margin:0 1% 1% 0; 
}
.nenryou-list li:nth-child(2n){
    margin:0 0 1% 0; 
}
@media screen and (min-width: 720px){
    .color-btn span:nth-of-type(2){
        width: auto;
    }
    .nenryou-list li{
        box-sizing: border-box;
        float: left;
        width: 24%;
        margin:0 1.33333% 1.33333% 0; 
    }
    .nenryou-list li:nth-child(2n){
        margin:0 1.33333% 1.33333% 0; 
    }
    .nenryou-list li:nth-child(4n){
        margin:0 0 1.33333% 0; 
    }
}
.nenryou-list li .nenryou{
    font-family:MazdaTypeRegular,Noto Sans CJK JP,Hiragino Kaku Gothic ProN,HiraKakuProN-W3,Meiryo,Yu Gothic Medium,sans-serif;
}
/* etc-wrap */
.etc-wrap{ margin-bottom: 20px;}
.etc-area{
    
}
.etc-area dl dt{
padding: 0px;
vertical-align: middle;
}
.etc-area dl dd{
}

#form_filter li > input{display: none;}

.priceSelectArea{
    margin-bottom: 2em;
}
.price-list li {
    float: left;
}
.price-btn{
	box-sizing: border-box;
	border: 2px solid #000000;
    background-color: #000000;
}
.price-btn dt{
	color: #f0f0f0;
    color: #000000;
    background-color: #f0f0f0;
	text-align:center;
}
.price-btn dd{
	border-top: 1px solid #333333;
	color: #f0f0f0;
}
.price-btn dd span{
	margin-left: 2px;
	color: #f0f0f0;
	vertical-align: middle;
}
.price-btn.selected{
  border: 2px solid #b7142e;
  background-color: #777777;
}

.price-btn.selected dt{
    /*color: #ffffff;*/
}
.price-btn.selected dd{
    border-top: 1px solid #999999;
    color: #ffffff;
}
.price-btn.selected dd span{
    color: #ffffff;
}
@media screen and (min-width: 720px){
    .etc-area dt {
        display: table-cell;
    }
    .price-btn:hover{
    border: 2px solid #00a3dd;
    }
}

/*  model-wrap */
/*  model-wrap */
/*  model-wrap */
.model-wrap{ margin-bottom: 2em;}
#model-list{ width: 100%;}
#model-list li{ width: 100%; margin-bottom: 0.5em; margin-right: 0;}
#model-list dl{ }
#model-list dt{ width: 100%; }
#model-list dd{ float: right;}
#model-list dd .no > span{ font-size: 30px; vertical-align: 6%;}
#model-list div{
    width: 100px;
    float: left;
    margin-right: 10px;
}
#model-list div.model-year{
    float: none;
    width: 100%;
    margin-bottom: 0.25em;
}
#model-list div > img{
    vertical-align: bottom;
}
@media screen and (min-width: 720px){
    #model-list{
        overflow: hidden;
    }
    #model-list li{
        float: left;
        width: 49.5%;
        margin-right: 1%;
    }
    #model-list li:nth-child(2n){
        margin-right: 0%;
    }
}
.model-year{

}
.model-year span{
}

#model-list li a{
    overflow: hidden;
	display: block;
    box-sizing: border-box;
    border: 2px solid #000000;
    background-color: #000000;
    color: #ffffff;
    text-decoration: none;

	padding: 0.5em 0.5em;
}
#model-list li a.hover{ 
    border: 2px solid #b7142e;
}
#model-list li a.selected{ 
    border: 2px solid #b7142e;
    background-color: #777777;
}
#model-list li a.selected .no{ color: #ffffff;}





@media screen and (max-width: 720px){
    /*
    .model-wrap{ margin-bottom: 5px;}
    #model-list{margin-right: -7px;}
    #model-list li{ margin-right: 7px; margin-bottom: 15px;}
    #model-list li.fiveChild{ margin-right: 0;}
    #model-list dl{ height: 35px;}
    #model-list dt{ font-size: 12px; width: 115px;}
    #model-list dd{ float: right;}
    #model-list dd .no{ font-weight: bold;}
    #model-list dd .no > span{ font-family: Impact,Charcoal,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif; font-weight: normal; font-size: 28px; vertical-align: -6%;}

    .model-year{
    top: -12px;
    left: 18px;
    padding: 2px 0 0;
    background-color: rgb(0,163,221);
    width: 147px;
    height: 14px;
    }
    */
}

/******************************/
/** contact **/
/******************************/

/* contactcar-wrap */
/*
.contactcar-list li{ border: 1px solid #cccccc; }
.contactcar-list li .main dt{
	background: #cccccc; 
	padding: 0.25em 0.5em;
	line-height: 1.2;
}
.contactcar-list li .main dd{ text-align: center; padding: 0px 0;}
.contactcar-list li .main dd img{ width: 100%; border: 1px solid #ffffff;}
.contactcar-list .contactcar-tb{ border-bottom: 1px solid #cccccc;}
.contactcar-list .contactcar-tb dl{ 
    width: 100%;}
.contactcar-list .contactcar-tb dt{ 
    background-color: #f0f0f0;
    font-weight: bold;
}
.contactcar-list .contactcar-tb dd{ }
.contactcar-list .contactcar-tb dd img{ width: 30px; vertical-align: middle; margin-right: 5px;}
.contactcar-list .contactcar-tb strong{ color: #990000; font-size: 16px; vertical-align: baseline;}
*/
/* contact-wrap */
.contact-area{ background: #f0f0f0; }
.contact-area .notes-list{ color: #990000;}
.contact-area .contact-tb{ border-top: 1px solid #999999;}
.contact-area .contact-tb dl{ border-bottom: 1px solid #999999; width: 100%;}
.contact-area .contact-tb dt{
    border-bottom: #cccccc solid 1px;
    background-color: #cccccc;
    font-weight: bold; 
    vertical-align: middle; 
}
.contact-area .contact-tb dd{ vertical-align: middle;}
.contact-area .contact-tb input,.contact-area .contact-tb textarea{

	border: 1px solid #999999;
	vertical-align: middle;
	font-family:MazdaTypeRegular,Noto Sans CJK JP,Hiragino Kaku Gothic ProN,HiraKakuProN-W3,Meiryo,Yu Gothic Medium,sans-serif;
}
.contact-area .contact-tb dt .red{ }
.contact-area .contact-tb .red{ color: #990000;}

.contact-area .btn_zip2mrk{
    background-color: #000000;
    display: block;
    padding: 1em 0;
    width: 60%;
    margin: 0 auto 1em;
    text-align: center;
    text-decoration: none;
}
/* contactcar-wrap */
/*
.contactcar-list{ margin-bottom: 4em;}
.contactcar-list li{ width: 100%; margin: 0 auto 10px;}
.contactcar-list .btn{ padding: 0px 0;}
.contactcar-list .btn a{
    font-size: 18px; width: 100%; padding: 1em 0; margin: 0 auto; text-align: center;
background-color: #b7142e;
color:#ffffff;
text-decoration: none;
    font-family:MazdaTypeRegular,Noto Sans CJK JP,Hiragino Kaku Gothic ProN,HiraKakuProN-W3,Meiryo,Yu Gothic Medium,sans-serif;
}
.contactcar-list .contactcar-tb dl{ }
.contactcar-list .contactcar-tb dt{ padding: 0.1em 0.5em; font-weight: normal; text-align: center;}
.contactcar-list .contactcar-tb dd{ padding: 0.75em 0.5em 0.75em 0.5em;}
.contactcar-list p{ }
.contactcar-list p a{
    padding: 1em 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    box-sizing: border-box;
}
*/
.contactcar-listWrap{
    width: 100%;
    overflow-x: scroll;
    margin-bottom: 4em;
}
.contactcar-list{
    width: 780px;
    box-sizing: border-box;
    overflow: hidden;
}
.contactcar-list > li{
    float: left;
    width: 29%;
    margin-right: 0%;
    box-sizing: border-box;
    margin: 0 auto 0px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}
.contactcar-list > li:first-child {
    width: 13%;
    border-left: 1px solid #e0e0e0;
}
.contactcar-list > li:first-child {
    width: 13%;
    border-left: 1px solid #e0e0e0;
}
.contactcar-list > li:nth-child(4n){
    margin-right: 0%;
}
.contactcar-list > li .main dt{
	background: #cccccc; 
	padding: 0.25em 0.5em;
	line-height: 1.2;
}
.contactcar-list > li > .contactcar-tb {
}
.contactcar-list > li > .contactcar-tb li{
    border-top: 1px solid #e0e0e0;
    padding: 0.25em 0.5em;
}
.contactcar-list > li:first-child > .contactcar-tb li{
    background-color: #f0f0f0;
}
.contactcar-list .btn{
    padding: 0px 0;
}
.contactcar-list .btn a{
    font-size: 18px;
    width: 100%;
    padding: 1em 0;
    margin: 0 auto;
    text-align: center;
    background-color: #b7142e;
    color:#ffffff;
    text-decoration: none;
    /*font-family:MazdaTypeRegular,Noto Sans CJK JP,Hiragino Kaku Gothic ProN,HiraKakuProN-W3,Meiryo,Yu Gothic Medium,sans-serif;*/
}
.contactcar-list .contactcar-tb dl{ }
.contactcar-list .contactcar-tb dt{ padding: 0.1em 0.5em; font-weight: normal; text-align: center;}
.contactcar-list .contactcar-tb dd{ padding: 0.75em 0.5em 0.75em 0.5em;}
.contactcar-list p{ }
.contactcar-list p a{
    padding: 1em 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    box-sizing: border-box;
}

@media screen and (min-width: 720px){
    .contactcar-listWrap{
        overflow-x:visible;
    }
    .contactcar-list{
        width: 960px;
    }
}

/* contact-wrap */
.contact-area{ padding: 1em; margin-bottom: 3em;}
.contact-area p{ margin-bottom: 10px;}
.contact-area > .notes-list{ margin-bottom: 10px;}
.contact-area .contact-tb{ border: 1px solid #999999;}
.contact-area .contact-tb dl{}
.contact-area .contact-tb dt{ padding: 8px;}
.contact-area .contact-tb dd{ padding: 8px;}
.contact-area .contact-tb dd .input-list li{ margin-bottom: 10px;}
.contact-area .contact-tb #name{width: 100%; box-sizing: border-box; padding: 10px;}
.contact-area .contact-tb #mail,.contact-area .contact-tb #mail_confirm{ width: 100%; box-sizing: border-box; padding: 10px;}
.contact-area .contact-tb #ZIPcode01{ width: 4em; padding: 10px; margin: 0 5px}
.contact-area .contact-tb #ZIPcode02{ width: 6em; padding: 10px; margin: 0 0 0 5px}
.contact-area .contact-tb #address1, .contact-area .contact-tb #address2{ width: 100%; box-sizing: border-box; padding: 10px;}
.contact-area .contact-tb #tel01{ width: 5em; padding: 10px; margin: 0 5px 0 0}
.contact-area .contact-tb #tel02{ width: 5em; padding: 10px; margin: 0 5px}
.contact-area .contact-tb #tel03{ width: 5em; padding: 10px; margin: 0 0 0 5px}
.contact-area .contact-tb textarea{ width: 90%; padding: 10px; font-size: 14px;}
.contact-area .contact-tb .red{ margin: 6px 0 0 5px;}
.contact-wrap .btn-list{ padding-bottom: 20px;}
.contact-wrap .btn-list li:first-child{ margin-bottom: 10px}
.contact-wrap .btn-list li:last-child{ margin-bottom: 0;}
.contact-wrap .btn-list a{ font-size: 18px; padding: 1em 0; text-align: center; background-color: #b7142e;text-decoration: none; color: #ffffff;}

.contact-wrap .btn-list a.black-btn.contactBack {
    background-color: #000000;
    cursor: pointer;
    display: block;
    color: #cccccc;
    border: 2px solid #000000;
}

#gmapouter{
	display:none;
}
#gmapouter.show{
	display:block;
}
#gmapouter.err,
.contact-area .contact-tb dl.err dt{
	background-image:none;
	background-color:#BB3333;
    color: #ffffff;
} 

/* comment-wrap */
.comment-wrap{ padding: 1em; margin-bottom: 4em; border: #b7142e solid 1px;}
.comment-wrap dt{ font-weight: bold; margin-bottom: 1em;}
.comment-wrap ul{ margin-top: 1.5em; padding: 0;}
.comment-wrap ul li{ color: #b7142e; margin-bottom: 0.5em;}
.comment-wrap ul li:last-child{ margin-bottom: 0px;}
.owner-area .btn{ margin-bottom: 20px;}
.owner-area .btn a{ padding: 5px;}

.supplement-list{
    color: #b7142e;
}
/**************************************/
/**ショップ**/
/**************************************/

/* shop-wrap */
.shop-wrap .detail-wrap{ margin-top: 2em; margin-bottom: 3em;}
.shop-wrap .shopimg-area{ margin-bottom: 20px;}
.shop-area{ padding: 0; margin-bottom: 2em;}
.shop-area dl{ margin-bottom: 1em;}
.shop-area dt{ padding: 0; margin-bottom: 1em;}
.shop-area dt strong{ font-size: 20px; display: block; margin-top: .25em;}
.shop-area dd{ padding-left: 0; margin-bottom: 1em; }

.shop-area .shopNumber-area{
	overflow: hidden;
	margin-bottom: 1em;
}
.shop-area .shopNumber-area li{
	float: left;
	width: 49%;
	margin-right: 2%;
	font-weight: bold;
	font-size: 130%;
}
.shop-area .shopNumber-area li:last-child{
	margin-right: 0%;
}
.shop-area .shopNumber-area li span{
	background: #000000;
	display:inline-block;
	padding: 2px 4px; width: 26px;
	font-size: 80%;
	text-align: center;
	color: #ffffff;
	text-shadow: none;
	margin-right: 5px;
	font-weight: normal;
}
.shop-area .shopIcon-area { overflow: hidden; width: 100%;}
.shop-area .shopIcon-area li{ float: left; width: 32%; margin-right: 2%; }
.shop-area .shopIcon-area li:nth-child(3n){ margin-right: 0%; }
.shop-area .shopIcon-area li img{ width: 100%; height: auto;}

.owner-area .btn .blue-btn{
    position: relative;
    color: #101010;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 1em 0;
    background-color: #fafafa;
    border: #000000 solid 2px;
}
.owner-area .btn .blue-btn:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 0px;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 8px solid #101010;
}

.owner-list li { margin-bottom: 10px;}
.owner-list li img{ width: 100px;}
.owner-list li a{ display: block;}
.owner-list li a .cf{ width: 100%; margin-bottom: 5px;}
.owner-list li a div > div{ float: left; width: 40%;}
.owner-list li a div img{ width: 100%;}
.owner-list li a dl{ float: left; width: 58%; margin-left: 2%;}
.owner-list li a dt{ margin-bottom: 5px;}
.owner-list li a dd.price{ font-weight: bold; line-height: 1.2; text-align: right; margin-right: 8px;}
.owner-list li a dd.price strong{ font-size: 220%; color: #b7142e; display: block;}
.owner-list li a dd.price strong span{ font-size: 60%; vertical-align: baseline; font-weight: normal;}
.owner-list li a p{ background-color: #f0f0f0; color: #333333; font-style: normal; display: inline-block; padding: 0.25em 0.5em; box-sizing: border-box; width: 100%;}

/*  slider  */
.top-area .bx-wrapper .bx-controls-direction a{ top: 112%;}
.top-area #slider{ margin-bottom: 20px}
.top-area #slider .bx-pager{ text-align: center; margin-top: -45px; width: 100%; overflow: hidden;}
.top-area #slider .bx-pager a{ margin: 0 1px;}
.top-area #slider .bx-pager a img{ width: 25px; border: 2px solid #ffffff;}
.top-area #slider .bx-pager a.active img{ width: 25px; border: 2px solid #00A3DD;}

.shopimg-area .bx-wrapper .bx-controls-direction a{ top: 110%;}
.shopimg-area #slider{ margin-bottom: 20px}
.shopimg-area #slider .bx-pager{ text-align: center; margin-top: 2%; width: 100%; overflow: hidden;}
.shopimg-area #slider .bx-pager a{ margin: 0 1px;}
.shopimg-area #slider .bx-pager a img{ width: 50px; border: 2px solid #ffffff;}
.shopimg-area #slider .bx-pager a.active img{ width: 50px; border: 2px solid #00A3DD;}
.shopimg-area #map{ /*width: 280px !important;*/ height: 280px; margin: 0 auto 10px;}


@media screen and (min-width: 720px){
	
	.shop-area .shopNumber-area{
		width: 400px;
		margin-bottom: 2em;
	}
	.shop-area .shopIcon-area li{width: 16%; margin-right: 0.8%; }
	.shop-area .shopIcon-area li:nth-child(3n){ margin-right: 0.8%; }
	.shop-area .shopIcon-area li:nth-child(6n){ margin-right: 0%; }
	
	.owner-area .h3-wrap{
		margin-bottom: 1em;
		background-color: #b50000;
	}
	.owner-area .h3-wrap .h3-img{
		margin: 0 auto;
		width: 50%;
	}
	.owner-area .h3-wrap .h3-img img{
		vertical-align: middle;
	}
	.owner-list li a:hover{ background-color: #eaeaea;}

	.owner-list {
		overflow: hidden;
	}
	.owner-list li {
		float: left;
		margin-bottom: 10px;
		width: 310px;
		margin-right: 15px;
	}
	.owner-list li:nth-child(3n) {
		margin-right: 0px;
	}
    .shopimg-area .img-box{
        margin-right: 10px;
    }
	.shopimg-area #map{
		height: 382px;
		margin: 0 auto 10px;
	}
	.owner-area .btn{
		width: 60%;
		margin: 0 auto;
	}
	.owner-area .btn .blue-btn:hover{
		background-color: #e0e0e0;
	}
	.shopimg-area #slider .bx-pager a img{ width: 70px; }
	.shopimg-area #slider .bx-pager a.active img{ width: 70px; }
}
/***/
.ucar-header-msg {
    background-color: #1da8e1;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 0;
    display: none;
}

/**************************************/
/**ギャラリー復帰用**/
/**************************************/
/*  rg-gallery */


#rg-gallery{
    position: relative;
    /*height: 448px;*/
}
.rg-image-wrapper{
	width: 494px;
	height: 475px;
	z-index: 103;
}
.car-gallery-images-main li{
  width: 494px;
  height: 370px;
}
.rg-caption-wrapper{ 
    /*
    background: url("/u-car/common/img/caption-bg.png") left top repeat; 
    color:#ffffff; 
    position: absolute; 
    bottom: 0; 
    width: 100%;
    */
}
.rg-caption{
	position: relative;
	overflow: hidden;
	height: 3.5em;
	background-color: #f0f0f0;
	border-bottom: #cccccc solid 1px;
	
	cursor: pointer;
}
.rg-caption.open-caption{
	height: auto;
	min-height: 3.5em;
}

.rg-caption:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -2px;
    right: 4px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 9px solid #990000;
}
.rg-caption.open-caption:before {
    bottom: 2px;
	border: 5px solid transparent;
    border-bottom: 9px solid #990000;
}

.rg-thumbs{
  position: relative;
  /*top: -50px;
  left: 0;*/
	margin-top: -50px;
  width: 100%;
  height: auto;
}
.es-nav{
  position: relative;
  z-index: 99;
}
.es-nav span.es-nav-prev {  left: 8px;}
.es-nav span.es-nav-next {  right: 3px;}
.es-nav-prev{ background: #000000;}
.rg-caption p{
	font-size:100%;
	line-height:1.3;
	padding: 0.5em 1em 0.5em 0.5em;
	pointer-events: none;
}

.viewport {
  position: relative;
  width: 100%;
  height: auto;
  padding: 5px 0px 0 6px;
  overflow: hidden;
  margin: 0 auto;
  z-index: 100;
	background-color: #404040;
}

.car-gallery-images {
  position: relative;
  left: 0;
  height: auto;
	width: 100% !important;
}
.car-gallery-images li{
  width: 76px;
  height: auto;
  float: left;
  margin-right: 5px;
}
.car-gallery-images li img{
  width: 100%;
  height: auto;
  border: 2px solid #fff;
}
.car-gallery-images li.current img{
  border: 2px solid #b7142e;
}

.caption-close{
    display: none;
}
.search-list-wrap{ margin-bottom: 10px;}

@media screen and (max-width: 720px){
/* search-filter-menu */

.search-filter-menu li{
box-sizing: border-box;
float: left;
}

.drive_system-list li,.mission-list li,.nenryou-list li,.area-list li{ float: left;}/*20191016 kudo add 燃料リスト追加 .*/

.search-filter-menu li dl{
display: block;
border-bottom: 2px solid #000000;
}


.search-filter-menu dd.inner > div{ width: 220px; margin: 5px auto 10px;}

/*  rg-gallery */
#rg-gallery{position: relative; margin-bottom: 20px;}
.rg-image-wrapper{
  width: 278px;
  height: 208px;
}
.car-gallery-images-main li{
  width: 278px;
  height: 208px;
}

.rg-caption-wrapper{ 
/*
    background: url("/u-car/common/img/caption-bg.png") left top repeat; 
    color:#ffffff; 
    position: absolute; 
    bottom: 0; 
*/
    width: 100%;
    }
/*
.rg-thumbs{
  position: relative;
  top: 12px;
}
	*/
.es-nav{
  position: relative;
  z-index: 99;
}
.es-nav span.es-nav-prev {  left: 0;}
.es-nav span.es-nav-next {  right: 0;}
.es-nav-prev{ background: #000000;}
.rg-caption p{ /*font-size:11px; line-height:16px; padding: 0 10px 10px;*/}

.viewport {
  position: relative;
  width: 183px;
  height: 50px;
  padding-top: 3px;
  overflow: hidden;
  margin: 0 auto;
  z-index: 100;
}

.car-gallery-images {
  position: relative;
  left: 0;
  height: 50px;
}
.car-gallery-images li{
  width: 56px;
  height: 34px;
  float: left;
  margin-right: 5px;
}
.car-gallery-images li img{
  width: 100%;
  height: auto;
  border: 2px solid #fff;
}
.car-gallery-images li.current img{
  border: 2px solid #b7142e;
}
    .allview .viewport {
  position: relative;
  width: 100%;
  height: auto;
  padding: 3px 3px 0;
  overflow: hidden;
  margin: 0 auto;
  z-index: 100;
		background-color: #404040;
}
    .allview .viewport .car-gallery-images {
  position: relative;
  left: 0;
  height: auto;
        width: 100% !important;
        overflow: hidden;
}
    .allview .viewport .car-gallery-images li{
  width: 16%;
  height: auto;
  float: left;
  margin-right: 0.8%;
}
    .allview .viewport .car-gallery-images li:nth-child(6n){
  margin-right: 0;
}
    .allview .rg-thumbs{
        margin-top: -90px;
}

}

.widetxt{
	text-align: center;
	font-size: 90%;
	display: block;
}
@media screen and (max-width: 720px){
.rg-image-wrapper{
	width:auto;
	height:0;
	/*padding-bottom:74.82%;*/
    padding-bottom:115%;
	z-index: 103;
}
.car-gallery-images-main li{
	width:auto;
	height:auto;
}
.car-gallery-images-main{
	position:absolute;
}
	.widetxt.pc{
	display: none;
}
}




/******************row-lyout****************************/
/*スペック*/

.search-result-list .search-result-item-header.rowttl{
    display: none;
}
input[name="layout"] {
  display: none;
}
input[name="layout"] + label {
  display: none;
}
@media screen and (min-width: 720px){

    input[name="layout"] {
      display: none;
    }
    input[name="layout"] + label {
        display: inline-block;
        cursor: pointer;
        background-size: 100% auto;
        background-position: center center;
        background-repeat: no-repeat;
        width: 44px;
        height: 44px;
        background-color: #f0f0f0;
        text-indent: 5000em;
		overflow: hidden;
        border: 2px solid #cccccc;
        border-radius: 4px;
        margin: 13px 0 -25px 8px;
        float: right;
    }
    input[name="layout"]#layout-single + label {
        background-image: url("../common/img/icon_btn_laysin.png");
    }
    input[name="layout"]#layout-column + label {
        background-image: url("../common/img/icon_btn_laycol.png");
    }
    input[name="layout"] + label:hover {
      border: 2px solid #404040;
    }
    
    input[name="layout"]:checked + label {
      border: 2px solid #b7142e;
        background-color: #ffffff;
      cursor: default;
    }
    
    
    #layout-single:checked ~ .search-result-list{
        overflow: hidden;
    }
    #layout-single:checked ~ .search-result-list .search-result-item{
        width: 100%;
        margin-right: 0px;
        float: none;
        
        border-bottom: none;
        padding-bottom: 2em;
        margin-bottom: 0;
    }
    #layout-single:checked ~ .search-result-list .search-result-item:nth-child(3n){
        margin-right: 0px;
    }
    #layout-single:checked ~ .search-result-list .search-result-item .search-result-item-visual{
        display: table-cell;
        box-sizing: border-box;
        width: 300px;
    }
    #layout-single:checked ~ .search-result-list .search-result-item .search-result-item-thumbnail{
        display: table-cell;
    }
    #layout-single:checked ~ .search-result-list .search-result-item-visual .search-result-item-header{
        display: none;
    }
    .search-result-list .search-result-item-header.rowttl{
        display: none;
    }
    #layout-single:checked ~ .search-result-list .search-result-item-header.rowttl{
        display: block;
        border-radius: 0px 0px 0px 0px;
    }
    #layout-single:checked ~ .search-result-list .search-result-item-icon{
        display: table-cell;
        width: 80px;
        padding: 0 10px;
        vertical-align: top;
    }
    #layout-single:checked ~ .search-result-list .search-result-item-icon > ul > li{
        float: none;
        width: 100%;
    }
    #layout-single:checked ~ .search-result-list .search-result-item-spec {
        display: table-cell;
        vertical-align: top;
    }
    #layout-single:checked ~ .search-result-list .search-result-item-spec ul li {
        /*float: left;*/
        width: 215px;
        vertical-align: text-top;
        display: inline-block;

    }
    #layout-single:checked ~ .search-result-list .search-result-item-spec ul li > dl > dt {
        background-color: #f0f0f0;
        padding: 1% 2%;
        box-sizing: border-box;
        width: 38%;
    }
    #layout-single:checked ~ .search-result-list .search-result-item-spec ul li > dl > dd {
        width: 62%;
        padding: 1% 0% 1% 2%;
        box-sizing: border-box;
    }
    #layout-single:checked ~ .search-result-list .search-result-item-spec ul li.shop-comment{
        width: 440px;
        margin: 0;
    }
    #layout-single:checked ~ .search-result-list .search-result-item-spec ul li.shop-comment > dl {
        padding: 0;
        background: none;
    }
    #layout-single:checked ~ .search-result-list .search-result-item-spec ul li.shop-comment > dl > dt{
        padding: 1% 0%;
        width: 100%;
        box-sizing: border-box;
        background: none;
    }
    #layout-single:checked ~ .search-result-list .search-result-item-spec ul li.shop-comment > dl > dd{
        display: none;
    }
}

/*****nav******/

.footer-nav {
	z-index: 9999;
	background-color: #060a0c;
	
	position: fixed;
	bottom: -1px;
	right: 0;
	left: 0;
	
	/* starting point */
	-webkit-transform: translate3d(255,255,255);
	-moz-transform: translate3d(255,255,255);
	transform: translate3d(255,255,255);
	}

.footer-nav li {
	display:inline;
	text-align:center;
}
.footer-nav li a {
	font-size: 9px;
	color: #fff !important;
	width:20%;
	height:45px;
	display: inline-block;
}

.footer-nav > ul li:first-child img {
	width:90%;
	}

.footer-nav li a:hover {color: #000;}

@media screen and (min-width: 720px){
    .footer-nav {
        display: none;
	}
}


/*****店舗未登録車両一覧******/
@media screen and (max-width: 719px){
.contactcar-listWrap.nonshopcarbox {
    overflow-x: visible;
}
.nonshopcarbox .contactcar-list {
    width: 100%;
}

.nonshopcarbox .contactcar-list > li:first-child {
    width: 25%;
}
.nonshopcarbox .contactcar-list > li {
    width: 75%;
}
}

.skyplanText {
    text-align: right;
}

.skyplanText a {
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    position: relative;
    background-color: #d16700;
    padding: 0.2em 1.2em 0.2em 0.5em;
}
.skyplanText a:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 7px solid #fff;
}
/* .skyplanText p {
    position: static;
    color: #ffffff;
    background-color: #d16700;
    display: inline-block;
    padding: 0.2em 0.5em;
    border-radius: 6px;
} */
.skyplanLabel{
	position: absolute;
    z-index: 1;
    color: #ffffff;
    background-color: #d16700;
    bottom: 0;
    right: 0;
    display: inline-block;
    padding: 0.2em 0.5em;
    border-radius: 8px 0 0 0;
}
@media screen and (max-width: 720px){
    .skyplanText {
        margin-bottom: 0.5em;
    }
    .skyplanText p {
        font-size: 0.9em;
    }
    .skyplanText p + a {
        font-size: 0.9em;
    }
}