/*-----------------------------------------------------------------------------
    site.css
-----------------------------------------------------------------------------*/

/* bootstrap override >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.form-label {
    font-size: 0.9rem;
    margin-bottom: unset;
}
.col-form-label {
    padding-top: calc(0.45rem + var(--bs-border-width));
    padding-bottom: calc(0.45rem + var(--bs-border-width));
    font-size: 0.9rem;
    white-space: nowrap !important;
}
.col-form-label-sm {
    padding-top: calc(0.25rem + var(--bs-border-width));
    padding-bottom: calc(0.25rem + var(--bs-border-width));
    font-size: 0.9rem;
    white-space: nowrap !important;
}

.form-text {
    margin-top: calc(0.25rem + var(--bs-border-width));
    font-size: 0.9em;
    color: unset;
}
.form-control:focus {
    box-shadow: none;
}
.form-select:focus {
    box-shadow: none;
}
.form-check {
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    margin-bottom: unset;
    font-size: 1rem;
}
.form-check-sm {
    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.form-control::placeholder {
    color: var(--gray-400);
}
/* bootstrap override <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

/* select2 override >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.select2-container--bootstrap-5 .select2-selection {
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}
select.form-select-sm + .select2-container--bootstrap-5 .select2-selection {
    border-radius: var(--bs-border-radius-sm);
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
    box-shadow: none;
}

.select2-hidden-accessible {
    display: none;
}
/* select2 override <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

/* jSpreadSheet override >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.jexcel_container {
    width: 100%;
}

.jexcel_container .jexcel_filter {
    margin-bottom: 0;
}
.jexcel_container .jexcel_filter > div:nth-child(1) {
    padding: 8px 4px 8px 0;
}
.jexcel_container .jexcel_filter > div:nth-child(2) {
    padding: 8px 0 8px 4px;
}
.jexcel_container .jexcel_filter > div:nth-child(1):empty {
    padding: 0;
}
.jexcel_container .jexcel_filter > div:nth-child(2):empty {
    padding: 0;
}

.jexcel_container .jexcel_search {
    min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
    border-radius: var(--bs-border-radius-sm) !important;
}
.jexcel_container .jexcel_search:focus {
    border-color: #86b7fe !important;
    outline: 0;
    box-shadow: none;
}

.jexcel_content {
    width: 100%;
    height: auto;
    max-height: 400px;
    background-color: var(--bs-body-bg);
    scrollbar-width: auto;
    scrollbar-color: #b1cfcd #fff;
}

.jexcel {
    border-top-width: 0;
    border-left-width: 0;
}

.jexcel thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

.jexcel tbody .jexcel_freezed {
    position: relative;
    background-color: inherit;
    box-shadow: 1px 1px 1px 1px #ccc !important;
    -webkit-box-shadow: 2px 4px 4px 0.1px #ccc !important;
    -moz-box-shadow: 2px 4px 4px 0.1px #ccc !important;
}
/* jSpreadSheet override <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

/* jQuery-Confirm override >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.jconfirm .jconfirm-box .jconfirm-buttons button {
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
}
/* jQuery-Confirm override <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

:root {
    /* font */
    --wz-font-family: "Meiryo", var(--bs-body-font-family);
    /* color */
    --wz-main: #b1cfcd;
    --wz-search-area-background: #f2f2f2;
    --wz-possibility-a: #c9e5fa;
    --wz-possibility-b: #c9fade;
    --wz-possibility-c: #fadec9;
    --wz-possibility-d: #faf7c9;
    /* bootstrap color */
    --hitbox: #ffffff;
    --theme-Primary: #0d6efd;
    --theme-Secondary: #6c757d;
    --theme-Success: #198754;
    --theme-Danger: #dc3545;
    --theme-Warning: #ffc107;
    --theme-Info: #0dcaf0;
    --theme-Light: #f8f9fa;
    --theme-Dark: #212529;
    --theme-Border: #dee2e6;
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6c757d;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;
    --gray-White: #ffffff;
    --gray-Black: #000000;
    --blue-100: #e7f1ff;
    --blue-200: #9ec5fe;
    --blue-300: #6ea8fe;
    --blue-400: #3d8bfd;
    --blue-500: #0d6efd;
    --blue-600: #0a58ca;
    --blue-700: #084298;
    --blue-800: #052c65;
    --blue-900: #031633;
    --indigo-100: #e0cffc;
    --indigo-200: #c29ffa;
    --indigo-300: #a370f7;
    --indigo-400: #8540f5;
    --indigo-500: #6610f2;
    --indigo-600: #520dc2;
    --indigo-700: #3d0a91;
    --indigo-800: #290661;
    --indigo-900: #140330;
    --purple-100: #e2d9f3;
    --purple-200: #c5b3e6;
    --purple-300: #a98eda;
    --purple-400: #8c68cd;
    --purple-500: #6f42c1;
    --purple-600: #59359a;
    --purple-700: #432874;
    --purple-800: #2c1a4d;
    --purple-900: #160d27;
    --pink-100: #f7d6e6;
    --pink-200: #efadce;
    --pink-300: #e685b5;
    --pink-400: #de5c9d;
    --pink-500: #d63384;
    --pink-600: #ab296a;
    --pink-700: #801f4f;
    --pink-800: #561435;
    --pink-900: #2b0a1a;
    --red-100: #f8d7da;
    --red-200: #f1aeb5;
    --red-300: #ea868f;
    --red-400: #e35d6a;
    --red-500: #dc3545;
    --red-600: #b02a37;
    --red-700: #842029;
    --red-800: #58151c;
    --red-900: #2c0b0e;
    --orange-100: #ffe5d0;
    --orange-200: #fecba1;
    --orange-300: #feb272;
    --orange-400: #fd9843;
    --orange-500: #fd7e14;
    --orange-600: #ca6510;
    --orange-700: #984c0c;
    --orange-800: #653208;
    --orange-900: #331904;
    --yellow-100: #fff3cd;
    --yellow-200: #ffe69c;
    --yellow-300: #ffda6a;
    --yellow-400: #ffcd39;
    --yellow-500: #ffc107;
    --yellow-600: #cc9a06;
    --yellow-700: #997404;
    --yellow-800: #664d03;
    --yellow-900: #332701;
    --green-100: #d1e7dd;
    --green-200: #a3cfbb;
    --green-300: #75b798;
    --green-400: #479f76;
    --green-500: #198754;
    --green-600: #146c43;
    --green-700: #0f5132;
    --green-800: #0a3622;
    --green-900: #051b11;
    --teal-100: #d2f4ea;
    --teal-200: #a6e9d5;
    --teal-300: #79dfc1;
    --teal-400: #4dd4ac;
    --teal-500: #20c997;
    --teal-600: #1aa179;
    --teal-700: #13795b;
    --teal-800: #0d503c;
    --teal-900: #06281e;
    --cyan-100: #cff4fc;
    --cyan-200: #9eeaf9;
    --cyan-300: #6edff6;
    --cyan-400: #3dd5f3;
    --cyan-500: #0dcaf0;
    --cyan-600: #0aa2c0;
    --cyan-700: #087990;
    --cyan-800: #055160;
    --cyan-900: #032830;
}

