/*
==================================================
■ カスタムCSS
==================================================
*/
/* 共通 */
html,
html a,
body {
    -webkit-font-smoothing: antialiased;
}

ul {
    margin-bottom: 0;
}

a {
    /* color: #0f9aee; */
    color: #0d6efd;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: none;
    color: rgb(11.976284585, 122.9565217391, 190.023715415);
}

a:focus {
    outline: none;
}

.wa {
    width: auto;
}

/* ボディ */
body {
    color: #344050;
    font-family: "Segoe UI", "メイリオ", Meiryo, Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 0.9rem;
    line-height: 1.2rem;
    background-color: #f5f7fa;
    overflow-x: hidden;
}

/* ローダ */
#loader {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    display: default;
}

#loader.fadeOut {
    opacity: 0;
    display: none;
}

.spinner {
    width: 40px;
    height: 40px;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1s infinite ease-in-out;
    animation: sk-scaleout 1s infinite ease-in-out;
}

/* コンテナ */
.container {
    width: 1600px;
    padding: 0;
}

@media (min-width: 1600px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 1600px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 100%;
    }
}

.page-container {
    padding-left: 13rem;
    transition: all 0.2s ease;
}

.main-content {
    position: relative;
    min-height: 89vh;
    padding: 15px 20px 20px 30px;
    padding-top: 15px;
}

.container-fluid {
    padding-left: 0.35rem;
    padding-right: 0.35rem;
}

#mainArea {
    width: calc(100vw - 0.5rem);
    /* スクロールバーの幅を0.5remとして差し引き */
}

/* ロゴ */
.logoText {
    color: #313435;
    font-size: 1rem;
    line-height: 1rem;
}

/* ヘッダ */
#header {
    position: sticky;
    background-color: #ffffff;
    border-bottom: 1px solid #cbd0dd;
    top: 0;
    left: 0;
    z-index: 1001;
}

/* ナビ設定 */
.navbar {
    --bs-navbar-brand-padding-y: 0.35rem;
    --bs-navbar-brand-font-size: 1rem;
    --bs-navbar-toggler-font-size: 1rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%2833, 37, 41, 0.75%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");
}

/* フッタ */
.footer {
    position: absolute;
    box-sizing: border-box;
    font-size: 0.8rem;
    color: #7c8695;
    text-align: center;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.5rem 1rem;
}

/* TOPへ戻る */
#pageTop {
    display: none;
    position: fixed;

    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: center;
    vertical-align: middle;
    background-color: #2ca1e5;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    bottom: 0;
    right: 0;
    margin-bottom: 1rem;
    margin-right: 0.25rem;

    opacity: 0.6;
    z-index: 99999;
    cursor: pointer;
}

#pageTop a {
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    padding-top: 0.25rem;
    ;
}

#pageTop a:hover {
    opacity: 0.7;
}

/* アイコン */
.icon {
    margin-right: 0.25rem;
}

.fa-arrow-right-to-bracket.fa-rotate-90 {
    /* 回転させたDLアイコンの場合 */
    padding-top: 0.15rem;
}

/* ページタイトル */
.dvPageTitle {
    color: #31374a !important;
    margin: 0.5rem 0 0.75rem 0;
    padding: 0 1rem 0 0.75rem;
    height: 2rem;
}

.dvPageTitle>.row {
    height: 100%;
}

.dvPageTitle .pageTitle {
    margin: auto 0;
    padding-right: 0;
    font-size: 1.25rem;
}

.pageTitle .title {
    margin-left: 0.25rem;
}

/* パンくずリスト */
.dvBreadcrumb {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    margin-left: 0.75rem;
}

.dvBreadcrumb>.pageNav {
    font-size: 0.75rem;
}

.breadcrumb {
    margin-bottom: 0px;
}

/* ページ本体 */
.dvPageContent {
    margin-bottom: 0.8rem;
    padding: 0;
    border: 1px solid rgba(203, 208, 221, 0.54);
    ;
    border-radius: 4px !important;
    color: #55595A !important;
    background-color: #FFFFFF;
    /* box-shadow: 0 1px 3px #CCCCCC; */
}

.modal .dvPageContent {
    box-shadow: none;
    margin-bottom: 0;
}

.dvPageContent .contentHeader,
.dvPageContent .contentTitle,
.dvPageContent .contentFooter {
    padding: 0.75rem 0.9rem;
}

.dvPageContent .contentHeader:has(button),
.dvPageContent .contentTitle:has(button),
.dvPageContent .contentFooter:has(button) {
    padding: 0.5rem 0.9rem;
}

.dvPageContent .contentBody {
    padding: 0.85rem;
}

.dvPageContent .contentBody:not(:has(+ .contentFooter)) {
    border-bottom: 0;
}

.dvPageContent .contentHeader,
.dvPageContent .contentTitle {
    font-size: 1rem;
    vertical-align: middle;
}

.dvPageContent .contentHeader {
    border-bottom: 1px solid #DEDEDE;
}

.dvPageContent .contentHeader .row {
    align-items: center;
}

.dvPageContent.accordion {
    border: 0 !important;
}

.dvPageContent .contentHeader.accordion-header {
    padding: 0;
}

.dvPageContent .contentHeader.accordion-header .accordion-button {
    color: #55595A;
    padding: 0.5rem 0.8rem;
}

.dvPageContent .contentTitle.accordion-header .accordion-button:hover {
    background-color: #f3faff;
}

.dvPageContent .contentTitle.accordion-header .accordion-button:not(.collapsed) {
    color: #255193;
    box-shadow: none;
}

.dvPageContent .accordion-body .contentTitle {
    padding-top: 0;
}

.dvPageContent .accordion-body .contentFooter {
    padding-bottom: 0;
}

.dvPageContent .accordion-item {
    color: #55595A !important;
}

.dvPageContent .contentTitle .row {
    align-items: center;
}

.dvPageContent .contentTitle .subTitle,
.dvPageContent .accordionTitle .subTitle {
    font-size: 0.9rem;
}

.dvPageContent .contentTitle .refInfo {
    font-size: 0.85rem;
}

.dvPageContent .collapseHeader .refInfo {
    font-size: 0.85rem;
}

.dvPageContent .contentBody {
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
}

.dvPageContent .contentBody .row [class^=col] {
    padding-left: 0;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}

.dvPageContent.dvSearchList .table .spAprvText {
    /* 検索結果一覧内の承認テキストを囲む<span> */
    font-size: 0.85rem;
}

.dvPageContent.dvSearchList .table .spDate {
    /* 検索結果一覧内の日付テキストを囲む<span> */
    font-size: 0.83rem;
}

.dvPageContent.dvSearchList .table.tblSearchList tr.trTotal:hover {
    /* 検索結果一覧の合計行：<tr>の hover */
    background-color: #ebebeb;
    --bs-table-hover-bg: #ebebeb;
}

.dvPageContent.dvSearchList .table.tblSearchList tr.trTotal>td {
    /* 検索結果一覧の合計行 */
    font-weight: 900;
    background-color: #ebebeb;
}

