@charset "utf-8";
/* color */
.table-block .cl-wh-ffffff {
  color: #ffffff !important;
}
.table-block .cl-rd-fc4f4f {
  color: #fc4f4f !important;
}
.table-block .cl-bl-468cbd {
  color: #468cbd !important;
}
.table-block .cl-bl-498ebc {
  color: #498ebc !important;
}
.table-block .cl-bl-009ae4 {
  color: #009ae4 !important;
}
.table-block .cl-bl-326486 {
  color: #326486 !important;
}
.table-block .cl-bl-1fb2f9 {
  color: #1fb2f9 !important;
}
.table-block .cl-bl-0073aa {
  color: #0073aa !important;
}
.table-block .cl-gy-515157 {
  color: #515157 !important;
}
.table-block .cl-gy-999999 {
  color: #999999 !important;
}
.table-block .cl-bk-303030 {
  color: #303030 !important;
}
.table-block .cl-bk-2f2f32 {
  color: #2f2f32 !important;
}
.table-block .cl-bk-000000 {
  color: #000000 !important;
}
.table-block .cl-gr-3fb02b {
  color: #3fb02b !important;
}
.table-block .cl-rd-ff4d4a {
  color: #ff4d4a !important;
}
.table-block .cl-or-ff9239 {
  color: #ff9239 !important;
}
.table-block .cl-pk-ff5c8e {
  color: #ff5c8e !important;
}
.table-block .bg-bl-468cbd {
  background-color: #468cbd !important;
}
.table-block .bg-bl-498ebc {
  background-color: #498ebc !important;
}
.table-block .bg-bl-009ae4 {
  background-color: #009ae4 !important;
}
.table-block .bg-bl-326486 {
  background-color: #326486 !important;
}
.table-block .bg-bl-1fb2f9 {
  background-color: #1fb2f9 !important;
}
.table-block .bg-bl-0073aa {
  background-color: #0073aa !important;
}
.table-block .bg-gy-515157 {
  background-color: #515157 !important;
}
.table-block .bg-gy-999999 {
  background-color: #999999 !important;
}
.table-block .bg-gy-6d6d72 {
  background-color: #6d6d72 !important;
}
.table-block .bg-gy-e2e2eb {
  background-color: #e2e2eb !important;
}
.table-block .bg-gy-efefef {
  background-color: #efefef !important;
}
.table-block .bg-bk-303030 {
  background-color: #303030 !important;
}
.table-block .bg-gr-3fb02b {
  background-color: #3fb02b !important;
}
.table-block .bg-gr-009965 {
  background-color: #009965 !important;
}
.table-block .bg-rd-ff4d4a {
  background-color: #ff4d4a !important;
}
.table-block .bg-or-ff9239 {
  background-color: #ff9239 !important;
}
.table-block .bg-pk-ff5c8e {
  background-color: #ff5c8e !important;
}
.table-block .bg-yl-f7dc00 {
  background-color: #f7dc00 !important;
}
.table-block .bg-yl-ffffcc {
  background-color: #ffffcc !important;
}
.table-block .bg-yl-ffff99 {
  background-color: #ffff99 !important;
}
/*--テーブル共通--*/
table tr {
  width: auto;
}
table th,
table td {
  width: 100px;
}
table th.w145px,
table td.w145px {
  width: 145px;
}
table th.w180px,
table td.w180px {
  width: 180px;
}
table th.w200px,
table td.w200px {
  width: 200px;
}
table th.w270px,
table td.w270px {
  width: 270px;
}
table th.w370px,
table td.w370px {
  width: 370px;
}
table th.w500px,
table td.w500px {
  width: 500px;
}
table th {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.3;
  padding: 8px 5px;
  text-align: center;
  border: #d9d9d9 solid 1px;
  box-sizing: border-box;
}
table td {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  padding: 8px 5px;
  text-align: center;
  border: #d9d9d9 solid 1px;
  box-sizing: border-box;
}
table.layout-fixed th img,
table.layout-fixed td img {
  margin: auto auto auto;
}
table.layout-fixed th a,
table.layout-fixed td a {
  margin: 10px auto;
}
table .vertical {
  width: 30px;
}
table .tal {
  text-align: left;
}
table sup {
  font-size: 13px;
  font-size: 1.3rem;
  vertical-align: top;
}
.carDetailLink {
  border: solid 1px #d9d9d9;
  padding: 5px;
  border-radius: 5px;
}
.carDetailLink:hover {
  border-color: #106aa7;
}
.carDetailNoLink {
  border: solid 1px #d9d9d9;
  padding: 5px;
  border-radius: 5px;
}
/*--//テーブル共通--*/
/*--テーブル：単純可変--*/
table.variable {
  width: 100%;
}
/*--//テーブル：単純可変--*/
/*--テーブル：スクロール--*/
table.layout-fixed {
  table-layout: fixed;
}
.table-block-outer {
  position: relative;
}
.table-block-outer:after {
  content: '';
  display: block;
  width: 15px;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(100% - 15px);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3ffffff', GradientType=1 );
}
.table-block {
  margin-top: 15px;
  width: 100%;
  overflow: scroll;
}
.table-block-inner {
  padding-right: 15px;
  width: 610px;
}
table.scrollable {
  width: 595px;
}
/*--//テーブル：スクロール--*/
/*--テーブル：縦並び--*/
table.vertical-row {
  display: block;
}
table.vertical-row tbody {
  display: block;
}
table.vertical-row tr {
  display: block;
}
table.vertical-row th {
  display: block;
}
table.vertical-row td {
  display: block;
}
/*参照部分*/
.spec-note {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 8px 0;
  text-align: left;
}
.spec-note small {
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 8px;
  color: #6d6d72;
  padding: 0 12px;
  line-height: 1.2;
}
.spec-text-align-left {
  text-align: left;
}
.spec-text-align-right {
  text-align: right;
}
.spec-text-align-center {
  text-align: center;
}
/*--//テーブル：縦並び--*/