html {
    overflow: hidden;
}

body {
    font-family: var(--wz-font-family);
}

/*-----------------------------------------------------------------------------
    ローディング
-----------------------------------------------------------------------------*/
.wz-loading {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(245, 245, 245, 0.5);
    z-index: 9999999999;
}

.wz-loading [class^="s"] {
    color: var(--cyan-700);
    padding: 1px;
    animation-name: loading-flash;
    animation-duration: 1.50s;
    animation-iteration-count: infinite;
}

.wz-loading .s1 {
    animation-delay: 0.00s;
}

.wz-loading .s2 {
    animation-delay: 0.25s;
}

.wz-loading .s3 {
    animation-delay: 0.50s;
}

.wz-loading .s4 {
    animation-delay: 0.75s;
}

.wz-loading .s5 {
    animation-delay: 1.00s;
}

.wz-loading .s6 {
    animation-delay: 1.25s;
}

.wz-loading .s7 {
    animation-delay: 1.50s;
}

@keyframes loading-flash {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-8px);
    }
}

/*-----------------------------------------------------------------------------
    メインコンテナ
-----------------------------------------------------------------------------*/
.wz-main-container {
    display: flex;
    flex-direction: row;
    height: 100svh;
}
/*- サイドバー --------------------------------------------------------------*/
.wz-main-container .wz-sidebar {
    min-width: 200px;
    width: 200px;
    background-color: var(--wz-main);
    display: flex;
    flex-direction: column;
    z-index: 1040;
}

.wz-sidebar .wz-sidebar-header {
    padding: 4px;
    text-align: center;
}

.wz-sidebar .wz-sidebar-header img {
    height: 62px;
}

