@charset "UTF-8";
/* ##################################################

■common
■mv
■rental
■sale
■top_bg_box
■news
■top_bnr_list
■colum
■lineup
■facebook
■access
■reserve

################################################## */
/* ==================================================
	■mv
================================================== */
#mv {
  width: 100%;
  margin-bottom: 3%;
}

/* ==================================================
	■rental
================================================== */
.rental_box {
  margin-bottom: 5%;
  color: #FFF;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  .rental_box {
    display: flex;
    align-items: center;
    min-height: 400px;
    margin-bottom: 0;
  }
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
  .rental_box .site_wrap {
    padding: 5%;
    background-color: rgba(2, 2, 24, 0.8);
  }
}
/* ========== end △ */
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  .rental_box .site_wrap {
    padding-right: 580px;
  }
}
/* ========== end △ */
.rental_box .catch {
  margin: 6% 0 4%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "游明朝体", "Yu Mincho", YuMincho, Garamond, "Times New Roman", serif ;
  font-size: 18px;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  .rental_box .catch {
    margin: 30px 0;
    font-size: 22px;
  }
}
/* ========== end △ */
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  .rental_box .btn_list {
    margin-top: 50px;
  }
}
/* ========== end △ */
.rental_box .btn_list li {
  margin-top: 5%;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  .rental_box .btn_list li {
    width: 48%;
    margin-top: 0;
  }
}
/* ========== end △ */
.rental_box .btn_list li a {
  display: block;
  padding: 5px 0;
  border: 1px solid #58a2a7;
  background: url(../common_img/angle_r_blu.png) 95% 50% no-repeat;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease;
}
.rental_box .btn_list li.reserve a {
  background: url(../common_img/angle_r_gld.png) 95% 50% no-repeat;
  border: 1px solid #b4a575;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  .rental_box .btn_list li a:hover {
    color: #060641;
    background-color: rgba(255, 255, 255, 0.9);
  }
}
/* ========== end △ */
.rental_box.tesla {
  background: url(../images/testla_bg.png) 70% 50% no-repeat;
  background: cover;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  .rental_box.tesla {
    background-position: 50% 0;
  }
}
/* ========== end △ */
.rental_box.lexus {
  background: url(../images/lexus_bg.png) 25% 0 no-repeat;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  .rental_box.lexus {
    background-position: 50% 0;
  }
  .rental_box.lexus .site_wrap {
    padding-right: 0;
    padding-left: 580px;
  }
}
/* ========== end △ */
.rental_box.mirai {
  background: url(../images/mirai_bg.png) 70% 0 no-repeat;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  .rental_box.mirai {
    background-position: 50% 0;
  }
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
  .rental_box.mirai {
    margin-bottom: 0;
  }
}
/* ========== end △ */

.bk_c {
  background-color: #fafafa;
  padding: 5% 0;
}

/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  #rental .btn_style {
    width: 570px;
    margin: 0 auto;
  }
}
/* ========== end △ */
/* ==================================================
	■sale
================================================== */
.sale_box {
  margin-bottom: 5%;
  color: #666;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  .sale_box {
    width: 31%;
    margin-bottom: 0;
  }
}
/* ========== end △ */
.sale_box .ttl {
  width: 100%;
  height: 140px;
  background: url(../images/sale_img01.jpg) 50% 50% no-repeat;
  background-size: cover;
  text-align: center;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  .sale_box .ttl {
    transition: all 0.2s ease;
  }
  .sale_box .ttl:hover {
    opacity: 0.6;
  }
}
/* ========== end △ */
.sale_box .ttl a {
  color: #FFF;
  font-size: 17px;
  text-decoration: none;
}
.sale_box p {
  padding: 5% 2%;
  line-height: 1.4;
}
.sale_box.point02 .ttl {
  background-image: url(../images/sale_img02.jpg);
}
.sale_box.point03 .ttl {
  background-image: url(../images/sale_img03.jpg);
}

/* ==================================================
	■top_bg_box
================================================== */
.top_bg_box {
  padding: 8% 5%;
  background-color: #fafafa;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  .top_bg_box {
    padding: 40px 0;
  }
}
/* ========== end △ */

