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

toyota.jp tjp_003_p_010.css

Vitz専用CSS 003_p_010
------------------------------------------------------------------- */
/* ===================================================================
 - グレード詳細　価格一覧
=================================================================== */
#main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell{
    width: 19%;
}
@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: 12%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell + col{
        width: 12%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell + col + col{
    width: 5%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell + col + col{
        width: 9%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table table.price-table col.fixed-cell + col + col + col{
    width: 13%;
}
@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: 15%;
    }
}
#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 table.color-list-table col.fixed-cell{
    width: 16%;
}
@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: 9%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table table.color-list-table col.fixed-cell + col{
        width: 8%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table table.color-list-table col.fixed-cell + col + col{
    width: 9%;
}
@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%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table table.color-list-table col.fixed-cell + col + col + col{
    width: 18%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table table.color-list-table col.fixed-cell + col + col + col{
        width: 19%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table table.color-list-table col.fixed-cell + col + col + 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 + col + col{
        width: 10%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table table.color-list-table col.fixed-cell + col + col + col + col + col{
    width: 18%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table table.color-list-table col.fixed-cell + col + col + col + col + col{
        width: 19%;
    }
}

/* ===================================================================
 - スペック・装備
=================================================================== */
#main #contents #contents-inner #contents-body .section.fixed-table table.spec-table{
	width:1680px;
}

#main #contents #contents-inner #contents-body .section.fixed-table table.spec-table col.fixed-cell{
    width: 22%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table table.spec-table col.fixed-cell{
        width: 10%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table table.spec-table col.fixed-cell + col{
    width: 6%;
}

/* ===================================================================
 - カスタマイズカー　価格一覧 セル幅調整
=================================================================== */
#main #contents #contents-inner #contents-body .section.fixed-table.customize table.price-table col.fixed-cell{
    width: 15%;
}
@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: 10%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table.customize table.price-table col.fixed-cell + col{
        width: 4%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table.customize table.price-table col.fixed-cell + col + col{
    width: 35%;
}
@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: 43%;
    }
}

/* ===================================================================
 - カスタマイズカー　内外配色一覧表 セル幅調整
=================================================================== */
#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: 16%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table.customize table.color-list-table col.fixed-cell + col{
    width: 8%;
}
@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: 8%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table.customize table.color-list-table col.fixed-cell + col + col{
    width: 8%;
}
@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: 8%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table.customize table.color-list-table col.fixed-cell + col + col + col{
    width: 44%;
}
@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 + col{
        width: 68%;
    }
}


/* ===================================================================
 - カスタマイズカー　主要諸元 セル幅調整
=================================================================== */
#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: 420px){
    #main #contents #contents-inner #contents-body .section.fixed-table.customize table.spec-table col.fixed-cell{
        width: 45%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table.customize table.spec-table col.fixed-cell + col{
    width: 70%;
}
@media screen and (max-width: 420px){
    #main #contents #contents-inner #contents-body .section.fixed-table.customize table.spec-table col.fixed-cell + col{
        width: 55%;
    }
}

/* ===================================================================
 - 主要諸元 ウェルキャブ（助手席）
=================================================================== */
#main #contents #contents-inner #contents-body .section.fixed-table.welcab table.spec-table{
        width: 100%;
        min-width: 964px;
}
#main #contents #contents-inner #contents-body .section.fixed-table.welcab table.spec-table col.fixed-cell{
    width: 28%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table.welcab table.spec-table col.fixed-cell{
        width: 18%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table.welcab table.spec-table col.fixed-cell + col{
    width: 12%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table.welcab table.spec-table col.fixed-cell + col{
        width: 14%;
    }
}
/* ===================================================================
 - 主要諸元 ウェルキャブ（フレンドマチック）
=================================================================== */
#main #contents #contents-inner #contents-body .section.fixed-table.welcab_friend table.spec-table{
    min-width: 964px;
    width:100%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table.welcab_friend table.spec-table{
        width: 100%;
        min-width: 450px;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table.welcab_friend table.spec-table col.fixed-cell{
    width: 28%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table.welcab_friend table.spec-table col.fixed-cell{
        width: 34%;
    }
}
#main #contents #contents-inner #contents-body .section.fixed-table.welcab_friend table.spec-table col.fixed-cell + col{
    width: 36%;
}
@media screen and (max-width: 767px){
    #main #contents #contents-inner #contents-body .section.fixed-table.welcab_friend table.spec-table col.fixed-cell + col{
        width: 33%;
    }
}