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

/* ----------------------------------------------------- */
/* #main_image */
/* ----------------------------------------------------- */

#main_image{
    width:100%;
    margin: 0 auto;
    position:relative;

}
#main_image img{
    width:100%;
    height:auto;
    display:block;
}






/* ----------------------------------------------------- */
/* #search_car  */
/* ----------------------------------------------------- */

#search_car{
   width:100%;
   margin:0 auto 25px auto;
   padding:60px 0 0 0;

}

#search_car article{
    width:70%;
    margin:0 auto 70px auto;


}


#search_car article dl{
    width:100%;
    margin:0 auto 25px auto;
}

#search_car article dl dt{
    width:100%;
    border-bottom:10px solid #15552d;
    margin:0 0 20px 0;
    text-align:left;
    padding:0; 

}
#search_car article dl dt span{
    font-size:20px;
    display:inline-block;
    color:#FFF;
    padding:3px 0 0 0;
    text-align:center;
    font-weight:bold;
    background:#15552d;
    width:25%;
    
}


#search_car article dl dt img{
    width:auto;
    height:25px;
    display:inline-block;

}

#search_car article dl dd{
   width:100%;
   margin:0 auto 45px auto;

}


#search_car article dl dd ul{
   width:95%;
   margin:0 auto;

}


#search_car article dl dd ul li{
   font-size:12px;
   text-align:center;
   display:inline-block;
   margin:0 15px 0 0;
}

#search_car article dl dd ul li img{
   display:block;
   width:auto;
   margin:0 auto 5px auto;
   vertical-align:top;
}

#search_car article dl dd ul li a{
   text-decoration:none;
   color:#000;
   display:block;

}


#search_car article dl dd ul.bodytype li img{
   height:55px;
}

#search_car article dl dd ul.bodytype li:last-child{
   background:url(../images/top/bt_bg.png) no-repeat center right #e5e5e5;
   border-radius:4px;
   height:70px;
   vertical-align:middle;
   margin-top:-45px;



}
#search_car article dl dd ul.bodytype li:last-child a{
   display:block;
   padding:25px;

}
/*
#search_car article dl dd ul.bodytype li:last-child a:hover{
   background:url(../images/top/bt_bg.png) no-repeat center right #d3d3d3;
   border-radius:4px;

}*/



#search_car article dl dd ul.bland{
   border-bottom:1px solid #000;
   padding-bottom:10px;
   margin-bottom:10px;

}
#search_car article dl dd ul.bland li img{
   height:45px;

}
#search_car article dl dd ul.bland li{
   margin-right:30px;
  
}

#search_car article dl dd ul.bland li:last-child{
   background:url(../images/top/bt_bg.png) no-repeat center right #e5e5e5;
   border-radius:4px;
   height:70px;
   vertical-align:middle;
   margin-top:-45px;
   margin-left:20px;
   line-height:1.1em;


}

#search_car article dl dd ul.bland li:last-child a{
   display:block;
   padding:20px 25px 25px 25px;
}


#search_car article dl dd ul.bland2 li{
   font-size:12px;
   text-align:center;
   display:inline-block;
   margin:0 15px 0 0;

}
#search_car article dl dd ul.bland2 li img{
   height:45px;

}

#search_car article dl dd ul.bland2 li{
   margin-right:25px;
   vertical-align:top;
   line-height:1.1em;
  
}


#search_car article dl dd ul.bland2 li:last-child{
   background:url(../images/top/bt_bg.png) no-repeat center right #e5e5e5;
   border-radius:4px;
   height:70px;
   vertical-align:middle;
 /*  margin-left:-20px;*/



}

#search_car article dl dd ul.bland2 li:last-child a{
   display:block;
   padding:20px 25px 25px 25px;
}

#search_car article dl dd ul.bodycolor{
    padding-top:10px;

}



#search_car article dl dd ul.bodycolor li{
   font-size:14px;
   margin-right:18px;
   line-height:2em;
}


#search_car article dl dd ul.bodycolor li span{
   display:block;
   font-size:40px;

}