.top_bg_box02 {
  padding: 8% 5%;
  background-color: #e6e6e6;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  .top_bg_box02 {
    padding: 40px 0;
  }
}
/* ========== end △ */

/* ==================================================
	■news
================================================== */
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  /* #news {
    width: 630px;
  } */

}
/* ========== end △ */
#news .news_ttl_wrap {
  position: relative;
}
#news .news_btn a {
  display: block;
  position: absolute;
  right: 0;
  bottom: 12px;
  width: 80px;
  padding: 8px 0;
  background: url(../common_img/angle_r_gld02.png) 90% 50% no-repeat #060641;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
}
#news .news_body {
  height: 180px;
  overflow: auto;
}
#news .news_body li {
  margin-bottom: 3.5%;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  #news .news_body li {
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap;
    margin-bottom: 2.5%;
    font-size: 15px;
  }
}
/* ========== end △ */
#news .news_body li .date {
  margin-right: 2em;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
  #news .news_body li .date {
    display: block;
    margin-bottom: 3%;
  }
}
/* ========== end △ */
#news .news_body li a {
  color: #333;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  #news .news_body li a {
    width: 80%;
  }
}
/* ========== end △ */
/* ==================================================
	■top_bnr_list
================================================== */
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
    .top_bnr_list{
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding-top: 60px;
    }
}

.top_bnr_list {
  padding-top: 30px;
}
.top_bnr_list li{
    text-align: center;
    margin-bottom: 15px;
}

/* ==================================================
  ■instagram
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
  #insta_wrap {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  #insta_wrap .inner {
    width: 200%;
  }
}
/* ========== end △ */
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  #insta_wrap {
    width: 1300px;
    margin: auto;
  }
}
/* ========== end △ */

/* ==================================================
	■lineup
================================================== */
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  #lineup .lineup_box_wrap.col2 {
    width: 48%;
  }
}
/* ========== end △ */
#lineup .lineup_box {
  margin: 5% 8% 8%;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  #lineup .lineup_box {
    width: 230px;
    margin: 0 0 26px 26px;
  }
  #lineup .lineup_box:nth-of-type(4n+1) {
    margin-left: 0;
  }
}
/* ========== end △ */
#lineup .lineup_box .img {
  margin-bottom: 10px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
  #lineup .lineup_box .img {
    text-align: center;
  }
}
/* ========== end △ */
#lineup .lineup_box .model {
  margin-bottom: 10px;
  font-size: 18px;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  #lineup .lineup_box .link {
    margin: 0 20px;
  }
}
/* ========== end △ */
#lineup .lineup_box .link li {
  margin-bottom: 3%;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  #lineup .lineup_box .link li {
    margin-bottom: 5px;
  }
}
/* ========== end △ */
#lineup .lineup_box .link li a {
  display: block;
  background: url(../common_img/angle_r_gld.png) 100% 50% no-repeat;
  color: inherit;
  text-decoration: none;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  #lineup .lineup_box .link li a:hover {
    text-decoration: underline;
  }
}
/* ========== end △ */
/* ==================================================
	■facebook
================================================== */
.fb_area {
  padding: 40px 0 80px;
  background-color: #ffffff;
  text-align: center;
}
.fb_area .facebook {
  display: none;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  .fb_area .facebook.pc {
    display: block;
    width: 500px;
    margin: auto;
  }
  .fb_area .facebook.pc iframe {
    width: 500px;
  }
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
  .fb_area .facebook.sp {
    display: block;
    width: 300px;
    margin: 0 auto 5%;
  }
}
/* ========== end △ */
.fb_area .youtube {
  margin-top: 3%;
}
.fb_area .youtube iframe {
  width: 480px;
  height: 261px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
  .fb_area .youtube iframe {
    width: 304px;
    height: 171px;
    margin: 0 auto;
  }
}
/* ========== end △ */
/* ==================================================
	■access
================================================== */
#access .gmap iframe {
  width: 100%;
  height: 400px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
  #access .gmap iframe {
    height: 300px;
  }
}
/* ========== end △ */
