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


/*--------------------

	jumbotronの設定

--------------------*/

.carousel-inner {
	margin-top:50px;/*---  navbarの下に潜り込まないようにしてる　--- */
	width:100%;
	height:300px;
	text-align:center;
	background-image:url(../siteimages/mainback_4.jpg);
	background-repeat:repeat;
	background-size:cover;
}
.item {
	max-height:400px;
}
/*----  文字　----*/
.jumbotron-inner {
	color:#FFF;
	font-weight: 400;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
 	text-align: center;
	position: absolute;
	right: 0;
	top: 24%;
	left: 0;
	margin: auto;
}
.jumbotron-inner h2{
	margin-top: 0px;
    margin-bottom: 0px;
}

.jumbotron-inner h3 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
	padding:0px 20px;
	font-size:40px;
	margin: .67em 0;
}

.jumbotron-inner p {
	padding:0px 20px;
	font-size:30px;
	margin: .67em 0;
}

.makemodel {
	color:#333333;
	background-color: #BDBDBD;
	font-weight: 900;
	font-size: 1.2em;
	padding: .5em .75em;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
}

/*---- 「今すぐ始める」ボタンの設定　----*/
.login_main {
	font-size:24px;
	display: inline-block;
	padding: .4em 2em;
	border: 2px solid #fff;
	color: #fff;
	text-align: center;
	text-decoration: none;
	outline: none;
	transition: all .3s;
	border-radius: 50px;
}

.login_main:link{
	color: #fff;
}
.login_main:hover{
	text-decoration: none;
	color: #333;
	background: #fff;

}

/*---- カルーセル内 検索フォーム ----*/
.carousel_kensaku {
	max-width:40%;
	position:absolute;
	top:270px;
	left:30%;
	margin-left:-20px;
}
.carousel_kensaku .form-control {
	color:#000;
	background-color:rgba(255,255,255,0.8);
}


/*--------------------

	トップ詳細検索フォーム

--------------------*/
.top-search {
	/*border:1px solid #3f837f;*/
	margin:20px 10px 10px 10px;
	padding:30px;
    background-color: #bdbdbd;
    border-radius: 10px;
}
.top-ul {
	margin-bottom:10px;
	width: 100%;
	display: table;
	table-layout: fixed;
	text-align: center;
	border-collapse:separate;
	border-spacing:5px 0;
}

.top-ul li {

	display: table-cell;

	vertical-align: middle;

}

.under-ul {

	margin:0 5px;

}



.top-search .fob,

.top-search .year{

   width: 49%;

}

.top-search li {

	margin-bottom:10px;

    text-align: center;

}

.top-search span{

    margin-top: 0.5em;

}

.top select,

.fob select,

.year select {

	/*border:1px solid #3f837f;*/

	background-color: rgba(255,255,255,1.0);

	font-size: 16px;

}

.fob select,

.year select {

	width:45%;

}

.left,

.top-search .fob {

	float:left;

}

.right,

.top-search .year {

	float:right;

}

option:checked {

	background-color:#ddd;

}

/*検索バー横幅を合わせる処理*/

.margin {

	margin-left:5px;

	margin-right:5px;

	margin-bottom: 10px;

}

.button_box {

	width: 49.5%;

	padding: 0 5px;

}

.btn-primary {

	width: 49%;

}

.btn-clear {

	width: 49%;

    color: #fff;

    background-color: rgba(0,0,0,0.1);

    border-color: #fff;

}

.btn-clear:hover {

	color: #fff;

    background-color:rgba(0,0,0,0.2);

}

.btn-clear:active {

	color: #fff;

    background-color:rgba(0,0,0,0.3);

}





/*--------------------



	上部5つの車画像の設定



--------------------*/

.iso-tz_margin {

	text-align:center;

	margin:0px 10px;

}

.iso-tz_box_all{

	display: flex;/* 箱の高さを自動で揃えてくれる */

	text-align:center;

	height:auto;

	width:100%;

}

.iso-tz_box {

	margin-right: 1%;

	margin-bottom:1%;

    text-align: center;

    max-width: 19.2%;

	min-height:225px;

	background-color:#FFF;

	list-style:none;

	position: relative;

	float:left;

}

.iso-tz_box:last-child {/* 箱margin */

	margin-right:0;

}

.iso-tz_box + .iso-tz_box + .iso-tz_box + .iso-tz_box + .iso-tz_box{/* ie8用 */

	margin-right: 0;

}



.iso-tz_box a img{

	width:100%;

}



.text_under {

	position:absolute;

	bottom:0;

	left:0;

	right:0;

}

