@charset "UTF-8";
/* CSS Document */

/*
フォーマット

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius:10px;


word-break: break-all;


-moz-box-sizing: border-box;
box-sizing: border-box;
*/

/*中古トップ*/

.used_car_box{
/*	height: 170px;*/
	width: 100%
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #999;
	margin-bottom: 20px;
	padding-top: 17px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	overflow: hidden;
		position:relative;
}
.used_car_img{
	float: left;
	position: relative;
}


/*右*/
.used_car_disp{
	overflow: hidden;
	padding-left: 15px;
}

.used_car_maker{
	float: left;
	margin-right: 20px;
}
.used_car_name{
		float: left;
		font-weight:bold;}
		



		



/*テーブル*/
.car_top{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 12px;
	margin-top: 5px;
	margin-left: 5px;
	}
.car_top td,.car_top tr{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
	}

.car_top td{
	vertical-align: bottom;

}

.used_car_price{
	
}


.car_top_under{
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 5px;}
	
.car_top_under td{ padding-bottom:0px; width: 25%;	}


/*総支払い*/
.used_car_pay{
	border: 3px solid #e60012;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	color: #e60012;
	font-weight: bold;
}
.top_km{
	font-size:14px;

}

.price_money{
	font-size: 24px;
    color: #e60012;
    font-weight: bold;

}

.pay_money{
	font-size: 24px;
}

.used_car_top_info_bg{
	background-image: url(/wp-content/themes/D/d/img/car/disp_bg.png);
	background-repeat: no-repeat;
	margin-left: 5px;
	background-position: left center;
	float: left;
	width: 73%;
}
#main_contents #car-single .used_car_top_info_bg{
	width: 100%;
	margin-left: 0px;
	background-image: url(/wp-content/themes/D/d/img/car/disp_bg2.png);
	background-position: 10% 0;
	padding-top: 20px;
	margin: 0 0 0 0 ;
}
.used_car_top_info{
	background-color: #e4f5e7;
	font-size: 12px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	
	width:100%;
	-moz-box-sizing: border-box;
box-sizing: border-box;
}





/*ラベル*/

.rabel_rabel{
	position: absolute;
	z-index: 10;
	left: 0px;
	top: 0px;
}
.rabel_new{
	position: absolute;
	z-index: 11;
	top: 0px;
	right: 0px;
}
.rabel_status{
	position: absolute;
	z-index: 12;
	bottom: 0px;
	width: 100%;
        

}

.soldout{	width: 100%;
	text-align: center;
	background-color: #ff0000;
	color: #fff;
	font-size: 24px;
	padding: 12px;
font-weight: bold;
background-color:rgba(255,0,4,0.7)}

.shodan{width: 100%;
	text-align: center;
	color: #fff;
	font-size: 24px;
	padding: 12px;
font-weight: bold;
background-color:rgba(88,131,197,0.70) }

/*一覧は小さく*/
.ichiran_sta { font-size: 18px; padding: 6px;}
/*------------------------シングルカーページ*/

.car_page1{}
.car_page2{}


/*--------------------------------------------------------------スマフォここから*/

/*ディバイススマフォ*/
@media screen and (max-width: 736px){
	
/*基本ディスプレイノーン*/
	


.car_form #d_contents_width,
.car_form #main_contents{ width:auto}



.car_form #main_contents { float:left;
margin-left: 0px;}

.car_form #d_main{
	margin-right: 0px;
	margin-left: 0px;
}

#car-single .shingle_man{
	float: left;
	margin-left: 0px;
	width:20%;
}

.used_car_box{
	height: auto;
	width:  auto;
		position:relative;

	
}



.used_car_maker{
	float: none;
	margin-right: 20px;
}
.used_car_name{
		float: none;
		font-weight:bold;}
		
.car_top td{
	float: left;
	width: 100%;	

}

/*下のテーブル*/
.car_top_under td{
	float: left;
	width: 50%;	

}

.top_km{
	margin-top: 5px;
}

.car_top{ margin-left:0px;
margin-top:0px;}

/*吹き出し 一覧*/

.used_car_top_info_bg{
	width: 100%;
	margin-left: 0px;
	background-image: url(/wp-content/themes/D/d/img/car/disp_bg2.png);
	background-position: 80px 0px;
	margin-top:-12px;
}
.used_car_top_info{
	margin-left: 0px;
	margin-top: 10px;
}

