table.dataTable {
    border-collapse: separate;
    border-spacing: 5px;
}

.chokuei h3::before {
    content: 'TJK\76F4\55B6';
    display: inline-block;
    margin-right: 10px;
    background-color: #ff7575;
    color: #fff;
    border-radius: 5px;
    padding: 4px 12px;
}

.partner h3::before {
    content: 'TJK\30D1\30FC\30C8\30CA\30FC\5065\8A3A';
    display: inline-block;
    margin-right: 10px;
    background-color: #4169e1;
    color: #fff;
    border-radius: 5px;
    padding: 4px 12px;
    font-size: 73.5%;
}

#list_ac h4 {
    font-size: 2.1rem;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 20px;
}

#list_ac h4 a {
    font-size: 2rem;
    font-weight: normal;
    margin-bottom: 20px;
    padding: 0 0 0 0.5rem;
}

.c-list_result_ttl h3 a {
    font-weight: 500;
    font-size: 16px;
    background: #fff;
    padding: 4px 20px 5px 18px;
    border-radius: 30px;
    color: #0275d8;
    border: 1px solid #0275d8;
    box-shadow: 1px 1px 1px #b7b8c7;
}

.c-list_result_ttl h3 a:hover {
    transform: translateY(5px);
}

.batch {
    font-size: 14px;
    margin-top: 1rem;
    display: inline-block;
}

.batch .on,
.batch .off {
    padding: 2px 6px;
}

table.dataTable tbody td {
    padding: 25px 10px
}

table.dataTable.hover tbody td:hover,
table.dataTable.display tbody td:hover {
    background-color: #eefaff;
}

table.dataTable tbody td {
    padding: 25px 10px
}

table.dataTable.display tbody td.chokuei {
    border-left: 6px solid #ff7575;
    padding-left: 20px;
    background-color: #fdfde0;
}

table.dataTable.display tbody td.chokuei:hover {
    background-color: #fff5e6;
}

table.dataTable.display tbody td.chokuei .c-list_result_ttl h3 {
    border-bottom: 1px solid #ff7575;
}

table.dataTable.display tbody td.partner {
    border-left: 6px solid #4169e1;
    padding-left: 20px;
    background-color: #e6f2ff;
}
table.dataTable.display tbody td.partner:hover {
    background-color: #cee3fc;
}

table.dataTable.display tbody td.partner .c-list_result_ttl h3 {
    border-bottom: 1px solid #4169e1;
}

table.dataTable.display tbody td.partner .c-list_result_ttl h3 {
    border-bottom: 1px solid #4169e1;
    white-space: nowrap;
}

.c-list_result_ttl.partner {
    display: flex;
}

.partner-label {
    font-size: 14px;
    border-bottom: 1px solid #4169e1;
    margin-bottom: 25px;
    padding-bottom: 12px;
    padding-left: 12px;
}
.partner-label a {
    color: #333;
}
.partner-label a:hover {
    text-decoration: underline;
}

.pr, .pr2 {
    display: inline-block;
    border: 1px solid #ff4141;
    margin-bottom: 10px;
    padding: 10px 20px;
    background-color: #fff;
    border-radius: 5px;
}

.pr2 {
    margin-top: 20px;
    border: 1px solid #2f2f2f;
}

.pr a, .pr2 a {
    color: #ff4141;
    font-weight: 700;
}

.pr2 a {
    color: #2f2f2f;
}

/*
.batch span:first-child {
    border-radius: 4px;
}

.batch span:nth-child(2) {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF
}

.batch span:nth-child(3) {
    border-radius: 0 4px 4px 0
}
*/

.on {
    color: #fff;
    background-color: red;
    border: 1px solid red;
}

.off {
    color: #eee;
    background-color: #999;
    border: 1px solid #999;
}

.mark {
    border: 1px solid red;
    border-radius: 0 8px 8px 0;
    padding: 3px 6px;
    background-color: #fff;
}

.opt {
    border: 1px solid #333;
    border-radius: .5rem;
    padding: 2px 4px;
    margin-left: 4px;
    display:inline-block;
    font-size: 1.4rem;
    background-color: #fff;
}

.tooltip {
    position: relative;
}

.tooltip::before,
.tooltip::after {
    position: absolute;
    display: none;
}

.tooltip::before {
    content: "";
    border: 10px solid transparent;
    border-bottom-color: #111;
    top: 10px;
    left: 10px;
}

.tooltip::after {
    content: attr(data-tooltip);
    display: none;
    padding: 20px;
    background: #fff;
    border: 1px solid #999;
    color: #000;
    border-radius: 5px;
    top: 30px;
    width: 600px;
    /*left: 0;*/
}

.tooltip:hover::before {
    top: 16px;
    display: block;
}

.tooltip:hover::after {
    top: 36px;
    display: block;
}

#higashinakano,
#shinbashi {
    background-color: #e1fffc;
    border-bottom: 3px solid #00a0e9;
}

#higashinakano h3,
#shinbashi h3 {
    background-color: #e1fffc;
    border-bottom: 3px solid #00a0e9;
}

#prefSelect,
#areaSelect,
#optSelect {
    line-height: 2.4rem;
}

#prefSelect a,
#areaSelect a,
#optSelect a {
    display: inline-block;
    border: 1px solid #00a0e9;
    padding: 2px 8px;
    margin-bottom: 4px;
    border-radius: 4px;
}

#optSelect a {
    border: 1px solid #999;
    color: #999;
}

#prefSelect a.current,
#areaSelect a.current,
#optSelect a.current {
    background-color: #00a0e9;
    color: #fff;
}

#optSelect a.current {
    border: 1px solid #ff7f00;
    background-color: #ff7f00;
}

@media (max-width:768px) {
    table.dataTable.display tbody td.partner .c-list_result_ttl h3 {
        margin-bottom: 10px;
    }
    .c-list_result_ttl.partner {
        flex-direction: column;
    }
    .chokuei h3::before {
        font-size: 16px;
    }
    .partner h3::before {
         font-size: 16px;
    }
    .dataTables_length {
        display: none;
    }
    .dataTables_wrapper .dataTables_filter input {
        width: 70%;
        border: 1px solid #333;
        border-radius: 6px;
        background-color: #fff;
    }
    #list_ac {
        margin: 0;
    }
    #areaSelect {
        margin-top: 2rem;
    }
    table.dataTable tbody td {
        padding: 25px 0;
    }
}