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

*,
*::before,
*::after {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
}
/******** 9/28 追加分ここから *******/
#new li.opover p.sldimg {
width: 100%;
height: 128px;
}

#new li.opover p.sldimg img {
 object-fit: cover;
 max-width: auto;
 height: 100%;
}
@media screen and (max-width: 950px) {
#new li.opover p.sldimg {
height: 120px;
}	
	
}
/******** 9/28 追加分ここまで *******/

@media screen and (max-width: 640px) {
    /* ▼▼▼ TOP SLIDER
=====================================*/
.slider {
	width: 88% !important;
	margin: 0 auto;
	}
#new li {
    width: 100%;
	min-width: 0;
		}
/******** 9/28 追加分ここから *******/
#new li.opover p.sldimg {
height: 110px;
}
/******** 9/28 追加分ここまで *******/
.slick-prev{left: 0;}
[dir='rtl'] .slick-prev
{right: 0px;}

.slick-next{right: 0;}
[dir='rtl'] .slick-next
{ right: auto;
left:0px;}


}

.cars { float:left;
width:320px;
padding:10px 0;}
.cars img {vertical-align: middle; padding-right: 6px; max-width: 50%; height: auto;}
#result ul.result_model table.modelinfo {float: left; margin-top: 20px; font-size: 13px; max-width: 620px;}
#result ul.result_model table.modelinfo thead {display: none;}
#result ul.result_model table.modelinfo td { border-right: 1px solid #ccc; text-align: center; padding: 10px 5px; height: 90px}
#result ul.result_model table.modelinfo td:nth-child(1) {width: 85px;border-left: 1px solid #ccc;}
#result ul.result_model table.modelinfo td:nth-child(2) {width: 75px;}
#result ul.result_model table.modelinfo td:nth-child(3) {width: 65px;}
#result ul.result_model table.modelinfo td:nth-child(4) {width: 75px;}
#result ul.result_model table.modelinfo td:nth-child(5) {width: 75px;}
#result ul.result_model table.modelinfo td:nth-child(6) {width: 129px;}
#result ul.result_model table.modelinfo td:nth-child(7) {width: 129px; border-right: none;}
#result ul.result_model table.modelinfo td .price strong {
						color: #FF0000;
						font-size: 30px;
						font-weight: bold;
						}
    /* ▼▼▼ 中古車を探す
=====================================*/
.next-btn {
  display: none; /* 右側の固定部分を非表示 */
}

#result .sort{
  display: none;
}
#result ul.result_model table.info {display: none;}
#result ul.result_model ul.info {display: block;}
#result ul.result_model > li .box .spphoto{
			display: none;
			}
.spbox {display: none}
.box {display: block;}
#result ul.result_model li p.detail {display: none;}


@media screen and (max-width: 640px) {
.cars { float:none;width:100%;}
.cars img { padding-right: 6px; max-width: 55%; height: auto;}
    #result ul.result_model {
        width: 100%; margin: auto;
    }
#result ul.result_model table.spinfo {
    width: 100%; margin: auto;  }
 
  #result ul.result_model table.spinfo th {
    border: solid 1px #ccc;
    width: 32% !important;
    padding: 10px;
  }
    #result ul.result_model table.spinfo td{
    border: solid 1px #ccc;
    width: 68% !important;
    border-left: none;
    padding: 10px;
  }
  #result ul.result_model table.spinfo td p.dtail {display: none;}

  
  
  
#result ul.result_model table.modelinfo td {padding: 10px 2%; }
#result ul.result_model table.modelinfo td:nth-child(1) {width: auto;border-left: none;}
#result ul.result_model table.modelinfo td:nth-child(2) {width: auto;}
#result ul.result_model table.modelinfo td:nth-child(3) {width: auto;}
#result ul.result_model table.modelinfo td:nth-child(4) {width: auto;}
#result ul.result_model table.modelinfo td:nth-child(5) {width: auto;}
#result ul.result_model table.modelinfo td:nth-child(6) {width: auto;}
#result ul.result_model table.modelinfo td:nth-child(7) {width: auto; border-right: 1px solid #ccc;}
  #result ul.result_model table.modelinfo tbody td:last-child {
    border-bottom: solid 1px #ccc;
  }
    #result ul.result_model li p.detail {
                display: block;
                width: 80%;
                margin: 15px auto;
				padding: 10px 0;
                text-align: center;
        clear: both;
				}
				#result ul.result_model li p.detail  a {
					text-align: center;
					}
     .spbox {display: block}
    .box {display: none;}
img {
           max-width: 100%;
           height: auto;
    }  
 .left {float: none; }
.right {float: none;}
  #search	#more ul.more_search > li:nth-child(1),