.wz-sidebar .wz-sidebar-body {
    overflow-y: auto;
    background-color: var(--wz-main);
    flex-grow: 1;
    scrollbar-color: rgba(255, 255, 255, 0.5) transparent;
}

.wz-sidebar .wz-sidebar-body .accordion-item {
    background-color: transparent !important;
    border-width: 0 !important;
}

    .wz-sidebar .wz-sidebar-body ul,
    .wz-sidebar .wz-sidebar-body ul > li {
        background-color: transparent !important;
        padding: 0 !important;
        border-width: 0 !important;
    }

.wz-sidebar .wz-sidebar-body a {
    padding: 0.5rem 0.75rem;
    text-decoration: none;
    color: var(--bs-accordion-color);
    background-color: transparent !important;
    box-shadow: none !important;
}

.wz-sidebar .wz-sidebar-body a:hover,
.wz-sidebar .wz-sidebar-body a[active] {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.wz-sidebar .wz-sidebar-body .list-group-item a {
    display: block;
    padding: 0.5rem 0.25rem 0.5rem 1.5rem;
}

.wz-sidebar .wz-sidebar-footer {
    height: 2.5rem;
}

.wz-sidebar .wz-sidebar-footer a {
    color: var(--bs-color);
    text-decoration: none;
    padding: 0.5rem 0.75rem;
}

.wz-sidebar .wz-sidebar-footer a.dropdown-toggle:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.wz-sidebar .wz-sidebar-footer a.dropdown-toggle::after {
    content: none;
}

.wz-sidebar .wz-sidebar-footer .dropdown-menu {
    width: 120% !important;
}

.wz-sidebar .wz-sidebar-footer a.dropdown-item:active {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg);
}

.accordion-button.wz-root-menu-accordion-button {
    font-size: 1.2rem;
}
.accordion-button.wz-root-menu-accordion-button::after {
    background-image: unset;
    font: var(--fa-font-solid);
    color: var(--bs-secondary-color);
    content: '\2b';
    height: unset;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
}
.accordion-button.wz-root-menu-accordion-button:not(.collapsed)::after {
    content: '\f068';
}

/*- メインエリア ------------------------------------------------------------*/
.wz-main-container .wz-main {
    flex-grow: 1;
    overflow: auto;
}

.wz-main-container .wz-main main {
    min-width: 1080px;
}

/*-----------------------------------------------------------------------------
    パンくず
-----------------------------------------------------------------------------*/
.wz-breadcrumb {
    padding: 0 0.5em;
    border-bottom: 1.25px solid #808080;
}

/*-----------------------------------------------------------------------------
    メッセージ
-----------------------------------------------------------------------------*/
.wz-alert-update {
    --bs-alert-color: #984C0C;
    --bs-alert-bg: #FECBA1;
    --bs-alert-border-color: #FD7E14;
    --bs-alert-link-color: #984C0C;
}

.wz-alert-print {
    --bs-alert-color: #0F5132;
    --bs-alert-bg: #A3CFBB;
    --bs-alert-border-color: #198754;
    --bs-alert-link-color: #0F5132;
}

.wz-item-alert-message {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity));
    margin: unset;
    padding: unset;
    font-size: 0.8em;
}

/*-----------------------------------------------------------------------------
    文字色
-----------------------------------------------------------------------------*/
.wz-text-warning {
    color: #DAA520;
}

.wz-text-transparent {
    color: transparent;
}

/*-----------------------------------------------------------------------------
    カード
-----------------------------------------------------------------------------*/
.wz-card .card-header {
    color: #FFFFFF;
    background-color: var(--cyan-700);
}

/* 条件カード */
.wz-condition-card {
    border-color: #DCDCDC;
    background-color: var(--wz-search-area-background);
}

/* トグルカード */
.wz-toggle-card {
    border-color: #DCDCDC;
    background-color: #E7F1FF;
}

.wz-toggle-btn {
    color: var(--bs-color);
    text-decoration-line: none;
}

.wz-toggle-btn[aria-expanded="false"]::before {
    font: var(--fa-font-solid);
    font-size: larger;
    color: var(--bs-primary);
    content: '\f0fe';
}

.wz-toggle-btn[aria-expanded="true"]::before {
    font: var(--fa-font-solid);
    font-size: larger;
    color: var(--bs-primary);
    content: '\f146';
}

/*-----------------------------------------------------------------------------
    モーダル
-----------------------------------------------------------------------------*/
.wz-modal .modal-header {
    color: #FFF;
    background-color: var(--cyan-700);
}

