@charset "UTF-8";

html {
    position: relative;
    min-height: 100%;
    font-family: sans-serif;
    line-height: 1.15;
    /*--bg-color: #f4f4f4;*/
    --bg-color: #fff;
}

body {
    background-color: var(--bg-color);
    margin: 0;
    font-family: Roboto,"Meiryo UI",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.43;
    color: #333;
    text-align: left;
}

.navbar {
    flex-direction:column;
}

.navbar-brand img {
    max-height: 44px;
}

.navbar-light .navbar-brand.navbar-brand {
    font-family: "Fujitsu Sans",Roboto,"Meiryo UI",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    line-height: 44px;
    color: rgb(51,51,51);
    white-space: nowrap;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu {
    margin-top: 0;
}


.k-grid .k-alt.k-alt {
    background-color: white;
}

    .k-grid .k-alt.k-alt > td {
        border-top-width: 1px;
        border-bottom-width: 1px;
    }

.k-grid tbody td a {
    color: #0d6efd;
    text-decoration:underline
}

.form-floating {
    margin-top: 6px;
    margin-bottom: 6px;
}

.wrapper {
    min-height: calc(100vh - 50px);
}

.bold {
    font-weight: bold;
}

.navbar-brand {
    font-family: "Fujitsu Sans",Roboto,"Meiryo UI",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
}


.navbar-brand img {
    max-height: 44px;
}

.navbar-light .navbar-brand.navbar-brand {
    font-family: "Fujitsu Sans", Roboto, "Meiryo UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    line-height: 44px;
    color: rgb(51, 51, 51);
    white-space: nowrap;
}

.k-grid .k-alt.k-alt {
    background-color: white;
}

    .k-grid .k-alt.k-alt > td {
        border-top-width: 1px;
        border-bottom-width: 1px;
    }


.required::after {
    content: "※必須";
    color: red;
    margin-left: 0.5em;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}


    label:not(.form-check-label):not(.custom-file-label) {
        font-weight: 700;
    }

a, a:hover, a:focus {
    color: #f96332;
}

.input-mini {
    width: auto;
    display: inline-block;
}

.form-floating {
    margin-top: 6px;
    margin-bottom: 6px;
}

.form-group {
    margin-bottom: 10px;
    position: relative;
}

.form-control {
    border-radius: 30px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.form-group .form-control, .input-group .form-control {
    padding: 10px 18px 10px 18px;
    padding-top: 10px;
    padding-right: 18px;
    padding-bottom: 10px;
    padding-left: 18px;
}

select.form-control:not([size]), select.form-control:not([multiple]) {
    height: 34px !important;
    padding-top: 0;
    padding-bottom: 0;
}

.btn-primary {
    background-color: #f96332;
    color: #FFFFFF
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .show > .btn-primary.dropdown-toggle, .show > .btn-primary.dropdown-toggle:focus, .show > .btn-primary.dropdown-toggle:hover {
        background-color: #fa7a50;
        color: #FFFFFF;
        box-shadow: none
    }

    .btn-primary:hover {
        box-shadow: 0 3px 8px 0 rgba(0,0,0,0.17)
    }

    .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary:disabled, .btn-primary:disabled:hover, .btn-primary:disabled:focus, .btn-primary:disabled.focus, .btn-primary:disabled:active, .btn-primary:disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
        background-color: #f96332;
        border-color: #f96332
    }

    .btn-primary.btn-simple {
        color: #f96332;
        border-color: #f96332
    }

        .btn-primary.btn-simple:hover, .btn-primary.btn-simple:focus, .btn-primary.btn-simple:not(:disabled):not(.disabled):active, .btn-primary.btn-simple:not(:disabled):not(.disabled).active, .btn-primary.btn-simple:not(:disabled):not(.disabled):active:focus, .btn-primary.btn-simple:not(:disabled):not(.disabled).active:focus, .btn-primary.btn-simple:active:hover, .btn-primary.btn-simple.active:hover, .show > .btn-primary.btn-simple.dropdown-toggle, .show > .btn-primary.btn-simple.dropdown-toggle:focus, .show > .btn-primary.btn-simple.dropdown-toggle:hover {
            background-color: transparent;
            color: #fa7a50;
            border-color: #fa7a50;
            box-shadow: none
        }

    .btn-primary.btn-link {
        color: #f96332
    }

        .btn-primary.btn-link:hover, .btn-primary.btn-link:focus, .btn-primary.btn-link:not(:disabled):not(.disabled):active, .btn-primary.btn-link:not(:disabled):not(.disabled).active, .btn-primary.btn-link:not(:disabled):not(.disabled):active:focus, .btn-primary.btn-link:not(:disabled):not(.disabled).active:focus, .btn-primary.btn-link:active:hover, .btn-primary.btn-link.active:hover, .show > .btn-primary.btn-link.dropdown-toggle, .show > .btn-primary.btn-link.dropdown-toggle:focus, .show > .btn-primary.btn-link.dropdown-toggle:hover {
            background-color: transparent;
            color: #fa7a50;
            text-decoration: none;
            box-shadow: none
        }

.k-grid a.btn.btn-primary {
    color: white
}

.last-login {
    font-size:0.8rem;
}


.btn {
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    padding: .375rem .75rem;
    font-size: .875rem;
    line-height: 1.43;
}

a.btn.btn {
    text-decoration:none;
}

.text-left {
    text-align:left;
}
.text-center {
    text-align:center;
}
.text-right {
    text-align:right;
}

.va-top {
    vertical-align: top;
}
.va-middle {
    vertical-align: middle;
}
.va-bottom {
    vertical-align: bottom;
}