#search	#more ul.more_search > li:nth-child(2) {width: 100%;}
#search	#more li ul.search02 li {
					width: 50%;
					}

    /* ▼▼▼ 中古車を探す
=====================================*/
    #search	#more .more_read h4 {
    background: url(../img/top/search_arrow01.png) no-repeat 80% center;
    float: none;
    width: 90%;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    display: block;}
    #search	#more .btn  {
			float: none;
        text-align: center;
           margin: 0 auto 10px;
			}
    #result .result {
	float: none;
    width: 100%;
        text-align: center;
    margin-bottom: 5px;
	}
   
#result .sort{
  display:block;
    text-align: center;
}
    #result .sort select { width: 75% ; padding: 5px;}
  #result  .pagenaviarea {
    background: #ECECEC;
    border-bottom: 1px solid #BAC4D6;
    padding: 10px 0px;
    margin-top: 10px;
    font-size: 13px;
    position: relative;
    overflow: hidden;
    }
#result .pagenaviarea .prev, #result .pagenaviarea .next {
    position: absolute;
    top: 20px;
}
#result .pagenaviarea .prev {
    display: block;
    left: 10px;
}
#result .pagenaviarea .next {
    display: block;
    right: 10px;
}
  
#result .pagenaviarea  ol.pagenavi {
    width: 40%;
    margin: auto;
    text-align: center;
    padding-left: 0;
    float: none;
    clear: both;
	}
   
#result .pagenaviarea  ol.pagenavi li {
    display: inline;}
    #search h2 {
        padding: 10px 0;
    }
   #search h2.title img {
        width: auto;
        height: 35px;
        
    }
    /* 中古車を探す部分　PC版を消す*/
  /* #search table.search th,
    #search table.search td {
    } 
    #search table.search td select#maker,#search table.search td select#car,#search table.search td select#pref_code{ width:100%; padding: 4px 0;}
    #search table.search td select.small{ width:43%; padding: 4px 0;}*/
    
    /* 中古車を探す部分　SP版再構築*/
    #search table.searchsp { width: 100% !important;}
	#search table.searchsp th,
	#search table.searchsp td {
		border-right: 1px solid #BAC4D6;
		border-bottom: 1px solid #BAC4D6;
		padding: 10px;
		font-size: 14px;
		}
		#search table.searchsp tr th:last-child,
		#search table.searchsp tr td:last-child {}
	#search table.searchsp th {
		width: 28% !important;
		background: #CFDDF3;
		font-weight: bold;
		}
    #search table.searchsp td {
		}
	#search table.searchsp td span {margin: 0 5px;}
	
	#search	#more {
		padding: 10px;
		overflow: hidden;
		}	
		#search	#more .more_read {
            padding:15px 0;
			float: left;
            line-height: 2em;
			}
			#search	#more .more_read h4 {
				float: left;
				background: url(../img/top/search_arrow01.png) no-repeat right center;
				padding-right: 18px;
				margin-right: 10px;
				color: #0C3EB4 !important;
				font-weight: bold;
				cursor: pointer;
				}
			#search	#more .more_read h4.more.close {
				background: url(../img/top/search_arrow02.png) no-repeat right center;
				}

		#search	#more .btn {
			float: none;
			margin-bottom: 10px;
			}
			
		#search	#more .box {
			display: none;
			clear: both;
			overflow: hidden;
			}
			#search	#more ul.more_search {
				padding-bottom: 15px;
				overflow: hidden;
				}
				#search	#more ul.more_search > li {
					float: left;
					width: calc((100% - 10px) / 2) ;
					background: #fff;
					padding: 18px;
					margin-bottom: 10px;
					}
				#search	#more ul.more_search > li:nth-child(1),
				#search	#more ul.more_search > li:nth-child(2) {width: 100%;}
				#search	#more ul.more_search > li:nth-child(3),
				#search	#more ul.more_search > li:nth-child(5) {margin-right: 10px;}
				
				#search	#more li h4 {
					float: left;
					width: 100px;
					color: #0C3EB3;
					font-size: 14px;
					font-weight: bold;
					}
					#search	#more li h4.long {
						width: auto;
						margin-bottom: 10px;
						}
				#search	#more li ul {
					overflow: hidden;
					}
				#search	#more li li {
					float: left;
					line-height: 2;
					}
					#search	#more li li span {margin-left: 3px;}
				#search	#more li ul.search01,
				#search	#more li ul.search02 {clear: both;}
				#search	#more li ul.search01 li {
					width: 100px;
					}
				#search	#more li ul.search02 li {
					width: 180px;
					padding-bottom: 44px;
					margin-bottom: 10px;
					}
					#search	#more li ul.search02 li.type01 {background: url(../img/top/search_type01.jpg) no-repeat left bottom;}
					#search	#more li ul.search02 li.type02 {background: url(../img/top/search_type02.jpg) no-repeat left bottom;}
					#search	#more li ul.search02 li.type03 {background: url(../img/top/search_type03.jpg) no-repeat left bottom;}
					#search	#more li ul.search02 li.type04 {background: url(../img/top/search_type04.jpg) no-repeat left bottom;}
					#search	#more li ul.search02 li.type05 {background: url(../img/top/search_type05.jpg) no-repeat left bottom;}
					#search	#more li ul.search02 li.type06 {background: url(../img/top/search_type06.jpg) no-repeat left bottom;}
					#search	#more li ul.search02 li.type07 {background: url(../img/top/search_type07.jpg) no-repeat left bottom;}
					#search	#more li ul.search02 li.type08 {background: url(../img/top/search_type08.jpg) no-repeat left bottom;}
				#search	#more li ul.search03 {
					float: left;
					}
					#search	#more li ul.search03 li {
						width: 100px;
						}
    #search table.searchsp td select#maker2,#search table.searchsp td select#car,#search table.searchsp td select#pref_code,#search table.searchsp td select#similar_colorcode2,#search table.searchsp td select#f_shape2,#search table.searchsp td select#exhaust_volume2,#search table.searchsp td select#f_fuel2,#search table.searchsp td select#car_stearing2,#search table.searchsp td select#shiftmark2{ width:100%; padding: 4px 0;}
    #search table.searchsp td select.small{ width:43%; padding: 4px 0;}
 .spscroll { 
   overflow-x: auto !important;
   min-height: 0.01%;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  white-space: nowrap;
    }