.wz-error-modal .modal-header {
    color: #FFF;
    background-color: var(--red-400);
}

.wz-modal-only-view th {
    color: #FFF;
    background-color: var(--cyan-700);
    padding: 0.2rem;
}
.wz-modal-only-view td {
    padding: 0.2rem 0.5rem;
}

.wz-modal-only-view td.wz-only-view-table-footer {
    color: #FFF;
    background-color: var(--cyan-700);
}


/*-----------------------------------------------------------------------------
    ボタン
-----------------------------------------------------------------------------*/
/*- 更新ボタン --------------------------------------------------------------*/
.wz-create-btn {
    --bs-btn-color: #FFF;
    --bs-btn-bg: #FD7E14;
    --bs-btn-border-color: #FD7E14;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #E76A12;
    --bs-btn-hover-border-color: #E76A12;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #E76A12;
    --bs-btn-active-border-color: #E76A12;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFF;
    --bs-btn-disabled-bg: #FD7E14;
    --bs-btn-disabled-border-color: #FD7E14;
}

/*- 新規ボタン --------------------------------------------------------------*/
.wz-new-create-btn {
    --bs-btn-color: #000;
    --bs-btn-bg: #FFD814;
    --bs-btn-border-color: #FFD814;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #FFC300;
    --bs-btn-hover-border-color: #FFC300;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #FFC300;
    --bs-btn-active-border-color: #FFC300;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #FFEFB5;
    --bs-btn-disabled-border-color: #FFEFB5;
}

/*- 印刷ボタン --------------------------------------------------------------*/
.wz-print-btn {
    --bs-btn-color: #FFF;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #0E5B3B;
    --bs-btn-hover-border-color: #0E5B3B;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #0E5B3B;
    --bs-btn-active-border-color: #0E5B3B;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFF;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754;
}

/*- 申請ボタン --------------------------------------------------------------*/
.wz-submission-btn {
    --bs-btn-color: #FFF;
    --bs-btn-bg: #FFC107;
    --bs-btn-border-color: #FFC107;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #FFA000;
    --bs-btn-hover-border-color: #FFA000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #FFA000;
    --bs-btn-active-border-color: #FFA000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFF;
    --bs-btn-disabled-bg: #FFC107;
    --bs-btn-disabled-border-color: #FFC107;
}

/*- 承認ボタン --------------------------------------------------------------*/
.wz-approval-btn {
    --bs-btn-color: #FFF;
    --bs-btn-bg: #E685B5;
    --bs-btn-border-color: #E685B5;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #D75B94;
    --bs-btn-hover-border-color: #D75B94;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #D75B94;
    --bs-btn-active-border-color: #D75B94;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFF;
    --bs-btn-disabled-bg: #E685B5;
    --bs-btn-disabled-border-color: #E685B5;
}

/*- 虫眼鏡ボタン --------------------------------------------------------------*/
.wz-loupe-btn {
    --bs-btn-color: #FFF;
    --bs-btn-bg: #00ABE7;
    --bs-btn-border-color: #00ABE7;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #008DC2;
    --bs-btn-hover-border-color: #008DC2;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #00ABE7;
    --bs-btn-active-border-color: #00ABE7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFF;
    --bs-btn-disabled-bg: #B3E3F5;
    --bs-btn-disabled-border-color: #B3E3F5;
}

/*- サブウィンドウボタン --------------------------------------------------------------*/
.wz-subwindow-btn {
    --bs-btn-color: #00ABE7;
    --bs-btn-border-color: #00ABE7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #008DC2;
    --bs-btn-hover-border-color: #008DC2;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #008DC2;
    --bs-btn-active-border-color: #008DC2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #B3E3F5;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #B3E3F5;
    --bs-gradient: none;
}

/*- カレンダーボタン --------------------------------------------------------*/
.wz-calendar-btn {
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: var(--bs-body-bg);
    --bs-btn-border-color: var(--bs-border-color);
    --bs-btn-hover-color: var(--bs-body-color);
    --bs-btn-hover-bg: var(--bs-body-bg);
    --bs-btn-hover-border-color: var(--bs-border-color);
    --bs-btn-focus-shadow-rgb: unset;
    --bs-btn-active-color: var(--bs-body-color);
    --bs-btn-active-bg: var(--bs-body-bg);
    --bs-btn-active-border-color: #86b7fe;
    --bs-btn-active-shadow: unset;
    --bs-btn-disabled-color: var(--bs-body-color);
    --bs-btn-disabled-bg: var(--bs-secondary-bg);
    --bs-btn-disabled-border-color: var(--bs-border-color);
    border-left-color: transparent;
}
.wz-calendar-btn:focus {
    border-color: var(--bs-btn-active-border-color);
}