/*廃盤*/
div.section-switch {
  font-size: 1.6rem;
}
div.section-switch div.show-current {
  margin: 0 10px 0 auto;
}
div.section-switch div.show-discontinued {
  margin: 0 auto 0 10px;
}
td.discontinued {
  background-color: #eceeef;
}
.section-switch label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 150px;
}
.salesStatus-checkbox-input {
  opacity: 0;
  z-index: -1;
}
.salesStatus-check-parts {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  padding-left: 36px;
  z-index: 1;
  left: 0;
}
.salesStatus-check-parts::before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin-top: -6px;
  border: 1px solid #b5b5b5;
  background: #fff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
input[type='checkbox']:hover + .salesStatus-check-parts::before,
input[type='checkbox']:focus + .salesStatus-check-parts::before {
  border: 1px solid #0079ff;
}
input[type='checkbox']:checked + .salesStatus-check-parts::after {
  display: block;
  position: absolute;
  content: '\e906';
  font-family: 'icomoon';
  font-size: 11px;
  text-align: center;
  background: #0079ff;
  border: 1px solid #0079ff;
  color: #fff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-top: -6px;
  top: 0;
  left: 0;
  width: 26px;
  height: 20px;
  padding-top: 6px;
}

@media screen and (min-width: 600px) {
  /*--------------------------------------
  960px以下
  -------------------------------------- */
  /*--テーブル共通--*/
  table {
    max-width: 832px;
    margin: 0 auto;
  }
  /*--//テーブル共通--*/
  /*--テーブル：単純可変--*/
  table.variable {
    width: 100%;
  }
  /*--//テーブル：単純可変--*/
  /*--テーブル：スクロール--*/
  .table-block-outer:after {
    display: none;
  }
  .table-block {
    overflow: auto;
  }
  .table-block-inner {
    padding-right: 0;
    width: 100%;
  }
  table.scrollable {
    /* width: 100%; */
    box-sizing: border-box;
  }
  /*--//テーブル：スクロール--*/
  /*--テーブル：縦並び--*/
  table.vertical-row {
    display: table;
    width: 100%;
  }
  table.vertical-row tbody {
    display: table-row-group;
  }
  table.vertical-row tr {
    display: table-row;
  }
  table.vertical-row th {
    display: table-cell;
  }
  table.vertical-row td {
    display: table-cell;
  }
  /*参照部分*/
  .spec-note {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 8px 0;
  }
  .spec-note small {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 15px;
  }
  /*--//テーブル：縦並び--*/
}