.dvPageContent.dvSearchList .contentBody {
    border-bottom: 0;
}

.dvPageContent.dvSearchList .contentBody tr {
    vertical-align: middle;
}

.dvPageContent.dvSearchList .contentBody td .iconHolder .supportInfo::before {
    margin-right: 0.25rem;
}

.dvPageContent.dvSearchList .contentBody .resultNum {
    font-size: 0.85rem;
    padding-left: 0.4rem;
    /* 開始位置をテーブルの内容に揃える */
}

.dvPageContent .contentBody .row>[class*=col-]:first-child {
    padding-left: 0;
}

.dvPageContent .contentBody .row>[class*=col-]:last-child {
    padding-right: 0;
}

.dvPageContent .contentBody .row {
    align-items: center;
    margin-left: 0;
    margin-right: 0;
}

.dvPageContent .modal-body .row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

.dvPageContent .contentBody .row:not(:last-child),
.dvPageContent .modal-body .row:not(:last-child) {
    border-bottom: 1px solid #e4ecf8;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
}

.dvUnitRank {
    /* 単価 すべて */
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    border-bottom: 0px !important;
}

.personalTable,
.corporateTable {
    /* 単価 通常以外 */
    border-top: 1px solid #e4ecf8;
    padding-top: 1rem;
}

.dvPageContent .contentBody .row:first-child {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
}

.dvPageContent .contentBody .row:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* .dvPageContent .modal-body .row.needBorderBottom {
    border-bottom: 1px solid #e4ecf8 !important;
    margin-bottom: 0.5rem !important;
    padding-bottom: 0.5rem !important;
} */
.dvPageContent .contentBody .row>div:last-child {
    padding-right: 0;
}

.row.addObj {
    margin-top: 0.25rem !important;
    margin-bottom: 0 !important;
}

.row.addObj:first-of-type {
    /* 最初の要素 */
    margin-top: 0 !important;
}

/* テーブル */
.table {
    margin-bottom: 0;
}

thead,
tbody,
tr,
td,
th {
    /* border-color: #e4ecf8; */
    border-color: #dae1ed;
    align-items: center;
    vertical-align: middle;
}

.table tr:has(> th),
.table th {
    border-color: #c5d7f5 !important;
}

.table th {
    color: #464a4b !important;
    background-color: #edf2f9 !important;
    background-clip: padding-box;
    font-size: 0.85rem;
}

.table th.form_required::after {
    content: " *";
}

.table tr:hover {
    --bs-table-hover-color: var(--bs-emphasis-color);
    background-color: #f3faff;
    --bs-table-hover-bg: #f3faff;
}

.table-striped>tbody>tr:nth-of-type(even)>*:not(th) {
    --bs-table-bg-type: #F9F9F9;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-bg-type: none;
}

.table td {
    color: #464a4b !important;
    padding: 0.35rem 0.4rem;
    background-clip: padding-box;
}

.table td>a:hover,
.table td>a:active {
    text-decoration: underline;
}

.table td.addObjCnt {
    text-align: center;
}

.dvPageContent .contentBody .row.tableHeader {
    padding-bottom: 0;
    padding-left: 0.3rem;
    border-bottom: none;
    align-items: baseline;
}

.tableFooter {
    margin-top: 0.5rem;
}

.tableFooter .resultNum {
    color: #666666;
    align-self: flex-start;
}

tbody tr[data-href] {
    cursor: pointer;
}

td.cel_highlight,
th span.cel_highlight {
    color: #086d86 !important;
    font-weight: bold;
}

td.cel_checked {
    background-color: #fdf3fd;
}

span.lock {
    color: #dc3545;
    font-weight: bold;
}

.table.tblNego th.negoSubvTitle {
    font-weight: normal;
    padding-left: 1rem;
}

.table.tblNego td.negoDtl {
    padding: 0.5rem 0.4rem;
}

.table .smallFont {
    font-size: 0.75rem !important;
}

/* テーブル　ソートアイコン */
.table th.sortCol {
    position: sticky;
}

.table th.sortCol.sortInit::after {
    color: #c4d3e9;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    content: '\f0dc';
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: block;
    cursor: pointer;
}

.table th.sortCol.sortUp::after {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    content: '\f0de';
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: block;
    cursor: pointer;
}

.table th.sortCol.sortDown::after {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    content: '\f0dd';
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: block;
    cursor: pointer;
}

/* テーブル　表示順変更 */
.table [name=sortList] .handle {
    cursor: pointer;
}

/* テーブル　契約：商品 入力用 */
.table.tableItem {
    table-layout: fixed;
}

.table.tableItem .row {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.table.tableItem td.tdDelRow {
    text-align: center;
}

.table.tableItem td.quantityItemUnit .input-group>.form-control {
    /* flex: 1 1 auto; */
    flex: none;
}

/* テーブル　契約：商品・生徒 表示用 */
.table .trTotalRow th.total,
.table.tableItemView td.price,
.table.tableStudentView td.price,
.table.tableStudentView td.stdUnit {
    text-align: right;
}

.table.tableItemView td.quantity {
    border-right: 0;
    padding-right: 0;
}

.table.tableItemView.wa td.quantity,
.table.tableStudentView.wa td.quantity {
    width: auto !important;
}

.table.tableItemView td.itemUnit {
    border-left: 0;
}

/* テーブル 行列固定 */
.fix_table_box {
    height: 600px;
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* overscroll-behavior: contain;   スクロール末端到着後、ブラウザのスクロールを動かさない */
}

.fix_table_box.h550 {
    height: auto;
    max-height: 550px;
}

.fix_table_box.h450 {
    height: auto;
    max-height: 450px;
}

.fix_table {
    table-layout: fixed;
    width: 100%;
}

.fix_row {
    position: sticky;
    top: 0;
    left: 0;
    background: none;
    border-top: none;
    border-bottom: none;
    z-index: 1;
}

.fix_row::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #e4ecf8;
    border-bottom: 1px solid #e4ecf8;
    background-color: #edf2f9 !important;
    z-index: -1;
}

table th.fix_row_tmp {
    /* 仮仕入 */
    color: #b02a37 !important;
}

table th.fix_row_tmp::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #e4ecf8;
    border-bottom: 1px solid #e4ecf8;
    z-index: -1;
}

.fix_warehouse {
    position: sticky;
    top: 0;
    left: 0;
    background: none;
    border-top: none;
    border-bottom: none;
    z-index: 1;
}

.fix_warehouse::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #e4ecf8;
    border-bottom: 1px solid #e4ecf8;
    border-right: 1px solid #99aac6;
    background-color: #edf2f9 !important;
    z-index: -1;
}

.fix_col {
    position: sticky;
    top: 0;
    left: 0;
    background: none;
    border-left: none;
    border-right: none;
    z-index: 1;
}