.text_left {

	text-align:left;

	margin: 0;

    padding: 10px;

}

.clear {

	clear:both;

}

/*----種類別で検索した際に表示される上部ナビ----*/

.navi_list {

	padding: 0;

	margin: 80px 10px 10px 10px;

}

.navi_list li {

	text-decoration:none;

	display: inline;

}



/*--------------------



	メーカーの設定



--------------------*/

.icon-toyota,

.icon-honda,

.icon-nissan,

.icon-mazda,

.icon-mitsubishi,

.icon-suzuki,

.icon-othersmakes,

.icon-good {

	font-size:144px;

	color:#818181;

	background-color:#fff;

}

.icon-toyota:hover,

.icon-toyota:hover,

.icon-honda:hover,

.icon-nissan:hover,

.icon-mazda:hover,

.icon-mitsubishi:hover,

.icon-suzuki:hover,

.icon-othersmakes:hover,

.icon-good:hover {

	color:#fff;

	background-color:#818181;

}

.maker_margin {

	margin:20px 10px;

}

.maker_box_all {

	text-align:center;

	height:auto;

	width:100%;

	margin-bottom:20px;

	overflow:hidden;

}

.maker_box_top,

.maker_box_under {

	width:100%;

}

.maker_box {

	text-align:center;

	max-width:12.5%;

	height:auto;

	float:left;

}



/* アコーディオン表示 */

.panel-default {

	padding:0px;

	margin:0px 10px;

	background:#818181;

	clear:both;

}

.panel-group {/* bootstrap打消し */

    margin-bottom: 20px;

}

.panel-body .on {

	margin:5px;

	padding:4px;

	color:#fff;

	background-color:#818181;

	border: solid 1px #FFF;

	float:left;

}

.panel-body a {

	margin:5px;

	padding:5px;

	color:#818181;

	background-color:#fff;

	float:left;

}

.panel-body a:hover {

	margin:5px;

	padding:4px;

	color:#fff;

	background-color:#818181;

	border: solid 1px #FFF;

	float:left;

}

/* オールメーカー */

.panel-body .big {

	font-weight:700;

}



/*--------------------



	車表示順（high,low）の設定



--------------------*/

.list_all {

	margin:0px 10px;

}



.list_box,

.list_box_las {

	height:40px;

	width:267px;

	background-color:#FFF;

	float : left;

	margin-right:20px;

}



.list_box{

	margin-right:20px;

}



.list_box_las {

	margin-right:0px;

}





.list_box p,

.list_box_las p{

	padding-top:10px;

	text-align:center;

	height:40px;

	width:185px;

	float : left;

}



.left_box {

	height:40px;

	width:80px;

	margin-left: auto;

}



.list_low,

.list_high {

	padding-top:8px;

	font-size:18px;

	text-align:center;

	height:40px;

	width:40px;

	background-color:#fff;

	float : left;

}

.list_low:hover,

.list_high:hover{

	color:#FFF;

	background-color:#818181;

}

.list_box .on,

.list_box_las .on{

	color:#FFF;

	background-color:#818181;

}





/*--------------------



	車一覧の設定



--------------------*/

.row {

	padding:0px;

	margin:0px;

}

.col-md-6 {

	margin-top:20px;

	padding-left:10px;

	padding-right:10px;

}



/* 画像背景 */

.image_box {

	text-align:center;

	background-image:url(../siteimages/loadback.jpg);

	background-size:cover;

	margin-bottom:20px;/* 画像下余白 */

}



/* 画像 */

.car_none_box img,

.car_sale_box img,

.car_soldout_box img{

	width:100%;

	height:auto;

}



/* 売り切れなどのbox設定 */

.sale_box,

.soldout_box {

	padding:5px 10px 5px 10px;

	color:#FFF;

	font-size:22px;

	font-weight:500;

	position:absolute; 

	top:0px;

	left:10px; 

	z-index: 100;/*表示優先度 */

}

	.sale_box{

		background-color:#3498db;

	}

	

	.soldout_box{

		background-color:#dc1f26;

	}

.sale_box p,

.soldout_box p{

	margin:0;

}



/* --- 画像より下　枠線でdivわけ　--- */

.car_comment_box {

	position:absolute;

	bottom:0;

	left:10px;

	right:11px;　

}

.car_price {

	float:left;

}

.text_right {

	font-size:18px;

	text-align:right;

	margin-right:10px;

}

.car_none_box,

.car_sale_box,

.car_soldout_box {

	height:400px;

	max-width:100%;

	background-color:#FFF;

}

	.car_none_box {

		margin: -1px; 

		border: solid 1px #e7e7e7; 

	}

	.car_sale_box{

		margin: -1px; 

		border: solid 1px #3498db; 

	}

	.car_soldout_box {

		margin: -1px; 

		border: solid 1px #dc1f26; 

	}

