/* pillでリロード無効化 */
html,
body {
    width: 100%;
    height: 100%;
    overscroll-behavior-y: none;
}

/* iOS 電話番号、メールアドレス、住所等の勝手にリンク対応 */
a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

#plesewait {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9999;
	display: none;
    background-color: rgb(169, 169, 169, 0.95);
}

#plesewait .msg {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 20px;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

#plesewait .loader {
    font-size: 25px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 120px);
    text-indent: -9999em;
    -webkit-animation: plesewait 1.1s infinite ease;
    animation: plesewait 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

/* しばらくお待ちくださいアニメーション */
@-webkit-keyframes plesewait {

    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}

@keyframes plesewait {

    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}



/* primary */
body.primary {
    background-color: #f4f5ff;
}

.pagination.primary .page-item.active .page-link,
.pagination.primary .page-item .page-link:hover,
body.sidebar-mini .main-sidebar.primary .sidebar-menu>li ul.dropdown-menu li>a:focus,
body.sidebar-mini .main-sidebar.primary .sidebar-menu>li ul.dropdown-menu li.active>a,
body.sidebar-mini .main-sidebar.primary .sidebar-menu>li ul.dropdown-menu li.active>a:hover {
    background-color: #6777ef !important;
    border-color: transparent;
    color: #fff;
}

.pagination.primary .page-item .page-link,
.pagination.primary .page-item.disabled .page-link:not(:hover) {
    color: #6777ef;
}

.navbar-bg.primary,
.custom-switch-input:checked~.custom-switch-indicator.primary,
.selectgroup-input:checked+.selectgroup-button.primary,
body:not(.sidebar-mini) .main-sidebar.primary .sidebar-menu>li.active>a:before {
    background-color: #6777ef;
}

.form-control.primary:focus,
.input-group-text.primary:focus,
.custom-select.primary:focus,
.custom-file-label.primary:focus,
.custom-switch-input:focus~.custom-switch-indicator.primary {
    border-color: #6777ef;
}

a.primary,
.card .card-header .primary,
.main-sidebar.primary .sidebar-menu li.active a,
.main-sidebar.primary .sidebar-menu li ul.dropdown-menu li a:hover,
h1.primary,
h2.primary,
h3.primary,
h4.primary,
h5.primary,
h6.primary {
    color: #6777ef;
}

.main-sidebar.primary .sidebar-menu li ul.dropdown-menu li a {
    color: #868e96;
}

body.sidebar-mini .main-sidebar.primary .sidebar-menu>li.active>a {
    box-shadow: 0 4px 8px #f4f5ff;
    background-color: #6777ef;
}


/* secondary */
body.secondary {
    background-color: #f3f9fe;
}

.pagination.secondary .page-item.active .page-link,
.pagination.secondary .page-item .page-link:hover,
body.sidebar-mini .main-sidebar.secondary .sidebar-menu>li ul.dropdown-menu li>a:focus,
body.sidebar-mini .main-sidebar.secondary .sidebar-menu>li ul.dropdown-menu li.active>a,
body.sidebar-mini .main-sidebar.secondary .sidebar-menu>li ul.dropdown-menu li.active>a:hover {
    background-color: #cdd3d8 !important;
    border-color: transparent;
    color: #fff;
}

.pagination.secondary .page-item .page-link,
.pagination.secondary .page-item.disabled .page-link:not(:hover) {
    color: #6c757d;
}

.navbar-bg.secondary,
.custom-switch-input:checked~.custom-switch-indicator.secondary,
.selectgroup-input:checked+.selectgroup-button.secondary,
body:not(.sidebar-mini) .main-sidebar.secondary .sidebar-menu>li.active>a:before {
    background-color: #cdd3d8;
}

.form-control.secondary:focus,
.input-group-text.secondary:focus,
.custom-select.secondary:focus,
.custom-file-label.secondary:focus,
.custom-switch-input:focus~.custom-switch-indicator.secondary {
    border-color: #cdd3d8;
}

a.secondary,
.card .card-header .secondary,
.main-sidebar.secondary .sidebar-menu li.active a,
.main-sidebar.secondary .sidebar-menu li ul.dropdown-menu li a:hover,
body.secondary .navbar .nav-link,
h1.secondary,
h2.secondary,
h3.secondary,
h4.secondary,
h5.secondary,
h6.secondary {
    color: #6C757D;
}