.fix_col::before {
    content: "";
    position: absolute;
    top: 0.05rem;
    left: 0;
    width: 100%;
    height: 100%;
    border-left: 1px solid #e4ecf8;
    border-right: 1px solid #e4ecf8;
    border-bottom: 1px solid #e4ecf8;
    z-index: -1;
}

.fix_cross {
    position: sticky;
    top: 0;
    left: 0;
    background: none;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
    z-index: 2;
}

.fix_cross::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #c5d7f5;
    border-bottom: 1px solid #e4ecf8;
    border-left: 1px solid #c5d7f5;
    border-right: 1px solid #e4ecf8;
    background-color: #edf2f9 !important;
    background-clip: padding-box;
    z-index: -1;
}

th.fix_col::before {
    background-color: #edf2f9 !important;
}

/* テーブル　在庫 表示用 */
.verticalWriting {
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
}

/* 凡例 */
.legendExpired {
    /* 凡例：タスク 期限切れ */
    color: #dc3545;
    font-weight: normal;
    border: 2px solid #c5d8f3;
    border-radius: 3px;
    font-size: 0.7rem;
    line-height: 0.7rem;
    padding: 0 0.1rem;
}

.legendTmp {
    /* 凡例：仮仕入 */
    color: #b02a37;
    font-weight: normal;
    border: 2px solid #c5d8f3;
    border-radius: 3px;
    font-size: 0.7rem;
    line-height: 0.7rem;
    padding: 0 0.1rem;
    background-color: #edf2f9;
}

.legendShip {
    /* 凡例：出庫 */
    color: #f7e5e5;
    -webkit-text-stroke-color: #f8c5c5;
    -webkit-text-stroke-width: 1px;
}

.legendCollect {
    /* 凡例：入庫 */
    color: #ccddff;
    -webkit-text-stroke-color: #a7c4ff;
    -webkit-text-stroke-width: 1px;
}


/* 在庫一覧 */
table#stockTable td.celShip {
    background-color: #f7e5e5;
    --bs-table-bg-type: #f7e5e5;
}

#stockTable tr:hover>td.celShip {
    background-color: #f8c5c5;
    --bs-table-hover-bg: #f8c5c5;
}

table#stockTable td.celCollect {
    background-color: #d5e2fd;
    --bs-table-bg-type: #d5e2fd;
}

#stockTable tr:hover>td.celCollect {
    background-color: #a7c4ff;
    --bs-table-hover-bg: #b5cdfd;
}

table#stockTable td.celPrePurchase {
    background-color: #fdf3fd;
    --bs-table-bg-type: #fdf3fd;
}

#stockTable tr:hover>td.celPrePurchase {
    background-color: #f9ebf9;
    --bs-table-hover-bg: #f9ebf9;
}

#stockTable tr:hover>td>a:hover,
#stockTable tr:hover>td>a:active {
    text-decoration: underline;
}

table#stockTable .celMinus {
    color: red !important;
}

table#stockTable .fix_cross_1,
table#stockTable .fix_col_1 {
    left: 0;
    min-width: 5rem !important;
    width: 5rem !important;
}

table#stockTable .fix_cross_2,
table#stockTable .fix_col_2 {
    left: 5rem;
    /* １列目の幅＋左右の線 */
    min-width: 5rem !important;
    width: 5rem !important;
}

table#stockTable .fix_cross_3,
table#stockTable .fix_col_3 {
    left: 10rem;
    /* １列目の幅＋２列目の幅＋左右の線（2列目は重なる） */
    min-width: 10rem !important;
    width: 10rem !important;
}

table#stockTable .fix_cross_4,
table#stockTable .fix_col_4 {
    left: 20rem;
    /* １列目の幅＋２列目の幅＋３列目の幅 */
    min-width: 4.5rem !important;
    width: 4.5rem !important;
}

table#stockTable .fix_row_stock {
    min-width: 2rem !important;
    width: 4.5rem !important;
}

table#stockTable .fix_row_move {
    min-width: 2rem !important;
    width: 4rem !important;
}

table#stockTable .fix_row_discount {
    min-width: 4rem !important;
    width: 4rem !important;
}

table#stockTable .fix_row_updatedate {
    min-width: 9rem !important;
    width: 9rem !important;
}

table#stockTable .warehouse {
    border-right: solid 1px #99aac6;
}

/* ページネーション */
.pagination {
    list-style-type: none;
    padding: 0;
}

ul.pagination {
    white-space: nowrap;
    align-items: center;
}

.pagination .pageLink {
    color: #0d6efd;
    box-sizing: border-box;
    display: flex;
    border: 1px solid #0d6efd;
    font-size: 0.8rem;
    line-height: 1.5rem;
    width: 2rem;
    height: 2rem;
    margin-left: -1px;
    justify-content: center;
    align-items: center;
}

