@charset "utf-8";
/* CSS Document */
@font-face{
	font-family: 'Arial Black';
	font-style: normal;
	font-weight: 400;
	src: local('Arial Black'), url('ariblk_0.ttf') format('ttf');
}

#R_navi02{background-position:0 -41px !important;}

.bm_10{margin-bottom:10px;}

/*========================================
 + 絞り込みパネル
========================================*/
#zyoken_area{
	/* background-color:#d6d6d6; */
	margin:0;
	padding: 13px 0px 10px;
	/* width:944px; */
	border: 3px solid #321301;
	background-size: auto auto;
	background-color: rgba(255, 242, 224, 1);
	background-image: repeating-linear-gradient(90deg, transparent, transparent 5px, rgba(255, 228, 193, 1) 5px, rgba(255, 228, 193, 1) 10px );
}
#SearchTT{
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	margin: 0 0 15px;
}

/* 絞り込みパネル */
#panelDisp{
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0 0 7px;
	margin:0 0 5px;
	background: #f5c588;
}
#panelSlct{
	background-repeat:repeat-y;
	padding:0 4px;
}
#panelSlct th{
	padding: 1px 0 1px 6px;
	margin:0 10px 0 0;
	text-align:left;
	width: 120px;
	font-size: 15px;
}
#panelSlct td{
	vertical-align:top;
	padding:7px 0;
}
#panelSlct td select{
	border: 2px solid #321301;
	box-shadow: 0 3px 0 #321301;
	border-radius:5px;
	padding: 5px;
	font-size: 14px;
}

#color_area{
	margin:8px 0 0 0;
	display: flex;
	margin: 0;
	flex-wrap: wrap;
}
#color_area li{
	/* width:40px; */
	/* float:left; */
	margin: 0 5px 8px 0;
	position: relative;
	width: 30px;
}
.cp_ipcheck {
	/* width: 90%; */
	margin: 2em auto;
	text-align: left;
}
@keyframes click-wave {
	0% {
		position: relative;
		width: 30px;
		height: 30px;
		opacity: 0.35;
	}
	100% {
		width: 200px;
		height: 200px;
		margin-top: -80px;
		margin-left: -80px;
		opacity: 0;
	}
}
.cp_ipcheck .option-input02 {
	position: relative;
	/* top: 13.33333px; */
	/* right: 0; */
	/* bottom: 0; */
	left: 0;
	width: 30px;
	height: 30px;
	/* margin-right: 0.5rem; */
	cursor: pointer;
	transition: all 0.15s ease-out 0s;
	color: #ffffff;
	border: none;
	outline: none;
	background: #d7cbcb;
	-webkit-appearance: none;
	appearance: none;
}

#chk_color0{ background-color:#FFF}
#chk_color1{ background: #000;}
#chk_color2{ background: #ff1800;}
#chk_color3{ background: #0036ff;}
#chk_color4{ background: #fcff00;}
#chk_color5{ background: #15e000;}
#chk_color6{ background: #ac7500;}
#chk_color7{
    background: rgb(223,181,49);
    background: linear-gradient(62deg, rgba(223,181,49,1) 0%, rgba(255,249,190,1) 50%, rgba(223,181,49,1) 100%);    
}
#chk_color8{
    background: #cbcbcb;
    background: -moz-linear-gradient(45deg, #cbcbcb 0%, #ffffff 50%, #cbcbcb 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #cbcbcb), color-stop(50%, #ffffff), color-stop(100%, #cbcbcb));
    background: -webkit-linear-gradient(45deg, #cbcbcb 0%, #ffffff 50%, #cbcbcb 100%);
    background: -o-linear-gradient(45deg, #cbcbcb 0%, #ffffff 50%, #cbcbcb 100%);
    background: -ms-linear-gradient(45deg, #cbcbcb 0%, #ffffff 50%, #cbcbcb 100%);
    background: linear-gradient(45deg, #cbcbcb 0%, #ffffff 50%, #cbcbcb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#cbcbcb', GradientType=1 );

}
#chk_color9{ background: #dcdcdc;}
#chk_color10{ background: #ff9c00;}
#chk_color11{ background: #ba00ff;}
#chk_color12{ background: #ffa4dc;}
#chk_color13{ background: #ffebb0;}
#chk_color14{
    border: 1px solid #e7e7e7;
    background: rgb(249,232,181);
    background: linear-gradient(62deg, rgba(249,232,181,1) 0%, rgba(255,255,255,1) 50%, rgba(249,232,181,1) 100%);    
}
#chk_color15{ background: #6e6e6e;}
#chk_color16{ background: #002aa3;}
#chk_color17{
    background-color: #000000;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #e2e2e2), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #e2e2e2),color-stop(.75, #e2e2e2), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 6px 6px;    
}
.cp_ipcheck .option-input02:hover {
	background: #d6a9a9;
}
.cp_ipcheck .option-input02:checked {
	background: #da3c41;
}
.cp_ipcheck .option-input02:checked::before {
	font-size: 20px;
	line-height: 30px;
	position: absolute;
	display: inline-block;
	width: 30px;
	height: 30px;
	content: '✔';
	text-align: center;
	/* z-index: 999; */
	color: #321301;
}
#chk_color1:checked::before,
#chk_color2:checked::before,
#chk_color3:checked::before,
#chk_color16:checked::before,
#chk_color17:checked::before {
	color: #FFF !important;
}


.cp_ipcheck .option-input02:checked::after {
	position: relative;
	display: block;
	content: '';
	-webkit-animation: click-wave 0.65s;
	        animation: click-wave 0.65s;
	background: #ffe4c1;
}
.cp_ipcheck .option-input02.radio {
	border-radius: 50%;
}
.cp_ipcheck .option-input02.radio::after {
	border-radius: 50%;
}
.cp_ipcheck label {
	/* line-height: 30px; */
	display: block;
	width: 30px;
	height: 30px;
}
.cp_ipcheck .option-input02:disabled {
	cursor: not-allowed;
	background: #b8b7b7;
}
.cp_ipcheck .option-input02:disabled::before {
	font-size: 20px;
	line-height: 30px;
	position: absolute;
	display: inline-block;
	width: 30px;
	height: 30px;
	content: '✖︎';
	text-align: center;
}


#kensaku{
	width:141px;
	float:right;
	margin:0 10px 0 0;
}
#clear{
	width:102px;
	float:right;
	margin:0 10px 0 0;
}

