@charset "UTF-8";

/**********************
 * このあたりは https://qiita.com/zaru/items/b521d7e2cff708dc074a 参照
 *********************/

@media screen {

    table.responsive td.nowrap,
    table.responsive th.nowrap {
        white-space: nowrap;
    }
}

@media screen and (max-width: 767px) {
    table.responsive {
        border-collapse: separate;
        border-spacing: 0 20px;
    }

    table.responsive thead {
        display: none;
    }

    table.responsive tr {
        background-color: #f6f6f6;
    }

    table.responsive td {
        border: none;
        display: block;
        width: 100%;
        box-sizing: border-box;
        border-bottom: 1px solid #dddddd;
    }

    table.responsive td.col-6 {
        float: left;
        width: 50%;
    }

    table.responsive td.txt-right {
        text-align: right;
    }

    table.responsive td:before {
        content: attr(data-title) " ";
    }

    table.responsive .clear {
        clear: both;
    }

    table.responsive td.nowrap,
    table.responsive th.nowrap {
        white-space: normal;
    }

    table.responsive td:empty {
        visibility: hidden;
        padding-top: 0px;
        padding-bottom: 0px;
        border: none;
        line-height: 0px;
    }
}