.used_car_name{font-size:14px;}
.used_car_maker{font-size:14px;}
.pay_money{ font-size:18px;}
.used_car_img{ margin-bottom:20px}


/*--------------------------------------カーシングルスマフォ*/
#car-single #img_box2{ width:100%; height:auto;}

#car-single #img_box2 .navi-image{ width:100%; height:auto;/*max-height:300px; min-height:200px;*/}

#car-single #img_box2 .navi-image a{ width:100%; height:auto;}

#car-single #img_box2 .navi-image a img{ width:100%; height:auto;}

#car-single #img_box2 .navi{ width:100%; height:auto;}

#car-single #img_box2 .navi ul{ width:100%; height:auto;}

/*吹き出し　シングル*/



#main_contents #car-single .used_car_top_info{
	margin-left: 0%;
	margin-top:0px;
	
}

#car-single .car_other_box{ width:32%;
font-size:12px;}	


#car-single #img_box2 .navi ul li	{ width:16%}

	
	/*--------------------------------
サイドメニュー
---------------------------------*/
	
	.car_side_menu li{   margin-left: 14px;}
	.car_serch_page_side .search_box{ margin-left: 2%; margin-right: 2%
	}
	
	

	
}
/*--------------------------------------------------------------スマフォここまで*/
/*ギャラリー画像背景レスポンシブ用*/
.d-garabox{ width: 100%;height: auto; }

/*ログイン　編集*/
.epl{
	position: absolute;
	z-index: 100;
	left: 10px;
	top: 10px;
}

.epl a{
	color: #333;
	background-color: #FFF;
	font-size: 12px;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}


/*----------------------カスタムフィールドサーチ------------------*/

.car_serch_page_under{
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #f7f8f8;
}

.car_serch_title_under{
	background-color: #9fa0a0;
	padding: 5px;
}

/*.searchform-paramsをboxに変更*/

.searchform-box{
	overflow: hidden;
	padding:20px;
}

.searchform-param{
	overflow: hidden;
}


/*インプット項目
左寄せ*/
.searchform-input-wrapper{ text-align:left}

.searchform-input-wrapper{
	/* width: 100%;	width: auto;*/
	}


/*チックボックス*/
input[type='checkbox']{

}
.checkbox-wrapper{
	float: left;
	margin-right: 10px;
	
}




/*項目見出し*/
.searchform-label{
	/*float: none;*//*ラベルのフロート解除*/
	/*width:100%; *//*ラベルの幅*/
	font-size: 14px;
	font-weight:normal;


}
/*サブミット全体*/
.searchform-controls{
	text-align: center;
	margin-top: 30px;
	margin-bottom:20px;
}


