@charset "UTF-8";
/* ------------------------------
共通
------------------------------ */
html {
    -webkit-overflow-scrolling: touch !important;
    /*
    overflow: hidden;
    */
}
::-webkit-input-placeholder {
  opacity: 1;
}

body {
    position: relative;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", Meiryo, メイリオ, Helvetica, sans-serif;
    /* font-size: 13px; */
    background-color: #f1f5f9;
    overflow-x: hidden;
    width: 100%;
    box-sizing: border-box;
}

/* img {
    display: block;
    width: 100%;
    height: auto;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
} */

/* div {
    transition: all 0.2s ease;
} */

/* a {
    color: #1e2329;
    outline: none;
    box-shadow: none;
}

a:hover {
    color: #ec661b;
} */

.flexbox {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

.none {
    display: none;
}

.bold {
    font-weight: bold;
}

.table .ql-container span {
	display: inline;
	font-size: inherit;
}

.ql-container .ql-editor, .ql-container .ql-editor {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', YuGothic, 'Yu Gothic', 游ゴシック, Helvetica, sans-serif;
}

.d-transparent {
width: 100%;
height: 0;
opacity: 0;
}

input.d-transparent {
display: block;
padding: 0;
border: 0;
margin: 0;
}

.nowrap {
    white-space: nowrap;
}

/* body {
    padding-bottom: 60px;
} */

/* @media (max-width: 500px) {
    html {
        overflow-x: hidden;
    }
} */
/* ------------------------------
color
------------------------------ */
.sat {
    /* color: #fff!important; */
    background-color: #d5ebf7 !important;
}

.sun {
    /* color: #fff!important; */
    background-color: #fbe4df !important;
}

.red {
    color: red;
}

/* .required {
    color: #d63031;
    white-space: nowrap;
    font-size: 11px;
} */

/* ------------------------------
メッセージ
------------------------------ */
#alert-success,
#alert-error {
    display: none;
}

/* ------------------------------
見出し
------------------------------ */
/* h1,
.h1 {
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold !important;
}

h2,
.h2 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 0;
}

h3,
.h3 {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
} */

.ttl-num {
    font-weight: bold;
    margin-right: 10px;
}

.ttl-num span {
    font-weight: normal;
    font-size: 12px;
    padding-left: 5px;
}

/* #pager {
    margin: 40px auto;
} */

/* @media (max-width: 767px) { */
    /* * {
        font-size: 11px;
    } */

    /* h1,
.h1 {
        font-size: 20px;
        font-size: 2rem;
    }

    h2,
.h2 {
        font-size: 16px;
        font-size: 1.6rem;
    }

    h3,
.h3 {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
    } */
/* } */
/* ------------------------------
ボタン
------------------------------ */
.btn-wrapper {
    text-align: center;
}

/* .btn {
    padding: 6px;
    line-height: 1.6;
    font-size: 13px;
} */

/* .btn-block.btn-primary {
    border-radius: 20px;
} */

/* .select.btn-primary {
    border-radius: 4px;
} */

/* .btn-primary {
    border: none;
    background-color: #194a9e;
    color: #fff;
} */

.btn-primary:hover {
    background-color: #3565aa;
    color: #fff;
}

.btn-primary:active,
.btn-primary:focus {
    color: #fff;
}

.btn-secondary {
    /* border: none; */
    background-color: #eaecef;
    color: #484d52;
}

/* .btn-success {
    background-color: #2ecc71;
} */

.btn-block {
    display: block;
    width: 100%;
}

/* .btn,
.btn:active,
.btn:focus,
.btn:hover {
    border: none;
    outline: 0;
    box-shadow: none;
} */
:where(.dashboard-alert-menu) :is(
.btn,
.btn:active,
.btn:focus,
.btn:hover) {
    border-width: 1px;
    border-style: solid;
}

.btn-sub-button {
    display: block;
    text-decoration: none;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
}

.btn-sub-button i {
    font-size: 22px;
}

.btn-sub-button:focus {
    outline: none;
}

.btn-sub-button-remove i {
    color: #d63031;
}

.btn-sub-button-add i {
    color: #00b894;
}

.btn-sub-button-asc i,
.btn-sub-button-desc i,
.btn-sub-button-detail i,
.btn-sub-button-edit i {
    color: #484d52;
}

.btn-sub-button-add {
    margin-left: auto;
}

.btn-sub-button-desc,
.btn-sub-button-detail,
.btn-sub-button-edit {
    margin-bottom: 10px;
}

.btn-sub-button-asc:hover i,
.btn-sub-button-desc:hover i,
.btn-sub-button-detail:hover i,
.btn-sub-button-edit:hover i {
    color: #f8d12f;
}

.bRemove {
    display: flex;
    margin-left: auto;
}

.button-wrapper .btn-block {
    min-width: 280px;
    margin-left: 10px;
}

.btn-bookmark-on i {
    color: #f1c40f;
}

.btn-bookmark-off i {
    color: #707A8A;
}

.btn-bookmark-load {
    cursor: none;
    pointer-events: none;
    animation: 0.6s linear infinite rotation;
}

.dashboard-alert-menu > .btn {
    padding: 6px;
}

/* .btn-toolbar {
    max-height: 33px;
    overflow: hidden;
} */

.group-btn a {
    margin: 0 5px 5px 5px;
    font-size: 16px;
    width: 36px;
    height: 36px;
    background-color: #eaecef;
    color: #484d52;
}

.group-btn a:hover {
    background-color: #51585f;
    color: #f8d12f;
}