.car_none_box h2,

.car_sale_box h2,

.car_soldout_box h2{

	margin:-10px 0px 0px 10px;

	font-size:30px;

	font-weight: bold;

	float:left;

}



h2 span{

	margin-left:5px;

	color:#dc1f26;

	font-size:18px;

	text-decoration:line-through;

}

.car_none_box p,

.car_sale_box p,

.car_soldout_box p{

	font-size:18px;

	margin:0px 0px 10px 10px;

}

.car_box_under {

	padding:5px 0px;

	border-top: 1px solid #000;

}

.car_box_under p{

	display:inline;

}

span.small{

	margin-right:2px;

	font-size:12px;

}

.search2 {

	color:#000!important;

}

.search2:hover{

	color:#666!important;

	text-decoration:underline!important;

}

.pankuzu {

	color:#31b0d5 !important;

	text-decoration: none !important;

}

.pankuzu:hover {

	text-decoration: underline !important;

}

.car_comment_box h2 .icon-phone {

	text-decoration:none;

	color:#333;

	font-size: 26px;

}



/*------------------------------------------------------------

	画像クリック時のお気に入りボタンの設定

------------------------------------------------------------*/



/* likeボタンの下の画像 */

.image_check_box img {

	width: 100%;

	height: 100%;

	/* 画像にカーソルを合わせたときに、

	カーソルが指のマークになるようにします。 */

	cursor: pointer;

}

	.image_check_box:hover{

		/* 画像を暗くさせる 

		filter: brightness(0.9);

		-webkit-filter: brightness(0.9);

		-moz-filter: brightness(0.9);

		-o-filter: brightness(0.9);

		-ms-filter: brightness(0.9);*/

	}

/* likeボタンの文字の設定 */

.image_check_box p{

	font-family:"Arial Black", Gadget, sans-serif;

	display: inline;

	margin-left:5px;

	font-size:32px;

	letter-spacing:2px;

	font-weight: bold;

}

/* plusボタン(icon)の設定 */

.image_check_box .glyphicon-plus{

	font-size:26px;

	padding: 5px 10px 5px 10px;

    position: absolute;

    top: 0;

    right: 12px;

    cursor: pointer;

    color:#fff;



    filter:alpha(opacity=0);

    -moz-opacity: 0;

    opacity: 0;



	transition: .3s;

    transform: scale(1);

	-webkit-transform: scale(1);

	filter:dropshadow(color=#000000,offX= 0,offY=-1)

	dropshadow(color=#000000,offX= 1,offY= 0)

	dropshadow(color=#000000,offX= 0,offY= 1)

	dropshadow(color=#000000,offX=-1,offY= 0);

	

	text-shadow:0 1px 0 #000,

				1px 0 0 #000,

				0 -1px 0 #000,

				-1px 0 0 #000,

				-1px -1px 0 #000,

				1px -1px 0 #000,

				-1px 1px 0 #000,

				1px 1px 0 #000;

}

/* 車画像にオンマウスでplusボタン表示 */

.image_check_box:hover .glyphicon-plus {

    filter:alpha(opacity=100);

    -moz-opacity: 1;

	opacity: 1;

	

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	

	-webkit-transition: all .3s;

	transition: all .3s;

}

/* plusボタンにオンマウス */

.image_check_box .glyphicon-plus:hover {

    filter:alpha(opacity=100);

    -moz-opacity: 1;

	opacity: 1;



	color:#dc1f26;

	-webkit-transform: scale(1.1);

	transform: scale(1.1);

	

	filter:dropshadow(color=#ffffff,offX= 0,offY=-1)

	dropshadow(color=#ffffff,offX= 1,offY= 0)

	dropshadow(color=#ffffff,offX= 0,offY= 1)

	dropshadow(color=#ffffff,offX=-1,offY= 0);

	

	text-shadow:0 1px 0 #fff,

				1px 0 0 #fff,

				0 -1px 0 #fff,

				-1px 0 0 #fff,

				-1px -1px 0 #fff,

				1px -1px 0 #fff,

				-1px 1px 0 #fff,

				1px 1px 0 #fff;

}



/* チェックマーク(icon)の設定 */

.image_check_box .icon-good2{

	font-size:26px;

	padding: 5px 10px 5px 10px;

    position: absolute;

    top: 0px;

    right: 12px;

    transform: scale(1);

    cursor: pointer;

    color: #dc1f26;

	background-color:#fff;

}