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

header#main{
   border-bottom: 13px solid #666;

}



/* ----------------------------------------------------- */
/* #p404 */
/* ----------------------------------------------------- */

#p404{
	width:100%;
	margin:0 auto 25px auto;
	padding:80px 0 20px 0;

}

#p404 h2{
	font-size:25px;
	margin: 0 auto 80px auto;
	text-align: center;
	line-height: 1.1em;
	padding: 0 60px 4px 60px;
    border-bottom:5px solid #217705;
	display: inline-block;
}


#p404 article{
    width:70%;
	margin: 0 auto 100px auto;
}


#p404 article p{

    margin-bottom: 30px;
}



/* ----------------------------------------------------- */
/* #imported_car */
/* ----------------------------------------------------- */

#imported_car{
	width:100%;
	margin:0 auto 55px auto;
	padding:80px 0 20px 0;

}

#imported_car h2.title{
	font-size:25px;
	margin: 0 auto 80px auto;
	text-align: center;
	line-height: 1.1em;
	padding: 0 60px 4px 60px;
    border-bottom:5px solid #217705;
	display: inline-block;
}


#imported_car article.carwrap{
    width:80%;
    margin: 0 auto 100px auto;
    border-top:1px solid #999;
    padding-top:10px;
}
#imported_car article.carbox{
    width:99%;
	margin: 0 auto 100px auto;
     padding:0 0 30px 0;

    border-bottom:1px solid #999;
}

#imported_car h3.title{
    margin:0 auto 10px auto;
    font-size:22px;
    text-align:center;
    width:70%;

    display: inline-block;    

}


#imported_car article.carbox .left{
    width:99%;
	display:block;
	margin: 0 auto 60px auto;
	vertical-align: top;
}
#imported_car article.carbox .left img{
    width:100%;
	height: auto;
}

#imported_car article.carbox .comment{
    width:99%;
	display: block;
	margin: 0 auto 10px auto;
     text-align:left;


}
#imported_car article.carbox .comment img {/* ブログと同時チェックされた場合の対策*/
    display: none;
}
.comment p img {/* ブログと同時チェックされた場合の対策*/
    display: none;
}


/*  一覧 index(アーカイブ)用 */

#imported_car ol#carlist{
    width:80%;
    margin: 0 auto 100px auto;
    text-align:left;

}

#imported_car ol#carlist li{
    width:30%;
    float:left;
    margin:0 15px 15px 0;
    text-align:center;
    min-height:300px;

}

#imported_car ol#carlist li img{
    width:100%;
    height:auto;
    display:block;
    margin-bottom:5px;

}

#imported_car ol#carlist li p{
    font-size:14px;
    cursor:pointer;
    width: 99%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;   


}

#imported_car p.tags{
   background:url(../images/tag.png) no-repeat left center;
   padding:0 0 0 20px;
   margin:10px auto 0 auto;
   text-align:left !important;

}

#imported_car p.tags a{
  display:inline-block;
  padding:2px 5px;
  text-align:center;
  color:#FFF;
  text-decoration:none;
  font-size:13px;
  background:#000;
  margin:0 5px 3px 0; 

}



/* ----------------------------------------------------- */
/* #tags */
/* ----------------------------------------------------- */
#tags{
	width:100%;
	margin:0 auto 55px auto;
	padding:80px 0 20px 0;
       

}

#tags h2.title{
	font-size:25px;
	margin: 0 auto 80px auto;
	text-align: center;
	line-height: 1.1em;
	padding: 0 60px 4px 60px;
    border-bottom:5px solid #217705;
	display: inline-block;
}

#tags ol#bloglist{
    width:80% !important;
    margin:0 auto 10px auto;
    text-align:left;
    vertical-align:top;
    
}
#tags ol#bloglist li{
    list-style-type:none;
    margin:0 15px 25px auto;
    text-align:left;
    border:1px solid #000;
    display:inline-block;
    min-height:400px;
    padding:2px;
    width:30%;
    float:left;
    /*background:url(../images/blog_arrow.png) no-repeat center right;
    padding-right:20px;*/
    cursor:pointer;
    /*background:url(../images/blog_arrow.png) no-repeat right bottom;*/
}

#tags ol#bloglist li a{
    color:#000;
    text-decoration:none;

}


#tags ol#blogslist li a:hover{
    color:#1c992b;
    /*text-decoration:underline;*/
}
#tags ol#bloglist li:hover{
  /*  background:#f3f4f2;*/
    color:#1c992b;
}



#tags ol#bloglist li img.news-image{
     width:100%;
     height:auto;
     display:block;
     margin:0 auto 10px auto;
}

#tags ol#bloglist li img.news-image:hover{
     opacity:0.5;

}



#tags .blogwrap{
    width:100%;
    margin:0 auto 30px auto;
    text-align:left;    
}

#tags h3.bloglist_title{
    font-family: 'Noto Sans JP', sans-serif;
    font-size:22px;
    font-weight:400;
    margin:0 10px 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;


}

#tags ol#bloglist li time{
    font-size:14px;
    font-family: 'Noto Sans JP', sans-serif;
    margin:0 auto 5px 10px;


}
#tags ol#bloglist li p{
    margin:0 10px 5px 10px;
    font-size:14px;
}


#tags article.blog_footer{
    width:80%;
    margin:0 auto 20px auto;
    padding:0 0 30px 0;

}





/* ----------------------------------------------------- */
/* #blog */
/* ----------------------------------------------------- */



#blog{
	width:100%;
	margin:0 auto 55px auto;
	padding:80px 0 20px 0;
       

}