@keyframes rotation {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
a.btn-active,
a.btn.btn-active,
.table td a.btn.btn-active {
    background-image: linear-gradient(180deg, #f8d12f 0%, #f0b90b 100%);
    color: #1e2329;
}

.fixed-button {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: #fff;
    padding-top: 15px;
}

@media (max-width: 767px) {
    .button-wrapper .btn-block {
        min-width: 100px;
    }
}
/* ------------------------------
ドロップダウン
------------------------------ */
/* .dropdown-item {
    font-size: 13px;
} */

.dropdown-item:not([class^="link-"]):not([class*=" link-"]):hover {
    color: #3f6ad8;
    background: #e0f3ff;
    /*font-weight: bold;*/
}

.dropdown-item.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.dropdown-item.btn-danger:hover,
.dropdown-item.btn-danger:active {
    background-color: #bd2332;
    border-color: #bd2332;
}

/* ------------------------------
フォーム
------------------------------ */
/* .form-control {
    outline: none;
    font-size: inherit;
}

.form-control:hover {
    border-color: #ffcf37;
    box-shadow: none;
}

.form-control:focus {
    border-color: #ffcf37;
    box-shadow: none;
} */

.form-group.flexbox {
    align-items: center;
}

/* .form-select {
    font-size: inherit;
    padding: 8px;
    line-height: 1.6;
} */

.form-number {
    text-align: right;
}

.table-list .form-number {
    display: block;
}

/* .form-select,
.form-control {
    padding: 8px;
    line-height: 1.2;
    font-size: 13px;
}

@media (max-width: 767px) {
    .form-control,
.form-select {
        padding: 4px;
    }
} */
/* ------------------------------
パネル
------------------------------ */
/* .panel {
    background-color: #fff;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
    border-width: 0;
    margin-bottom: 40px;
    border-radius: 4px;
}

.panel-body {
    padding: 15px;
    width: 100%;
}

.panel-body .row {
    align-items: flex-end;
} */

.panel-2column .row {
    align-items: flex-start;
}

/* .panel-body td .row {
    align-items: center;
}

.panel-body .forom-input {
    padding: 0 15px;
    width: 100%;
}

.panel-body label {
    white-space: nowrap;
}

.panel-body .flexbox {
    align-items: center;
}

.panel-body .flexbox span {
    padding: 0 10px;
}

.panel-body .flexbox .bar {
    text-align: center;
    padding: 0 15px;
} */

/* .panel-search .row,
.panel-search .row .d-flex {
    align-items: center;
}

.panel-search .d-flex .form-check-label {
    padding-right: 15px;
}

.panel-search .d-flex p {
    margin-bottom: 0;
}

.panel-search label {
    cursor: none;
    pointer-events: none;
}

.panel-search .form-check-inline {
    margin-right: 0.5rem;
} */

/* @media (max-width: 767px) {
    .panel-body {
        padding: 10px;
    }

    .panel-search .d-flex .form-check-label {
        padding-right: 5px;
    }

    .panel-search .d-flex p {
        white-space: nowrap;
    }
} */
@media (max-width: 500px) {
    /* .panel-search .panel-body .col-8,
.panel-search .panel-body .col-6,
.panel-search .panel-body .col-5,
.panel-search .panel-body .col-4,
.panel-search .panel-body .col-3,
.panel-search .panel-body .col-2 {
        display: block;
        width: 100%;
    } */

    /* .form-check-inline {
        padding-left: 0;
        margin-right: 2rem;
    } */

    /* .panel-search .panel-body .col-8,
.panel-search .panel-body .col-6,
.panel-search .panel-body .col-5,
.panel-search .panel-body .col-4,
.panel-search .panel-body .col-3 {
        margin-bottom: 0.5rem;
    }

    .panel-search .panel-body .d-flex label {
        min-width: 72px;
    }

    .panel-search .form-check-inline {
        margin-right: 3rem;
    } */

    /*
    .panel-search .sp-3column .d-flex .w-10,
    .panel-search .sp-4column .d-flex .w-10,
    .panel-search .sp-3column .d-flex .w-20,
    .panel-search .sp-4column .d-flex .w-20{
        min-width: 100px;
    }
    .panel-search .sp-3column .d-flex,
    .panel-search .sp-4column .d-flex{
        margin-bottom: -10px;
    }
    .panel-search .sp-3column .d-flex > *,
    .panel-search .sp-4column .d-flex > *{
        margin-bottom: 10px;
    }

    .panel-search .sp-3column .d-flex,
     .panel-search .sp-4column .d-flex{
        flex-wrap: wrap;
     }
    .panel-search .sp-3column .d-flex .form-group,
    .panel-search .sp-4column .d-flex .form-group{
        margin-top: 10px;
    }

    .panel-search .sp-3column .col-sm-10,
    .panel-search .sp-4column .col-sm-10{
        margin-bottom: 10px;
    }*/
}
/* ------------------------------
ログイン画面
------------------------------ */
#login {
    /* width: 100%; */
    min-height: 100vh;
    min-height: 100dvh;
    /* background-image: url(../img/top/img-character.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 200px; */
}

#login .login-card {
    width: 960px;
    max-width: 100%;
}

/* Responsive */
@media (min-width: 768px) {
    /* #login .login-card {
        margin: 0 auto;
        display: -webkit-flex;
        display: flex;
    } */

    /* .login,
.news {
        -webkit-flex: 1;
        flex: 1;
    } */
}

.login, .news {
    padding: 8.5% 6.5%;
    width: 50%;
}

.login {
    flex-grow: 1;
}

.login-contents {
    width: 320px;
    max-width: 100%;
}

.login .logo {
    max-width: 24vw;
}

.form-signin-heading {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #194a9e;
}

.form-signin input {
    margin-bottom: 10px;
}

.login-form .form-control {
    margin-bottom: 15px;
}

.news {
    
}

.news .mascot {
    margin-top: 10%;
    margin-bottom: -32%;
    margin-top: min( 10%, 40px );
    margin-bottom: max( -32%, -110px );
    width: 80%;
    max-width: 280px;
}

.news ul {
    max-height: calc( 100vh - 320px );
    overflow-y: scroll;
}

.news li {
    list-style: none;
    min-height: 5.2em;
}

.news h3 {
    
}

.news li a {
    text-decoration: none;
}

