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

.nav-parent-frontend {
    background: #1c62ba;
}
nav.navbar-frontend {
    background-image:
    radial-gradient(2000px 300px at left 20px, #191c6b4a calc(1700px / 2 - 1px), transparent calc(1700px / 2)),
    radial-gradient(200% 100% at left 10px top 25px, #17225566 calc(110% / 2 - 1px), transparent calc(115% / 2))
}

.nav-parent-admin {
    background: #525252;
}
nav.navbar-admin {
    background-image:
    radial-gradient(2000px 300px at left 20px, #2929294a calc(1700px / 2 - 1px), transparent calc(1700px / 2)),
    radial-gradient(200% 100% at left 10px top 25px, #4d4d4d2c calc(110% / 2 - 1px), transparent calc(115% / 2))
}



@media screen and (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;
    }
}
**/

.text-indent {
    padding-left: 2em;
    display: block;
}

.cautions {
    color: red;
}


@media print {
    .container {
        max-width: 100%;
    }
}