body.sidebar-mini .main-sidebar.secondary .sidebar-menu>li.active>a {
    box-shadow: 0 4px 8px #f3f9fe;
    background-color: #000;
}

body.secondary .home {
    margin-right: 15px;
}

body.secondary .home a {
    color: #6c757d;
}

body.secondary .home i {
    margin-left: 0 !important;
    font-size: 18px;
    line-height: 32px;
}

/* success */
body.success {
    background-color: #EAEBEB;
}

.pagination.success .page-item.active .page-link,
.pagination.success .page-item .page-link:hover,
body.sidebar-mini .main-sidebar.success .sidebar-menu>li ul.dropdown-menu li>a:focus,
body.sidebar-mini .main-sidebar.success .sidebar-menu>li ul.dropdown-menu li.active>a,
body.sidebar-mini .main-sidebar.success .sidebar-menu>li ul.dropdown-menu li.active>a:hover {
    background-color: #47c363 !important;
    border-color: transparent;
    color: #fff;
}

.pagination.success .page-item .page-link,
.pagination.success .page-item.disabled .page-link:not(:hover),
.pricing .pricing-title.success {
    color: #47c363;
}

.pagination.pre-success .page-item.active .page-link,
.pagination.pre-success .page-item .page-link:hover,
body.sidebar-mini .main-sidebar.pre-success .sidebar-menu>li ul.dropdown-menu li>a:focus,
body.sidebar-mini .main-sidebar.pre-success .sidebar-menu>li ul.dropdown-menu li.active>a,
body.sidebar-mini .main-sidebar.pre-success .sidebar-menu>li ul.dropdown-menu li.active>a:hover {
    background-color: #84919E !important;
    border-color: transparent;
    color: #fff;
}

.pagination.pre-success .page-item .page-link,
.pagination.pre-success .page-item.disabled .page-link:not(:hover),
.pricing .pricing-title.pre-success {
    color: #84919E;
}

.navbar-bg.success,
.custom-switch-input:checked~.custom-switch-indicator.success,
.selectgroup-input:checked+.selectgroup-button.success,

body:not(.sidebar-mini) .main-sidebar.success .sidebar-menu>li.active>a:before {
    background-color: #47C363;
}

.navbar-bg.pre-success,
.custom-switch-input:checked~.custom-switch-indicator.pre-success,
.selectgroup-input:checked+.selectgroup-button.pre-success,

body:not(.sidebar-mini) .main-sidebar.pre-success .sidebar-menu>li.active>a:before {
    background-color: #47C363;
}

.form-control.success:focus,
.input-group-text.success:focus,
.custom-select.success:focus,
.custom-file-label.success:focus,
.custom-switch-input:focus~.custom-switch-indicator.success {
    border-color: #47C363;
}

.form-control.pre-success:focus,
.input-group-text.pre-success:focus,
.custom-select.pre-success:focus,
.custom-file-label.pre-success:focus,
.custom-switch-input:focus~.custom-switch-indicator.pre-success {
    border-color: #47C363;
}

a.success,
.card .card-header .success,
.main-sidebar.success .sidebar-menu li.active a,
.main-sidebar.success .sidebar-menu li ul.dropdown-menu li a:hover,
h1.success,
h2.success,
h3.success,
h4.success,
h5.success,
h6.success {
    color: #47c363;
}

.main-sidebar.success .sidebar-menu li ul.dropdown-menu li a {
    color: #868e96;
}

body.sidebar-mini .main-sidebar.success .sidebar-menu>li.active>a {
    box-shadow: 0 4px 8px #f1fbf3;
    background-color: #47c363;
}

/* pre-success */
body.pre-success {
    background-color: #EAEBEB;
}

.pagination.pre-success .page-item.active .page-link,
.pagination.pre-success .page-item .page-link:hover,
body.sidebar-mini .main-sidebar.pre-success .sidebar-menu>li ul.dropdown-menu li>a:focus,
body.sidebar-mini .main-sidebar.pre-success .sidebar-menu>li ul.dropdown-menu li.active>a,
body.sidebar-mini .main-sidebar.pre-success .sidebar-menu>li ul.dropdown-menu li.active>a:hover {
    background-color: #84919E !important;
    border-color: transparent;
    color: #fff;
}