.news li a[href] {
    position: relative;
    padding-right: 3rem;
}

.news li a[href]::after {
    font-family: "FontAwesome";
    content: '\f105';
    font-size: 1.9rem;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%,-50%);
}

.news li a[href]:hover p {
    text-decoration: underline;
}

.news li span:empty {
    display: none;
}

.news.bg-primary {
    color: #fff;
}

.news.bg-primary ul {
    border-color: #325eaa !important;
    border-color: #5279bc !important;
}

.news.bg-primary li {
    border-color: #325eaa !important;
    border-color: #5279bc !important;
}

.news.bg-primary h3 {
    color: #fff;
}

.news.bg-primary li span {
    color: #fff;
}

.news.bg-primary p {
    color: #fff;
    opacity: .7;
}

.news.bg-primary li a[href]::after {
    color: #fff;
    opacity: .7;
}

.news.bg-primary li a[href]:hover::after {
    opacity: 1;
}


@media screen and (max-width: 767.98px) {
    .login, .news {
        padding: 8.5% 7%;
        width: auto;
    }
    .login .logo {
        max-width: 45vw;
    }
    .news ul {
        max-height: auto;
    }
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(51, 51, 51, 1)' stroke-width='3' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* ------------------------------
サイドバー
------------------------------ */
/* .col-md-9.ms-sm-auto.col-lg-10.px-md-4 {
    min-height: 100vh;
} */

/* #sidebarMenu {
    min-height: calc(100vh - 156px);
    background: #fff !important;
    box-shadow: 0px 4px 10px #dfdfdf;
} */

/* #sidebarMenu * {
    transition: all 0.2s;
} */

/* #sidebarMenu .position-sticky {
    top: 60px;
} */

/* #sidebarMenu .nav-link {
    border-radius: 4px;
} */

#sidebarMenu .nav-link:hover {
    color: #3f6ad8;
    background: #e0f3ff;
    font-weight: bold;
}

#sidebarMenu .nav-item::marker {
    list-style: none;
    display: none;
}

#sidebarMenu .nav-item p {
    font-weight: bold;
    color: #194a9e;
}

#sidebarMenu .nav-item a i {
    color: #c1c1c1;
}

#sidebarMenu .nav-item a .alert i {
    color: inherit !important;
}

#sidebarMenu .nav-item a:hover i {
    color: #3f6ad8;
}

#sidebarMenu ul li {
    list-style: none;
}

.nav-pulldown {
    position: relative;
}

.nav-pulldown::after {
    font-family: FontAwesome;
    content: "";
    transform: translate(0, -50%) rotate(90deg);
    right: 1rem;
    top: 50%;
    position: absolute;
    transition: all 0.2s;
    color: #cfd6da;
    font-size: 1.6rem;
}

.nav-pulldown[aria-expanded=true]::after {
    top: 47%;
    transform: translate(0, -50%) rotate(-90deg);
}

#sidebarMenu .nav-pulldown:hover:after {
    color: #194a9e;
}

/* #sidebarMenu .collapse {
    position: relative;
} */

#sidebarMenu .collapse.show:before {
    content: "";
    height: 100%;
    opacity: 1;
    width: 3px;
    background: #e0f3ff;
    position: absolute;
    left: 1.25rem;
    top: 0;
    border-radius: 15px;
}

#sidebarMenu .nav-active {
    color: #3f6ad8;
    background: #e0f3ff;
    font-weight: bold;
}

#sidebarMenu ul.nav li.nav-item.show,
#sidebarMenu .collapse.show .nav-item.show {
    color: #3f6ad8;
    background: #e0f3ff;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    /* #sidebarMenu {
        position: absolute;
        z-index: 2;
        width: 360px;
        left: -360px;
        background-color: #212529 !important;
    } */

    /* #sidebarMenu.show {
        left: 0;
    } */

    /* #sidebarMenu li a {
        color: #fff;
    }

    #sidebarMenu li a:hover {
        background-color: #2d3436 !important;
    }

    ul.collapse li.nav-item::marker {
        color: #fff; */
    }

    /* #sidebarMenu .position-sticky {
        top: 0;
        position: relative !important;
        padding-bottom: 20px !important;
    } */

    /* #sidebarMenu hr {
        border-top: 1px solid;
    } */
}
@media screen and (max-width: 500px) {
    #attendee-list li {
        width: 40px;
        padding: 0 10px;
    }

    #attendee-list li .thum img {
        border-radius: 50%;
        width: 32px;
        height: 32px;
        margin: 0 auto;
        object-fit: cover;
    }

    #attendee-list li .name {
        display: none;
    }

    /* #sidebarMenu hr {
        border-top: 1px solid #ced4da;
    } */
}
/* ------------------------------
タブレット用に修正
------------------------------ */
/* body.tablet #sidebarMenu {
    width: 25%;
} */

/* body.tablet #sidebarMenu ul.collapse a.nav-link {
    padding: 0.5rem 0.5rem;
} */

/* body.tablet main.col-lg-10 {
    width: 75%;
} */

/* ------------------------------
カラーピッカー
------------------------------ */
#colorpicker {
    position: relative;
}

/* ------------------------------
テーブル全般
------------------------------ */
/* table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    white-space: nowrap;
} */

.table {
    width: 100%;
    /* table-layout: fixed; */
    word-break: break-all;
    word-wrap: break-all;
}
/*
.table .col-1 {
    text-align: center;
}
*/
.table img {
    /*width: auto;*/
    height: auto;
    max-width: 100%;
}