.pagination .pageItem.first .pageLink {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination .pageItem.last .pageLink {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination .pageItem.first .pageLink .icon {
    margin-left: 0;
    margin-right: 0;
}

.pagination .current .pageLink {
    color: #fff;
    background-color: #0d6efd;
    pointer-events: none;
}

.pagination .pageLink.disabled {
    color: #d6d6d6;
    border-color: #d6d6d6;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
}

.pagination a:hover {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a58ca;
}

/* ボタン */
.btn {
    font-size: 0.8rem;
    padding: 0.25rem 0.675rem 0.35rem 0.675rem;
    align-items: center;
    white-space: nowrap;
    /* 改行させない */
}

.btn-sm {
    font-size: 0.775rem;
    padding: 0.175rem 0.375rem 0.2rem 0.375rem;
}

.btn_login {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.btn_logout {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
}

.btn_clear {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
}

.btn_cancel {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
}

.btn_cancel_approve {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5b6267;
    --bs-btn-hover-border-color: #5b6267;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565d63;
    --bs-btn-active-border-color: #565d63;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}

.btn_search {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.btn_search_modal {
    --bs-btn-color: #0a58ca;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.btn_create,
.btn_approve,
.btn_resolved {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.btn_add,
.btn_operate,
.btn_generate,
.btn_calc_total,
.btn_mailto {
    --bs-btn-color: #0a58ca;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.btn_regist {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.btn_detail {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.btn_edit {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.btn_return {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.btn_delete {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545;
}

.btn_delete_row,
.btn_delete_file {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545;
}

.btn_download {
    --bs-btn-color: #fff;
    --bs-btn-bg: #efa300;
    --bs-btn-border-color: #efa300;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ce8d00;
    --bs-btn-hover-border-color: #916300;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ce8d00;
    --bs-btn-active-border-color: #916300;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ecb94b;
    --bs-btn-disabled-border-color: #d1a036;
}

.btn_lock {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545;
}

.btn_unlock {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f0a402;
    --bs-btn-border-color: #f0a402;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c48600;
    --bs-btn-hover-border-color: #b47b00;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #fdb720;
    --bs-btn-active-border-color: #fdb720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f0a402;
    --bs-btn-disabled-border-color: #f0a402;
}

.btn_sendmail {
    --bs-btn-color: #fff;
    --bs-btn-bg: #3bb7c7;
    --bs-btn-border-color: #3bb7c7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1e9aaa;
    --bs-btn-hover-border-color: #10808f;
    --bs-btn-focus-shadow-rgb: 0, 160, 180;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #24b5c9;
    --bs-btn-active-border-color: #24b5c9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #3bb7c7;
    --bs-btn-disabled-border-color: #3bb7c7;
}

.btn_contract_ship {
    /* 契約：発送追加ボタン */
    --bs-btn-color: #ce1424;
    --bs-btn-bg: #fff3f5;
    --bs-btn-border-color: #e7999f;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #db313f;
    --bs-btn-hover-border-color: #ad0b19;
    --bs-btn-focus-shadow-rgb: 0, 160, 180;
    --bs-btn-active-color: #db313f;
    --bs-btn-active-bg: #fff3f5;
    --bs-btn-active-border-color: #e7999f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #db313f;
    --bs-btn-disabled-bg: #e7999f;
    --bs-btn-disabled-border-color: #e7999f;
}

.btn_contract_collect {
    /* 契約：回収追加ボタン */
    --bs-btn-color: #3770b9;
    --bs-btn-bg: #f4fafd;
    --bs-btn-border-color: #6496d8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4c83cc;
    --bs-btn-hover-border-color: #1d5cad;
    --bs-btn-focus-shadow-rgb: 0, 160, 180;
    --bs-btn-active-color: #4c83cc;
    --bs-btn-active-bg: #f4fafd;
    --bs-btn-active-border-color: #6496d8;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #1d5cad;
    --bs-btn-disabled-bg: #6496d8;
    --bs-btn-disabled-border-color: #6496d8;
}

.btn_add {
    margin-top: 0.3rem;
}

.btn_block {
    display: block;
    width: 100%;
}

.dvPageContent .btn_delete {
    margin-right: 1rem;
}

/* 入力フォーム */
.form_label {
    font-weight: bold;
}

.form_label.form_required::after {
    content: "*";
}

.form_label:not(.form_required) {
    padding-right: 1.5rem;
}

.subLabel {
    color: #707475 !important;
    font-weight: bold;
}

input,
select,
textarea {
    font-size: 0.85rem !important;
    border-color: #cdd8e8;
}

input::placeholder,
select::placeholder,
textarea::placeholder {
    color: #BEBEBE !important;
}

input[type=text]:read-only,
input[type=number]:read-only,
input[type=password]:read-only {
    background-color: var(--bs-secondary-bg);
    opacity: 1;
}

input[type="number"],
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    margin-left: 0.25rem;
}

.form-control {
    padding: 0.3rem 0.5rem;
}

textarea.form-control {
    line-height: 1.25rem;
}

.form-select {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.form-select:disabled {
    color: var(--bs-tertiary-color);
}

.form-check-input {
    border-color: #cdd8e8 !important;
}

.modal .form-check-inline {
    margin-right: 0;
    margin-bottom: 0.25rem;
}

.input-group-text {
    color: #464a4b;
    font-size: 0.9em !important;
    background-color: #edf2f9;
    background-clip: padding-box;
    border-color: #c5d7f5 !important;
    padding: .3rem .5rem;
    z-index: 1;
}

.input-group-text+input:read-only {
    border-left-color: #c8d4e7 !important;
}

.input-group-text+input:read-only {
    border-right-color: #c8d4e7 !important;
}

input:read-only~.input-group-text {
    border-left-color: #c8d4e7 !important;
}

.btn-outline-secondary {
    font-size: 0.9em !important;
    border-color: #cdd8e8;
}

.passWd {
    /* パスワード */
    width: 10rem !important;
}

.p-postal-code {
    /* 郵便番号 */
    width: 9rem !important;
}

.dispOrder,
.numberItem {
    /* 表示順、数値項目 */
    width: 6rem !important;
    text-align: right;
}

.quantity {
    /* 数量項目 */
    width: 4rem !important;
    text-align: right;
}

.dateYmd {
    /* 日付項目 */
    width: 10rem !important;
}

.input-group:has(> .numberItem) {
    width: auto;
}

.form-check {
    min-height: 1.25rem;
    margin-bottom: 0;
    cursor: pointer;
}

.form-check-input[type=radio],
.form-check-input[type=checkbox] {
    margin-top: 0.3rem;
    cursor: pointer;
}

.form-check-inline {
    margin-right: 0.5rem;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}

[class^=col] .form-check-inline:last-child {
    margin-right: 0;
}

.form-check-label {
    cursor: pointer;
}

/* 入力エラー */
.invalid-feedback {
    display: block;
}

/* ファイル */
.url a:hover,
/* URLも */
.url a:active,
.breadcrumb a:hover,
/* パンくずリストも */
.breadcrumb a:active,
.fileLink a:hover,
.fileLink a:active {
    text-decoration: underline;
}

/* ファイル選択行 */
.row.dvFileSelectRow {
    padding-bottom: 0.25rem !important;
}

/* ファイル選択 */
.dvFileInfo,
.dvMultiFileSelect .dvFileList,
.dvRegisteredFileList {
    border: 1px solid #D8DEE6;
    border-radius: 0.375rem;
    padding: 0.25rem;
    margin-top: 0.35rem;
    margin-bottom: 0.25rem;
}

.dvFileInfo {
    font-size: 0.775rem;
    margin-bottom: 0 !important;
    padding: 0.2rem 0.375rem !important;
}

/* ファイル説明：ココにファイル表示 */
.fileInfo {
    font-size: 0.775rem;
    color: #B9B9B9;
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

/* ファイル行 */
.dvFileRow {
    font-size: 0.9rem;
    border-bottom: none !important;
    margin-top: 0 !important;
    margin-bottom: 0.2rem !important;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0.2rem !important;
}

/* ファイル行（複数選択用） */
.row.dvMultiFileSelect {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.dvFileList.dvMultiFileList .dvFileRow {
    padding-bottom: 0 !important;
}

.dvFileList.dvMultiFileList .dvFileRow:last-child {
    margin-bottom: 0 !important;
}

/* ファイル行（単数選択用） */
.row.dvSingleFileSelect {
    border-bottom: none !important;
    margin-top: 0.35rem !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.dvSingleSelectedFile {
    margin-top: 0.35rem !important;
    margin-bottom: 0 !important;
}

.dvRegisteredSigleFile {
    margin: 0 !important;
    padding-bottom: 0 !important;
}

/* ファイル削除ボタン */
.dvDelFile {
    padding-left: 0;
    padding-right: 0;
}

/* ファイル名 */
.dvFileName {
    padding-left: 0.5rem !important;
}

/* ランク */
.rankLabel.rank1,
.rankLabel.rank2,
.rankLabel.rank3,
.rankLabel.rank4,
.rankLabel.rank5,
.rankLabel.rank6,
.rankLabel.rank7,
.rankLabel.rank8 {
    display: inline-block !important;
    font-size: 0.75rem;
    white-space: nowrap;
    border-width: 1px;
    border-style: solid;
    border-radius: 0.75rem;
    vertical-align: middle;
    padding: 0 0.4rem 0.05rem 0.4rem;
}
.rankLabel.rank1,
.rankLabel.rank2 {
    /* Z：①確定承認、S：②契約確定  primary */
    color: #0057da;
    border-color: #0d6efd;
    background-color: #e8f1ff;
}
.rankLabel.rank3 {
    /* A：③予約確定  info */
    color: #007585;
    border-color: #1aaabd;
    background-color: #e7fdff;
}
.rankLabel.rank4,
.rankLabel.rank5 {
    /* B：④有力案件、E：⑤新規確認案件  success */
    color: #095a34;
    border-color: #198754;
    background-color: #ddf3e4;
}
.rankLabel.rank6 {
    /* C：⑥継続確認案件 */
    color: #854b00;
    border-color: #d3940e;
    background-color: #fff1d4;
}
.rankLabel.rank7 {
    /* F：⑦未継続案件 */
    color: #533361;
    border-color: #aa91b4;
    background-color: #e8e1eb;
}
.rankLabel.rank8 {
    /* D：⑧次年度管理案件 */
    color: #3a4046;
    border-color: #5c636a;
    background-color: #e6e6e6;
}

.rankLabel .rankNumber {
    font-size: 0.8rem;
}

.password_text {
    font-size: 9px;
}

/* カレンダー : tempusdominus-bootstrap-4 */
.bootstrap-datetimepicker-widget {
    z-index: 1100;
}

.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod] {
    font-family: "Segoe UI", "メイリオ", Meiryo, Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #91bdff;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #91bdff;
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #91bdff;
}
/* 土曜 */
.bootstrap-datetimepicker-widget table td.day:nth-child(7) {
    color: #00f !important;
}
.bootstrap-datetimepicker-widget table td.day:nth-child(7).active {
    color: #0000cc !important;
}
.bootstrap-datetimepicker-widget table td.day:nth-child(7).old,
.bootstrap-datetimepicker-widget table td.day:nth-child(7).new {
    color: #98a6f5 !important;
}
/* 日祝 */
.bootstrap-datetimepicker-widget table td.day:first-child,
.bootstrap-datetimepicker-widget table td.day.disabled,
.bootstrap-datetimepicker-widget .datepicker-days td.day.holiday {
    color: #f00 !important;
}
.bootstrap-datetimepicker-widget table td.day:first-child.active {
    color: #e22424 !important;
}
.bootstrap-datetimepicker-widget .datepicker-days td.day:first-child.old,
.bootstrap-datetimepicker-widget .datepicker-days td.day:first-child.new,
.bootstrap-datetimepicker-widget .datepicker-days td.day.old.holiday,
.bootstrap-datetimepicker-widget .datepicker-days td.day.new.holiday {
    color: #f09393 !important;
}

.bootstrap-datetimepicker-widget table td.day.old,
.bootstrap-datetimepicker-widget table td.day.new {
    color: #00000060 !important;
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    color: #d6d6d6;
}

.bootstrap-datetimepicker-widget .fa-solid.fa-eraser {
    color: #0f9aee;
}
.bootstrap-datetimepicker-widget .fa-solid.fa-eraser::after {
    content: " クリア" !important;
    font-size: 0.8rem;
    font-weight: normal;
}

.bootstrap-datetimepicker-widget .fa-regular.fa-calendar-check {
    color: #0f9aee;
}
.bootstrap-datetimepicker-widget .fa-regular.fa-calendar-check::after {
    content: " 本日" !important;
    font-size: 0.8rem;
}

.dateIcon {
    border-top-right-radius: 0.3rem !important;
    border-bottom-right-radius: 0.3rem !important;
}

/* マルチセレクト */
.ms-choice {
    color: #212529;
    border-color: #dee2e6;
    height: 2rem;
}

.ms-search {
    height: 2.2rem;
}

.ms-search input {
    min-height: 2rem;
}

.ms-choice>span.placeholder {
    background-color: #fff;
    cursor: default;
    width: 90%;
    height: 90%;
    top: 1px;
    left: 1px;
    border-radius: 2px;
}

.ms-drop {
    color: #344050;
}

/* サイドメニュー */
#sideMenu {
    position: fixed;
    top: 20;
    left: auto;
    width: 13rem;
    background-color: #fff;
    transition: left 0.3s ease;
}

#sideMenu:not(.show) {
    display: none;
}

.sidebar-menu {
    scrollbar-gutter: stable;
    border-right: 1px solid #cbd0dd;
    border-left: 1px solid #cbd0dd;
    padding: 1.25rem 0rem 0.25rem 0rem !important;
    height: calc(100vh - 65px);
    list-style: none;
    margin: 0;
    position: relative;
}

.sidebar-menu li {
    position: relative;
}

.sidebar-menu>li:last-child {
    margin-bottom: 2rem;
}

.sidebar-menu>li>a,
.accordion.side_menu>.accordion-item>.accordion-header>a,
.accordion.side_menu>.accordion-item li>a,
.accordion-collapse>ul>li>.sidebarLink {
    font-size: 0.9rem;
    font-weight: 500;
    padding: 0.5rem 0.75rem 0.5rem calc(1.3rem + 2px);
    white-space: nowrap;
    vertical-align: baseline;
    color: #525b75;
}

.accordion-collapse>ul>li>a:active {
    padding-left: 3rem;
}

.sidebar-menu>li>a,
.accordion.side_menu>.accordion-item li>a {
    display: block;
    position: relative;
    transition: all 0.1s ease;
}

.accordion.side_menu>.accordion-item li>a {
    color: #525b75;
    transition: all 0.1s ease;
}

.sidebar-menu>li>a .iconHolder {
    border-radius: 6px;
    display: inline-block;
    left: 0;
    position: relative;
    text-align: center;
    transition: all 0.3s ease;
}

.sidebar-menu>li>a .iconHolder,
.accordion.side_menu>.accordion-item>.accordion-header>a.side_menu_button .iconHolder,
.accordion.side_menu>.accordion-item>.accordion-collapse a.sidebarLink .iconHolder {
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    line-height: 1.3rem;
    width: 1.3rem;
    height: 1.3rem;
    margin-right: 0.8rem;
}

.accordion.side_menu>.accordion-item>.accordion-header>a.side_menu_button>.title {
    padding-left: 0.25rem;
}

.sidebar-menu>li>a:focus,
.accordion.side_menu>.accordion-item li>a:focus {
    color: #318dcc;
    border-left: 2px solid #318dcc;
    -webkit-text-decoration: none;
    text-decoration: none;
}

.sidebar-menu>li>a.active,
.accordion.side_menu>.accordion-item li>a.active {
    color: #318dcc;
    border-left: 2px solid #318dcc;
    -webkit-text-decoration: none;
    text-decoration: none;

}

.sidebar-menu>li>a:hover,
.accordion.side_menu>.accordion-item li>a:hover {
    background-color: #f3faff;
    -webkit-text-decoration: none;
    text-decoration: none;
}

#sideMenu:not(.show)+.page-container {
    padding-left: 0;
}

.sidebar .accordion-item .accordion-collapse ul {
    padding-left: 0;
}

.sidebar .accordion-item .accordion-collapse ul>li>a {
    padding-left: 1.5rem;
}

/* サイドメニュー　プルダウンリスト */
.sideMenuPull ul {
    padding-left: 0;
    list-style-type: none;
}

.sideMenuPull ul li a {
    padding-left: calc(2.7rem + 2px) !important;
}

.sideMenuPull ul li a.active {
    padding-left: 2.7rem !important;
}

/* サイドメニュー　プルダウントグル */
.arrow {
    position: absolute;
    right: 30px;
    font-size: 10px;
    line-height: 40px;
    transition: all 0.05s ease-in;
}

.accordion.side_menu>.accordion-item {
    border: none;
}

.accordion-button.side_menu_button {
    font-size: 0.8rem;
    border-radius: 0 !important;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    cursor: pointer;
}

.accordion-button.side_menu_button::after {
    font-size: 0.5rem;
    background-size: 0.8rem;
    width: 0.8rem;
    height: 1rem;
    margin-top: 0.25rem;
    margin-bottom: 0.1rem;
}

.accordion-button.side_menu_button:not(.collapsed)::after {
    margin-top: 0;
    margin-bottom: 0.35rem;
}

.accordion-button.side_menu_button:hover {
    background-color: rgba(29, 175, 248, 0.07);
    --webkit-text-decoration: none;
    text-decoration: none;
}

a.accordion-button.side_menu_button span.iconHolder {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5rem;
    border-radius: 6px;
    left: 0;
    width: 1.5rem;
    height: 1.2rem;
    margin-right: 0.5rem;
    position: relative;
    text-align: center;
    transition: all 0.2s ease;
}

/* アコーディオン */
.accordion-button:not(.collapsed) {
    background-color: #ffffff;
    box-shadow: none;
}
.accordion-button:focus {
    box-shadow: none;
}
.accordion-button::after {
    background-size: 0.9rem;
    width: 0.9rem;
    height: 0.9rem;
}

/* スクロール */
.scrollbar {
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
}
.sidebar-menu.scrollbar {
    scrollbar-width: thin;
}

/* トップメニュー */
#topMenu {
    top: 0;
    position: sticky;
    z-index: 1000;
}

/* ハンバーガーメニュー */
.navbar-toggler-icon {
    width: 1.15rem;
    height: 1.15rem;
}
.navbar-toggler-icon:hover {
    color: "red";
}

#toggleMenu {
    display: block;
    padding: 0.3rem;
    border: none;
}
#toggleMenu:focus {
    box-shadow: none;
}

/* タブ */
.nav-tabs>.nav-item>.nav-link.active {
    color: #55595A !important;
    background-color: #e4f2ff;
    border-bottom: 0;
    cursor: default;
}
.nav-tabs>.nav-item>.nav-link:not(.active):hover {
    background-color: #f3faff;
    border-bottom: 0;
}
.nav-tabs .nav-link:not(.active) {
    border-color: #c7d2e3 #c7d2e3 #c7d2e3;
    border-bottom: 0;
}
.nav-tabs .nav-link {
    border-right: 0;
    border-left: 0;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}
.nav-tabs .nav-item:first-child .nav-link {
    border-left: 1px solid #c7d2e3;
    border-right: 1px solid #c7d2e3;
}
.nav-tabs .nav-item:not(:first-child) .nav-link {
    border-right: 1px solid #c7d2e3;
}

.dvPageContent .contentBody .row.rowTabContent {
    padding-top: 0.5rem;
}

.row.rowTabContent .nav-tabs {
    border-bottom: 0;
}
.row.rowTabContent .nav-tabs .nav-link {
    border-bottom: 0;
    margin-bottom: 0;
}

.dvPageContent .contentBody .row.rowTabContent .row.rowTabAndButton {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.dvPageContent .contentBody .row.rowTabContent .row.rowTabAndButton .btn {
    margin-bottom: 0.25rem;
}

.dvPageContent .contentBody .row.rowTabContent .row.rowTabAndButton>[class^=col] {
    margin-bottom: 0;
}

.dvPageContent .contentBody .row.rowTabContent .col {
    padding-left: 0;
    padding-right: 0;
}

.dvPageContent .contentBody .row.rowTabContent:not(:last-child) {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.dvPageContent .contentBody .row.rowTabContent:last-child {
    padding-bottom: 0.5rem;
}

.dvPageContent.dvEditPageRefer {
    border: 1px solid #b6b5b5;
}

.dvPageContent .contentBody .row.rowTabContent.tabOnly {
    padding: 0;
}

.dvPageContent.dvEditPageRefer .contentBody .row.rowTabContent:last-child {
    /* 編集画面の参照項目の場合 */
    padding-bottom: 0;
}

.dvPageContent.dvEditPageRefer .contentHeader {
    /* border-bottom: 0; */
    background-color: #ebebeb;
}

.dvPageContent.dvEditPageEdit .row {
    align-items: center;
}

.tabContent {
    border: 1px solid #dee2e6;
    /* border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6; */
    /* padding: 0.5rem; */
    padding: 0;
}

.tabContent .tabButtonArea {
    margin: 0 !important;
    padding: 0 0.5rem 0.5rem 0.5rem;
}

.tabContent>.tabPanel.active {
    display: block;
}

.tabContent>.tabPanel {
    display: none;
}

.tabContent .tabContentBody {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0.5rem;
}

.tabContent>.tabPanel.collapsing {
    transition-duration: 0.05s;
}

.tabContent>.tabPanel .table tr th,
.tabContent>.tabPanel .table tr td {
    vertical-align: middle;
}

.tabContent .tabButtonArea {
    margin-bottom: 0;
}

/* タブ：契約調整 計算過程 */
.tabContent .tabContentBody.adjustCalc,
.tabContent .tabContentBody.adjustTotal {
    padding: 0;
}

.tabContent .tabContentBody.adjustCalc .collapseHeader,
.tabContent .tabContentBody.adjustTotal .adjustHeader {
    font-size: 0.9rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.tabContent .tabContentBody.adjustCalc .contentTitle,
.tabContent .tabContentBody.adjustTotal .contentTitle {
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 0.5rem;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.tabContent .tabContentBody.adjustCalc .collapseBody {
    margin-top: 0;
    padding: 0.5rem;
}

.tabContent .tabContentBody.adjustTotal .adjustBody {
    border-top: 0;
    padding: 0.5rem;
}


.dvSearchList .table th a {
    cursor: pointer;
}

/* コンテンツ内 アコーディオン */
.contentHeader.collapseHeader {
    padding: 0.65rem 0.75rem;
}

.contentHeader.collapseHeader.deliveryHeader {
    padding: 0.35rem 0.75rem;
}

.contentHeader.collapseHeader:hover {
    cursor: pointer;
    background-color: #f3faff;
}

.contentHeader.collapseHeader[aria-expanded="true"] .accordionIcon::after {
    font-family: bootstrap-icons;
    font-weight: 400;
    content: '\F286';
}

.contentHeader.collapseHeader[aria-expanded="false"] .accordionIcon::after {
    font-family: bootstrap-icons;
    font-weight: 400;
    content: '\F282';
}

.contentHeader.collapseHeader:has(+ .collapseDtlBody.collapsing) {
    border-bottom: 1px solid #dee2e6;
}

.contentBody:has(.collapseInCollapse) {
    padding: 0.5rem;
}

.contentBody .collapseInCollapse {
    border: 1px solid #cecece;
    margin-bottom: 0.5rem;
}

.contentBody .collapseInCollapse .collapseBody {
    padding: 0.5rem;
}

.contentBody .collapseInCollapse:last-child {
    margin-bottom: 0;
}

/* 発送 */
.shipColor {
    color: #db313f !important;
}

.shipBgColor {
    background-color: #fff3f5 !important;
}

.shipBorderColor {
    border: 1px solid #e7999f !important;
}

.contentBody .collapseInCollapse.shipBorderColor .contentHeader.collapseHeader[aria-expanded="false"] {
    border-bottom: 0;
}

.dvPageContent.dvEditPageEdit.shipBorderColor .contentHeader,
.contentBody .collapseInCollapse.shipBorderColor .contentHeader.collapseHeader[aria-expanded="true"] {
    border-bottom: 1px solid #e7999f;
}

/* 回収 */
.collectColor {
    color: #3770b9 !important;
}

.collectBgColor {
    background-color: #f4fafd !important;
}

.collectBorderColor {
    border: 1px solid #6496d8 !important;
}

.contentBody .collapseInCollapse.collectBorderColor .contentHeader.collapseHeader[aria-expanded="false"] {
    border-bottom: 0;
}

.dvPageContent.dvEditPageEdit.collectBorderColor .contentHeader,
.contentBody .collapseInCollapse.collectBorderColor .contentHeader.collapseHeader[aria-expanded="true"] {
    border-bottom: 1px solid #6496d8;
}

/*
.collapseDtlTitle {
    color: #0d6efd;
    cursor: pointer;
}
.collapseDtlTitle:hover {
    text-decoration: underline;
}
.collapseDtlTitle .accordionIcon::after {
    margin-right: 0.25rem;
}
.collapseDtlTitle[aria-expanded="false"] {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 0.5rem;
}
.collapseDtlTitle[aria-expanded="true"] .accordionIcon::after {
    font: var(--fa-font-solid);
    content: '\f0d8';
}
.collapseDtlTitle[aria-expanded="false"] .accordionIcon::after {
    font: var(--fa-font-solid);
    content: '\f0d7';
}
.contentHeader.collapseHeader[aria-expanded="false"],
.collapseDtlTitle[aria-expanded="false"] {
    border-bottom: 0;
}
.collapseDtlBody {
    border: 1px solid #dee2e6;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
}
.collapseDtlBody label {
}
.collapseDtlBody.collapsing {
    transition-duration: 0.1s;
}
*/
.tabContentBody {
    border: 1px solid #cecece;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.tabContentBody.adjustCalc {
    border: 1px solid #79afff;
    border-bottom: 0;
    /* 調整合計と重なるため下線なし */
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.tabContentBody.adjustTotal {
    border: 1px solid #0d6efd;
    /* background-color: #fffced; */
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.tabContentBody.adjustTotal.adjustTotalBg {
    /* background-color: #fffced; */
    background-color: #FFFFFF
}

/*
.tabContentBody.adjustTotal .collapseDtlBody {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.tabContentBody.adjustTotal .collapseDtlTitle[aria-expanded="false"] {
    border-bottom: 0;
    margin-bottom: 0;
}
.needBorderTop {
    border-top: 1px solid #dee2e6;
}
*/

/* パスワード表示・非表示ボタン */
.spanChgPassDisp .btn {
    padding: 0.1rem 0.25rem;
}

/* ユーザメニュー */
ul#userMenu {
    padding-left: 0;
    margin-right: 1.35rem;
}

ul#userMenu>li {
    list-style: none;
}

ul#userMenu>li a {
    color: #55595A;
}

ul#userMenu .dropdown-item {
    background-color: #f3faff;
    font-size: 0.9rem;
}

/* メインコンテント */
/* main.main_layout {
    position: relative;
    padding: 1rem;
} */

/* Select2 */
.select2-container .select2-selection--single {
    font-size: 0.9em !important;
    height: 2rem;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
}

.input-group .select2-container--default .select2-selection--single {
    /* ※テキストが左側にある想定（項目名など）で生成しているので、右側（単位系）にある場合は別途指定すること！ */
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    line-height: 1.85rem;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #dee2e6;
}

.select2-search--dropdown .select2-search__field {
    border-radius: 0.375rem;
    padding: 0.25rem;
}

.select2-search--dropdown {
    padding: 0.25rem;
}

.select2-results__option {
    font-size: 0.9em !important;
    padding: 0.25rem 0.2rem;
}

.select2-results__option.select2-results__message {
    color: #CCCCCC;
}

/* マルチセレクト・検索付きセレクト エラー表示用 */
.ms-parent.multiple_select.is-invalid .ms-choice,
.select2-container.select2-container--default.is-invalid .select2-selection {
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem + .65rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

/* テキストエリア エラー表示用：「！」アイコンの位置調整 */
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .515rem);
}

/* テーブル内補足情報 */
.supportInfo {
    font-size: 0.775rem;
}

.supportInfo.emphasis {
    color: red;
}

.supportIcon {
    font-size: 0.65rem;
}

/* テーブル列文字省略 */
.textTruncateTable {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
}

/* Flashメッセージ */
div.message {
    border-radius: 3px;
    width: 100%;
    padding: 10px 20px;
    margin: 5px 0 15px;
}

div.message.error {
    border: #E080B5 1px solid;
    background-color: #F7D6E8;
}

div.message.success {
    border: #9CD2B3 1px solid;
    background-color: #E5FBEE;
}

/* ログイン、エラー画面 */
.loginBody .card,
.errorBody .card {
    -webkit-box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
}

.cdLogin .dvLoginLogo {
    min-width: 250px;
    max-width: 400px;
    margin-bottom: 0.8rem !important;
}

.cdLogin .card-footer,
.cdError .card-footer {
    color: #999999;
    font-size: 0.8rem;
    background-color: #FFFFFF;
    border-top: 1px solid #DEDEDE;
}

.cdLogin .card-footer .footer,
.cdError .card-footer .footer {
    position: inherit;
    padding: 0;
}

.loginBody .flexCenter,
.errorBody .flexCenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* ホーム */
.taskCard {
    display: block;
    border: 1px solid #ddd;
    border-radius: 0.7rem;
    padding: 1.25rem;
    text-align: center;
    background-color: #FFFFFF;
    text-decoration: none;
    /* aタグのデフォルトの装飾を削除 */
    color: #333;
    /* テキストの色を設定 */
    transition: backgroudcolor 0.3s ease;
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.2);
    font-size: 1.0rem;
    height: 8.25rem;
}

.taskExpired,
.taskCard .icon {
    color: #db313f;
}

.taskCard:hover {
    background-color: #f3faff;
}

.taskCardName {
    font-weight: bold;
    color: #55595A;
    font-family: sans-serif;
}

.taskCardHeader {
    font-weight: bold;
    font-family: sans-serif;
    color: #55595A;
    line-height: 1rem;
    height: 2rem;
}

.taskCardCount {
    line-height: 2rem;
    font-size: 1.5rem;
    font-weight: bold;
    color: #34495e;
    font-family: sans-serif;
}

.taskCardCountUnit {
    font-size: 0.9rem;
    font-weight: normal;
    color: #34495e;
    font-family: sans-serif;
}

.taskCardExpired {
    font-size: 0.9rem;
    color: #55595A;
}

.taskCardExpiredCount {
    margin-right: 0.2rem;
    font-size: 1.1rem;
    font-weight: bold;
}

.taskCount {
    background-color: #dc3545;
    color: #fff;
    padding: 0.06rem 0.45rem 0.15rem 0.45rem;
    border-radius: 10rem;
    font-weight: bold;
    font-size: 0.9rem;
}

/* 権限設定 */
tr.trAuthHdr th {
    vertical-align: top;
    width: 6rem;
}

tr.trAuthHdr th .dvOperate {
    font-weight: 400;
    padding-top: 0.25rem;
}

/* 契約 */
.fixedPrice,.totalFixedPrice {
    /* 値引後金額 */
    color: #dc3545 !important;
}

.approveDate {
    /* 承認日時 */
    display: none;
    /* ★★★ 仮！！！ ★★★ */
}

/* 配送 */
.deliveryLabel.deliveryType1 {
    /* 発送 */
    font-weight: bold;
    color: #dc3545;
}

.deliveryLabel.deliveryType2 {
    /* 回収 */
    font-weight: bold;
    color: #0057da;
}

/* 会計帳票 */
.btm0 {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 注意書き */
.msgNotice {
    color: #65a3ff;
    font-size: 0.8rem;
}

/* 通知アイコン　※契約のクレーム・要望タブで利用 */
.noticeBadge {
    /* 通知アイコン自体の設定 */
    position: absolute;
    background-color: #dc3545 !important;
    border: 1px solid #dee2e6 !important;
    border-color: #f8f9fa !important;
    border-radius: 50% !important;
    top: 0.5rem;
    right: 0.025rem;
    transform: translate(-30%, -30%) !important;
    padding: 0.25rem !important;
}

.noticeBase {
    /* 通知アイコンを設定する母体に、このクラスを指定 */
    position: relative;
}

/* モーダル ボタンエリア調整*/
.modal-content>.contentBody {
    padding: 0.75rem 0.85rem;
}

.modal-content>.contentBody .row [class^=col] {
    margin: 0;
}

.modal-footer {
    padding: 0.75rem 0.85rem;
}

.modal-footer>* {
    margin: 0;
}

.modal-footer>.row>.col {
    padding: 0;
}

/* 色：文字色 */
.colorRed {
    color: #f0929c !important;
}

.colorBlue {
    color: #92bdff !important;
}

.colorYellow {
    color: #f7cb6e !important;
}

.colorGray {
    color: #afb4b9 !important;
}

/* 色：背景色 */
.bgColorRed {
    background-color: #f0929c;
}

.bgColorBlue {
    background-color: #92bdff;
}

.bgColorYellow {
    background-color: #f7cb6e;
}

.bgColorGray {
    background-color: #afb4b9;
}

/* 色：背景色＋線色 */
.bgBrdColorBlue {
    border: 1px solid #65a3ff !important;
    background-color: #92bdff !important;
}

.bgBrdColorYellow {
    border: 1px solid #f0a402 !important;
    background-color: #f7cb6e !important;
}

.bgBrdColorRed {
    border: 1px solid #f06d7a !important;
    background-color: #f0929c !important;
}

.bgBrdColorGray {
    border: 1px solid #92969b !important;
    background-color: #afb4b9 !important;
}

.table.table-hover>tbody>tr:hover>td.bgBrdColorBlue {
    border: 1px solid #81b3ff !important;
    background-color: #a7caff !important;
    --bs-table-bg-state: #a7caff;
}

.table.table-hover>tbody>tr:hover>td.bgBrdColorYellow {
    border: 1px solid #f0a402 !important;
    background-color: #f7cb6e !important;
    --bs-table-bg-state: #f7cb6e;
}

.table.table-hover>tbody>tr:hover>td.bgBrdColorRed {
    border: 1px solid #f06d7a !important;
    background-color: #f0929c !important;
    --bs-table-bg-state: #f0929c;
}

.table.table-hover>tbody>tr:hover>td.bgBrdColorGray {
    border: 1px solid #92969b !important;
    background-color: #afb4b9 !important;
    --bs-table-bg-state: #afb4b9;
}

/* レスポンシブデザイン */
@media (max-width: 1440px) {
    main.main_layout {
        padding-left: 1rem;
    }
}

@media (max-width: 1280px) {

    /* サイドメニュー */
    #sideMenu:not(.show_md) {
        display: none;
    }

    #sideMenu:not(.show_md)+.page-container {
        width: 100%;
        padding-left: 0;
    }

    #sideMenu.show_md {
        display: block;
    }

    #sideMenu.show_md+.page-container {
        width: 100%;
        padding-left: 13rem;
    }

    .sidebar-menu.scrollbar {
        overflow-y: scroll;
    }
}

/* 幅％ */
.w_1_5rem {
    width: 1.5rem;
}

.w_2_5rem {
    width: 2.5rem;
}

.w_3rem {
    width: 3rem;
}

.w_3_5rem {
    width: 3.5rem;
}

.w_4rem {
    width: 4rem;
}

.w_5rem {
    width: 5rem;
}

.w_6rem {
    width: 6rem !important;
}

.w_7rem {
    width: 7rem !important;
}

.w_8rem {
    width: 8rem !important;
}

.w_9rem {
    width: 9rem !important;
}

.w_10rem {
    width: 10rem !important;
}

.w_12rem {
    width: 12rem;
}

.w_13rem {
    width: 13rem;
}

.w_14rem {
    width: 14rem;
}

.w_15rem {
    width: 15rem;
}

.w_17rem {
    width: 17rem;
}

.w_20rem {
    width: 20rem;
}

.w_5 {
    width: 5%;
}

.w_10 {
    width: 10%;
}

.w_15 {
    width: 15%;
}

.w_20 {
    width: 20%;
}

.w_30 {
    width: 30%;
}

.w_40 {
    width: 40%;
}

.min_w_10rem {
    min-width: 10rem;
}

.searchCondition {
    font-size: 0.9rem
}