@charset "utf-8";

#wrapper > section:not(#slide):not(#carSlider):not(.access) { margin-bottom: 100px; }
#wrapper section{ text-align: center; }

/* main ------------- */
#slide, #carSlider { overflow:hidden; }
#slide { margin-top:20px; position:relative; }
#slide .slick-slide img, #carSlider .slick-slide img { padding:0 5px; }
.allmaker { padding:20px 0; border-bottom: solid 5px #ed1c24; }
.allmaker li { width:12.5%; text-align:center; }
.allmaker li + li { border-left:2px solid #ed1c24; }
.allmaker img { height:48px; }

.bnr_webcoupon { margin-block:2em; }

/*コントローラー*/
#arrow { position:relative; top:-226px; left:50%; width:1000px; height:100%; margin-left:-500px; }
#arrow .slick-next:before{content:"";}
#arrow .slick-after:before{content:"";}
#arrow .slick-arrow {position:absolute;top:50%;width:50px;height:50px;background:#ed1c24;border:none;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-indent:-9999px;z-index:999;opacity:1;}
#arrow .slick-arrow:hover { opacity:0.7; }
#arrow .slick-prev { left:-30px; }
#arrow .slick-next { right:-30px; }
#arrow .slick-arrow:before { content:""; position:absolute; top:50%; right:20px; width:12px; height:12px; margin-top:-6px;
border-top:3px solid #fff; border-right:3px solid #fff;
-webkit-transform:rotate(45deg); transform:rotate(45deg);
}
#arrow .slick-arrow.slick-prev:before { right:auto; left:20px; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); }

.bnrList{ margin:3em auto 0; }
.info_box{ display: block; margin-top: 2em; padding: 1.5em; text-decoration: none; border: 2px dashed #82685f; }
.info_box .title {
    position: relative;
    margin-bottom: 0.8em;
    padding-bottom: 0.5em;
    text-align: center;
    font-size: 1.4em;
    letter-spacing: 0.05em;
    border-bottom: 2px dashed #82685f;
}

/*topnavi*/
.topnav ul{ margin:1em 0; }
.topnav li { width: 23%; background-color: #0075dd; border-radius: 3px;}
.topnav a { display: block; padding: 1.5em; font-weight: bold; color: #fff; background-position: center 0.5em; background-repeat: no-repeat; }

.topnav span{ position: relative; padding-left: 3em ;}
.topnav span::before { position: absolute;  top: 50%; left: 0; transform: translateY(-50%); content:''; display: inline-block; vertical-align: bottom; width: 4em; height: 2.5em; background-size: contain; background-repeat: no-repeat; background-position: center;}
.topnav .topnav_stock span::before { background-image: url(/img/ico_search.svg); width: 2.3em; margin-right:.5em }
.topnav .topnav_unused span::before { background-image: url(/img/ico_unused.svg); width: 2.5em; margin-right:.5em }
.topnav .topnav_used span::before { background-image: url(/img/ico_car.svg); width: 2.3em; }
.topnav .topnav_about span::before { background-image: url(/img/ico_qestion.svg); width: 2em; }


/* title */
#top .sec_ttl { display: inline-block; margin-bottom: 50px; padding-bottom: 10px; border-bottom: solid; text-align: center; font-size: 40px; color: #0057a2; line-height: 1.2; }
#top .sec_ttl .enFont { font-size: 18px; color: #ed1c24; }
#top .sec_ttl .ttl_txt { display: block; padding: 10px 50px 0; }
#top .sec_ttl .ttl_txt::before,
#top .sec_ttl .ttl_txt::after { content: ""; position: absolute; bottom: 0; margin: auto;
background: no-repeat center / contain; width: 70px; height: 60px; }

/* leadBox ------------- */
.leadBox{ text-align:center; margin-top:45px!important; margin-bottom:45px; }
.leadBox .leadBtn{ padding: 6px 100px; color: #0075dd; font-weight: 500; border: solid 2px #0075dd; border-radius: 30px; }
.leadBox .leadBtn:after{ content:"＞"; padding-left: 20px; }
.leadBox .leadBtn:hover{ color:#fff; background:#0075dd; }

/* medama 今週の目玉車
================================================================== */
.medamaBox > #data { position:relative; margin: 0 auto 50px; }
.medamaBox > #data > li { width:24%; margin-bottom:30px; background-color:#FFF; }
.medamaBox > #data > li:not(:nth-child(4n+1)) { margin-left:1.3%; }
.medamaBox > #data > li > a { opacity: 1; color: #222; text-decoration:none; }
.medamaBox > #data > li > a:hover { opacity: .6; }
.medamaBox > #data > li .mImg { height:180px; overflow:hidden; position: relative; }

.medamaBox .name { position:relative; height:3em; margin:0 0 -1px; padding:0 5px; text-align:center; font-size:18px; line-height:1.2; color:#FFF; background:#0057a2; }
.medamaBox .name em {
  display:block; position:absolute; padding: 5px; top:50%; left:50%; width:100%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  }
.medamaBox .name span { margin-left:4px; }
.medamaBox .price { margin:0 10px; text-align: right; line-height: 1.4; }
.medamaBox .price span { margin-left:5px; font-weight:bold; }
.medamaBox .price span.soldout { font-size: 1.5em;}
.medamaBox .price span em { font-size:38px; letter-spacing: -.05em; }
.medamaBox .tbl { margin-top: 10px;}
.medamaBox dl { overflow:hidden; font-size:14px; }
.medamaBox dt { float:left; }
.medamaBox dt { padding:2px; margin-right: .5em; width:60px; text-align:center; color:#FFF; background:#0057a2; }
.medamaBox dd { margin-bottom:5px; text-align: left;}

/* 総額表示関連 */
dl.price_cost { margin-bottom: .5em; padding: 0;}
.pickup-list.total-list dl.price_cost dt { padding: 0; background: none; color: #222; margin-right: 0;}
.pickup-list.total-list dl.price_cost dd { padding: 0; margin-left: 0; text-align: right;}
dl.price_cost > * { margin-bottom: 0;}

/* webtokutenCon -------------*/

/* flyer -------------*/
.flyer{ padding:50px 0; background: #e1fbff; }
.flyer figure + figure { margin-top:min(5%,20px); }
/*.flyer ul li .img figure{ width:49%; }*/

/* about -------------*/
.about .aboutList{ margin-top: 85px; }
.about .aboutList li{ width: 48%; padding: 20px 20px 10px 20px; border: solid 3px #005aaa; }
.about .aboutList li:nth-child(n + 3){ margin-top: 75px; }
.about .aboutList li .about_ttl {
  width: 80%;
  padding: 10px 0;
  margin: -50px auto 17px;
  font-size: 20px;
  background: #005aaa;
  color: #fff;
}
.about .aboutList li .txt{ text-align:left; }


/* blog -------------
.blog .secttl1{ position:relative; }
.blog .moreBtn { display:inline-block; position:absolute; right:10px; bottom:10px; padding:.15em 1em;
  color:#40120d; background:#f2a501; border:2px solid #40120d; }
.blog .moreBtn:hover { background:#dd0101; }*/

.blogList li { width:23.5%; height:235px; margin-bottom:2%; }
.blogList li:not(:nth-child(4n+1)) { margin-left:2%; }
.blogList li a { display:block; width:100%; height:100%; position:relative; }
.blogList li a:before { content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background:linear-gradient(to bottom,rgba(0,0,0,0) 52%,rgba(0,0,0,0.66) 100%); z-index:1; }
.blogList li figure { width:100%; height:100%; position:relative; overflow:hidden; }
.blogList li figure img { width:100%; height:100%; object-fit:cover; font-family:'object-fit:cover;'; -webkit-transform:scale(1); transform:scale(1); text-decoration:none; -webkit-transition:all .3s; transition:all .3s; }
.blogList li .summary { position:absolute; bottom:0; left:0; width:100%; padding:10px; color:#fff; z-index:2; }
.blogList li .summary p { margin:0; text-align: left; line-height: 1.4; }
.blogList li .summary .date { font-size:.867em; line-height:1.4; }

.blogList li a:hover { color:#fff; }
.blogList li a:hover figure img { -webkit-transform:scale(1.05); transform:scale(1.05); }

/*bnr*/
.supportBnr { margin-bottom: 2em;}

.group-bnr { max-width:820px; margin:0 auto 100px; padding-inline:15px; text-align:center; }
.group-bnr img { border:1px solid #ddd; }
.group-bnr .group { margin-top: 2em; }
.group-bnr .group img { max-height:150px; }