/* .table a,
.table th {
    white-space: nowrap;
}

.table span {
    display: block;
    font-size: 11px;
}

.table > tbody > tr > td {
    white-space: normal;
}

.table td .btn-primary,
.table td a.btn {
    display: inline-block;
    border-radius: 4px;
    text-decoration: none;
    font-size: 12px;
    background-color: #eaecef;
    color: #484d52;
    border: 1px solid #dddddd;
}

.table td .btn-primary:hover,
.table td .btn-primary:active,
.table td .btn-primary:focus,
.table td a.btn:hover,
.table td a.btn:active,
.table td a.btn:focus {
    color: #fff;
    background: #788391;
}

.table td a.btn.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.table td a.btn.btn-danger:hover,
.table td a.btn.btn-danger:active {
    background-color: #bd2332;
    border-color: #bd2332;
}

tr.table-dark {
    --bs-table-bg: #616a72;
    --bs-table-striped-bg: #616a72;
    --bs-table-striped-color: #616a72;
    --bs-table-active-bg: #616a72;
    --bs-table-active-color: #616a72;
    --bs-table-hover-bg: ##616a72;
    --bs-table-hover-color:#616a72;
    color: #fff;
    border-color: #616a72;
}

tr.table-dark th {
    border-color: #868d93;
} */

.table td a.btn.btn-action {
    background-color: transparent;
    border-color: transparent;
    padding: 6px 10px;
    cursor: pointer;
}

.table td a.btn.btn-action:hover {
    color: #fff;
    background: #788391;
}

.table td a.btn.btn-action i {
    font-size: 16px;
    color: #484d52;
}

.table td a.btn.btn-action-danger i {
    color: #dc3545;
}

.table td a.btn.btn-action-danger:hover {
    background-color: #bd2332;
    border-color: #bd2332;
}

.table td a.btn.btn-action:hover i,
.table td a.btn.btn-action-danger:hover i {
    color: #fff;
}

.table td a.btn-action-delete {
    background-color: transparent;
    border: none;
}

.table td a.btn-action-delete i {
    color: #dc3545;
    font-size: 18px;
}

.table td a.btn-action-delete:hover {
    background-color: transparent;
}

/* ------------------------------
登録テーブル
------------------------------ */
.table-task td,
.table-task th {
    white-space: nowrap;
}

.table-task span {
    display: block;
    font-size: 11px;
}

/* .table th {
    position: relative;
} */

.panel-body .table td:first-child,
.panel-body .table th:first-child {
    max-width: 240px;
    min-width: 100px;
    width: 15%;
}

@media (max-width: 767px) {
    .panel-body .table td:first-child,
.panel-body .table th:first-child {
        width: 30%;
    }
}
.panel-body .table.table-striped td:first-child,
.panel-body .table.table-striped th:first-child {
    max-width: auto;
    min-width: auto;
    width: auto;
}

.panel-body .table tr.table-task td,
.panel-body .table tr.table-task th {
    max-width: auto;
    min-width: auto;
    width: auto;
}

.dhx_scheduler_year .dhx_cal_data {
    padding: 25px 0;
    box-sizing: border-box;
    text-align: left;
}

.table-task td a,
.table-task th a {
    cursor: pointer;
}

.table-list th .btn-sort {
    position: absolute;
    right: 0;
    padding: 5px;
    top: 3px;
    cursor: pointer;
}

.table-list-num td:first-child,
.table-list-num th:first-child {
    min-width: 10px;
    width: 30px;
}

.table-list-num td,
.table-list-num th {
    white-space: nowrap;
    min-width: 120px;
}

.table.table-shop th {
    width: 120px;
}

.table.table-shop {
    width: 100%;
    table-layout: auto;
}

.table-advice td > *,
.table-notice td > * {
    white-space: normal;
}

/* ------------------------------
サイドメニュー折り畳み
------------------------------ */
.menu_layer1_sub {
    position: absolute;
    left: 50px;
    width: 210px;
    background: #eeebeb;
    visibility: hidden;
}

.menu_layer2_sub {
    position: absolute;
    left: 50px;
    width: 210px;
    background: #dad8d8;
    visibility: hidden;
}

.menu_admin_layer1_sub {
    position: absolute;
    left: 50px;
    top: 50px;
    width: 210px;
    background: #eeebeb;
    visibility: hidden;
}

.menu_layer1:hover .menu_layer1_sub {
    visibility: visible;
}

.menu_admin_layer1:hover .menu_admin_layer1_sub {
    visibility: visible;
}

.menu_layer2:hover .menu_layer2_sub {
    visibility: visible;
}

/* ------------------------------
モーダル
------------------------------ */
.modal-footer {
    justify-content: center;
}

.modal-dialog,
.modal-content {
    /* 80% of window height */
    /*max-height: 80%;*/
}

.modal-body {
    /* 100% = dialog height, 120px = header + footer */
    /* max-height: 85vh; */
}

#iframe {
    width: 100%;
}

.modal-content .alert {
    margin-bottom: 0;
}

/* ------------------------------
bootstrap上書き ヘッダー
------------------------------ */
.navbar-dark .navbar-toggler {
    border: none;
}

.navbar.navbar-dark {
    background-color: #fff !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: #194a9e;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #ec661b;
}

.shadow {
    box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1) !important;
}

@media screen and (max-width: 767px) {
    .navbar-dark .navbar-brand {
        margin-left: 27px !important;
    }

    .navbar-dark .navbar-brand.ms-0 {
        margin-left: 0 !important;
    }

    .navbar h3 {
        position: absolute;
        left: 152px;
        font-size: 10px;
    }
}
.w-5 {
    width: 5% !important;
}

.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-25 {
    width: 25% !important;
}

.w-30 {
    width: 30% !important;
}

.w-35 {
    width: 35% !important;
}

.w-40 {
    width: 40% !important;
}

.w-45 {
    width: 45% !important;
}

.w-50 {
    width: 50% !important;
}

.w-55 {
    width: 55% !important;
}

.w-60 {
    width: 60% !important;
}

.w-65 {
    width: 65% !important;
}

.w-70 {
    width: 70% !important;
}

.w-75 {
    width: 75% !important;
}

.w-80 {
    width: 80% !important;
}

.w-85 {
    width: 85% !important;
}

.w-90 {
    width: 90% !important;
}