#blog h2.title{
	font-size:25px;
	margin: 0 auto 50px auto;
	text-align: center;
	line-height: 1.1em;
	padding: 0 60px 4px 60px;
    border-bottom:5px solid #38c0ff;
	display: inline-block;
}




#blog .blogwrap{
    width:100%;
    margin:0 auto 30px auto;
    text-align:left;    
}



#blog article.blog_header{
    width:100%;
    margin: 0 auto 20px auto;
    /*background:#eff7eb;*/
    padding:20px 0;
    border-top: 10px solid #CCC;
    border-bottom: 10px solid #CCC;
}

#blog article.blog_header .inner{
    width:80%;
    margin:0 auto 10px auto;

}



#blog article.blog_header h3.title{

    margin:0 auto 5px auto;
    padding:0 5px 3px 3px;
    font-family: 'Noto Sans JP', sans-serif;
    font-size:28px;
    font-weight:600;





}

#blog article.blog_header time{
    font-size:16px;
    font-family: 'Noto Sans JP', sans-serif;
    margin:0 auto 5px 0;


}

#blog article.blog_header p.blog_category{
    background:#000;
    display:inline-block;
    font-size:14px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align:center;
    padding:5px 10px;
    color:#FFF;
}

#blog article.blog_header p.blog_category a{
   color:#FFF;
   text-decoration:none;

}



#blog article.blog_body{
    width:80%;
    margin:0 auto 20px auto;

}




#blog article.blog_body p{
   margin:0 auto 15px 0;


}


#blog article.blog_body #eyecatch_area img{
   /*width:30%;*/
   width:100% !important;
   height:auto;
   display:block;
   /*display:inline-block;*/
   /*margin:0 10px 10px auto;*/
   margin:0 auto 15px auto;

}
#blog article.blog_body p img{
   width:45%;
   height:auto;
   margin:0 10px 10px auto;
   display:inline-block;
}

#blog article.blog_body div {
    width: 80% !important;
}

#blog article.blog_body div img{
    width:100% !important;
    height:auto !important;
}


#blog article.blog_footer{
    width:80%;
    margin:0 auto 20px auto;
    padding:0 0 30px 0;

}


#blog ol#bloglist{
    width:80%;
    margin:0 auto 10px auto;
    text-align:left;
    
}
#blog ol#bloglist li{
    list-style-type:none;
    margin:0 auto 25px 0;
    text-align:left;

}

#blog img.news-image{
    display:block;
    margin:0 auto 15px 0;
    width:80% !important;
    height:auto;


}


#blog article.blog_footer p.tags{
   margin:0 auto 10px 0;
   font-size:13px;

}


#blog article.sns_box1{ /* Instagram */
   width:50%;
   margin:0 auto 20px auto;

}
#blog article.sns_box1 blockquote{
   max-width:100%;
   height:auto;

}
#blog article.sns_box1 iframe{
   width:100%;
   height:1000px;

}

#blog article.sns_box2{ /* TikTok */
   width:50%;
   margin:0 auto 20px auto;

}
#blog article.sns_box2 blockquote{
   max-width:100%;
   height:auto;

}
#blog article.sns_box2 iframe{
   width:100%;
   height:1000px;

}


#blog article.sns_box3{ /* YouTube */
   width:70%;
   margin:0 auto;

}

#blog article.sns_box3 iframe{
   width:100%;
   height:500px;

}

#blog article.blog_footer p.tags{
   background:url(../images/tag.png) no-repeat left center;
   padding:0 0 0 20px;

}

#blog article.blog_footer p.tags a{
  display:inline-block;
  padding:2px 5px;
  text-align:center;
  color:#FFF;
  text-decoration:none;
  font-size:13px;
  background:#000;
  margin:0 5px 3px 0; 

}





/* ----------------------------------------------------- */
/* #carlist  詳細ページに反映 */
/* ----------------------------------------------------- */


#carlist{
	width:100%;
	margin:0 auto 55px auto;
	padding:80px 0 20px 0;
        position:relative;

}

#carlist h2.title{
	font-size:25px;
	margin: 0 auto 80px auto;
	text-align: center;
	line-height: 1.1em;
	padding: 0 60px 4px 60px;
    border-bottom:5px solid #217705;
	display: inline-block;
}




#carlist .blogwrap{
    width:100%;
    margin:0 auto 30px auto;
    text-align:left;    
}



#carlist article.blog_header{
    width:100%;
    margin: 0 auto 20px auto;
    /*background:#eff7eb;*/
    padding:20px 0;
    border-top: 10px solid #CCC;
    border-bottom: 10px solid #CCC;
}

#carlist article.blog_header .inner{
    width:80%;
    margin:0 auto 10px auto;

}



#carlist article.blog_header h3.title{

    margin:0 auto 5px auto;
    padding:0 5px 3px 3px;
    font-family: 'Noto Sans JP', sans-serif;
    font-size:28px;
    font-weight:600;





}

/*
#carlist article.blog_header time{
    font-size:16px;
    font-family: 'Noto Sans JP', sans-serif;
    margin:0 auto 5px 0;


}*/


#carlist article.blog_header p.blog_category{
    background:#000;
    display:inline-block;
    font-size:14px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align:center;
    padding:5px 10px;
    color:#FFF;
}

#carlist article.blog_header p.blog_category a{
   color:#FFF;
   text-decoration:none;

}



#carlist article.blog_body{
    width:80%;
    margin:0 auto 20px auto;

}

#carlist article.blog_body p{
   margin:0 auto 15px 0;


}

#carlist p.state{
   background:#FF9797;
   display:inline-block;
   width:20%;
   text-align:center;
   padding:10px;
   font-size:22px;
   font-weight:bold;
}

/* spec_area */
#carlist .spec_area{
    width:100%;
    margin:50px auto 30px auto;
    border-bottom:1px solid #000;
    padding-bottom:10px;

}

