@charset "UTF-8";
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　ノーマライズ

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* html */
html {
  margin: 0;
  padding: 0;
  border: 0; }

/* ボディ */
body {
  line-height: 1;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  border: 0; }

/* 全体 */
section, nav, article, aside, h1, h2, h3, h4, h5, h6, hgroup, header, footer, address,
p, blockquote, ol, ul, li, dl, dt, dd, figure, figcaption, div,
a, em, strong, small, s, cite, q, dfn, abbr, time, kbd, i, b, mark, span,
ins, del,
img, iframe, embed, object, video, audio, canvas, map,
table, caption, tbody, thead, tfoot, tr, td, th,
form, fieldset, legend, label,
details, summary, command, menu {
  font: inherit;
  font-size: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  border: 0; }

/* 画像 (下部に余白ができるので) */
img {
  vertical-align: bottom; }

/* リスト (list-styleを復帰する場合はmargin-leftの設定が必須) */
ol, ul {
  list-style: none; }

/* 上付き、下付き文字 */
sub {
  font: inherit;
  vertical-align: baseline; }

sup {
  font: inherit; }

/* 引用 */
blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

/* テーブル */
table {
  border-collapse: collapse;
  border-spacing: 0; }

th {
  font-weight: normal; }

/* フォーム (paddingを0にすると面倒くさいことになるので分離) */
input, button, select, datalist, optgroup, option, textarea, keygen, output, progress, meter {
  font: inherit;
  font-size: inherit;
  vertical-align: baseline;
  margin: 0; }

