@charset "utf-8";

@media screen and (max-width: 768px) {

    .PageTitle {
        font-size: 11px;
    }

    .PageTitleArea > div > div > * {
        padding: 5px 5px 5px 5px;
    }

    .MenuMei {
        margin-bottom: 0px;
    }

    .PageOverview .MenuMei {
        font-size: 20px;
    }

    .MainContentArea {
        max-width: 768px;
        width: calc(100% - 40px);
    }

    .TableKuseki {
        border-collapse: collapse;
        border: solid 1px #D5D5D5;
        line-height: 1.1em;
        table-layout: fixed;
        text-align: center
    }

    /*乗船便列の幅*/
    .TableKuseki tr td:nth-child(1) {
        width: 102px;
    }
    /*等級列の幅*/
    .TableKuseki tr td:nth-child(n+2) {
        width: 44px;
    }

    .TableKuseki td{
        font-size:12px;
    }

    .js-scrollable {
        overflow-x: scroll;
        width: 100%;
    }

    .KusekiPaging {
        flex-direction: column;
        align-items: center;
    }

    [class^=item0] {
        width: calc(100% - 0px);
    }

    .item01 {
        flex-basis: 5px;
    }

    .item02,
    .item03 {
        flex-basis: 5px;
    }

    .item04 {
        display: flex;
        gap: 0px;
    }

    [class^=item4] {

    }

    .item41 {
        margin-right: auto;
    }
    .item42 {
        margin-left: auto;
    }
    /*ADD START 2022/12/26 ジャンボフェリー対応(深夜便注意ラベル追加)*/
    .ChuijikoSetsumei {
        font-size: 14px;
    }
    /*ADD END   2022/12/26 ジャンボフェリー対応(深夜便注意ラベル追加)*/
    .KusekiTableSetsumei {
        font-size: 14px;
    }

}