#search_car article dl dd ul.bodycolor li span.red{
   color:#ff0000;
}

#search_car article dl dd ul.bodycolor li span.yellow{
   color:#fff200;
}

#search_car article dl dd ul.bodycolor li span.green{
   color:#00a00b;
}

#search_car article dl dd ul.bodycolor li span.silver{
   color:#bcbcbc;
}

#search_car article dl dd ul.bodycolor li span.gold{
   color:#c6b377;
}

#search_car article dl dd ul.bodycolor li span.purple{
   color:#be5aff;
}

#search_car article dl dd ul.bodycolor li span.pink{
   color:#ff92ce;
}

#search_car article dl dd ul.bodycolor li span.brown{
   color:#8e5140;
}

#search_car article dl dd ul.bodycolor li span.orange{
   color:#ff8b00;
}

#search_car article dl dd ul.bodycolor li:last-child{
   background:url(../images/top/bt_bg.png) no-repeat center right #e5e5e5;
   border-radius:4px;
   height:70px;
   vertical-align:middle;
   margin-top:-40px;
}

#search_car article dl dd ul.bodycolor li:last-child a{
   display:block;
   padding:20px 25px 25px 25px;
   font-size:12px;
}


#search_car article dl dd ul.monthly_fee{
    padding-top:5px;
    vertical-align:top;

}



#search_car article dl dd ul.monthly_fee li{

   margin-right:18px;
   background:#e5e5e5;
   border-radius:4px;

}

#search_car article dl dd ul.monthly_fee li span{
   font-weight:bold;
   font-size:16px;
   border-bottom:1px solid #000;
   padding-bottom:5px;
}

#search_car article dl dd ul.monthly_fee li a{
   display:block;
   padding:20px 20px 40px 20px;

}

#search_car article dl dd ul.monthly_fee li:last-child{
   background:url(../images/top/bt_bg.png) no-repeat center right #e5e5e5;
   border-radius:4px;
   height:75px;
   vertical-align:middle;
   padding:10px 5px 0 0;
   margin-top:15px;

}
#search_car article dl.keyword{
    width:100%;
    margin:0 auto 25px auto;
    border-top:10px solid #15552d;
    padding-top:40px;
    display: flex;
    align-items: center;
}

#search_car article dl.keyword dt{
 /*   float:left;*/
    margin:0 25px 0 30px;
    background:#15552d;
    color:#FFF;
    font-size:20px;
    display:inline-block;
    text-align:center;
    font-weight:bold;
    /*width:25%;*/
    flex: 0 0 25%;
    border-bottom:0;
    padding:8px 0;
    vertical-align: middle;
}

#search_car article dl.keyword dt span{
    width:auto;
}

#search_car article dl.keyword dd{
     width:60%;
   /*  float:left;*/
     flex: 1; /* 残りの幅を全部使う */
     margin:0;
     text-align:left;
     padding:0;
 /*    vertical-align:middle;*/


}

#search_car article dl.keyword dd form {
    display: flex;    
    align-items: center; 
    margin: 0;
    padding: 0;
}

#search_car article dl.keyword dd input.txt_box{
    width: 65%;
    padding: 8px 10px;
    border: 1px solid #969da3;
    border-radius: 3px;
    font-size: 1em;
    line-height: 1.7;
    margin:0 25px 0 0;
    box-sizing: border-box; /* パディングを含めた高さ計算にする */
}

#search_car article dl.keyword dd input.search_btn{
    margin:0;
    background:#15552d;
    color:#FFF;
    font-size:20px;
  
    text-align:center;
    font-weight:bold;
    width:25%;
    padding:8px 0;
    margin:0;
    border:0;
    box-sizing: border-box;
    cursor: pointer;
}



/* ----------------------------------------------------- */
/*  #stockcars    */
/* ----------------------------------------------------- */

#stockcars{
   width:90%;
   margin:0 auto 60px auto;
   text-align:left;


}
#stockcars article {
    width: 100% !important;
    margin: 0 auto;
}

