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




/* ----------------------------------------------------- */
/* #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 #38c0ff;
	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;
    text-align:left;
}


#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;

}



/* ----------------------------------------------------- */
/* #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 #38c0ff;
	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;

}