#result ul.result_tab {display: none;}
#result ul.result_model table.info {display: block;}
#result ul.result_model ul.info {display: none;}
#result ul.result_model > li .photo {
			display: none;
			}
#result ul.result_model > li .spbox .spphoto{
			display: block;
            width: 100%;
			}
#result ul.result_model > li .spbox .spphoto img {
           max-width: 100%;
           height: auto;
    } 
     #search #more {
        padding: 10px 0 0;
         margin: 0;
		}
    #search #moresp {
		overflow: hidden;
        padding: 0;
		}
    #search	#moresp .btn  {
			float: none;
        text-align: center;
           margin: 10px auto ;
			}
	#search #moresp .box {
		display: none;
		}
		#search #moresp h3 {
			background: url(../../common/img/sp/bg_btn.png) repeat-x left top;
			background-size: 10px 50px;
			border-bottom: 1px solid #BAC4D6;
			color: #0C3EB4;
			font-size: 15px;
			line-height: 50px;
			text-align: center;
			font-weight: bold;
			cursor: pointer;
			}
			#search #moresp h3 span {
				background: url(../../common/img/sp/search_arrow01.png) no-repeat right center;
				background-size: 13px 13px;
				padding-right: 18px;
				}
			#search #moresp h3.open span {
				background: url(../../common/img/sp/search_arrow02.png) no-repeat right center;
				background-size: 13px 13px;
				}
		#search #moresp .close {
			background: #BAC4D6;
			font-size: 15px;
			line-height: 30px;
			text-align: center;
			cursor: pointer;
			}
			#search #moresp .close span {
				background: url(../../common/img/sp/search_arrow02.png) no-repeat right center;
				background-size: 13px 13px;
				padding-right: 18px;
				}


    
}

   /* ▼▼▼ 詳細ページ
=====================================*/
.spblock{display: none;}
.pcblock{display:block;}

.p-nav a {margin-right: 30px; }
.p-nav a:last-child {margin-right: 0;}

@media screen and (max-width: 640px) {
/* ▼▼▼ 詳細ページ
=====================================*/
.spblock{display:block; width: 100%; text-align: center; }
 
.pcblock{display:none;} 
 .p-nav {width: 100%; text-align: center; margin-bottom: 10px; }
#detail #item_img {
	 float: none;
     max-width: 100%;
     height: auto !important;
	}
#detail #item_img a.bx-prev,
#detail #item_img a.bx-next {
			top: 50% !important;
			}  
#detail #detail_info {
		float: none;
		width: 100% !important ;
		} 
    #detail #detail_info table.detail_info {
        width: 100% !important ;
    }
    #detail #detail_info table.detail_info th {
				width: 35% ;
				}
     #detail #detail_info table.detail_info td {
				width: 65% ;
				}
    table.info {
	width: 100%;
	}	
    	
	table.info th {
		width: 35%;
		}	
	table.info td {
		width: 65%;
        padding: 10px;}
	

    ul.info { width: 100%; margin: auto}
    ul.info li {
		width: 100%;
		}
    p.txt {
    width: 100%;
    margin: 0 auto;
	}
    #request {
	min-height: auto;
	background:none;
	}	
    #request table.form {
        width: 100%;
        margin:0  auto 30px;}
#request table.form th,
    #request table.form td{
        display: block;
        width:100%;
    }
    #request .btn {
	margin: 0 auto;
	}	
    #request table.form td input.name {width:100%; display: block;}	
    #request table.form td input.name:first-child {margin-bottom: 5px;}
	#request table.form td input.tel,
	#request table.form td input.mail {width: 100%;}
	#request table.form td textarea {
				width: 100%;
				}
    .sptc {
        text-align: center;
        margin-bottom: 15px;
    }
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
  @media screen and (max-width: 639px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 18.75px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd; }
     
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table-bordered {
        border: 0; }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } 
    
    }