#stockcars h2{
    background:url(../images/top/h3_bg.png) no-repeat top right #000000;
    color:#FFF !important;
    font-size:25px !important;
    padding:20px 0 20px 10px !important;
    margin:0 auto 40px auto !important;

}
#stockcars h2 span{
    float: right;
    font-size:18px;
    margin:0 20px 0 auto;
    padding-top:5px;
}

#stockcars h2 span a{
    color:#FFF;
    text-decoration:none;
}

#stockcars h2 span img{
    vertical-align:middle;
    margin-left:10px;
}

/* ----------------------------------- */


#stockcars ol#clist {
    width: 99% !important;
    padding: 0 0 50px 25px;
    margin: 0 -25px 0 0 !important;
    list-style: none !important;
    letter-spacing: -1em; /* ★改行の隙間を消す */
}

#stockcars ol#clist li {
    width: 22.5% !important; 
    margin-right: 25px;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    border: 1px solid #000;
    margin-bottom: 25px !important;
    position: relative;
    background: #fff;
    padding: 2px !important;
}



/* リンクがある場合でも箱を縦いっぱいに広げる */
#stockcars ol#clist li a,
#stockcars ol#clist li dl {
    display: flex !important;            /* ★ここもFlexにする */
    flex-direction: column !important;   /* ★中身を縦に並べる */
    flex-grow: 1 !important;             /* ★これで中身が少なくても下まで広がる */
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 画像：指定比率を守らない対策 */
#stockcars ol#clist li img:not(.soldout) {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3; /* ここで4:3を強制 */
    object-fit: cover;    /* 歪ませずにトリミング */
    display: block !important;
    margin: 0 auto 10px auto !important;
}


#stockcars ol#clist li img.soldout {
    z-index: 99;
    position: absolute !important;
    top: 5px !important;
    left: 5px !important;
    width: 30% !important;
    height: auto !important;
    margin: 0 !important;
}

/* --- 以下、テキスト周りの微調整 --- */
#stockcars h4 {
    font-size: 20px;
    margin: 0 10px 5px 10px;
    border-bottom: 2px solid #1634a3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#stockcars ol#clist li p {
    margin: 0 10px 5px 10px;
    font-size: 14px;
    line-height: 1.5;
}

#stockcars ol#clist li p.price strong {
    font-size: 36px;
    color: #ff7133;
    font-family: "Anton", sans-serif;
}

#stockcars ol#clist li p.price {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}


/* --------------------- */
#stockcars ol#clist li p.state_1 {
    font-size: 20px;
    display: inline-block;
    width: auto; 
    padding: 2px 8px;
    background: #005dcc;
    color: #FFF;
    font-weight: bold;
    vertical-align: middle;
    margin: 10px 0 10px 10px;
}


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

}

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

}

#stockcars p.tags a{


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

#stockcars ol#clist li p.c_category {
    margin-top: auto !important; 
    background: #000 !important;
    color: #FFF !important;
    text-align: center !important;
    padding: 5px 10px !important;
    font-size: 13px !important;
    margin-left: -2px !important;
    margin-right: -2px !important;
    margin-bottom: -2px !important;
}

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

}

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

}


#stockcars  p.btn_carlist{
    margin:0 auto !important;
    width:25%;
    text-align:center;
    font-size:35px;
    background:url(../images/btn_carlist_bg.png) no-repeat center right #15552d;



}

#stockcars  p.btn_carlist a{
   color:#FFF;
   text-decoration:none;
   display:block;
   padding:15px 65px;

}

#stockcars  p.btn_carlist a:hover{
    background:url(../images/btn_carlist_bg.png) no-repeat center right #0b7a30;

}

/* ----------------------------------------------------- */
/*  #banners    */
/* ----------------------------------------------------- */

#banners{
   width:100%;
   margin:0 auto 25px auto;
   padding:50px 0;
   background:#eaeaea;
   text-align:center;


}
#banners p{
    box-sizing: border-box;
    display:inline;
    margin:0 65px 0 0;

}

#banners p:last-child{
    margin-right:0;

}



