/* general */
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
  background: #F2F2F2;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
}
body.page-header-fixed {
  padding-top: 50px !important;
}
.logo-img {
  padding-top: 22px;
  width: 180px;
}
.ie8 .page-header-fixed .header-navigation {
  padding-top: 10px;
}
.ie8 body.page-header-fixed {
  padding-top: 20px !important;
  border-bottom: none;
}
.ie8 .logo-img {
  padding-top: 15px;
  width: 180px;
}
.ie8 body.contact-body .header-navigation {
  padding-top: 0px !important;
}
a.norma-link {
  color: #FFF;
  text-decoration: none;
}
a.norma-link:hover {
  color: #CCC;
  text-decoration: underline;
}
.header {
  background: #4D4D4D;
  color: #FFF;
  box-shadow: none;
  margin: 0;
}
.footer {
  background: #4D4D4D;
  padding: 20px 0;
}
.box-area {
  padding: 20px;
  min-height: 200px;
}
.header-navigation {
  float: none;
  width: 100%;
  text-align: center;
}
.header-navigation ul {
  text-align: center;
  width: 87%;
  margin: 0;
  margin-left: 3%;
  margin-right: 7%;
}
.header .header-navigation {
  margin: 0;
}
.header .header-navigation > ul > li {
  margin: 0 !important;
  padding-right: 3.5em;
}
.header .header-navigation > ul > li:last-child {
  padding-right: 0;
}
.header .header-navigation > ul > li > a,
.header-navigation > ul > li > a {
  margin: 0 !important;
  padding: 16px 0 !important;
  color: #FFF;
  font-size: 14px;
}
.header-navigation ul > li.active > a,
.header-navigation ul > li > a:hover,
.header-navigation ul > li > a:focus,
.header-navigation ul > li.open > a,
.header-navigation ul > li.open > a:hover,
.header-navigation ul > li.open > a:focus {
  background: none;
  color: #CCC;
}
.page-header-fixed .header-navigation {
  height: auto;
}
.resp-img {
  max-width: 100%;
}
.img-title {
  margin: 0;
  padding: 0;
  text-align: center;
  padding-bottom: 40px;
}
.nomargin {
  margin: 0 !important;
  padding: 0 !important;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.header .mobi-toggler {
  margin: 10px 0 !important;
}
.recent-work .b2 {
  border: 1px solid #333;
  padding: 10px;
  margin-bottom: 10px;
}
.recent-work .b2 p {
  margin: 0;
  padding: 0;
}
.top-title-area {
  position: relative;
}
.top-title-area .top-title {
  position: absolute;
  top: 40px;
  width: 60%;
  text-align: center;
  margin: 0 20%;
}
.top-title-area .top-title img {
  max-width: 100%;
  height: auto;
}
.top-title-area .top-title .top-title-p {
  font-size: 12px;
  padding-top: 10px;
  color: #333333;
  text-align: center;
  max-width: 100%;
  margin: 0 auto;
  font-weight: normal;
  line-height: 1.4;
}
.top-title-area .top-title h1,
.top-title-area .top-title h2 {
  margin: 0;
  padding: 0;
  font-size: 32px;
  color: #333333;
}
.floor-mat-table {
  margin-top: 10px;
}
.floor-mat-table td:first-child {
  width: 20%;
}
.floor-mat-table td {
  vertical-align: top;
}
/* brake pad */
.brake-table {
  border: #333 1px solid;
  width: 100%;
}
.brake-table td {
  text-align: center;
  vertical-align: middle;
  padding: 3px 15px;
}
.brake-table .t1 {
  width: 20%;
  border: #333 1px solid;
}
.brake-table .t2 {
  width: 30%;
  text-align: left;
}
.brake-table .t3 {
  width: 60%;
  text-align: left;
}
.brake-table .t2:last-child {
  text-align: left;
  border-top: 1px #333 solid;
}
.hid-table td {
  padding: 7px 15px;
}
a.opa:hover img {
  -ms-filter: "alpha( opacity=60 )";
  filter: alpha(opacity=60);
  opacity: 0.6;
}
.parallax-block1 {
  background: url("../img/VEC_4715.jpg") no-repeat fixed 50% 0;
  -moz-background-size: contain;
  background-size: contain;
  width: 100%;
  height: auto;
  padding: 0;
  position: relative;
  z-index: 0;
  vertical-align: top;
}
.parallax-block2 {
  background: url("../img/VEC_3728.jpg") no-repeat fixed 50% 0;
  -moz-background-size: contain;
  background-size: contain;
  width: 100%;
  height: auto;
  padding: 0;
  position: relative;
  z-index: 0;
}
.parallax-block3 {
  background: url("../img/VEC_3714.jpg") no-repeat fixed 50% 0;
  -moz-background-size: contain;
  background-size: contain;
  width: 100%;
  height: auto;
  padding: 0;
  position: relative;
  z-index: 0;
}
.parallax-block4 {
  background: url("../img/VEC_3742.jpg") no-repeat fixed 50% 0;
  -moz-background-size: contain;
  background-size: contain;
  width: 100%;
  height: auto;
  padding: 0;
  position: relative;
  z-index: 0;
}
.parallax-block5 {
  background: url("../img/VEC_4799.jpg") no-repeat fixed 50% 0;
  -moz-background-size: contain;
  background-size: contain;
  width: 100%;
  height: auto;
  padding: 0;
  position: relative;
  z-index: 0;
}
.parallax-block6 {
  background: url("../img/VEC_4922.jpg") no-repeat fixed 50% 0;
  -moz-background-size: contain;
  background-size: contain;
  width: 100%;
  height: auto;
  padding: 0;
  position: relative;
  z-index: 0;
}
.parallax-block7 {
  background: url("../img/VEC_4276.jpg") no-repeat fixed 50% 0;
  -moz-background-size: contain;
  background-size: contain;
  width: 100%;
  height: auto;
  padding: 0;
  position: relative;
  z-index: 0;
}
.parallax-block8 {
  background: url("../img/VEC_4160.jpg") no-repeat fixed 50% 0;
  -moz-background-size: contain;
  background-size: contain;
  width: 100%;
  height: auto;
  padding: 0;
  position: relative;
  z-index: 0;
}
.parallax-block9 {
  background: url("../img/VEC_3781.jpg") no-repeat fixed 50% 0;
  -moz-background-size: contain;
  background-size: contain;
  width: 100%;
  height: auto;
  padding: 0;
  position: relative;
  z-index: 0;
}
.parallax-block10 {
  background: url("../img/VEC_4587.jpg") no-repeat fixed 50% 0;
  -moz-background-size: contain;
  background-size: contain;
  width: 100%;
  height: auto;
  padding: 0;
  position: relative;
  z-index: 0;
}
.parallax-block11 {
  background: url("../img/EXR_8011.jpg") no-repeat fixed 50% 0;
  -moz-background-size: contain;
  background-size: contain;
  width: 100%;
  height: auto;
  padding: 0;
  position: relative;
  z-index: 0;
}
.parallax-block12 {
  background: url("../img/EXR_8340.jpg") no-repeat fixed 50% 0;
  -moz-background-size: contain;
  background-size: contain;
  width: 100%;
  height: auto;
  padding: 0;
  position: relative;
  z-index: 0;
}
.parallax-block13 {
  background: url("../img/hid/EXR_0865.jpg") no-repeat fixed 50% 0;
  -moz-background-size: contain;
  background-size: contain;
  width: 100%;
  height: auto;
  padding: 0;
  position: relative;
  z-index: 0;
}
.parallax-block14 {
  background: url("../img/hid/EXR_0871.jpg") no-repeat fixed 50% 0;
  -moz-background-size: contain;
  background-size: contain;
  width: 100%;
  height: auto;
  padding: 0;
  position: relative;
  z-index: 0;
}
.parallax-block1,
.parallax-block2,
.parallax-block3,
.parallax-block4,
.parallax-block5,
.parallax-block6,
.parallax-block7,
.parallax-block8,
.parallax-block9,
.parallax-block10,
.parallax-block11,
.parallax-block12,
.parallax-block13,
.parallax-block14 {
  min-height: 600px;
  -moz-background-size: 100%;
  background-size: 100%;
}
.parallax-block1,
.parallax-block7 {
    /*
  -moz-background-size: contain;
  background-size: contain;
    */
}
.header-navigation > ul > li > .dropdown-menu {
  background: #868686;
  border: none;
}
.header-navigation .dropdown-menu li > a {
  color: white;
  border: none;
}
.header-navigation .dropdown-menu > li > a:hover,
.header-navigation .dropdown-menu > li.active > a,
.header-navigation .header-navigation-content .header-navigation-col li > a:hover,
.header-navigation .header-navigation-content .header-navigation-col li.active > a {
  background: #666666;
}
.header-navigation > ul > li > .dropdown-menu {
  margin-top: 0;
}
.header-navigation .dropdown-menu > li:first-child,
.header-navigation .dropdown-menu li {
  border: none;
}
@media (min-width: 1920px) {
  .parallax-block1,
  .parallax-block7 {
    -moz-background-size: 120%;
    background-size: 120%;
  }
}
@media (min-width: 1025px) {
  .logo-area {
    text-align: right;
    padding-left: 70px;
  }
  .container {
    max-width: 980px;
  }
}
@media (max-width: 1024px) {
  .top-title {
    top: 10px;
  }
  .logo-area {
    width: 100% !important;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
  }
  .menu-area {
    width: 100% !important;
  }
  .header .header-navigation > ul > li {
    width: 100%;
    padding-right: 0;
  }
  .header .header-navigation {
    margin-bottom: 15px;
  }
  .brake-img {
    max-width: 80% !important;
    margin-bottom: 15px;
  }
  .header-navigation > ul > li > .dropdown-menu {
    background: #868686;
    border: none;
  }
  .header-navigation .dropdown-menu li > a {
    color: white !important;
    border: none;
  }
  .header-navigation .dropdown-menu > li > a:hover,
  .header-navigation .dropdown-menu > li.active > a,
  .header-navigation .header-navigation-content .header-navigation-col li > a:hover,
  .header-navigation .header-navigation-content .header-navigation-col li.active > a {
    background: #666666;
  }
  .header-navigation > ul > li > .dropdown-menu {
    margin-top: 0;
  }
  .header-navigation .dropdown-menu > li:first-child,
  .header-navigation .dropdown-menu li {
    border: none;
  }
  .header-navigation ul {
    width: 94%;
    margin: 0;
    margin-left: 3%;
    margin-right: 3%;
  }
}
@media (max-width: 900px) {
  .contact-body .top-title-p {
    display: inline;
  }
  .top-title-area .top-title {
    top: 0;
  }
  .top-title-area .top-title h1,
  .top-title-area .top-title h2 {
    font-size: 18px;
    padding-top: 20px;
  }
}
@media (max-width: 768px) {
  .b1 {
    margin-top: 40px;
  }
  .b2 {
    margin-top: 20px;
  }
  .note-area p {
    text-align: left !important;
    padding-top: 20px;
  }
  .top-title-area .top-title {
    width: 80%;
    margin: 0 10%;
  }
  .top-title-area .top-title .top-title-contact-p {
    margin-top: 20px;
    display: inline-block;
  }
  .brake-table {
    border: #333 1px solid;
    width: 100%;
  }
  .brake-table td {
    text-align: center;
    vertical-align: middle;
    padding: 3px 10px;
    font-size: 10px;
  }
  .brake-table .t1 {
    width: 20%;
    border: #333 1px solid;
  }
  .brake-table .t2 {
    width: 30%;
    text-align: left;
  }
  .brake-table .t3 {
    width: 60%;
    text-align: left;
  }
  .brake-table .t2:last-child {
    text-align: left;
    border-top: 1px #333 solid;
  }
  .brake-img {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 560px) {
  .top-title-p {
    display: none;
  }
}
@media (max-width: 768px) {
  .parallax-block13 .parallax-block14 {
    /*		background-position:50% 0 !important;*/
  }
}