@charset "utf-8";
/* ===================================================================

toyota.jp car_style.css

86専用CSS 001_p_019
------------------------------------------------------------------- */
/* ===================================================================
 - グレード詳細　価格一覧
=================================================================== */
#main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell{
    width: 12%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell{
        width: 13%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell + col{
    width: 8%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell + col{
        width: 7%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell + col + col{
    width: 15%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell + col + col{
        width: 16%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell + col + col + col{
    width: 14%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell + col + col + col{
        width: 11%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell + col + col + col + col{
    width: 8%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell + col + col + col + col{
        width: 6%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell + col + col + col + col + col{
    width: 20%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell + col + col + col + col + col{
        width: 23%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell + col + col + col + col + col + col{
    width: 23%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell + col + col + col + col + col + col{
        width: 24%;
    }
}

/* ===================================================================
 - グレード詳細　価格一覧　カスタマイズカー用
=================================================================== */
#main #contents #contents-inner #contents-body .section.fixed-table.customize table.price-table col.fixed-cell{
    width: 30%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table.customize table.price-table col.fixed-cell{
        width: 10%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table.customize table.price-table col.fixed-cell + col{
    width: 20%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table.customize table.price-table col.fixed-cell + col{
        width: 6%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table.customize table.price-table col.fixed-cell + col + col{
    width: 25%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table.customize table.price-table col.fixed-cell + col + col{
        width: 42%;
    }
}
/* ===================================================================
 - スタイル・カラー 内外配色一覧表
=================================================================== */
#main #contents #contents-inner #contents-body .section.fixed-table table.color-list-table col.fixed-cell{
    width: 13%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table table.price-table{
        min-width: 768px;
        width: 100%;
    }
    #main #contents #contents-inner #contents-body .section.fixed-table table.color-list-table col.fixed-cell{
        width: 10%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table table.color-list-table col.fixed-cell + col{
    width: 7%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table table.color-list-table col.fixed-cell + col{
        width: 6%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table table.color-list-table col.fixed-cell + col + col{
    width: 10%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table table.color-list-table col.fixed-cell + col + col{
        width: 14%;
    }
}

/* ===================================================================
 - スタイル・カラー 内外配色一覧表 カスタマイズカー用
=================================================================== */
#main #contents #contents-inner #contents-body .section.fixed-table.customize table.color-list-table{
    width: 100%;
    min-width: 360px;
}
#main #contents #contents-inner #contents-body .section.fixed-table.customize table.color-list-table col.fixed-cell{
    width: 40%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table.customize table.color-list-table col.fixed-cell{
        width: 45%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table.customize table.color-list-table col.fixed-cell + col{
    width: 10%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table.customize table.color-list-table col.fixed-cell + col{
        width: 15%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table.customize table.color-list-table col.fixed-cell + col + col{
    width: 50%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table.customize table.color-list-table col.fixed-cell + col + col{
        width: 40%;
    }
}

/* ===================================================================
 - スペック・装備
=================================================================== */
#main #contents #contents-inner #contents-body .section.fixed-table table.spec-table col.fixed-cell{
    width: 28%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table table.spec-table col.fixed-cell{
        width: 16%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table table.spec-table col.fixed-cell + col{
    width: 12%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table table.spec-table col.fixed-cell + col{
        width: 14%;
    }
}
/* WLTCモード スペック */

#contents-body .section table.spec-table tbody th.wltc-mode {
  position: relative
}
#contents-body .section table.spec-table tbody th.wltc-mode div {
  overflow: hidden;
  width: 74px;
  height: 28px;
  margin-right: 40px;
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: 100%;
  white-space: nowrap
}
#contents-body .section table.spec-table tbody th.wltc-mode div {
  background-image: url(/pages/contents/carlineup/image/spec/icon_spec_wltc_pc.png)
}
#contents-body .section table.spec-table tbody th.wltc-mode span.unit {
  text-align: right;
  vertical-align: middle;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 18px;
  margin: auto 10px auto auto
}

@media screen and (max-width:767px) {
  #contents-body .section table.spec-table span.unit {
    float: none
  }
  #contents-body .section table.spec-table tbody th.wltc-mode div {
    margin-right: 0;
    -moz-background-size: 74px 28px;
    -webkit-background-size: 74px 28px;
    -o-background-size: 74px 28px;
    -ms-background-size: 74px 28px;
    background-size: 74px 28px
  }
  #contents-body .section table.spec-table tbody th.wltc-mode div {
    background-image: url(/pages/contents/carlineup/image/spec/icon_spec_wltc_sp.png)
  }
  #contents-body .section table.spec-table tbody th.wltc-mode {
    position: static
  }
  #contents-body .section table.spec-table tbody th.wltc-mode span.unit {
    display: inline;
    position: static;
    margin: 0
  }
}
#contents-body .section table.spec-table th span.wltc-mode {
  display: inline-block;
  vertical-align: bottom
}

/* ===================================================================
 - 予防安全　VSC
=================================================================== */
#main #contents #contents-inner #contents-body .section.fixed-table.vsc table.spec-table{
    width: 100%;
    min-width: 780px;
}
#main #contents #contents-inner #contents-body .section.fixed-table.vsc table.spec-table col.fixed-cell{
    width: 15%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table.vsc table.spec-table col.fixed-cell{
        width: 8%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table.vsc table.spec-table col.fixed-cell + col{
    width: 15%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table.vsc table.spec-table col.fixed-cell + col{
        width: 14.5%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table.vsc table.spec-table col.fixed-cell + col + col{
    width: 14%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table.vsc table.spec-table col.fixed-cell + col + col{
        width: 15.5%;
    }
}
@media screen and (max-width: 840px){
    #main #contents #contents-inner #contents-body .section.fixed-table.vsc table.spec-table{
        width: 780px;
    }
    #contents-body .section.fixed-table.vsc table tr>*:first-child{
        padding-right: 10px !important;
        padding-left: 10px !important; 
    }
}

/* ===================================================================
 - スペック・装備 カスタマイズカー86R14
=================================================================== */
#main #contents #contents-inner #contents-body .section.fixed-table.customize table.spec-table{
    width: 100%;
    min-width: 290px;
}
#main #contents #contents-inner #contents-body .section.fixed-table.customize table.spec-table col.fixed-cell{
    width: 30%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table.customize table.spec-table col.fixed-cell{
        width: 50%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table.customize table.spec-table col.fixed-cell + col{
    width: 35%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table.customize table.spec-table col.fixed-cell + col{
        width: 25%;
    }
}

/* ===================================================================
 - スペック・装備 カスタマイズ86Racing
=================================================================== */
#main #contents #contents-inner #contents-body .section.fixed-table.customize_r table.spec-table{
    width: 100%;
    min-width: 290px;
}
#main #contents #contents-inner #contents-body .section.fixed-table.customize_r table.spec-table col.fixed-cell{
    width: 30%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table.customize_r table.spec-table col.fixed-cell{
        width: 50%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table.customize_r table.spec-table col.fixed-cell + col{
    width: 70%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table.customize_r table.spec-table col.fixed-cell + col{
        width: 50%;
    }
}