.pagination.pre-success .page-item .page-link,
.pagination.pre-success .page-item.disabled .page-link:not(:hover),
.pricing .pricing-title.pre-success {
    color: #84919E;
}

.navbar-bg.pre-success,
.custom-switch-input:checked~.custom-switch-indicator.pre-success,
.selectgroup-input:checked+.selectgroup-button.pre-success,

body:not(.sidebar-mini) .main-sidebar.pre-success .sidebar-menu>li.active>a:before {
    background-color: #E8383D;
}

.form-control.success:focus,
.input-group-text.success:focus,
.custom-select.success:focus,
.custom-file-label.success:focus,
.custom-switch-input:focus~.custom-switch-indicator.success {
    border-color: #E8383D;
}

.form-control.pre-success:focus,
.input-group-text.pre-success:focus,
.custom-select.pre-success:focus,
.custom-file-label.pre-success:focus,
.custom-switch-input:focus~.custom-switch-indicator.pre-success {
    border-color: #E8383D;
}

a.pre-success,
.card .card-header .pre-success,
/* .main-sidebar.pre-success .sidebar-menu li.active a, */
.main-sidebar.pre-success .sidebar-menu li ul.dropdown-menu li a:hover,
h1.pre-success,
h2.pre-success,
h3.pre-success,
h4.pre-success,
h5.pre-success,
h6.pre-success {
    color: #84919E;
}

.main-sidebar.pre-success .sidebar-menu li ul.dropdown-menu li a {
    color: #84919E;
}

.main-sidebar.success .sidebar-menu li ul.dropdown-menu li a {
    color: #868e96;
}


body.sidebar-mini .main-sidebar.pre-success .sidebar-menu>li.active>a {
    box-shadow: 0 4px 8px #f1fbf3;
    background-color: #000000;
}

/* danger */
body.danger {
    background-color: #fff4f3;
}

.pagination.danger .page-item.active .page-link,
.pagination.danger .page-item .page-link:hover,
body.sidebar-mini .main-sidebar.danger .sidebar-menu>li ul.dropdown-menu li>a:focus,
body.sidebar-mini .main-sidebar.danger .sidebar-menu>li ul.dropdown-menu li.active>a,
body.sidebar-mini .main-sidebar.danger .sidebar-menu>li ul.dropdown-menu li.active>a:hover {
    background-color: #fc544b !important;
    border-color: transparent;
    color: #fff;
}

.pagination.danger .page-item .page-link,
.pagination.danger .page-item.disabled .page-link:not(:hover) {
    color: #fc544b;
}

.navbar-bg.danger,
.custom-switch-input:checked~.custom-switch-indicator.danger,
.selectgroup-input:checked+.selectgroup-button.danger,
body:not(.sidebar-mini) .main-sidebar.danger .sidebar-menu>li.active>a:before {
    background-color: #fc544b;
}

.form-control.danger:focus,
.input-group-text.danger:focus,
.custom-select.danger:focus,
.custom-file-label.danger:focus,
.custom-switch-input:focus~.custom-switch-indicator.danger {
    border-color: #fc544b;
}

a.danger,
.card .card-header .danger,
.main-sidebar.danger .sidebar-menu li.active a,
.main-sidebar.danger .sidebar-menu li ul.dropdown-menu li a:hover,
h1.danger,
h2.danger,
h3.danger,
h4.danger,
h5.danger,
h6.danger {
    color: #fc544b;
}

.main-sidebar.danger .sidebar-menu li ul.dropdown-menu li a {
    color: #868e96;
}

body.sidebar-mini .main-sidebar.danger .sidebar-menu>li.active>a {
    box-shadow: 0 4px 8px #fff4f3;
    background-color: #fc544b;
}

/* warning */
body.warning {
    background-color: #fffbf6;
}

.pagination.warning .page-item.active .page-link,
.pagination.warning .page-item .page-link:hover,
body.sidebar-mini .main-sidebar.warning .sidebar-menu>li ul.dropdown-menu li.active>a,
body.sidebar-mini .main-sidebar.warning .sidebar-menu>li ul.dropdown-menu li.active>a:hover {
    background-color: #ffa426 !important;
    border-color: transparent;
    color: #fff;
}