/* ----------------------------------------------------- */
/* #news */
/* ----------------------------------------------------- */

#news{
   width:100%;
   margin:0 auto 40px auto;
   padding-bottom:40px;
   padding-top:30px;

}

#news h3{
   font-size:35px;
   margin:0 auto 60px auto;
   line-height:1.1em;

} 

#news h3 span{
   padding-bottom:2px;
   border-bottom:4px solid #15552d;

}


#news article{
   width:80%;
   margin:0 auto;


}



#news article p{
   text-align:right;
   margin:0 auto 60px auto;
   font-size:16px;
   background:url(../images/blog_arrow.png) no-repeat top right;
   padding:0 30px 0 0;
   width:70%;
   clear:both;

}


#news article p a{
   color:#000;
   text-decoration:none;
}

#news article p a:hover{
   color:#000;
   text-decoration:none;

}

#news article ul{
   width:75%;
   margin:0 auto 10px auto;
 

}

#news article ul li{
   width:90%;
   margin:0 auto 10px auto;
   border-bottom:1px dotted #000;
   padding:0 0 8px 0;
   list-style-type:none;
   text-align:left;

}

#news article ul li time{
   display:inline-block;
   margin:0 30px 5px 10px;
   font-size:14px;
   text-align:center;
   background:#000;
   color:#FFF;
   padding:4px 20px;
}

#news article ul li h3.title{
   font-size:16px;
   font-family: 'Noto Sans JP', sans-serif;
   margin:0 auto 0 0;
   display:inline-block;
   padding:0;
   font-weight:normal;
   vertical-align:middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

#news article ul li h3.title a{
   text-decoration:none;
   color:#000;


}
#news article ul li h3.title a:hover{
   text-decoration:underline;
   color:#000;

}

/* --------------------- */

#news article.expectation{
    margin: 0 auto ;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    padding:20px 0;
    width:70%;
    text-align:left;
}
#news article.expectation h3{
    font-size:16px;
    margin: 0 auto 10px auto;
   /* line-height:1.5em !important;
    padding-bottom:20px;*/
}

#news article.expectation h4{
    font-size:22px;
    margin: 0 auto 10px auto;
    text-align:left;

}
#news article.expectation h4 strong{
    color:#ff390b;
}

#news article.expectation ul{
    width:100%;
    margin: 0 auto;
    text-align: left;
}


#news article.expectation ul li{
    display: inline-block;
    margin:0 20px 15px 0;
    width:30%;
    border:0;
}



/* ----------------------------------------------------- */
/*  #mother    */
/* ----------------------------------------------------- */

#mother{
   width:100%;
   margin:0 auto 60px auto;
   text-align:center;
   border-top:30px solid #eef7cb;
   padding-top:30px;
}

#mother img{
   width:65%;
   height:auto;
   display:block;
   margin:0 auto;
}



/* ----------------------------------------------------- */
/*  #cm    */
/* ----------------------------------------------------- */

/* CM複数ver */
#cm{
   width:100%;
   margin:0 auto 60px auto;
}

#cm ul.cm_wrapper{
   width:70%;
   margin:0 auto;
   display: flex;
}

#cm ul.cm_wrapper li{

   /*float:left;
   margin:0 55px 30px 0 !important;*/
    flex: 45%;
    flex-grow:1;
    margin:0 25px 35px 0;
}

#cm ul.cm_wrapper li:nth-child(even){
   margin-right:0 !important;
}

#cm ul.cm_wrapper li video{
   width:100%;
   height:auto;
   margin:0 auto;

}

#cm p{
    margin:0 auto;
    width:35%;
    text-align:center;
    font-size:20px;
    background:#000;
}
#cm p br{
   display:none;
}
#cm p a{
   color:#FFF;
   text-decoration:none;
   display:block;
   padding:15px 65px;

}

#cm p a:hover{
   background:#555;
}

#cm p span{
   letter-spacing:-3px;
}


/* ----------------------------------------------------- */
/*  #map    */
/* ----------------------------------------------------- */


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

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