.searchform-controls 
input[type='submit']{
	font-size: 24px;
	padding-right: 20px;
	padding-left: 20px;
	background-image: url(/wp-content/themes/D/d/img/car/serch.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-color: #999;
	width: 167px;
	background-position: center center;
	display: inline-block;
	height: 46px;
	}

/*テキストインプット*/

.searchform-input-wrapper input{
	font-size: 14px;
	
/*	width: 90%;*/
}



/*検索項目の各マージン*/
.DropDownField,.TextField,.CheckboxInput{
	margin-top: 20px;
	/*clear: left;
	float: left;*/
/*	width: 100%;*/
	font-size: 14px;	
}

/*----------------------nth-childで上から順に指定-----------------------*/


/*上限　下限　選択のため*/
.car_search2,.car_search3,.car_search4,.car_search5,.car_search6,.car_search7,.car_search10,.car_search11,.car_search12
{ float:left;}




.car_search8
{ padding-top:20px;
	clear:both;
}




/*ドロップダウン部分サイズ*/
.searchform-input-wrapper{ 

/*width:30%*/

}

.car_search2 .searchform-input-wrapper,.car_search3 .searchform-input-wrapper,
.car_search4 .searchform-input-wrapper,.car_search5 .searchform-input-wrapper,
.car_search6 .searchform-input-wrapper,.car_search7 .searchform-input-wrapper,
.car_search10 .searchform-input-wrapper,.car_search11 .searchform-input-wrapper,
.car_search12 .searchform-input-wrapper

{ width:100px;}

.car_search8 .searchform-input-wrapper,.car_search9 .searchform-input-wrapper{ width:234px;}

/*ラベルサイズ固定*/
.searchform-label{ width:223px;}

.car_search3 .searchform-label,.car_search5 .searchform-label,.car_search7 .searchform-label,
.car_search11 .searchform-label,.car_search12 .searchform-label
{ width:24px; margin-left:10px;}

/*詳細前あける*/

.car_search9{ margin-bottom:20px;}



/*サイドバーの検索 ＆ cssリセット*/

.car_serch_page_side .searchform-box{ padding:10px;}

.car_serch_page_side .car_search{float:none; margin-top:14px;}
.car_serch_page_side .searchform-label{ width:100%; margin-left:0px;}

.car_serch_page_side .searchform-input-wrapper{ width:96%;}

.car_serch_page_side .car_search4 .searchform-input-wrapper,
.car_serch_page_side .car_search5 .searchform-input-wrapper
{ width:44%;}

.car_serch_page_side  .car_search5  .searchform-label{ width:0px; margin-left:0px;}

.car_serch_page_side  .searchform-controls{ text-align:left; margin-left:10px;}

.car_serch_page_side .searchform-controls 
input[type='submit']{
	font-size: 24px;
	padding-right: 20px;
	padding-left: 15px;
	background-image: url(/wp-content/themes/D/d/img/car/submit.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-color: #999;
	width: 100px;
	background-position: center center;
	display: inline-block;
	height: 46px;
	}
	
	
	.car_serch_page_side .searchform-controls{ margin-top:20px;}
	.car_side_menu select#cat{ width:100%; font-size:14px;}


/*----------------------------------シングル*/

.single_car_navi{
	font-size: 14px;
	font-weight: bold;
}

#car-single .td_titel{
	background-color: #dddddd;
	font-weight: bold;
	font-size: 17px;
	padding-top: 18px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
	position: relative;
}

#car-single .used_car_top_info_bg{
		width: 660px;
        float: left;
		margin-left:10px;;
}


#car-single .used_car_top_info{
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin: 0;
}




.shingle_man{
	margin-left: 20px;
	float:left;
}
/*------------テーブル*/
#car-single td,#car-single tr{
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	
	
	
}



#car-single td{
	 padding:0px;}
	 
#car-single td{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
}

/*細かいスタイルは直書き*/


.car_other_box{
	color: #000;
	background-color: #efefef;
	text-align: center;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
	width: 24.5%;
	font-size: 14px;
	padding-top: 3px;
	padding-bottom: 3px;
}


/*--------------------------------
フリックギャラリー
---------------------------------*/
/*ローディング画像*/
#loading{ 	position: relative;
	width: 100%;
	height: 100%;
	padding: 75% 0 0;}
#loading .inner{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/wp-content/themes/D/d/img/parts/wait3.gif) center center no-repeat #FFF;
	}

/* .flickSlider
--------------------------- */
.flickSlider {
    margin: 24px auto;
    text-align: left;
    display: none;
	
}
 
/* .flickView
--------------------------- */
.flickSlider .flickView {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
	position:relative;/*ステータス用*/
	
}
.flickSlider .flickView ul {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    overflow: hidden;
}
.flickSlider .flickView ul li {
    width: 100%;
    float: left;
    display: inline;
    overflow: hidden;
	text-align:center;
	
	
	
}
/*一応最小のギャラリーの高さを出しておく*/
.flickSlider .flickView,.flickSlider .flickView ul,.flickSlider .flickView ul li{
	min-height:500px;
	}

.flickSlider .flickView ul li img.car_big {
    width: auto;
	max-height:588px;
	  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 736px) {
	
	/*一応最小のギャラリーの高さを出しておく*/
.flickSlider .flickView,.flickSlider .flickView ul,.flickSlider .flickView ul li{
	min-height:200px;
	}

	
	.flickSlider .flickView ul li img.car_big {
   width: auto;
   max-width:100%;
	max-height:262px;
}
}

/* .flickThumb
--------------------------- */
.flickSlider .flickThumb {
    width: 100%;
    overflow: hidden;
}
.flickSlider .flickThumb ul {
    width: 110%;
}
.flickSlider .flickThumb ul li {
    float: left;
    cursor: pointer;
    display: inline;
}
.flickSlider .flickThumb ul li img {
    width: 100%;
	height:auto;
}
.flickSlider .flickThumb ul li.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
 
