@charset "utf-8";

/* --- common --- */
.title { position:relative; margin-bottom:40px; padding-top:65px; text-align:center; font-size:36px; line-height:1;
 font-family:"Rounded Mplus 1c"; background:url(../img/top/ttl_pickup.png) no-repeat center 0; }
.title span { position:relative; display:inline-block; }
.title > span:before { content:"";  position:absolute; bottom:10px; left:0; right:0; width:100%; height:1px; border-top:1px dashed #fd6400; }
.title .en { position:relative; display:inline-block; padding:0 0.6em; color:#fd6400; font-size:18px; background:#fff; }

/* スライド 
--------------------------------------------------- */
#slide { width:100%; max-width:1400px; margin:0 auto; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:0; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background:#fff; }
.bx-wrapper .bx-pager.bx-default-pager a { background:none; border:2px solid #fff; transition:all .3s; -webkit-transition:all .3s; }

/* おすすめ車
--------------------------------------------------- */
#pickup { padding-top:60px; }
.pickup_box { margin-top:110px; padding:130px 0 70px; position:relative; background:url(../img/bg_dot_yw.jpg); }
.pickup_box ul { position:absolute; top:-70px; left:0; right:0; }
.pickup_box li { float:left; }
.pickup_box li:not(:last-child) { margin-right:10px; }

/* コミコミカー特集
--------------------------------------------------- */
#plan { padding:70px 0 90px; }
#plan .title { background-image:url(../img/top/ttl_plan.png); }
.plan_btn li { float:left; }
.plan_btn li:not(:last-child) { margin-right:13px; }

/* 今週のチラシ・ホームページ特典
--------------------------------------------------- */
#saleInfo { padding:70px 0; background:url(../img/bg_dot_gr.jpg); }
.sale_box { position:relative; width:480px; height:450px; padding:8px; text-align:center; background-image:url(../img/bg_stripe.png); }
.sale_box.flyer { float:left; background-color:#fdcf00; }
.sale_box.benefit { float:right; background-color:#96ddf2; }

.sale_inner { height:100%; padding:30px 26px; background:#fff; }
.sale_inner h2 { font-size:28px; font-family:"Rounded Mplus 1c"; line-height:1.4; }
.sale_inner h2 span { display:block; font-size:16px; }

.sale_box.flyer h2 span { color:#fdcf00; }
.sale_box.benefit h2 span { color:#96ddf2; }

.sale_box.flyer ul { position:relative; z-index:2; width:330px; margin:20px auto 0; }
.sale_box.flyer li { float:left; width:160px; }
.sale_box.flyer li:last-child { float:right; }

.sale_box .staff { position:absolute; bottom:0; left:-55px; margin:0; }

/* 新着情報 
--------------------------------------------------- */
#information { padding:70px 0; }
.news_box { float:left; width:480px; }
.article_list { height:330px; overflow-x:auto; }
.article_list li { padding:10px; padding-left:9em; text-indent:-8em; }
.article_list li:nth-child(even) { background:#fff4da; }
.article_list li span { padding-right:2em; font-weight:bold; color:#fd6400; }

.fb_box { float:right; width:480px; }

/* 店舗情報 
--------------------------------------------------- */
.shop_box { padding:60px 0; background:#fff4da; }
.shop_detail { width:470px; }
.shop_detail h2 { position:relative; overflow:hidden; margin-bottom:16px; font-size:20px; color:#ff6600; font-family:"Rounded Mplus 1c"; }
.shop_detail h2:after { content:""; position:absolute; left:3.5em; top:0; bottom:0; width:100%; height:1px; margin:auto 0; border-bottom:1px dashed #ff6600; }
.shop_detail p { margin:0; }
.shop_detail .cmn_tel { margin-bottom:10px; }
.shop_detail .map { margin-top:20px; }