@charset "UTF-8";

.cancel  {
    background: rgba(255,255,255,0.8);
    margin: 0 auto;
    word-break: break-all;
}

.cancel td {
    padding: 1%;
}

.cancel tr:nth-child(1) td {
    background: #cccccc5c;
    color: #333;
}

@media screen and (max-width: 600px){
    .c_tbl {
        overflow: auto;
        white-space: nowrap;
        margin-bottom: 8%;
    }
    .cancel td {
        padding: 7px 15px;
    }
    .c_tbl::after{
        position: relative;
        content: "※横にスクロールしてください";
        color: #f76060;
    }
}