#carlist .spec_area h3{
    background:#000;
    color:#FFF;
    font-size:22px;
    padding:5px 0 5px 5px;
    margin:0 auto 20px 0;
}

#carlist .price_box{
    width:40%;
    display:inline-block;
    margin:0 60px 0 15px;
    vertical-align:top;
}

#carlist .price_box h4{
    font-size:18px;
    margin:0 auto 0px 0;

}

#carlist .price_box p.price{
    text-align:center;
    border-bottom:#0045AA 8px solid;
    padding-bottom:5px;
    font-size:22px;
    font-weight:bold;

}

#carlist .price_box p.price strong{
   font-size:60px;
   color:#ff7133;
   font-family: "Anton", sans-serif;
   font-weight: 400;
   font-style: normal;
   margin:0 10px;
   line-height:1.2em;

}

#carlist .wpfp-span{
   /*border: 1px solid #999999;
   background:#E2E2E2;
    padding: 5px 5px;*/
    font-size: 13px;
    font-family: "M PLUS 1", sans-serif;
   font-weight: 600;
    border-radius: 20px;
    background: #00BAB5;
    padding:5px 15px;
    margin-bottom:2px;
    margin-right:5px;
   color:#FFFFFF;
}
#carlist .wpfp-span a{
   display:inline-block;
   padding: 5px 5px;
   text-decoration:none;
   color:#FFFFFF;
}

#carlist .wpfp-span_list{
   /*border: 1px solid #999999;
   background:#E2E2E2;
    padding: 5px 5px;*/
    font-size: 13px;
    font-family: "M PLUS 1", sans-serif;
   font-weight: 600;
    border-radius: 20px;
    background: #EA49CC;
    padding:5px 15px;
    margin-bottom:2px;
    margin-right:5px;
}
#carlist .wpfp-span_list a{
   display:inline-block;
   padding: 5px 5px;
   text-decoration:none;
   color:#FFFFFF;
}



#carlist .price_right{
    width:53%;
    display:inline-block;
    margin:0 10px 0 auto;
    vertical-align:top;
}

#carlist .price_right table{
   width:99%;
   border:0;
    border-spacing: 5px;
   border-collapse:collapse;
   margin:0 auto 5px auto;
}

#carlist .price_right table th{
   font-weight:normal;
   padding:15px 10px;
   text-align:left;
   font-size:16px;
   background:#707070;
   color:#FFF;
   border-bottom:10px solid #FFF;
   width:26%;

}

#carlist .price_right table td{
   font-weight:bold;
   padding:15px 10px;
   text-align:left;
   font-size:16px;
   border-bottom:10px solid #FFF;
   background:#DDDDDD;
}

#carlist .price_right table.price_right2{
   display:none;

}


#carlist .price_right ul.contact_btn{
   width:100%;
   margin:0 auto 5px auto;

}

#carlist .price_right ul.contact_btn li{
   border:1px solid #727272;
   margin:0 5px 0 0;
   text-align:center;
   display:inline-block;
   font-size:18px;
   font-weight:bold;

}
#carlist .price_right ul.contact_btn li img{
   vertical-align:middle;
   margin-right:5px;

}


#carlist .price_right ul.contact_btn li a{
    display:block;
    padding:10px 15px;
    text-decoration:none;
}

#carlist .price_right ul.contact_btn li.line{
    background:#06C755;
    

}

#carlist .price_right ul.contact_btn li.line a{
     color:#FFF;

}

#carlist .price_right ul.contact_btn li.mail{


}
#carlist .price_right ul.contact_btn li.mail a{
     color:#000;

}

#carlist .price_right dl{
   width:100%;
   margin:0 auto;

}

#carlist .price_right dl dt{
   display:inline-block;
   text-align:center;
   padding:3px 20px;
   color:#FFF;
   font-size:18px;
   margin:0 10px 0 0;
   min-width:30%;
   background:#000;
 


}

#carlist .price_right dl dd{
   display:inline-block;
   color:#FF0000;
   font-family: "Anton", sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size:30px;
   line-height:1.1em;
   padding-top:5px;

}

#carlist .price_right dl dd img{
    width:35px;
    height:auto;
    vertical-align:middle;
    margin-right:5px;

}
#carlist .price_right dl dd a{
   color:#FF0000;
   text-decoration:none;

}


/* -- spec_table --*/

#carlist table#spec_table{
   width:95%;
   border:1px solid #999999;
   border-spacing:0;
   border-collapse:collapse;
   margin:0 auto 25px auto;   


}
#carlist table#spec_table th{
   border:1px solid #999999;
   font-weight:normal;
   padding:10px;
   text-align:left;
   font-size:14px;
   background:#E2E2E2;
   width:15%;

}

#carlist table#spec_table td{
   border:1px solid #999999;
   font-weight:normal;
   padding:10px;
   text-align:left;
   font-size:14px;
   width:25%;

}

#carlist table#spec_table2{
   display:none;

}


#carlist .other_spec{
   width:95%;
   margin:0 auto 25px auto;   
   border-bottom:1px solid #000;
   padding:0;
}

#carlist .other_spec p{
   margin:10px;

}




#carlist article.blog_footer{
    width:80%;
    margin:0 auto 20px auto;
    padding:0 0 30px 0;

}


#carlist ol#bloglist{
    width:80%;
    margin:0 auto 10px auto;
    text-align:left;
    
}
#carlist ol#bloglist li{
    list-style-type:none;
    margin:0 auto 25px 0;
    text-align:left;

}

#carlist img.news-image{
    display:block;
    margin:0 auto 15px 0;
    width:80% !important;
    height:auto;


}


