/*表全体*/
.dataTable {
    table-layout: auto;
    border-collapse: collapse;
    width: 100%;
    text-align: left;
    background-color: #3b414e;
    border-radius: .6em;
    box-shadow: 0 5px 13px rgba(0, 0, 0, .4);
    top: 3rem;
    color: #EDFAFD;
    font-size: 16px;
}

.dataTable a {
    font-weight: bold;
    text-decoration: none;

}

.dataTable a:link {
    color: #ffffff;
}

.dataTable a:visited {
    color: #ccd1dd;
}

.dataTable a:hover {
    color: #3b414e;
    text-decoration: underline;
}

.dataTable a:active {
    color: #ffffff;
}


/*表のヘッダー*/
.dataTable thead,
.dataTable thead th {
    background-color: #3b414e !important;
    color: #fff;
    border-bottom: none;
    margin-top: 10px;
}

.dataTable thead th {
    /* border-bottom: double 1px #8d96ac; */
}

table.dataTable thead th:first-child {
    border-top-left-radius: .6em;
}

table.dataTable thead th:last-child {
    border-top-right-radius: .6em;
}

table.dataTable tbody tr:last-child td:first-child {
    border-bottom-left-radius: .6em;
}

table.dataTable tbody tr:last-child td:last-child {
    border-bottom-right-radius: .6em;
}

/*ソートの名前*/
table.dataTable thead .sorting {
    background-image: none !important;
}

/*表*/
.dataTable tbody tr:nth-child(odd) th,
.dataTable tbody tr:nth-child(odd) td {
    height: 3rem;
}

.dataTable tbody th,
.dataTable tbody td {
    /* border-bottom: solid 1px #8d96ac; */
    border-bottom: solid 1px #4f5460;
    height: 3rem;
    border-left: solid 1px #8d96ac;
}

/*件数など*/
.dataTables_length,
.dataTables_filter {
    margin: 0 auto;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 10px;
    display: block;
    opacity: 0.9;
    color: #fff;
    font-weight: normal;
    font-family: inherit;
    line-height: 1;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}


table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
    content: "";
    display: none;
}