@charset "UTF-8";
/*=======================================
ABOUT
=========================================*/

.club-history .ch-ul-warp .ch-ul {
    display: flex;
    flex-wrap: wrap;
}

.club-history .ch-ul-warp .ch-ul li {
    margin-bottom: 15px;
    width: calc(99% / 6);
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    background-color: #ffffff;
    font-size: 20px;
    color: #46433F;
    font-weight: bold;
    text-align: center;
    padding: 39px 0;
}

.club-history .ch-ul-warp .ch-ul li span {
    font-size: 16px;
    color: #AFACA7;
}

.club-history .ch-ul-warp .ch-ul li:nth-of-type(6n),
.club-history .ch-ul-warp .ch-ul li:last-child {
    border-right: 1px solid #dddddd;
}

.club-history .ch-ul-warp .ch-ul li .chp {
    font-size: 20px;
    color: #46433F;
    margin-bottom: 20px;
    font-weight: bold;
}

.club-history .ch-ul-warp .ch-ul li .ch-link {
    display: block;
    padding: 30px 0;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.club-history .ch-ul-warp .ch-ul li .ch-link span {
   font-size: 16px;
   color: #AFACA7;
}

.l-pagetitle .paget-content .overview-table .ot-ht_b {
    background-color: #F7FAFF;
    width: 227px;
    text-align: left;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #dddddd;
}

.l-pagetitle .paget-content .overview-table .ot-ht_c {
    vertical-align: top;
    border-bottom: 1px solid #DDDDDD;
}

.l-pagetitle .paget-content .overview-table .otht-c {
    vertical-align: top;
    border-bottom: 1px solid #DDDDDD;
    font-weight: bold;
}

.l-pagetitle .paget-content .overview-table .otht-d {
    font-weight: bold;
}

.l-pagetitle .paget-content .overview-table .ottd-a {
    border-bottom: 1px solid #DDDDDD;
}

.history-table table {
    width: 1100px;
    font-size: 17px;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.history-table table .hit-th,
.history-table table .hit-time,
.history-table table .hit-td {
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

.history-table table .hit-th {
    background-color: #EEF4FF;
    color: #043885;
    padding: 20px 0 0 30px;
    text-align: left;
}

.history-table table .hit-time {
    background-color: #F7FAFF;
    color: #043885;
    padding: 20px 0 20px 30px;
    font-weight: bold;
}

.history-table table .hit-td {
    background-color:  #fff;
    font-family: 'ヒラギノ角ゴ ProN', sans-serif;
    padding: 20px 0 20px 30px;
}


/* ----------------------------- スマホ（～767px） */

@media screen and (max-width: 767px) {
    .l-pagetitle .paget-content .overview-table .ot-ht_b {
        width: 100%;
        border-right: 0;
        }

        .history-table {
            padding: 0 15px;
            overflow: scroll;
        }

        .history-table table {
            width: 690px;
            font-size: 16px;
        }

        .history-table table .hit-th {
            padding: 8px 8px 0 10px;
        }

        .history-table table .hit-time {
            padding: 8px 10px 8px 10px;
        }

        .history-table table .hit-td {
            padding: 8px 10px 8px 10px;
        }

        .club-history .ch-ul-warp .ch-ul {
            justify-content: center;
        }

        .club-history .ch-ul-warp .ch-ul li {
            width:calc(96% / 4);
            margin-bottom: 2px;
            font-size: 16px;
            padding: 3.955rem 0;
        }

        .club-history .ch-ul-warp .ch-ul li span {
            font-size: 14px;
        }

        .club-history .ch-ul-warp .ch-ul li .chp {
            font-size: 15px;
        }

        .club-history .ch-ul-warp .ch-ul li:nth-of-type(6n) {
            border-right: 0;
        }

        .club-history .ch-ul-warp .ch-ul li:nth-of-type(4n) {
           border-right: 1px solid #dddddd;
        }

        .l-pagetitle .paget-con_b::after {
            /* bottom: 2190px; */
            bottom: 1987px
        }

        

        
    /* .l-pagetitle .paget-content .overview-table {
        overflow-x: scroll;
        } */
    
    /* .l-pagetitle .paget-content .overview-table table {
        width: 100%;
        border-collapse: collapse;
        white-space: nowrap;
        } */
}

/* ----------------------------- タブレット（768～1024px） */

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .history-table table {
        width: 100%;
    }
}