#carlist article.blog_footer p.tags{
   margin:0 auto 10px 0;
   font-size:13px;

}


#carlist article.sns_box1{ /* Instagram */
   width:50%;
   margin:0 auto 20px auto;

}
#carlist article.sns_box1 blockquote{
   max-width:100%;
   height:auto;

}
#carlist article.sns_box1 iframe{
   width:100%;
   height:1000px;

}

#carlist article.sns_box2{ /* TikTok */
   width:50%;
   margin:0 auto 20px auto;

}
#carlist article.sns_box2 blockquote{
   max-width:100%;
   height:auto;

}
#carlist article.sns_box2 iframe{
   width:100%;
   height:1000px;

}


#carlist article.sns_box3{ /* YouTube */
   width:70%;
   margin:0 auto;

}

#carlist article.sns_box3 iframe{
   width:100%;
   height:500px;

}

#carlist article.blog_footer p.tags{
   background:url(../images/tag.png) no-repeat left center;
   padding:0 0 0 20px;

}

#carlist article.blog_footer p.tags a{
  display:inline-block;
  padding:2px 5px;
  text-align:center;
  color:#FFF;
  text-decoration:none;
  font-size:13px;
  background:#000;
  margin:0 5px 3px 0; 

}

/* contact form */

#carlist .contactform_area{

   width:100%;
   margin:0 auto 25px auto;   

}
#carlist .contactform_area h3{
    background:#000;
    color:#FFF;
    font-size:22px;
    padding:5px 0 5px 5px;
    margin:0 auto 20px 0;

}

#carlist .contactform_area form{

}


input[type="radio"]{
    height: 1.5em;
    display: inline;
    text-align: left;
    width: 1.5em;
    margin-bottom: 15px;
   
}



/* slick */

.slider{
    margin: 100px auto 20px auto;
    width: 80%;
}

.thumb{
    margin: 0 auto 10px auto;
    width: 80%;
}


.slider img,
.thumb img{
	height: auto;
	width: 100%;
}/*slick setting*/

/*.slick-prev:before,
.slick-next:before{
    color: #000;
}
*/

#slick_box{

    z-index:99999;
    margin:0 auto;
    text-align:center;
}


ul.slider{
    position:relative;

}
ul.slider li{
    position:relative;
}
ul.slider li img{
    position:relative;
}


ul.slider img.soldout{
    z-index:999999;
    position: absolute;
    top:0;
    left:0;
    width:30% !important;
    height:auto;

}

ul.slider button.slick-prev,
ul.slider button.slick-next{

   display:none !important;
}

/* hoverズーム  */
.slick-initialized .slick-slide{
   overflow:hidden;

}
.thumb img{
   transition:1s all;
}
.thumb img:hover{
   transform:scale(1.2,1.2);
   transition:1s all;
}


/* ----------------------------------------------------- */
/*  #related_article 関連記事   */
/* ----------------------------------------------------- */

#related_article{
   width:100%;
   margin:0 auto 20px auto;
   padding-top:80px;


}
#related_article article{
   width:80%;
   margin:0 auto;

}

#related_article h3{
    background:#000000 !important;
    color:#FFF !important;
    font-size:22px !important;
    padding:5px 0 5px 5px !important;
    margin:0 auto 20px auto !important;

}


#related_article ol#clist{
    width:95%;
    margin:0 auto 10px auto;
    text-align:left;
    vertical-align:top;
    
}
#related_article ol#clist li{
    list-style-type:none;
    margin:0 15px 25px auto;
    text-align:left;
    border:1px solid #000;
    display:inline-block;
    min-height:400px;
    padding:2px;
    width:30%;
    /*float:left;*/
    /*background:url(../images/blog_arrow.png) no-repeat center right;
    padding-right:20px;*/
    cursor:pointer;
    /*background:url(../images/blog_arrow.png) no-repeat right bottom;*/
    position:relative;
    overflow: hidden;
    vertical-align:top;
}

#related_article ol#clist li a{
    color:#000;
    text-decoration:none;

}


#related_article ol#clist li a:hover{
    color:#1c992b;
    /*text-decoration:underline;*/
}
#related_article ol#clist li:hover{
  /*  background:#f3f4f2;*/
    color:#1c992b;
}

#related_article ol#clist li p.sp2{
    display:none;
}

#related_article ol#clist li img{
     width:100%;
     height:auto;
     display:block;
     margin:0 auto 10px auto;
}

#related_article ol#clist li img.news-image:hover{
     opacity:0.5;

}

#related_article ol#clist li img.soldout{
    z-index:999999;
    position: absolute;
    top:1px;
    left:1px;
    width:30%;
    height:auto;

}

#related_article .cwrap{
    width:100%;
    margin:0 auto 30px auto;
    text-align:left;    
}

#related_article h4{
    font-family: 'Noto Sans JP', sans-serif;
    font-size:22px;
    font-weight:400;
    margin:0 10px 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom:2px solid #1634a3;


}

/*
#carlist ol#clist li time{
    font-size:14px;
    font-family: 'Noto Sans JP', sans-serif;
    margin:0 auto 5px 10px;


}*/


#related_article ol#clist li p{
    margin:0 10px 5px 10px;
    font-size:14px;

}


#related_article ol#clist li p.price{
   font-weight:bold;
   display:inline;
   margin-left:10px;  
}
#related_article ol#clist li p.price strong{
   font-size:40px;
   color:#ff7133;
   font-family: "Anton", sans-serif;
   font-weight: 400;
   font-style: normal;


}


#related_article ol#clist li p.state_1{
   font-size:20px;
   display:inline-block;
   width:3em;
   padding:2px 8px;
   background:#005dcc;
   color:#FFF;
   font-weight:bold;
   vertical-align:middle;
   margin: -30px 0 0 0;
}


