html, body {
    font-family: 'Noto Sans JP', sans-serif;
}

.nav-parent-frontend {
    background-image: linear-gradient(120deg, #43a3fd, 90%, #26c9e6);
}
nav.navbar-frontend {
    background-image:
        linear-gradient(0deg, transparent calc(100% - 1px), #00000005  calc(100% - 1px)),
        linear-gradient(90deg, transparent calc(100% - 1px), #00000005  calc(100% - 1px));
    background-size: 5px 5px;
    background-color: transparent;
}

.nav-parent-admin {
    background-image: linear-gradient(70deg, #222579, 70%, #1468ef);
}
nav.navbar-admin {
    background-image:
        linear-gradient(0deg, transparent calc(100% - 1px), #FFFFFF05  calc(100% - 1px)),
        linear-gradient(90deg, transparent calc(100% - 1px), #FFFFFF05  calc(100% - 1px));
    background-size: 5px 5px;
}


@media (max-width: 768px) {
    table.table-form td,
    table.table-form th {
        display: block;
        width: 100%;
    }
    table td.col-xs-1,
    table td.col-1,
    table th.col-xs-1,
    table th.col-1 {
        display: none;
     }
}

table.table th {
    font-weight: normal;
    background-color: var(--bs-light);
}


div.datepicker .datepicker-days table th,
div.datepicker .datepicker-days table td {
    padding: 3px 10px;
}

.card-body .pagination {
    justify-content: center;
}


body.locale-en .jp, body.locale-en .jp-note {
    display: none;
}

body.locale-jp .en, body.locale-jp .en-note {
    display: none;
}


/**
body.locale-en nav .container {
    flex-direction: column;
}

body.locale-en nav .container .navbar-nav {
    margin-top: 1rem;
    margin-bottom: .5rem;
}
@media (max-width: 1200px) {
    body.locale-en nav .container {
        flex-direction: row;
    }
}
**/