@charset "utf-8";



main .inner{
	padding-top:1rem;
}
@media screen and (max-width:600px) {
main .inner{
	padding-top:0;
	padding-bottom:0;
}
}

/*
=========================================
  #list
=========================================
*/

#list{
	width:75%;
	float:left;
}
@media screen and (max-width:900px) {
#list{
	width:100%;
	float:none;
	padding-bottom:3rem;
}
}

.list_cont h2{
	width:50%;
	float:left;
}
@media screen and (max-width:600px) {
.list_cont h2{
	width:100%;
	float:none;
}
}
.list_cont .list_sort{
	width:50%;
	float:right;
	text-align:right;
	margin-top:10px;
	margin-bottom:15px;
}
@media screen and (max-width:1000px) {
.list_cont .list_sort{
	margin-top:0;
}
}
@media screen and (max-width:600px) {
.list_cont .list_sort{
	width:100%;
	float:none;
}
}
.list_cont .list_sort .sort_item,
.list_cont .list_sort div{
	display:inline-block;
}
.list_cont .list_sort select{
	padding:5px;
}

#list h3{
    font-size: 130%;
    color: #e97e00;
    margin: 0.5rem 0;
}
@media screen and (max-width:480px) {
#list h3{
    padding-top: 1rem;
    clear: both;
}
}

#list h3 a{
	color:#e97e00;
}
#list .price{
}


#list .price strong{
	font-size:150%;
	color:#e97e00;
}
#list .list_cont .tl strong{
	font-size:150%;
	padding-left:10px;
	text-decoration:underline;
}
#list .list_cont .link{
    margin-bottom: 30px;
    padding: 1rem 2%;
    border: 1px solid #ccc;
	overflow:hidden;
    border-radius: 5px;
	clear:both;
}
@media screen and (max-width:480px) {
#list .list_cont .link{
    padding:1rem 5% 0;
}
}

#list .list_cont .link img{
	float:left;
	width:30%;
}
@media screen and (max-width:480px) {
#list .list_cont .link img{
	width:100%;
}
}
#list .list_cont .link .link_txt{
	margin-left:33%;
}
@media screen and (max-width:480px) {
#list .list_cont .link .link_txt{
	margin-left:0;
}
}
#list .list_cont dl{
	overflow:hidden;
	padding-top:1rem;
}
#list .list_cont dl dt{
	width: 140px;
	float:left;
}
#list .list_cont dl dd{
	margin-left:150px;
}
@media screen and (max-width:900px) {
#list .list_cont dl dt{
	width: 120px;
}
#list .list_cont dl dd{
	margin-left:130px;
}
}



#list .price dt{
	padding-top:7px;
}



#list .btn{
	clear: both;
	margin: 15px auto;
	width: 150px;
	float:right;
}
@media screen and (max-width: 480px) {
#list .btn{
	width: 180px;
	float:none;
}
}





/*
=========================================
#r_navi
=========================================
*/

#r_navi{
	width:20%;
	float:right;
}
@media screen and (max-width:900px) {
#r_navi{
	width:100%;
	float:none;
}
}

#r_navi h2{
	font-size:120%;
	border-bottom:3px solid #e97e00;
	padding-bottom:0.5rem;
	margin-bottom:0;
}
#r_navi .block{
	padding-bottom:3rem;
}
#r_navi .block .btn-search{
	width:25px;
	margin-top:10px;
}
#r_navi .block input#search{
	height:30px;
	margin-top:10px;
	margin-right:5px;
}

#r_navi ul li{
	border-bottom:1px solid #ccc;
}
#r_navi ul li a{
	padding:10px;
	display:block;
}
#r_navi ul li a:hover{
	background: #ffe9cc;
}


/*
=========================================
#detail
=========================================
*/

#detail{
	width:75%;
	float:left;
}
@media screen and (max-width:900px) {
#detail{
	width:100%;
	float:none;
	padding-bottom:3rem;
}
}

#detail .car_info{
	border:1px solid #ccc;
	border-radius:5px;
	padding:15px;
	overflow: hidden;
	margin-top: 2rem;
}
#detail .car_info .car_txt{
	width:55%;
	float:left;
}
@media screen and (max-width:600px) {
#detail .car_info .car_txt{
	width:100%;
	float:none;
}
}

#detail .car_info .car_txt dl{
	background: #f6f6f6;
}

#detail .car_info .car_txt dt{
	width:80px;
	padding: 5px 20px;
	float:left;
}
@media screen and (max-width:600px) {
#detail .car_info .car_txt dt{
	width:70px;
	padding: 5px 10px 5px 15px;
}
}
#detail .car_info .car_txt dd{
	background: #fff;
	margin-left:120px;
	padding: 5px 20px;
}
@media screen and (max-width:600px) {
#detail .car_info .car_txt dd{
	margin-left:95px;
	padding: 5px 10px 5px 15px;
}
}	
#detail .car_info .price_area{
	width:43%;
	float:right;
}
@media screen and (max-width:600px) {
#detail .car_info .price_area{
	width:100%;
	float:none;
}
}