/*

#carlist article.blog_header{
    width:100%;
    margin: 0 auto 20px auto;
   
    padding:20px 0;
    border-top: 10px solid #CCC;
    border-bottom: 10px solid #CCC;
}

#carlist article.blog_header .inner{
    width:80%;
    margin:0 auto 10px auto;

}



#carlist article.blog_header h3.title{

    margin:0 auto 5px auto;
    padding:0 5px 3px 3px;
    font-family: 'Noto Sans JP', sans-serif;
    font-size:28px;
    font-weight:600;





}



#carlist article.blog_header p.blog_category{
    background:#000;
    display:inline-block;
    font-size:14px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align:center;
    padding:5px 10px;
    color:#FFF;
}

#carlist article.blog_header p.blog_category a{
   color:#FFF;
   text-decoration:none;

}



#carlist article.blog_body{
    width:80%;
    margin:0 auto 20px auto;

}

#carlist article.blog_body p{
   margin:0 auto 15px 0;


}


#carlist article.blog_body img{
   width:30%;
   height:auto;
   display:inline-block;
   margin:0 10px 10px auto;

}
*/


#related_article article.c_footer{
    width:80%;
    margin:0 auto 20px auto;
    padding:0 0 30px 0;

}

#related_article p.tags{
   margin:10px auto 0 auto;
   text-align:left !important;

}

#related_article p.tags a{
/*  display:inline-block;
  padding:2px 5px;
  text-align:center;
  color:#FFF !important;
  text-decoration:none;
  font-size:13px;
  background:#000;
  margin:0 5px 3px 0; */

  display:inline-block;
  padding:2px 2px 5px 15px;
  text-align:left;
  background:url(../images/tag.png) no-repeat top left;
  font-size:14px;
  margin:0 5px 3px 0;
}

#related_article ol#clist li p.c_category{
    background:#000 !important;
    display:block !important;
    font-size:13px !important;
    font-family: 'Noto Sans JP', sans-serif !important;
    text-align:center !important;
    padding:3px 10px !important;
    color:#FFF !important;
    clear:both;
}

#related_article ol#clist li p.c_category a{
   color:#FFF !important;
   text-decoration:none !important;

}


/* ----------------------------------------------------- */
/*  favorite.php   */
/* ----------------------------------------------------- */


#favorite{
	width:100%;
	margin:0 auto 55px auto;
	padding:80px 0 20px 0;
        position:relative;

}

#favorite h2.title{
	font-size:25px;
	margin: 0 auto 80px auto;
	text-align: center;
	line-height: 1.1em;
	padding: 0 60px 4px 60px;
    border-bottom:5px solid #217705;
	display: inline-block;
}




#favorite .blogwrap{
    width:100%;
    margin:0 auto 30px auto;
    text-align:left;    
}



#favorite article.blog_header{
    width:100%;
    margin: 0 auto 20px auto;
    /*background:#eff7eb;*/
    padding:20px 0;
    border-top: 10px solid #CCC;
    border-bottom: 10px solid #CCC;
}

#favorite article.blog_header .inner{
    width:80%;
    margin:0 auto 10px auto;

}



#favorite article.blog_header h3.title{

    margin:0 auto 5px auto;
    padding:0 5px 3px 3px;
    font-family: "M PLUS 1", sans-serif;
    font-size:28px;
    font-weight:600;


}

#favorite .wpfp-span{
    width:99%;
    margin:0 auto;


}

#favorite .wpfp-span ul{
    width:99%;
    margin:0 auto;
}


#favorite .wpfp-span ul li{
   width:80%;
   margin:0 auto 20px auto;
   border:1px solid #000000;
   padding:2px;
   min-height:100px;

}
#favorite .wpfp-span ul li dl{
   width:100%;
   vertical-align:top;


}
#favorite .wpfp-span ul li dl dt{
   width:40%;
   display:inline-block;
   vertical-align:top;
   margin:0 10px 0 0;

}
#favorite .wpfp-span ul li dl dt img{
   display:block;
   width:100%;
   height:auto;
}

#favorite .wpfp-span ul li dl dd{
   width:48%;
   display:inline-block;
   vertical-align:top;
   margin:0 auto 0 0;

}
#favorite .wpfp-span ul li dl dd h3{
    font-family: "M PLUS 1", sans-serif;
    font-size:18px;
    font-weight:600;
    margin:5px auto 5px 0;
    line-height:1.1em;
}

#favorite .wpfp-span ul li dl dd h4{
    font-size:16px;
    padding-bottom:2px;
    border-bottom:1px dotted #000000;
    line-height:1.1em;
    margin:10px auto 10px 0;

}
#favorite .wpfp-span ul li dl dd h4 strong{
   font-size:30px;
   color:#ff7133;
   font-family: "Anton", sans-serif;
   font-weight: 400;
   font-style: normal;

}


#favorite .wpfp-span img.wpfp-img{
   display:none;

}

#favorite .wpfp-span a.remove-parent{

}
/*
#favorite .wpfp-span a.wpfp-link{
   border: 1px solid #999999;
   background:#E2E2E2;
    padding:2px 5px;
    text-align:center;
    display:inline-block;
    color:#000000;
    font-size: 13px;
    font-family: "M PLUS 1", sans-serif;
   font-weight: 600;
   border-radius:3px;
   text-decoration:none;
}*/

#favorite .wpfp-span a.wpfp-link{

    font-size: 13px;
    font-family: "M PLUS 1", sans-serif;
   font-weight: 600;
    border-radius: 20px;
    background: #A4C5FF;
    padding:5px 15px;
    margin-bottom:2px;
    margin-right:5px;
    color:#333333;
    text-decoration:none;
}
/*
#carlist .wpfp-span_list a{
   display:inline-block;
   padding: 5px 5px;
   text-decoration:none;
   color:#FFFFFF;
}
*/



