@charset "UTF-8";

/*
===========================================================================
|           site common style
===========================================================================
*/

/*----------------------------------------------------------------------
/   introduction
/----------------------------------------------------------------------*/
#seatrailCompare table.grid {
    width:100%;
    border:1px solid #ddd;
    font-size:90%;
}
#seatrailCompare table.grid td {
    padding: 1.5%;
    width: 33.3%;
}

#seatrailCompare table.grid th {
    color: #fff;
    background:#333;
}

#seatrailCompare table.grid tr:last-child td{
    border-bottom:1px solid #ddd
}

#seatrailCompare dl.caution {
    font-size: 90%;
    line-height: 130%;
    border-top: 1px dotted #ccc;
    padding: 2% 0;
}
#seatrailCompare dl.caution dt {
    float: left;
    width: 5%;
}
#seatrailCompare dl.caution dd {
    margin-left: 5%;
    width: 95%;
    padding: 0;
}

/*=====================================================
    device
=======================================================*/

/*
    TAB
    */
@media screen and (max-width: 991px) {

}


/*
    SPHONE
    */
@media screen and (max-width: 479px) {
    div.seatTable{
        overflow: scroll;
        border:3px solid #000;
        margin:0 0 20px 0;
        -webkit-overflow-scrolling: touch;
    }
    #seatrailCompare table.grid{
        width:200%;
        margin:0;
    }

}