@charset "UTF-8";

/*--グローバル設定 start--*/
body {
    font-family: var(--font-family);
    font-size: var(--font-size-middle);
    background: var(--Gray-1);
    line-height: normal;
}

body { visibility: hidden; }
body.loaded { visibility: visible; }

h1,
h2,
h3 {
    font-family: var(--font-family);
    color: var(--Black);
    margin: 0;
}

h1 {
    font-size: var(--font-size-large);
}

h2 {
    font-size: var(--font-size-4);
}

main {
    background: var(--Gray-1);
    width: 100%;
    /* overflow: auto; */
    padding-left: 58px !important;
    padding-top: 64px;
}

table {
    border-collapse: separate;
    border-spacing: 0;

}

.c-list-table table {
    border: 1px solid var(--Gray-6);
    border-radius: 4px;
}

input,
select,
textarea {
    padding: 4px 12px;
    border-radius: 4px;
    border: 1px solid var(--Gray-6);
}

input[type="radio"]{
    padding:0;
    border-color: var(--Gray-7);
    width: 18px;
    height: 18px;
    margin-top: 0px;
}

input[type="text"],
select,
input[type="password"] {
    height: 28px;
}

select {
    font-family: var(--font-family);
    font-size: var(--font-size-middle);
}

input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus,
input[type="checkbox"]:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--Gray-6);
}
.dropdown-toggle.bs-select:focus{
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--Gray-6);
}
.form-check-input[type=radio]:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--Gray-6);
}
.bs-select.show{
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--Gray-6);;
}

/*
必要であれば、グローバルstyleではなく、特定DIVを付ける
input[type="file"] {
    display: none;
}
*/

input:disabled,
select:disabled,
textarea:disabled,
input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
    border: 1px solid var(--Gray-6);
    color: var(--Gray-7);
    background-color: var(--Gray-3);
}

input:readonly,
select:readonly,
textarea:readonly,
input[type="radio"]:readonly,
input[type="checkbox"]:readonly {
    border: 1px solid var(--Gray-6);
    color: var(--Gray-7);
    background-color: var(--Gray-1);
    pointer-events: unset !important;
}

input:focus {
    outline: none;
}

input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-top: 0;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    border: 1.5px solid var(--Gray-6);
    padding: 0;
}

/*--グローバル設定 end--*/

/*--共通レイアウト---start*/
.content {
    width: 100%;
    /* padding: 0 23px; */
/*    height: calc(100vh - 64px);*/

}

.c-header {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding: 0 23px;
}


.c-header .hl {
    display: flex;
}

.c-header .hl div {
    display: flex;
    align-items: center;
}

.c-header .hr {
    display: flex;
    gap: 8px;
}

.c-main {
    /* background: var(--White); */
    display: flex;
    padding: 18px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-radius: 4px;
    padding: 0 23px;
    min-width: 950px;
}

.main-active {
   /* padding-left: 60px;*/
}

.c-body {
    display: flex;
    width: 100%;
    min-width: 950px;
}

.c-body-content {
    width: 100%;
}

/*--一覧画面---start*/
.c-list {
    width: 100%;
    padding: 18px;
    background: var(--White);
    border-radius: 8px;
    border-radius: 8px;
}

/* 検索条件*/
.condtion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-bottom: var(--split-size);
    border-bottom: 1px solid var(--Gray-6)
}