#favorite .wpfp-span p.listclear{ /* リストを削除しました */

}


#favorite p.back_arrow{
    margin-top:10px;

}


/* ----------------------------------------------------- */
/* #s_carlist   search.phpに反映(普通の一覧) */
/* ----------------------------------------------------- */



#s_carlist{
	width:100%;
	margin:0 auto 55px auto;
	padding:80px 0 20px 0;
       

}

#s_carlist h2.title{
	font-size:25px;
	margin: 0 auto 80px auto;
	text-align: center;
	line-height: 1.1em;
	padding: 0 60px 4px 60px;
    border-bottom:5px solid #217705;
	display: inline-block;
}

#allview h3.title_all{
    background:#000000 !important;
    color:#FFF !important;
    font-size:22px !important;
    padding:5px 0 5px 5px !important;
    margin:0 auto 20px auto !important;
    width:80% !important;
}


#s_carlist ol#clist{
    width:80% !important;
    margin:0 auto 10px auto;
    text-align:left;
    vertical-align:top;
    
}
#s_carlist ol#clist li{
    list-style-type:none;
    margin:0 15px 25px auto;
    text-align:left;
    border:1px solid #000;
    display:inline-block;
    min-height:400px;
    padding:2px;
    width:30%;
    /*float:left;*/
    /*background:url(../images/blog_arrow.png) no-repeat center right;
    padding-right:20px;*/
    cursor:pointer;
    /*background:url(../images/blog_arrow.png) no-repeat right bottom;*/
    position:relative;
    overflow: hidden;
    vertical-align:top;
}

#s_carlist ol#clist li a{
    color:#000;
    text-decoration:none;

}


#s_carlist ol#clist li a:hover{
    color:#1c992b;
    /*text-decoration:underline;*/
}
#s_carlist ol#clist li:hover{
  /*  background:#f3f4f2;*/
    color:#1c992b;
}

#s_carlist ol#clist li p.sp2{
    display:none;
}

#s_carlist ol#clist li img.news-image{
     width:100%;
     height:auto;
     display:block;
     margin:0 auto 10px auto;
}

#s_carlist ol#clist li img.news-image:hover{
     opacity:0.5;

}

#s_carlist ol#clist li img.soldout{
    z-index:999999;
    position: absolute;
    top:1px;
    left:1px;
    width:30%;
    height:auto;

}

#s_carlist .cwrap{
    width:100%;
    margin:0 auto 30px auto;
    text-align:left;    
}

#s_carlist h3.clist_title{
    font-family: 'Noto Sans JP', sans-serif;
    font-size:22px;
    font-weight:400;
    margin:0 10px 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom:2px solid #1634a3;


}

/*
#carlist ol#clist li time{
    font-size:14px;
    font-family: 'Noto Sans JP', sans-serif;
    margin:0 auto 5px 10px;


}*/


#s_carlist ol#clist li p{
    margin:0 10px 5px 10px;
    font-size:14px;

}


#s_carlist ol#clist li p.price{
   font-weight:bold;
   display:inline;
   margin-left:10px;  
}
#s_carlist ol#clist li p.price strong{
   font-size:40px;
   color:#ff7133;
   font-family: "Anton", sans-serif;
   font-weight: 400;
   font-style: normal;


}


#s_carlist ol#clist li p.state_1{
   font-size:20px;
   display:inline-block;
   width:3em;
   padding:2px 8px;
   background:#005dcc;
   color:#FFF;
   font-weight:bold;
   vertical-align:middle;
   margin: -30px 0 0 0;
}


/*

#carlist article.blog_header{
    width:100%;
    margin: 0 auto 20px auto;
   
    padding:20px 0;
    border-top: 10px solid #CCC;
    border-bottom: 10px solid #CCC;
}

#carlist article.blog_header .inner{
    width:80%;
    margin:0 auto 10px auto;

}



#carlist article.blog_header h3.title{

    margin:0 auto 5px auto;
    padding:0 5px 3px 3px;
    font-family: 'Noto Sans JP', sans-serif;
    font-size:28px;
    font-weight:600;





}



#carlist article.blog_header p.blog_category{
    background:#000;
    display:inline-block;
    font-size:14px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align:center;
    padding:5px 10px;
    color:#FFF;
}

#carlist article.blog_header p.blog_category a{
   color:#FFF;
   text-decoration:none;

}



#carlist article.blog_body{
    width:80%;
    margin:0 auto 20px auto;

}

#carlist article.blog_body p{
   margin:0 auto 15px 0;


}


#carlist article.blog_body img{
   width:30%;
   height:auto;
   display:inline-block;
   margin:0 10px 10px auto;

}
*/


#s_carlist article.c_footer{
    width:80%;
    margin:0 auto 20px auto;
    padding:0 0 30px 0;

}

#s_carlist p.tags{
   margin:10px auto 0 auto;
   text-align:left !important;

}

#s_carlist p.tags a{
/*  display:inline-block;
  padding:2px 5px;
  text-align:center;
  color:#FFF !important;
  text-decoration:none;
  font-size:13px;
  background:#000;
  margin:0 5px 3px 0; */

  display:inline-block;
  padding:2px 2px 5px 15px;
  text-align:left;
  background:url(../images/tag.png) no-repeat top left;
  font-size:14px;
  margin:0 5px 3px 0;
}

#s_carlist ol#clist li p.c_category{
    background:#000 !important;
    display:block !important;
    font-size:13px !important;
    font-family: 'Noto Sans JP', sans-serif !important;
    text-align:center !important;
    padding:3px 10px !important;
    color:#FFF !important;
    clear:both;
}