.w-95 {
    width: 95% !important;
}

.w-100 {
    width: 100% !important;
}

/* .table-list .table-dark th {
    background-color: #212529;
}

.table-dark a {
    color: #fff;
    text-decoration: none;
    margin-left: auto;
    float: right;
    display: inline-block;
    padding: 0 1px;
    width: 15px;
}

.table-dark a:hover {
    color: #ccc;
} */

/* ------------------------------
bootstrap上書き pagination
------------------------------ */
.page-item .page-link {
    color: #1e2329;
    outline: none;
}

.page-item.active .page-link,
.page-link.active-page {
    z-index: 3;
    background-color: #194a9e;
    color: #fff;
    border: 1px solid #194a9e;
}

.page-item .page-link:hover {
    background-color: #3565aa;
    color: #fff;
}

/* ------------------------------
bootstrap上書き フォーム
------------------------------ */
.form-check .form-check-input {
    /* float: none; */
    /* margin-left: 0; */
}

.table {
    /* background-color: #fff; */
}

/* .table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg:transparent;
    background-color: transparent;
} */

/* .table-striped > tbody > tr:hover,
.table-striped > tbody > tr:hover:nth-child(odd),
.table-striped > tbody > tr:hover:nth-child(even),
.table-striped > tbody > tr:nth-of-type(odd):hover {
    background-color: #ecf0f1 !important;
    pointer-events: auto;
} */

/* .table-striped tbody tr:hover td, .table-striped tbody tr:hover th {
    background-color: #ecf0f1 !important;
} */

/* ------------------------------
トップへ戻る
------------------------------ */
#back-to-top-btn {
    position: fixed;
    bottom: 10px;
    right: 10px;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    background-color: #194a9e;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 18px 20px;
    border-radius: 50%;
}

#back-to-top-btn.show {
    opacity: 1;
    visibility: visible;
}

#back-to-top-btn:hover {
    background-color: #3565aa;
    text-decoration: none;
}

/* ------------------------------
クローン
------------------------------ */
.cloneable-form-group-1 .row,
.cloneable-group-1 .row {
    align-items: center;
}

.group-left {
    width: calc( 100% - 30px);
}

.group-right {
    /* width: 5%; */
    text-align: center;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 30px;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .group-left {
        width: 90%;
    }

    .group-right {
        width: 10%;
        min-width: 30px;
    }
}
/* ------------------------------
検索周り
------------------------------ */
.flexbox.flexbox-limit {
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.flexbox.flexbox-limit select {
    max-width: 90px;
    margin-right: 10px;
}

/* ------------------------------
グリッド
------------------------------ */
#grid {
    width: 100% !important;
}

/* Buttons */
.dhx_sample-btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    outline: none;
    padding: 6px 16px;
    border-radius: 2px;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}

.dhx_sample-btn--flat {
    background: #0288d1;
    color: #fff;
}

.dhx_sample-btn--cta {
    background: #0288D1;
    color: #fff;
    border-radius: 32px;
    text-decoration: none;
    text-transform: capitalize;
}

.dhx_sample-btn--cta:hover {
    background: #027abc;
}

.dhx_sample-form-group {
    margin-bottom: 0;
}

.dhx_sample-dhx_sample-form-group:not(:last-child) {
    margin-right: 24px;
}

/* new checkboxes and radiobatons */
.dhx_form-group:not(:last-child) {
    margin-right: 24px;
}