.condtion-l {
    width: 65%;
    min-width: 380px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.condtion-l select {
    width: 140px;
}

.condtion-r {
    display: flex;
    width: 50%;
    justify-content: end;
}

/* 一覧画面テーブル*/
.c-list-table {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.c-list-table table {
    width: 100%;
}

.c-list-table table th {
    padding: 8px;
    font-size: var(--font-size-small);
    text-align: center;
    font-weight: var(--font-weight-normal);
    border-left: 1px solid var(--Gray-6);
    background-color: var(--Gray-3);
    line-height: 150%;
}

.c-list-table table td {
    text-align: center;
    padding: 8px;
    line-height: 21px;
    border-left: 1px solid var(--Gray-6);
}

.c-list-table th:first-child {
    border-top-left-radius: 4px;
    border-left: 0;
}

.c-list-table th:last-child {
    border-top-right-radius: 4px;
    /*border-right: 1px solid var(--Gray-6);*/
}

.dataTables_scrollHead th:last-child {
    border-top-right-radius: 4px;
    border-left: 1px solid var(--Gray-6);
}

.c-list-table td:last-child {
    border-right: 0;
}

.c-list-table td:nth-child(1) {
    border-left: 0;
}

.c-list-table tr:last-child>td:nth-child(1){
    border-bottom-left-radius: 4px;
}

.c-list-table td:last-child{
    border-bottom-right-radius: 4px;
}

/*フォーム（入力、詳細）*/
.c-form {
    width: 100%;
    background-color: var(--White);
    border-radius: 8px;
    border: 1px solid var(--Gray-6);
}

.c-form-body {
    padding: 16px 20px;
}

.c-form-title {
    padding: 10px 20px;
    font-size: var(--font-size-4);
    border-bottom: 1px solid var(--Gray-6);
}

/*フォームテーブル（入力、詳細）*/
.c-form-table {
    width: 100%;
    background: var(--White);
}

.c-form-table td {
    color: var(--Black);
}

.c-form-table th {
    line-height: 21px;
    color: var(--Black);
    padding: 6px;
    padding-left: 0px;
}

.c-form-table select {
    font-size: var(--font-size-middle);
}

.c-form-table label {
    margin-right: 5px;
}

.c-form-table th,
.c-form-table label,
.c-form-table span,
.c-form-table button
 {
    font-size: var(--font-size-middle);
}


/*フォームの中に1列のみ 様式（入力、詳細）*/
.c-form-table.pa1 {
    width: 40%;
    min-width: 200px;
}

.c-form-table.pa1 input[type="text"],
.c-form-table.pa1 input[type="password"],
.c-form-table.pa1 input[type="file"],
.c-form-table.pa1 textarea,
.c-form-table.pa1 select {
    width: 100% !important;
    font-size: 14px;
}


/*フォームの中に1列のみ with 100%の場合*/
.c-form-table.pa1-1 {
    width: 100%;
    min-width: 200px;
}

.c-form-table.pa1-1 input[type="text"],
.c-form-table.pa1-1 input[type="password"],
.c-form-table.pa1-1 input[type="file"],
.c-form-table.pa1-1 textarea,
.c-form-table.pa1-1 select {
    width: 40% ;
}

/*フォームの中に2列(titleと入力ボックスの同じ行表示 様式（入力、詳細） start*/
.c-form-table.pa3 {
    width: 80%;
    font-size: var(--font-size-middle);
}

.c-form-table.pa3 tr {
    width: 100%;
}

.c-form-table.pa3 td:nth-child(1),
.c-form-table.pa3 td:nth-child(3) {
    width: 12.5%;
    min-width: 175px;
    padding: 6px;
    font-weight: var(--font-weight-bold);
}

.c-form-table.pa3 td:nth-child(2),
.c-form-table.pa3 td:nth-child(4) {
	width: 37.5%;
	padding: 6px;
}

.c-form-table.pa3 input[type="text"],
.c-form-table.pa3 select,
.c-form-table.pa3 textarea  {
    width: 80%;
}

/*フォームの中に2列(titleと入力ボックスの同じ行表示 様式（入力、詳細） end*/

/*フォームテーブル下部ボタン領域*/
.e-btn-row {
    width: 100%;
    padding: 24px 24px;
    background: var(--White);
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 8px;
}

.e-btn-row button {
    min-width: 75px;
    margin-right: 12px;
}

/*--共通レイアウト---end*/

/*パスワード設定 start*/
.c-set-pass{
    min-width: unset;
    width: 100%;
    height: calc(100vh - 125px);
    display: block;
}
.c-pass-main{
    padding-left: 0px !important;
}
.c-set-content{
    width: 100%;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.c-set-access{
    width: 525px;
    min-width: unset;
    min-height: unset;
    height: auto;
    padding-bottom: 50px;
    padding-top: 50px;
}

/*パスワード設定 end*/

/*パスワード再設定 start*/
.access-from{
    position: relative;
    display: flex;
    justify-content: center;
    top: 15px;
}

.login-access{
    width: 80%;
    min-width: 800px;
    height: 100%;
    border-radius: 4px;
    border: 1px solid var(--Gray-4);
    background: var(--White);
    height: calc(100vh - 100px);
    min-height: 580px;
    width: 525px;
    min-width: unset;
    min-height: unset;
    height: auto;
    padding-bottom: 50px;
}

.access-content{
    padding: 40px 20px;
    width: 100%;
    letter-spacing: 1px;
    line-height: 25px;
    padding: 15px;
}
.access-button{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    gap: 10px;
    margin-top: 25px;
}

.access-button-send{
    padding: 10px 80px;
    border-radius: 5px;
    border: none;
    background: var(--Blue-2);
    color: var(--White);
}
.c-password{
    min-width: unset;
    width: 100%;
    height: calc(100vh - 125px);
    display: block;
}
.c-password-content{
    width: 100%;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.c-pass-style{
    gap: 5px;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.c-pass-center{
    display: flex;
    justify-content: center;
}
.c-pass-user{
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: start;
    width: 60%;
}

/*パスワード再設定 end*/													


/*--画面共通部品--start  */
/*画面タイトル*/
.title {
    color: var(--Black);
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'pwid' on;
    font-size: var(--font-size-large);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: 150%;
    /* 39px */
    letter-spacing: 1.04px;
    margin: 0;
    white-space: nowrap;
}

/*単位を付けるinput*/
.unit {
    display: inline-flex;
    align-items: center;
    align-self: stretch;
}

.unit input[type="text"] {
    padding-right: 30px;
}

.unit span {
    margin-left: -25px;
}

/*カレンダー*/
.calendar {
    background-image: url(../img/calendar.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: 120px;
    cursor: pointer;
    width: 145px !important;
}

.calendar-time {
    background-image: url(../img/calendar.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: 175px;
    cursor: pointer;
    width: 200px !important;
}
/*チェックボックス*/
.form-check-input[type="checkbox"] {
    border-radius: 0.25em;
}

.form-check-input:checked[type=radio] {
    border:1px solid var(--Blue-2) ;
  --bs-form-check-bg-image: url(
  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%230F67FF'/%3e%3c/svg%3e");
  background-color: var(--bs-body-bg);
  border-color: var(--Blue-2);
}
.form-check-input.error-border{
    border: 1px solid #EC0000;
}
.c-form-check-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

.form-check-input:checked[type="checkbox"] {
    background-image: url(../img/checked.svg);
    background-size: 120% 120%;
    background-color: var(--Blue-2);
    border-color: var(--Blue-2);
}

.form-check-input:active {
    -webkit-filter: brightness(90%);
    filter: brightness(90%);
}

.form-check-input:focus {
    border: 1px solid var(--Gray-6);
    outline: 0;
}

.form-check-label {
    line-height: 24px;
}

.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label {
    color: var(--Gray-6);
}

.form-check-label:has(.form-check-input:disabled),
.form-check-label:has(form-check-input[disabled])
{
    color: var(--Gray-6);
}


.chk-group{
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    padding-top: 5px;
}

.chk-group div{
    display: flex;
    gap: 8px;
}

.chk-group div input[type="checkbox"] ~ label{
    word-break: break-word;
    line-height: 20px;
}

.chk-group div input[type="radio"] ~ label{
    word-break: break-word;
    line-height: 20px;
}

.chk-other{
    width: 100px;
}

.c-form-table.pa1-1 .chk-group .chk-other{
    width: 100px;
}

.input-group-b{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

/*セレクトボックス*/
.bootstrap-select{
    border-radius: 4px;
    border: 1px solid var(--Gray-6);
    font-family: var(--font-family);
    font-size: var(--font-size-middle);
    height: 28px;
}

.bootstrap-select:focus{
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--Gray-6);
}

.bootstrap-select .dropdown-toggle .filter-option {
    font-family: var(--font-family);
    font-size: var(--font-size-middle);
}

.bootstrap-select > .dropdown-toggle.bs-placeholder{
    padding: 2px 8px;
}

.bootstrap-select>.btn{
    padding: 2px 8px;
    border-radius: 4px;

    font-family: var(--font-family);
    font-size: var(--font-size-middle);
    height: 26px;
    border: 0;
}

.bootstrap-select .dropdown-menu li a {
    font-family: var(--font-family);
    font-size: var(--font-size-middle);
    padding: 4px 4px;
}

.bootstrap-select .dropdown-menu {
    width: 100%;
}

/*
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus {
     outline: 0;
    box-shadow: 0 0 0 0.2rem var(--Gray-6);
}
*/

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 2px;
    margin: 0
}
.bootstrap-select .dropdown-item:hover, .dropdown-item:focus {
    background-color:var(--Gray-3);
    color: var(--Black);
    border: 0;
    box-shadow:unset;
}
.dropdown.bootstrap-select.disabled{
    background-color: var(--Gray-1);
    border: 1px solid var(--Gray-6);
}
/*.dropdown-toggle.bs-select.bs-placeholder.disabled{
    border: 1px solid var(--Gray-6);
}*/
/*ボタン*/
.e-btn {
    display: inline-flex;
    height: 28px;
    padding: 12px 12px 12px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    border-radius: 16px;
    border: 1px solid var(--Gray-6);
    background: var(--White);
    color: var(--Gray-7);
    text-align: center;
    font-feature-settings: 'pwid' on;
    font-weight: var(--font-weight-normal);
    line-height: 150%;
    /* 21px */
    letter-spacing: 0.56px;
}

.e-btn:hover,
a:hover,
.e-btn:focus,
a:focus,
.page-link:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--Gray-6);
}

.e-btn-query {
    padding-left: 35px;
    background: url("../img/bi_query_Gray_7.svg") no-repeat left center;
    background-size: 20px 20px;
    background-position-x: 12px;
    background-color: var(--White);
}

.e-btn-modal-query {
    padding-left: 35px;
    background: url(../img/bi_query_white.svg) no-repeat center center;
    background-position-x: 12px;
    background-color: var(--White);
}

.e-btn-modal-collection {
    padding-left: 35px;
    background: url(../img/bi_collection_button_file2.svg) no-repeat center center;
    background-position-x: 12px;
    background-color: var(--White);
}

.e-btn-modal-check-square {
    padding-left: 35px;
    background: url(../img/check-square.svg) no-repeat center center;
    background-position-x: 12px;
    background-color: var(--White);
}

.e-btn-modal-refresh {
    padding-left: 35px;
    background: url(../img/bi_refresh.svg) no-repeat center center;
    background-position-x: 12px;
    background-color: var(--White);
}

.e-btn-modal-refresh-blue {
    padding-left: 35px;
    background: url(../img/bi_refresh_blue.svg) no-repeat center center;
    background-position-x: 12px;
    background-color: var(--White);
}

.e-btn-left,
.e-btn-right {
    width: 20px;
    height: 20px;
    padding: 0;
    border-radius: 50%;

}

.e-btn-left {
    background: url("../img/bi_prepage.svg") no-repeat center center;
    margin-right: 8px;

}

.e-btn-right {
    background: url("../img/bi_nextpage.svg") no-repeat left center;
}

.e-btn-public {
    padding-left: 35px;
    background: url("../img/bi_public_Gray_7.svg") no-repeat center center;
    background-position-x: 12px;
}

.e-btn-publish {
    background-image: url("../img/publish.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.e-btn-bell {
    background-image: url("../img/bell.svg");
    background: url("../img/bell.svg") no-repeat left center;
}

.e-btn-edit {
    padding-left: 35px;
    background: url("../img/bi_edit_Gray_7.svg") no-repeat center center;
    background-position-x: 12px;
    background-color: var(--White);
}

.e-btn-create {
    padding-left: 35px;
    background: url("../img/bi_create_Gray_7.svg") no-repeat center center;
    background-position-x: 12px;
    background-color: var(--White);
}
.e-btn-samari {
    padding-left: 35px;
    background: url("../img/bi_samari.svg") no-repeat left center;
    background-size: 15px 15px;
    background-position-x: 12px;
    background-color: var(--White);
}

.e-btn-samari-close {
    padding-left: 35px;
    background: url("../img/bi_up_double_arrow.svg") no-repeat left center;
    background-size: 15px 15px;
    background-position-x: 12px;
    background-color: none;
    position: absolute;
    right: 35px;
    border: none;
    top: 110px;
}

.e-btn-samari-close:hover,.e-btn-samari-close:focus{
    box-shadow: none !important;
}

.e-btn-samari-close-small {
    padding-left: 35px;
    background: url("../img/bi_up_double_arrow.svg") no-repeat left center;
    background-size: 15px 15px;
    background-position-x: 12px;
    background-color: none;
    position: absolute;
    right: 35px;
    border: none;
    top: 70px;
}

.e-btn-samari-close-small:hover,.e-btn-samari-close-small:focus{
    box-shadow: none !important;
}

.e-btn-samari:not(.active) {
    display: none;
}

.e-btn-photo {
    background: url(../img/bi_photo_Gray7.svg) no-repeat center center;
    background-position-x: 4px;
    width: 28px;
    border-radius: 50%;
    padding: 1px 1px 1px 1px;
    background-color: var(--White);

}

.e-btn-collection-button-file {
    padding-left: 35px !important;
    background: url("../img/bi_collection_button_file.svg") no-repeat center center;
    background-position-x: 10px;
    background-size: 18px;
    background-color: var(--White);
}

.e-btn-out-file {
    padding-left: 35px !important;
    background: url("../img/bi_collection_button_file2.svg") no-repeat center center;
    background-position-x: 10px;
    background-size: 18px;
    background-color: var(--White);
}

.e-btn-collection-button-print {
    padding-left: 35px !important;
    background: url("../img/bi_collection_button_print.svg") no-repeat center center;

    background-position-x: 12px;
    background-color: var(--White);
}

.e-btn-out-print {
    padding-left: 35px !important;
    background: url("../img/bi_collection_button_print2.svg") no-repeat center center;

    background-position-x: 12px;
    background-color: var(--White);
}

.e-btn-collection-button-pencil {
    padding-left: 35px !important;
    background: url("../img/bi_collection_button_pencil.svg") no-repeat center center;

    background-position-x: 12px;
    background-color: var(--White);
}

.e-btn-collection-button-csv {
    padding-left: 35px !important;
    background: url("../img/bi_collection_button_csv.svg") no-repeat center center;

    background-position-x: 11px;
    background-color: var(--White);
}

/*検索ボタン（アイコン無）*/
.e-btn-seach {
    width: 70px;
}

.e-btn-plus {
    padding-left: 35px;
    background: url("../img/bi_plus.svg") no-repeat center center;
    background-position-x: 12px;
    background-color: var(--White);
}

.e-btn-bookmark {
    padding-left: 35px;
    background: url(../img/bi_del_Gray_6.svg) no-repeat center center;
    background-position-x: 12px;
    background-color: var(--White);
}

.e-btn-delete {
    padding-left: 35px;
    background: url(../img/bi_del_x_grey.svg) no-repeat center center;
    background-position-x: 12px;
    background-color: var(--White);
}

.e-nextpage-white {
    padding-right: 20px;
    background: url("../img/bi_nextpage_white.svg") no-repeat center center;
    background-position-x: 96px;
}

.e-btn-bg-blue {
    background-color: var(--Blue-2);
    color: var(--White);
}

.e-btn-bg-green {
    background-color: #009846 !important;
    color: var(--White);
}

.e-btn-bg-blue-demand {
    background-color: #0072bc !important;
    color: var(--White);
}

.e-btn-bg-orange {
    background-color: #ff6b00;
    color: var(--White);
}

.e-btn-font-blue {
    border-color: var(--Blue-2);
    color: var(--Blue-2);
}

.e-btn-edit.e-btn-font-blue {
    background-image: url("../img/bi_edit_Blue_2.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: 12px;
}

.e-btn-edit.e-btn-font-blue {
    background-image: url("../img/bi_edit_Blue_2.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: 12px;
}

.e-btn-public.e-btn-bg-blue {
    background-image: url("../img/bi_public_White.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: 12px;
}

.e-btn:disabled {
    pointer-events: none;
    border: 1px solid var(--Gray-6);
    color: var(--Gray-6);
    background-color: var(--Gray-1);

}


.sorting{
    /* position: relative;
    display: inline-block;
    content: "";
    width: 28px;
    height: 10px;
    background-image: url(../img/bi_sort.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: 5px; */
    cursor: pointer;
    background-image: url(../img/triangle.svg);
    background-repeat: no-repeat;
    background-position: right center;
}

.sorting_desc{
    /* position: relative;
    display: inline-block;
    content: "";
    width: 28px;
    height: 10px;
    background-image: url(../img/bi_sort.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: 5px; */
    background-image: url(../img/triangle_desc.svg);
    background-repeat: no-repeat;
    background-position: right center;
}

.sorting_asc{
    /* position: relative;
    display: inline-block;
    content: "";
    width: 28px;
    height: 10px;
    background-image: url(../img/bi_sort.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: 5px;
    transform: rotate(180deg); */
    background-image: url(../img/triangle_asc.svg);
    background-repeat: no-repeat;
    background-position: right center;
}

.sorting_mul_desc::after{
/*    position: relative;
    display: inline-block;
    content: "";
    width: 28px;
    height: 10px;
    background-image: url(../img/bi_sort_Gray7.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: 5px;*/
    position: relative;
    display: none;
}

.sorting_mul_asc::after{
/*    position: relative;
    display: inline-block;
    content: "";
    width: 28px;
    height: 10px;
    background-image: url(../img/bi_sort_Gray7.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: 5px;
    transform: rotate(180deg);*/
    position: relative;
    display: none;
}

.e-btn-public.e-btn-bg-blue {
    background-image: url("../img/bi_public_White.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: 12px;
}

.e-btn-edit:disabled {
    padding-left: 35px;
    background: url("../img/bi_edit_Gray_6.svg") no-repeat center center;
    background-position-x: 12px;
    background-color: var(--Gray-1);
}

.e-btn-create:disabled {
    padding-left: 35px;
    background: url("../img/bi_create_Gray_6.svg") no-repeat center center;
    background-position-x: 12px;
    background-color: var(--Gray-1);
}

.e-btn.e-btn-bg-blue:disabled {
    background-color: var(--Gray-6);
    color: var(--White);
}

.e-btn.e-btn-bg-orange:disabled {
    background-color: var(--Gray-6);
    color: var(--White);
}

.e-btn.e-btn-font-blue:disabled {
    border: 1px solid var(--Gray-6);
    color: var(--Gray-6);
    background-color: var(--Gray-1);
}

.e-btn-input{
    border-radius: 4px;
    z-index: 2;
}

.e-btn-input~input{
    border-radius: 4px;
    margin-left: -113px;
    /* z-index: 88; */
    padding-left: 118px;
}

/*薄い朱背景 朱字*/
.warn div {
    background-color: var(--Alert-light);
    border-radius: 4px;
    display: flex;
    padding: 2px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    font-size: var(--font-size-small);
    color: var(--Alert);
    margin-left: 12px;
    height: 24px;
}

/*黒枠 白背景*/
.mark1 {
    display: inline-flex;
    border-radius: 4px;
    border: 1px solid var(--Black);
    font-size: var(--font-size-middle);
    padding: 2px 8px;
    width: fit-content;
    line-height: 14px;
    align-items: center;
}

/*朱枠 朱背景*/
.mark2 {
    border-radius: 50%;
    border: 1px solid var(--Alert-light);
    background-color: var(--Alert-light);
    font-size: var(--font-size-mark);
    padding: 4px;
}

/*緑背景 白字*/
.mark3 {
    background-color: var(--Success);
    color: var(--White);
    border-radius: 30px;
    padding: 4px 12px;
    font-size: 12px;
}

/*朱枠 朱字 白背景*/
.mf-red {
    color: var(--Alert);
    border-color: var(--Alert);
}

/*緑枠 緑字 白背景*/
.mf-green {
    color: var(--Success);
    border-color: var(--Success);
}

/*グレイ枠 グレイ字 白背景*/
.mf-gray {
    border-color: var(--Gray-4);
    background: var(--Gray-4);
}

/*黄色枠 黄色字 白背景*/
.mf-yellow {
    color: var(--Warning);
    border-color: var(--Warning);
}

.mf-blue {
    color: var(--Blue-5);
    border-color: var(--Blue-5);
}

.mark{
    display: inline-flex;
    border-radius: 4px;
    font-size: var(--font-size-mark);
    padding: 4px 8px;
    align-items: center;
}

/*枠なし 黄背景 黒字*/
.mark5 {
    color: var(--Black);
    background: var(--staffportal-4);
}

/*枠なし グレイ背景 黒字*/
.mark6 {
    color: var(--Black);
    background: var(--Gray-3);
}
/*気象情報·地震情報*/
.kisyouVertical {
    vertical-align: top;
    padding-top: 10px !important;
}
.kisyouSpan {
    width: 165px;
    min-height: 28px;
    justify-content: center;
    font-size: var(--font-size-7);
    white-space: break-spaces !important;
}
.nashiSpan {
    background-color: rgb(200, 200, 203) !important;
}
.nashiRiverSpan {
    background-color: rgb(128, 255, 255) !important;
}
.kisyouText {
    text-align: center !important;
}

/*必須マック*/
.required {
    color: var(--Alert);
    font-feature-settings: 'pwid' on;
    font-size: 10px !important;
    line-height: 150%; /* 15px */
    background-color: var(--Alert-light);
    font-weight: 400;
    margin-left: 8px;
    padding: 2px 4px;
    border-radius: 4px;
    vertical-align: text-bottom;
    cursor: default;
}

/*エラーメッセージ*/
.c-message {
    width: 100%;
    margin-bottom: 10px;
    padding: 0 23px;
}
.c-message li {
    list-style: none;
    width: 100%;
    margin-bottom: 10px;
    color: var(--Alert);
    font-weight: var(--font-weight-bold);
    margin-top: 5px;
}

.c-message ul {
    padding-left: 0;
}

.error-message {
    width: 100%;
    margin-bottom: 10px;
    color: var(--Alert);
    font-weight: var(--font-weight-bold);
    margin-top: 5px;
    /*white-space: nowrap;*/
}

.error-message:before,
.error-message br:before,
.error-message br:after,
.c-message li:before
 {
    content: "";
    position: relative;
    display: inline-block;
    height: 15px;
    width: 25px;
    background-image: url(../img/bi_error.svg);
    background-size: 25px;
    background-size: 25px 25px;
}
.error-message br{
	display: block;
}

/*input チェックエラーあり*/
.error-item {
    border: 1px solid var(--Alert);
}

.error-item:focus {
    background: var(--Alert-light);
    box-shadow: 0 0 0 0.2rem var(--Alert-light) !important;
}

.error-item-time:focus {
    background-image: url(../img/calendar.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: 175px;
}

/**/
.bingo-icon {
    background: url(../img/bi_bingo_green.svg) no-repeat center;
    background-size: 20px 20px;
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
}

/*broadcast ico*/
.broadcast {
    padding-left: 30px !important;
    background: url(../img/bi_broadcast_red.svg) no-repeat center center;
    background-position-x: 12px;
}

/*warn ico*/
.warnning {
    padding-left: 30px !important;
    background: url(../img/bi_warn.svg) no-repeat center center;
    background-position-x: 12px;
}

.tooltip-style {
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    color: var(--Gray-8);
    border-radius: 50%;
    line-height: 16px;
    position: relative;
    font-size: 12px;
    /* border: 21px; */
    left: 5px;
    bottom: 1px;
    border: 1px solid var(--Gray-8);
    cursor: default;
}

.tooltip-inner {
    text-align: left;
}

.auto-tips{
    --bs-tooltip-max-width: auto !important;
}

/*メッセージカウンター*/
.msg-cnt{
    width: 16px;
    height: 16px;
    font-size: var(--font-size-6);
    background: var(--Alert);
    border-radius: 50%;

    color: var(--White);
    text-align: center;
    line-height: 16px;
    letter-spacing: -1px;
}

.msg-cnt-inbtn{
    line-height: 16px;
    padding: 4px;
    vertical-align: text-top;
    margin-right: 4px;
}
.msg-cnt-num{
    padding: 4px 6px 4px 6px;
}

.msg-cnt-maru{
     line-height: 16px;
    padding: 4px;
    vertical-align: text-top;
    margin-right: 4px;
    font-size: 1px;
}





.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
input[type="search"].form-control {
    height: 28px;
    font-size: 14px;
}
.form-control-sm {
    height: 28px;;
    padding: .25rem .5rem;
    font-size: var(--font-size-middle);
    border-radius: 4px;
}

.form-control[type=file] {
    overflow: hidden;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer;
}


.form-label {
    margin-bottom: .5rem;
}

.ico-info{
    display: inline-flex;
    height: 28px;
    padding: 12px 12px 12px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    background: var(--White);
    color: var(--Gray-7);
    text-align: center;
    font-feature-settings: 'pwid' on;
    font-weight: var(--font-weight-normal);
    line-height: 150%;
    letter-spacing: 0.56px;
    padding-left: 35px;
}

.ico-data-range {
    padding-left: 35px;
    background: url(../img/bi_DateRange-green.svg) no-repeat center center;
    background-position-x: 12px;
    background-size: 18px;
}

.ico-refresh {
    padding-left: 35px;
    background: url(../img/bi_refresh_green.svg) no-repeat center center;
    background-position-x: 12px;
    background-size: 18px;
}

.ico-bingo {
    padding-left: 35px;
    background: url(../img/bi_bingo_green.svg) no-repeat center center;
    background-position-x: 12px;
    background-size: 18px;
}
.ico-warn {
    padding-left: 35px;
    background: url(../img/bi_warn.svg) no-repeat center center;
    background-position-x: 12px;
    background-size: 18px;
}

.ico-skip-Black {
    padding-left: 35px;
    background: url(../img/bi_skip_Black.svg) no-repeat center center;
    background-position-x: 12px;
    background-size: 18px;
}

.ico-skip {
    padding-left: 35px;
    background: url(../img/bi_skip_Gray7.svg) no-repeat center center;
    background-position-x: 12px;
    background-size: 18px;
}

.ico-data-range-gray7 {
    padding-left: 35px;
    background: url(../img/bi_DateRange-Gray7.svg) no-repeat center center;
    background-position-x: 12px;
    background-size: 18px;
}

.ico-refresh-gray7 {
    padding-left: 35px;
    background: url(../img/bi_refresh-Gray7.svg) no-repeat center center;
    background-position-x: 12px;
    background-size: 18px;
}

.ico-bingo-gray7 {
    padding-left: 35px;
    background: url(../img/bi_bingo_Gray7.svg) no-repeat center center;
    background-position-x: 12px;
    background-size: 18px;
}
.ico-warn-gray7 {
    padding-left: 35px;
    background: url(../img/bi_warn_Gray7.svg) no-repeat center center;
    background-position-x: 12px;
    background-size: 18px;
}

.ico-skip-gray7 {
    padding-left: 35px;
    background: url(../img/bi_skip_Gray7.svg) no-repeat center center;
    background-position-x: 12px;
    background-size: 18px;
}

.ico-data-range-disable {
    padding-left: 35px;
    background: url(../img/bi_DateRange-Gray6.svg) no-repeat center center;
    background-position-x: 12px;
    background-size: 18px;
}

.ico-refresh-disable {
    padding-left: 35px;
    background: url(../img/bi_refresh-Gray6.svg) no-repeat center center;
    background-position-x: 12px;
    background-size: 18px;
}

.ico-bingo-disable {
    padding-left: 35px;
    background: url(../img/bi_bingo_Gray6.svg) no-repeat center center;
    background-position-x: 12px;
    background-size: 18px;
}
.ico-warn-disable {
    padding-left: 35px;
    background: url(../img/bi_warn_Gray6.svg) no-repeat center center;
    background-position-x: 12px;
    background-size: 18px;
}

.ico-skip-disable {
    padding-left: 35px;
    background: url(../img/bi_skip_Gray6.svg) no-repeat center center;
    background-position-x: 12px;
    background-size: 18px;
}

.ico-pad-left {
    padding-left: 17px;
}

/*--画面共通部品--end  */

/*----------datatable  start-----------*/
.dataTable td{
    font-size: var(--font-size-middle);
}

.dataTables_wrapper .top,
.dataTables_wrapper .bottom {
    display: flex;
    justify-content: space-between;
}

.dataTables_wrapper .top>div,
.dataTables_wrapper .bottom>div {
    display: inline-flex;
    align-items: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.dataTables_wrapper .top>div {
    margin-bottom: 8px;

}

.dataTables_wrapper .bottom>div {
    margin-top: 8px;
}

.dataTables_wrapper .selected-cnt {
    width: fit-content;
    font-size: var(--font-size-small);
}

.dataTables_length select {
    width: 85px;
    font-size: var(--font-size-small);
    background: var(--White);
}

.dataTables_info {
    font-size: var(--font-size-small);
}

.dataTables_paginate {
    display: flex;
}

.pagination {
    display: contents;
}

.dataTables_paginate .previous.disabled,
.dataTables_paginate .next.disabled {
    -webkit-filter: opacity(0.5);
    filter: opacity(0.5);
}

.paginate_button.previous a,
.paginate_button.next a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border: 1px solid var(--Gray-6);
    color: var(--Gray-7);
    text-align: center;
    font-feature-settings: 'pwid' on;
    font-weight: var(--font-weight-normal);
    line-height: 150%;
    letter-spacing: 0.56px;
    width: 20px;
    height: 20px;
    padding: 0;
    border-radius: 50%;
}

.paginate_button.previous a {
    background: url(../img/bi_prepage.svg) no-repeat center center;
    margin-right: 8px;
}

.paginate_button.next a {
    background: url(../img/bi_nextpage.svg) no-repeat left center;
}

div.dt-button-background {
    position: unset !important;
}

.flex-items {
    display: flex;
    align-items: center;
}

.flex-items-top {
    display: flex;
    align-items: start;
}

.flex-between {
    display: flex;
    justify-content: space-between;
}

.flex-center {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.flex-center-pureness {
    justify-content: center;
}

.flex-start {
    width: 60%;
    display: flex;
    justify-content: start;
}

.buttons-collection {
    background: var(--White);
    border-radius: 20px;
    height: 25px;
    width: 26px;
    border: 1px solid var(--Gray-6);
}
.buttons-collection.disabled{
	background: var(--Gray-4);
	pointer-events: none;
}

.buttons-collection span {
    display: block;
    position: relative;
    bottom: 4px;
    color: var(--Gray-7);
}

.buttons-collection:hover,
.buttons-collection:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--Gray-6);
}

.dt-button-collection [role="menu"] {
    display: flex;
    flex-wrap: wrap;
    width: 133px;
    height: 0px;
    line-height: 100%;
    position: relative;
    background: var(--White);
    top: 5px;
    box-shadow: 4px 4px 7px 0px var(--Gray-6);
    border-radius: 3px;
    z-index: 3;
}

.dt-button-collection .menu-bottom {
    top: -125px;
}

.none-button .dt-button-collection .menu-bottom,
.button-list-no-authedit-shelterlist .dt-button-collection .menu-bottom{
    top: -75px !important;
}

.shelter-main #shelter-table_wrapper>.button-list-no-authedit-shelterlist .dt-button-collection [role="menu"] {
    left: -115px !important;
    right: 115px !important;
}
.shelter-main #shelter-table_wrapper>.button-list-no-authedit-shelterlist .dt-buttons{
    width: 25px !important;
}

@-moz-document url-prefix() {
    .shelter-main #main-container {
        overflow-x: hidden;
    }
}

@media screen and (max-width: 960px) {
    .shelter-main #main-container {
        overflow-x: auto;
    }
}

[role="menu"] .dt-button {
    padding: 15px;
    width: 100%;
    border: none;
    border-left: 1px solid var(--Gray-6);
    border-right: 1px solid var(--Gray-6);
    box-shadow: 4px 4px 7px 0px var(--Gray-6);
    text-align: left;
}

[role="menu"] .dt-button:first-child {
    border-top: 1px solid var(--Gray-6);
}

[role="menu"] .dt-button:last-child {
    border-bottom: 1px solid var(--Gray-6);
}

[role="menu"] .dt-button:hover {
    box-shadow: 0px 0px 0px 2px var(--Gray-6);
    z-index: 2;
}

.dataTables_scrollHeadInner .disasterSelectTbl{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.dataTables_scrollBody .disasterSelectTbl{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top:0;
}

.table-for-select, 
.table-for-select table,
.table-for-select td{
    font-size: var(--font-size-middle);
}

table.dataTable tbody tr:nth-child(even) td {
  background-color: var(--Gray-1);
}

table.dataTable tr:has(td:nth-child(1) .form-check-input:checked[type="checkbox"] )>td,
table.dataTable tr:has(td:nth-child(1) .form-check-input:checked[type="radio"] )>td{
    background-color: var(--Orange-light) !important;
}

table.table-for-select tr:nth-child(even)>* {
    background-color: var(--Gray-1);
}

table.table-for-select tr:has(.form-check-input:checked[type="checkbox"] )>td,
table.table-for-select tr:has(.form-check-input:checked[type="radio"] )>td{
    background-color: var(--Orange-light) !important;
}
table.dataTable.fixedHeader-floating .muti-header {
    border-top-right-radius: 0px;
    border-top: 0px !important;
    border-right: 0px !important;
    border-top-left-radius: 0px;
}
table.fixedHeader-floating .left-center-text {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
/*----------datatable  end-----------*/

/*----------simplebar  start-----------*/
.simplebar-scroll-content {
    height: 100%;
    padding-right: 0px !important;
    scrollbar-width: none;
}

.simplebar-scroll-content::-webkit-scrollbar {
    width: 0px;
}

.simplebar-scrollbar {
    visibility: visible !important;
}

.simplebar-content {
    overflow-x: hidden;
    margin-right: 0px !important;
}

/*----------simplebar  end-----------*/







/*---summary用--start*/
.hide{
    display: none !important;
}

.zutu {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: flex;
    justify-content: space-between;
    background: var(--White);
}

.seek {
    display: flex;
    justify-content: space-between;
    height: 100px;
}

.surface {
    width: 170px;
    margin-left: 15px;
    padding-top: 3px;
}

.surface>div {
    height: 30%;
    display: flex;
    /* padding-top: 11px; */
    justify-content: space-between;
    border-bottom: 1.166px solid var(--Gray-6);
    font-size: 11px;
}

.green-seek {
    color: var(--Success);
}

.blue-seek-bk {
    background: var(--staffportal-9);
}

.blue-seek {
    color: var(--staffportal-9);
}

.red-seek {
    color: var(--Alert);
}

.grey-seek {
    color: var(--Gray-7);
}

.green-seek-bk {
    background: var(--Success);
}

.red-seek-bk {
    background: var(--Alert);
}

.grey-seek-bk {
    background: var(--Gray-6);
}

.percentage {
    font-size: var(--font-size-4);
    font-weight: 700;
}

.ico-seek {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 3px;
    margin-right: 5px;
    margin-top: 8px;
}

.seek-span-title {
    display: inline-block;
    height: 12px;
    position: relative;
    bottom: 2px;
}

.seek-num-percentage {
    position: relative;
    top: 7px;
}

.percentage-title {
    height: 100px;
    width: 800px;
    display: flex;
    justify-content: space-between;
    padding: 15px;
}

.percentage-title>div {
    width: 253px;
    background: var(--Alert);
    border-radius: 5px;
}

.e-btn-top {
    display: inline-flex;
    height: 28px;
    padding: 12px 12px 12px 13px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    border-radius: 16px;
    border: 1px solid var(--Gray-6);
    background: var(--White);
    color: var(--Gray-7);
    text-align: center;
    font-feature-settings: 'pwid' on;
    font-weight: var(--font-weight-normal);
    line-height: 150%;
    /* 21px */
    letter-spacing: 0.56px;
}

/*固定「地図」ボタン用*/
.map-button-list{
    display: flex;
}

.e-btn-map {
    padding-left: 35px;
    background: url("../img/bi_left_double_arrow.svg") no-repeat left center;
    background-size: 15px 15px;
    background-position-x: 12px;
    background-color: var(--White);
}

.e-btn-demand {
    padding-right: 25px;
    background: url("../img/Icon.svg") no-repeat left center;
    background-size: 15px 15px;
    background-position-x: 93px;
    background-color: var(--White);
}

.e-btn-noDemand {
    padding-right: 25px;
    background: url("../img/Icon.svg") no-repeat left center;
    background-size: 15px 15px;
    background-position-x: 71px;
    background-position-y: 4.5px;
    background-color: var(--White);
}

.e-btn-map:not(.active){
    display: none;
}

.e-btn-map-expand{
    padding-left: 35px;
    background: url(../img/bi_expand.svg) no-repeat left center;
    background-size: 15px 15px;
    background-position-x: 12px;
    background-color: var(--Gray-4);
    border: none;
}

.e-btn-map-expand-white{
    padding-left: 35px;
    background: url(../img/bi_expand.svg) no-repeat left center;
    background-size: 15px 15px;
    background-position-x: 12px;
    border: none;
}

.e-btn-pic-add{
    padding-left: 35px;
    background: url(../img/icon_pic_add.svg) no-repeat left center;
    background-size: 20px 20px;
    background-position-x: 12px;
    border: none;
    border-radius: 0px !important;
}

.e-btn-map-expand-white:hover,.e-btn-map-expand-white:focus{
    box-shadow: none !important;
}

.refuge-intelligence .e-btn-map-expand-white{
    border-left: 0px solid var(--Gray-6);
}

.e-btn-map-expand:hover,.e-btn-map-expand:focus{
    box-shadow: none !important;
}

.e-btn-map-close{
    padding-left: 35px;
    background: url(../img/bi_right_double_arrow.svg) no-repeat left center;
    background-size: 15px 15px;
    background-position-x: 12px;
    background-color: var(--Gray-4);
    border: none;
    border-radius: 0px !important;
    border-left: 2px solid var(--Gray-6);
}

.e-btn-map-close:hover,.e-btn-map-close:focus{
    box-shadow: none !important;
}

.e-btn-map-close-white{
    padding-left: 35px;
    background: url(../img/bi_right_double_arrow.svg) no-repeat left center;
    background-size: 15px 15px;
    background-position-x: 12px;
    border: none;
    border-radius: 0px !important;
    border-left: 2px solid var(--Gray-6);
}

.e-btn-map-close-white:hover,.e-btn-map-close-white:focus{
    box-shadow: none !important;
}

.e-btn-map--white:hover,.e-btn-map--white:focus{
    box-shadow: none !important;
}

.refuge-intelligence .e-btn-map-close-white{
    border-left: 1px solid var(--Gray-6);
    border-radius: 0px;
}

.e-btn-blue {
    color: var(--Blue-2);
    border: 1px solid var(--Blue-2);
    margin-top: 2px;
}

.map-fix {
    position: fixed;
    right: -11px;
    top: 78px;
}

.mark4 {
    height: 24px;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    border-radius: 4px 0px 0px 4px;
    background: var(--Success);
    width: 44px;
}

.mark4 span {
    color: var(--White);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.mark4~div {
    display: flex;
    height: 24px;
    padding: 0px 16px 0px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 0px 4px 4px 0px;
    background: var(--Success_light);
}

.mark4~div>div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.mark4~div>div>div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.mark4~div>div>div~div {
    height: 17px;
    padding-left: 12px;
    align-items: center;
    gap: 4px;
    border-left: 1px solid var(--Gray-6, #CCC);
}

.s9,
.s10 {
    width: auto;
}

.s9 .mark4 {
    background: var(--Alert);
}

.s9 .mark4~div {
    width: auto;
}

.s9 .mark4~div {
    background: var(--Alert-light);
}

.s9 .sf-size4,
.s9 .sf-size5 {
    color: var(--Alert);
}

.s10 .mark4 {
    background: var(--Gray-7);
    width: 56px;
}

.s10 .mark4~div {
    width: auto;
}

.s10 .mark4~div {
    background: var(--Gray-4);
}

.s10 .sf-size4,
.s10 .sf-size5 {
    color: var(--Gray-7);
}

.zutu-small {
    display: flex;
    width: 100%;
    height: 44px;
    padding: 8px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    background-color: var(--White);
    min-width: 950px;
}

/*サマリ*/
.summary {
    display: flex;
    width: 1306px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    background-color: var(--White);
    padding: 10px;
    min-width: 950px;
}

.summary-small{
    display: flex;
}

.summary .s1 {
    width: 236px;
    height: 66px;
    padding: 8px 20px;
    border-radius: 4px;
}

.summary .s11 {
    background-color: var(--Success_light);
}

.summary .s12 {
    background-color: var(--Alert-light);
}

.summary .s13 {
    background-color: var(--Gray-4);
}

.summary .s12,
.summary .s13 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.summary .s11>div {
    display: flex;
    height: 25px;
    align-items: center;
    gap: 4px;
    justify-content: center;
    white-space: nowrap;
}

.summary .s12>div,
.summary .s13>div {
    display: flex;
    height: 25px;
    align-items: center;
    gap: 4px;
    justify-content: center;
}

.chart {
    width: 100px;
    height: 100px;
}

.doughnutTip {
    position: absolute;
    min-width: 30px;
    max-width: 300px;
    padding: 5px 15px;
    border-radius: 1px;
    background: var(--White);
    color: var(--Gray-7);
    font-size: var(--font-size-small);
    text-align: center;
    line-height: 1.3;
    letter-spacing: .06em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    pointer-events: none;

    &::after {
        position: absolute;
        left: 50%;
        bottom: -6px;
        content: "";
        height: 0;
        margin: 0 0 0 -6px;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-top: 6px solid rgba(0, 0, 0, .7);
        line-height: 0;
    }
}

.doughnutSummary {
    position: relative;
    text-align: center;
    text-shadow: 0 -1px 0 var(--Black);
    cursor: default;
    bottom: 60px;
    left: 31px;
}

.doughnutSummaryTitle {
    position: relative;
    font-size: 13px;
    letter-spacing: .06em;
    bottom: 18px;
    right: 0px;
}

.doughnutSummaryNumber {
    position: relative;
    width: 100%;
}

.chart path:hover {
    opacity: 0.65;
}

.zutu-small .s2 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    padding: 4px 0;
}

/*---summary用--end*/

/*---site menu-end*/
.title-h1 {
    position: fixed;
    z-index: 4;
}

.mx-sidenav__content {
    height: 100% !important;
}

.menu {
    display: block !important;
    width: 248px !important;
    height: 100% !important;
    z-index: 4;
}

.menu .mx-sidenav__content {
    height: 100% !important;
}

.mx-sidenav {
    position: fixed;
    top: 60px;
}

.mx-sidenav__sub {
    padding: 0 !important;
    width: 248px;
}

.mx-sidenav__menu {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;

}

.menu .t-mr-25 {
    margin-right: 12px;
}

.menu-disable{
    opacity: 0.5;
}

.mx-sidenav__menu-item.active-page .mx-sidenav__menu-link {
    position: relative;
    color: var(--White) !important;
    background: var(--Blue-3);
    border-left: 4px solid var(--Blue-1);
}

.mx-sidenav__sub-item:first-child .mx-sidenav__sub-link {
    border-radius: 0;
}


.mx-sidenav__menu-container {
    margin-top: 15px;
}
.mx-sidenav-collapsed .mx-sidenav__menu-container div:first-child{
    display: none !important;
}

.mx-sidenav__menu-container div:first-child{
    border-radius: 5px;
}

.mx-sidenav__menu-item.active-page .mx-sidenav__menu-link .mx-sidenav__menu-text {
    color: #fff;
}

.sub-level-1 a{
    margin-left: 1px;
    padding-left: 60px;
}

.sub-level-2 a{
    padding-left: 95px;
}

.mx-sidenav__menu-link {
    border-radius: 0px;
}

.mx-sidenav__menu-link:hover {
    background: var(--Blue-3);
    border-left: 4px solid var(--Blue-1);
}

.mx-sidenav__menu-link-click {
    background: var(--Blue-3);
    border-left: 4px solid var(--Blue-1);
    padding-left: 16px;
}

.mx-sidenav__menu-text {
    font-size: 17px;
}

.mx-sidenav__sub-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 30px;
    color: var(--White);
    background: var(--Navy-3);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 16px;
}

.mx-sidenav__sub-text {
    font-size: 16px;
}

.mx-sidenav-collapsed .mx-sidenav {
    max-width: 60px;
}

.content_bg {
    background: #1c293b;
}

.menu-slide {
    background: #fff;
    width: 35px;
    height: 35px;
    position: fixed;
    left: 249px;
    bottom: 55px;
    z-index: 999;
    -webkit-box-shadow: 0px 3px 3px #c8c8c8;
    -moz-box-shadow: 1px 3px 3px #c8c8c8;
    box-shadow: 0px 3px 3px #c8c8c8;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    position: fixed;
    bottom: 35px;
    transform: rotateY(180deg);
    z-index: 3;
    display: none;
}

.menu-slide.active {
    left: 60px;
}

.menu-slide a.active {
    transform: rotateY(180deg);
}

.mx-sidenav-not-collapsed .mx-body__content {
    height: 100vh;
}

.active-page .mx-sidenav__menu-icon {
    margin-left: -4px;
}

/*.edit-status:before {
  content: url(../img/edit.svg);
  position: absolute;
  top: 15px;
  left: 85%;
}*/

.mx-sidenav__menu-link:focus-visible {
    outline: none;
    color: #fff;
    background: #3784c745;
    border-left: 4px solid #0093ee;
}

.mx-sidenav__menu-item:focus-visible {
    outline: none;
}

.mx-sidenav__sub-item:last-child .mx-sidenav__sub-link {
    border-radius: 0;
}

.t-bg-primary {
    background: var(--Navy-2);
}

.mx-sidenav__sub--hide{
    list-style-type: none;
    padding-left: 0rem !important;
    background: var(--Navy-3);
}

.fixheader {
    position: fixed;
    z-index: 5;
    background: var(--Navy-1);
    height: 64px;
    width: 100%;
    color: var(--White);
    padding: 2px 16px 2px 24px;
}

.fixheader .no-hover {
    color: var(--White);
    box-shadow: unset;
}

.fixheader .logo {
    height: 48px;
    cursor: pointer;
/*    width: 231px;*/
}

.fixheader .r-replace {
    cursor: pointer
}

 .fixheader.header-system-name .r-replace {
    cursor: pointer;
    max-width: 400px;
    min-width: 240px;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fixheader .row {
	height:100%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding: 4px 0px;
    margin: 0;
}

.fixheader .col {
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

.fixheader .col1 {
    gap: 16px;
    font-size: var(--font-size-5);
}

.fixheader .col2 {
    padding-left: 5px;
}

.fixheader .col3 {
    border: 2px solid var(--White);
    padding: 9px 24px;
    border-radius: 24px;
}

.col3_yellow{
    background: var(--header-bgd-green);
}

.col3_red .col3{
    background: var(--header-button-red);
}

.col3_yellow .col3{
    background: var(--header-button-yellow);
}

.col3_green .col3{
    background: var(--header-button-green);
}

.fixheader .fr {
    justify-content: flex-end;
    white-space: nowrap;
    flex: 0 0 240px;
    max-width: 240px;
}
.fixheader .fr > div{
    margin: 0px 5px 0px 5px
}

.fixheader .fv {
    width: 100%;
}

.fixheader .portal-rows.portal-top .scroll-container {
    width: 100%;
}

.fixheader .portal-rows.portal-top .scroll-container p {
    width: 100%;
}

.fixheader .portal-rows.portal-top a {
    font-size: var(--font-size-middle);	
    width: 100%;
}

.fixheader .col5 a {
    padding: 8px 8px;
}

.fixheader .col6 {
    margin-right: -20px;
}

.fixheader .col6 a {
    padding: 8px 8px;
}

.fixheader .col7 {
    display: flex;
    gap: 4px;
    flex-direction: column;
    align-items: center;
}


.fixheader .data {
    font-size: var(--font-size-4);
}

.fixheader .time {
    font-size: var(--font-size-super-large);
}

.fixheader .msg-cnt {
    margin-left: 14px;
    background: var(--Blue-1);
    position: absolute;
    top: 13px;
    padding: 0px 3px;
}

.fixheader .name {
    font-size: var(--font-size-2);
    max-width: 126px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fixheader .org {
    font-size: var(--font-size-mark);
}

.fixheader .col8 a {
    padding: 5px 0 5px 0;
}
.fixheader .fr .col8{
    margin: 0
}
.fixheader .col8 a::after {
    content: none;
    margin: 0;
    border: 0;

}
.fixheader .org-max-width {
    max-width: 126px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-menu.login-user {
    background: var(--Navy-1);
    padding: 0;
}

.dropdown-menu.login-user a {
    color: var(--White);
    font-size: var(--font-size-middle) !important;
    padding: 10px 27px;
}

.dropdown-menu.login-user a:hover,
.dropdown-menu.login-user a:focus {
    background-color: var(--Blue-3);
}

.title-img {
    height: 64px;
    padding: 10px 0;
    padding-left: 24px;
}

.title-img a {
    height: 42px;
}

.menu a {
    box-shadow: none !important;
    text-decoration: none;
    cursor: pointer;
}

.map-c-list {
    width: 45% !important;
    min-width: 560px;
}

.map-c-list .c-list-table {
    height: 375px;
    overflow-y: auto;
    margin-top: 8px;
}

.map-c-list .c-main {
    min-width: 0 !important;
}

.visible-hidden {
    display: none !important;
}

.map-c-list select:nth-child(3) {
    display: none !important;
}

.map-c-list table th:nth-child(6),
.map-c-list table th:nth-child(7),
.map-c-list table th:nth-child(8),
.map-c-list table th:nth-child(9),
.map-c-list table th:nth-child(10),
.map-c-list table th:nth-child(11),
.map-c-list table th:nth-child(12),
.map-c-list table th:nth-child(13) {
    display: none !important;
}

.map-c-list table td:nth-child(6),
.map-c-list table td:nth-child(7),
.map-c-list table td:nth-child(8),
.map-c-list table td:nth-child(9),
.map-c-list table td:nth-child(10),
.map-c-list table td:nth-child(11),
.map-c-list table td:nth-child(12),
.map-c-list table td:nth-child(13) {
    display: none !important;
}

.map-c-list .e-btn-top-white {
    display: none !important;
}

/*--地図表示用--start*/
.c-map {
    width: 65%;
    display: none;
}

.c-map-show {
    display: block;
    background: #e5e5e5;
    padding: 8px 12px 12px 12px;
    height: 650px;
    width: 55%;
    margin-right: 15px;
}

.c-map img {
    max-width: 100%;
    height: 595px;
}

.map-and-table {
    width: 100%;
    display: flex;
    margin-top: 8px;
}

.map-title {
    font-weight: 700;
    display: flex;
    margin-bottom: 10px;
    margin-top: 5px;
    line-height: 27px;
    justify-content: space-between;
}

.map-contet {
    border-top: 3px solid green;
}

/*--地図表示用--start*/



@media screen and (min-width: 1010px) {
    .main-active .simplebar-track.horizontal {
        visibility: hidden !important;
    }

    .main-active .horizontal.simplebar-track .simplebar-scrollbar {
        visibility: hidden !important;
    }

    @media screen and (min-width: 1272px) {

        .horizontal.simplebar-track .simplebar-scrollbar {
            visibility: hidden !important;
        }

    }
}

/*
.page-select {
    font-size: 10px;
    display: inline-flex;
    height: 5px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    border-radius: 16px;
    border: 1px solid var(--Gray-6);
    background: var(--White);
    color: var(--Gray-7);
    text-align: center;
    font-feature-settings: 'pwid' on;
    font-weight: var(--font-weight-normal);
    line-height: 150%;
    font-size: 10px;
    height: 15px;
    letter-spacing: 0.56px;
}*/

/*--dropdown --start*/
.dropdown-toggle::before {
    content: none !important;
}

.dropdown-menu {
    min-width: 1rem !important;
}

.dropdown-item {
    font-size: 10px;
    padding-left: 10px;
}

/*--dropdown --end*/





/*.page.dis-p11 .p11{
    display: none;
}*/

/*--modal --start*/
.modal.show .modal-dialog {
    transform: none;
    position: relative;
}

.modal-title {
    color: var(--Black);
    font-size: var(--font-size-4) !important;
}

.modal-file-title {
    color: var(--Black);
    font-size: var(--font-size-large) !important;
}

.modal-header {
    border-bottom: none;
    padding-bottom: 0px;
}

.modal-footer {
    border-top: none;
    justify-content: center;
    gap: 15px;
    padding: 40px 0 20px 0;
}

.m-20-footer{
    padding: 20px 0 20px 0;
}

.m-0-footer{
    padding: 0px 0 20px 0;
}

.mb-0-footer{
    padding-bottom: 0px;
}

.modal-footer-btn-m button {
    width: 70px;
}

.modal-item {
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: nowrap;
    justify-items: center;
    gap: 10px;
    font-size: var(--font-size-middle) !important;
}

.modal-item-direction {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.modal-item-direction .modal-item-title{
    font-weight: var(--font-weight-bold);
}

.osirase .modal-item {
    padding-top: 5px;
    padding-bottom: 5px;
}

.osirasa-title {
    font-weight: var(--font-weight-bold);
}

.osirase_naiyo {
    padding-top: 10px;
    padding-bottom: 10px;
}

.none-line {
    border-bottom: none !important;
    padding-bottom: 0px;
}

.protal-card-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: start;
    width: 100%;
    padding: 15px 10px;
    border: 1px solid var(--Gray-6);
    border-radius: 8px;
    gap: 3px;
}

.protal-card-list .file-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    text-align: center;
    margin-top: 10px;
}

.protal-card {
    width: 200px;
}

.protal-card .card-img {
    width: 100%;
    height: 115px;
    object-fit: contain;
    border: 1px solid #80808021;
}

.image-viewer__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 2005;
}

.image-viewer__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .5;
    background: #000;
}

.image-viewer__btn {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    opacity: .8;
    cursor: pointer;
    box-sizing: border-box;
    user-select: none;
}

.image-viewer__close {
    top: 40px;
    left: 15px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: #fff;
    background-color: #606266;
}

.image-viewer__canvas {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-viewer__img {
    transform: scale(1) rotate(0deg);
    margin-left: 0px;
    margin-top: 0px;
    max-height: 100%;
    max-width: 100%;
}

.modal-body {
    padding-top: 0px;
    padding-bottom: 0px;
}

.modal-content {
    padding: 20px;
}

.modal-item-title {
    padding: 10px 0;
    min-width: 110px;
}

.modal-item-column {
    display: flex;
    gap: 10px;
    flex-direction: column;
    padding-top: 10px;
    padding-bottom: 10px;
}

.items-content {
    display: flex;
    gap: 20px;
    padding-top: 5px;
    flex-wrap: wrap;
    width: 100%;
}

.items-content-center {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

.items-content div {
    display: inline-block;
}

.items-content label {
    display: inline-block;
    line-height: 25px;
    white-space: nowrap;
}

.modal-file-get {
    width: 800px;
}

.modal-file-table {
    margin-top: 20px;
    height: 418px;
    overflow-y: auto;
}

.modal-file-table table th {
    font-weight: var(--font-weight-bold);
}

.items-content input[type="text"] {
    width: 100%;
}

.modal-selected-table {
    margin-top: 12px;
    max-height: 418px;
    overflow-y: auto;
}

/*--modal --end*/




/*--タブページ --start*/
.nav-tabs {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 0;
    gap: 8px;
}

.nav-tabs .nav-item {
    height: 34px;
    background-color: var(--Gray-4);
    color: var(--Gray-7);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
    letter-spacing: 0.56px;
    border-radius: 5px 5px 0px 0px;
}

.nav-tabs .nav-link {
    color: var(--Gray-7);
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    border: var(--White) solid transparent;
    border-top-left-radius: var(--White);
    border-top-right-radius: var(--White);
    width: 100%;
    height: 100%;
    border-radius: 5px 5px 0px 0px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--Blue-2);
    background-color: var(--White);
    border-color: var(--White);
    width: 100%;
    height: 100%;


}

.tab-content {
    width: 100%;
    height: 421px;
    overflow-y: auto;
    background: var(--White);
}

.tab-content>.tab-pane {
    display: none;
    width: 100%;
    height: 100%;
    background-color: var(--White);
    padding: 24px 16px;
}

.tab-content>.active {
    display: block;
    background-color: var(--White);

}

/*--タブページ --end*/


/*--accordion--start*/
.accordion-button span {
    color: var(--Black);
    font-weight: var(--font-weight-bold);
    margin-left: 10px;
}

.accordion-button::after {
    position: relative;
    bottom: 1px;
    left: 10px;
    margin-left: 0px;
}

.accordion-body {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0px 5px 12px 5px;
    margin: 0;
    border-radius: 4px;
}

.accordion-body>div {
    display: flex;
    justify-content: center;
    background: var(--White);
    width: 100%;
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--Gray-6); 
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--Gray-6);
}

.accordion-button:not(.collapsed) {
    background-color: var(--White);
    color: var(--Black);
    box-shadow: none;
}
/*--accordion--end*/

/*.navbar-expand-lg .navbar-nav {
    flex-direction: column;
}*/

/*.upload{
    padding-left: 35px;
    background: url("../img/bi_create_Gray_7.svg") no-repeat center center;
    background-position-x: 12px;
    background-color: var(--White);
}*/

/*.upload:hover{
    color: var(--Black);
    border: 1px solid var(--Black);
    background-color: var(--White);
}*/
/*--tree--start*/
.tree-icon {
  width: 12px;
  min-width: 12px;
  height: 13px;
  display: inline-block;
  border-bottom: 3px solid;
  border-left: 3px solid;
  margin-right: 5px;
}
/*--tree--end*/

/*--contentmenu--start*/
.content-menu {
    border: none;
    box-shadow: 0 5px 15px rgba(33, 47, 82, 0.2);
    list-style: none;
    background-color: var(--White);
    display: none;
    padding: 5px;
    border-radius: 5px;
}
.item-content-menu {
    display: block;
    width: 100%;
    color: var(--Black);
    padding: 5px;
}
/*--contentmenu--end*/
.mul div:first-child{
    border-bottom: 1px solid var(--Gray-6);
    padding-bottom: 10px;
}

.mul div:last-child{
    padding-top: 10px;
}

.mul div{
    padding: 3px;
}

.select-all-items{
    margin-top: 30px;
    width: 50%;
}

.select-all-items label{
    font-size: var(--font-size-middle);
    font-weight: var(--font-weight-bold);
}

.overflow-items{
    overflow-y: auto;
    height: 435px;
}

.select-all-search{
    padding: 25px;
    background: var(--Gray-1);
    width: 50%;
    overflow-y: auto;
    height: 435px;
}

.search-item{
    padding: 25px;
    border: 2px solid var(--Gray-4);
}

.search-title{
    margin-bottom: 5px;
    font-weight: var(--font-weight-bold);
}

.search-content{
    margin-bottom: 25px;
}

.jus-center{
    justify-content: center;
}

.jus-center-start {
    justify-content: start;
}

.align-items-top {
    align-items: start; 
}

.jus-space-between {
    justify-content: space-between;
    display: flex;
}

.tab-button-list{
    height: 40px;
    position: absolute;
    top: 445px;
    width: 100%;
    right: 5px;
}

.gap-5{
    gap: 5px !important;
}

.gap-8{
    gap: 8px !important;
}

.gap-20{
    gap: 20px !important;  
}

.tab-r1 div{
    margin-bottom: 5px !important;
}

.tab-r1 textarea{
    width: 100%;
    height: 50px;
}

.tab-r1 select{
    width: 200px;
}

.have-list{
    background-image: url(../img/bi_chevron_right.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: 214px;
}

.have-list:hover {
    color: #fff;
    background: var(--Blue-3);
    background-image: url(../img/bi_chevron_right.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: 214px;
}

.hide-temp{
    display: none !important;
}

.hide-init{
    display: none;
}

.display-none{
    display: none;
}

.none-button .dt-buttons{
  width: 25px !important;
}
.none-button .dt-button-collection [role="menu"]{
  right: 115px !important;
}

.sts-e-btn-left-grey {
    background: url("../img/bi_prepage_grey.svg") no-repeat center center;
}
.sts-e-btn-right-grey {
    background: url("../img/bi_nextpage_grey.svg") no-repeat center center;
}
.sts-e-btn-left-grey,
.sts-e-btn-right-grey {
    width: 7px;
    height: 28px;
    padding: 0;
    border-radius: 50%;
}

.success-message{
    padding: 0 23px;
    margin-bottom: 10px;
}

.success-message2{
    padding: 0 23px;
    margin-bottom: 10px;
}

.success-message-text{
    width: 100%;
    margin-bottom: 10px;
    font-weight: var(--font-weight-bold);
}

.chronology-tab-left{
    position: relative;
    height: 755px !important;
    border-radius: 4px;
}

.chronology-tab-left .container{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.hover-right-button{
    padding: 8px 16px;
    opacity: 0.7;
    background: var(--Gray3, #EEE);
    margin-right: 10px;
}

.chronology-tab-content{
    background: var(--White);
}

.icon-higai-umu-tatemono {
    background-image: url(../img/icon_higai_umu_tatemono.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20x;
    background-position-x: 0px;
    padding-top: 10px;
    padding-left: 21px;
}

.icon-higai-umu-denki {
    background-image: url(../img/icon_higai_umu_denki.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20x;
    background-position-x: 0px;
    padding-top: 10px;
    padding-left: 21px;
}

.icon-higai-umu-gas {
    background-image: url(../img/icon_higai_umu_gas.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20x;
    background-position-x: 0px;
    padding-top: 10px;
    padding-left: 21px;
}

.icon-higai-umu-suidou {
    background-image: url(../img/icon_higai_umu_suidou.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20x;
    background-position-x: 0px;
    padding-top: 10px;
    padding-left: 21px;
}

.icon-higai-umu-gesuidou {
    background-image: url(../img/icon_higai_umu_gesuidou.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20x;
    background-position-x: 0px;
    padding-top: 10px;
    padding-left: 21px;
}

.icon-higai-umu-toilet {
    background-image: url(../img/icon_higai_umu_toilet.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20x;
    background-position-x: 0px;
    padding-top: 10px;
    padding-left: 21px;
}

.icon-higai-umu-chouri {
    background-image: url(../img/icon_higai_umu_chouri.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20x;
    background-position-x: 0px;
    padding-top: 10px;
    padding-left: 21px;
}

.icon-higai-umu-takidashi {
    background-image: url(../img/icon_higai_umu_takidashi.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20x;
    background-position-x: 0px;
    padding-top: 10px;
    padding-left: 21px;
}
.icon-upload-file-img {
    background-image: url(../img/upload_file_img.svg);
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 16px;
    padding-left: 16px;
}

.modal-loading-width{
    width: auto !important;
    left: 25%;
}
/*--fixedHeader start--*/
.fixedHeader-floating {
    background: var(--White);
    border-collapse: collapse;
    border-spacing: 0;
}

.fixedHeader-floating th {
    padding: 8px;
    font-size: var(--font-size-small);
    text-align: center;
    font-weight: var(--font-weight-normal);
    border-left: 1px solid var(--Gray-6) !important;
    border-right: 1px solid var(--Gray-6) !important;
    background-color: var(--Gray-3);
    line-height: 150%;
    white-space: normal;
}

.fixedHeader-floating th.tleft{
    text-align: left;
}

.fixedHeader-floating th.small_th{
    padding-left: 4px;
    padding-right: 0;
}

.fixedHeader-floating th {
    border-top: 1px solid var(--Gray-6) !important;
}

.fixedHeader-floating th:first-child {
    border-top-left-radius: 5px;
    width: auto !important;
}

.fixedHeader-floating th:last-child {
    border-top-right-radius: 5px;
}
/*--fixedHeader end--*/
/*--childRow start--*/
td.child-row{
    border-top: 2px solid var(--Gray-3);
    border-bottom: 2px solid var(--Gray-3);
    padding: 20px !important;
    padding-top: 0px !important;
}

td.child-row div{
    background-color: var(--Gray-1);
    border: 2px solid var(--Gray-3);
    border-radius: 5px;
    margin-top: -8px;
    padding: 20px;
}

td.child-row::before{
    content: '';
    position: relative;
    background-image: url(../img/bi_child_row.svg);
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    background-size: 15px 15px;
    background-position-y: -1px;
    width: 20px;
    height: 20px;
    margin-left: 97%;
}

.child-link{
    cursor: pointer;
    text-decoration: none;
    box-shadow: none !important;
}

.child-link::after{
    content: '';
    position: relative;
    background-image: url(../img/bi_sort_blue.svg);
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    top: 4px;
}

.child-link.active::after{
    transform: rotate(180deg);
}

.child-table table{
    border: 0px solid var(--Gray-6) !important;
}

.child-table table th {
    padding: 12px;
    padding-top: 25px;
    font-size: var(--font-size-small);
    text-align: left;
    font-weight: var(--font-weight-normal);
    border-left: unset !important;
    border-bottom: 1px solid var(--Gray-6);
    background-color: unset;
    line-height: 150%;
}

.child-table table td {
    text-align: left;
    padding: 12px;
    line-height: 21px;
    border-left: unset !important;
    border-bottom: 1px dashed var(--Gray-6);
}
/*--childRow end--*/
.dataTables_empty{
    text-align: left !important;
}
.shelterIntelligence{
    width: 100%;
    padding: 18px;
    background: var(--White);
    border-radius: 8px;
    border-radius: 8px;
    display: none;
}

.shelterIntelligence-content{
    width: 100%;
    display: flex;
}

.shelterIntelligence-Info{
    width: 315px;
    background: var(--White);
    margin-left: 25px;
    padding: 20px;
}

.shelterIntelligence-insert-button{
    display: flex;
    justify-content: end;
    gap: 5px;
    height: 28px;
}

.dropdown-button{
    display: inline-block;
    position: relative;
}

.dropdown-toggle-select::after{
    display: none;
}

.dropdown-menu{
    padding-left: 0px;
    min-width: 130px !important;
    max-height: 260px !important;
}
.dropdown-menu.inner {
    max-height: 224px !important;
}
.dropdown-menu.inner .no-results{
    font-size: 13px;
    background-color: white;
    padding: 5px 0;
}
input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

.e-btn-no-border{
    border: none !important;
    background-position-x: 0px;
    padding-left: 0px !important;
    width: 20px;
}

.e-btn-bookmark-x{
    background: url(../img/bi_del_Gray_6.svg) no-repeat center center;
    background-color: var(--White);
    background-size: 25px 23px;
}

.map-c-list .triggerhide{
    display: none;
}

.shelterInput-c-main .accordion-item{
    min-width: 1400px;
}

.shelterIntelligence-button-list{
    margin-top: 10px;
    margin-bottom: 10px;
}

/*scroll設定のtable*/
.c-list-table .dataTables_scroll table{
    border-radius: 0px !important;
    min-width: 800px;
}

.c-list-table.small .dataTables_scroll table{
    border-radius: 0px !important;
    min-width: 500px;
}

.c-list-table .dataTables_scrollHead table{
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border-bottom: 0px !important;
}

.dataTables_scrollBody{
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.dataTables_scrollBody_noScroll::-webkit-scrollbar {
    width: 0px;
}

.c-list-table .dataTables_scrollBody table{
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    margin-bottom: 1px;
}

.dialog-overflow-middle{
    overflow-y: auto;
    max-height:380px;
}

.according-textarea{
    margin-top: 10px;
    width: 100%;
    background-color: #fff7e2;
    width: 100%;
}

.fold-text{
    margin-left: 15px;
    margin-top:15px;
}

.pointer-events-none{
    pointer-events: none;
}

/*DoNotUseflg ico*/
.circle-icon {
    background: url(../img/bi_circle.svg) no-repeat center;
    background-size: 20px 20px;
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.wrong-icon {
    background: url(../img/bi_wrong.svg) no-repeat center;
    background-size: 20px 20px;
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.button-list [role="menu"] {
    left: 290px;
}
.button-list-no-authedit-shelterlist [role="menu"] {
    left: 18px;
}
.button-list-no-authpublish-shelterlist [role="menu"] {
    left: 150px;
}

.dataTables_scrollHeadInner table{
    table-layout: fixed;
}

.dataTables_scrollHeadInner {
    width: 100% !important;
}
 
.dataTables_scrollHeadInner > table {
    width: 100% !important;
}

.dropDownText-fontSize {
    font-size: 14px;
    font-weight: 400;
}

.emptyListMessageList {
    width: 100%;
    display: flex;
}

.emptyListMessageList + ul{
    padding-left: 0px;
}

.emptyListMessageList .c-message li:before {
    content: "";
    position: relative;
    display: blcok;
    height: 17px;
    left: 0px;
    width: 22px;
    background-image: url(../img/bi_error.svg);
    background-size: 25px;
    background-size: 25px 25px;
}

.graphTextTile-flex {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
}

.maxsizeMessage1 {
    width: auto;
    min-width: auto;
}

.graphTextMessage {
    width: auto;
    min-width: auto;
    padding-bottom: 4px;
}

.graphTextMessage li {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.shelterDetailMessage {
    width: auto;
    min-width: auto;
}

.shelterDetailMessage li {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.emptyListMessage li {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    display: flex;
    align-items: center;
}

.emptyListMessage ul {
    margin-bottom: 0px !important;
}

.emptyListMessage .c-message {
    padding: 0px 0px !important;
    margin-bottom: 0px !important;
    padding-left: 5px !important;
}

.t-r2-c3.graph-3.no-info ul{
    padding-left: 0px !important;
}

.fixedHeader-locked {
    display: none;
}

.dropdown.disabled{
    pointer-events: none !important;
}

.tooltip-inner {
    word-wrap: break-word;
    white-space: pre-line;
}
.notice {
    height: 30px;
    width: 30px;
    background-image: url(../img/bi_heading.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    cursor: pointer;
}
.bi-chat {
    height: 30px;
    width: 35px;
    background-image: url(../img/bi_chat.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px 35px;
    cursor: pointer;
    margin-top: 3px !important;
}
.bi-chat .chat-span-num{
    position: absolute;
    display: flex;
    height: 18px;
    width: 18px;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 3px;
    background: red;
    border-radius: 100%;
    font-size: 9px;
    margin-left: 23px;
    margin-top: -9px;
    color: var(--White);
    border: 1px solid var(--White);
}
.notice-list.none {
    display: none !important;
}

.notice .notice-span-num {
    position: absolute;
    display: flex;
    height: 18px;
    width: 18px;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 3px;
    background: var(--Blue-3);
    border-radius: 100%;
    font-size: 9px;
    margin-left: 19px;
    margin-top: -8px;
    color: var(--White);
    border: 1px solid var(--White);
}

.notice .notice-span-num.notice-display-none {
    display: none;
}

.notice .notice-span-num2 {
    height: 20px;
    width: 21px;
    padding-left: 5px;
}

.notice-list {
    position: absolute;
    width: 400px;
    top: 64px;
    right: 0px;
    background: var(--White);
    border-left: 1px solid var(--Gray-6);
}
@-moz-document url-prefix(){
    .notice-list {
        position: absolute;
        width: 400px;
        top: 64px;
        right: 8px;
        background: var(--White);
        border-left: 1px solid var(--Gray-6);
    }
}

.notice-list-title {
	height: 45px;
    background: var(--Gray-1);
    box-shadow: 0px 3px 7px -2px rgba(0, 0, 0, 0.2);
    display: flex;
}

.notice-title{
	width: 100%;
    color: var(--Black);
    display: flex;
    align-items: center;
}

.notice-icon {
	width: 60px;
	height: 45px;
	background-image: url(../img/bi_heading_black.svg);
	background-repeat: no-repeat;
    background-position: center center;
    background-size: 25px 25px;
}
.notice-list-content {
    padding: 10px;
    overflow-y: auto;
    height: calc(100vh - 108px)
}

.notice-list-card {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 8px;
    padding: 10px 5px;
    align-items: flex-start;
    justify-content: center;
    color: var(--Black);
    border-bottom: 1px solid var(--Gray-6);
}

.notice-list-card.read {
    background: var(--Gray-ddd);
}

.notice-list-card.no-read {
    background: var(--Gray-3);
    font-weight: var(--font-weight-bold);
}

.notice-list-card .notice-text {
    width: 100%;
    white-space: break-spaces;
}

.notice-time {
    font-size: var(--font-size-small);
}

.portal-rows .fsz-5 {
    font-size: var(--font-size-middle);
}

.portal-rows{
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    width: 100%;
}

.top-menu-message{
    display: flex;
    width: 100%;
    border: 2px solid var(--Alert);
    border-radius: 7px;
}

.portal-top .goto{
    color: var(--Alert);
    background-image: url(../img/right-triangle-within-circle-pink.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 16px 16px;
    padding-left: 18px;
    font-size: var(--font-size-small);
}

.portal-top .goto-blue {
    color: var(--Blue-2) !important;
    background-image: url(../img/right-triangle-within-circle-blue2.svg) !important;
    font-size: var(--font-size-small);
}

.top-menu-message>div:nth-child(1){
    background: var(--Alert-light);
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    padding: 7px;
    font-weight: var(--font-weight-bold);
    color: var(--Alert);
    gap: 4px;
    display: flex;
    width: 80px;
    align-items: center;
    flex-wrap: wrap;
    border-right: 2px solid var(--Alert);
}

.top-menu-message>div:nth-child(2){
    padding: 7px;
    flex: 9;
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    background: var(--Gray-1);
}

.top-menu-message-content {
    display: flex;
    gap: 15px;
    align-items: center;
    color: var(--Black);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 200px;
    height: 100%;
    padding-left: 3px;
}

.top-menu-message-content p {
  display: inline-block;
  margin-top: unset; 
  margin-bottom: unset;
  margin-top: unset;
}


.top-menu-title{
    display: flex;
    align-items: center;
    gap: 15px;
}

.top-menu-text{
    color: var(--Alert);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--font-size-2);
}

.top-menu-text a{
    color: var(--Alert);
}

.top-mark1 {
    display: inline-flex;
    border-radius: 4px;
    border: 1px solid var(--Black);
    font-size: var(--font-size-small);
    padding: 3px 8px;
    width: fit-content;
    align-items: center;
    background: var(--White);
}

.top-menu-border-blue{
    border: 2px solid var(--Blue-2) !important;
}

.top-menu-border-blue .top-menu-text {
    color: var(--Blue-2) !important;
}

.top-menu-border-blue{
    border: 2px solid var(--Blue-2) !important;
}

.top-menu-border-blue .right-blue{
    color: var(--Blue-2) !important;
    border-right: 2px solid var(--Blue-2) !important;
    background: var(--blue-1-light) !important;
}

.top-menu-border-blue .top-menu-text {
    color: var(--Blue-2) !important;
}

.portal-rows .link-a a{
    color: var(--Blue-2) !important;
}

.portal-rows .link-a a:hover {
    text-decoration: underline;
}
/* リリース2 common start*/
.jma-head-form .c-form-ex3 {
    display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 10px;
}

.jma-head-form h3 {
    font-size: var(--font-size-4);
    display: flex;
    justify-content: center;
}

.jma-head-form .c-ex3-time {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.jma-head-form .c-ex3-text {
    line-height: 150%;
}

.c-ex3-pd.c-ex3-text {
    padding: 20px !important;
    line-height: 150%;
}

.c-width100-table {
    width: 100%;
}

.c-width100-table table {
    width: 100%;
}

.notitle-table{
    border: 1px solid var(--Gray-6);
    border-left: 0;
    border-radius: 4px;
}

.notitle-table td{
    padding: 10px 20px;
    line-height: 21px;
    word-break: break-all;
    border-left: 1px solid var(--Gray-6);
    border-top: 1px solid var(--Gray-6);
    height: 35px;
    font-size: var(--font-size-middle);
}

.notitle-table td:last-child{
    border-right: 0;
}

.notitle-table tr:first-child>td{
    border-top:0;
}

.notitle-table tr:first-child>td:first-child {
    border-top-left-radius: 4px;
}

.notitle-table tr:first-child>td:last-child {
    border-top-right-radius: 4px;
}

.notitle-table tr:last-child>td:last-child {
    border-bottom-right-radius: 4px;
}

.notitle-table tr:last-child>td:first-child {
    border-bottom-left-radius: 4px;
}

.notitle-table tr.bg1 td  {
    background-color: var(--White);
}

.notitle-table tr.bg2 td {
    background-color: var(--Gray-1);
}

.notitle-table .tile {
    color: var(--Blue-7);
    font-weight: var(--font-weight-bold);
}

.c-form-body.no-padding {
    padding: 0px 0px;
}

.no-padding .c-list-table {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.no-padding .c-list-table table {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    border: none;
}

.no-padding .c-list-table table td:first-child{
    text-align: left;
}

.no-padding .c-list-table tr:last-child>td:nth-child(1){
    border-bottom-left-radius: 8px;
}

.no-padding .c-list-table td:last-child{
    border-bottom-right-radius: 8px;
}

.no-padding .notitle-table {
    border-radius: 4px;
    border: none;
}

.no-padding .notitle-table td {
    border-left: 0;
    border-right: 1px solid var(--Gray-6);
}

.no-padding .notitle-table td:last-child {
    border-right: 0;
}

.no-padding .notitle-table tr:first-child>td:first-child {
    border-top-left-radius: 0px;
}

.no-padding .notitle-table tr:first-child>td:last-child {
    border-top-right-radius: 0px;
}

.no-padding .notitle-table tr:last-child>td:last-child {
    border-bottom-right-radius: 8px;
}

.no-padding .notitle-table tr:last-child>td:first-child {
    border-bottom-left-radius: 8px;
}

.no-padding .c-list-table tr:first-child th:first-child {
    border-top-left-radius: 0px;
}

.no-padding .c-list-table tr:first-child th:last-child {
    border-top-right-radius: 0px;
}

.no-padding .c-list-table table td {
    padding-left: 20px;
}

.td-left-border {
    border-left: 1px solid var(--Gray-6) !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.td-bottom-border {
    border-bottom: 1px solid var(--Gray-6) !important;
}

.td-btr-zero {
    border-top-right-radius: 0px !important;
}

.weather-yellow-text {
    padding: 7px;
    border-radius: 4px;
    background: var(--Level-2);
}

.weather-red-text {
    padding: 7px;
    border-radius: 4px;
    background: var(--Level-3);
    color: var(--White);
}

.weather-orange-text {
    padding: 7px;
    border-radius: 4px;
    background: var(--header-button-yellow);
    color: var(--White);
}

.weather-purple-text {
    padding: 7px;
    border-radius: 4px;
    background: var(--Level-4);
    color: var(--White);
}

.weather-small-text {
    font-size: var(--font-size-small);
}


.td-red {
    background-color: var(--Level-3) !important;
    color: var(--White);
}

.td-yellow {
    background-color: var(--Level-2) !important;
}

.td-orange {
    background-color: var(--header-button-yellow) !important;
}

.td-black {
    background-color: var(--Level-5) !important;
    color: var(--White);
}

.between-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.between-text-gap {
    gap: 5px;
}

.table-bottom {
    border-bottom: 1px solid var(--Gray-6) !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ut-10 {
    margin-top: 10px;
}

.c-list-table.c2 td {
    padding-left: 20px;
}

.ju-s {
    justify-content: start;
}

.header-between {
    display: flex;
    justify-self: start;
}
.input-chk-group {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 8px 20px;
    padding: 5px;
}

.input-chk-group>div {
    display: flex;
    gap: 8px;
    align-items: center;
}

.input-chk-group.toolTips>div:last-child {
    margin-left: -20px;
}

.container {
    --bs-gutter-x: 0;
    max-width: 100%;
    margin-left: unset;
    margin-right: unset;
}

.helper-title {
    display: flex;
    justify-self: start;
    align-items: center;
    gap: 10px;
}

.form-input-r2 .container .col {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 16px;
    letter-spacing: 0.56px;
}

.form-input-r2 .row>.col>label {
    font-weight: 700;
}

.form-input-r2 .row>.col-w-none {
    flex: 0 0 0%;
}

.form-input-r2 .direction-row {
    flex-direction: row !important;
}

.form-input-r2 .row>.col-w-1 {
    flex: 1 0 0%;
}

.form-input-r2 .row>.col-w-2 {
    flex: 2 0 0%;
}

.form-input-r2 .row>.col-w-3 {
    flex: 3 0 0%;
}

.form-input-r2 .row>.col-w-4 {
    flex: 4 0 0%;
}

.form-input-r2 .row>.col-w-10 {
    flex: 10 0 0%;
}

.form-input-r2 .col-pb-zero {
    padding-bottom: 0px !important;
}

.form-input-r2 .nowrap {
    flex-wrap: nowrap;
}

.form-input-r2 .direction-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}

.r2-input-flex {
    display: flex;
}

.direction-list {
    display: flex;
    gap: 10px;
}

.direction-ac-row {
    flex-direction: row !important;
    align-items: center;
}

.direction-list>div{
    display: flex;
    gap: 12px;
    flex-direction: column;
}

.no-text {
    display: inline-block;
    width: 15px;
}

.dis-flex-gap-10 {
    display: flex;
    gap: 10px;
    align-items: center;
}

.bottoml-radius-zero {
    border-bottom-left-radius: 0px !important;
}

.bottomr-radius-zero {
    border-bottom-right-radius: 0px !important;
}

.form-input-r2 .justify-content {
    justify-content: end;
    display: flex;
}

.flex-gap-24 {
    display: flex;
    gap: 24px;
    align-items: center;
}

.send-wait {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

@keyframes BackRotate {
    0%,90% {transform:rotate(180deg);}
    100% {transform:rotate(540deg);}
}

.hourglass {
    animation: BackRotate 2s linear infinite;
}

.editor-no-edit {
    pointer-events: none;
    background: var(--Gray-1) !important;
}

.umb-10 {
    margin-bottom: 10px;
}

.tooltip-button-title label{
    font-weight: var(--font-weight-bold);
}

/** ボタン様式のチェックボックス・ラジオボタン start**/
.e-btn-check {
    position: absolute;
    top:0;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.e-btn-label{
   border-radius: 4px;
   color: var(--Black);
   border: 1px solid var(--Gray-6);
   background: var(--Gray-1);
   font-weight: var(--font-weight-bold);
   width: 84px;
   padding: 11px 0;
   text-align: center;
   
}

.e-btn-check:checked+.e-btn-label{
    color: var(--Blue-2);
    border: 1px solid var(--Blue-2);
    background: var(--blue-1-light);
    
}

.e-btn-check:disabled+.e-btn-label{
    color: var(--White);
    border: 1px solid var(--Gray-6);
    background: var(--Gray-4);
    
}
/** ボタン様式のチェックボックス・ラジオボタン end **/
/** 一覧画面 テキストボックス width設定 start**/
.detail-input-width{
    width: 200px !important;
}
/** 一覧画面 テキストボックス width設定 end**/

input::placeholder {
  color: #bbb;
}
.warning-message::before {
    content: "";
    position: relative;
    display: inline-block;
    height: 24px;
    width: 31px;
    background-image: url(../img/chat.svg);
    background-size: 25px;
    background-size: 30px 25px;
    background-repeat: no-repeat;
    top: 3px;
}
.warning-message{
    width: 100%;
    margin-bottom: 10px;
    color: var(--Alert);
    font-weight: var(--font-weight-bold);
    margin-top: 5px;
}
/* リリース2 common end*/
.top-menu-message .message-container{
    width: calc(100% - 80px);
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}
.top-menu-message .title-container{
    background: var(--Alert-light);
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.word-break-all{
    word-break: break-all;
}

#info_container,
#notice_container{
    min-width: 150px;
    width: 150px;
}

.resizeable-textarea{
    resize: vertical;
}

.rowCol1Item2-container .disaster-container{
    white-space: normal;
    max-width: 600px;
    min-width: 100px;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
}

.rowCol1Item2-container-mw .disaster-container{
    max-width: 900px;
    min-width: 100px;
    white-space: normal;
    display: block;
    word-wrap: break-word;
    line-height: 1;
}

@media screen and (max-width: 1600px) {
    .rowCol1Item2-container .disaster-container{
        max-width: 350px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #info_container,
    #notice_container{
        min-width: 130px;
        width: 130px;
    }

    .rowCol1Item2-container-mw .disaster-container{
        max-width: 650px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media screen and (max-width: 1350px) {
    .rowCol1Item2-container .disaster-container{
        max-width: 200px;
    }

    #info_container,
    #notice_container{
        min-width: 100px;
        width: 100px;
    }

    .rowCol1Item2-container-mw .disaster-container{
        max-width: 350px;
    }
}

@media screen and (max-width: 1150px) {
    .rowCol1Item2-container .disaster-container{
        max-width: 50px;
    }

    #info_container,
    #notice_container{
        min-width: 100px;
        width: 100px;
    }

    .rowCol1Item2-container-mw .disaster-container{
        max-width: 250px;
    }
}

.file-modal-loading {
  position: relative;
  display: inline-block;
}

.file-modal-loading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--Gray-3);
  background-image: url("../img/chat-loading.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px 50px;
  z-index: 10;
  opacity: 0.7;
}