/*------------------------------------------------------------------------------
    site.css
------------------------------------------------------------------------------*/
:root {
    --hdo-font-family: "Meiryo", var(--bs-body-font-family);
}

html {
    /*font-size: 14px;*/
}

@media (min-width: 768px) {
    html {
        /*font-size: 16px;*/
    }
}

/*.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}*/

html {
    height: 100%;
}

body {
    font-family: var(--hdo-font-family);
    /*margin-bottom: 60px;*/
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #c1e6ef !important;
}

/*.border-lightgray {
    --bs-border-opacity: 1;
    border-color: rgba(211, 211, 211, var(--bs-border-opacity)) !important;
}*/

.btn-hdo-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00aecb;
    --bs-btn-border-color: #00aecb;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #97d8e4;
    --bs-btn-hover-border-color: #97d8e4;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #97d8e4;
    --bs-btn-active-border-color: #97d8e4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00aecb;
    --bs-btn-disabled-border-color: #00aecb;
}