.pagination.warning .page-item .page-link,
.pagination.warning .page-item.disabled .page-link:not(:hover) {
    color: #ffa426;
}

.navbar-bg.warning,
.custom-switch-input:checked~.custom-switch-indicator.warning,
.selectgroup-input:checked+.selectgroup-button.warning,
body:not(.sidebar-mini) .main-sidebar.warning .sidebar-menu>li.active>a:before {
    background-color: #ffa426;
}

.form-control.warning:focus,
.input-group-text.warning:focus,
.custom-select.warning:focus,
.custom-file-label.warning:focus,
.custom-switch-input:focus~.custom-switch-indicator.warning {
    border-color: #ffa426;
}

a.warning,
.card .card-header .warning,
.main-sidebar.warning .sidebar-menu li.active a,
.main-sidebar.warning .sidebar-menu li ul.dropdown-menu li a:hover,
h1.warning,
h2.warning,
h3.warning,
h4.warning,
h5.warning,
h6.warning {
    color: #ffa426;
}

.main-sidebar.warning .sidebar-menu li ul.dropdown-menu li a {
    color: #868e96;
}

body.sidebar-mini .main-sidebar.warning .sidebar-menu>li.active>a {
    box-shadow: 0 4px 8px #fffbf6;
    background-color: #ffa426;
}

/* info */
body.info {
    background-color: #f1fafe;
}

.pagination.info .page-item.active .page-link,
.pagination.info .page-item .page-link:hover,
body.sidebar-mini .main-sidebar.warning .sidebar-menu>li ul.dropdown-menu li.active>a,
body.sidebar-mini .main-sidebar.warning .sidebar-menu>li ul.dropdown-menu li.active>a:hover {
    background-color: #3abaf4 !important;
    border-color: transparent;
    color: #fff;
}

.pagination.info .page-item .page-link,
.pagination.info .page-item.disabled .page-link:not(:hover) {
    color: #3abaf4;
}

.navbar-bg.info,
.custom-switch-input:checked~.custom-switch-indicator.info,
.selectgroup-input:checked+.selectgroup-button.info,
body:not(.sidebar-mini) .main-sidebar.info .sidebar-menu>li.active>a:before {
    background-color: #3abaf4;
}

.form-control.info:focus,
.input-group-text.info:focus,
.custom-select.info:focus,
.custom-file-label.info:focus,
.custom-switch-input:focus~.custom-switch-indicator.info {
    border-color: #3abaf4;
}

a.info,
.card .card-header .info,
.main-sidebar.info .sidebar-menu li.active a,
.main-sidebar.info .sidebar-menu li ul.dropdown-menu li a:hover,
h1.info,
h2.info,
h3.info,
h4.info,
h5.info,
h6.info {
    color: #3abaf4;
}

.main-sidebar.info .sidebar-menu li ul.dropdown-menu li a {
    color: #868e96;
}

body.sidebar-mini .main-sidebar.info .sidebar-menu>li.active>a {
    box-shadow: 0 4px 8px #f1fafe;
    background-color: #3abaf4;
}

/* light */
body.light {
    background-color: #f5fbff;
}

.pagination.light .page-item.active .page-link,
.pagination.light .page-item .page-link:hover,
body.sidebar-mini .main-sidebar.warning .sidebar-menu>li ul.dropdown-menu li.active>a,
body.sidebar-mini .main-sidebar.warning .sidebar-menu>li ul.dropdown-menu li.active>a:hover {
    background-color: #e3eaef !important;
    border-color: transparent;
    color: #868e96;
}

.pagination.light .page-item .page-link,
.pagination.light .page-item.disabled .page-link:not(:hover) {
    color: #e3eaef;
}

.navbar-bg.light,
.custom-switch-input:checked~.custom-switch-indicator.light,
.selectgroup-input:checked+.selectgroup-button.light,
body:not(.sidebar-mini) .main-sidebar.light .sidebar-menu>li.active>a:before {
    background-color: #e3eaef;
}

.form-control.light:focus,
.input-group-text.light:focus,
.custom-select.light:focus,
.custom-file-label.light:focus,
.custom-switch-input:focus~.custom-switch-indicator.light {
    border-color: #e3eaef;
}

