/* public/css/apl.css アプリ用css copyright itcore */
html {
    scroll-behavior: auto !important;
    /* スパッとページ内ジャンプする。*/
}

body {
    word-break: break-all;
    padding: 5px;
}

h1 {
    background: aquamarine;
    font-size: 24px;
}

h2 {
    background: pink;
    font-size: 20px;
}

h3 {
    background: lightyellow;
    font-size: 16px;
}

h4 {
    background: gold;
    font-size: 14px;
}

h1,
h2,
h3,
h4 {
    margin: 5px;
    padding: 5px 10px 5px;
    border-radius: 5px;
}

h2 a,
h3 a {
    font-size: 16px;
}

table,
th,
td {
    border-collapse: collapse;
    margin: 5px;
    border: 1px solid gray;
    padding: 5px;
}

th {
    background: darkgreen !important;
    color: white !important;
}

.table_子供 th {
    background: lightblue !important;
    color: black !important;
}

.table_検索 th {
    background: lightgreen !important;
    color: black !important;
}

.th_input {
    background: pink !important;
    color: black !important;
}

input {
    margin: 5px;
}

textarea {
    resize: both;
}

.checkbox_label {
    cursor: pointer;
}

.er {
    position: relative;
    margin: 10px;
}

.er-yoko {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.er-box {
    border: 1px solid black;
    position: absolute;
    text-align: center;
    width: 200px;
    height: 50px;
    line-height: 50px;
    /* padding: 20px; */
    /* margin: 0 50px; */
    margin: 0;
    padding: 0;
    /* background-color: lightgray; */
}

.er-yokosen {
    content: '';
    position: absolute;
    margin: 0;
    padding: 0;
    height: 1px;
    width: 200px;
    background-color: black;
}

.er-tatesen {
    content: '';
    position: absolute;
    margin: 0;
    padding: 0;
    height: 25px;
    width: 1px;
    background-color: black;
}

/* DataTables */
.dataTables_wrapper .dataTables_length {
    float: none;
    display: inline-block;
}

.dataTables_wrapper .dataTables_filter {
    margin-left: 10px;
    width: 380px;
    text-align: left;
    float: none;
    display: inline-block;
}

.dataTables_filter input {
    background: #fff
}

.table.dataTable {
    margin: 0;
}

.table-hover {
    >tbody>tr:hover>* {
        background-color: #ccffff;
    }
}