@charset "utf-8";

/* table */
.res_table {
    width: 100%;
    margin-bottom: 20px;
    margin-top: -10px;
    border: solid 5px #CCCCCC;
}

.res_table th {
    height: 40px;
    padding: 10px;
    background: #FFA07A;
    text-align: center;
    color: #FFFFFF;
    border: solid 1px #CCCCCC;
}

.res_table td {
    height: 80px;
    text-align: center;
    border: solid 1px #CCCCCC;
    padding: 10px;
}

.res_table td:first-child {
    font-weight: bold;
    padding-top: 18px;
}

/* .res_table td:second-child {
    width: 10%;
}

.res_table td:third-child {
    width: 50%;
}

.res_table td:forth-child {
    width: 10%;
} */



/* responsive table */
@media (max-width: 700px) {
    .res_table {
        width: 100%;
        margin-top: 0;
    }
    .res_table .thead {
        display: none;
    }
    .res_table tr {
        width: 100%;
    }
    .res_table td {
        display: block;
        height: 50px;
        width: 100%;
        text-align: right;
        /* padding-right: 10px; */
    }
    .res_table td:first-child {
        height: 50px;
        width: 100%;
        background: #FFA07A;
        color: #FFFFFF;
        text-align: center;
        vertical-align: middle;
    }
    .res_table td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        margin-left: 10px;
        margin-right: 10px;
    }
}



/* for responsive */

/*@media (max-width: 479px)
@media (max-width: 767px) col-xs
@media (max-width: 991px) col-sm
@media (max-widht: 1199px) col-md
col-lg*/

/*common for pc large*/
@media (min-width: 1217px) {
}


/*common for pc*/
@media (max-width: 1216px) {
}


/*common for tablet*/
@media (max-width: 959px) {
}


/*common for smart phone*/
@media (max-width: 479px) {
}