a.light,
.card .card-header .light,
.main-sidebar.light .sidebar-menu li.active a,
.main-sidebar.light .sidebar-menu li ul.dropdown-menu li a:hover,
h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light {
    color: #e3eaef;
}

.main-sidebar.light .sidebar-menu li ul.dropdown-menu li a {
    color: #868e96;
}

body.sidebar-mini .main-sidebar.light .sidebar-menu>li.active>a {
    box-shadow: 0 4px 8px #f5fbff;
    background-color: #e3eaef;
}

/* dark */
body.dark {
    background-color: #e0e4e9;
}

.pagination.dark .page-item.active .page-link,
.pagination.dark .page-item .page-link:hover,
body.sidebar-mini .main-sidebar.warning .sidebar-menu>li ul.dropdown-menu li.active>a,
body.sidebar-mini .main-sidebar.warning .sidebar-menu>li ul.dropdown-menu li.active>a:hover {
    background-color: #191d21 !important;
    border-color: transparent;
    color: #fff;
}

.pagination.dark .page-item .page-link,
.pagination.dark .page-item.disabled .page-link:not(:hover) {
    color: #191d21;
}

.navbar-bg.dark,
.custom-switch-input:checked~.custom-switch-indicator.dark,
.selectgroup-input:checked+.selectgroup-button.dark,
body:not(.sidebar-mini) .main-sidebar.dark .sidebar-menu>li.active>a:before {
    background-color: #84919E;
}

.form-control.dark:focus,
.input-group-text.dark:focus,
.custom-select.dark:focus,
.custom-file-label.dark:focus,
.custom-switch-input:focus~.custom-switch-indicator.dark {
    border-color: #191d21;
}

a.dark,
.card .card-header .dark,
.main-sidebar.dark .sidebar-menu li.active a,
.main-sidebar.dark .sidebar-menu li ul.dropdown-menu li a:hover,
h1.dark,
h2.dark,
h3.dark,
h4.dark,
h5.dark,
h6.dark {
    color: #191d21;
}

.main-sidebar.dark .sidebar-menu li ul.dropdown-menu li a {
    color: #868e96;
}

body.sidebar-mini .main-sidebar.dark .sidebar-menu>li.active>a {
    box-shadow: 0 4px 8px #e0e4e9;
    background-color: #191d21;
}

/* sex */
.selectgroup-input.male:checked+.selectgroup-button.male {
    background-color: #6777ef;
}

.selectgroup-input.female:checked+.selectgroup-button.female {
    background-color: #ef6767;
}

.form-control::placeholder {
    color: #cacfd3;
}

.navbar-bg {
    height: 70px;
}

.main-sidebar .sidebar-menu li a {
    padding: 0 15px 0 5px;
}

.main-sidebar .sidebar-menu li a i {
    margin-right: 10px;
}

.main-sidebar .sidebar-menu li a,
.main-sidebar.success .sidebar-menu li ul.dropdown-menu li a,
.main-sidebar.primary .sidebar-menu li ul.dropdown-menu li a {
    color: #191d21;
    font-size: 18px;
}

.main-sidebar .sidebar-menu li a i.fas,
.main-sidebar .sidebar-menu li a i.far,
.main-sidebar .sidebar-menu li a i.fab,
.main-sidebar .sidebar-menu li a i.fal {
    font-size: 18px;
}

