@charset "UTF-8";

/* --共通------------------------ */
section { margin-top: 30px; margin-bottom: 60px; }


/* --main_img------------------------ */
#main_img { width: 100%; max-width: 1000px; margin: 0 auto; text-align: center; }
#main_img p { margin: 0 auto; }

/* --topic------------------------ */
.topic { margin: 50px auto 30px; width: 45%; }
.topic a { display: block; background-color: #dc3228; color: #fff; padding:15px 20px; font-size: 1.2em; }

/* --example------------------------ */
#example { background: url(/img/top/syaken_bg_line.png) repeat-x bottom left; }
#example h2 { margin: 40px auto; text-align: center; }
#example li { margin: 0 15px; }

/* --reason------------------------ */
#reason { width: 100%; max-width: 1000px; margin: 0 auto; }
#reason h2 { margin: 0 auto 20px; }
.re_wrap > li {
  padding: 20px; margin: 0 auto 20px; border: 1px solid #d4d4d4;
  background: #fff9e8;
}
.re_wrap figure { width: 340px; float: left; }
.re_wrap .inner { width: 590px; float: right; }
.balloon {
  display: inline-block; padding: 4px 20px 3px; margin: 0 0 12px;
  text-align: center; position: relative; background: #fc6703;
}
.balloon:after {
  width: 0; height: 0; content: " "; position: absolute; top: 100%; left: 14%;
	pointer-events: none; border: solid transparent;
	border-color: rgba(252, 103, 3, 0); border-top-color: #fc6703;
	border-width: 7px; margin-left: -7px;
}
.balloon p {
  padding: 0; margin: 0; font-size: 17px; color: #fff;
}
.re_wrap .inner h3 { font-size: 25px; border-bottom: 2px solid #ffd027; }
.re_wrap .inner h3 span { font-size: 28px; font-weight: bold; }
.re_wrap .inner .txt_box {
  padding: 20px; border: 2px solid #ffd027; background: #fff;
}
.re_wrap .inner .txt_box li { padding-left: 16px; }
.re_wrap .inner .txt_box li::before {
  content: "・"; padding-right: 2px; margin-left: -16px;
}
/* --point------------------------ */
#point {
  background: url(/img/bg_dot_green.png);
}
#point .inner { width: 1000px; margin: 0 auto; padding: 20px 0 0; }
#p_wrap > li {
  width: 32%;
  padding: 20px; text-align: center; border-radius: 10px; background: #fff;
}
#p_wrap h2 {
  padding: 10px 0 8px;
  font-size: 18px; font-weight: bold; border-bottom: 2px solid #ffd027;
}
#p_wrap h2 span { font-size: 20px; }
#point .yoyaku_img { width: 622px; margin: -26px auto 0; }

/* --other------------------------ */
#other { width: 1000px; margin: 0 auto; padding-bottom: 80px; }
#credit { width: 100%; text-align: center; border: 4px solid #fc6703; }
#credit h2 {
  display: inline-block; padding: 0 20px; margin: -25px auto 0;
  color: #fc6703; font-size: 30px; overflow: hidden; background: #fff;
}
#credit .img { margin: 0 auto 10px; }
#c_comment {
  padding: 20px; margin: 60px auto; background: url(/img/bg_dot_pink.png);
}
#c_comment .inner { padding: 20px; background-color: rgba(255,255,255,0.9); }
.bnr_cls { text-align: center; }


/* --blog------------------------ */
#blog { text-align:center; border-top: 2px solid #f6471e; border-bottom: 2px solid #f6471e; }
#blog h2 { display:inline-block; padding:0 40px; margin:-24px auto 50px; background:#fff; }
#blog .blog_con { width: 90%; margin: 0 auto 60px; }
#blog .blog_con li { padding-bottom:6px; margin:0 0 12px; border-bottom:1px dashed #d3d3d3; }
#blog .blog_con li a { display:inline; width:400px; margin:0 auto; text-align:left; }
#blog .blog_con li em { margin: 0 20px 0 0; font-weight: normal; }

#blog .blog_con .blogList li a { width:auto; }
.blogList li { width:22%; text-align:left; border-bottom:0!important; }
.blogList li h3 { margin:0; font-weight:bold; font-size:16px; }
.blogList li p.date { margin:10px 0 3px; color:#da3129; font-weight:bold; }
.blogList li img { width:100%; }

/* --shop------------------------ */
#shop .ttl { margin:0 0 20px; }
#shop .img { margin-top:0; }
#shop .name{ margin-top:1em; }
#shop .shop_con li{ width:30%; }

/* --不正改造車お断りバナー------------------------ */
.modifiedCar { text-align: center;  margin: 30px auto 0; }
.bnr-information { text-align: center; margin: 50px auto 0; }