/* 並べ替え */
#row{
	clear:both;
	text-align:left;
	margin:0 0 5px;
	font-size: 14px;
	position: relative;
	padding: 0.7rem 0.25rem 1.0rem;
}
#row:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #56290e, #56290e 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #56290e, #56290e 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}



#row a{
	margin:0 5px;
}
#row_bold{
	font-weight:bold;
}
#row span{
	margin:0 3px;
}
#row_R{
	position: absolute;
	font-weight:bold;
	right:0;
	top: 8px;
	background-repeat:no-repeat;
	background-position:left center;
	font-size: 14px;
	background: #fff;
	padding: 3px;
	border-radius: 50px;
	padding: 4px 10px;
	text-decoration: none !important;
}

/*========================================
 + 検索結果一覧
========================================*/
#SearchList{
	margin: 25px 0;
	display: flex;
	flex-wrap: wrap;
}
#SearchList li{
	background:#fff;
	border: 1px solid #321301;
	box-shadow: 4px 4px 0 #321301;
	padding: 2px 2px 10px;
	margin: 0 13px 10px 0;
	width: 235px;
	/* float:left; */
}
#SearchList li:nth-child(4n){
	margin: 0 0px 10px;
}
#SearchList li h3{
	background-image:url(/usedcar/images/search/carNM_h3_new.gif);
	height:64px;
	line-height: 18px;
	padding: 5px 10px;
	font-size: 15px;
	font-weight: bold;
}
.ImgDisp{
	width: 94%;
	/* height:135px; */
	padding:5px 0 0 0;
	/* float:left; */
	margin: 5px auto 5px;
	position:relative;
}
.prevBt{
	position:absolute;
	left:0;
	top:25px;
}
.nextBt{
	position:absolute;
	right:0;
	top:25px;
}
.CarImg{
	width: 100%;
	margin:auto;
}
.ImgNm{
	text-align:center;
	margin:2px 0 0 0;
}
.CarInfo{
	margin: 10px auto;
	/* height:150px; */
	width: 94%;
	/* float:right; */
	padding:0 0 0 0;
}
.CarData{
	margin:4px 0 0 0;
}
.CarData li:first-child{
	padding:0 0 0 0 !important;
	border-left:none;
}
.CarData li{
	float:left;
	border:none !important;
	padding:0 15px 0 0 !important;
	margin:0 !important;
	border-left:1px solid #eeeeee;
}
.CarInfo{
	display:flex;
	justify-content: space-between;
}

.CarInfo table:first-child{
	width: 115px;
	text-align: left;
}
.CarInfo table:first-child td{
	font-size:12px;
	font-weight: normal;
	text-align: right;
}
.CarInfo table:first-child td:first-child{
	text-align:left;
	width: 48px;
	font-weight: bold;
	padding: 1px 0;
}


.CarInfo table:last-child{
	width: calc(100% - 125px);
	text-align: left;
}
.CarInfo table:last-child td{
	font-size:12px;
	font-weight: normal;
	text-align: left;
	padding:0;
	line-height: 1.3rem;
}
.CarInfo table:last-child tr:first-child td{
	text-align:left;
	width: 99px;
	font-weight: bold;
	padding: 4px 0 2px;
}
.CarInfo table:last-child td:last-child{
	text-align:right;
}

.red{
	font-size: 23px;
	color: #d50000;
	font-weight: bold;
}
.gray_16B{
	font-size: 17px;
	/* color:#9e9e9e; */
	/* font-family:"Arial Black", Gadget, sans-serif; */
	/* font-style:italic; */
}
.DetailBt{
	background-image:url(/usedcar/images/search/DetailBt.png);
	background-repeat:no-repeat;
	width:190px;
	height:50px;
	background-position:0 0;
	display:block;
	margin: 5px auto 0;
}
.DetailBt:hover,.DetailBt.hover{
	background-position:-190px 0;
}

#rst_zero_disp {
	border: 2px solid #321301;
	background: #FFF;
	margin: 30px 0 0;
	box-shadow: 4px 4px 0 #321301;
	padding: 50px 0;
}
#rst_zero_disp p {
	text-align:center;
	/* font-size:14px; */
}
td.monthly_price {
    position: relative;
    text-align: right !important;
}
td.monthly_price span:before{
    content:'';
    width:100%;
    height: 8px;
    background: #fcff00;
    position: absolute;
    bottom: 0px;
    z-index: 4;
    right: 0;
}
td.monthly_price span{
    display: inline-block;
    position: relative;
    padding: 0 3px;
}
td.monthly_price b{
    z-index: 5;
    position: relative;
    font-size: 13px;
}