.no-menu,
.main-content.no-menu {
    left: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.menu-beep {
    position: relative;
}

.menu-beep:after {
    content: '';
    position: absolute;
    top: -2px;
    right: 2px;
    width: 15px;
    height: 15px;
    background-color: #FFF100;
    border-radius: 50%;
    -webkit-animation: pulsate 1s ease-out infinite;
    animation: pulsate 1s ease-out infinite;
    opacity: 1;
}

.beep:after {
    top: 2px;
    right: 7px;
    width: 15px;
    height: 15px;
    background-color: #FFF100;
    -webkit-animation: flash 1s linear infinite;
    animation: flash 1s linear infinite;
}

@keyframes flash {

    0%,
    50%,
    100% {
        opacity: 0;
    }

    25% {
        opacity: 1;
        background: #FFF100;
    }

    75% {
        opacity: 1;
        background: #FFF100;
    }
}

.account_id {
    font-size: 130%;
}

.section {
    top: 10px;
}

.main-content {
    padding-left: 260px;
    padding-right: 10px;
}

.main-footer {
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
}

body.sidebar-mini .main-content,
body.sidebar-mini .main-footer {
    padding-left: 75px;
}

@media (max-width: 1024px) {
    .main-content {
        padding-left: 10px;
        padding-right: 10px;
        width: 100% !important;
    }
}

.table.table-md th {
    background-color: rgba(0, 0, 0, 0.05);
    text-align: center;
    padding: 10px 7px;
}

table.table-origin tbody {
    border: #cdd3d8 solid 1px;
}

.table-origin:not(.table-sm):not(.table-md):not(.dataTable) th,
.table-origin:not(.table-sm):not(.table-md):not(.dataTable) td {
    padding: 5px;
    border: #cdd3d8 solid 1px;
}

.info-msg {
    background-color: #fff8d5;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #ffe560;
}

.err-msg {
    background-color: #ffb8b8;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #d31b1b;
}

.err-msg2 {
    background-color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #E8383D;
    color: #E8383D;
}

.form-group .control-label {
    font-size: 15px;
}

/* 必須項目やエラー */
.required {
    color: #E8383D;
    font-size: 80%;
    font-weight: normal;
}

.input-error {
    background-color: #ffb8b8;
}

div.input-error {
    color: #E8383D;
    background-color: transparent;
    padding: 1px 5px;
    border-radius: 3px;
    font-weight: bold;
}

.attention {
    color: #E8383D;
    font-weight: bold;
}

/* テーブル JSで高さを決めてるので0 */
.table-responsive {
    height: 0px;
    overflow-y: auto;
}

/* 検索・ダウンロードボタン */
#search_btn,
#download_btn {
    padding: 0;
    height: 40px;
    width: 40px;
    line-height: 40px;
}

#search_btn i,
#download_btn i {
    font-size: 20px;
}

#parents_form {
    background-color: #e2e1fd;
    padding: 10px;
}

.pointer {
    cursor: pointer;
}

/*証明画像*/
.prev-img,
.prev-file {
    min-height: 90px;
    max-height: 200px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-origin: content-box;
    text-align: center;
    vertical-align: middle;
}

.prev-img .delete-img,
.prev-file .delete-file {
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 30px;
    color: #E8383D;
    background: #fff;
    border-radius: 15px;
    cursor: pointer;
}

/* viewer jsの操作ボタン */
.viewer-toolbar ul {
    line-height: 0;
}

/* 電話パネル */
#phone_menu a {
    margin: 10px 2px;
}



table#phone_panel tr td .phone_btn {
    width: 80px;
    height: 80px;
    font-size: 60px;
    border: solid 2px #000;
}

table#phone_panel tr td {
    width: 100px;
    height: 100px;
}

table#phone_panel tr td #call_icon {
    font-size: 45px;
    transform: rotate(-180deg);
}

table#phone_panel tr td #emg_btn {
    font-size: 22px;
    line-height: 25px;
}

#phone_no {
    border-right: 0;
    font-size: 23px;
}

#phone_no:focus {
    outline: none;
}

#del_num {
    border-left: 0;
    padding-left: 10px;
    padding-right: 10px;
}

/* 反転自映像 */
.mirror {
    transform: scaleX(-1);
}

/* datepicker曜日用 */
.datepicker-days th.dow:nth-last-child(2),
.datepicker-days td:nth-last-child(2) {
    color: #00f;
}

.datepicker-days th.dow:last-child,
.datepicker-days td:last-child {
    color: #f00;
}

/* entry */
.navbar-bg.entry {
    background-color: #FFFFFF;
    border-bottom: 3px solid #E8383D;
}

.btn-outline-entry,
.btn-outline-entry.disabled {
    border-color: #84919E;
    color: #84919E;
}

.btn-outline-entry:hover,
.btn-outline-entry:focus,
.btn-outline-entry:active,
.btn-outline-entry.disabled:hover,
.btn-outline-entry.disabled:focus,
.btn-outline-entry.disabled:active {
    background-color: #47C363 !important;
    border-color: #47C363;
    color: #fff;
}