@charset "utf-8";
/* ===================================================================

toyota.jp car_style.css

86専用CSS 001_p_004
------------------------------------------------------------------- */
/* ===================================================================
 - グレード詳細　価格一覧
=================================================================== */
#main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell{
    width: 14%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell{
        width: 14%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell + col{
    width: 10%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell + col{
        width: 10%;
    }
}
#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: 15%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell + col + col + col{
    width: 10%;
}
@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: 10%;
    }
}
#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: 8%;
    }
}
#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: 19%;
    }
}
#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.color-list-table col.fixed-cell{
        width: 11%;
    }
}
#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: 5%;
    }
}
#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: 10.5%;
    }
}

/* ===================================================================
 - スタイル・カラー 内外配色一覧表 カスタマイズカー用
=================================================================== */
#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%;
    }
}

/* ===================================================================
 - 予防安全　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%;
    }
}