/*検索用エクストラCSS*/

.search-title {
    color: #fff;
    padding: 10px;
    background: #3c2828;
    width: 100%;
}

.search-selectbox {
    background: #fff;
    text-align: center;
    padding: 20px 0 5px 0;
}

.search-selectbox select {
    height: 2em;
}

.search-result {
    margin-top: 20px;
}

@media screen and (min-width: 768px) {
    .c-table {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .c-table {
        font-size: 13px;
    }
    .site-branding .site-description{
        display: block;
        float: right;
        font-size: 11px;
        margin-top: 20px;
    }
}

.c-table {
    text-align: center;
}

.c-table td:nth-of-type(1) {
    text-align: left;
}
.c-table td:nth-of-type(2) {
    text-align: left;
}

/*table col*/

@media screen and (min-width: 768px) {
    .col-a1 {
        width: 50%;
    }
    .col-b1 {
        width: 10%;
    }
    .col-b_c {
        width: 20%;
    }
    .col-c1 {
        width: 20%;
    }
    .col-a2 {
        width: 70%;
    }
    .col-b2 {
        width: 10%;
    }
    .col-c2 {
        width: 20%;
    }
}

@media screen and (max-width: 767px) {
        width: 50%;
    }
    .col-b1 {
        width: 15%;
    }
    .col-b_c {
        width: 20%;
    }
    .col-c1 {
        width: 10%;
    }
    .col-a2 {
        width: 70%;
    }
    .col-b2 {
        width: 10%;
    }
    .col-c2 {
        width: 20%;
    }
    .c-tableWrap--spScroll table {
        white-space: inherit;
    }
    .c-table > tbody > tr > td {
        padding: 5px 5px;
    }
}