/*-----------------------------------------------------------------------------
    チェックボックス・ラジオボタン
-----------------------------------------------------------------------------*/
.wz-check {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
}
.wz-check-sm {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

/*-----------------------------------------------------------------------------
    コントロール
-----------------------------------------------------------------------------*/

/*- 客先コード --------------------------------------------------------------*/
.wz-customer-code-control {
    max-width: 4rem;
}

/*- 業者コード --------------------------------------------------------------*/
.wz-purchase-vendor-code-control {
    max-width: 5rem;
}


/*-----------------------------------------------------------------------------
    select2
-----------------------------------------------------------------------------*/
.select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: red
}


/*-----------------------------------------------------------------------------
    スプレッドシート
-----------------------------------------------------------------------------*/

/*- For NonEditable ---------------------------------------------------------*/
.jexcel_container.wz-list-table table > thead {
    height: 3.25rem;
}

.jexcel_container.wz-list-table table > thead > tr > td {
    padding: 0 4px;
    text-align: center !important;
}

.jexcel_container.wz-list-table table > tbody > tr {
    background-color: #FFF;
}

.jexcel_container.wz-list-table table > tbody > tr > td {
    color: rgba(0, 0, 0, 0.6) !important;
}

.jexcel_container.wz-list-table .jexcel_content {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    max-width: 100%;
    padding-right: unset;
    padding-bottom: unset;
    box-shadow: var(--bs-box-shadow-sm);
}

/*- For Editable ------------------------------------------------------------*/
.jexcel_container.wz-edit-table table > thead {
   
}

.jexcel_container.wz-edit-table table > thead > tr > td {
    padding: 0 4px;
    text-align: center !important;
    background-color: #91B7C7;
}

.jexcel_container.wz-edit-table table > thead > tr > td.selected {
    background-color: #D0E4F1;
}

.jexcel_container.wz-edit-table table > tbody > tr {
    background-color: #FFF;
}

.jexcel_container.wz-edit-table table > tbody > tr > td.readonly {
    color: rgba(0, 0, 0, 0.6) !important;
}

.jexcel_container.wz-edit-table .jexcel_content {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    max-width: 100%;
    padding-right: unset;
    padding-bottom: unset;
    box-shadow: var(--bs-box-shadow-sm);
}

/*- エラーセル設定 --------------------------------------------------------*/
.wz-jss-warning {
    border-left: 1px solid red !important;
    background-color: #ffefef !important;
    /*position: relative;*/
}

/*.wz-jss-warning:before {
    content: '　';
    font-family: 'Material Icons';
    font-size: 16px;
    position: absolute;
    color: red;
    left: 2px;
    font-weight: normal;
    background-color: red;
    mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16"><path fill="%23000000" d="M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016.146.146 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.163.163 0 0 1-.054.06.116.116 0 0 1-.066.017H1.146a.115.115 0 0 1-.066-.017.163.163 0 0 1-.054-.06.176.176 0 0 1 .002-.183L7.884 2.073a.147.147 0 0 1 .054-.057zm1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z" /><path d="M7.002 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995z"/></svg>') no-repeat center center;
        
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}*/

.wz-custom-tooltip-waring {
    --bs-tooltip-bg: red;
    --bs-tooltip-color: #ffefef;
    z-index: 999;
}

/*- 必須マーク ------------------------------------------------------------*/
/*.wz-jss-required {
    position: relative;
}

.wz-jss-required:after {*/ /* アスタリスク */
    /*content: '';
    font-size: 12px;
    position: absolute;
    color: red;
    margin-left: 2px;
    width: 12px;
    height: 12px;
    background-color: red;*/ /* アイコンの色 */
    /*mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><line x1="50" y1="10" x2="50" y2="90" stroke="black" stroke-width="10"/><line x1="25" y1="25" x2="75" y2="75" stroke="black" stroke-width="10"/><line x1="25" y1="75" x2="75" y2="25" stroke="black" stroke-width="10"/></svg>') no-repeat center center;
}*/

/*-----------------------------------------------------------------------------
    aタグ
-----------------------------------------------------------------------------*/
.disabled-link {
    pointer-events: none;
    opacity: 0.6;
}