#detail .car_info .price_area strong{
    font-size: 220%;
}
#detail .car_info .price_area .hontai{
	border-left: 6px solid #000;
	border-radius:5px;
	padding-left:20px;
	margin-top: 1rem;
}
#detail .car_info .price_area .sougaku{
	margin-top:2rem;
	border-left: 6px solid #e97e00;
	border-radius:5px;
	padding-left:20px;
}
@media screen and (max-width:600px) {
#detail .car_info .price_area .sougaku{
	margin-top:1rem;
}
}

#detail .car_info .price_area .sougaku strong{
    color:#e97e00;
}

#detail .recommend{
	padding:2rem 20px;
}

#detail .attention{
	background:#fff3d8;
	padding:2rem 5%;
	overflow:hidden;
}
@media screen and (max-width:600px) {
#detail .attention{
	padding:1.5rem 5%;
}
}
@media screen and (max-width:480px) {
#detail .attention{
	padding:1.5rem 8%;
}
}


#detail .attention h3{
	color:#e97e00;
	font-size:120%;
	margin: 0 0 2rem 0;
}
@media screen and (max-width:480px) {
#detail .attention h3{
	font-size:105%;
	margin: 0 0 1rem 0;
}
}
#detail .attention img{
	width:80px;
}
#detail .attention .tel{
	width:48%;
	float:left;
}
@media screen and (max-width:600px) {
#detail .attention .tel{
	width:100%;
	float:none;
}
}


#detail .attention .mail{
	width:48%;
	float:right;
	border-left:1px solid #ccc;
	padding-left:3%;
}
@media screen and (max-width:600px) {
#detail .attention .mail{
	width: 100%;
	border-left:none;
	border-top:1px solid #ccc;
	padding: 1rem 0 0 0;
	margin-top: 1rem;
	float: none;
}
}


#detail .attention dt{
	background:url(../img/icon_maru.png) no-repeat left;
	padding-left:25px;
	margin-bottom:10px;
	font-weight:bold;
}
#detail .attention .tel dd a{
	color:#e97e00;
	font-weight:bold;
	font-size:160%;
}
#detail .attention .tel dd img{
	width:30px;
	float:left;
	margin-top:5px;
}
#detail .attention .mail dd{
	background:#e97e00;
	display:inline-block;
	padding:13px 30px 10px;
	border-radius:30px;
}
#detail .attention .mail dd a{
	color:#fff;
	font-weight:bold;
}
#detail .attention .mail dd img{
	width:20px;
	margin-top:1px;
	margin-right:10px;
	float:left;
}


#detail .situation,
#detail .spec{
	margin:4rem 0;
}
@media screen and (max-width:600px) {
#detail .situation,
#detail .spec{
	margin:2.5rem 0;
}
}

#detail .situation h3,
#detail .spec h3{
	font-size:80%;
	font-weight:normal;
}
#detail .situation h3 strong,
#detail .spec h3 strong{
	font-size:160%;
	font-weight:bold;
}
@media screen and (max-width:600px) {
#detail .situation h3 strong,
#detail .spec h3 strong{
	display:block;
}
}
#detail .situation table,
#detail .spec table{
	font-size:80%;
}
@media screen and (max-width:900px) {
#detail .situation table,
#detail .spec table{
	font-size:100%;
}
}
@media screen and (max-width:600px) {
#detail .situation table,
#detail .spec table{
	font-size:75%;
}
}
#detail .situation table td,
#detail .spec table td{
	font-weight:bold;
}
@media screen and (max-width:600px) {
#detail .situation table td,
#detail .spec table td{
	font-weight:normal;
}
}


.enclosure{
	clear:both;
	border: 2px solid #ccc;
	overflow: hidden;
	border-radius: 5px;
}
.enclosure .group{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}



/*
=========================================
 news
=========================================
*/

#list .news_cont a{
	border-bottom:1px solid #ccc;
	display:block;
    margin-bottom: 30px;
    padding: 0.5rem 2%;
}
#list .news_cont h3{
	font-size:140%;
	color:#e97e00;
	margin: 2rem 0;
}
#list .news_cont h4{
	font-size:120%;
	color:#e97e00;
	margin: 2rem 0 0.5rem;
}
#list .news_cont .day{
	color:#999;
}




/*
=========================================
 #contact
=========================================
*/


#contact{
	overflow:hidden;
	text-align:center;
}

#contact .contact_inner{
	border-bottom:#e2e2e2 1px solid;
	margin-top:3rem;
}

#contact dl{
	border-top:#e2e2e2 1px solid;
	overflow:hidden;
}
#contact dt span{
	color:#fff;
	background:#db0000;
	width:45px;
	display:block;
	float:right;
	font-size:88%;
	padding:5px;
	text-align:center;
}
#contact dt{
	width:240px;
	padding:1.5rem 0;
	float:left;
	text-align:left;
}
#contact dd{
	padding:1.5rem 0;
	margin-left:270px;
	background:#fff;
	text-align:left;
}

.kakunin{
	padding-top:3rem;
}