/* 区切り */
hr {
  display: block;
  margin: 0;
  padding: 0;
  border-top: solid 1px #000; }

/* リセット除外 */
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　ミックスイン

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* クリアフィックス */
/* テキスト非表示ブロック */
/* フォントファミリー */
/* Webフォント指定 */
/* フォントサイズのREM指定 */
/* リンク文字色 */
/* ブロック要素の中央配置 */
/* 要素の天地左右中央配置 */
/* テキスト省略 */
/* ベンダープレフィックス追加 */
/* グラデーション(縦) */
/* グラデーション(横) */
/* グラデーション(放射) */
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　関数

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* フォントサイズの%変換 */
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　全体設定

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* ボディ */
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 62.5%;
  background: #000; }

/* Webフォント */
@font-face {
  font-family: "arrow";
  src: url("../font/arrow/font.eot");
  src: url("../font/arrow/font.eot") format("embedded-opentype"), url("../font/arrow/font.woff2") format("woff2"), url("../font/arrow/font.woff") format("woff"), url("../font/arrow/font.ttf") format("truetype"), url("../font/arrow/font.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
/* 矢印 - ↑:t(T) / →:r(R) / ↓:b(B) / ←:l(L) */
@font-face {
  font-family: "social";
  src: url("../font/social/font.eot");
  src: url("../font/social/font.eot") format("embedded-opentype"), url("../font/social/font.woff2") format("woff2"), url("../font/social/font.woff") format("woff"), url("../font/social/font.ttf") format("truetype"), url("../font/social/font.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
/* ソーシャル - twitter:t(T) / facebook:f(F) / google+:o / pinterest:p / instagram:i / mixi:m / github:g(G) / skype:s */
@font-face {
  font-family: "link";
  src: url("../font/link/font.eot");
  src: url("../font/link/font.eot") format("embedded-opentype"), url("../font/link/font.woff2") format("woff2"), url("../font/link/font.woff") format("woff"), url("../font/link/font.ttf") format("truetype"), url("../font/link/font.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
/* リンク - ホーム:h / ブランク:b / リンク:l */
@font-face {
  font-family: "fffcompact";
  src: url("../font/FffCompact/font.eot");
  src: url("../font/FffCompact/font.eot") format("embedded-opentype"), url("../font/FffCompact/font.woff2") format("woff2"), url("../font/FffCompact/font.woff") format("woff"), url("../font/FffCompact/font.ttf") format("truetype"), url("../font/FffCompact/font.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
/* 見出し */
.article_title {
  display: block;
  font-size: 1.8em;
  line-height: 1.2;
  border-left: solid 5px #a40202;
  padding-left: 5px; }

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　ヘッダ

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
header {
  position: relative;
  /* 三角形 */
  /* エリア */
  /* ロゴ */
  /* ナビゲーション */ }
  header:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 40px 0 0;
    border-color: #a40202 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
  header hgroup {
    *zoom: 1;
    /*@include centeringLayout(1680px);*/
    min-width: 960px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap; }
    header hgroup:after {
      content: "";
      display: table;
      clear: both; }
  header h1 {
    /*float: left;*/
    line-height: 30px;
    margin: 30px 0 30px 50px;
    flex: 0 0 283px;
    -o-flex: 0 0 283px;
    -ms-flex: 0 0 283px;
    -moz-flex: 0 0 283px;
    -webkit-flex: 0 0 283px; }
    header h1 a {
      transition: all .5s;
      opacity: 1; }
      header h1 a:hover {
        opacity: .7; }
    header h1 img {
      vertical-align: middle; }
  header nav {
    /*float: right;
    @include clearFix;*/
    flex-shrink: 1;
    -o-flex-shrink: 1;
    -ms-flex-shrink: 1;
    -moz-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    flex-grow: 1;
    -o-flex-grow: 1;
    -ms-flex-grow: 1;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: flex-end;
    -o-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    /* リスト */
    /* ボタン */ }
    header nav ul {
      /*float: left;
      @include clearFix;*/
      flex-shrink: 1;
      -o-flex-shrink: 1;
      -ms-flex-shrink: 1;
      -moz-flex-shrink: 1;
      -webkit-flex-shrink: 1;
      flex-grow: 1;
      -o-flex-grow: 1;
      -ms-flex-grow: 1;
      -moz-flex-grow: 1;
      -webkit-flex-grow: 1;
      display: flex;
      display: -o-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      -o-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -webkit-flex-wrap: wrap; }
      header nav ul li {
        /*float: left;*/
        flex-shrink: 1;
        -o-flex-shrink: 1;
        -ms-flex-shrink: 1;
        -moz-flex-shrink: 1;
        -webkit-flex-shrink: 1;
        flex-grow: 1;
        -o-flex-grow: 1;
        -ms-flex-grow: 1;
        -moz-flex-grow: 1;
        -webkit-flex-grow: 1;
        text-align: center; }
        header nav ul li a {
          display: block;
          color: #fff;
          background: #000;
          font-size: 1.5em;
          text-decoration: none;
          line-height: 20px; }
          header nav ul li a span {
            display: inline-block;
            padding: 35px 0 30px;
            transition: all .5s;
            border-bottom: solid 5px #000; }
          header nav ul li a:hover span {
            border-bottom: solid 5px #a40202; }
        header nav ul li .current span {
          border-bottom: solid 5px #a40202; }
        header nav ul li:nth-child(n + 5) {
          display: none; }
    header nav > a {
      flex: 0 0 90px;
      -o-flex: 0 0 90px;
      -ms-flex: 0 0 90px;
      -moz-flex: 0 0 90px;
      -webkit-flex: 0 0 90px;
      margin-left: 20px;
      color: #fff;
      width: 90px;
      height: 90px;
      text-align: center;
      text-decoration: none;
      transition: all .5s; }
      header nav > a img {
        margin-top: 18px; }
      header nav > a small {
        display: block;
        font-size: 1.1em;
        margin-top: 12px; }
    header nav .search, header nav .search_dummy {
      /*float: right;*/
      background: #a40202; }
      header nav .search:hover, header nav .search_dummy:hover {
        background: #d72929; }
    header nav .burger {
      display: none; }
    header nav .close {
      display: none; }

.index header .search {
  display: none; }

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　検索

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.search_product {
  color: #fff;
  background: #a40202;
  padding: 14px 0;
  text-align: center;
  /* フォーム */
  /* タイトル */
  /* セレクトボックス */
  /* ラベル + チェックボックス */
  /* ボタン */
  /* 詳しく */ }
  .search_product form section {
    display: block;
    width: 960px;
    margin-right: auto;
    margin-left: auto; }
  .search_product strong {
    display: inline-block;
    font-size: 1.5em;
    width: 130px;
    line-height: 21px;
    margin-right: 13px; }
  .search_product .main {
    background: url(../images/common/ico_search.png) center left no-repeat;
    background-size: auto 100%;
    font-size: 1.8em;
    font-weight: bold;
    width: 95px;
    padding-left: 35px; }
  .search_product select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    background: transparent url(../images/common/ico_dropdown.png) center right 10px no-repeat;
    max-width: 200px;
    min-width: 100px;
    line-height: 44px;
    padding: 0 15px;
    border: solid 2px #fff;
    outline: none;
    font-size: 1.6em;
    margin: 0 5px 8px 0; }
    .search_product select option {
      color: #000; }
    .search_product select:disabled {
      opacity: .4; }
  .search_product label {
    display: inline-block;
    border: solid 1px #fff;
    padding: 8px;
    vertical-align: bottom;
    margin: 0 33px 8px 0; }
    .search_product label span {
      display: inline-block;
      font-size: 1.3em;
      text-align: center;
      line-height: 15px; }
    .search_product label input {
      display: none; }
    .search_product label input + small:after {
      content: '';
      display: inline-block;
      color: #000;
      background: #fff;
      border: solid 1px #595757;
      font-size: 1.4em;
      font-weight: bold;
      width: 20px;
      height: 20px;
      line-height: 20px;
      padding: 0;
      text-align: center;
      margin: 3px 0 0 5px;
      vertical-align: top; }
    .search_product label input:checked + small:after {
      content: '\2713';
      display: inline-block;
      color: #000;
      background: #fff;
      border: solid 1px #595757;
      font-size: 1.4em;
      font-weight: bold;
      width: 20px;
      height: 20px;
      line-height: 20px;
      padding: 0;
      text-align: center;
      margin: 3px 0 0 5px;
      vertical-align: top; }
  .search_product .disabled {
    opacity: .4; }
  .search_product button[type='button'] {
    background: transparent;
    border: none;
    outline: none;
    vertical-align: bottom;
    cursor: pointer;
    transition: all .5s;
    opacity: 1; }
    .search_product button[type='button']:hover {
      opacity: .7; }
  .search_product .sp_submit {
    display: none; }
  .search_product button[type='submit'] {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border: solid 1px #fff;
    width: 100%;
    padding: 18px 0;
    margin-top: 40px;
    cursor: pointer;
    transition: all .5s;
    color: #fff;
    background: #a40202; }
    .search_product button[type='submit']:hover {
      color: #a40202;
      background: #fff; }
  .search_product .more {
    display: none;
    background: #a40202;
    border-top: solid 1px #bf4e4e;
    padding: 25px 0 30px;
    margin-top: 15px;
    /* SP用 */
    /* セレクトボックス */
    /* ローディング */
    /* リザルト */ }
    .search_product .more section > dl {
      display: inline-block; }
      .search_product .more section > dl dt {
        display: none; }
    .search_product .more select {
      background: transparent url(../images/common/ico_dropdown.png) center right 11px no-repeat;
      line-height: 46px;
      padding: 0 16px;
      border: solid 1px #fff; }
    .search_product .more .loading {
      text-align: center;
      padding: 50px 0; }
    .search_product .more article {
      display: none; }
      .search_product .more article figure img {
        width: 100%; }
      .search_product .more article p {
        margin-top: 35px; }
        .search_product .more article p em {
          font-size: 1.6em; }
        .search_product .more article p small {
          font-size: 1.2em;
          margin-left: 35px; }
      .search_product .more article button {
        display: block;
        width: 100%;
        font-size: 1.6em;
        text-align: center;
        text-decoration: none;
        border: solid 1px #fff;
        padding: 18px 0;
        margin-top: 50px;
        transition: all .5s;
        color: #fff;
        background: #a40202; }
        .search_product .more article button:hover {
          color: #a40202;
          background: #fff; }
      .search_product .more article ul {
        *zoom: 1;
        margin-top: 20px; }
        .search_product .more article ul:after {
          content: "";
          display: table;
          clear: both; }
        .search_product .more article ul li {
          float: left;
          width: 225px;
          margin-right: 20px; }
          .search_product .more article ul li:last-child {
            margin: 0; }
          .search_product .more article ul li a {
            display: block;
            font-size: 1.4em;
            text-align: center;
            text-decoration: none;
            border: solid 1px #fff;
            padding: 18px 0;
            transition: all .5s;
            color: #fff;
            background: #a40202; }
            .search_product .more article ul li a:hover {
              color: #a40202;
              background: #fff; }
      .search_product .more article dl {
        font-size: 1.3em;
        line-height: 1.6;
        text-align: center; }
        .search_product .more article dl dt {
          background: #720101;
          padding: 7px 0; }
        .search_product .more article dl dd {
          padding: 7px 0; }
      .search_product .more article aside {
        line-height: 2;
        text-align: center;
        margin-top: 35px; }

/* ヘッダ用 */
.search_product.global_search {
  display: none;
  position: absolute;
  z-index: 100;
  width: 100%;
  left: 0;
  top: 100%;
  /* フォーム */
  /* 詳しく */ }
  .search_product.global_search form {
    position: relative; }
  .search_product.global_search .more {
    position: absolute;
    z-index: 1;
    top: calc(100% - 1px);
    width: 100%; }

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　フッタ

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
footer {
  color: #fff;
  background: #1a1a1a;
  margin-top: 50px;
  /* エリア */
  /* ナビ */
  /* コピーライト */ }
  footer section {
    *zoom: 1;
    display: block;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.2em;
    padding: 25px 0; }
    footer section:after {
      content: "";
      display: table;
      clear: both; }
  footer ul {
    float: left;
    *zoom: 1; }
    footer ul:after {
      content: "";
      display: table;
      clear: both; }
    footer ul li {
      float: left;
      margin-right: 25px; }
    footer ul a {
      background: url(../images/common/ico_footerlink.png) center left no-repeat;
      text-decoration: none;
      padding-left: 10px;
      transition: all .5s;
      color: #fff;
      text-decoration: none; }
      footer ul a:hover {
        color: #a40202;
        text-decoration: underline; }
  footer small {
    float: right; }

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　SP用ソーシャル

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.sp_social {
  display: none; }

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　メインヴィジュアル(共通)

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.global_visual {
  height: 245px;
  position: relative;
  /* タイトル */ }
  .global_visual dl {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; }
    .global_visual dl dt {
      color: #fff;
      font-size: 3em;
      font-weight: bold; }
    .global_visual dl dd {
      color: #a40202;
      font-size: 1.4em;
      font-weight: bold;
      margin-top: 18px; }

/* 個別 */
.mv_suspension {
  background: url(../images/lineup/sustec/visual.jpg) center no-repeat;
  background-size: cover; }

.mv_muffler {
  background: url(../images/lineup/medalion/visual.jpg) center no-repeat;
  background-size: cover; }

.mv_bodytuning {
  background: url(../images/lineup/sustec/bodytuning/visual.jpg) center no-repeat;
  background-size: cover; }

.mv_other {
  background: url(../images/lineup/other/visual.jpg) center no-repeat;
  background-size: cover; }

.mv_detail {
  background: url(../images/lineup/detail/visual.jpg) center no-repeat;
  background-size: cover; }

.mv_gallery {
  background: url(../images/gallery/visual.jpg) center no-repeat;
  background-size: cover; }

.mv_developer {
  background: url(../images/developer/visual.jpg) center no-repeat;
  background-size: cover; }

.mv_tokuyaku {
  background: url(../images/tokuyaku/visual.jpg) center no-repeat;
  background-size: cover; }

.mv_overseas {
  background: url(../images/over-seas-dealer/visual.jpg) center no-repeat;
  background-size: cover; }

.mv_new {
  background: url(../images/new/visual.jpg) center no-repeat;
  background-size: cover; }

.mv_aside {
  background: url(../images/other/visual.jpg) center no-repeat;
  background-size: cover; }

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　パンくずリスト

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.breadcrumbs {
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  /* リスト */ }
  .breadcrumbs ul {
    *zoom: 1;
    font-size: 1.1em; }
    .breadcrumbs ul:after {
      content: "";
      display: table;
      clear: both; }
    .breadcrumbs ul li {
      float: left;
      color: #fff;
      padding: 10px 0; }
      .breadcrumbs ul li a {
        transition: all .5s;
        color: #fff;
        text-decoration: none; }
        .breadcrumbs ul li a:hover {
          color: #a40202;
          text-decoration: underline; }
      .breadcrumbs ul li:first-child:before {
        content: 'h';
        color: #808080;
        font-family: 'link';
        font-size: .8em;
        margin-right: .5em; }
    .breadcrumbs ul li + li {
      background: url(../images/common/ico_footerlink.png) center left no-repeat;
      padding-left: 18px;
      margin-left: 15px; }

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　index

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* メインヴィジュアル */
.index_visual {
  position: relative;
  /* リスト */
  /* ボタン */
  /* ドット */ }
  .index_visual ul a {
    outline: none; }
  .index_visual ul img {
    width: 100%; }
  .index_visual .prev, .index_visual .next {
    position: absolute;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    transition: all .5s;
    opacity: .4; }
    .index_visual .prev:hover, .index_visual .next:hover {
      opacity: 1; }
  .index_visual .prev {
    left: 40px; }
  .index_visual .next {
    right: 40px; }
  .index_visual .slick-dots {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center; }
    .index_visual .slick-dots li {
      display: inline-block;
      margin: 0 2px; }
      .index_visual .slick-dots li button {
        display: block;
        text-indent: -9999px;
        background: #9fa0a0;
        width: 235px;
        height: 6px;
        border: none;
        outline: none;
        cursor: pointer; }
    .index_visual .slick-dots .slick-active button {
      background: #a40202; }

/* カテゴリ */
.index_category {
  padding: 1px 0;
  /* リスト */ }
  .index_category ul {
    /*@include clearFix;
    @include centeringLayout(auto);*/
    display: table;
    width: 100%;
    table-layout: fixed; }
    .index_category ul li {
      display: table-cell;
      border-left: 1px solid #000; }
      .index_category ul li:first-child {
        border-left: 0 none; }
      .index_category ul li a {
        color: #fff;
        font-size: 2em;
        font-weight: bold;
        text-decoration: none; }
        .index_category ul li a figure {
          position: relative; }
          .index_category ul li a figure figcaption {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            transition: all .5s;
            opacity: 1; }
        .index_category ul li a img {
          transition: all .5s;
          opacity: .3;
          width: 100%; }
        .index_category ul li a:hover figcaption {
          opacity: 0; }
        .index_category ul li a:hover img {
          opacity: 1; }

/* スペシャリスト */
.index_specialist {
  background: #fff url(../images/index/specialist_img.jpg) left no-repeat;
  height: 570px;
  /* 記事 */ }
  .index_specialist article {
    width: 500px;
    margin-left: 50%;
    padding-top: 100px; }
    .index_specialist article dt {
      font-size: 3em;
      line-height: 1.4; }
    .index_specialist article dd {
      font-size: 1.5em;
      line-height: 1.8;
      margin-top: 25px; }
    .index_specialist article a {
      display: inline-block;
      font-size: 1.5em;
      font-weight: bold;
      text-decoration: none;
      text-align: center;
      width: 162px;
      line-height: 42px;
      margin-top: 40px;
      transition: all .5s;
      color: #000;
      background: #fff;
      border: solid 2px #000; }
      .index_specialist article a:hover {
        color: #fff;
        background: #a40202;
        border: solid 2px #a40202; }

/* ギャラリー */
.index_gallery img {
  height: 384px; }

/* ナビゲーション */
.index_nav {
  border-top: solid 1px #808080;
  border-bottom: solid 1px #808080;
  /* リスト */ }
  .index_nav ul {
    /*@include clearFix;
    @include centeringLayout(1680px);*/
    display: table;
    width: 100%;
    table-layout: fixed; }
    .index_nav ul li {
      /*float: left;
      width: 420px;*/
      display: table-cell; }
      .index_nav ul li a {
        display: block;
        color: #fff;
        font-size: 1.4em;
        text-align: center;
        text-decoration: none;
        border-left: solid 1px #808080;
        padding: 90px 0 80px; }
        .index_nav ul li a figure {
          transition: all .5s;
          opacity: 1; }
        .index_nav ul li a:hover figure {
          opacity: .5; }
        .index_nav ul li a figcaption {
          margin-top: 40px; }
      .index_nav ul li:last-child a {
        border-right: solid 1px #808080; }

/* ニュース関係(スキン) */
.index_news {
  color: #fff;
  /* タイトル */ }
  .index_news h2 {
    padding: 0 0 15px 22px;
    border-bottom: solid 1px #fff;
    position: relative; }
    .index_news h2 strong {
      display: inline-block;
      font-size: 2.2em;
      font-weight: bold; }
    .index_news h2 small {
      display: inline-block;
      font-family: 'fffcompact', serif;
      font-size: .8em;
      line-height: 2.2em;
      vertical-align: super;
      margin-left: 20px; }
    .index_news h2 a {
      color: #fff;
      font-family: 'fffcompact', serif;
      font-size: .8em;
      text-decoration: none;
      line-height: 20px;
      padding: 0 .7em;
      position: absolute;
      right: 0;
      transition: all .5s;
      background: transparent;
      border: solid 1px #fff; }

/* 新着情報 */
.index_news.index_whatsnew {
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 125px;
  /* タイトル */
  /* リスト */
  /* SP用 */ }
  .index_news.index_whatsnew h2:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 14px 0 0;
    border-color: #a40202 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
  .index_news.index_whatsnew h2 small {
    color: #a40202; }
  .index_news.index_whatsnew h2 a:hover {
    background: #a40202;
    border: solid 1px #a40202; }
  .index_news.index_whatsnew ul {
    *zoom: 1; }
    .index_news.index_whatsnew ul:after {
      content: "";
      display: table;
      clear: both; }
    .index_news.index_whatsnew ul li {
      float: left;
      width: 222px;
      margin: 20px 24px 0 0;
      text-align: center; }
      .index_news.index_whatsnew ul li a {
        transition: all .5s;
        opacity: 1; }
        .index_news.index_whatsnew ul li a:hover {
          opacity: .5; }
      .index_news.index_whatsnew ul li small {
        display: block;
        font-size: 1.2em;
        margin-top: 15px; }
      .index_news.index_whatsnew ul li p {
        font-size: 1.5em;
        line-height: 1.6;
        margin-top: 10px; }
      .index_news.index_whatsnew ul li:last-child {
        margin: 20px 0 0; }
  .index_news.index_whatsnew .readmore {
    display: none; }

/* ソーシャル */
.index_social {
  *zoom: 1;
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 100px;
  /* facebook */ }
  .index_social:after {
    content: "";
    display: table;
    clear: both; }
  .index_social iframe {
    float: right; }

/* ブログ */
.index_news.index_blog {
  float: left;
  width: 620px;
  /* タイトル */
  /* リスト */ }
  .index_news.index_blog h2 {
    background: url(../images/common/ico_blog.png) top left no-repeat;
    padding: 0 0 15px 30px; }
    .index_news.index_blog h2 small {
      color: #28883a; }
    .index_news.index_blog h2 a:hover {
      background: #28883a;
      border: solid 1px #28883a; }
  .index_news.index_blog ul {
    font-size: 1.5em;
    line-height: 1.6; }
    .index_news.index_blog ul li {
      padding: 15px 10px;
      border-bottom: dotted 1px #fff; }
    .index_news.index_blog ul small {
      display: inline-block;
      width: 120px;
      vertical-align: top; }
    .index_news.index_blog ul a {
      display: inline-block;
      max-width: 470px;
      transition: all .5s;
      color: #fff;
      text-decoration: none; }
      .index_news.index_blog ul a:hover {
        color: #28883a;
        text-decoration: underline; }

.social_youtube{
	clear:both;
	margin:100px auto 0 auto;
	padding-top:100px;
}

/* バナー */
.index_banner {
  text-align: center;
  margin-top: 120px;
  /* リンク */ }
  .index_banner a {
    transition: all .5s;
    opacity: 1; }
    .index_banner a:hover {
      opacity: .5; }

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　製品情報

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* イントロ */
.product_intro {
  color: #fff;
  text-align: center;
  margin-top: 70px;
  /* テキスト */
  /* リンク */ }
  .product_intro dl {
    margin-top: 20px; }
    .product_intro dl dt {
      font-size: 2.4em;
      font-weight: bold;
      line-height: 1.6; }
    .product_intro dl dd {
      font-size: 1.6em;
      line-height: 2;
      margin-top: 15px; }
  .product_intro nav {
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    margin-top: 65px; }
    .product_intro nav a {
      display: inline-block;
      color: #fff;
      font-size: 1.8em;
      text-align: center;
      text-decoration: none;
      padding: 20px 65px;
      transition: all .5s;
      background: #000; }
      .product_intro nav a:hover {
        background: #333; }

/* ガイド */
.product_guide {
  color: #fff;
  border-top: solid 1px #4d4d4d;
  padding: 40px 0;
  /* テキスト */ }
  .product_guide dl {
    display: block;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 60px; }
    .product_guide dl dt {
      font-size: 2.4em;
      line-height: 1.6;
      text-align: center; }
    .product_guide dl dd {
      *zoom: 1;
      margin-top: 10px; }
      .product_guide dl dd:after {
        content: "";
        display: table;
        clear: both; }
      .product_guide dl dd a {
        float: left;
        width: 314px;
        line-height: 92px;
        font-size: 1.8em;
        text-align: center;
        text-decoration: none;
        margin: 9px 9px 0 0;
        transition: all .5s;
        color: #fff;
        background: #333; }
        .product_guide dl dd a:hover {
          color: #333;
          background: #fff; }
        .product_guide dl dd a:nth-child(3n) {
          margin-right: 0; }

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　製品詳細

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.product_detail {
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 60px;
  color: #fff;
  /* 製品名 */
  /* 製品画像 */
  /* 詳細 */
  /* 備考 */ }
  .product_detail strong {
    display: block;
    font-size: 2.4em;
    text-align: center; }
  .product_detail figure {
    background: #fff;
    text-align: center;
    padding: 15px 0;
    margin-top: 30px; }
  .product_detail table {
    width: 100%;
    font-size: 1.6em;
    line-height: 1.6;
    text-align: center; }
    .product_detail table th, .product_detail table td {
      padding: 15px;
      border: solid 1px #fff; }
    .product_detail table th {
      background: #262626;
      border-bottom: dotted 1px #fff; }
    .product_detail table td {
      border-top: dotted 1px #fff; }
    .product_detail table:nth-child(odd) {
      margin-top: 20px; }
      .product_detail table:nth-child(odd) th {
        width: 33.3%; }
    .product_detail table:nth-child(even) th {
      width: 25%; }
    .product_detail table:nth-child(even) tr:nth-child(1) th {
      border-top: none; }
    .product_detail table:nth-child(even) tr:nth-child(2) th {
      border-top: dotted 1px #fff; }
  .product_detail small {
    display: block;
    font-size: 1.2em;
    line-height: 1.6;
    margin-top: 20px; }

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　サスペンション

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* 製品一覧 */
.product_list_suspension {
  padding: 120px 105px;
  /* 説明 */
  /* 補足情報 */
  /* リスト */ }
  .product_list_suspension article {
    *zoom: 1;
    display: block;
    width: 1040px;
    margin-right: auto;
    margin-left: auto; }
    .product_list_suspension article:after {
      content: "";
      display: table;
      clear: both; }
    .product_list_suspension article figure {
      float: left; }
    .product_list_suspension article dl {
      float: right;
      color: #fff;
      width: 600px;
      margin-right: 40px; }
      .product_list_suspension article dl dt {
        font-size: 2.2em;
        border-bottom: solid 1px #fff;
        padding: 10px 0; }
      .product_list_suspension article dl dd {
        text-align: right; }
        .product_list_suspension article dl dd p {
          font-size: 1.6em;
          text-align: left;
          line-height: 1.8;
          margin-top: 25px; }
        .product_list_suspension article dl dd a {
          display: inline-block;
          font-size: 1.5em;
          text-decoration: none;
          text-align: center;
          width: 162px;
          line-height: 42px;
          margin-top: 25px;
          border: solid 1px #fff;
          transition: all .5s;
          color: #fff;
          background: transparent; }
          .product_list_suspension article dl dd a:hover {
            color: #000;
            background: #fff; }
  .product_list_suspension aside {
    display: block;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    display: none;
    color: #fff; }
    .product_list_suspension aside strong {
      display: block;
      background: #4c4c4c;
      font-size: 1.8em;
      text-align: center;
      line-height: 50px; }
    .product_list_suspension aside dl dt {
      font-size: 1.8em;
      line-height: 1;
      border-left: solid 5px #a40202;
      padding-left: 5px;
      margin-top: 40px; }
    .product_list_suspension aside dl dd {
      font-size: 1.6em;
      line-height: 1.8;
      margin-top: 25px; }
      .product_list_suspension aside dl dd em {
        display: block;
        color: #ef845c; }
    .product_list_suspension aside figure {
      margin: 30px 0 70px; }
    .product_list_suspension aside p {
      font-size: 1.6em;
      line-height: 1.8;
      margin-top: 25px; }
  .product_list_suspension ul {
    *zoom: 1;
    display: block;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px; }
    .product_list_suspension ul:after {
      content: "";
      display: table;
      clear: both; }
    .product_list_suspension ul li {
      float: left;
      width: 222px;
      margin: 45px 24px 0 0;
      text-align: center; }
      .product_list_suspension ul li:nth-child(4n) {
        margin-right: 0; }
      .product_list_suspension ul li a {
        display: block;
        *zoom: 1;
        color: #fff;
        text-decoration: none; }
        .product_list_suspension ul li a:after {
          content: "";
          display: table;
          clear: both; }
        .product_list_suspension ul li a img {
          transition: all .5s;
          ocacity: 1; }
        .product_list_suspension ul li a:hover img {
          opacity: .6; }
        .product_list_suspension ul li a span {
          float: left;
          width: 110px;
          line-height: 35px;
          font-size: 1.1em;
          margin-top: 2px; }
          .product_list_suspension ul li a span:nth-child(odd) {
            float: right; }
        .product_list_suspension ul li a .orange {
          background: #f06a23; }
        .product_list_suspension ul li a .blue {
          background: #1058aa; }
        .product_list_suspension ul li a .red {
          background: #6a9045; }
        .product_list_suspension ul li a .green {
          background: #d42f2d; }
      .product_list_suspension ul li dl {
        color: #fff;
        margin-top: 10px; }
        .product_list_suspension ul li dl dt {
          font-size: 1.6em;
          line-height: 1.8; }
        .product_list_suspension ul li dl dd {
          font-size: 1.4em;
          line-height: 1.8; }

.product_list_suspension.product01 {
  background: #1f1f1f; }

/* 製品詳細 */
.suspension_detail_head {
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  color: #fff; }
  .suspension_detail_head dl {
    text-align: center;
    line-height: 1.6;
    margin-top: 60px; }
    .suspension_detail_head dl dt {
      font-size: 2.4em; }
    .suspension_detail_head dl dd {
      font-size: 1.6em;
      margin-top: 10px; }
  .suspension_detail_head figure {
    margin-top: 25px; }
  .suspension_detail_head aside {
    margin-top: 30px; }
  .suspension_detail_head p {
    font-size: 1.6em;
    line-height: 1.6;
    margin-top: 20px; }
  .suspension_detail_head small {
    display: block;
    background: #262626;
    font-size: 1.4em;
    line-height: 1.8;
    padding: 20px;
    margin-top: 20px; }

.suspension_detail_info {
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  color: #fff; }
  .suspension_detail_info strong {
    display: block;
    background: #4c4c4c;
    font-size: 1.8em;
    text-align: center;
    line-height: 50px;
    margin-top: 70px; }
  .suspension_detail_info em {
    margin-top: 30px; }
  .suspension_detail_info article {
    display: flex; }
    .suspension_detail_info article dl {
      margin-right: 30px; }
      .suspension_detail_info article dl dt {
        color: #ef845c;
        font-size: 1.6em;
        margin-top: 30px; }
      .suspension_detail_info article dl dd {
        font-size: 1.6em;
        line-height: 1.8;
        margin-top: 15px; }
        .suspension_detail_info article dl dd em {
          display: block;
          color: #ef845c; }
  .suspension_detail_info p {
    font-size: 1.6em;
    line-height: 1.8;
    margin-top: 25px; }
  .suspension_detail_info a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    border: solid 1px #fff;
    padding: 15px;
    margin-top: 10px;
    transition: all .5s;
    opacity: 1; }
    .suspension_detail_info a:hover {
      opacity: .5; }
    .suspension_detail_info a img {
      vertical-align: middle; }
    .suspension_detail_info a span {
      display: inline-block;
      font-size: 1.4em;
      vertical-align: middle;
      margin-left: 15px; }
  .suspension_detail_info table {
    width: 100%;
    margin-top: 60px; }
    .suspension_detail_info table caption {
      font-size: 1.8em;
      font-weight: bold;
      line-height: 1.8;
      border: solid 1px #fff;
      border-bottom: none;
      padding: 15px 0; }
    .suspension_detail_info table td {
      width: 33.3%;
      font-size: 1.6em;
      line-height: 1.8;
      text-align: center;
      border: solid 1px #fff;
      padding: 15px 0; }

.suspension_detail_list {
  border-top: solid 1px #999;
  margin-top: 50px;
  padding-top: 50px;
  /* 見出し */
  /* リスト */ }
  .suspension_detail_list strong {
    display: block;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    color: #fff;
    background: #4c4c4c;
    font-size: 1.8em;
    text-align: center;
    line-height: 50px;
    margin-top: 70px; }
  .suspension_detail_list ul {
    *zoom: 1;
    display: block;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px; }
    .suspension_detail_list ul:after {
      content: "";
      display: table;
      clear: both; }
    .suspension_detail_list ul li {
      float: left;
      width: 222px;
      margin: 45px 24px 0 0;
      text-align: center; }
      .suspension_detail_list ul li:nth-child(4n) {
        margin-right: 0; }
      .suspension_detail_list ul li a {
        display: block;
        *zoom: 1;
        color: #fff;
        text-decoration: none; }
        .suspension_detail_list ul li a:after {
          content: "";
          display: table;
          clear: both; }
        .suspension_detail_list ul li a img {
          transition: all .5s;
          ocacity: 1; }
        .suspension_detail_list ul li a:hover img {
          opacity: .6; }
        .suspension_detail_list ul li a span {
          float: left;
          width: 110px;
          line-height: 35px;
          font-size: 1.1em;
          margin-top: 2px; }
          .suspension_detail_list ul li a span:nth-child(odd) {
            float: right; }
        .suspension_detail_list ul li a .orange {
          background: #f06a23; }
        .suspension_detail_list ul li a .blue {
          background: #1058aa; }
        .suspension_detail_list ul li a .red {
          background: #6a9045; }
        .suspension_detail_list ul li a .green {
          background: #d42f2d; }
      .suspension_detail_list ul li dl {
        color: #fff;
        margin-top: 10px; }
        .suspension_detail_list ul li dl dt {
          font-size: 1.6em;
          line-height: 1.8; }
        .suspension_detail_list ul li dl dd {
          font-size: 1.4em;
          line-height: 1.8; }

/* 関連技術情報 */
.tec_suspension_intro {
  display: block;
  width: 1020px;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  background: url(../images/technology/suspension/intro_img.png) right bottom no-repeat;
  margin-top: 20px; }
  .tec_suspension_intro img {
    margin-left: 30px; }
  .tec_suspension_intro p {
    *zoom: 1;
    font-size: 1.6em;
    line-height: 1.8;
    margin: 30px 0 0 30px; }
    .tec_suspension_intro p:after {
      content: "";
      display: table;
      clear: both; }
    .tec_suspension_intro p img {
      float: right;
      margin-left: 20px; }

.tec_suspension_article {
  display: block;
  width: 958px;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  margin-top: 20px;
  border: solid 1px #fff; }
  .tec_suspension_article a {
    display: block;
    color: #fff;
    font-size: 1.8em;
    text-decoration: none;
    line-height: 1.6;
    padding: 15px 20px;
    border-bottom: solid 1px #fff;
    position: relative; }
    .tec_suspension_article a:after {
      content: 'b';
      font-family: 'arrow';
      font-size: 2em;
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      right: 20px; }
  .tec_suspension_article .open:after {
    content: 't';
    font-family: 'arrow';
    font-size: 2em;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 20px; }
  .tec_suspension_article article {
    display: none;
    margin: 0 39px;
    padding: 39px 0; }
    .tec_suspension_article article dl dt {
      margin-top: 40px; }
    .tec_suspension_article article dl dd {
      font-size: 1.6em;
      line-height: 1.8;
      margin-top: 15px; }
      .tec_suspension_article article dl dd p {
        *zoom: 1; }
        .tec_suspension_article article dl dd p:after {
          content: "";
          display: table;
          clear: both; }
        .tec_suspension_article article dl dd p img {
          float: right;
          margin-left: 20px; }
    .tec_suspension_article article .strongpoint {
      margin-top: 50px; }
      .tec_suspension_article article .strongpoint dt {
        background: #333;
        text-align: center;
        border-left: none;
        padding: 20px 0; }
      .tec_suspension_article article .strongpoint dd {
        margin-top: 25px; }
    .tec_suspension_article article .contents03_article em {
      font-weight: bold; }
    .tec_suspension_article article .contents03_article img {
      float: left;
      margin-left: 0;
      margin-right: 20px; }

.tec_suspension_article.contenst01 {
  margin-top: 70px; }
  .tec_suspension_article.contenst01 article {
    display: block; }

.tec_suspension_article.contents04 {
  margin-bottom: 130px; }
  .tec_suspension_article.contents04 article dl dt {
    margin-top: 0; }
  .tec_suspension_article.contents04 article ol li {
    *zoom: 1;
    margin-top: 50px; }
    .tec_suspension_article.contents04 article ol li:after {
      content: "";
      display: table;
      clear: both; }
    .tec_suspension_article.contents04 article ol li img {
      float: left; }
    .tec_suspension_article.contents04 article ol li dl {
      float: right;
      width: 650px; }
      .tec_suspension_article.contents04 article ol li dl dt {
        font-size: 1.8em;
        border-left: none;
        padding-left: 0;
        line-height: 32px; }
        .tec_suspension_article.contents04 article ol li dl dt span {
          display: inline-block;
          color: #fff;
          background: #a40202;
          width: 32px;
          text-align: center;
          margin-right: 12px; }

/* カスタムスプリングの仕組み */
.gui_suspension03 {
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  margin-top: 20px;
  padding-bottom: 70px; }
  .gui_suspension03 article {
    *zoom: 1;
    border: solid 1px #fff;
    padding: 55px 60px 50px 70px; }
    .gui_suspension03 article:after {
      content: "";
      display: table;
      clear: both; }
    .gui_suspension03 article figure {
      float: left; }
    .gui_suspension03 article dl {
      float: right;
      width: 510px;
      line-height: 1.4; }
      .gui_suspension03 article dl dt {
        font-size: 1.5em;
        margin-top: 25px; }
        .gui_suspension03 article dl dt:first-child {
          margin-top: 0; }
      .gui_suspension03 article dl dd {
        font-size: 1.4em; }
  .gui_suspension03 > dl {
    font-size: 1.6em;
    line-height: 1.6;
    margin-top: 30px; }
    .gui_suspension03 > dl dd {
      margin-top: 10px; }
  .gui_suspension03 strong {
    display: block;
    background: #333;
    font-size: 1.8em;
    text-align: center;
    border-left: none;
    padding: 15px 0;
    margin-top: 70px; }
  .gui_suspension03 ul {
    *zoom: 1; }
    .gui_suspension03 ul:after {
      content: "";
      display: table;
      clear: both; }
    .gui_suspension03 ul li {
      float: left;
      width: 222px;
      margin: 30px 24px 0 0;
      text-align: center; }
      .gui_suspension03 ul li:nth-child(4n) {
        margin-right: 0; }
      .gui_suspension03 ul li a {
        display: block;
        *zoom: 1;
        color: #fff;
        text-decoration: none; }
        .gui_suspension03 ul li a:after {
          content: "";
          display: table;
          clear: both; }
        .gui_suspension03 ul li a img {
          transition: all .5s;
          ocacity: 1; }
        .gui_suspension03 ul li a:hover img {
          opacity: .6; }
        .gui_suspension03 ul li a span {
          float: left;
          width: 110px;
          line-height: 35px;
          font-size: 1.1em;
          margin-top: 2px; }
          .gui_suspension03 ul li a span:nth-child(odd) {
            float: right; }
        .gui_suspension03 ul li a .orange {
          background: #f06a23; }
        .gui_suspension03 ul li a .blue {
          background: #1058aa; }
        .gui_suspension03 ul li a .red {
          background: #6a9045; }
        .gui_suspension03 ul li a .green {
          background: #d42f2d; }
      .gui_suspension03 ul li dl {
        color: #fff;
        margin-top: 10px; }
        .gui_suspension03 ul li dl dt {
          font-size: 1.6em;
          line-height: 1.8; }
        .gui_suspension03 ul li dl dd {
          font-size: 1.4em;
          line-height: 1.8; }

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　マフラー

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* 製品一覧 */
.product_list_muffler ul li {
  padding: 80px 0 120px; }
  .product_list_muffler ul li:nth-child(odd) {
    background: #1f1f1f; }
.product_list_muffler article {
  *zoom: 1;
  display: block;
  width: 1040px;
  margin-right: auto;
  margin-left: auto; }
  .product_list_muffler article:after {
    content: "";
    display: table;
    clear: both; }
  .product_list_muffler article figure {
    float: left; }
  .product_list_muffler article dl {
    float: right;
    color: #fff;
    width: 600px;
    margin-right: 40px; }
    .product_list_muffler article dl dt {
      font-size: 2.2em;
      border-bottom: solid 1px #fff;
      padding: 10px 0; }
    .product_list_muffler article dl dd p {
      font-size: 1.6em;
      line-height: 1.8;
      margin-top: 25px; }
    .product_list_muffler article dl dd small {
      display: block;
      font-size: 1.4em;
      line-height: 1.8; }
    .product_list_muffler article dl dd aside {
      *zoom: 1;
      margin-top: 25px; }
      .product_list_muffler article dl dd aside:after {
        content: "";
        display: table;
        clear: both; }
      .product_list_muffler article dl dd aside span {
        float: left;
        font-size: 1.6em;
        line-height: 1.8; }
      .product_list_muffler article dl dd aside a {
        float: right;
        font-size: 1.5em;
        text-decoration: none;
        text-align: center;
        width: 162px;
        line-height: 42px;
        border: solid 1px #fff;
        transition: all .5s;
        color: #fff;
        background: transparent; }
        .product_list_muffler article dl dd aside a:hover {
          color: #000;
          background: #fff; }

/* 製品詳細 */
.muffler_detail_head {
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  color: #fff; }
  .muffler_detail_head dl {
    text-align: center;
    line-height: 1.6;
    margin-top: 60px; }
    .muffler_detail_head dl dt {
      font-size: 2.4em; }
    .muffler_detail_head dl dd {
      font-size: 1.6em;
      margin-top: 10px; }
  .muffler_detail_head figure {
    margin-top: 25px; }
  .muffler_detail_head aside {
    margin-top: 50px; }
  .muffler_detail_head p {
    font-size: 1.6em;
    line-height: 1.6;
    margin-top: 20px; }
  .muffler_detail_head small {
    display: block;
    background: #262626;
    font-size: 1.4em;
    line-height: 1.8;
    padding: 20px;
    margin-top: 20px; }

.muffler_detail_info {
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  color: #fff; }
  .muffler_detail_info strong {
    display: block;
    background: #4c4c4c;
    font-size: 1.8em;
    text-align: center;
    line-height: 50px;
    margin-top: 70px; }
  .muffler_detail_info dl dt {
    margin-top: 40px; }
  .muffler_detail_info dl dd {
    font-size: 1.6em;
    line-height: 1.8;
    margin-top: 25px; }
    .muffler_detail_info dl dd em {
      display: block;
      color: #ef845c; }
  .muffler_detail_info figure {
    margin-top: 30px; }
    .muffler_detail_info figure figcaption {
      background: #262626;
      font-size: 1.4em;
      line-height: 1.8;
      padding: 20px;
      margin-top: 20px;
      text-indent: -1em;
      padding-left: calc(20px + 1em); }
  .muffler_detail_info p {
    font-size: 1.6em;
    line-height: 1.8;
    margin-top: 25px; }
  .muffler_detail_info a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    border: solid 1px #fff;
    padding: 15px;
    margin-top: 10px;
    transition: all .5s;
    opacity: 1; }
    .muffler_detail_info a:hover {
      opacity: .5; }
    .muffler_detail_info a img {
      vertical-align: middle; }
    .muffler_detail_info a span {
      display: inline-block;
      font-size: 1.4em;
      vertical-align: middle;
      margin-left: 15px; }
  .muffler_detail_info table {
    width: 100%;
    margin-top: 60px; }
    .muffler_detail_info table caption {
      font-size: 1.8em;
      font-weight: bold;
      line-height: 1.8;
      border: solid 1px #fff;
      border-bottom: none;
      padding: 15px 0; }
    .muffler_detail_info table td {
      width: 33.3%;
      font-size: 1.6em;
      line-height: 1.8;
      text-align: center;
      border: solid 1px #fff;
      padding: 15px 0; }

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　ボディ補強・その他パーツ

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* 一覧 */
.product_bodytuning {
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  /* 説明 */
  /* リスト */ }
  .product_bodytuning figure {
    margin-top: 30px; }
    .product_bodytuning figure figcaption {
      font-size: 1.6em;
      line-height: 1.8;
      margin-top: 15px; }
  .product_bodytuning ul {
    *zoom: 1; }
    .product_bodytuning ul:after {
      content: "";
      display: table;
      clear: both; }
    .product_bodytuning ul li {
      float: left;
      width: 222px;
      margin: 45px 24px 0 0;
      text-align: center; }
      .product_bodytuning ul li:nth-child(4n) {
        margin-right: 0; }
      .product_bodytuning ul li a {
        display: block;
        color: #fff;
        text-decoration: none; }
        .product_bodytuning ul li a img {
          transition: all .5s;
          ocacity: 1; }
        .product_bodytuning ul li a:hover img {
          opacity: .6; }
      .product_bodytuning ul li dl {
        color: #fff;
        margin-top: 10px; }
        .product_bodytuning ul li dl dt {
          font-size: 1.6em;
          line-height: 1.8; }
        .product_bodytuning ul li dl dd {
          font-size: 1.4em;
          line-height: 1.8; }

/* 詳細 */
.product_bodytuning_detail {
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  /* リスト */ }
  .product_bodytuning_detail li {
    margin-top: 90px;
    /* ロゴ */
    /* キャプション */
    /* 内容 */ }
    .product_bodytuning_detail li strong {
      display: block; }
    .product_bodytuning_detail li p {
      font-size: 1.6em;
      line-height: 1.8;
      margin-top: 20px; }
    .product_bodytuning_detail li figure {
      margin-top: 20px; }
      .product_bodytuning_detail li figure dt {
        font-size: 1.6em;
        line-height: 1.8;
        margin-top: 20px; }
      .product_bodytuning_detail li figure dd {
        background: #262626;
        font-size: 1.4em;
        line-height: 1.8;
        padding: 20px;
        margin-top: 20px; }

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　リペアパーツ・グッズ

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.product_other {
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto; }
  .product_other ul {
    margin-top: 25px; }
    .product_other ul li {
      border: solid 1px #fff;
      margin-top: 5px; }
      .product_other ul li a {
        display: block;
        color: #fff;
        background: url(../images/lineup/other/ico_arrow.png) right 15px center no-repeat;
        font-size: 1.6em;
        line-height: 1.8;
        text-decoration: none;
        padding: 15px 20px; }
    .product_other ul .in_img {
      margin-bottom: 25px; }
      .product_other ul .in_img a {
        padding: 0; }
      .product_other ul .in_img img {
        vertical-align: middle; }
      .product_other ul .in_img figcaption {
        display: inline-block;
        margin-left: 30px;
        vertical-align: middle; }

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　ギャラリー

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.gallery {
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  /* 見出し */
  /* リスト */ }
  .gallery strong {
    display: block;
    background: #333;
    font-size: 1.8em;
    text-align: center;
    padding: 15px 0;
    margin-top: 70px; }
  .gallery ul {
    *zoom: 1; }
    .gallery ul:after {
      content: "";
      display: table;
      clear: both; }
    .gallery ul li {
      float: left;
      width: 222px;
      margin: 35px 24px 0 0;
      text-align: center; }
      .gallery ul li:nth-child(4n) {
        margin-right: 0; }
      .gallery ul li a {
        display: block; }
        .gallery ul li a img {
          width: 100%;
          transition: all .5s;
          ocacity: 1; }
        .gallery ul li a:hover img {
          opacity: .6; }
      .gallery ul li p {
        font-size: 1.4em;
        line-height: 1.8;
        margin-top: 10px; }
  .gallery .movie a {
    position: relative; }
    .gallery .movie a:after {
      content: '';
      background: rgba(0, 0, 0, 0.5) url(../images/gallery/ico_movie.png) center no-repeat;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　開発車両募集

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.developer {
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  padding-bottom: 150px; }
  .developer dl {
    margin-top: 90px; }
    .developer dl dt {
      border-bottom: solid 1px #fff;
      padding-bottom: 10px; }
    .developer dl dd {
      font-size: 1.6em;
      line-height: 1.8;
      margin-top: 25px; }
  .developer ol {
    list-style-type: decimal;
    font-size: 1.6em;
    margin: 25px 0 0 1.5em; }
    .developer ol li {
      line-height: 1.6; }
  .developer .button {
    *zoom: 1;
    margin-top: 40px; }
    .developer .button:after {
      content: "";
      display: table;
      clear: both; }
    .developer .button a {
      color: #fff;
      font-size: 1.1em;
      text-decoration: none;
      text-align: center;
      width: 465px;
      line-height: 70px;
      transition: all .5s; }
      .developer .button a img {
        vertical-align: middle;
        margin-left: 10px; }
      .developer .button a:first-child {
        float: left;
        background: #009b63; }
        .developer .button a:first-child:hover {
          background: #025aa4; }
      .developer .button a:last-child {
        float: right;
        background: #a40202; }
        .developer .button a:last-child:hover {
          background: #025aa4; }

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　アンテナショップ

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.antenna_shop {
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  padding-bottom: 250px; }
  .antenna_shop dl {
    margin-top: 90px; }
    .antenna_shop dl dt {
      border-bottom: solid 1px #fff;
      padding-bottom: 10px; }
    .antenna_shop dl dd {
      font-size: 1.6em;
      line-height: 1.8;
      margin-top: 25px; }
  .antenna_shop aside {
    color: #fff;
    text-align: center;
    border: solid 1px #fff;
    margin-top: 50px;
    padding: 45px 0; }
    .antenna_shop aside a {
      display: inline-block;
      color: #fff;
      font-size: 1.8em;
      text-decoration: none;
      width: 465px;
      line-height: 70px;
      transition: all .5s;
      background: #009b63; }
      .antenna_shop aside a:hover {
        background: #a40202; }
      .antenna_shop aside a img {
        vertical-align: middle;
        margin-left: 10px; }
    .antenna_shop aside small {
      display: block;
      font-size: 1.4em;
      margin-top: 15px; }

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　海外ディーラー

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.overseas {
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  color: #fff; }
  .overseas dl {
    margin-top: 90px; }
    .overseas dl dt {
      border-bottom: solid 1px #fff;
      padding-bottom: 10px; }
    .overseas dl dd {
      font-size: 1.6em;
      line-height: 1.8; }
      .overseas dl dd p {
        margin-top: 25px; }
  .overseas div {
    margin-top: 20px; }
  .overseas strong {
    display: block; }
    .overseas strong a {
      display: block;
      color: #fff;
      font-size: 1.8em;
      text-decoration: none;
      line-height: 1.6;
      padding: 15px 20px;
      border: solid 1px #fff;
      position: relative; }
      .overseas strong a:after {
        content: 'b';
        font-family: 'arrow';
        font-size: 2em;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        right: 20px; }
    .overseas strong .open:after {
      content: 't';
      font-family: 'arrow';
      font-size: 2em;
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      right: 20px; }
  .overseas article {
    display: none;
    padding-bottom: 70px; }
  .overseas dl + div {
    margin-top: 90px; }
    .overseas dl + div article {
      display: block; }
  .overseas table {
    width: 100%;
    margin-top: 50px; }
    .overseas table caption {
      text-align: left;
      padding-bottom: 10px; }
    .overseas table th, .overseas table td {
      font-size: 1.6em;
      line-height: 1.6;
      border: solid 1px #fff;
      padding: 10px 20px; }
    .overseas table th {
      background: #1a1a1a;
      width: 195px; }

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　新着・イベント情報

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.news {
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 50px;
  /* リスト */ }
  .news ul {
    *zoom: 1; }
    .news ul:after {
      content: "";
      display: table;
      clear: both; }
    .news ul li {
      float: left;
      width: 222px;
      margin: 20px 24px 0 0;
      text-align: center; }
      .news ul li a {
        transition: all .5s;
        opacity: 1; }
        .news ul li a:hover {
          opacity: .5; }
      .news ul li small {
        display: block;
        font-size: 1.2em;
        margin-top: 15px; }
      .news ul li p {
        font-size: 1.5em;
        line-height: 1.6;
        margin-top: 10px; }
      .news ul li:last-child {
        margin: 20px 0 0; }

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　プライバシーポリシー

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.privacy {
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  margin: 80px auto;
  /* リスト */ }
  .privacy ul li {
    font-size: 1.6em;
    line-height: 1.8;
    margin-top: 30px; }
    .privacy ul li dt {
      font-size: 1.1em; }

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　サイトマップ

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.sitemap {
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
  color: #fff;
  margin: 80px auto;
  /* セクション */
  /* リスト */ }
  .sitemap:after {
    content: "";
    display: table;
    clear: both; }
  .sitemap section {
    float: left;
    width: 33.33%;
    font-size: 1.6em;
    line-height: 1.8; }
  .sitemap ol li {
    margin-top: 10px; }
    .sitemap ol li a {
      background: url(../images/other/ico_arrow.png) left center no-repeat;
      padding-left: 1em;
      transition: all .5s;
      color: #fff;
      text-decoration: none; }
      .sitemap ol li a:hover {
        color: #c00;
        text-decoration: underline; }
    .sitemap ol li ol {
      margin-top: 30px;
      margin-left: 1em; }
      .sitemap ol li ol li {
        margin-top: 5px; }