.dhx_radiobutton__input,
.dhx_checkbox__input {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

/* events */
.dhx_sample-event {
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-top: 0;
    padding: 8px;
    -webkit-animation: fadeIn 0.8s;
    animation: fadeIn 0.8s;
    border: 1px solid #FFF;
    border-radius: 2px;
    background: #F2F2F2;
    word-wrap: break-word;
    white-space: pre-wrap;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* Colorpicker */
.dhx_color-sample {
    border: solid 1px #e4e4e4;
}

.dhx_sample-nav ol {
    counter-reset: listNumber;
    padding-left: 20px;
}

.dhx_sample-nav ol li:not(.skip) {
    counter-increment: listNumber;
    list-style: none;
}

.dhx_sample-nav ol .skip {
    list-style: none;
    margin: 0;
}

.dhx_sample-nav ol .skip h3 {
    margin: 0;
    margin-top: 20px;
    margin-bottom: 10px;
}

.dhx_sample-nav ol li:not(.skip):before {
    content: counter(listNumber) ".";
}

.icon-pro:after {
    content: " ";
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAOCAYAAAChHnWMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKaSURBVHgBtVRBTBNREJ3fLmgqSAVDIlBTDtoSMWCUg6YX7LnRmyegBzGmJFKiB+NB7UHlYuwFY9SYEk7cMNxIKtFEjXCwB2OLMdqIYDRCCoSSpkvXeb/duq1dEw19zXb3z+z+eTPz5gsywDkbtNtq08OU0/wkyEk7jxiuXNYaSvQ+SOpGoT8ceX1hgNRcWBPCTtVHSiMRinsehrGw4K/z5eCwtq1FqkGgZVdTJbNdkHbPjcQZwj170WlV1LflBGaO36bW3fuL68TmIk0sR2nqxyvq2XuYIkevFH0bapqiqzEa+zJNy5kVaes74KWhgz6qV2zSj2/HFqfLyaTS2Wy7IqzqTbMK6IGB041ddOuQn5YyP4m0vB+E5tc+MNkmCjh81MpZ+9/dpSF+DjCBiW9RmltboJ4Gl1zjs/ulROw2pTaoCAt1kQnWOQMEApCpt+kYnW0+RVPf87Y5JvC04Ed1EAw403ySFjiB0U+Tcv1sJUYdtjbqb/GWk2BoA6wJ0W1GooFLiZ7iQnYAMtfRxnYE9zZ2y3eQNcqPNsaZhBEgXF/YrwQ8hQr9Ba49Dpo5cUdnTG84iK4JACUOkK+Y7ejnSfofKLx30uxMgCawMYS1lFmVdyPgi3Lw8c7L5Kpz0Pr2lnwHV2tZxm72A7pwDYhxO7RxMgE0gfInNr/+QSDv35KbXvsYkUExEQCmAPq42n5OVg13tAxCrYCYUquq4WxNzSVW7j6jR5M/cxi9IDrPrYLwEAgThf73M6k+tskRZbsu1N+baKmcqoTkiel+Mei3WOgJGU7QnQKEuFFoU4VERuKex+Fi0I7n54MWq7heXpGqgCtAQoy89zyKYFmSOU5PPrxu5M8O89E14N8qhyFgDabVunCyN5zSzb8AQjIlfRPjeDgAAAAASUVORK5CYII=");
    display: inline-block;
    width: 33px;
    height: 14px;
    line-height: 14px;
    top: 2px;
    left: 4px;
    position: relative;
}

.dhx_sample-container__widget--timepicker {
    max-width: 268px;
}

.popup-iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
}

.table-bordered > :not(caption) > * > .threshold-alert,
.threshold-alert {
    cursor: none !important;
    background-color: #dda0dd !important;
}

.dhx_grid-cell {
    cursor: none;
    pointer-events: none;
}

.dhx_grid-cell a {
    cursor: pointer;
    pointer-events: auto;
}

/* .dhx_cal_event_line,
.daily-calendar .dhx_calendar-day {
    text-shadow: 1px 1px #707070;
} */

/* ------------------------------
リポート
------------------------------ */
.table-section {
    margin-bottom: 40px;
}

.table-section table th:first-child,
.table-section table td:first-child {
    width: 20%;
}

.hygiene.flexbox {
    flex-wrap: wrap;
    justify-self: center;
    align-items: center;
}

.hygiene-item {
    width: calc(100% / 3);
    text-align: center;
    padding: 10px;
}

.hygiene-item p {
    font-weight: bold;
    padding-top: 10px;
}

.hygiene-icon i {
    font-size: 24px;
}

.fa.fa-cloud {
    color: #636e72;
}

.fa.fa-sun-o {
    color: #d63031;
}

.fa.fa-umbrella {
    color: #6c5ce7;
}

.fa.fa-bolt {
    color: #fdcb6e;
}

.btn-sort > .fa {
	line-height: 1.2;
}

.dhx_calendar {
    margin: 0 auto;
}

.bg-yellow {
    background-color: #F8D12F !important;
}

.bg-red {
    background-color: #f6465d !important;
}

.monthly-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #dee2e6;
    padding: 15px;
}

.monthly-prev {
    margin-right: auto;
}

.monthly-next {
    margin-left: auto;
}

.monthly-nav {
    max-width: 800px;
    margin: 0 auto;
}

.monthly-num {
    font-weight: bold;
    font-size: 24px;
}

.monthly-prev i,
.monthly-next i {
    cursor: pointer;
    font-size: 18px;
}

/* ------------------------------
タブ風
------------------------------ */
.panel-head .panel-tab a {
    display: inline-block;
    background-color: #fff;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 10px;
    text-decoration: none;
    margin-right: 5px;
    background-color: #eaecef;
}

.panel-head .panel-tab a:hover,
.panel-head .panel-tab a.tab-active {
    background-color: #fff;
}

.panel-head .panel-tab a:hover {
    background-color: #3565aa;
    color: #fff;
}

.panel-head .panel-tab a.tab-active {
    pointer-events: none;
}

/* ------------------------------
トップ
------------------------------ */
.top-container {
    margin-top: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    /*grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;*/
    gap: 10px 10px;
    grid-auto-flow: row;
    grid-template-areas: "top-date top-date top-date top-taisei top-visitors top-message-board" "top-schedule top-schedule top-schedule top-calender top-calender top-calender" "top-action top-action top-action top-alert top-alert top-alert" "top-update top-update top-update top-update top-update top-update" "top-message-tips top-message-tips top-message-tips top-message-tips top-message-tips top-message-tips" "top-dashboard1 top-dashboard1 top-dashboard1 top-dashboard2 top-dashboard2 top-dashboard2" "top-footer-banner top-footer-banner top-footer-banner top-footer-banner top-footer-banner top-footer-banner" "top-footer-link top-footer-link top-footer-link top-footer-link top-footer-link top-footer-link";
}

.top-calender {
    grid-area: top-calender;
}

.top-schedule {
    grid-area: top-schedule;
}

.top-date {
    grid-area: top-date;
}

.top-taisei {
    grid-area: top-taisei;
}

.top-visitors {
    grid-area: top-visitors;
}

.top-message-board {
    grid-area: top-message-board;
}

.top-action {
    grid-area: top-action;
}

.top-alert {
    grid-area: top-alert;
}

.top-update {
    grid-area: top-update;
}

.top-message-tips {
    grid-area: top-message-tips;
}

.top-dashboard1 {
    grid-area: top-dashboard1;
}

.top-dashboard2 {
    grid-area: top-dashboard2;
}

.top-footer-link {
    grid-area: top-footer-link;
}

.top-footer-banner {
    grid-area: top-footer-banner;
}

.c-item .btn {
    position: relative;
}

.c-item ul {
    margin: 0;
    padding: 0;
}

.c-item ul li {
    list-style-type: none;
    font-size: 14px;
}

.c-item p.date {
    font-size: 20px;
}

.c-item {
    background: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    box-shadow: 0px 10px 20px rgba(200, 208, 216, 0.3);
}

.c-item {
    font-size: 13px;
    position: relative;
}

.c-item-header {
    background-color: #fafafa;
    border-bottom: 1px solid #eaeded;
    padding: 15px;
}

.c-item-box {
    padding: 15px;
    position: relative;
}

.c-item-box .btn {
    margin-bottom: 3px;
}

.c-item-box ul li a {
    border-bottom: 1px solid #efefef;
    list-style: none;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: block;
}