#privacypolicy {
    overflow: scroll;
    width: 90%;
    border:1px solid #e2e2e2;
    height: 250px;
    margin: 2rem auto 3rem;
    background-color: #fff;
    padding: 2rem 5% 0 5%;
    text-align:left;
}
#privacypolicy h3{
	font-size:1.2rem;
	padding-bottom:1rem;
	margin-bottom:1rem;
	text-align:left;
	border-bottom:1px solid #e2e2e2;
}
#privacypolicy h4{
	font-size:1rem;
	padding:1rem 0 0.5rem;
}
#privacypolicy p{
	margin-bottom:1rem;
}
#privacypolicy ol{
	padding-left:25px;
	padding-bottom:1rem;
}
#privacypolicy li{
	list-style-type: decimal;
}


@media screen and (max-width: 960px) {

.kakunin{
	padding-top:2rem;
	font-size:90%;
	text-align:left;
}
#privacypolicy{
	font-size:90%;
}
}
.submit {
	text-align:center;
}

.submit input{
  display       : inline-block;
  font-size:1rem;
  text-align    : center;      
  cursor        : pointer;  
  padding       : 1.5rem 10%;  
  background    : #e97e00;  
  color         : #ffffff;   
  line-height   : 1em;      
  transition    : .3s; 
  border:0; 
  margin-top:2rem;
}
.submit input:hover {
	background:#e97e00;
}
.ajax-loader{
	display:block !important;
}
.wpcf7 .wpcf7-submit:disabled {
	background    : #e2e2e2;  
}
dd input{
	border:#e2e2e2 2px solid;
	background:#e2e2e2;
	padding:6px 1%;
	width: 97% !important;
}
dd input[type="text"]:focus{
  border: 2px solid #aaa;
  outline: 0;
}
dd input[type="checkbox"]:focus{
  background: #aaa;
}
textarea:focus {
  border: 2px solid #aaa;
  outline: none;
}
textarea{
	border:#e2e2e2 2px solid;
	background:#e2e2e2;
	padding: 6px 1%;
	width: 97% !important;
}



@media screen and (max-width: 900px) {
#contact{
	padding:130px 0 3rem 0;
}
#contact dt{
	width:90%;
	padding:15px 5% 10px 5%;
	float:none;
}
#contact dd{
	padding:10px 5% 15px 5%;
	margin-left:0;
	width:90%;
}

#privacypolicy h3{
	font-size:1rem;
}
}




/*
=======================================
  refine_search
=======================================
*/

.refine_search_bl{
	border:1px solid #ccc;
	border-radius: 5px;
	margin-bottom:2rem;
}
.refine_search_bl h3{
	background:#f6f6f6;
	color:#000 !important;
	margin:0 !important;
	padding:0.5rem 15px !important;
	border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 600px) {
.refine_search_bl h3{
	margin-bottom:0.5rem !important;
	font-size:110% !important;
}
}

.refine_search_bl table th{
	background:#fff;
	width:130px;
}
@media screen and (max-width: 1050px) {
.refine_search_bl table th{
	width:120px;
	padding-right:0;
}
}
@media screen and (max-width: 600px) {
.refine_search_bl table th
,.refine_search_bl table td{
    padding: 1% 5%;
    width: 90%;
    display: table;
    table-layout: fixed;
	border:none;
}
.refine_search_bl table tr{
	border-bottom:1px solid #ccc;
}
}
.refine_search_bl table td{
	font-size:20px;
}
.refine_search_bl select,
.refine_search_bl input{
	float:left;
	padding:5px;
	min-width:200px;
}
@media screen and (max-width: 1200px) {
.refine_search_bl select,
.refine_search_bl input{
	width:150px;
	min-width:auto;
}
}
@media screen and (max-width: 980px) {
.refine_search_bl select,
.refine_search_bl input{
	width:120px;
}
}
@media screen and (max-width: 600px) {
.refine_search_bl select,
.refine_search_bl input{
	width:100px;
}
}
@media screen and (max-width: 450px) {
.refine_search_bl .refine_keyword{
	width:210px;
}	
.refine_search_bl .refine_price{
	width:70px;
}	
}
@media screen and (max-width: 350px) {
.refine_search_bl .refine_keyword{
	width:180px;
}	
.refine_search_bl .refine_price{
	width:50px;
}	
}
.refine_search_bl .btn-search{
	width:20px;
	min-width:20px;
}
.refine_search_bl .center_txt{
	float:left;
	margin:0 5px;
}
.refine_search_bl .caption{
	clear:both;	
	font-size:70%;
}


.refine_search_bl .search_btn a{
  position: relative;
  display: block;
	margin:0 auto 15px;
  width: 90%;
  max-width:200px;
  padding: 15px 5%;
  background-color: #e97e00;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  margin-top: 1rem;
}
@media screen and (max-width: 600px) {
.refine_search_bl .search_btn a {
  width: 180px;
}
}
/* アイコンのスタイル */
.refine_search_bl .search_btn a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  box-sizing: border-box;
}