#s_carlist ol#clist li p.c_category a{
   color:#FFF !important;
   text-decoration:none !important;

}


/* ----------------------------------------------------- */
/* #s_carlist   search.phpに反映(本文＋プラグイン部分) */
/* ----------------------------------------------------- */



#search_wrap{
   width:100%;
   margin:0 auto 30px auto;
   padding-bottom:10px;
}

#search_wrap h3{
    background:#000;
    color:#FFF;
    font-size:22px;
    padding:5px 0 5px 5px;
    margin:0 auto 20px auto;


}
#search_wrap .search_inner{
   width:80%;
   margin:0 auto 20px auto;
   /*border:1px solid #999;*/
  /* border-left:1px solid #999;*/

}
#search_wrap .results_inner{
   width:80%;
   margin:0 auto 100px auto;
   text-align:left;
   clear:both;
}


#search_wrap .search_inner .search_left{
   float:left;
   width:60%;
   margin:0 20px 30px 0;
   border-right:1px solid #999;
   padding-right:20px;
}

#search_wrap .search_inner .search_left h3.loan_title{
 /*  background:url(../images/search/text_bg1.png) repeat-x #FFFFFF bottom center;
   padding:0 10px 15px 10px;*/
   background:url(../images/search/text_bg1.png) repeat-x #FFFFFF center center;
   padding:0 10px 3px 10px;
   color:#000000;
   font-size:35px;
   font-weight:600;
   text-align:center;
   display:inline-block;
   font-family: "M PLUS 1", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;

   margin:0 auto 40px auto;
}
#search_wrap .search_inner .search_left h3.loan_title span{
   display:block;
   font-size:16px;
}
#search_wrap .search_inner .search_left h3.loan_title br{
   display:none;
}

#search_wrap .search_inner .search_left dl{
   width:90%;
   margin:0 auto 50px auto;
   position:relative;

}
#search_wrap .search_inner .search_left dl dt{
   display:inline-block;
   background:#000000;
   padding:5px 15px;
   color:#FFFFFF;
   font-family: "M PLUS 1", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;
   font-weight:600;
   font-size:16px;
   z-index:60;
   position:relative;   
    float: left;
}
#search_wrap .search_inner .search_left dl dt img{
   margin:0 5px 0 0;
   vertical-align:middle;

}

#search_wrap .search_inner .search_left dl dd{
   background:#EAE4DC;
   width:90%;
   position:relative;
   top:15px;
   left:20px;
}


#search_wrap .search_inner .search_left dl dd ul{
   width:90%;
   margin:0 auto;
   padding:10px;
   font-family: "M PLUS 1", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;
   font-weight:600;
   font-size:16px;
   text-align:left;
   padding-top:40px;
   padding-bottom:20px;
}

#search_wrap .search_inner .search_left dl dd ul li{
   /*display:inline-block;*/
   width:45%;
   margin:0 15px 10px 0;
   float:left;
}

#search_wrap .search_inner .search_left h4{
   font-family: "M PLUS 1", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;
   font-weight:600;
   font-size:23px;
   margin:0 auto 60px auto;
}

#search_wrap .search_inner .search_left h4 strong{
   display:block;
}

#search_wrap .search_inner .search_left h4 strong span{
   background:linear-gradient(transparent 60%, #FFE400 0%) ;
   padding:0 5px 5px 5px;
   display:inline-block;
}

#search_wrap .search_inner .search_left p.p1{
   font-family: "M PLUS 1", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;
   font-weight:600;
   font-size:20px;
   margin:0 auto 100px auto;
}
#search_wrap .search_inner .search_left p.p1 strong{
   display:block;

}
#search_wrap .search_inner .search_left p.p1 strong span{
   background:linear-gradient(transparent 60%, #FF6C9D 0%) ;
   padding:0 5px 5px 5px;
   display:inline-block;
   font-size:24px;

}


#search_wrap .search_inner .search_left p.p2{
   font-family: "M PLUS 1", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;
   font-weight:600;
   font-size:20px;
   margin:0 auto 30px auto;

}
#search_wrap .search_inner .search_left p.p2 strong{
   display:block;

}

#search_wrap .search_inner .search_left p.p2 strong span{
   display:inline-box;
   padding:5px;
   background:#F7E8D5;
   line-height:2.5em;

}



#search_wrap .search_inner .search_left img.car_img{
    margin:0 auto 30px auto;
    width:100%;
    height:auto;

}


#search_wrap .search_inner .search_left p.p3{
   font-family: "M PLUS 1", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;
   font-weight:600;
   font-size:25px;
   margin:0 auto 60px auto;

}
#search_wrap .search_inner .search_left p.p3 strong{
   display:block;

}
#search_wrap .search_inner .search_left p.p3 strong span{
   background:linear-gradient(transparent 60%, #72D3D3 0%) ;
   padding:0 5px 5px 5px;
   display:inline-block;

}

#search_wrap .search_inner .search_box{
   float:left;
  /* border-left:1px solid #999;*/
   width:25%;
/*   padding:5px 10px 20px 20px;*/
   padding:5px 10px 20px 0;
   margin:0 auto 60px 0;
}




#search_wrap .search_inner .search_box ul{
   width:98%;
   margin:0 auto;
   padding:10px;
}

#search_wrap .search_inner .search_box ul li{
   text-align:left;
}
#search_wrap .search_inner .search_box ul li h4{
   text-align:left;
   /*background:#C5DDFF;*/
   background:#EFEFEF;
   padding:5px;
   margin-bottom:10px;
}