/* sideNavi
------------------------- */
.flickSlider .btnPrev,
.flickSlider .btnNext {
    top: 0;
    width: 5%;
    height: 100%;
    position: absolute;
    cursor: pointer;
}
.flickSlider .btnPrev {
    left: 0; 
    background: #6d6d6d url(/wp-content/themes/D/d/img/parts/btnPrev.png) no-repeat center center;
}
 
.flickSlider .btnNext {
    right: 0;
    background: #6d6d6d url(/wp-content/themes/D/d/img/parts/btnNext.png) no-repeat center center;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.flickSlider .flickView ul:after,
.flickSlider .flickThumb ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.flickSlider .flickView ul,
.flickSlider .flickThumb ul {
    display: inline-block;
    overflow: hidden;
}


.flickSlider .flickView ul li a img:hover{ opacity:1;
filter: alpha(opacity=100);        /* ie lt 8 */
-ms-filter: "alpha(opacity=100)";  /* ie 8 */
-moz-opacity:1;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 1;              /* Safari 1.x */}



/*---------------------------------ギャラリー2*/
#img_box2 {
	width: 640px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	overflow: hidden;
}
#img_box2 .navi-image {
	position: relative;
	height: 480px;
	width: 640px;
	overflow: hidden;
}
#img_box2 .navi-image a {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #FFF;
	height: 480px;
	width: 640px;
	text-align: center;
	overflow: hidden;
	
	
	/*
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #FFF;
	height: 478px;
	width: 638px;
	text-align: center;
	overflow: hidden;
	border: 1px solid #FFF;*/
}
#img_box2 .navi-image a.last-active {
	z-index: 9;
}

#img_box2 .navi {
	width: 640px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	/*border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFF;*/
	overflow: hidden;
}



#img_box2 .navi-image a.active {
	z-index: 10;
}
#img_box2 .navi ul{
	margin: 0px;
	padding: 0px;
	width: 650px;
}
#img_box2 .navi ul li {
	float: left;
	list-style-type: none;
	padding: 0px;
	overflow: hidden;
	/*height:52px;*/
	width: 12%;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 2px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}


#img_box2 .navi ul li img{ width:100%; height:auto}
#img_box2 .navi ul li a {
	margin: 0px;
	padding: 0px;
	display: block;
}

/*お気に入り*/
.wpfp-span{
	display: inline-block;
	background-color: #F30;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
	color: #FFF;
} 

.wpfp-span a{
	color: #FFF;

	margin-top: 10px;
	text-decoration: none;
}

/*メール*/
.car_mail_1{
	color: #FFF;
	background-color: #44a4e0;
	padding: 20px;
	font-size: 18px;
	display: inline-block;
	 -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px; 
}

/*お気に入りサイド*/

.popular_sam{ margin-bottom:5px;}

.favorite_car{
	padding-top: 20px;
}

.favorite_titel{
	font-size: 12px;
}

.favorite_del{
	font-size: 10px;
	float: right;
	color: #333;	}
	
.favorite_del a{
	color: #FFF;
	background-color: #F30;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.favorite_car .wpfp-link{
	font-size: 12px;
	text-align: center;
}

.favorite_navigation{ overflow:hidden}

.favorite_navigation a{
	color: #FFF;
	background-color: #F30;
	padding:3px;
}

.navileft{
	float: left;
	width: 30px;
}

.naviright{
	float: right;
	width: 30px;}

/*-----------------------並べ替えボタン*/

.change_bottan_arc{ margin-top:20px; margin-bottom:10px;font-size: 80%;}

.change_bottan_arc form{display: inline!important;}

.change_bottan_arc input[type='submit']{
color: #aa9a85;
    padding: 0;
    margin: 0;
    box-shadow: none!important;
    background: none!important;
    border: none!important;
font-size: 100%;
    text-decoration: underline;
    cursor: pointer;
	}
.change_bottan_arc .sort_current{ font-weight: normal!important;
    text-decoration: none!important;
	color:#e60012!important}
	
	
	
/*サイドドバー*/

.car_serch_title_side{
	background-color: #9fa0a0;
	color: #FFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}

#d_sidenavi_in ul.car_side_menu{
	padding-top: 7px!important;
	/*margin-left: 25px;*/
	font-size: 14px;
	list-style-type: disc;
}
ul.car_side_menu li a{ display:block}

@media screen and (max-width: 736px) {
	ul.car_side_menu li a{ padding: 12px;}
.car_side_menu select#cat{ width: 96%; margin-left:2%; margin-right:2%}

	.favorite_car{margin-left:2%; margin-right:2%}
}