.c-item-header h3 {
    margin-bottom: 0;
    font-size: 18px;
}

.c-item-header p {
    margin-bottom: 0;
}

.c-item-box span.num {
    position: absolute;
    display: inline-block;
    font-weight: bold;
    background-color: #f00;
    border-radius: 50%;
    font-size: 9px;
    line-height: 1;
    min-width: 1em;
    padding: 3px;
    border: 1px solid #fff;
    box-shadow: 0px 0px 3px #999;
    color: #fff;
    top: -10px;
    right: -10px;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
}

.c-item-box .badge {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-size: 13px;
    text-decoration: none;
    position: relative;
}

.c-item-box .bg-warning {
    color: #8b6902;
}

.c-item-box .bg-warning:hover {
    background-color: #ffdb70 !important;
}

.c-item-box .bg-danger {
    color: #fff;
}

.c-item-box .bg-danger:hover {
    background-color: #bf2937 !important;
}

.top-footer-link ul li {
    margin-right: 15px;
}

.top-footer-link ul li a {
    display: block;
    text-decoration: none;
    text-decoration: none;
    font-size: 12px;
}

.top-footer-link .c-item-box ul li a {
    border-bottom: none;
    list-style: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
    display: block;
}

.icon-furo {
    padding: 15px;
    max-width: 100px;
    border-right: 1px solid #eaecef;
}

.top-message-tips ul {
    margin-left: 15px;
    width: 100%;
}

.flex-menu {
    flex-wrap: wrap;
}

.flex-menu .flex-item {
    width: 50%;
    padding-bottom: 10px;
}

.flex-menu .flex-item a {
    display: block;
    margin-right: 10px;
    padding: 15px;
    font-weight: bold;
}

.flex-menu .flex-item:nth-child(even) a {
    margin-right: 0;
}

.c-item-box a {
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    .top-container {
        display: block;
    }

    .c-item {
        margin-bottom: 15px;
    }

    .top-alert .c-item-box .btn:first-child {
        margin-bottom: 5px;
    }

    .flex-menu .flex-item,
.flex-menu .flex-item a {
        width: 100%;
        margin-right: 0;
    }

    .top-footer-link .d-flex {
        display: block !important;
    }
}
/* ------------------------------
スライダー
------------------------------ */
/* .swiper-container {
    position: relative;
    overflow: hidden;
    padding: 20px 0;
    max-height: 150px;
    min-height: 50px;
    background-size: cover;
    background-position: center center;
}

.swiper-container:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
}

.swiper-slide {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.swiper-slide img {
    display: flex;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    align-self: center;
}

.swiper-button-white:focus {
    outline: none;
}

.swiper-button-prev {
    left: 25px;
}

.swiper-button-next {
    right: 25px;
} */

/* ------------------------------
ボタン周り
------------------------------ */
input[type=button].btn-secondary {
    font-family: FontAwesome;
}

.btn-normal {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #545b64;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 13px;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border: 1px solid #545b64;
}

.btn-normal:hover {
    background-color: #eaeaea;
    border: 1px solid #545b64;
}

/* ------------------------------
各テーブル調整
------------------------------ */
@media (max-width: 767px) {
    .row.row-date-picker .col-2 {
        width: 100%;
    }

    .row.row-m-col .col-2,
.row.row-m-col .col-10 {
        width: 50%;
    }

    .row.row-m-col .col-4 {
        width: 70%;
    }

    .row.row-m-col .col-8 {
        width: 30%;
    }

    .row.row-date-picker .col-4 {
        width: 45%;
    }
}
/* ------------------------------
写真
------------------------------ */
#photo {
    position: relative;
    width: 200px;
    cursor: pointer;
}

.photo-delete-icon {
    display: none;
    margin: 0 0 0 0;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    border: 3px solid #dc3545;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.photo-delete-icon i {
    font-size: 42px;
    color: #dc3545;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.photo-delete-text {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #fbc531;
    color: #fff;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 2px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#photo.active .photo-delete-text {
    background-color: #dc3545;
    display: block;
}

#photo.active .photo-delete-icon {
    display: block;
}

/* ------------------------------
.daily-report
------------------------------ */
.daily-report .panel.panel-default canvas {
    margin: 0 auto 40px auto;
}

@media (max-width: 767px) {
    .daily-report .panel.panel-default .col-sm-6 {
        width: 100%;
    }
}

.score-report-left .dhx_calendar-navigation__button {
    visibility: visible !important;
    height: 20px !important;
    padding: 0 !important;
}
.dashboard-actions .list-d-table a .list-d-table-cell,
.table.table-score-report-sanit-day > :not(caption) > * > * {
    white-space: normal!important;
    word-break: break-all;
}

.table-score-report tbody th,
.table-score-report tbody td{
    white-space: nowrap;
}
.table-score-report tbody td.nowrap{
    white-space: normal;
}

.dashboard-actions .list-d-table a .list-d-table-cell,
.table.table-score-report-sanit-day > :not(caption) > * > * {
    white-space: normal!important;
        word-break: break-all;
}
.dashboard-actions .list-d-table a .list-d-table-cell,
.table.table-score-report-sanit-day > :not(caption) > * > * {
    white-space: normal!important;
        word-break: break-all;
}
.dashboard-actions .list-d-table a .list-d-table-cell,
.table.table-score-report-sanit-day > :not(caption) > * > * {
    white-space: normal!important;
        word-break: break-all;
}


/* ------------------------------
.loading
------------------------------ */

.loading{
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255,0.6);
    z-index: 10000;
    transition : all 300ms;
}
/*# sourceMappingURL=furomoni.css.map */


/* ------------------------------
スマートフォン用修正 2022-09-06
------------------------------ */

