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

section {margin-bottom:100px;}

.slide { width:100%; overflow:hidden; margin-left:auto; margin-right:auto; }
.slide ul { width:100%; }
.slide .slick-slide { margin:0; }
.slide .slick-slide img { width:100%; height:auto; }
.slide ul li {position:relative;}

.slick-arrow { position:absolute; top:0; bottom:0; margin:auto; z-index:10; cursor:pointer; }
.prev-arrow { left:20px; }
.next-arrow { right:20px; }

.logo240 {display:block; width:240px; position:absolute; top:30%; bottom:0; left:0; right:0; margin:auto;}
.copy-box{ position:absolute; top:45%; bottom:0; left:0; right:0; margin:auto; text-align:center; }
.copy-box .con{ display:inline-block; padding:3.5em 5.5em; letter-spacing:0.15em;
  color:#FFF; background-color:rgba(0,0,0,0.8); }
.copy-box .ttl{ margin-bottom:0.5em; font-size:2.2em; }
.copy-box .copy{ display:inline-block; margin-bottom:0.5em; padding:0.2em 0.8em; font-size:1.8em; 
  color:#b0daff; border:1px solid #b0daff; }
.copy-box .txt{ font-size:1.3em; }

/*特選車*/
#data {margin:70px auto 50px; }
#data > li { width:23.5%; margin-bottom:4%; text-align:center;}

#data > li a { display:block; color:#000; text-decoration:none; position:relative; }
#data .image { margin-bottom:5px; position:relative; }
#data > li a .newAnime { display:block; width:5em; top:0; left:0; padding:5px; z-index:99; }
#data .name { min-height:3.4em; font-size:16px; line-height:1.3; color:#fff; font-weight:bold; background:#000; position:relative; }
#data .name > em { display:block; width:100%; }

#data .info { margin-top:10px; width:100%; }
#data .info tr > * { padding:5px; font-size:12px; border:1px solid #fff; }
#data .info th { width:5.5em; background:#0e0f0e; color:#fff; white-space:nowrap; }
#data .info td { background-color:#eee; }

/*ラインナップ*/
#lineup_box {margin:70px auto 50px; }
#lineup_box > li { width:23.5%; margin-bottom:4%; text-align:center;}

#lineup_box > li a { display:block; color:#000; text-decoration:none; position:relative; }
#lineup_box .image { position:relative; }
#lineup_box > li a .newAnime { display:block; width:5em; top:0; left:0; padding:5px; z-index:99; }
#lineup_box .name { min-height:3.4em; font-size:16px; line-height:1.4; color:#fff; font-weight:bold; background:#000; position:relative; }
#lineup_box .name > em { display:block; width:100%; }
#lineup_box .tbl th { font-size:12px; background:#0e0f0e; color:#fff; border:1px solid #fff; padding:5px 10px; text-align:center; white-space:nowrap; }
#lineup_box .tbl td { font-size:12px; border:1px solid #fff; padding:5px 10px; background-color:#eee; }
#lineup_box .price { padding:0.4em 0; color:#7d7d7d; font-size:1.2em; font-weight:700; line-height:1.4; }
#lineup_box .price span {padding-left:.5em; letter-spacing:2px;}
#lineup_box .price span .red{ font-size:1.4em; }

/* LINEUP */
.lineup-list#data > li{ width:48%; margin:0 1% 20px; background:#FFF; filter:drop-shadow(0px 0px 8px rgba(0,0,0,0.15)); }
.lineup-list li a{ padding:1.5em 1em 1em; }
.lineup-list .ttl{ font-size:2em; letter-spacing:0.05em; line-height:1; }
.lineup-list .txt{ text-align:left; font-size:0.95em; line-height:1.5; }

/* LINEUP */
.lineup-list#lineup_box > li{ width:48%; margin:0 1% 20px; background:#FFF; filter:drop-shadow(0px 0px 8px rgba(0,0,0,0.15)); }
.lineup-list li a{ padding:1.5em 1em 1em; }
.lineup-list .ttl{ font-size:2em; letter-spacing:0.05em; line-height:1; }
.lineup-list .txt{ text-align:left; font-size:0.95em; line-height:1.5; }

#recdata { margin:0 auto 40px; }
#recdata li { width:20%; padding:0 5px; }
#recdata li a { display:block; height:100%; padding:5px; opacity:1; color:#000; text-decoration:none; border-bottom:1px solid #ccc; -webkit-transition:all .3s; transition:all .3s; position:relative; }
#recdata li a .newAnime { display:block; width:65px; top:7px; right:0; z-index:99; }
#recdata .name { min-height:4.2em; padding:10px 0 5px; font-size:13px; font-weight:bold; line-height:1.4; position:relative; }
#recdata .slideRec { padding-bottom:5px; position:relative; }
#recdata .slideRec figure img { height:135px; }
#recdata .detailData span { display:inline-block; font-size:12px; background:#00956d; color:#fff; margin:0 2px; padding:3px 8px; text-align:center; }
#recdata .price { margin-top:5px; text-align:right; font-size:14px; }
#recdata .price .red { font-size:25px; }
#recdata .price em { font-family:'Lato', sans-serif; }

#arrow { position:relative; top:-140px; left:50%; width:1000px; height:100%; margin-left:-500px; }
#arrow .slick-next:before,#arrow .slick-after:before{content:"";}
#arrow .slick-arrow { position:absolute; top:50%; width:0; height:0; 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:-40px; }
#arrow .slick-next { right:-40px; }

#arrow .slick-arrow:before { content:""; position:absolute; top:50%; right:20px; width:12px; height:12px; margin-top:-6px;
border-top:2px solid #ccc; border-right:2px solid #ccc;
-webkit-transform:rotate(45deg); transform:rotate(45deg); cursor:pointer;
}
#arrow .slick-arrow.slick-prev:before { right:auto; left:20px; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); }

#top_customer,
.top_blog {background:#0e0f0e; width:100%; padding:65px 0 95px; margin-bottom:25px;}
.top_blog li { width:23.5%; height:250px; }


.top_blog li a { display:block; width:100%; height:100%; position:relative; }
.top_blog li figure { width:100%; height:100%; position:relative; overflow:hidden; }
.top_blog 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; }
.top_blog li .summary { position:absolute; bottom:0; left:0; width:100%; padding:10px; z-index:100; }

.top_blog li .summary { background:rgba(0,0,0,.8); color:#fff; }

.meetly { text-align: center; margin: 100px; }
.gMap { max-width:1440px; height:500px; margin:0 auto 100px; width:94%;}

.top_ttl {width:100%; height:190px; background:#0e0f0e; padding-top:40px;}
.top_ttl h2 {font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-weight:normal; letter-spacing:2px; max-width:1024px; font-size:46px; margin:0 auto; color:#fff; display:block; position:relative; padding-left:100px;}
.top_ttl h2 span {font-size:16px; display:block;}
.top_ttl h2::before {content:'';
  position:absolute;
  top:50%;
  left:0;
  display:inline-block;
  width:74px;
  height:1px;
  background:#fff;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg); 
}
.top_ttl2 {width:100%; height:190px; background:#0e0f0e; padding-top:40px;}
.top_ttl2 h2 {font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-weight:normal; letter-spacing:2px; max-width:1024px; font-size:46px; margin:0 auto; color:#fff; display:block; position:relative; text-align:right;}
.top_ttl2 h2 span {font-size:16px; display:block;}
.top_ttl2 h2::before {content:'';
  position:relative;
  top:50%;
  left:-30px;
  display:inline-block;
  width:74px;
  height:1px;
  background:#fff;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg); 
}
.top_ttl3 {width:100%; height:100px; background:#0e0f0e; margin-bottom:50px;}
.top_ttl3 h2 {font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-weight:normal; letter-spacing:2px; max-width:1024px; font-size:40px; margin:0 auto; color:#fff; display:block; position:relative; padding-left:100px;}
.top_ttl3 h2 span {font-size:16px; display:block;}
.top_ttl3 h2::before {content:'';
  position:absolute;
  top:50%;
  left:0;
  display:inline-block;
  width:74px;
  height:1px;
  background:#fff;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg); 
}
.btn_stock a {background:#000; width:100%; height:70px; text-align:center; color:#fff; font-size:20px; line-height:70px;}
.btn_stock a::after {content:'>'; position:relative; left:10px;}

#top_link ul {max-width:1440px; margin:100px auto 0; width:94%; /*justify-content:space-between;*/}
#top_link ul li {display:block; width:31%; margin:0 1% 30px;}

#sns li {width:90px; text-align:center;}

#mov>video { max-width:90%; padding: 1%; }

.top_bnr{ margin:2em auto; text-align:center; }

.sale_bnr {margin-top: 5%;margin-bottom: 5%}

/*バナー3カラム*/
.bnr_3col li { width: 32%;}

/* スライド下調整 */
@media screen and (max-width:1100px) {
  .sale_bnr {margin-top: 15%;}
}

/*----------------------------------------------------
タブレット・PC以上
-----------------------------------------------------*/
@media screen and (min-width:600px) {
	
.top_blog li{ width:23.5%; }
.top_blog li:not(:nth-child(4n+1)){ margin-left:2%; }
	
  /* LINEUP */
  .lineup-list#data > li{ width:23%; margin:0 1% 20px; }
  .lineup-list#lineup_box > li{ width:23%; margin:0 1% 20px; }

  .top_bnr{ margin:4em auto; }
}

 
/*----------------------------------------------------
タブレット
-----------------------------------------------------*/
@media screen and (max-width:1040px) {
section {margin-bottom:50px;}

.logo240 { width:20%;}

.copy-box{ top:40%; }
.copy-box .con{ padding:2em 3.5em; letter-spacing:0.1em; }
.copy-box .ttl{ font-size:1.8em; }
.copy-box .copy{ font-size:1.4em; }
.copy-box .txt{ font-size:1.1em; }

#data {margin:50px auto; flex-wrap:wrap; }
#data > li { width:31%; }

#lineup_box {margin:50px auto; flex-wrap:wrap; }
#lineup_box > li { width:31%; }


#top_link ul {justify-content:center;}
#top_link ul li {width:380px; margin:0 15px 30px;}

.top_ttl {width:100%; height:140px; background:#0e0f0e; padding-top:40px;}
.top_ttl h2 {font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-weight:normal; letter-spacing:2px; max-width:1024px; font-size:30px; margin:0 auto; color:#fff; display:block; position:relative; padding-left:80px; line-height:120%;}
.top_ttl h2 span {font-size:14px; display:block;}

.top_ttl2 {width:100%; height:130px; background:#0e0f0e; padding-top:40px;}
.top_ttl2 h2 {text-align:left; font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-weight:normal; letter-spacing:2px; width:94%; font-size:30px; margin:0 auto; color:#fff; display:block; position:relative; padding-left:80px; line-height:120%;}
.top_ttl2 h2 span {font-size:14px; display:block;}
.top_ttl2 h2::before {content:'';
  position:absolute;
  top:50%;
  left:0;
  display:inline-block;
  width:74px;
  height:1px;
  background:#fff;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg); 
}
.top_ttl3 {height:auto; margin-bottom:25px; }
.top_ttl3 h2 {font-size:30px; padding-left:80px; line-height:120%;}

.voice_list li a p {display:block; width:100%; padding:10px; position:absolute; bottom:0; background:#000; opacity:0.5; color:#fff;}


#top_link ul {margin:50px auto;}
#top_link ul li {width:45%; margin:0 15px 15px;}
.gMap { height:300px; }
.btn_stock a {font-size:16px;}

.sale_bnr {margin-top: 18%;}

}


@media screen and (max-width:959px) {
  .copy-box{ position:relative; margin-top:-8em; }
  .sale_bnr {margin-top: 5%;}
}

@media screen and (max-width:640px) {
#top_link ul li {width:380px; margin:0 15px 15px;}
#sns li {width:60px; text-align:center;}
#sns li img {width:80%;}
}


/*----------------------------------------------------
スマホ
-----------------------------------------------------*/
@media screen and (max-width:599px) {

.logo240 {display:block; width:120px; text-align:center; position:absolute; top:30%; bottom:0; left:-50%;}

.prev-arrow { left:10px; }
.next-arrow { right:10px; }

.copy-box{ margin:-5em 1em 0; }
.copy-box .con{ padding:2em 1.5em 1.5em; }
.copy-box .ttl{ font-size:5.8vw; }
.copy-box .copy{ padding:0.2em 0.5em; font-size:5vw; }
.copy-box .txt{ font-size:4.1vw; }

section {margin-bottom:30px; }
#data > li { width:48%; }
#data .name { font-size:15px; }


.top_ttl {width:100%; height:100px; background:#0e0f0e; padding-top:20px;}
.top_ttl h2 {font-weight:normal; letter-spacing:2px; max-width:1024px; font-size:28px; margin:0 auto; color:#fff; display:block; position:relative; padding-left:80px; line-height:120%;}
.top_ttl h2 span {font-size:14px; display:block;}

.top_ttl2 {width:100%; height:100px; background:#0e0f0e; padding-top:20px;}
.top_ttl2 h2 {text-align:left; font-weight:normal; letter-spacing:2px; width:94%; font-size:28px; margin:0 auto; color:#fff; display:block; position:relative; padding-left:80px; line-height:120%;}
.top_ttl2 h2 span {font-size:14px; display:block;}
.top_ttl2 h2::before {content:'';
  position:absolute;
  top:50%;
  left:0;
  display:inline-block;
  width:74px;
  height:1px;
  background:#fff;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg); 
}
.top_ttl3 h2 {font-size:30px; padding-left:80px; line-height:120%;}
#sns {justify-content:center;}

.meetly { text-align: center; margin-bottom: 40px; }
.gMap {margin:50px auto;}
.btn_stock a {font-size:16px;}
	
	.top_blog li { width:48%; }
	.top_blog li:not(:nth-child(2n+1)) { margin-left:4%; }
	
	/* お客様の声 */
	.voice_list li:nth-child(n+3) { margin-top:4%; }
	
/*バナー3カラム*/
.bnr_3col { justify-content: center;}
.bnr_3col li { width: 47%; margin: 5px;}
.bnr_3col li:first-child { width: 100%;}

/*総在庫車バナー位置調整用*/
.top_bnr{ margin: 2em auto 0.45em auto; }	

}