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




/* ----------------------------------------------------- */
/* #cars */
/* ----------------------------------------------------- */

/* screenwidth less than 1620px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1620px) {

#carlist .price_right {
    width: 50%;
}
}




/* screenwidth less than 1290px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1290px) {

#carlist .price_box {
    width: 38%;
    margin-right:40px;
}
#carlist .price_right {
    width: 53%;
}

}

/* screenwidth less than 1140px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1140px) {

#carlist .price_box {
    width: 99%;
    margin-right:0;
    margin-bottom: 40px;
}

#carlist .price_box p.price {
    margin: 0 auto 10px auto;
    font-size: 32px;
}
#carlist .price_box p.price strong {
    font-size: 80px;
}

#carlist .price_right {
    width: 99%;
}

#carlist .price_right table {
    width: 90%;
    margin-bottom:25px;
}

#carlist .price_right table th{
    width: 25%;
}
#carlist .price_right table td{
    padding: 5px 5px 5px 15px;

}
#carlist .price_right ul.contact_btn{
    width: 90%;

}

#carlist .price_right ul.contact_btn li{
    min-width: 25%;

}

#carlist .price_right dl {
    width: 90%;
}

}



/* screenwidth less than 880px
--------------------------------------------------------------------- */
@media only screen and (max-width: 880px) {

#carlist article.blog_body {
    width: 90%;
}

#carlist .price_box{
   margin-bottom: 20px;
}
#carlist .price_right table {
    width: 95%;
}
#carlist .price_right ul.contact_btn {
    width: 95%;
}
#carlist .price_right dl {
    width: 95%;
}
}


/* screenwidth less than 680px
--------------------------------------------------------------------- */
@media only screen and (max-width: 680px) {

#carlist{

    padding-top:50px;
}
#carlist h2.title{
    margin-bottom:40px;
}

#carlist .price_right table.price_right1{
    display:none;
}


#carlist .price_right table.price_right2{
    display:block;
    width: 95%;
    table-layout: fixed;
    margin-bottom:15px;
}
#carlist .price_right table.price_right2 th{
    width: 10em;

}
#carlist .price_right table.price_right2 td{
    width: 25em;
}

#carlist .price_right dl dt{
    display:block;

}
#carlist .price_right dl dd{
    display:block;
    text-align:center;
    font-size: 40px;
}

#carlist table#spec_table{
   display:none;

}





#carlist table#spec_table2{
   display:block;
   width:95%;
   border-spacing:0;
   border-collapse:collapse;
   margin:0 auto 25px auto;   


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

}

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

}

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

   display:none !important;
}
.slider{
    width:100%;
    margin-top:30px;
}

.thumb{
    width:100%;
}

}


/* screenwidth less than 580px
--------------------------------------------------------------------- */
@media only screen and (max-width: 580px) {

#carlist .price_right ul.contact_btn{
    text-align: center;
    margin-bottom:10px;
}

#carlist .price_right ul.contact_btn li img{
    display:none;
}

}


/* screenwidth less than 480px
--------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {

#carlist .price_box p.price{
   font-size: 25px;

}
#carlist .price_box p.price strong{
    font-size: 60px;

}
#carlist .price_right ul.contact_btn li{
    margin-bottom:5px;
}

}


/* screenwidth less than 435px
--------------------------------------------------------------------- */
@media only screen and (max-width: 435px) {

#carlist .price_right ul.contact_btn li{
     display:block;
     width:99%;
}
#carlist .price_right ul.contact_btn li img{
     display:inline;
}
}



/* ----------------------------------------------------- */
/* #s_carlist */
/* ----------------------------------------------------- */

/* screenwidth less than 1080px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1080px) {

#s_carlist ol#clist{
    width: 90% !important;
}

#s_carlist h3.clist_title{
    font-size: 18px;
}
#s_carlist ol#clist li p.sp1{
    display:none;
}
#s_carlist ol#clist li p.sp2{
    display:block;
}

}


/* screenwidth less than 960px
--------------------------------------------------------------------- */
@media only screen and (max-width: 960px) {

#s_carlist ol#clist li{
    margin: 0 15px 25px 10px;
    width: 45%;
}
#s_carlist h3.clist_title{
    font-size: 17px;
}
}

/* screenwidth less than 754px
--------------------------------------------------------------------- */
@media only screen and (max-width: 754px) {

#s_carlist ol#clist li{
    margin: 0 10px 25px 10px;
}
}

/* screenwidth less than 680px
--------------------------------------------------------------------- */
@media only screen and (max-width: 680px) {

#s_carlist ol#clist{
    width:98% !important;
}
#s_carlist h3.clist_title{
    font-size: 17px;
}
}

/* screenwidth less than 591px
--------------------------------------------------------------------- */
@media only screen and (max-width: 591px) {

#s_carlist ol#clist li{
    display:block;
    width: 85%;
    margin: 0 auto 20px auto;
    min-height: auto;
}


}



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


/* screenwidth less than 1080px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1080px) {

#related_article article{
    width: 90%;
}
#related_article ol#clist{
    width: 99%;

}
}



/* screenwidth less than 960px
--------------------------------------------------------------------- */
@media only screen and (max-width: 960px) {

#related_article ol#clist li{
    margin: 0 15px 25px 10px;
    width: 45% !important;
}
}

/* screenwidth less than 754px
--------------------------------------------------------------------- */
@media only screen and (max-width: 754px) {

#related_article ol#clist li{
    margin: 0 10px 25px 10px;
}
}



/* screenwidth less than 680px
--------------------------------------------------------------------- */
@media only screen and (max-width: 680px) {

#related_article ol#clist li{
    width:98% !important;
}
}

/* screenwidth less than 591px
--------------------------------------------------------------------- */
@media only screen and (max-width: 591px) {

#related_article ol#clist li{
    display:block;
    width: 85%;
    margin: 0 auto 20px auto;
    min-height: auto;
}
}