@media (max-width: 767px) {

    body main.main .contents-row{
            transform : translate(0, 0);
            transition: all .3s ease;
            position: relative;
    }
    body.is-open main.main .contents-row{
            min-width: 980px;
            transform: translate(-598px, 0vw);

    }

}
/*
@media (max-width: 767px) {
    body main.main .main-col{
        transform : translate(0, 0);
        transition: all .3s ease;
        position: relative;
    }
    body.is-open main.main .main-col{

        transform: translate(-60vw, 0vw);
    }

    body main.main .right-col{
        transform : translate(0, 0);
        transition: all .3s ease;
        animation-delay: 1s;
        position: relative;
    }

    body.is-open main.main .right-col{
        width: 100%;
        transform: translate(-61vw, 0vw);
    }

    body.is-open main.main .right-col-inner{
         padding-left: 1.5rem!important;
    }

}
*/
/* ------------------------------
ipad 縦用修正 2022-09-06
------------------------------ */
@media screen and (orientation: portrait) {

    .table-maint-histories #bpo_corp_id_selector{
        width: auto!important;
    }


}

/* ------------------------------
サイドバー微調整 2022-09-06
------------------------------ */
#maintenance-create-form .modal-content{
    border: none;
}
#maintenance-create-form .modal-content iframe{
    height: 100vh!important;
}


/* ------------------------------
ホーム画面 アクションリスト iphone調整 2022-10-17
------------------------------ */

.dashboard-card .list-d-table > li:last-of-type .list-d-table-cell.font-palt{
    min-width: 110px;

}

/* ------------------------------
ホーム画面 運営会社リンク iphone SE調整 2022-10-19
------------------------------ */

@media (max-width: 375px) {
    .dashboard-grid-footer .card-body a{
        margin-right: 10px;
    }
}



/* ------------------------------
調整クラス追加 2024-05-15
------------------------------ */
.disabled {
    pointer-events: none;
    opacity: 0.5;
}

@media screen and (max-width: 768px) {
    .align-items-left {
        align-items: start !important;
    }
}

/* ------------------------------------------
ブラウザ拡大でボーダーが消える現象の対策 2025-03-14
--------------------------------------------- */
/*
.table-check-list thead tr:nth-child(2) th {


}*/

/* 左線 */
/*
.table-check-list thead tr:nth-child(2) th::before {

}*/

/* 右線 */
/*
.table-check-list-style .check-list-category.pc-grids th:after,
.table-check-list thead tr:nth-child(2) th::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: var(--border-color);
    z-index: 1;
     border-collapse: separate; 
}
.table-check-list thead tr th:nth-child(1)::after{
    display: none;
}
.table-check-list thead tr:nth-child(2) th.th-border-end::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 3px;
    height: 100%;
    background: var(--border-color);
    z-index: 1;
}

table.table .table-check-list thead tr th:nth-child(1){
    border-right: 3px solid var(--border-color)!important; 
}*/
.table.table-check-list tr {
    background-color: #eef1f5;
}
/*
/* ------------------------------------------
ブラウザ拡大でボーダーが消える現象の対策 2025-04-02
--------------------------------------------- */
.table-check-list .time,
.table-check-list .date{
    border-top: 1px solid var(--border-color)!important;
}

.table-check-list thead tr:nth-child(1) th,
.table-check-list thead tr:nth-child(2) th{

}
/* ------------------------------------------
ナビゲーションバー統一 2025-04-08
--------------------------------------------- */
.dashboard-visiter .btn{
    white-space: nowrap;
    margin: 10px 0;
}
.dashboard-header button.btn-sidenav-open{
    padding: 21px 15px !important;

}


@media screen and (max-width: 500px) { 
    .dashboard-header .align-items-center .fs-2,
    .dashboard-header .align-items-center .fs-4,
    .dashboard-header .align-items-center .fs-6{
        font-size: 12px!important;
    }

    .dashboard-header .align-items-center .fs-6{
        font-size: 11px!important;
    }
}

/* ------------------------------------------
スクロール時に日付で止めるsticky 2025-04-10
１行につき0.5ずつ増えていけば良さそうだが、boldがあると微妙に高さの違いが出てくる
--------------------------------------------- */

.line1.table-check-list .date{
        top: calc(var(--thead-cell-height) * 1.5);
}
.line2.table-check-list .date{
        top: calc(var(--thead-cell-height) * 2);
}
.line3.table-check-list .date{
        top: calc(var(--thead-cell-height) * 2.5);
}
.line4.table-check-list .date{
        top: calc(var(--thead-cell-height) * 3);
}
.line5.table-check-list .date{
        top: calc(var(--thead-cell-height) * 3.3);
}
.line6.table-check-list .date{
        top: calc(var(--thead-cell-height) * 3.8);
}
.line7.table-check-list .date{
        top: calc(var(--thead-cell-height) * 4);
}
.line8.table-check-list .date{
        top: calc(var(--thead-cell-height) * 4.5);
}
.line9.table-check-list .date{
        top: calc(var(--thead-cell-height) * 5);
}
.line10.table-check-list .date{
        top: calc(var(--thead-cell-height) * 5.5);
}
.line11.table-check-list .date{
        top: calc(var(--thead-cell-height) * 6);
}
.line12.table-check-list .date{
        top: calc(var(--thead-cell-height) * 6.5);
}
.line13.table-check-list .date{
        top: calc(var(--thead-cell-height) * 7);
}
.line14.table-check-list .date{
        top: calc(var(--thead-cell-height) * 7.5);
}
.line15.table-check-list .date{
        top: calc(var(--thead-cell-height) * 8);
}
.line16.table-check-list .date{
        top: calc(var(--thead-cell-height) * 8.5);
}
.line17.table-check-list .date{
        top: calc(var(--thead-cell-height) * 9);
}
.line18.table-check-list .date{
        top: calc(var(--thead-cell-height) * 9.3);
}
.line19.table-check-list .date{
        top: calc(var(--thead-cell-height) * 9.4);
}
.line20.table-check-list .date{
        top: calc(var(--thead-cell-height) * 9.5);
}