li.sf-level-0 {
    display: inline-block !important;
    margin-right: 25px !important;
}


li.sf-field-submit{
    display: inline-block !important;
    margin-right: 15px !important;

}

li.sf-field-submit input{
    border:none;
    background:#0C00FF;
    border-radius:20px;
    padding:5px 15px;
    color:#FFFFFF;
    font-size:16px;
}

li.sf-field-submit input:hover{
    opacity:0.5;
}

li.sf-field-reset{
    display: inline-block !important;
    margin-right: 15px !important;
}

li.sf-field-reset a{
    display:inline-block;
    background:#8DA2B2;
    border-radius:20px;
    padding:5px 15px;
    color:#FFFFFF;
    text-align:center;
    text-decoration:none;

}
li.sf-field-reset a:hover{
    opacity:0.5;

}


#search_wrap .results_inner .search-filter-results p.data{
    margin-bottom:30px;
    text-align:center;
    margin:0 auto 20px auto;

}


#search_wrap .results_inner .search-filter-results h5{
   font-size:22px;
   margin:0 auto 60px auto;
   font-weight:bold;
}


#search_wrap .results_inner .search-filter-results .results_data_box{
    list-style-type:none;
    margin:0 15px 25px auto;
    text-align:left;
    border:1px solid #000;
    display:inline-block;
    min-height:400px;
    padding:2px;
    width:30%;

    position:relative;
    overflow: hidden;
    vertical-align:top;


}


#search_wrap .results_inner .search-filter-results .results_data_box article{
    margin:2px;
    width:100%;
    margin:0 auto;
    position:relative;
}
#search_wrap .results_inner .search-filter-results .results_data_box article img{
 /*    width:100%;
     height:auto;*/
     display:block;
     margin:0 auto 10px auto;
    position:relative;
    width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
}

#search_wrap .results_inner .search-filter-results .results_data_box article img.soldout{
    z-index:999999;
    position: absolute;
    top:1px;
    left:1px;
    width:30%;
    height:auto;

}




#search_wrap .results_inner .search-filter-results .results_data_box article h3{
    font-family: 'Noto Sans JP', sans-serif;
    font-size:18px;
    font-weight:400;
    margin:0 10px 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom:2px solid #1634a3;
    background:none;
    padding:0;
    color:#000000;

}
#search_wrap .results_inner .search-filter-results .results_data_box article h3 a{
    text-decoration:none;
    color:#000000;

}

#search_wrap .results_inner .search-filter-results .results_data_box article p{
    margin:0 10px 5px 10px;
    font-size:14px;
}

#search_wrap .results_inner .search-filter-results .results_data_box article p.price{
   font-weight:bold;
   display:inline;
   margin-left:10px; 
}
#search_wrap .results_inner .search-filter-results .results_data_box article p.price strong{
   font-size:40px;
   color:#ff7133;
   font-family: "Anton", sans-serif;
   font-weight: 400;
   font-style: normal;
}

#search_wrap .results_inner .search-filter-results .results_data_box article p.c_category{
    background:#000 !important;
    display:block !important;
    font-size:13px !important;
    font-family: 'Noto Sans JP', sans-serif !important;
    text-align:center !important;
    padding:3px 10px !important;
    color:#FFF !important;
    clear:both;

}


#search_wrap .results_inner .s_pagination{
    margin:0 auto 5px auto;

}

#search_wrap .results_inner .s_pagination .nav-previous{
    display:inline-block;
    text-align:center;


}
#search_wrap .results_inner .s_pagination .nav-next{
    display:inline-block;
    text-align:center;
}
 
#search_wrap .results_inner .s_pagination .nav-previous a{
    display:block;
    background:#0000D1;
    border-radius:20px;
    padding:5px 15px;
    text-decoration:none;
    color:#FFFFFF;
   

}
#search_wrap .results_inner .s_pagination .nav-next a{
    display:block;
    background:#0000D1;
    border-radius:20px;
    padding:5px 15px;
    text-decoration:none;
    color:#FFFFFF;
}

#search_wrap .results_inner .s_pagination .nav-previous span:nth-child(2){
   margin-left:15px;
}

#search_wrap .results_inner .s_pagination .nav-next a:hover,
#search_wrap .results_inner .s_pagination .nav-previous a:hover{
   opacity:0.5;
}

/*
#allview{
   width:100%;
   margin:0 auto 20px auto;

}
*/





/* ----------------------------------------------------- */
/* #shop  ※表には出していない店舗詳細に反映(検索で出るので) */
/* ----------------------------------------------------- */

#shop{
	width:100%;
	margin:0 auto 25px auto;
	padding:80px 0 20px 0;

}

#shop h2{
	font-size:25px;
	margin: 0 auto 80px auto;
	text-align: center;
	line-height: 1.1em;
	padding: 0 60px 4px 60px;
    border-bottom:5px solid #217705;
	display: inline-block;
}


#shop article{
    width:70%;
	margin: 0 auto 100px auto;
}

#shop article .left{
    width:30%;
	display: inline-block;
	margin: 0 30px 20px 0;
	vertical-align: top;
}
#shop article .left img{
    width:100%;
	height: auto;
}

#shop article dl{
    width:65%;
	display: inline-block;
	margin: 0 auto 10px 0;


}

#shop article dl dt{
    width:6em;
	float: left;
	clear: left;
    margin: 0 20px 10px 0;
	font-size:16px;
	text-align: left;
}



#shop article dl dd{
	float: left;
	font-size:16px;
    margin: 0 auto 10px 0;
	text-align: left;
}

#shop article .map{
    width:100%;
	margin: 0 auto;
	clear: both;
}

#shop article .map iframe{
    width:100%;
	height: 400px;
	margin: 0 auto;
}