@charset "UTF-8";
.menu-header-flex{
    display: flex;
    gap: 15px;
    align-items: center;
}
/*避難所一覧*/
.shelter-dialog-single-table{
    overflow-x: auto;
}

.fs-small select{
    font-size: var(--font-size-small);
}
.shelter td:nth-child(5) {
    text-align: left;
}

.shelter td:nth-child(10),
.shelter td:nth-child(11),
.shelter td:nth-child(12),
.shelter td:nth-child(13) {
    text-align: right;
}

.shelter th:nth-child(2),
.shelter th:nth-child(5),
.shelter th:nth-child(10),
.shelter th:nth-child(11),
.shelter th:nth-child(13) {
    white-space: nowrap;
}

.shelter-dialog-table td:nth-child(2) {
    text-align: left;
}

.shelterInput-c-main .nav-item{
    width: 40px;
    font-size: var(--font-size-small);
}

.w-85{
    width: 85px;
}


/*ユーザ一覧*/
.user-list td:nth-child(1) {
    width: 190px;
    word-break: break-all;
    text-align: left;
}
.user-list td:nth-child(2) {
    width: 238px;
    word-break: break-all;
    text-align: left;
}
.user-list td:nth-child(3) {
    width: 324px;
    word-break: break-all;
    text-align: left;
}
.user-list td:nth-child(4) {
    width: 183px;
    word-break: break-all;
    text-align: left;
}
.user-list td:nth-child(5) {
    width: 211px;
    word-break: break-all;
    text-align: left;
}

.userTable th{
    white-space: nowrap;
}

.modal-file-table td:nth-child(1){
    text-align: right;
}

.text-p-1{
    margin-top: 25px;
    width: 700px;
    height: 300px;
    background: var(--Gray-4);
    line-height: 24px;
    white-space: pre;
    overflow: auto;
}

.file-padding{
    padding: 0 25px;
}

/*ユーザー管理*/
.chk-line{
    display: flex;
    align-items: flex-end;
}

select.selectpicker.userMstSelect{
    width: 0.5px !important;
}

/*避難者入力*/
#shelterInput .container .col{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 16px;
    letter-spacing: 0.56px;
}

.row-start-flex{
    display: flex;
    justify-content: start;
    gap: 16px;
}

.row-start-flex .col{
    flex: unset;
}

#shelterInput .w1{
    width: 91%;
}

#shelterInput .select-row select{
    width: 100%;
}

#shelterInput .row>.col>label{
    font-weight: 700;
}

#shelterInput  .unit input[type="text"]{
    width: 90%;
}

.shelterInput-c-main .m1{
    min-width: 1400px;
    width: 100%; 
    display: inline-flex;
    justify-content: space-between;
}

.shelterInput-c-main .m1-left-width{
   width: 66%; 
   min-width: 805px;
   position: relative;
}

.shelterInput-c-main .m1-right-width{
   width: 33%; 
}

.shelterInput-c-main .m1 .map-div{
    background-color: var(--White);
    display: flex;
    padding: 0px 0px 12px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex-shrink: 0;
    min-width: 612px;
    border-radius: 4px
}
.shelterInput-c-main .m1 .map-title{
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 8px;
}

.shelterInput-c-main .m1 .map-image{
    width: 100%;
    height:100%;
}

.shelterInput-c-main .m1 .map-image img{
    width: 100%;
    height:100%;
}

.shelterInput-c-main .m2{
   width:100%;
}

.shelterInput-c-main .btn-col{
   justify-content: flex-end;
   align-items: flex-end;
}

.shelterInput-c-main .btn-col>button{
    width: 122px;
}

.shelterInput-c-main .pane-left{
    display: flex;
    gap:12px;
    background: var(--Gray-1);
    padding: 12px;
    flex-direction: column;
    border-radius: 4px;
}

.shelterInput-c-main .pane-left>div{
    display: flex;
    background: var(--White);
    border: 1px solid var(--Gray-6);
    border-radius: 4px;
    padding: 16px;
    gap: 8px;
    flex-direction: column;
}

.shelterInput-c-main .pl-title{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.shelterInput-c-main .pl-title ul{
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    gap: 8px;
}

.shelterInput-c-main .pl-title li{
    display: flex;
    flex-direction: row;
}

.shelterInput-c-main .pl-title li>a{
    
}

.shelterInput-c-main .pl-info{
    line-height: 150%;
}

.shelterInput-c-main .pl-title-left li{
    color: var(--Gray-7);
    font-size: var(--font-size-small);
    align-items: center;
}

.shelterInput-c-main .pl-title-left li:nth-child(7){
    border-right: 1px solid var(--Gray-6);
    padding-right: 8px;
}

.shelterInput-c-main .pane-left .mark1{
    width: 90px;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.shelterInput-c-main .accordion-button {
   padding:  4px 12px 4px 12px;
   font-size: var(--font-size-middle);
}

.shelterInput-c-main .m1-right-width{
    display: block;
    padding-left: 8px;
}

.shelterInput-c-main .m1-right-width  .nav-tabs {
    gap: 0;
}

.shelterInput-c-main .m1-right-width .nav-tabs .nav-item {
    height: 34px;
    background-color: var(--White);
    color: var(--Gray-6);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.56px;
    border-radius: 0;
    border-bottom: 1px solid var(--Gray-6);
}

.shelterInput-c-main .m1-right-width .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: var(--Black);
    background-color: var(--White);
    border-bottom: 2px solid var(--Black);
    width: 100%;
    height: 100%;
}

.shelter-image-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 385px;  
    gap: 14px;
}

.shelter-image-container-item {
    width: 48%;
    height: 52%;
    min-width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.shelter-image-container-item img {
    /* width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%; */
    width: 100%;
    height: 100%;
    object-fit: fill;

}

.shelter-image-container-item .shelter-image-delete-container {
    float: left;
    position: absolute;
    top: 0px;
    right: 0px;
}

.shelter-image-delete-container {
  margin-top: 8px;
}

.shelter-image-edit-container {
    margin-top: 37px;
    float: left;
    position: absolute;
    top: 0px;
    right: 0px;
}

.shelter-image-container-item .shelter-image-detail-container { 
  border-radius: 4px;
  position: relative;
  height: calc(100% - 48px);
  width: 100%;
  overflow: hidden;
}

.shelter-image-container-item .shelter-image-name-container {
      word-break: break-all;
      font-size: 13px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 40px;
      line-height: 16px;
}

.shelter-image-date-container {
  color: var(--Gray-7, #666);
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 18px */
  letter-spacing: 0.48px;
}

.shelter-divider {
    background-color: #dcdfe6;
    position: relative;
}

.shelter-divider--horizontal {
    display: block;
    height: 1px;
    width: 600px;
    margin: 6px 0;
}

.shelter-page-container {
    display: flex;
    justify-content: flex-end;
    width: 600px;
}

.shelter-page-container .shelter-page-prev {
    margin-top: 5px;
    margin-right: 6px;
}

.shelter-page-container .shelter-page-num {
    margin-top: 8px;
    margin-right: 6px;
}

.shelter-page-container .shelter-page-next {
    margin-top: 5px;
    margin-right: 10px;
}

.shelter-page-container .shelter-page-div {
    display: flex;
    gap: 10px;
    margin-right: 16px;
}

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

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

.shelter-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;
}

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

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

.shelter-image-viewer__img {
    transform: scale(1) rotate(0deg);
    margin-left: 0px;
    margin-top: 0px;
    max-height: 100%;
    max-width: 100%;
}
.setai span {
    margin-left: -35px;
    width: 30px;
}
.shelterInput-tab-content-padding{
    padding: 24px 16px;
}
.shelterInput-tab-content-padding textarea{
    width: 100%;
}
.shelterInput-img-add-btn{
    justify-content: center;
    align-items: center;
    display: inline-flex;
    height: 28px;
    color: var(--Gray-7);
    cursor: pointer;
}
.shelterInput-detail-modal{
    padding-left: 8px;
    padding-right: 8px;
    min-width: 746px;
}

.tmpfile{
    display: none;
}
.shelterInput-btn-pic-pop-left:disabled {
    pointer-events: none;
    border: 1px solid var(--Gray-6);
    color: var(--Gray-6);
    background-color: var(--Gray-1);
    opacity: 0.6;
}
.shelterInput-btn-pic-pop-right:disabled {
    pointer-events: none;
    border: 1px solid var(--Gray-6);
    color: var(--Gray-6);
    background-color: var(--Gray-1);
    opacity: 0.6;
}
/*避難者入力---end*/


/*--tree--start*/
.tree-margin-left-second{
    margin-left: 20px;
}

.tree-margin-left-third{
    margin-left: 40px;
}
/*--tree--end*/



/*--組織管理--start*/
.text-align-left {
  text-align: left !important;
}

.org-dialog-width {
  width: 700px;
}

.org-dialog-button-width {
  width: auto !important;
}

.small-button-margin-left {
  margin-left: 10px
}

.click-background-color {
  background-color: var(--content-menu-background);
}
/*--組織管理--end*/



/*発令区域マスタ管理--start*/
.swxzTable td:nth-child(1) {
    text-align: center !important;
}
.c-form-table.pa2 {
    width: 80%;
    min-width:200px;
}

.sts-w1{
    width: 300px !important;
}

.sts-w2{
    width: 150px !important;
}

.sts-swbtn{
    margin-left: 10px;
}
.sts-flex{
    display: flex;
    flex-wrap: wrap;
    gap: 8px 4px;
}

.sts-cz{
    align-items: center;
}

.sts-litte{
    margin: 5px 0 5px 15px;
}

.sts-litte-item{
    margin-right: 5px;
}

.mstv0030  td:nth-child(1),
.mstv0030  th:nth-child(1){
    width: 340px;
}

.mstv0030{
    font-size: var(--font-size-middle);
}
/*発令区域マスタ管理--end*/


.div-button{
    min-width: 75px;
    margin-right: 12px;
    cursor: pointer;
}


.shelter-div-checkbox-width {
    width: 25% !important;
}

.shelter-div-checkbox-width label {
    width: 47% !important;
}

.shelter-div-input-width {
    width: 37.5% !important;
}

.shelter-div-input-width label,
.shelter-div-input-width input {
    width: 33% !important;
}

.display-flex{
    display: flex;
}

.display-flex div{
    word-break: break-all;
}

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


/*災害名選択ダイアログ disasterSelectModal --start*/
.disasterSelectModal .container .col{
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: center;
    align-items: center;
}
.disasterSelectModal .container{
     padding: 20px 0 12px 0px;
}

.disasterSelectModal .dataTables_wrapper .font-bar{
    padding: 8px 0 8px 0px;
}

/*災害名選択ダイアログ disasterSelectModal --end*/

/*権限割り当て--start*/
.sts-tb-border {
    border: 1px solid var(--Gray-6);
    height: 300px;
    width: 500px;
    margin: 20px 0;
}
.sts-user-list {
    height: 300px;
    width: 230px;
    overflow-y: auto;
    margin-top: 10px;
}
.sts-sp-center {
    text-align: center;
}
.sts-ub {
    margin: 0 20px;
}
.sts-ub-btn {
    margin: 10px 0;
    text-align: center;
}
/*権限割り当て--end*/


/* uploadFile start */
.uploadFile-td-left td:nth-child(1){
    text-align: right !important;
}

.uploadFile-td-left td:nth-child(2){
    width: 90%;
    text-align: left !important;
}
/* uploadFile end */


/*災害名選択画面  --start*/
.disasterSelectTbl2{
    cursor: default;
}
.disasterSelectTbl2-list .container-fluid .col{
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}
.disasterSelectTbl2-list .container-fluid{
     padding: 8px 0;
}

.disasterSelectTbl2-list .container-fluid .col1{
    justify-content: flex-start;
}

.disasterSelectTbl2-list  .container-fluid .col2{
    justify-content: center;
}

.disasterSelectTbl2-list .container-fluid .col3{
    justify-content: flex-end;
}

.disasterSelectTbl2-list .condtion {
    padding-bottom: 0; 
    border-bottom: 0;
    
}
.disasterSelectTbl2-list .tbl-info {
    padding-bottom: 15px;
}

.disasterSelectTbl2-list-adp{
    padding:10px;
}

.disasterSelectTbl2-list-adp-ul{
    margin: 0;
    font-size: var(--font-size-middle);
    overflow-y: auto;
    width: 203px;
    border-radius: 4px;
    padding: 10px;
}

.disasterSelectTbl2-list-adp-ul li{
    padding:3px 0px 3px 0px;
}

.disasterSelectTbl2-list-adp-ul li.adp-li-top-border{
    border-top: 2px solid var(--Gray-6);
    padding-top: 16px;
}
.e-btn-year {
    width: 90px;
}
.e-btn-left-grey {
    background: url("../img/bi_prepage_grey.svg") no-repeat left center;
    padding-left: 35px;
    background-size: 20px 20px;
    background-position-x: 12px;
    background-color: var(--White);
}
.e-btn-right-grey {
    background: url("../img/bi_nextpage_grey.svg") no-repeat left center;
    padding-right: 35px;
    background-size: 20px 20px;
    background-position-x: 60px;
    background-color: var(--White);
}

.SGIV0040 .e-btn-w4 {
    width: 160px;
}
/*災害名選択画面  --end*/

/*組織マスタ一覧*/
.org-list-table{
    width: 70%;
}

.org-list-table td:nth-child(1),
.org-list-table td:nth-child(2){
    width: 50%;
    text-align: left;
}

/*組織管理の親組織選択ダイアログ*/
.orgSelectedTbl td:nth-child(1){
    width: 50px;
    text-align: center;
}
.orgSelectedTbl td:nth-child(2){
    text-align: left;
}
/*組織管理の市区町村選択ダイアログ*/
.citySelectedTbl td:nth-child(1){
    width: 50px;
    text-align: center;
}
.citySelectedTbl td:nth-child(2){
    text-align: left;
}

/*権限管理 start*/
.mt-20{
    margin-top: 10px;
}

.auth-manager{
    display: flex;
    gap: 15px;
    width: 100%;
    justify-content: flex-start;
    margin-top: 20px;
    align-items: flex-start;
}

.auth-manager label{
    margin-top: 6px;
}

.auth-manager-input{
    display: flex;
    flex-direction: column;
}

.auth-manager div input[type="text"]{
    width: 400px !important;
}

.auth-manager-body{
    border: 1px solid var(--Gray-6);
    width: 100%;
    overflow-y: auto;
    padding: 25px;
    margin-top: 40px;
    border-radius: 4px;
}

.auth-manager-body table{
    width: 100%;
}

.auth-manager-body td{
    white-space: nowrap;
    padding: 10px;
    width: 20%;
}

.modal-body.authTable{
    margin-top: 25px;
}

.authTable td:nth-child(1){
    text-align: left;
}

.authTable td:nth-child(1){
    width: 2% !important;
}

.authTable td:nth-child(2),
.authTable td:nth-child(3){
    width: 44% !important;
}

.authTable-sub td:nth-child(1){
    width: 105px !important;
}

.authTable-overflow{
    max-height: 600px;
    overflow-x: auto;
}

.flex-li{
    width: 100%;
    padding-left: 0px;
}

.flex-li li{
    display: flex;
}

.flex-li span{
    width: 200px;
    padding: 7px 0;
    min-width: 200px;
}

.checkbox-li{
    display: flex;
    gap: 65px;
    align-items: center;
    height: 28px;
}

.auth-manager-title{
    display: flex;
    justify-content: start;
    margin-left: 512px;
    gap: 56px;
    margin-bottom: 25px;
}

.auth-manager-w-small{
    width: 55px !important;
    min-width: 55px !important;
}

.msg-position{
    margin-left: 70px;
    padding-top: 5px;
    display: block;
}

.auth-manager-body table>tbody>tr:first-child>td:nth-child(4),
.auth-manager-body table>tbody>tr:first-child>td:nth-child(5),
.auth-manager-body table>tbody>tr:first-child>td:nth-child(6) {
    padding: 5px !important;
}

.auth-manager-body table>tbody>tr>td:nth-child(1),
.auth-manager-body table>tbody>tr>td:nth-child(2) {
    width: 200px;
}

.auth-manager-body table>tbody>tr>td:nth-child(3) {
    width: 150px;
    white-space: normal;
    word-break: break-all;
}

.auth-manager-body table>tbody>tr>td:nth-child(4),
.auth-manager-body table>tbody>tr>td:nth-child(5) {
    width: 10%;
}

.auth-manager-body table>tbody>tr>td:nth-child(6) {
    width: auto;
}

.auth-manager-body table>tbody>tr:nth-child(even){
    background-color: var(--Gray-1);
}

.authManager-message{
    padding: 0 85px;
}
/*権限管理 end*/
/*発令区域マスタ一覧*/
.svg-del-grey {
    background: url("../img/bi_del_x_grey.svg") no-repeat left center;
}
.svg-del-position {
    margin-right: 5px;
    border-radius: 15px;
    height: 12px;
    width: 12px;
    background-size: 12px 12px;
    background-color: var(--White);
    color: var(--Blue-1);
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    line-height: 12px;
    cursor: pointer;
}
.keyword-tag {
    display: flex;
    align-items: center;
    background: var(--Blue-4);
    padding: 8px 15px;
    margin: 5px 10px 0 0;
    border-radius: 15px;
}
.keyword-test {
    white-space: nowrap;
    overflow-x: hidden;
    max-width: 200px;
    text-overflow: ellipsis;
}
/*災害名一覧--start*/
.sts-selectTb tr {
    margin: 10px;
}
.sts-selectTb input {
    font-size: 14px;
    font-weight: 400;
}
.sts-w3 {
    width: 200px !important;
}

.sts-selectTb td:nth-child(1),
.sts-selectTb th:nth-child(1){
    width: 350px;
}

.sts-marg-top {
    margin-top: 25px !important;
}

.sts-gap {
    gap: 8px 20px;
}

.sts-mul {
    border-top: 1px solid var(--Gray-6) !important;
}
.sts-h1 {
    height: 20px !important;
}
.sts-hide{
    display: none !important;
}
.e-btn-bg-ash {
    background-color: var(--Gray-6);
    color: var(--White);
}
.sts-column-auto {
    width: auto !important;
    word-break: break-all;
}
.sts-column-w1 {
    width: 100px !important;
    word-break: break-all;
}
.sts-column-w2 {
    width: 200px !important;
    word-break: break-all;
}
.sts-column-w3 {
    width: 260px !important;
    word-break: break-all;
}
.sts-column-w4 {
    width: 400px !important;
    word-break: break-all;
}
.sts-column-w5 {
    width: 600px !important;
    word-break: break-all;
}

@-moz-document url-prefix() {
    .td-word-break {
        word-break: break-word !important;
    }
}
.sts-column-w6 {
    width: 160px !important;
    word-break: break-all;
}
.sts-column-w15 {
    width: 150px !important;
    word-break: break-all;
}
.c-list-table .sts-js-column-w1 {
    width: 150px !important;
    word-break: break-all;
}
.c-list-table .sts-js-column-w15 {
    width: 150px !important;
    word-break: break-all;
}
.sts-column-left {
    text-align: left !important;
}
.sts-column-center {
    text-align: center !important;
}
.sts-column-right {
    text-align: right !important;
}
.date-kala {
    margin: 0 20px;
    padding-top: 6px;
}
.date-error {
    display: flex;
    flex-wrap: wrap;
    width: 200px !important;
}
.smi-column-w1 {
    width: 70px !important;
    word-break: break-all;
}
.smi-column-w2 {
    width: 92px !important;
    word-break: break-all;
}
.smi-column-w3 {
    width: 33% !important;
    min-width: 200px;
    word-break: break-all;
}
.smi-column-w4 {
    width: 120px !important;
    word-break: break-all;
}
.smi-column-w5 {
    width: 55px !important;
    word-break: break-all;
}
.disa-rso {
    display: flex;
    margin-left: 45%;
}

.flex-center-disa-rso {
    display: flex;
    justify-content: center;
}
.disa-rso-text {
    width: 85px;
    text-align: left;
}
/*災害名一覧--end*/

/*一括配信テンプレート一覧--start*/
.template-list-table td:nth-child(2),
.template-list-table td:nth-child(3) {
    width: 20%;
    white-space: nowrap;
    text-align: left;
}

.bulk-delivery-listTbl td:nth-child(1){
    min-width: 101px !important;
}

.bulk-delivery-listTbl td:nth-child(2){
    min-width: 161px !important;
}

.bulk-delivery-listTbl td:nth-child(3){
    min-width: 240px !important;
}

.bulk-delivery-listTbl td:nth-child(4){
    min-width: 107px !important;
}

.bulk-delivery-listTbl td:nth-child(5){
    min-width: 96px !important;
}

.bulk-delivery-listTbl td:nth-child(6){
    min-width: 170px !important;
}

.bulk-delivery-listTbl td:nth-child(7){
    min-width: 170px !important;
}

.bulk-delivery-listTbl td:nth-child(8){
    min-width: 165px !important;
}

.bulk-delivery-listTbl td:nth-child(9){
    min-width: 360px !important;
}

.c-bulk-list{
    min-width: 1620px !important;
}
.template-list-table-error {
    text-align: left !important;
}
.template-list-chk {
    padding-top: 9px;
}

.bulk-delivery-errorMsg {
    margin-bottom: 0px !important;
    margin-top: -8px !important;

}

.bulk-search-input {
    width: 200px !important;
}
/*一括配信テンプレート一覧--end*/

/*本部設置--start*/
.template-condtion {
    width: 70%;
}
.headquarterTab {
    width: 95%;
    min-width: 850px
}
.headquarter-tab-hidden{
    display: none !important;
}
.headquarterTab .tab-content {
    height: 100%
}
.headquarterTab .row>.col>span {
    font-weight: var(--font-weight-bold);
}
.headquarter-hidden{
    visibility: hidden;
    height: 18px
}
.headquarter-input-width {
    width: 50% !important;
}
.history-dialog-width {
    --bs-modal-width: 1000px;
}
.electricity-icon {
    background: url(../img/electricity.svg) no-repeat center;
    background-size: 20px 20px;
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px
}
.waterway-icon {
    background: url(../img/waterway.svg) no-repeat center;
    background-size: 20px 20px;
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px
}
.laptop-icon {
    background: url(../img/laptop-error-24.png) no-repeat center;
    background-size: 20px 20px;
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px
}

.handWithSp-icon {
    background: url(../img/hand-with-smartphone-50.png) no-repeat center;
    background-size: 20px 20px;
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px
}
.icon-center{
    display: flex;
    align-items: center;
}
.headquarter-historyList td:nth-child(1),
.headquarter-historyList td:nth-child(4){
    width: 20%;
    text-align: right;
    white-space: nowrap;
}
.headquarter-historyList td:nth-child(2){
    width: 12%;
    text-align: center;
}
.headquarter-historyList td:nth-child(3){
    width: 12%;
    text-align: left;
}
.headquarter-historyList th{
    white-space: nowrap;
}
.headquarter-historyList td{
    font-size: var(--font-size-middle);
}
.headquarter-historyList td:nth-child(5),
.headquarter-historyList td:nth-child(6),
.headquarter-historyList td:nth-child(7),
.headquarter-historyList td:nth-child(8){
    width: 11%;
    text-align: center;
}

#historyDialog td:nth-child(1){
    white-space: nowrap;
}
#historyDialog th{
    white-space: nowrap;
}
.shelter-input-flx textarea,
.shelter-input-flx input{
    width: 100%;
}
.headquarter-saveSuccess{
    color: var(--Alert);
    font-weight: var(--font-weight-bold);
}
.historyMessage{
    color: var(--Alert);
    margin-bottom: 10px;
    font-weight: var(--font-weight-bold);
}
#dialog-history-table th{
    white-space: nowrap;
}
#dialog-history-table td{
    word-break: break-all;
}
#dialog-history-table td:nth-child(1){
    width: 6%;
}
#dialog-history-table td:nth-child(3),
#dialog-history-table td:nth-child(4),
#dialog-history-table td:nth-child(7),
#dialog-history-table td:nth-child(8),
#dialog-history-table td:nth-child(9){
    width: 8%;
}
#dialog-history-table td:nth-child(2),
#dialog-history-table td:nth-child(10){
    width: 16%;
    text-align: left;
}
#dialog-history-table td:nth-child(5),
#dialog-history-table td:nth-child(6){
    width: 11%;
}
.headquarterTab-ul{
    width: 35% !important;
}
.headquarterTab .container{
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 1670px !important;
}
.no-over-y {
    overflow-y: unset;
}
/*本部設置--end*/
.small-page-width{
    width:70%
}

/*--groupselect--start*/
.group-select-body{
    border: 1px solid var(--Gray-6);
    padding: 25px;
    margin-top: 40px;
    display: flex;
    align-items: center;
    border-radius: 8px;
}
.group-select-body .group-select-btn-margin {
    margin: 10px 0;
}
.group-select-body .group-select-margin {
    margin: 0 20px;
    text-align: center;
}
.group-select-body .group-select-content {
    height: 300px;
    width: 230px;
    overflow-y: auto;
    margin-top: 5px;
}
.group-select-body .group-select-font-weight {
    font-weight: var(--font-weight-bold);
}
.group-select-body .group-select-btn {
    font-size: 20px;
    width: 45px;
}
.group-select-font {
  position: relative;
}

.group-select-font::before {
    content: "使用組織設定";
    position: absolute;
    top: -2%;
    left: 3%;
    width: 105px;
    background-color: #fff;
    text-indent: 10px;
    font-weight: 700
}
/*本部設置一覧 start*/
.headquarterList{
    padding: 20px 30px 50px 30px;
    border: 1px solid var(--Gray-6);
}

.headquarterList th{
    white-space: nowrap;
}
.headquarterList td{
   word-break: break-all;
   font-size: var(--font-size-middle);
}
.headquarterList td:nth-child(1),
.headquarterList td:nth-child(3),
.headquarterList td:nth-child(4),
.headquarterList td:nth-child(5){
    text-align: left;
}
.headquarterList td:nth-child(1){
    min-width: 150px;
    width: 16%;
}
.headquarterList td:nth-child(2),
.headquarterList td:nth-child(3){
    width: 7%;
}
.headquarterList td:nth-child(4),
.headquarterList td:nth-child(5){
    min-width: 165px;
    width: 17%;
}
.headquarterList td:nth-child(6),
.headquarterList td:nth-child(7),
.headquarterList td:nth-child(8),
.headquarterList td:nth-child(9){
    width: 9%;
}
.headquarter-tab-title{
    font-size: 16px;
    border-top: 1px solid var(--Gray-6);
    border-right: 1px solid var(--Gray-6);
    border-left: 1px solid var(--Gray-6);
    background-color: var(--Gray-3);
    padding: 10px;
    height:37px
}
/*本部設置一覧 end*/
/*本部設置マスタ一覧 start*/
.headquarterMstList td{
    width:25%;
    word-break: break-all;
}
.headquarterMstList td:nth-child(1),
.headquarterMstList td:nth-child(2),
.headquarterMstList td:nth-child(3){
    text-align: left;
}
.headquarterMstList td:nth-child(4){
    text-align: right;
}
select.selectpicker.headquarterMstSelect{
    width: 0.5px !important;
}
/*本部設置マスタ一覧 end*/
/*避難所マスタ start*/
.td-padding-none td{
    padding:0 !important
}
.shelterList td{
    word-break: break-all;
}
.shelterList th{
    white-space: nowrap;
}
.shelterList td:nth-child(2),
.shelterList td:nth-child(3),
.shelterList td:nth-child(4),
.shelterList td:nth-child(5),
.shelterList td:nth-child(6),
.shelterList td:nth-child(7){
    text-align: left;
}
.shelterList td:nth-child(8),
.shelterList td:nth-child(9),
.shelterList td:nth-child(10){
    text-align: right;
}
.shelterList td:nth-child(1){
    width: 4%;
}
.shelterList td:nth-child(2){
    width: 9%;
}
.shelterList td:nth-child(3){
    width: 27%;
}
.shelterList td:nth-child(4){
    width: 14%;
}
.shelterList td:nth-child(5){
    width: 12%;
}
.shelterList td:nth-child(6){
    width: 4%;
}
.shelterList td:nth-child(7){
    width: 16%;
}
.shelterList td:nth-child(8){
    width: 6%;
}
.shelterList td:nth-child(9){
    width: 5%;
}
.shelterList td:nth-child(10){
    width: 3%;
}
.map-plus-btn-width{
    width: 180px;
}
.vertical-align-top{
    vertical-align: top;
}
.shelter-btn-left{
    margin-left: 5px;
}
.display-flex-between{
    justify-content: space-between;
}
.shelter-div-input-width label{
    font-weight: var(--font-weight-bold);
}
.map-btn{
    min-width: 180px;
}
.c-form-table.pa3 td:nth-child(2),
.c-form-table.pa3 td:nth-child(4) {
    min-width: 315px;
}
.shelter-div-td-width{
    min-width: 870px;
}
.shelter-margin-unset{
    margin-left: unset;
    margin-right: unset;
}
.shelter-location-width{
    width:90%
}
.div-height{
    min-height: 21px;
}
.shelter-body{
    width: 70%;
    min-width: 705px;
}
.shelter-body input[type="text"],
.shelter-body select,
.shelter-body textarea{
    width: 95%
}
.shelter-col-flex{
    flex:0.5;
}
.shelter-select-title{
    font-size:var(--font-size-2);
    padding-bottom: 5px;
    font-weight: var(--font-weight-bold);
}
.shelter-input-flx{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.shelter-input-flx .display-flex{
    width: 100%;
}
.th-center-and-left{
    display: flex;
    justify-content: center;
    text-align: left;
}
.modal-content-padding{
    padding: 0 !important;
}
.hbsList-style{
    overflow-y: auto;
    max-height: 380px;
}
/*避難所マスタ end*/
/*一括配信--start*/
.bulk-delivery-c-main .row>.col>label{
    font-weight: 700;
    white-space: nowrap;
}

.post-all .m1 {
    width: 100%;
    height: calc(100vh - 200px);
    min-height: 425px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    gap: 12px;
}
.bulk-delivery-color {
    background-color: #f7f7f7 !important;
/*    padding: 0px 0px 0px 5px !important;*/
}

.m1 .bulk-deliveryr-right {
    min-width:271px;
    width: 22%;
}

.m1 .bulk-deliveryr-left {
    width: 78%;
    height: 100%;
}

.bulk-delivery-title {
    background-color:white;
    height: 38px;
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 8px;
    font-weight: 700;
    border-radius: 5px 5px 0px 0px;
}

.bulk-delivery-btn {
    width: 100%;
    display: flex;
    justify-content: center;
}

.bulk-delivery-btn-width {
    margin-right: 10px;
}

.title-left {
    margin-left: 15px;
}

.bulk-delivery-text {
    width: 100%;
    height: 100%;
    background-color:white;
    padding: 18px 16px;
    border-radius: 0px 0px 5px 5px;
}

.bulk-delivery-text .container, .bulk-delivery-tab1 .container{
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.bulk-delivery-text .row>.col ,.bulk-delivery-tab1 .row>.col{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.bulk-delivery-width {
    width: 70%;
}

.bulk-delivery-tab {
    width: 100%;
    height: calc(100% - 80px) !important;
}

.bulk-delivery-m1 {
/*    height: 100% !important;*/
}

.bulk-delivery-sendList {
    background-color: var(--Gray-1);
    gap: 4px;
}

.bulk-deliveryr-right .sendList-btn {
    margin-left: auto;
}

.bulk-delivery-sendList .d1 {
    background-color:white;
}

.bulk-delivery-sendList .d2 {
    background-color:white;
    height: 10%;
    padding: 27px 112px;
}

.modal-body .bulk-delivery-table {
    border-width: 0;
}

.bulk-delivery-dialog {
    --bs-modal-width: 500px;
}

.bulk-delivery-table td {
    border-left: 0 !important;
    border-bottom: 1px solid var(--Gray-6);
}
.bulk-delivery-table td:nth-child(1) {
    text-align: center;

}

.bulk-delivery-table td:nth-child(2) {
    padding-top: 20px;
    text-align: left;
    line-height: 25px;

}

.bulk-delivery-list {
    width: 350px;
}

.e-btn-publish-height {
    text-align: -webkit-center;
    height:100px;
}
.e-btn-publish-text {
    text-align: center;
}
.bulk-delivery-radio-left {
    margin-left: 15px;
}

.bulk-delivery-c-main .m1-right-width .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color:#0d6efd;
    background-color: var(--White);
    border-bottom: 2px solid #0d6efd;
    width: 100%;
    height: 100%;
}

.bulk-delivery-c-main .nav-tabs {
    gap: 0;
}

.bulk-delivery-c-main .m1-right-width .nav-tabs .nav-item {
    height: 38px;
    background-color: var(--White);
    color: var(--Gray-6);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.56px;
    border-radius: 0;
    border-bottom: 1px solid var(--Gray-6);
}

/*.bulk-delivery-c-main .m1 .map-div{
    background-color: var(--White);
    display: flex;
    padding: 8px 12px 12px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex-shrink: 0;
}*/

.bulk-delivery-c-main .m1 .map-div{
    background-color: var(--White);
    display: flex;
/*    padding: 8px 12px 12px 12px;*/
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex-shrink: 0;
    min-width: 398px
}

.bulk-delivery-message-div{
    background-color: white;
    height: 314px;
}

.bulk-delivery-resident-staff{
    width: 400px !important;
    border-radius: 0px 0px 5px 5px;
}

.bulk-delivery-message{
    padding: 20px 20px;
}

.bulk-delivery-message span{
    font-size: 14px;
    font-weight: 500;
}

.bulk-delivery-disabled{
    color: var(--Gray-6);
}

.bulk-delivery-right-grey{
    background: url("../img/bi_nextpage_grey.svg") no-repeat left center;
    padding: 8px 27px 8px 28px;
    background-size: 20px 20px;
    background-position-x: 2px;
    background-color: var(--White);
    height: 38px;
    border-bottom: 1px solid var(--Gray-6)
}

.bulk-delivery-left-grey{
    background: url("../img/bi_prepage_grey.svg") no-repeat left center;
    padding: 8px 27px 8px 28px;
    background-size: 20px 20px;
    background-position-x: 43px;
    background-color: var(--White);
    height: 38px;
    border-bottom: 1px solid var(--Gray-6)
}

.bulk-delivery-page-div{
    display: flex;
    align-items: center;
}

.bulk-delivery-page{
    height: 38px;
    border-bottom: 1px solid var(--Gray-6);
    cursor: pointer;
}

.bulk-delivery-open {
    padding-top: 10px;
}

.bulk-delivery-open > span{
    line-height: 150%;
}

.bulk-delivery-template  th:nth-child(1) {
    width: 146px;
}
.bulk-delivery-template  th:nth-child(2) {
    width: 241px;
}
.bulk-delivery-template  th:nth-child(3) {
    width: 207px;
}
.bulk-delivery-template  th:nth-child(4) {
    width: 114px;
}

.bulk-delivery-publish {
    --bs-modal-width: 365px;
}

.bulk-delivery-publish-close {
    margin: 0px 0px 0px 350px;
}

.bulk-delivery-publish-div {
    margin-bottom: 10px;
    margin-top: -20px;
}

.bulk-delivery-publish-centered {
    display: flex;
    align-items: center;
    min-height: 620px;
}

.bulk-delivery-publish-body {
    padding: 0;
}

.bulk-delivery-publish-modal-content{
    padding: 0px 0px 20px 0px;
}
.PUBV0010 .bulk-delivery-errorMsg{
    margin-bottom: 0px !important;
    margin-top: -3px !important;
}
.PUBV0010 .show-file{
    width: 240px;
    height: 135px;
    text-align: center;
    margin-right: 15px;
    border-radius: 4px;
    border: 1px solid var(--Gray-4);
    padding: 10px;
    align-content: center;
    margin-bottom: 5px;
    text-align: -webkit-center;
}
.PUBV0010 .div-file{
    width: 255px;
    height: 170px;
}
.PUBV0010 .file-content{
    display: flex;
    overflow-y: auto;
    flex-wrap: wrap;
    height: 170px;
}
.PUBV0010 .show-file .show-file-img{
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    cursor: pointer;
}
.PUBV0010 .show-file-name{
    word-break: break-all;
    font-size: 11px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.PUBV0010 .pdf-icon {
    height: 100%;
    cursor: pointer;
}
.PUBV0010 #addFileModalLabe {
    margin-right: 10px;
}
.PUBV0010 .modal-title-file {
    display: flex;
    align-items: baseline;
}
.PUBV0010 .fileError {
    margin-top: 8px;
}
.PUBV0010 .print-icon {
    background: url(../img/bi_collection_button_print.svg) no-repeat left center;
    padding-left: 35px;
    background-size: 20px 20px;
    height: 24px;
    width: 31px;
    cursor: pointer;
}
.PUBV0010 .textarea-vertical {
    resize: vertical;
}
.PUBV0010 textarea {
    line-height: 18px
}
/*一括配信--end*/    

/*一括配信一覧--start*/
.bulk-delivery-listTbl  th:nth-child(1),
.bulk-delivery-listTbl  td:nth-child(1) {
    width: 100px;
}

.bulk-delivery-listTbl  td:nth-child(1) {
     text-align: left;
}

.bulk-delivery-listTbl  th:nth-child(2),
.bulk-delivery-listTbl  td:nth-child(2) {
    width: auto;
}

.bulk-delivery-listTbl  td:nth-child(2) {
    text-align: left;
}

.bulk-delivery-listTbl  th:nth-child(3) {
    width: auto
}

.bulk-delivery-listTbl  td:nth-child(3) {
    width: auto;
    text-align: left;
}

.bulk-delivery-listTbl  th:nth-child(4){
    width: auto;
}

.bulk-delivery-listTbl  td:nth-child(4){
    width: auto;
    text-align: left;
}

.bulk-delivery-listTbl  th:nth-child(5){
    width: 107px;
}

.bulk-delivery-listTbl  td:nth-child(5){
    width: 107px;
    text-align: left;
}

.bulk-delivery-listTbl  th:nth-child(6){
    width: 170px;
}

.bulk-delivery-listTbl  th:nth-child(7) {
    width: 170px;
}


.bulk-delivery-listTbl  td:nth-child(7) {
    width: 170px;
    text-align: left;
}

.bulk-delivery-listTbl  th:nth-child(8),
.bulk-delivery-listTbl  td:nth-child(8){
    width: 163px;
}

.sendlist-info {
    background-position-x : 0px;
    padding-left : 25px
    
}

.twitter-error-listTbl  th:nth-child(1)
 {
    width: 300px;
}

.twitter-error-listTbl  td:nth-child(1) {
    width: 300px;
    text-align: left;
}

.twitter-error-listTbl  th:nth-child(2) {
    width: 140px;
}

.twitter-error-listTbl  td:nth-child(2) {
    width: 140px;
    text-align: left;
}
.twitter-error-listTbl  th:nth-child(3) {
    width: 200px;
}

.twitter-error-listTbl  td:nth-child(3) {
    width: 200px;
    text-align: left;
}
.twitter-error-listTbl  th:nth-child(4) {
    width: auto;
}

.twitter-error-listTbl  td:nth-child(4) {
    width: auto;
    text-align: center;
}
.twitter-error-listTbl  th:nth-child(5) {
    width: 220px;
}

.twitter-error-listTbl  td:nth-child(5) {
    width: 220px;
    text-align: center;
}

.twitter-error-dialog {
    --bs-modal-width: 1500px;
}

.bulk-delivery-list-m5 {
    margin-top: 5px;
}
/*一括配信一覧--end*/
/*災害名管理--start*/
.disaster-input-table {
  font-size: var(--font-size-middle);
}
.disaster-tooltip {
  width: 350px; 
}
.disaster-input-item {
  display: flex;
  flex-wrap: wrap;
  gap:0 20px;
}
.disaster-input-item-CD0002 {
  display: flex;
  flex-wrap: wrap;
  gap:0 20px;
  align-items: center;
  padding-top: 0;
}
.disaster-checkbox-group-input {
  width: 200px;
  max-width: 200px;
}
.disaster-input-preflink-msg {
  color: var(--Gray-7);
}
.disaster-input-nofirst-chk{
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
}

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

.disaster-input-external-name{
    width:25% !important;
}

.dataTables_empty {
    text-align: left !important;
}

.disaster-select-btn{
    z-index: 0 !important;
}
/*災害名管理--end*/
/*サイドメニュー--start*/
#headerDisasterType {
  cursor: pointer;
}
#disasterSelection .main-active{
  padding-left: unset !important;
  padding-top: unset;
  background-color: var(--bs-white);
}
#disasterSelection .main-active .content{
  height: unset !important;
}
/*サイドメニュー--end*/
/*避難情報--start*/
.b-20-l-10{
    margin-bottom: 20px;
    margin-left: 10px;
}

.refuge-intelligence .width-200{
    width: 200px;
}

.w-70{
    width: 70%;
}

.attention{
    display: flex;
    padding-left: 16px;
    align-items: center;
    gap: 8px;
}

.attention-item-1{
    display: flex;
    height: 24px;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: var(--Level-2);
    font-size: var(--font-size-middle);
    font-weight: var(--font-weight-normal);
}

.attention-item-2{
    color: var(--Navy-1);
    text-align: center;
    font-size: var(--font-size-middle);
    font-weight: var(--font-weight-normal);
    font-style: normal;
    letter-spacing: 0.56px;
}

.refuge-intelligence .map-contet{
    border-top: unset;
}

.refuge-intelligence-table table{
    min-width: 895px;
}

.refuge-intelligence .shelterIntelligence-Info{
    min-width: 299px;
    width: 25%;
}

.refuge-intelligence-table table td:nth-child(2),
.refuge-intelligence-table table td:nth-child(4),
.refuge-intelligence-table table td:nth-child(6),
.refuge-intelligence-table table td:nth-child(7),
.refuge-intelligence-table table td:nth-child(8),
.refuge-dialogModal6 table td:nth-child(2),
.refuge-dialogModal6 table td:nth-child(3),
.refuge-dialogModal6 table td:nth-child(4),
.refuge-dialogModal6 table td:nth-child(5),
.refuge-dialogModal6 table td:nth-child(6),
.refuge-dialogModal6 table td:nth-child(7),
.refuge-dialogModal6 table td:nth-child(8),
.refuge-dialogModal6 table td:nth-child(9),
.refuge-dialogModal6 table td:nth-child(10){
    text-align: left;
}

.refuge-dialogModal6 table th:nth-child(1),
.refuge-dialogModal6 table th:nth-child(3),
.refuge-dialogModal6 table th:nth-child(4),
.refuge-dialogModal6 table td:nth-child(1),
.refuge-dialogModal6 table td:nth-child(3),
.refuge-dialogModal6 table td:nth-child(4){
    min-width: 75px !important;
}

.refuge-dialogModal6 table th:nth-child(2),
.refuge-dialogModal6 table th:nth-child(5),
.refuge-dialogModal6 table th:nth-child(6),
.refuge-dialogModal6 table td:nth-child(2),
.refuge-dialogModal6 table td:nth-child(5),
.refuge-dialogModal6 table td:nth-child(6){
    min-width: 120px !important;
}

.refuge-intelligence-table table td:nth-child(4){
    width: 20%;
}

.refuge-intelligence-table table td:nth-child(7){
    width: 13%;
}

.refuge-intelligence-table table th:nth-child(3){
    min-width: 90px;
}

.refuge-intelligence-table table td:nth-child(3){
    text-align: center;
}

.refuge-intelligence-table table th{
    text-align: center;
}

.refuge-intelligence-table table th:nth-child(1){
    text-align: center;
}

.refuge-intelligence #refuge-dialog-1 table td:nth-child(2){
    width: 200px;
    text-align: left;
}

.refuge-intelligence #refuge-dialog-1 table td:nth-child(3),
.refuge-intelligence #refuge-dialog-1 table td:nth-child(4),
.refuge-intelligence #refuge-dialog-1 table td:nth-child(5),
.refuge-intelligence #refuge-dialog-1 table td:nth-child(6){
    text-align: left;
}

.refuge-intelligence #dialogModal3 table td:nth-child(2){
    text-align: left;
}

.refuge-intelligence #dialogModal5 .top.auto .pb{
    width: 100%;
}

.td-3-col{
    gap: 15px;
}

.left{
    text-align: left !important;
}

.level-label{
    display: inline-flex;
    width: 48px;
    height: 32px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 4px;
    color: #FFF;
    font-size: var(--font-size-3s);
    
}

.level-red{
    background: var(--Level-3);
}

.level-yellow{
    background: var(--Level-2);
}

.level-purple{
    background: var(--Level-4);
}

.level-black{
    background: var(--Level-5);
}


.disastertype-label{
    display: inline-flex;
    height: 32px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    width: fit-content;
    gap: 4px;
    border-radius: 16px;
    border: 1px solid var(--Gray-6);
    color: var(--Gray-7);
    white-space: nowrap;
    cursor: pointer;
    background: var(--White);
}

.um-t-4{
    margin-top: 4px;
}

.f-gary {
    color: var(--Gray-7);
}

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

.transparent{
    background-color: transparent !important;
}

.refuge-intelligence #dialog-3-dataTable td:nth-child(2),
.refuge-intelligence #dialog-3-dataTable td:nth-child(5){
    text-align: left;
}

.refuge-intelligence #dialog-1-dataTable td:nth-child(1){
    width: 55px;
}

.refuge-intelligence #dialog-1-dataTable td:nth-child(3){
    width: 420px;
} 

.refuge-intelligence #dialog-1-dataTable td:nth-child(3){
    width: 150px;
}  

.refuge-intelligence #dialog-1-dataTable td:nth-child(4){
    width: 150px;
}  

.refuge-intelligence #dialog-1-dataTable td:nth-child(5),
.refuge-intelligence #dialog-1-dataTable td:nth-child(6),
.refuge-intelligence #dialog-1-dataTable td:nth-child(7){
    width: 100px;
}

.left-center-text{
    display: grid;
    justify-content: center;
}
.refuge-intelligence #selectModal3 .chk-group {
    display:block;
}
.refuge-intelligence #selectModal3 .chk-group div{
    padding-top: 5px;
}

.refuge-intelligence .eva-eara-dialog .bgc-g4 td{
    background-color: var(--Gray-4) !important;
}

.refuge-intelligence .eva-eara-dialog [data-selected="true"] td{
    background-color: var(--Gray-4) !important;
}

.unitHousehold{
    margin-left: -40px !important;
    background: #fff;
}

.evic_0010_table1 table td:nth-child(2) {
    min-width: 185px;
}

/*.refuge-intelligence .shelterIntelligence-content {
    height: 76vh;
}*/

/*.refuge-intelligence .c-list {
    height: 76vh;
}*/

.refuge-intelligence .shelterIntelligence-Info .detail-row{
    padding-top: 5px;
    height: 67vh;
    overflow: auto;
}

.content.refuge-intelligence{
    height: calc(100vh - 80px);
}

.evic0010-seletpicker-bg-white .bootstrap-select{
    background-color: var(--White);
}

.evic0010-select-all-items {
    margin-top: 0;
}

.evic0010-modal-header {
    margin-bottom: 30px;
}

.evic0010-c-list-table #dialogModal3Tbody tr:not(:last-child) td{
    border-bottom: 1px solid var(--Gray-6);
    border-bottom-right-radius: 0;
}

.evic0010-c-list-table{
    padding-right: 10px;
}

.evic0010 .shelterIntelligence-Info .col{
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-bottom: 10px;
    letter-spacing: 0.56px;
}

.evic0010 .overflow-items{
    height: 465px !important;
}

.evic0010 .select-all-search{
    padding: 16px !important;
    height: 469px
}

.evic0010 .search-item{
    padding: 16px !important;
    min-height: 436px;
}

.evic0010 .search-title{
    margin-bottom: 5px !important;
}

.evic0010 .search-content{
    margin-bottom: 11px !important;
}
/*避難情報--end*/
/*職員ポータル start*/

/*.top-page .svg-arrow-left-grey {
    background: url("../img/bi_prepage_grey.svg") no-repeat left center;
}
.top-page .svg-arrow-right-grey {
    background: url("../img/bi_nextpage_grey.svg") no-repeat right center;
}
.top-page .svg-broadcast-black {
    background: url("../img/broadcast.svg") no-repeat left center;
}
.top-page .svg-map-black {
    background: url("../img/map.svg") no-repeat left center;
}
.top-page .svg-arrow-both {
    background: url("../img/arrow-both.svg") no-repeat left center;
}
.top-page .svg-bi_expand {
    background: url("../img/bi_expand.svg") no-repeat left center;
}
.top-page .svg-title-position {
    padding-left: 22px;
    background-size: 16px 16px;
    background-color: var(--White);
}
.top-page .svg-look-position {
    padding-right: 30px;
    background-size: 20px 20px;
    background-position-x: 45px;
    background-color: var(--White);
}
.top-page .svg-arrow-both-position {
    width: 22%;
    background-color: var(--White);
}
.top-page .svg-bi_expand-position {
    margin-left: 15px;
    padding-right: 20px;
    background-color: var(--White);
}
.top-page .ts-fx {
    display: flex;
    flex-direction: row;
}
.top-page .ts-fy {
    display: flex;
    flex-direction: column;
}
.top-page .ts-fjbt {
    justify-content: space-between;
}
.top-page .ts-gx8 {
    column-gap: 8px;
}
.top-page .ts-gy8 {
    row-gap: 8px;
}

.top-page .sp-wb1 {
    width: 100%;
}
.top-page .sp-hb1 {
    height: 100%;
}
.top-page .sp-hb2 {
    height: 85%;
}
.top-page .sp-hb3 {
    height: 70%;
}
.top-page .staffportal-body {
    font-feature-settings: 'pwid' on;
    font-weight: var(--font-weight-normal);
    letter-spacing: 0.56px;
    font-family: inherit;
    font-size: inherit;
}
.top-page .staffportal-font {
    font-weight: 700;
}
.top-page .staffportal-main {
    width: 100%;
    height: 800px;
}
.top-page .group-title {
    width: 100%;
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    margin-top: 5px;
    line-height: 27px;
    justify-content: space-between;
}
.top-page .title-end {
    display: flex;
    gap: 8px;
}
.top-page .title-item {
    color: var(--Gray-7);
    text-align: center;
    font-feature-settings: 'pwid' on;
    font-weight: var(--font-weight-normal);
    letter-spacing: 0.56px;
    font-family: inherit;
    font-size: inherit;
}
.top-page .left-border {
    border-left: 2px solid var(--Gray-6);
}
.top-page .staffportal-left {
    width: 25%;
    min-width: 350px;
    background-color: var(--White);
}
.top-page .staffportal-right {
    width: 74%;
    min-width: 1100px;
    flex-direction: column;
}
.top-page .sr1 {
    width: 100%;
    height: 400px;
}
.top-page .sr2 {
    width: 100%;
    height: 380px;
}
.top-page .staffportal-item {
    background-color: var(--White);
    padding: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex-shrink: 0;
}
.top-page .look-div {
    padding: 12px;
}
.top-page .gc-text {
    background: var(--Gray-1);
    padding: 12px;
}
.top-page .gc-left {
    color: var(--Blue-1);
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.top-page .gc-right {
    padding-left: 10px;
}
.top-page .gc-w1 {
    width: 45%;
}
.top-page .gc-w2 {
    width: 55%;
}
.top-page .gc-btn {
    border-radius: 5px;
    text-align: center;
    padding: 3px;
}
.top-page .gc-btn-yellow {
    background: var(--staffportal-4);
}
.top-page .gc-btn-gray {
    background: var(--Gray-6);
}
.top-page .gc-btn-w1 {
    width: 70%;
}
.top-page .gc-btn-w2 {
    width: 85%;
}
.top-page .kill-div {
    width: 60%;
}
.top-page .refuge-div {
    width: 39%;
}

.top-page .bottom-border {
    border-bottom: 2px solid var(--Gray-6);
}
.top-page .bnr-row {
    gap: 10px 10px;
    margin: 10px 0;
    flex-wrap: wrap;
}
.top-page .bnr-are {
    padding: 5px;
    background-color: var(--White);
}
.top-page .map-div {
    width: 40%;
    padding: 8px 12px 12px 12px;
}
.top-page .map-title {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 8px;
}
.top-page .map-image {
    width: 100%;
    height: 100%;
}
.map-image img {
    width: 100%;
    height: 85%;
}
.top-page .refugeArea-div {
    width: 59%;
}


.top-page .bns-lr {
    width: 50%;
}

.top-page .bns-r1-rg {
    padding: 20px 80px 20px 10px;
    width: 55%;
    height: 100%;
}
.top-page .bns-row {
    padding: 5px 0;
}
.top-page .cft {
    gap: 5px;
}

.top-page .bns-r2-rg {
    padding: 20px;
    width: 65%;
    height: 100%;
}

.top-page .square1 {
    width: 25px;
    height: 20px;
}
.top-page .square2 {
    border-radius: 5px;
    width: 15px;
    height: 15px;
}
.top-page .square3 {
    width: 10px;
    height: 10px;
}
.top-page .spcol1 {
    background-color: var(--staffportal-1);
}
.top-page .spcol2 {
    background-color: var(--staffportal-2);
}
.top-page .spcol3 {
    background-color: var(--staffportal-3);
}
.top-page .spcol4 {
    background-color: var(--staffportal-4);
}
.top-page .spcol5 {
    background-color: var(--staffportal-5);
}
.top-page .spcol6 {
    background-color: var(--staffportal-6);
}
.top-page .spcol7 {
    background-color: var(--staffportal-7);
}
.top-page .spcol8 {
    background-color: var(--staffportal-8);
}
.top-page .spcol9 {
    background-color: var(--staffportal-9);
}
.top-page .spfcol1 {
    color: var(--staffportal-6);
}
.top-page .spfcol2 {
    color: var(--staffportal-7);
}
.top-page .spfcol3 {
    color: var(--staffportal-8);
}
.top-page .spfcol4 {
    color: var(--staffportal-9);
}

.top-page .t-left{
    height: 650px;
    width: 22%;
}

.top-page .t-right{
    width: 78%;
}

.top-page .display1{
    display: flex;
    flex-direction: row;
    gap: 12px;
}
.top-page .display2{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.top-page{ min-width: 1200px;}
.top-page .t-h1{  height: 319px;}
.top-page .t-w1{  width: 59%;}
.top-page .t-w2{  width: 41%;}
.top-page .t-w3{  width: 38%;}
.top-page .t-w4{  width: 62%;}

.top-page .group-text {
    width: 100%;
    height: 85%;
    overflow: hidden;
}

.top-page .bns-r1-lf {
    width: 100%;
    height: 150px;
}

.top-page .bns-r2-lf {
    width: 100%;
    height: 92px;
}

.top-page .t-chart{
    background: var(--White);
    border: 2px solid var(--Gray-4);
    border-radius: 4px;
    padding: 12px;
}

.top-page .t-title{
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
}

.top-page .t-title h2{
    font-size: var(--font-size-4);
    background-image: url(../img/broadcast.svg);
    background-repeat: no-repeat;
    padding-left: 24px;
    font-weight: 700;
    background-size: 20px;
    white-space: nowrap;
}

.top-page .display3{
    flex-direction: column;
}

.top-page h3{font-size: var(--font-size-middle);font-weight: 700;line-height: 24px;}

.top-page .t-title ul{
    display: flex;
    flex-direction: row;
    gap: 4px;
    list-style: none;
    align-items: center;
    justify-content: flex-end;
}

.top-page .t-title ul li{
    font-size: var(--font-size-small);
    color: var(--Gray-7);
    white-space: nowrap;
}

.top-page .t-title-br{
    border-right: 2px solid var(--Gray-6);
    padding-right: 4px;
}

.top-page .t-tbl{
    margin-bottom:12px;
}

.top-page .t-tbl table{
    background: var(--Gray-3);
    font-size: var(--font-size-small);
    width: 100%;
    padding: 8px 0;
}

.top-page .t-tbl td{
    padding: 4px;
}

.top-page .t-tbl1 td:nth-child(1),
.top-page .t-tbl2 td:nth-child(1)
{   
     text-align: right;
     color: var(--Blue-2);
     white-space: nowrap;
}

.top-page .t-tbl1 td:nth-child(2){
    text-align: center;
}

.top-page .t-tbl1 td:nth-child(2) span
{ 
    width: 87px;
    justify-content: center;
}

.top-page .t-tbl2 td:nth-child(2) span
{ 
    width: 124px;
    justify-content: center;
}

#main5{
    width: 100%;
    height: 95%;
}

#main6{
    width: 135px;
}

.top-page .bns-row1 {
    background: var(--Gray-1);
    height: 150px;
}

#main7{
    width: 100%;
   height: 100%;
}

.top-page .bns-row2 {
    height: 35%;
}

#main8,#main9{
   width: 100%;
   height: 90px;
   margin-top:10px;
}

.top-page .bn-left,.top-page .bn-right {height: 248px;}

.top-page .bn-left {
    width: 35%;
}
.top-page .bn-right {
    width: 65%;
    background: var(--Gray-1);
    padding: 12px;
    overflow-y: auto;
}

.top-page .bn-right div{
    font-size: 12px;
}*/

.top-page .t-row1,.top-page .t-row2{
    width: 100%;
    min-width: 1230px;
    display: flex;
    flex-direction: row;
    gap:10px;
    justify-content: space-between;
}

.top-page .t-row1>div{height: 360px;}
.top-page .t-row2>div{height: 445px; width: 33.3%;}
.top-page .t-row2>div:nth-child(3){
    height: 445px;
    display: flex;
    flex-direction: column;
    gap:12px;
}
.top-page .t-r2-c3-r1,.top-page .t-r2-c3-r2{
    width: 100%;
}
.top-page .t-r2-c3-r1{    height: 240px;}
.top-page .t-r2-c3-r2{    height: 205px;}

.top-page .t-row1>div,
.top-page .t-row2>div:nth-child(1),
.top-page .t-row2>div:nth-child(2),
.top-page .t-row2>div:nth-child(3),
.top-page .t-row2>div:nth-child(4),
.top-page .t-row2>div:nth-child(6),
.top-page .t-r2-c3-r1,.top-page .t-r2-c3-r2{
    border: 1px solid var(--Gray-6);
    border-radius: 4px;
    background:var(--White);
}

.top-page .t-r1-c1{
    width: 38%;
}
.top-page .t-r1-c2{
    width: 62%;
    min-width: 756px;
}

.top-page .t-title{
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    padding: 8px 16px;
    height: 40px;
    border-bottom: 1px solid var(--Gray-6);
    align-items: center;
    gap: 5px;
}

.top-page .t-title h2{
    font-size: var(--font-size-9);
    background-image: url(../img/bi_drag.svg);
    background-repeat: no-repeat;
    padding-left: 16px;
    font-weight: 700;
    background-size: 10px 16px;
    white-space: nowrap;
    background-position: 0px center;
}

.top-page h3{font-size: var(--font-size-8);font-weight: 700;line-height: 24px;}

.top-page .t-title>ul{
    display: flex;
    flex-direction: row;
    gap: 8px;
    list-style: none;
    align-items: center;
    justify-content: flex-end;
    margin-top: 14px;
    height: 32px;
}

.top-page .t-title>ul>li{
    font-size: var(--font-size-mark);
    color: var(--Gray-7);
    white-space: nowrap;
    text-align: right;
    line-height: 125%; 
    letter-spacing: 0.44px;
}

.top-page .buttons-collection {
    width: 23px;
    height: 23px;
}

.top-page .buttons-collection span {
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 3px;
}

.top-page .map-image {
    width: 100%;
    height: 98%;
    padding-top: 0px;
}

.top-page .map-image img{
    width: 100%;
    height: 355px;
}

.top-page .t-tbl{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 16px;
    padding: 24px 16px;
    padding-top: 0px;
}

.top-page .l-link.active {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.top-page .r-link.active {
    border-bottom-right-radius: 5px !important;
}

.top-page .t-tbl1,.top-page .t-tbl2{
    width: 50%;
}
.top-page .t-tbl1-1,.top-page .t-tbl2-1{
    width: 100%;
    padding: 16px;
    border-radius: 4px;
    border: 1px solid var(--Gray-4);
    height: 280px;
}
.top-page .t-tbl1 table{
    width: 100%;
}
.top-page .t-tbl td{
    padding: 4px;
    font-size: var(--font-size-7);
}

.top-page .t-tbl1 td:nth-child(1),
.top-page .t-tbl2 td:nth-child(1),
.top-page .t-tbl3 td:nth-child(1)
{   
     text-align: left;
     white-space: nowrap;
}

.top-page .t-tbl1 td:nth-child(2){
    text-align: center;
}

.top-page .t-tbl1 td:nth-child(2) span,
.top-page .t-tbl2 td:nth-child(2) span,
.top-page .t-tbl3 td:nth-child(3) span
{ 
    width: 165px;
    min-height: 28px;
    justify-content: center;
    font-size: var(--font-size-7);
}

.top-page .t-mark {
    color: var(--White);
    background: var(--Blue-3);
}

.top-page .t-rain-level0 {
    color: var(--White);
    /*https://www.jma.go.jp/jma/kishou/info/colorguide/HPColorGuide_202007.pdf*/
    background: var(--Gray-6);
}

.top-page .t-rain-level1 {
    /*https://www.jma.go.jp/jma/kishou/info/colorguide/HPColorGuide_202007.pdf*/
    background: var(--White);
    border: 1px solid var(--Gray-6);
}

.top-page .t-rain-level2 {
    color: var(--White);
    /*https://www.jma.go.jp/jma/kishou/info/colorguide/HPColorGuide_202007.pdf*/
    background: rgb(160,210,255);
}

.top-page .t-rain-level3 {
    color: var(--Black);
    /*https://www.jma.go.jp/jma/kishou/info/colorguide/HPColorGuide_202007.pdf*/
    background: rgb(250,245,0);
}

.top-page .t-rain-level4 {
    color: var(--White);
    /*https://www.jma.go.jp/jma/kishou/info/colorguide/HPColorGuide_202007.pdf*/
    background: rgb(255,153,0);
}

.top-page .fanlirain-level0 {
    background: var(--Gray-6);
}

.top-page .fanlirain-level1 {
    background: var(--White);
    border: 1px solid var(--Gray-6);
}

.top-page .fanlirain-level2 {
    background: rgb(160,210,255);
}

.top-page .fanlirain-level3 {
    background: rgb(250,245,0);
}

.top-page .fanlirain-level4 {
    background: rgb(255,153,0);
}

.top-page .t-mark-purple {
    color: var(--White);
    background: var(--staffportal-2);
}

.top-page .t-mark-red {
    color: var(--White);
    background: var(--staffportal-3);
}

.top-page .t-mark-orange {
    color: var(--White);
    background: var(--header-button-yellow);
}

.top-page .t-mark-yellow {
    color: var(--Black);
    background: var(--staffportal-4);
}

.top-page .t-mark-green {
    color: var(--White);
    background: var(--staffportal-6);
}

.top-page .t-mark-white {
    background: var(--White);
    border: 1px solid var(--Gray-6);
    white-space: nowrap;
}


.top-page .t-mark-gray {
    color: var(--White);
    background: var(--Gray-6);
    white-space: nowrap;
}

.top-page .fanlirain--purple {
    color: var(--White);
    background: var(--staffportal-2);
}

.top-page .fanlirain--red {
    color: var(--White);
    background: var(--staffportal-3);
}

.top-page .fanlirain--orange {
    color: var(--White);
    background: var(--header-button-yellow);
}

.top-page .fanlirain--yellow {
    color: var(--Black);
    background: var(--staffportal-4);
}

.top-page .fanlirain--green {
    color: var(--White);
    background: var(--staffportal-6);
}

.top-page .fanlirain--white {
    background: var(--White);
    border: 1px solid var(--Gray-6);
    white-space: nowrap;
}


.top-page .fanlirain--gray {
    color: var(--White);
    background: var(--Gray-6);
    white-space: nowrap;
}

.top-page .t-tbl2-1 .tab-content{
    height: 225px;
}

.top-page .tab-content::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: var(--white);
}

.top-page .tab-content::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--white);
}

.top-page .tab-content::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--Gray-6);
}

.top-page .t-tbl2-1 .tab-content>.tab-pane {
    padding: 16px 0px;
}

.top-page .dropdown-menu {
    z-index: 1;
}

.t-tbl1-1.navbar-nav-scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: var(--white);
}

.t-tbl1-1.navbar-nav-scroll::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--white);
}

.t-tbl1-1.navbar-nav-scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--Gray-6);
}

#tp-tab-2 table,#tp-tab-3 table{ width: 100%;}
#tp-tab-2 table td:nth-child(1),#tp-tab-3 table td:nth-child(1) {width: 40%;}
#tp-tab-2 table td:nth-child(2),#tp-tab-3 table td:nth-child(2) {width: 220px;}
#tp-tab-2 table td:nth-child(2)>span,#tp-tab-3 table td:nth-child(2)>span{width: 99%;}
#tp-tab-2 table td:nth-child(3)>span,#tp-tab-3 table td:nth-child(3)>span {text-align: center;display: inline-block;}

.top-page .tab-btn-row{
    margin-bottom: 16px;
}

.top-page .nav-pills {
    --bs-nav-pills-border-radius: 4px;
    --bs-nav-pills-link-active-color:var(--Blue-2);
    --bs-nav-pills-link-active-bg: var(--Gray-ddd);
}
.top-page .nav {
    --bs-nav-link-color:var(--Black);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    background: var(--Gray-3);
    border-radius: 4px;
}

.top-page .fanli {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-right: 5px;
}

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


.top-page .ico span{
    display: flex;
    align-items: center;
}

.top-page .nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--font-size-middle);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: none;
    border: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    border-radius: 0;
}

.top-page .nav-item:not(:first-child)>.nav-link:not(.active){
    background: url(../img/bi_border_right_gray.svg) no-repeat left center;
    background-size: 2px 15px;
/*    background-position-x: 12px;*/
}
.top-page .nav-link.active,
.top-page .nav-item:has(.nav-link.active) +.nav-item>.nav-link{
    background-image: none;
    border-top-right-radius: 5px;
}

.top-page .trainListToggle {
    border: 0;
    color: var(--Blue-2);
    background-color: var(--Gray-ddd);
}

.top-page .trainListToggle.not-active {
    border: 1px solid var(--Gray-6);
    background-color: var(--White);
    color: var(--Gray-7);
}

#main6{
    width: 100%;
    height: 85%;
}
.grap-overflow{
    overflow-x: auto;
}

.top-page #main5{
    width: 100%;
    height: 400px;
}

.top-page .main5-over {
    height: 445px;
    overflow-y: auto;
}

.top-page .main5-over::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: var(--white);
}

.top-page .main5-over::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--white);
}

.top-page .main5-over::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--Gray-6);
}

.top-page .pie1-main{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px;
    overflow-x: auto;
    overflow-y: hidden;
}

.top-page .pie1-main::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: var(--white);
}

.top-page .pie1-main::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--white);
}

.top-page .pie1-main::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--Gray-6);
}

.top-page .pie1-r1{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:2px;
}
.top-page .pie1-r1>div:nth-child(1) {
    width: 100%;
    border-radius: 4px;
    background: var(--Success_light)
}

.top-page .pie1-r1>div,.pie1-r1-2>div{
    height: 40px;
    border-radius: 4px;
}

.top-page .pie1-r1-2{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap:2px;
}

.top-page .pie1-r1-2>div:nth-child(1) {
    width: 50%;
    background: var(--Alert-light)
}
.top-page .pie1-r1-2>div:nth-child(2) {
    width: 50%;
    background: var(--Gray-4)
}
.top-page .tp-sum1{
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
}
.top-page .tp-sum1 div{
    white-space: nowrap;
}
.top-page .tp-mark-div{
    /*開設*/
    width: 55px;
}
.top-page .tp-mark-div2{
    /*未開設*/
    width: 75px;
}

.top-page .tp-total-div {
     /*5,000*/
     font-size: var(--font-size-1);
     font-weight: 700;
     width: 81px;
     text-align: right;
}
.top-page .tp-str1-div {
     /*箇所*/
     font-size: var(--font-size-small);
     font-weight: 700;
     width: 40px;
}
.top-page .tp-str2-div{
     /*避難者数 世帯 人*/
     font-size: var(--font-size-mark);
     font-weight: 700;
}
.top-page .tp-num1-div{
     /*9,999*/
     font-size: var(--font-size-2);
     min-width: 62px;
     text-align: right;
     white-space: nowrap;
}
.top-page .pie1-r2{
   height: 80px;
   min-width: 400px;
}
#main7{
  width: 100%;
   height: 100px;
}

.top-page .tp-sum2{
    width: 100%;
    padding: 16px;
    height: 163px;
    overflow-y: auto;
}

.top-page .tp-pie2-main{
    width: 100%;
    height: 110px;
    background: var(--Gray-1);
}

.top-page .tp-pie2-sub{
    width: 100%;
}

.top-page .tp-sum2::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: var(--white);
}

.top-page .tp-sum2::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--white);
}

.top-page .tp-sum2::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--Gray-6);
}

.top-page .tp-pie2-sub>div{
    height: 99px;
    border-bottom: 1px solid var(--Gray-6);
}

#main8{
  width: 100%;
  height: 130px;
}

.top-page .tp-pies{
  width: 100%;
  height: 110px;
}

.top-page .cityMaster .dropdown-toggle::after,
.top-page .buttons-collection::after {
    content: none;
}

.top-page .t-title .dropdown-menu{
    padding: 8px 12px;
}

.top-page .dropdown-item{
     height: 24px;
    font-size: var(--font-size-small);
}

.top-page .dropdown-item-last{
   
    border-top:1px solid var(--Gray-6);
    color: var(--Blue-2);
}

.top-page .brl {
    border-radius: 4px 0 0 4px;
}

.top-page .brr {
    border-radius: 0 4px 4px 0;
}

.top-page .ts-fxc {
    display: flex;
    align-items: center;
}

.top-page .ts-fxg {
    gap: 8px;
}

.top-page .svg-rda {
    background: url("../img/bi_right_double_arrow.svg") no-repeat left center;
    padding-left: 35px;
    background-size: 15px 15px;
    background-position-x: 12px;
    background-color: var(--White);
}

.top-page .svg-doa {
    background: url("../img/bi_down_arrow.svg") no-repeat left center;
    padding-left: 35px;
    background-size: 15px 15px;
    background-position-x: 12px;
    background-color: var(--White);
}

.top-page .c-header {
	margin-top: 5px;
	margin-bottom: 5px;
}

.top-page .c-main {
	gap: 5px;
}

.top-page .cityMaster #bs-select-1 {
    max-height: 100% !important;
}

.cityMaster{
    border-radius: 25px;
    width: auto !important;
}

.cityMaster>.dropdown-toggle{
    color: var(--Blue-2) !important;
    background-color: var(--White) !important;
    border: 1px solid var(--Blue-2) !important;
    padding-left: 30px !important;
    padding-top: 3px !important;
    width: auto !important;
    max-width: 150px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    border-radius: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-image: url("../img/bi_down_arrow.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: 8px;
}

.cityMaster>.bs-placeholder {
    font-size: 12px;
}

.cityMaster .filter-option-inner-inner {
    max-width: 150px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}

#tp-tab-3{
    height: 195px;
    overflow-y: auto;
}

#tp-tab-3::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: var(--white);
}

#tp-tab-3::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--white);
}

#tp-tab-3::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--Gray-6);
}

.graph-text-3 {
    width: 33.33%;
    height: auto !important;
    background: var(--White);
}

.content-3{
    padding: 8px 16px;
}

.graph-3-item{
    width: 100%;
    background: var(--Gray-3);
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 5px 20px;
}

.graph-3-item-child{
    width: 100%;
    background: var(--Gray-1);
    padding: 5px 20px;
    padding-bottom: 0px;
}

.graph-3-item-child:last-child{
    padding-bottom: 20px;
}

.graph-3-item-child .graph-3-list{

    border-bottom: 1px solid var(--Gray-6);
}

.graph-text.content-3 h2{
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-2);
    letter-spacing: 0.5px;
    padding: 8px 16px;
}

.graph-run-ico{
    width: 80px;
    background-image: url(../img/run-home.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px;
    background-position-x: 15px;
}

.graph-run-ico2{
    width: 80px;
    background-image: url(../img/small-people-one.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px;
    background-position-x: 15px;
}

.graph-3-list{
    display: flex;
    gap: 20px;
}

.graph-3-left{
    display: flex;
    align-items: center;
}

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

.graph-3-text-list .cst-text{
    font-size: var(--font-size-2);
}

.graph-3-text-list{
    display: flex;
    width: 100%;
    height: 100%;
    padding: 10px 0;
    gap: 8px;
    flex-direction: column;
}

.graph-3-text-list .ico{
    width: 12px;
    height: 13px;
    display: inline-block;
    border-radius: 3px;
    margin-right: 5px;
}

.graph-3-text-list>div{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-right: 25px;
    align-items: center;
}

.graph-text-select{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.graph-text-content-1 {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    height: calc(100% - 50px);
    overflow-y: auto;
}

.graph-title-1{
    color: var(--Black);
    font-size: var(--font-size-8);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: 150%; /* 22.5px */
    letter-spacing: 0.6px;
}

.graph-1-text-list{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.graph-1-text-list>div{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 4px;
    background: var(--Gray-1);
}

.graph-1-item-title{
    display: flex;
    padding: 10px 16px;
    align-items: flex-start;
    align-self: stretch;
    background: var(--Level-5);
    color: var(--White);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.graph-1-item-content{
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
}

.graph-1-item-content .g1it-list{
    display: flex;
    padding-bottom: 12px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    font-size: var(--font-size-7);
    border-bottom: 1px solid var(--Gray-4);
}

.graph-1-item-content .g1it-list .g1it-time{
    display: flex;
    width: 65%;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.graph-1-item-content .g1it-list .g1it-num{
    display: flex;
    align-items: center;
    gap: 4px;
}

.g1it-weight{
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-8);
}

/*20240328 start*/
.t-r2-c2.graph-2{
    background: var(--White);
}

.graph-text-2{
    background: var(--White);
    height: 100% !important;
}

.graph-text-content-2 {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    align-self: stretch;
    height: calc(100% - 50px);
    overflow-y: auto;
}
.graph-text.content-3{
    height: 400px;
    overflow-y: auto;
}
.text-content-2-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}

.text-content-2-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.text-content-2-item .content-title {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    font-weight: var(--font-weight-bold);
}

.text-content-2-item .content-item {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 14px;
    align-self: stretch;
    border-radius: 4px;
    background: var(--Gray-1);
}

.text-content-2-item .content-item img {
    width: 30px;
    height: 30px;
}

.text-content-2-item .content-item .img-visibility {
    visibility: hidden;
}


.text-content-2-item .content-item>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 1 0 0;
    gap: 5px;
}

.text-content-2-item .content-item>div>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.text-content-2-item .content-item .content-item-column {
    color: var(--Black);
    font-size: var(--font-size-7);
    letter-spacing: 0.52px;
}

.text-content-2-item .content-item .content-item-num {
    color: var(--Blue-2);
    font-size: var(--split-size);
    font-weight:  var(--font-weight-bold);
    letter-spacing: 0.64px;
    display: flex;
    align-items: center;
    gap: 2px;
}

.text-content-2-item .content-item .content-item-unit {
    color: var(--Black);
    font-size: var(--font-size-7);
    font-weight:  var(--font-weight-normal);
    letter-spacing: 0.52px;
}

.text-content-2-list.content1 .categoryName-ico1 {
    width: 12px;
    height: 13px;
    display: inline-block;
    border-radius: 3px;
    margin-right: 5px;
    border-radius: 2px;
    background: var(--Warning);
}

.text-content-2-list.content1 .categoryName-ico2 {
    width: 12px;
    height: 13px;
    display: inline-block;
    border-radius: 3px;
    margin-right: 5px;
    border-radius: 2px;
    border: 1px solid var(--Success);
    background: var(--Success_light);
}

.text-content-2-list.content1 .categoryName-ico3 {
    width: 12px;
    height: 13px;
    display: inline-block;
    border-radius: 3px;
    margin-right: 5px;
    border-radius: 2px;
    background: var(--Success);
}

.text-content-2-list.content1 .categoryName-ico4 {
    width: 12px;
    height: 13px;
    display: inline-block;
    border-radius: 3px;
    margin-right: 5px;
    border-radius: 2px;
    background: var(--Black);
}

.text-content-2-list.content1 .categoryNum1 {
    color: var(--Warning);
}

.text-content-2-list.content1 .categoryNum2 {
    color: var(--Success);
}

.text-content-2-list.content1 .categoryNum3 {
    color: var(--Success);
}

.text-content-2-list.content1 .categoryNum4 {
    color: var(--Black);
}

.osirase .modal-body {
    height: auto;
    max-height: 70vh;
    overflow-y: auto;
}
/*職員ポータル end*/
  /*クロノロジー--start*/
  .chronology-c-main {
    padding: 0px;
  }

  .chronology-left-width {
    width: 60%;
    min-width: 900px !important;
    position:relative;
  }

  .chronology-left-demand-width {
    min-width: 800px !important;
    width : 100% !important;
  }

  .chronology-right-block-width{
    min-width: 600px;
    width: 40%;
  }

  .chronology-right-width {
    width: 29% !important; 
    width: 557 !important; 
    margin-left: 20px;
  }
  .cngv0010Form .chronology-right-width{
    width:unset !important;
  }

  .cngv0010Form .chronology-right-block-width .tab-content>.tab-pane{
    padding: 0px 16px 24px 16px
  }

  .chronology-right-demand-width {
    width: 39% !important; 
    min-width: 618px !important;
  }

   .chronology-container {
    max-width: 100%;
    border-right : 0px !important;
   }

  .chronology-select-input::placeholder {
    font-family: var(--font-family);
    font-size: 11px;
  }
  .chronology-select-input::-webkit-input-placeholder {
    font-family: var(--font-family);
    font-size: 11px;
  }

  .chronology-tab-button-list {
    top: 751px;
  }

  .chronology-hover-right-button {
    padding: 4px 16px !important;
  }

  .chronology-flex {
    flex: 0.1 0 0 !important;
  }

  .chronology-flex-tab2 {
    flex: 0.5 0 0 !important;
  }

  .chronology-text-right {
    max-width: 40% !important;
  }

  .chronology-text-nolb {
    margin-top: 23px !important;
  }

  .chronology-select-row {
    flex-wrap: nowrap !important;
  }

  .chronology-select1-tooltip{
    max-width: 119px !important;
  }

  .chronology-select2-tooltip{
    max-width: 125px !important;
  }

  .chronology-select3-tooltip{
    max-width: 153px !important
  }

  .chronology-select1-col{
    max-width: 120px !important
  }

  .chronology-select2-col{
    max-width: 120px !important;
    padding-right: 5px !important;
    padding-left: 17px !important;
  }

  .chronology-select3-col{
    max-width: 175px !important;
    padding-right: 0 !important;
    padding-left: 22px !important;
  }

  .chronology-select-text1{
    max-width: 160px !important;
    padding-right: 5px !important;
    padding-left: 20px !important
  }

  .chronology-select-text2{
    max-width: 160px !important;
    padding-right: 5px !important;
    padding-left: 24px !important;
  }

  .chronology-select-text3{
    max-width: 160px !important;
    padding-right: 5px !important;
    margin-left: -36px !important;
  }
  .chronology-select-text1>input,
  .chronology-select-text2>input,
  .chronology-select-text3>input{
    max-width: 147px !important;
  }

  .chronology-tooltip>label{
    font-weight: 700;
  }

  .chronology-tooltip-chk {
    display:inline-block !important;
    margin-top: 1px;
  }

  .chronology-tooltip-chkgap {
    gap: 8px 8px !important;
  }

  .chronology-noborder {
    border-top: 0;
  }
  .chronology-nolfetborder {
    border-left: 0;
  }
  .chronology-unit span {
    margin-left: -25px;
    padding-left: 4px;
    padding-right: 4px;
    white-space: nowrap;
    font-weight: 700;
    font-size: 12px;
  }

  .two-word-span {
    margin-left: -40px !important;
    font-weight: 700;
    font-size: 12px;
  }

#chronology .container .col{
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-bottom: 16px;
    letter-spacing: 0.56px;
    flex-wrap: wrap;
}

#chronology .row>.col>label{
    font-weight: 700;
    font-size: 12px;
}

#chronology .unit input[type="text"]{
    width: 100%;
}
.chronology-text-nolb2 {
    margin-top: 19px;
}

#chronology .row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
  }

  .chronology-title {
    padding-left: 0px !important;
    margin-left: 5px;
  }

  .chronology-title div {
    font-weight: 700;
  }

  .chronology-tab1-p1 {
    margin-bottom: 5px;
    margin-top: 20px;
  }

  .chronology-tab1-p2 {
    margin-top: 11px;
  }

  .chronology-tab1 textarea{
    margin-bottom: 5px;
    width: 100%;
  }
  .chronology-tab1 select{
    width: 165px;
  }

  .container-items{
    display: flex;
    background: var(--Gray-1);
    border: 0;
    border-radius: 4px;
    padding: 15px;
    padding-top: 0px;
    gap: 8px;
    flex-direction: column;
  }

  .shelterInput-c-main .pane-left .demand-div{
    display: flex;
    background: var(--White);
    border: 1px solid var(--Gray-6);
    border-radius: 4px;
    padding: 16px;
    gap: 8px;
    flex-direction: column;
  }
  
  .pl-info-border{
    border-bottom: 2px solid var(--Gray-6);
    padding-bottom: 10px;
    margin-top: 10px;
  }

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

  .chronology-demandlist{
    display: flex;
    background: var(--Gray-1);
    border: 0;
    border-radius: 4px;
    padding: 13px;
    gap: 8px;
    flex-direction: column;
  }

  .pl-info-btn2{
    gap:10px !important;
    display:flex;
    flex-direction:row;
    justify-content:flex-end;
  }

  .chronology-demand{
    background:var(--Gray-1);
    padding-top: 15px;
    border-radius:4px;
  }

  .chronology-demand-notification-padding{
    padding-top: 0px;
  }

  .chronology-file-dialog {
    --bs-modal-width: 650px;
  }

  .chronology-time-fontSize {
    font-size: 14px !important;
  }

  .chronology-msg-cnt-inbtn {
    vertical-align: bottom !important;
    margin-left: 0px !important;
  }

  .chronology-demand-notification-fontsize {
    font-size: 14px !important;
    font-weight: 300 !important;
  }

  .chronology-input-width {
    width: 50%;
  }

  .chronology-radio-width {
    max-width: 200px !important;
  }

  .chronology-radio-width .chk-group {
    gap: 5px 5px;
  }

  .chronology-accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0px 5px 0px 0px!important;
    margin-top: 12px !important;
    margin-bottom: 12px !important;
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
    margin-left: auto !important;
  }

  .chronology-accordion-button span{
    margin-left :0px;
  }

  .chronology-accordion-button .msg-cnt-inbtn{
    color: white!important;
  }

  .chronology-accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
  }

  .chronology-accordion-item {
    border: 0px !important;
    min-width: 0px !important;
    margin-bottom: 16px
  }

  .chronology-accordion-button:focus {
    box-shadow: 0 0 0 0 !important;
}

.chronology-demandRed-btn {
    background-image: url("../img/demand_red.svg");
    background-repeat: no-repeat;
    background-position: center center;
    height: 20px;
    background-position-x: 1%;
    min-width: 160px;
}

.chronology-demandGray-btn {
    background-image: url("../img/demand_Gray.svg");
    background-repeat: no-repeat;
    background-position: center center;
    height: 20px;
    background-position-x: 60px;
}

.chronology-dealingGreen-btn {
    background-image: url("../img/dealing_green.svg");
    background-repeat: no-repeat;
    background-position: center center;
    height: 20px;
    background-position-x: 1%;
    min-width: 160px;
}

.chronology-dealingGray-btn {
    background-image: url("../img/dealing_gray.svg");
    background-repeat: no-repeat;
    background-position: center center;
    height: 20px;
    background-position-x: 60px;
}

.chronology-demand-div {
    display: flex;
    width: 28px;
    height: 28px;
    padding: 4px;
    align-items: center;
    gap: 2px;
    border-radius: 50px;
    background: var(--Alert_light, #FFE5E5);
}

.chronology-demand-div-img {
    width: 19.334px;
    height: 16px;
    left: 4.666px;
    top: 7px;
    background-image: url("../img/demand_red.svg");
    background-repeat: no-repeat;
    background-position: center center;
}


.chronology-dealingtarget-div {
    display: flex;
    width: 28px;
    height: 28px;
    padding: 5px;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    background: var(--Warning_light, #FFF7E2);
}

.chronology-dealingtarget-div-img {
    width: 19.334px;
    height: 16px;
    left: 4.666px;
    top: 7px;
    background-image: url("../img/dealing_yellow.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.chronology-dealing-div {
    display: flex;
    width: 28px;
    height: 28px;
    padding: 5px;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    background: var(--Success_light, #E2F6DF);
}

.chronology-dealing-div-img {
    width: 16.28px;
    height: 16.53px;
    left: 4.523px;
    top: 5.469px;
    background-image: url("../img/dealing_green.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.chronology-activity-calendar-img {
    margin-left: 3px;
    width: 22px;
    height: 22px;
    background-image: url("../img/demand_calendar.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.chronology-demand-calendar-img {
    margin-left: 32px;
    width: 22px;
    height: 22px;
    background-image: url("../img/demand_calendar.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.chronology-demand-div-text {
    display: flex;
    align-items: center;
    gap: 6px;
}

.chronology-demand-div-text span{
    color: var(--Alert, #EC0000);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.chronology-dealingtarget-div-text {
    display: flex;
    align-items: center;
    gap: 6px;
}

.chronology-dealingtarget-div-text span{
    color: var(--Warning, #B07400);
    font-size: 16px;
    font-weight: 500;
}

.chronology-dealing-div-text {
    display: flex;
    align-items: center;
    gap: 6px;
}

.chronology-dealing-div-text span{
    color: var(--Success, #369D25);
    font-size: 16px;
    font-weight: 500;
}

.chronology-dealingend{
    display: flex;
    width: 60px;
    padding: 5px 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: var(--Success, #369D25);
    color: var(--White, #FFF);
    font-size: 12px;
    font-weight: 500;
}

.chronology-dealingtarget{
    display: flex;
    width: 60px;
    padding: 5px 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: var(--Warning, #B07400);
    color: var(--White, #FFF);
    font-size: 12px;
    font-weight: 500;
}

.chronology-dealingtnot{
    display: flex;
    width: 60px;
    padding: 5px 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: var(--Gray-5, #CCC);
    color: var(--Black, #121212);
    font-size: 12px;
    font-weight: 500;
}

.chronology-dealinging{
    display: flex;
    width: 60px;
    padding: 5px 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--Success, #369D25);
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    border: 1px solid var(--Success, #369D25);
    background: var(--Success_light, #E2F6DF);
}

.chronology-replyBtn-disabled{
    display: flex;
    height: 32px;
    padding: 0px 8px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid var(--Gray-5, #CCC);
    background: var(--Gray-1, #F7F7F7);
    margin-left: 36px;
    pointer-events: none;
}

.chronology-replyBtn{
    display: flex;
    height: 32px;
    padding: 0px 8px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid var(--Gray-5, #CCC);
    background: #e5e5e5;
    margin-left: 36px;
}

.chronology-replydiv{
    color: var(--Gray-7, #666);
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
}

.zTreeDemoBackground span{
    color: var(--Gray-7, #666);
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
}

.chronology-calendar-time-98{
    width: auto !important;
    background-position-x: 98%;
}

.chronology-calendar-time-97{
    width: auto !important;
    background-position-x: 97%;
}

.chronology-calendar-time-demand {
    background-image: url(../img/calendar.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: 163px;
    cursor: pointer;
    padding-left: 8px;
    width: 187px !important;
}

.cngv0010Form .chronology-calendar-time-demand {
     background-position-x: 135px;
     font-size: 12px;
     width: 160px !important;
 }

.chronology-time-margin-top {
    margin-top: 3.5px;
}

.chronology-relation-col {
    display: flex;
    gap: 5px;
    letter-spacing: 0.56px;
    flex-wrap: wrap;
}

.chronology-relation-col label {
    margin-top: 7px;
}

.chronology-locationAddress-copy-btn {
    margin-left: 10px;
}

.chronology-disasterOther {
  display: flex;
  min-width: 684px;
}

.chronology-leftOther div {  
  height: 55px;
  background-color: #F7F7F7;
  padding: 19px;
  font-weight: 700;
  font-size: 12px;
}

.chronology-rightHeader {
  height: 55px;
  font-weight: 700;
  padding: 16px;
  font-size: 16px;
  border-bottom: 2px solid var(--Gray-6);
}

.chronology-leftDiv {
  width: 170px
}

.chronology-rightDiv {
  width: 83%;
  margin-left: 20px;
}

.chronology-rightHeader-text-padding {
  padding: 15px;
}

.chronology-rightHeader-text {
  font-weight: 700;
  font-size: 16px;
}

.chronology-required-item {
  margin-right: 10px;
}

.chronology-required-itemNum {
  color: var(--Alert, #EC0000);
  font-size: 16px;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: 0.64px;
}

.chronology-map-div {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.chronology-map-info {
  width: 100%;
  max-width: 70%;
  cursor: pointer;
}

.chronology-map-pic {
  border: 0;
  display: inline-block;
  color: #000;
}

.chronology-pic-text {
  color: var(--Gray-7, #666);
  font-size: 13px;
  font-weight: 300;
  line-height: 150%; /* 19.5px */
  letter-spacing: 0.52px;
}

.chronology-pic-form-margin {
  margin-bottom: 0px;
}

.chronology-pl-infoReply {
  padding: 0px 0px 0px 36px;
}

.chronology-pl-infoEdit {
  padding: 0px 0px 0px 36px;
}

.chronology-pl-textarea {
  width: 100%;
  background: var(--e-5-efff, #E5EFFF);
  border: 1px solid var(--Blue-2, #0F67FF);
  border-bottom: 0px;
  border-radius: 4px 4px 0px 0px;
}

.pl-info-btn-div {
  display: flex;
  flex-direction: row;
  height: 50px;
  border-radius: 0px 0px 4px 4px;
  background: var(--Gray-1);
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--Blue-2, #0F67FF);
  border-top: 1px solid var(--Gray-5, #CCC);
  padding: 9px;
  margin-top: -6px;
}

.pl-info-btn-div-gap {
  display: flex;
  gap: 10px;
}

.pl-info-btn-div-text {
  margin-top: 4px;
}

.pl-info-padding {
  padding: 0px 0px 0px 36px;
}

.chronology-flex {
  display: flex;
}

.chronology-header-min-width {
  min-width: 0px;
}

.chronology-demand-notification-div {
  border-bottom: 2px solid var(--Gray-6);
}

.chronology-demand-notification-text {
  margin-left: 25px;
  margin-bottom: 3px;
}

.chronology-demand-nonotification-div {
  height: 20px;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.chronology-demand-nonotification-text {
  font-size: 14px;
  font-weight: 300;
  margin-left: 20px;
}

.chronology-demand-accordion-item {
    border: 0px !important;
    min-width: 0px !important;
}

.chronology-demand-red-circle{
  display: flex;
  width: 10px;
  height: 10px;
  padding: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  background: var(--Alert, #EC0000);
}

.pl-title-padding-10{
  padding: 0px 0px 0px 10px;
}

.pl-info-overflow{
  word-break: break-all;
  padding: 0px 0px 0px 38px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pl-info-padding-36{
  padding-left: 36px;
}

.pl-info-margin-0{
  margin-top: 0px;
}

.collapseCnt-margin{
  margin-left: 15px;
}

.chronology-demand-margin-36{
  margin-left: 36px;
}

.chronology-demand-activities-margin-5{
  margin-top: 5px;
}

.chronology-modal-file-get{
  height: 600px;
  overflow-y: auto;
}

.chronology-modal-demand{
  overflow-y: auto;
}

.chronology-modal-printReport{
  height: 800px;
  width: 920px;
}

.chronology-modal-printReport-table {
  max-height: 650px;
}

.printReport-table tr td {
  word-break: break-all;
  text-align: left;
}
.printReportTable {
  border-collapse: collapse
}
.printReportTable td {
  border-top: 1px solid black;
  border-right: 1px solid black;
}
.printReportTable tr {
  border-left: 2px solid black;
  border-right: 2px solid black;
}
.printReportFont{
  font-weight: 700;
  font-size: 16px;
}
.printReport-border-right{
  border-right: 2px solid black !important;
}
.vertical-text {
  letter-spacing: 5px;
  text-align: center !important;
  border-right: 2px solid black !important;
  width: 20px;
  padding: 10px !important;
}
.printReportPart1 tr:first-child{
  border-top: 2px solid black !important;
}
.printReportPart1-w-150{
   width: 150px;
}
.printReportPart1-w-223{
   width: 223px;
}
.printReportPart1-w-200{
   width: 200px;
}
.printReportPart1-h-80{
   height: 80px;
}
.printReportPart2-h-60{
   height: 80px;
}
.printReportPart2 tr:last-child{
  border-bottom: 2px solid black !important;
}
.printReportPart2-tr1-td1{
  width: 20px;
}
.printReportPart2-tr1-td2{
  height: 20px;
  width: 195px;
}
.printReportPart2-tr1-td3{
  width: 150px;
}
.printReportPart2-tr1-td4{
  border-bottom: 0px;
}
.printReportPart2-tr2{
  height: 80px;
}
.printReportPart2-tr2-td3{
  border-top: 0;
}
.printReportPart4-w-85{
  width: 85px;
}
.printReportPart4-w-125{
  width: 125px;
}
.printReportPart3 tr:first-child{
  border-left: 1px solid black !important;
  border-right: 1px solid black !important;

}

.printReportPart3-w{
   width: 70% !important;
   float: right;
   margin-top: 30px;

}
.printReportPart4 tr:last-child{
  border-bottom: 2px solid black !important;

}
.printReporMap{
    border-left: 2px solid black;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    padding-bottom: 20px;
}

.printReporMap-div{
  padding: 5px 0px 5px 0px;
}

.printReporMap-pic{
  width: 100%;
}

.chronology-image-container {
    display: flex;
    flex-wrap: wrap;
    height: 400px;  
    gap: 12px;
}

.chronology-image-container-item {
    height: 52%;
    width: 247px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    position: relative;
}

.chronology-image-container-item img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.chronology-image-delete-container {
    margin-top: 8px;
    z-index: 1;
  }

  .chronology-image-edit-container {
      margin-top: 37px;
      float: left;
      position: absolute;
      top: 0px;
      right: 5px;
      z-index: 1;
  }

.chronology-image-date-container {
    color: var(--Gray-7, #666);
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.48px;
  }
.chronology-image-detail-container{
    display: flex;
    align-items: center;
    justify-content: center;
}

.chronology-image-container-item .chronology-image-delete-container {
    float: left;
    position: absolute;
    top: 0px;
    right: 5px;
}

.chronology-image-container-item .chronology-image-detail-container {
    border-radius: 4px;
    height: 166px;
    width: 247px;
    overflow: hidden;
    border: 1px solid var(--Gray-4);
  }

.chronology-image-container-item .chronology-image-name-container {
    word-break: break-all;
    font-size: 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chronology-divider {
    background-color: #dcdfe6;
    position: relative;
}

.chronology-divider--horizontal {
    display: block;
    height: 1px;
    margin: 6px 0;
}

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

.chronology-page-container .chronology-page-prev {
    margin-top: 5px;
    margin-right: 6px;
}

.chronology-page-container .chronology-page-num {
    margin-top: 8px;
    margin-right: 6px;
}

.chronology-page-container .chronology-page-next {
    margin-top: 5px;
    margin-right: 10px;
}

.chronology-page-container .chronology-page-div {
    display: flex;
    gap: 10px;
    margin-right: 16px;
}

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

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

.chronology-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;
}

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

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

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

.btn-close {
    cursor: pointer;
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
    opacity: var(--bs-btn-close-opacity);
    background-color: white;
}

.btn-close.light {
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    background-color: #606266;
}
.chronology-text-center{
    display: flex;
    align-items: center;
}

.chronology-disablsed{
    pointer-events: none; 
    border: 1px solid var(--Gray-6); 
    color: var(--Gray-7);
    background-color:var(--Gray-1);
}

.chronologyZtree li a.curSelectedNode {
    padding-top : 0px !important;
    background-color : unset !important;
    color : unset !important;
    height : 16px !important;
    border : unset !important;
    opacity : unset !important;
}

.chronologyZtree li a {
    padding: 1px 3px 0 0 !important;
    margin: 0 !important;
    cursor: unset !important;
    height: 25px !important;
    color: var(--Black) !important;
    background-color: transparent !important;
    text-decoration: none !important;
    vertical-align: top !important;
    display: inline-block !important;
    pointer-events: none !important;
}

.chronology-dropdown .dropdown-menu{
 min-width: 0px !important;
 max-height: 220px !important;
}

.chronology-disable-a{
    pointer-events: none;
    cursor: default;
}

.chronology-width-li{
    word-break: break-word;
    max-width: 260px;
    line-height: 16px;
}

.activitiesStatusReply{
    background-color: white;
}

/*2024/07/30--s*/
.chronology-no-div{
    padding-left: 20px;
    padding-top: 1px;
    min-width: 285px;
}
.chronology-no-span{
    padding-left: 7px;
}

.chronology-dealingend-title{
    display: flex;
    width: 71px;
    padding: 5px 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: #00b050;
    color: var(--White, #FFF);
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    margin-top: 3px;
}

.chronology-dealingtarget-title{
    display: flex;
    width: 71px;
    padding: 5px 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: #ff7a00;
    color: var(--White, #FFF);
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    margin-top: 3px;
}

.chronology-dealingtnot-title{
    display: flex;
    width: 71px;
    padding: 5px 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: #7f7f7f;
    color: var(--White, #FFF);
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    margin-top: 3px;
}

.chronology-dealinging-title{
    display: flex;
    width: 71px;
    padding: 5px 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--White, #FFF);
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    background: #0070c0;
    height: 24px;
    margin-top: 3px;
}

.chronology-map-div-width {
    min-width: 0px !important;
}

.chronology-map-div-margin {
    margin-top: 20px;
}

.chronology-chk-flex {
    flex: 0.12 0 0% !important;
    max-width: fit-content !important;
    margin-top: 22px !important;
}

.cngv0010Form .chronology-chk-flex {
    flex: unset !important;
}

.chronology-label-size {
    font-weight: 700 !important;
    font-size:14px !important;
}

.chronology-accordion-body {
    justify-content: unset !important;
}

.chronology-width-li-from {
    margin-left: 36px !important;
}
.chronology-width-li-from2 {
    margin-left: 28px !important;
}
.chronology-reporterBuilding-mr {
    margin-top: 29px !important;
}
.chronology-reporterBuilding-mr2 {
    margin-top: 44px !important;
}

.chronology-reporterBuilding-mr2 {
    margin-top: 44px !important;
}

.cngv0010Form .shelter-image-container {
    height: 260px !important;
}
.cng-img-area .chronology-image-container-item {
    height: 75% !important;
}
.cngv0010Form .area-margin{
    margin-right: 40px;
    margin-left: 10px;
}
.cngv0010Form .shelterInput-c-main .pl-title-left li:nth-child(7) {
    border-right: unset;
    padding-right: 0;
}
.chronology-org-margin-left {
    margin-left: 10px;
}
/*2024/07/30--e*/
.count-display{
    margin-top: 10px;
}
.cngv0010Form .act-file-modal .modal-title-file {
    display: flex;
    flex-direction: column;
}
.cngv0010Form .act-file-modal .header-button{
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 5px 20px;
    align-items: center;
}
.cngv0010Form .act-file-modal .header-button .shelterInput-img-add-btn{
    height: unset
}
.cngv0010Form .act-file-modal .modal-footer{
    padding-top: 10px;
}
.cngv0010Form .act-border{
    border-top: 1px solid #dcdfe6;
    margin-top: 10px;
}
.cngv0010Form .act-file-modal .chronology-image-container-item{
    height: 40%;
    width: 200px;
}
.cngv0010Form .act-file-modal .chronology-image-container-item .chronology-image-detail-container{
    height: 120px;
    width: 200px;
}
.cngv0010Form #addFileModalLabe{
    box-shadow: unset
}
.cngv0010Form #fileError{
    white-space: normal;
    word-break: break-all;
}

  /*クロノロジー--end*/
  .w-50{
    width: 50% !important;
  }

/*避難所情報--start*/
#sltv0010Form .map-active table tr:hover td {
    background-color: var(--Blue-4) !important;
    cursor: pointer !important;
}

#sltv0010Form .map-active tr.selected-point td {
    background-color: var(--Blue-4) !important;
    cursor: pointer !important;
}
.shelterIntelligence-Info .col{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 16px;
    letter-spacing: 0.56px;
}

.no-page{
    justify-content: end !important;
}

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

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

.shelterIntelligence-dialog-table1 td:nth-child(2),
.shelterIntelligence-dialog-table1 td:nth-child(3),
.shelterIntelligence-table td:nth-child(3),
.shelterIntelligence-table td:nth-child(4)
{
    text-align: left;
}

.shelterIntelligence-table td:nth-child(7),
.shelterIntelligence-table td:nth-child(8)
{
    text-align: right;
}

.shelterIntelligence-table td:nth-child(3)
{
    min-width: 145px;
}

.shelterIntelligence-table th:nth-child(5)
{
    min-width: 55px;
    white-space: nowrap;
}

.shelterIntelligence-table th:nth-child(8)
{
    min-width: 77px;
}

.shelterIntelligence-table{
    max-width: 1420px;
}

@media (min-width: 1405px) {
    .br-auto{
        display: contents;
    }
}

.w-150{
    width: 150px;
}

.shelter-dialog-single-table table th{
    white-space: nowrap;
}

.div-arc-border{
    border-radius: 8px;
}

.shelterIntelligence-table.fixedHeader-floating th{
    border-top: unset !important;
}

.div-width-adjustment{
    display: inline-flex;
}

.nav-width-1{
    min-width: 150px;
}
.nav-width-2{
    min-width: 205px;
}
.mt-label-disasterInfo{
    margin-top: 7px;
    font-weight: 400 !important;
}
.shelter-intelligence-main #exampleModal3 .select-all-search {
    padding: 20px;
    height: 67vh;
    min-height: 620px;
}
.shelter-intelligence-main #exampleModal3 .overflow-items {
    padding: 20px;
    height: 67vh;
    min-height: 620px;
}
.shelter-intelligence-main #exampleModal3 .search-content {
    margin-bottom: 8px;
}
/*避難所情報--end*/

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

.e-btn-float-border {
    float: right;
    border: 1px solid var(--Blue-2);
}

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

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

.div-has-border{
    border-style: solid;
    border-width: 1px;
    border-color: var(--Gray-4);
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-style: none;
    border-right-style: none;
}

.div-pic-width{
    width: 520px !important;
}

.div-flex-column {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.shelterInput-tab-height{
    height: 450px;
}

.shelterInput-min-right-width{
    width: 33%;
    min-width: 400px !important;
}

.shelterInput-m1-min-right-width{
    min-width: 1400px !important;
}

.shelterInput-m2-min-right-width{
    margin-bottom: 16px !important;
    min-width: 1280px !important;
}

.shelterInput-aggregate-gap{
    gap: 4px !important;
}

.shelterInput-aggregate-pad-left{
    padding-left: 10px !important;
}

.shelterInput-all-font-size{
    font-size: 13px !important;
}

.shelterInput-font-size{
    font-size: 12px !important;
}

.shelterInput-all-hr-margin{
    margin-top: 0px !important;
}

.shelterInput-map-style{
    width: 100%;
    max-width: 70%;
    cursor: pointer;
}

.shelterInput-map-add-style{
    min-width: 65px;
    display: inline-block; 
    color: var(--Gray-7, #666);
    font-size: 12px;
}

.shelterInput-dealing-div-img {
    width: 16px;
    height: 16px;
    left: 4.523px;
    top: 5.469px;
    background-image: url("../img/dealing_green_small.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.shelterInput-activity-bor-right {
    border-right: 1px solid var(--Gray-6);
    padding-right: 8px;
}

.shelterInput-activity-date-right {
background-position-x: 95%;
}

.shelterInput-activity-info-padding {
    padding-left: 36px;
}

.shelterInput-activity-info-margin {
    padding-top: 0px;
    margin-left: 36px;
}

.shelterInput-activity-hr {
    margin-top: 2px;
    margin-bottom: 0px;
    border-top-width: 2px;
}

.shelterInput-activity-hr-border {
    border-bottom: 0px;
}

.shelterInput-activity-div-border {
    border-left-width: 0px;
    border-right-width: 0px;
}

.shelterInput-activity-border-left {
    border-left: 5px solid var(--Gray-5, #CCC);
}

.shelterInput-activity-border-padding {
    border: none !important;
    padding: 0 !important;
}

.shelterInput-activity-div-bkc {
    background-color: transparent !important;
    border-right: 1px solid var(--Gray-5, #CCC);
    border-radius: 0 !important;
}

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

.shelterInput-pic-count-align {
    margin-left: 16px;
    display: flex;
    align-items: center;
}

.shelterInput-pic-count-padd {
    height: 91.5% !important;
    overflow-y: auto;
    padding: 16px 16px !important;
}

.shelterInput-pic-count {
    color: var(--Gray-7, #666);
    font-size: 13px;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.52px;
}

.shelterInput-div-item {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.shelterInput-noborder {
    border-top: 0;
    padding-bottom: 7px;
}

.shelterInput-tab-content{
    overflow-y: hidden;
}

.shelterInput-pic-div-pad{
    padding: 0px !important;
    border: 1px solid var(--Gray-4, #E5E5E5);
    border-radius: 5px 5px 4px 4px !important;
    margin-left: 20px;
    height: 484px !important;
}

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

.shelterInput-pic-delete{
    background: url(../img/bi_del_Gray_6.svg) no-repeat left center;
    width: 24px;
    height: 24px;
    background-position: center center;
    border-radius: 24px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    padding-left: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    background-color: white;
}

.shelterInput-pic-edit{
    background: url(../img/bi_edit2_Gray_6.svg) no-repeat left center;
    width: 24px;
    height: 24px;
    background-position: center center;
    border-radius: 24px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    padding-left: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    background-color: white;
}

.shelterInput-div-pic-pop {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
    padding: 16px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.shelterInput-pic-camera-div{
    display: flex;
    padding: 3px 10px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    position: absolute;
    left: 8px;
    top: 8px;
    border-radius: 26px;
    background: rgba(0, 0, 0, 0.30);
    width: 50px;
    height: 26px;
    z-index: 1;
}

.shelterInput-pic-camera-img {
    border: none;
    color: white;
    font-size: 12px;
    font-weight: 300;
    line-height: 145%;
    background: url(../img/camera_white.svg) no-repeat left center;
    padding: 3px 3px 3px 21px;
}

.shelterInput-div-pic-pop-row {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important; 
    padding-left: 0px !important; 
    gap: 4px;
}

.shelterInput-div-pic-pop-col {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 0px !important; 
    gap: 8px;
    padding-right: 16px;
}

.shelterInput-div-pic-pop-col input{
    width: 200px;
}

.shelterInput-size-pic-right {
    max-width: 70%;
    max-height: 100%;
    height: auto;
}

.shelterInput-btn-pic-bottom {
    position: absolute;
    bottom: 16px;
}

.shelterInput-span-pic-color {
    color: var(--Gray-7, #666);
    text-align: center;
    font-size: 13px;
}

.shelterInput-btn-pic-color {
    display: flex;
    width: 100px;
    height: 32px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background: var(--White);
}
.shelterInput-btn-pic-save-color {
    display: flex;
    width: 100px;
    height: 32px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background: var(--Blue-2);
     color: var(--White);
}

.shelterInput-btn-pic-pop-right {
    background: url(../img/icon_pic_right.svg) no-repeat left center;
    width: 90px;
    height: 90px;
    background-position: center center;
    border-radius: 4px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    padding-left: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    border: 1px solid var(--Gray-5, #CCC);
}

.shelterInput-btn-pic-pop-left {
    background: url(../img/icon_pic_left.svg) no-repeat left center;
    width: 90px;
    height: 90px;
    background-position: center center;
    border-radius: 4px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    padding-left: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    border: 1px solid var(--Gray-5, #CCC);
}

.shelterInput-div-pic-pop-left-all {
    width: 250px;
    height: 590px;
    min-height: 590px;
    min-width: 250px;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 16px;
    padding-top: 16px;
    border-bottom-width: 16px;
    padding-bottom: 16px;
}

.shelterInput-div-pic-pop-right {
    width: 850px;
    height: 590px;
    min-width: 850px;
    min-height: 590px;
    display: flex;
    padding: 8px;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
    flex: 1 0 0;
    align-self: stretch;
    background: var(--Gray-4, #E5E5E5);
}

.shelterInput-div-pic-size {
    width: 760px;
    height: 540px;
    min-width: 760px;
    min-height: 540px;
    display: flex;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    flex: 1 0 0;
    align-items: center;
    background: var(--Gray-4, #E5E5E5);
}

.shelterInput-pic-add-style {
    color: var(--Gray-7, #666);
    font-size: 12px;
}

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

/*ログイン start*/
.login-main{
    width: 100%;
    height: 100vh;
    padding-left: 0 !important;
}

.login-form{
    display: flex;
    height: calc(100vh - 140px);
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.login-content{

    width:400px;
    height: 370px;
    border-radius: 4px;
    border: 1px solid var(--Gray-4);
    background: var(--White);
}

.login-content table{
    width: 100%;
    padding: 38px;
}

.login-content th{
    padding: 8px 12px 4px 12px;
}

.login-content td{
    padding: 8px 12px 20px 12px;
}

.login-content input{
    width: 100%;
    height: 40px;
}

.login-content .log-btn-td,.login-content .log-a-td{
    text-align: center;
}

.login-content .log-btn-td button{
    width: 80%;
    height: 37px;
    border-radius: 6px;
}
.login-content .log-a-td a{
    text-align: center;
    text-decoration: underline;
}

.login-err{
    padding-left: 0px;
    padding-right: 0px;
}

.login-err ul{
    width: 100%;
}

.login-err li{
    margin-top: 0px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding:4px;
    background: var(--Alert-light);
    text-align: center;
}

@media (max-width: 400px) {
    .login-content{
        width:93%
    }
}

#prx-login-table th:nth-child(1){
    min-width: 150px;
}
#prx-login-table td{
    word-break: break-all;
}
#proxyLoginContent .main-active{
  padding-left: unset !important;
  padding-top: unset;
  background-color: var(--bs-white);
  border-radius: var(--bs-modal-border-radius);
}

.proxyLogin-tha{
  width: 15%;
}

.proxyLogin-thb{
  width: 20%;
}

.proxyLogin-thc{
  width: 25%;
}

.proxyLogin-thd{
  width: 50%;
}

.login-form-width{
  width: 100% !important;
}
/*ログイン end*/
/*クロノロジー一覧--start*/
.chronology-list-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.chronology-list-header-msg {
    color:var(--Gray-7);
}

.chronology-list-background-legend-datetime {
    font-size:16px;
    color: #ffccff;
}

.chronology-list-btn-airplane {
    padding-left: 35px !important;
    background: url(../img/bi-paper-airplane_Gray_7.svg) no-repeat center center;
    background-position-x: 12px;
    background-color: var(--White);
    background-position-y: 5px;
}

.chronology-list:not(.chronology-ken-only) td:nth-child(6),
.chronology-list:not(.chronology-ken-only) td:nth-child(7),
.chronology-list:not(.chronology-ken-only) td:nth-child(8){
    text-align: left;
}
.c-list-table table.chronology-list th {
    padding: 0;
}
.chronology-list:not(.chronology-ken-only) td:nth-child(1),
.chronology-list:not(.chronology-ken-only) th:nth-child(1),
.chronology-list:not(.chronology-ken-only) td:nth-child(4),
.chronology-list:not(.chronology-ken-only) th:nth-child(4),
.chronology-list:not(.chronology-ken-only) td:nth-child(9),
.chronology-list:not(.chronology-ken-only) th:nth-child(9),
.chronology-list:not(.chronology-ken-only) td:nth-child(11),
.chronology-list:not(.chronology-ken-only) th:nth-child(11),
.chronology-list:not(.chronology-ken-only) td:nth-child(12),
.chronology-list:not(.chronology-ken-only) th:nth-child(12),
.chronology-list:not(.chronology-ken-only) td:nth-child(13),
.chronology-list:not(.chronology-ken-only) th:nth-child(13),
.chronology-list:not(.chronology-ken-only) td:nth-child(14),
.chronology-list:not(.chronology-ken-only) th:nth-child(14),
.chronology-list:not(.chronology-ken-only) td:nth-child(15),
.chronology-list:not(.chronology-ken-only) th:nth-child(15),
.chronology-list:not(.chronology-ken-only) td:nth-child(16),
.chronology-list:not(.chronology-ken-only) th:nth-child(16){
    width: 4%;
}

.chronology-list:not(.chronology-ken-only) td:nth-child(2),
.chronology-list:not(.chronology-ken-only) th:nth-child(2),
.chronology-list:not(.chronology-ken-only) td:nth-child(3),
.chronology-list:not(.chronology-ken-only) th:nth-child(3),
.chronology-list:not(.chronology-ken-only) td:nth-child(5),
.chronology-list:not(.chronology-ken-only) th:nth-child(5),
.chronology-list:not(.chronology-ken-only) td:nth-child(8),
.chronology-list:not(.chronology-ken-only) th:nth-child(8),
.chronology-list:not(.chronology-ken-only) td:nth-child(10),
.chronology-list:not(.chronology-ken-only) th:nth-child(10){
    width: 6%;
}

.chronology-list:not(.chronology-ken-only) td:nth-child(6),
.chronology-list:not(.chronology-ken-only) th:nth-child(6){
    width: 11%;
}

.chronology-list:not(.chronology-ken-only) td:nth-child(7),
.chronology-list:not(.chronology-ken-only) th:nth-child(7){
    width: 23%;
}


.chronology-list:not(.chronology-ken-only) td:nth-child(16),
.chronology-list:not(.chronology-ken-only) th:nth-child(16){
    padding: 4px;
    white-space: nowrap;
}

.chronology-list td{
    font-size: 13px;
}

.chronology-list:not(.chronology-ken-only) td:nth-child(4) .mark1{
    padding: 2px 10px;
}

.chronology-list-search-checkbox {
    align-items: center;
}

.chronology-list-search-item-high{
    display: flex;
    align-items: flex-start;
}

.chronology-list-search-item-high .modal-item-title{
    padding-top: 2px; 
}

.chronology-list-display-none{
    display: none;
}

.chronology-list-sf-size6 {
    font-size: var(--font-size-3);
    font-weight: 700;
}

.chronology-list-summary{
    justify-content: flex-start;
    gap: 8px;
}

.chronology-list-summary-sum{
    padding: 8px 0 8px 1% !important;
    width: 12%;
    white-space: nowrap;
}

.chronology-list-summary-sum-total{
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.chronology-list-summary-sum-text-spacing{
    padding-left: 1%;
}

.chronology-list-summary-card-block{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width:76%;
}

.chronology-list-summary-card-block .priority-height{
    background-color: #ff453a;
}

.chronology-list-summary-card-block .priority-middle{
    background-color: #eab030;
}

.chronology-list-summary-card-block .priority-small{
    background-color: #219ac6;
}

.chronology-list-priority-height{
    background-color: #ff453a !important;
    color: var(--White);
    font-size: var(--font-size-2);
}

.chronology-list-priority-middle{
    background-color: #eab030 !important;
    color: var(--White);
    font-size: var(--font-size-2);
}

.chronology-list-priority-small{
    background-color: #219ac6 !important;
    color: var(--White);
    font-size: var(--font-size-2);
}

.chronology-list-summary-card{
    width: 34%;
    height: 66px;
    padding: 8px 1%;
    border-radius: 6px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.chronology-list-summary-card-subtotal{
    display: flex;
    flex-direction: column;
    width: 26%;
    align-items: center;
}

.chronology-list-summary-card-subtotal .priority-mark{
    background-color: var(--White);
    font-weight: 700;
    border-radius: 30px;
    padding: 4px 0px;
    font-size: 12px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.chronology-list-summary-card-part-general{
    display: flex;
    flex-direction: column;
    width: 20%;
    align-items: center;
}

.chronology-list-summary-card-part-general .part-title{
    color: var(--White);
    font-size: 12px;
}

.chronology-list-summary-card-part-general .part-number,
.chronology-list-summary-card-subtotal .part-number{
    color: var(--White);
    font-size: var(--font-size-middle);
    font-weight: 700;
    margin-top: 5px;
}

.chronology-list-summary-card-part-secondary{
    display: flex;
    flex-direction: column;
    width: 17%;
    align-items: center;
}

.chronology-list-summary-card-part-secondary .part-title{
    color: var(--White);
    font-size: var(--font-size-mark);
}

.chronology-list-summary-card-part-secondary .part-number{
    color: var(--White);
    font-size: 12px;
    margin-top: 5px;
}

.chronology-list-summary-card-divider{
    border-right: 2px solid var(--White);
}

.chronology-list-summary .e-btn-samari-close{
    position: unset;
    width: 12%;
    white-space: nowrap;
    padding: 0;
    font-size: 12px;
    background-position-x: 6%;
    background-size: 13px 13px;
}

.chronology-list-content .zutu-small{
    display: unset;
    padding: unset;
    background-color: unset;
    min-width: unset;
}

.chronology-list-body>.map-c-list>.c-header{
    flex-direction: column;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    height: 95px;
}

.chronology-list-body>.map-c-list>.c-header>.chronology-list-has-map{
    flex-direction: column;
    display: flex;
    align-items: flex-start;
    gap: 0px;
}

#chronologyTable_wrapper>.top>.pb>.dt-buttons>.dt-button-collection [role="menu"],
#chronologyTable_wrapper>.bottom>.pb>.dt-buttons>.dt-button-collection [role="menu"] {
    left:151px;
}

.no-pref-link #chronologyTable_wrapper .dt-button-collection [role="menu"] {
    left:unset !important;
}

#chronologyTable_wrapper .none-button .dt-button-collection [role="menu"] {
    left:unset !important;
}

.chronology-list-content.no-pref-link-flag #chronologyTable_wrapper>.top>.pb>.dt-buttons>.dt-button-collection [role="menu"],
.chronology-list-content.no-pref-link-flag #chronologyTable_wrapper>.bottom>.pb>.dt-buttons>.dt-button-collection [role="menu"] {
    left:unset !important;
}

.chronology-list-content.authPublish-flag #chronologyTable_wrapper>.top>.pb>.dt-buttons>.dt-button-collection [role="menu"],
.chronology-list-content.authPublish-flag #chronologyTable_wrapper>.bottom>.pb>.dt-buttons>.dt-button-collection [role="menu"] {
    left:unset !important;
}
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table th:nth-child(7),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table td:nth-child(7){
    display: table-cell !important;
}

#chronology-list-body:not(.chronology-ken-only)>.map-c-list table th:nth-child(3),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table td:nth-child(3),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table th:nth-child(4),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table td:nth-child(4),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table th:nth-child(6),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table td:nth-child(6),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table th:nth-child(8),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table td:nth-child(8),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table th:nth-child(9),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table td:nth-child(9),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table th:nth-child(10),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table td:nth-child(10),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table th:nth-child(11),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table td:nth-child(11),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table th:nth-child(12),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table td:nth-child(12),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table th:nth-child(13),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table td:nth-child(13),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table th:nth-child(14),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table td:nth-child(14),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table th:nth-child(15),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table td:nth-child(15),
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table #headerUpdateDate,
#chronology-list-body:not(.chronology-ken-only)>.map-c-list table #headerPrelinkDate{
    display: none !important;
}

#chronology-list-body.chronology-ken-only>.map-c-list table th:nth-child(8),
#chronology-list-body.chronology-ken-only>.map-c-list table td:nth-child(8){
    display: table-cell !important;
}

#chronology-list-body.chronology-ken-only>.map-c-list table th:nth-child(3),
#chronology-list-body.chronology-ken-only>.map-c-list table td:nth-child(3),
#chronology-list-body.chronology-ken-only>.map-c-list table th:nth-child(4),
#chronology-list-body.chronology-ken-only>.map-c-list table td:nth-child(4),
#chronology-list-body.chronology-ken-only>.map-c-list table th:nth-child(6),
#chronology-list-body.chronology-ken-only>.map-c-list table td:nth-child(6),
#chronology-list-body.chronology-ken-only>.map-c-list table th:nth-child(7),
#chronology-list-body.chronology-ken-only>.map-c-list table td:nth-child(7),
#chronology-list-body.chronology-ken-only>.map-c-list table th:nth-child(9),
#chronology-list-body.chronology-ken-only>.map-c-list table td:nth-child(9),
#chronology-list-body.chronology-ken-only>.map-c-list table th:nth-child(10),
#chronology-list-body.chronology-ken-only>.map-c-list table td:nth-child(10),
#chronology-list-body.chronology-ken-only>.map-c-list table th:nth-child(11),
#chronology-list-body.chronology-ken-only>.map-c-list table td:nth-child(11),
#chronology-list-body.chronology-ken-only>.map-c-list table th:nth-child(12),
#chronology-list-body.chronology-ken-only>.map-c-list table td:nth-child(12),
#chronology-list-body.chronology-ken-only>.map-c-list table th:nth-child(13),
#chronology-list-body.chronology-ken-only>.map-c-list table td:nth-child(13),
#chronology-list-body.chronology-ken-only>.map-c-list table th:nth-child(14),
#chronology-list-body.chronology-ken-only>.map-c-list table td:nth-child(14),
#chronology-list-body.chronology-ken-only>.map-c-list table th:nth-child(15),
#chronology-list-body.chronology-ken-only>.map-c-list table td:nth-child(15),
#chronology-list-body.chronology-ken-only>.map-c-list table #headerUpdateDate,
#chronology-list-body.chronology-ken-only>.map-c-list table #headerPrelinkDate{
    display: none !important;
}

.chronology-list-title{
    font-size:var(--font-size-3);
}

.chronology-list-child-td .child-link::after{
    background-size:unset;
    zoom: 70%;
}

.offer-number,
.related-info{
    cursor: pointer;
}

.relatedInfoModal td:nth-child(2){
    text-align: left;
}

.chronology-list-ct-pl .pl-title{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border: unset;
    padding: 0px;
    margin-top: 0;
}

.chronology-list-ct-pl .pl-title ul{
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    gap: 8px;
}

.chronology-list-ct-pl .pl-title li{
    display: flex;
    flex-direction: row;
}

.chronology-list-ct-pl .pl-info{
    line-height: 150%;
}

.chronology-list-ct-pl .pl-title-left li{
    color: var(--Gray-7);
    font-size: var(--font-size-small);
    align-items: center;
    white-space: break-spaces;
}

.chronology-list-ct-pl .pl-title-left li:nth-child(1){
    padding-right: 8px;
}

.chronology-list-table-header-plural{
    padding: 0 !important;
}

.chronology-list-table-header-plural.listHeaderDateSort{
    cursor: pointer;
}

.chronology-list-table-header-plural.text-top,
.chronology-list-table-header-plural.text-bottom{
    height: 25px;
}

.chronology-list-table-header-plural.text-top div{
    margin-bottom: -4px;
}

.chronology-list-table-header-plural.text-top.pref-link div{
    margin-bottom: -6px;
}

.chronology-list-table-header-plural.text-bottom div{
    margin-top: -6px;
}

.chronology-list-date-head-hide{
    display: none;
}

.chronology-list-mecism-omit{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.chronology-list-table-header-plural .multiple-header-align-date{
    text-align: left;
    padding-left: 35%; 
}

.chronology-list-table-header-plural .multiple-header-align-context{
    text-align: left;
    padding-left: 40%; 
}

.chronology-list-content .related-chronologies-header{
    text-align: left;
    padding-left: 23%; 
}

.chronology-list .multiple-header-align{
    text-align: left;
    padding-left: 25%;
}

.chronology-list tr:not(:first-child) th:first-child {
    border-top-left-radius: unset;
    border-left: 1px solid var(--Gray-6);
}

.no-pref-link .pre-link-select{
    display: none !important;
}

.chronology-list.no-pref-link{
    border-left: 0;
}

.chronology-list.no-pref-link .dataTables_empty{
    border-left: 1px solid var(--Gray-6);
}

.chronology-list-content .map-c-list{
    height: calc(100vh - 64px);
}

#cngv0020Form.samari-open.map-open .chronology-list-content .map-c-list{
    height: calc(100vh - 165px);
}

.chronology-list-content .map-c-list .c-list{
    height: calc(95vh - 64px - 95px);
}

#cngv0020Form.samari-open.map-open .chronology-list-content .map-c-list .c-list {
    height: calc(95vh - 64px - 168px);
}

.chronology-list-content .map-c-list .c-list-table{
    height: 92% !important;
}

.chronology-list-content .c-map-show{
    height: calc(100vh - 64px);
}

#cngv0020Form.samari-open .chronology-list-content .c-map-show {
    height: calc(100vh - 165px);
}

#cngv0020Form .map-contet{
    width:100%;
    height:calc(100vh - 130px);
}

#cngv0020Form.samari-open.map-open .map-contet {
    height: calc(100vh - 220px);
}

#cngv0020Form #map{
    height: calc(100vh - 130px);
}

#cngv0020Form.samari-open #map{
    height: calc(100vh - 228px);
}

#cngv0020Form #map.big-map{
    height: calc(100vh - 230px);
}

#cngv0020Form.samari-open #map.big-map{
    height: calc(100vh - 260px);
}

.chronology-list-content .c-map img{
    height: calc(93vh - 64px);
}

.chronology-list-content #relatedChronologiesBody td:nth-child(1),
.chronology-list-content #relatedChronologiesBody th:nth-child(1),
.chronology-list-content #relatedChronologiesBody td:nth-child(2),
.chronology-list-content #relatedChronologiesBody th:nth-child(2){
    width: 50%;
}

.plural-header-center{
    display: grid;
    justify-content: center;
    margin: 2px 0;
}

.chronology-list-content .new-data-bg{
    background-color: #ffccff !important;
}

.chronology-list-content #selectModal .modal-body{
    height: 75vh;
    overflow: auto;
}

.chronology-list-content #selectModal .chk-group {
    padding-top: unset;
    align-items: center;
}

.chronology-list-content #selectModal .sts-flex {
    align-items: center;
}
/*クロノロジー一覧--end*/
/*避難所情報--start*/
.shelterIntelligence-Info .col{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 16px;
    letter-spacing: 0.56px;
}

.no-page{
    justify-content: end !important;
}

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

.shelterIntelligence-dialog-table1 td:nth-child(2),
.shelterIntelligence-dialog-table1 td:nth-child(3),
.shelterIntelligence-dialog-table1 td:nth-child(4),
.shelterIntelligence-dialog-table1 td:nth-child(5),
.shelterIntelligence-table td:nth-child(3),
.shelterIntelligence-table td:nth-child(4)
{
    text-align: left;
}

.shelterIntelligence-table td:nth-child(7),
.shelterIntelligence-table td:nth-child(8)
{
    text-align: right;
}

.shelterIntelligence-table td:nth-child(2),
.shelterIntelligence-table td:nth-child(6)
{
    width: 175px;
}

.shelterIntelligence-table td:nth-child(3),
.shelterIntelligence-table td:nth-child(4)
{
    min-width: 145px;
    width: 300px;
}

.shelterIntelligence-table th:nth-child(5),
.shelterIntelligence-table th:nth-child(7)
{
    min-width: 55px;
    white-space: nowrap;
}

.shelterIntelligence-table th:nth-child(8)
{
    min-width: 77px;
}

#sub-table8 th:nth-child(2),
#sub-table8 th:nth-child(5),
#sub-table8 th:nth-child(6)
{
    width: 175px;
    white-space: nowrap;
}

@media (min-width: 1405px) {
    .br-auto{
        display: contents;
    }
}

.w-150{
    width: 150px;
}

.shelter-dialog-single-table table th{
    white-space: nowrap;
}

.div-arc-border{
    border-radius: 8px;
}

.shelterIntelligence-table.fixedHeader-floating th{
    border-top: unset !important;
}

.div-width-adjustment{
    display: inline-flex;
}

.nav-width-1{
    min-width: 150px;
}

.nav-width-2{
    min-width: 205px;
}

.w-850{
    width: 850px;
}

.w-820{
    width: 820px;
}

.flex-0{
    flex: 0;
}

.w-p-225{
    width: 225px;
}

.shelter-intelligence-main .modal-dialog-msg{
    color: var(--Alert);
    font-weight: var(--font-weight-bold);
    margin: 20px 5px;
}

.shelter-intelligence-main .simple-checkbox{
    border-radius: 0.25em;
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    margin-top: 0.25em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
}

.shelter-intelligence-main .simple-checkbox:checked{
    background-image: url(../img/checked.svg);
    background-size: 120% 120%;
    background-color: var(--Blue-2);
    border-color: var(--Blue-2);
    --bs-form-check-bg-image: url(
    "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.shelter-intelligence-main #shelterIntelligenceTableTbody .e-btn-collection-button-pencil,
.shelter-intelligence-main #shelterIntelligenceTableTbody .e-btn-bookmark-x{
    background-color: unset;
    border: unset !important;
}

.shelter-intelligence-main #exampleModal4 .other-message,
.shelter-intelligence-main #exampleModal3 .other-message{
    margin-left: 20px;
    margin-top: 10px;
}
    
.shelter-intelligence-main #shelterIntelligence-dialog3 #sub-table7 td:nth-child(2),
.shelter-intelligence-main #shelterIntelligence-dialog3 #sub-table7 td:nth-child(3),
.shelter-intelligence-main #shelterIntelligence-dialog3 #sub-table7 td:nth-child(4),
.shelter-intelligence-main #shelterIntelligence-dialog3 #sub-table7 td:nth-child(5),
.shelter-intelligence-main #shelterIntelligence-dialog4 #sub-table8 td:nth-child(2),
.shelter-intelligence-main #shelterIntelligence-dialog4 #sub-table8 td:nth-child(3),
.shelter-intelligence-main #shelterIntelligence-dialog4 #sub-table8 td:nth-child(5),
.shelter-intelligence-main #shelterIntelligence-dialog4 #sub-table8 td:nth-child(6){
    text-align: left;
}
.shelter-intelligence-main #shelterIntelligence-dialog4 #sub-table8 td:nth-child(7),
.shelter-intelligence-main #shelterIntelligence-dialog4 #sub-table8 td:nth-child(8),
.shelter-intelligence-main #shelterIntelligence-dialog4 #sub-table8 td:nth-child(9){
    text-align: right;
}

.shelter-intelligence-main .shelterIntelligence-dialog-table2 td:nth-child(2),
.shelter-intelligence-main .shelterIntelligence-dialog-table2 td:nth-child(3),
.shelter-intelligence-main .shelterIntelligence-dialog-table2 td:nth-child(4),
.shelter-intelligence-main .shelterIntelligence-dialog-table2 td:nth-child(5){
    text-align: left;
}

.shelter-intelligence-main #exampleModal4Tbody .error-message.recode-end{
    margin-bottom: 0px;
}

.shelter-intelligence-main #exampleModal4Tbody .width-200{
    width:200px;
}

.shelter-intelligence-main #exampleModal3 .width-200{
    width:200px;
}

.shelter-intelligence-main #exampleModal3 .seletpicker-bg-white .bootstrap-select{
    background-color: var(--White);
}

.shelter-intelligence-main #exampleModal3 .select-all-items{
    margin-top: 0;
}

.shelter-intelligence-main #exampleModal3 .modal-header {
    margin-bottom: 30px;
}

.shelter-intelligence-main #exampleModalLabel3Tbody tr:not(:last-child) td{
    border-bottom: 1px solid var(--Gray-6);
    border-bottom-right-radius: 0;
}

.shelter-intelligence-main #exampleModal3 .c-list-table{
    padding-right: 10px;
}

.shelter-intelligence-main #shelterIntelligenceTableTbody a.div-width-adjustment{
	cursor: pointer;
}

.shelter-intelligence-main #exampleModal4Tbody .item-mb-15{
    margin-bottom: 15px;
}

.shelter-intelligence-main #exampleModal4Tbody .error-msg-item-hidden{
    visibility: hidden;
}
/*避難所情報--end*/
/*避難所一覧--start*/
.shelter-main #exampleModalLabel4Tbody .width-200{
    width:200px;
}

.shelter-main #exampleModal3 .width-200{
    width:200px;
}

.shelter-main #exampleModal3 .seletpicker-bg-white .bootstrap-select{
    background-color: var(--White);
}

.shelter-main #exampleModal3 .select-all-items{
    margin-top: 0;
}

.shelter-main #exampleModal3 .modal-header {
    margin-bottom: 30px;
}

.shelter-main #exampleModalLabel3Tbody tr:not(:last-child) td{
    border-bottom: 1px solid var(--Gray-6);
    border-bottom-right-radius: 0;
}

.shelter-main #exampleModal3 .c-list-table{
    padding-right: 10px;
}

.shelter-main #shelter-table_wrapper>.top>.pb>.dt-buttons>.dt-button-collection [role="menu"],
.shelter-main #shelter-table_wrapper>.bottom>.pb>.dt-buttons>.dt-button-collection [role="menu"] {
    left:220px;
}

.shelter-main.has-publicFlag #shelter-table_wrapper>.top>.pb>.dt-buttons>.dt-button-collection [role="menu"],
.shelter-main.has-publicFlag #shelter-table_wrapper>.bottom>.pb>.dt-buttons>.dt-button-collection [role="menu"] {
    left:315px;
}

.shelter-main #shelter-table_wrapper>.none-button .dt-button-collection [role="menu"] {
    left:unset !important;
}

.shelter-dialog-single-table{
    overflow-x: auto;
}

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

.shelter td:nth-child(5) {
    text-align: left;
}

.shelter td:nth-child(11),
.shelter td:nth-child(12),
.shelter td:nth-child(13) {
    text-align: right;
}

.shelter th:nth-child(2),
.shelter th:nth-child(5),
.shelter th:nth-child(10),
.shelter th:nth-child(11),
.shelter th:nth-child(13) {
    white-space: nowrap;
}

.shelter-dialog-table td:nth-child(2) {
    text-align: left;
}

.shelterInput-c-main .nav-item{
    width: 40px;
    font-size: var(--font-size-small);
}

.w-85{
    width: 85px;
}

.shelter-tab-div{
    display: grid;
    justify-content: center;
}

.shelter-disable-a{
    pointer-events: none;
    cursor: default;
}

.shelter-button-div{
    flex-wrap: wrap;
}

.shelter-disaster-div{
    margin-top: 2px;
    margin-bottom: 2px;
}

.shelter-single-check{
    appearance: none;
}

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

.shelter-summary-div{
    min-width: 236px !important;
    width: auto !important;
}
.shelter-main>.map-c-list>.c-header{
    height: 40px;
}
.shelter-main .map-c-list{
    height: calc(100vh - 64px);
}

.shelter-main .map-c-list .c-list{
    height: calc(95vh - 64px - 40px);
}

.shelter-main .map-c-list .c-list-table{
    height: 92%;
}

.shelter-main .c-map-show{
    height: calc(100vh - 64px);
}

.shelter-main .c-map img{
    height: calc(93vh - 64px);
}

.modal-body .dataTables_length {
  padding-left: 3px;
}

.shelter-main #exampleModalLabel4Tbody td:nth-child(2) input,
.shelter-main #exampleModalLabel4Tbody td:nth-child(3) input,
.shelter-main #exampleModalLabel4Tbody td:nth-child(5) .bootstrap-select,
.shelter-main #exampleModalLabel4Tbody td:nth-child(6) input,
.shelter-main #exampleModalLabel4Tbody td:nth-child(7) input,
.shelter-main #exampleModalLabel4Tbody td:nth-child(8) input{
   margin-bottom: 4px;
   margin-top: 4px;
}

.shelter-main .map-c-temp-list table tr:hover td,
.shelter-main .map-c-list table tr:hover td {
    background-color: var(--Blue-4) !important;
    cursor: pointer;
}

.shelter-main .map-c-temp-list table.dataTable tr:hover:has(td:nth-child(1) .form-check-input:checked[type="checkbox"])>td,
.shelter-main .map-c-list table.dataTable tr:hover:has(td:nth-child(1) .form-check-input:checked[type="checkbox"])>td {
    background-color: var(--Blue-4) !important;
    cursor: pointer;
}

.shelter-main .map-c-temp-list tr.selected-point td,
.shelter-main .map-c-list tr.selected-point td {
    background-color: var(--Blue-4) !important;
    cursor: pointer;
}

.shelter-main .map-c-temp-list table.dataTable tr.selected-point:has(td:nth-child(1) .form-check-input:checked[type="checkbox"])>td,
.shelter-main .map-c-list table.dataTable tr.selected-point:has(td:nth-child(1) .form-check-input:checked[type="checkbox"])>td {
    background-color: var(--Blue-4) !important;
    cursor: pointer;
}
/*避難所一覧--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;
}

.access-title{
    padding: 20px 0;
    border-bottom: 1px solid var(--Gray-4);
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: center;
}

.access-content{
    padding: 40px 20px;
    width: 100%;
    letter-spacing: 1px;
    line-height: 25px;
}

.access-code{
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 10px;
}

.access-code input{
    width: 40px;
    height: 50px;
    border-radius: 5px;
    padding-left: 15px;
    pointer-events: none;
}

.edit-only{
    pointer-events: unset !important;
}

.access-button{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    gap: 10px;
}

.access-button-send{
    padding: 10px 80px;
    border-radius: 5px;
    border: none;
    background: var(--Blue-2);
    color: var(--White);
}

.access-button-recode{
    padding: 5px 20px;
    border-radius: 3px;
    border: 1px solid var(--Gray-7);
    background: var(--Gray-3);
}

.access-message{
    color: var(--Alert);
    display: flex;
    justify-content: center;
}

.access-code-error input{
    background: var(--Alert-light);
}

.pass-update-success{
    color: var(--Alert, #EC0000) !important;
}
.modal-select-div{
    display: flex;
    align-items: center;
}
/*ログイン認証 end*/

/* お知らせ start */
.pubv0050 .tzb-label {
  margin-left: 4px;
  margin-top: -5px;
  font-size: var(--font-size-middle);
  display: inline-block;
  transform: translateY(-3px);
}

.pubv0050 #tzb-container {
  width: 685px;
  margin: 10px auto;
  margin-left:0;
}

.pubv0050 .ck-editor__editable[role="textbox"] {
  /* editing area */
  min-height: 200px;
}

.pubv0050 .ck-content .image {
  /* block images */
  max-width: 100%;
  margin: 20px auto;
}

.pubv0050 .tzb-overflow {
  overflow: auto; 
}

.pubv0050 .tzb-announce-image-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 385px;  
    gap: 14px;
}

.pubv0050 .tzb-announce-image-viewer_wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 2005;
}

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

.pubv0050 .tzb-announce-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;
}

.pubv0050 .tzb-announce-image-viewer_close {
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: #fff;
    background-color: #606266;
}

.pubv0050 .tzb-announce-image-viewer_canvas {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.pubv0050 .tzb-announceInput-pic-add-style {
    color: var(--Gray-7, #666);
    font-size: 12px;
}

.tzb-announceInput-pic-camera-div{
    display: flex;
    padding: 3px 10px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    position: absolute;
    left: 8px;
    top: 8px;
    border-radius: 26px;
    background: rgba(0, 0, 0, 0.30);
    width: 50px;
    height: 26px;
    z-index: 1;
}

.pubv0050 .tzb-lable-width{
    min-width:75px;
}

.tzb-announceInput-pic-camera-img {
    border: none;
    color: white;
    font-size: 12px;
    font-weight: 300;
    line-height: 145%;
    background: url(../img/camera_white.svg) no-repeat left center;
    padding: 3px 3px 3px 21px;
}

.tzb-announceInput-pic-delete{
    background: url(../img/bi_del_Gray_6.svg) no-repeat left center;
    width: 24px;
    height: 24px;
    background-position: center center;
    border-radius: 24px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    padding-left: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    background-color: white;
}

.pubv0050 .tzb-selectTb tr {
    margin: 10px;
}
.pubv0050 .tzb-selectTb input {
    font-size: 14px;
    font-weight: 400;
}

.pubv0050 .tzb-selectTb td:nth-child(1),
.pubv0050 .tzb-selectTb th:nth-child(1){
    width: 350px;
}

.pubv0060 .tzb-announce-list td:nth-child(1) {
    width: 190px;
    word-break: break-all;
    text-align: left;
}
.pubv0060 .tzb-announce-list td:nth-child(2) {
    width: 238px;
    word-break: break-all;
    text-align: left;
}
.pubv0060 .tzb-announce-list td:nth-child(3) {
    width: 324px;
    word-break: break-all;
    text-align: left;
}
.pubv0060 .tzb-announce-list td:nth-child(4) {
    width: 183px;
    word-break: break-all;
    text-align: left;
}
.pubv0060 .tzb-announce-list td:nth-child(5) {
    width: 211px;
    word-break: break-all;
    text-align: left;
}

.pubv0060 .tzb-announceTable th{
    white-space: nowrap;
}

.pubv0060 .tzb-announce-column-w5 {
    width: 55px !important;
    word-break: break-all;
}

/* お知らせ end */
/* アプリインストール start */
.tscom .ts-tac {
    text-align: center;
}

.tscom .ts-bold {
    font-weight: var(--font-weight-bold);
}

.tscom .ad-title {
    padding: 20px;
    font-style: normal;
    font-size: var(--font-size-2);
    font-weight: var(--font-weight-bold);
    line-height: 150%;
    letter-spacing: 1.04px;
}

.tscom .ad-table {
    margin: 0 5%;
}
.tscom .ad-step {
    text-align: left;
    font-size: var(--font-size-3);
    font-weight: var(--font-weight-bold);
}

.tscom .td-text {
    padding: 8px;
    text-align: left;
    vertical-align: top;
    line-height: 1.5;
}

.tscom .ad-img {
    width: 109px; 
    height: 40px;
    display: flex;
    margin: auto;
}

.tscom .ad-empty {
    padding: 15px;
}

.tscom .ad-pmt {
    margin-top: 20px;
}
/* アプリインストール end */
/*ダッシュボード​　start*/
.shelter-top .more-more {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.shelter-top .top-1-div{
    width: 100%;
    display: flex;
    gap: 0px;
    justify-content: space-between;
}

.shelter-top {
    overflow: hidden;
    height: calc(100vh - 64px);
}

.shelter-top .top-1-dl {
    height: 135px;
    width: 150px;
}

.shelter-top .top-1-dr {
    height: 135px;
    width: 360px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    flex: 1 0 0;
}

.shelter-top .dr-1 {
    display: flex;
    padding: 4px 12px;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 4px;
    background: var(--Success);
    margin-bottom: 4px;
}

.shelter-top .dr-1>div:nth-child(1) {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    background: var(--White);
    color: var(--Success);
}

.shelter-top .dr-1>div:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: end;
    gap: 4px;
    color: var(--White);
}

.shelter-top .fs-z-24 {
    font-size: var(--font-size-4);
    line-height: 20px;
}

.shelter-top .fs-z-16 {
    font-size: var(--font-size-small);
}

.shelter-top .dr-2 {
    display: flex;
    padding: 4px 12px;
    align-items: center;
    gap: 14px;
    justify-content: space-between;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: var(--Success_light);
    width: 100%;
}

.shelter-top .dr-3 {
    display: flex;
    padding: 8px 12px;
    align-items: center;
    gap: 14px;
    justify-content: space-between;
    background: var(--Success_light);
    width: 100%;
}

.shelter-top .dr-4 {
    display: flex;
    padding: 8px 12px;
    align-items: center;
    gap: 14px;
    justify-content: space-between;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: var(--Success_light);
    width: 100%;
}

.shelter-top .dr-2>div:nth-child(1),
.shelter-top .dr-3>div:nth-child(1),
.shelter-top .dr-4>div:nth-child(1) {
    font-size: 12px;
    color: var(--Black);
    letter-spacing: 0.64px;
    letter-spacing: 0.64px;
}

.shelter-top .dr-2>div:nth-child(2),
.shelter-top .dr-3>div:nth-child(2),
.shelter-top .dr-4>div:nth-child(2) {
    font-size: 16px;
    color: var(--Gray-7);
    font-weight: var(--font-weight-bold);
    letter-spacing: 0.64px;
}

.shelter-top .fs-z-13 {
    font-size: var(--font-size-0);
    font-weight: var(--font-weight-normal);
    letter-spacing: 0.64px;
}

.shelter-top .top-1-text {
    display: flex;
    padding: 0px 12px 0px 12px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    width: 100%;
}

.shelter-top .top-1-text-item {
    display: flex;
    padding: 6px 0px;
    justify-content: start;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--Gray-4);
}

.shelter-top .top-1-text-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.shelter-top .top-1-text-item>div:nth-child(1) {
    color: var(--Black);
    font-size: var(--font-size-middle);
}

.shelter-top .top-1-text-item>div:nth-child(2) {
    color: var(--Gray-7);
    font-size: var(--font-size-middle);
}

.shelter-top .map-image {
    height: calc(100vh / 2 - 80px);
    min-height: 345px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.shelter-top .map-image .map-button {
    display: flex;
    width: 170px;
    padding: 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 4px;
    background: var(--Gray-3);
    height: 410px;
}
.shelter-top .c-main {
    gap:10px;
}

@media screen and (max-height: 900px) {
    .shelter-top {
        overflow-y: auto;
    }
}

@media screen and (max-height: 1345px) {
    .shelter-top {
        overflow-x: auto;
    }
}

.shelter-top .r1-table{
    font-size: 12px;
    width: 100%;
}
.shelter-top .r1-table th,.shelter-top .r1-table td{
    padding: 5px;
    width: 50%;
    
}
.shelter-top .r1-table td{
    text-align: right;
    padding-right: 10px;
    border-bottom: 1px solid #ccc;
}
.shelter-top .c-header {
    margin-bottom: 2px;
}
:root {
    --row1-height:100%;
    --row2-height:100%;
    --row2-tbl-height:89%;
}

.shelter-top .t-row1.row2{
    height: calc(100vh / 2 - 100px);
}

.shelter-top table.tbl1 td,.shelter-top table.tbl1 th{
    font-size: 11px;
    padding: 4px;
}

.shelter-top .map-image>div:nth-child(2) {
    width: 100%;
}

.shelter-top .map-image .map-button>div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.shelter-top .map-image .map-button .bootstrap-select {
    background: var(--White);
}

.shelter-top .map-image .map-button .e-btn {
    width: 122px;
    color: var(--Black);
}

.shelter-top .min1 {
    min-width: 470px;
}

.shelter-top .shelter-table-1 {
    height: 87%;
    padding:10px;
    gap:20px;
    width: 100%;
    overflow-y: auto;
    min-width: 470px;
}

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

.shelter-top .w100-60 {
    width: 60% !important;
    height:100% !important;
}

.shelter-top .search-shelter {
    font-size: var(--font-size-small);
}

.shelter-top .shelter-table-1 table td {
    text-align: left;
}

.shelter-top .shelter-table-1 table td:nth-child(1) {
    width: 100px;
    white-space: nowrap;
}

.shelter-top .shelter-table-1 table td:nth-child(2) {
    width: 165px;
}

.shelter-top .shelter-table-1 table td:nth-child(3) {
    min-width: 150px;
}

.shelter-top .shelterTop-tab-button {
    display: flex;
}

.shelter-top .shelterTop-tab-button .t2-button.active {
    background: var(--Blue-6);
    color: var(--White);
}
.shelter-top .shelterTop-tab-button .t2-button {
    padding: 7px;
    font-size: var(--font-size-small);
    border: 1px solid var(--Blue-6);
    background: var(--White);
    color: var(--Blue-6);
}

.shelter-top .flex-h2 {
    display: flex;
    align-items: center;
    gap: 15px;
}

.shelter-top .shelter-table-2 {
    height: 87%;
    padding:10px;
    gap:20px;
    width: 100%;
    overflow-y: auto;
}

.shelter-top .shelter-table-2 table td {
    text-align: left;
}

.shelter-top .shelter-table-2 table td:nth-child(1) {
    width: 100px;
    white-space: nowrap;
}

.shelter-top .shelter-table-2 table td:nth-child(2) {
    width: 150px;
}

.shelter-top .shelter-table-2 table td:nth-child(3) {
    width: 250px;
}

.shelter-top .shelter-table-2 table td:nth-child(4) {
    width: 135px;
}

.shelter-top .shelter-table-2 table td:nth-child(5) {
    width: 50px;
    text-align: right;
}

.shelter-top .shelter-table-3 {
    height: 89%;
    padding:10px;
    gap:20px;
    width: 100%;
    overflow-y: auto;
    min-height: 250px;
}

#CMNC0101Form {
    margin-bottom: 0;
}

.shelter-top .c-list-table {
    height:100%;
}

.shelter-top .shelter-table-3 table td {
    text-align: right;
    min-width: 40px;
    width: 50px;
}

.shelter-top .shelter-table-3 table td:nth-child(1) {
    text-align: left;
    min-width: 160px;
}


.shelter-top .shelter-table-1::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: var(--white);
}

.shelter-top .shelter-table-1::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--white);
}

.shelter-top .shelter-table-1::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--Gray-6);
}

.shelter-top .shelter-table-2::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: var(--white);
}

.shelter-top .shelter-table-2::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--white);
}

.shelter-top .shelter-table-2::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--Gray-6);
}

.shelter-top .s-c-1::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: var(--white);
}

.shelter-top .s-c-1::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--white);
}

.shelter-top .s-c-1::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--Gray-6);
}

.shelter-top .shelter-table-3::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: var(--white);
}

.shelter-top .shelter-table-3::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--white);
}

.shelter-top .shelter-table-3::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--Gray-6);
}

.shelter-top .range-1 {
    width: 30%;
    min-width: 440px;
/*	height: 440px;*/
}

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

.c-shelterNameListMessage li {
    list-style: none;
    width: 100%;
    color: var(--Alert);
    font-weight: var(--font-weight-bold);
}

.c-shelterNameListMessage 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;
}

.shelterDetailAndTmcityList .modal-content {
    padding: 12px;
    height: 600px;
    overflow-y: auto;
}

.shelterDetailAndTmcityList .modal-header {
    padding: 0px;
}

.shelterDetailAndTmcityList .modal-body {
    padding: 0px;
    padding-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.shelterDetailAndTmcityList .modal-body .tm-cityList-div {
    display: flex;
    padding: 14px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid var(--Gray-6);
    background-image: url(../img/bi_chevron_bottom.svg);
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;
    background-position-x: 95%;
}

.shelterDetailAndTmcityList .modal-body .tm-cityList-div:focus,
.shelterDetailAndTmcityList .modal-body .tm-cityList-div:hover {
    background-color: var(--Gray-3);
}

.shelterDetailAndTmcityList .modal-body .tm-cityList-div.active {
    background-color: var(--Gray-3);
    background-image: url(../img/bi_chevron_top.svg);
    border-radius: 4px 4px 0px 0px;
}

.shelterDetailAndTmcityList .modal-body .tm-cityList-div>div:nth-child(1) {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-8);
}

.shelterDetailAndTmcityList .modal-body .tm-cityList-div>div:nth-child(2) {
    display: flex;
    align-items: center;
    gap: 8px;
}

.shelterDetailAndTmcityList .modal-body .fs-w{
    font-weight: var(--font-weight-bold);
}

.shelterDetailAndTmcityList .modal-body .font-s {
    color: var(--Black);
    font-size: var(--font-size-small);
}

.shelterDetailAndTmcityList .tm-cityList-child {
    display: none;
    border: 1px solid var(--Gray-6);
    border-top: 0;
    border-radius: 0px 0px 4px 4px;
}

.shelterDetailAndTmcityList .tm-cityList-child.active {
    display: flex;
    flex-direction: column;
}

.shelterDetailAndTmcityList .tm-cityList-child .odd-l:nth-child(even) {
    background-color: var(--Gray-1);
}


.shelterDetailAndTmcityList .graph-3-item-child {
    padding: 16px;
    padding-bottom: 16px;
    background: unset;
}

.shelterDetailAndTmcityList .graph-3-item-child .graph-3-list {
    border-bottom: 0;
}

.shelterDetailAndTmcityList h2 {
     font-size: var(--font-size-7);
}

.shelterDetailAndTmcityList .cst-text {
     font-size: var(--font-size-7);
}

.shelterDetailAndTmcityList .graph-run-ico2 {
    width: 30px;
    background-image: url(../img/small-people-one.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    background-position-x: 3px;
}

.shelterDetailAndTmcityList .graph-3-item {
    background: unset;
    padding: 16px;
}

.shelterDetailAndTmcityList .graph-run-ico {
    width: 30px;
    background-image: url(../img/run-home.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px 22px;
    background-position-x: 6px;
}

.shelterDetailAndTmcityList .graph-3-text-list>div {
    padding-right: 0;
}

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

.shelter-top .char2-title {
    position: relative; 
    height: 0px; 
    top: 15px; 
    padding-left: 11%;
}

.shelter-top .char2-title .c-message {
    padding-left: 0;
}

.shelter-top .char1 .range-1 {
    height: var(--row1-height);
    width: 33%;
    min-height: 345px;
    /*min-width: 480px;*/
}

.shelter-top .char1 .range-2 {
    height: var(--row1-height);
    width: 33%;
    min-height: 345px;
    /*min-width: 480px;*/
}

.shelter-top .char1 .range-3 {
    height: var(--row1-height);
    width: 33%;
    min-height: 345px;
    /*min-width: 700px;*/
}

.shelter-top .t-row1.row2>div {
   width: 40%;
   height: 100%;
   min-height: 300px;
}

.shelter-top .o-min {
   min-height: 285px;
}

.modal-shelterDetailList .modal-content {
    padding: 12px;
    max-height: 600px;
    overflow-y: auto;
}

.modal-shelterDetailList .c-message {
    width: 100%;
    margin-bottom: 10px;
    padding: 0px 0px;
    padding-top: 15px;
    margin-left: -15px;
}

.modal-shelterDetailList .modal-header {
    padding: 0px;
}

.modal-shelterDetailList .modal-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.modal-shelterDetailList .modal-body .c-list-table td{
    text-align: left;
}

.shelter-top .s-c-1 {
    height: calc(100vh / 2 - 80px);
    min-height: 345px;
    padding: 10px;
    gap: 20px;
    width: 100%;
    overflow: auto;
}

.shelter-top .s-c-2 { 
    width: 100%;
    padding: 7px;
    padding-top:0;
    display: flex; 
    gap: 15px; 
    align-items: center; 
    justify-content: space-between; 
    padding-right: 0;
}

.shelter-top .s-c-b-1 { 
    width: 100%;
    color: var(--Black);
    white-space: nowrap;
}

.shelter-top .s-c-3 { 
    font-weight: 700; 
    font-size: 15px;
}

.shelter-top .s-c-4 { 
    height: calc(100vh / 2 - 80px);
    min-height: 345px;
    padding: 10px; 
    gap: 20px; 
    width: 100%;
}

.shelter-top .s-c-5 { 
    width: 100%;
    padding: 7px;
    display: flex;
    gap: 15px;
    align-items: center;
}

.shelter-top .s-c-6 { 
    position: relative;
    height: 0px;
    top: 15px;
    padding-left: 7px;
}

.shelter-top .s-c-7 { 
    width: 100%; 
    height: 90%; 
    margin-left: -10px;
}

.shelter-top .fs-z-l {
    font-size: var(--font-size-2) !important;
}

.oh-hidden {
    overflow-y: hidden;
}

.shelter-top .c-message {
    margin-bottom: 0px;
    padding: 0px 0px;
    font-size: var(--font-size-middle);
    color: var(--Alert)
}


.shelter-top .c-message .t-error: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;
}

.shelterDetailAndTmcityList .master_city .c-message li {
    font-size: var(--font-size-middle);
}

.shelter-top .c-header{
    margin-bottom: 5px;
}

.shelter-top .map-image.self-height {
    height: calc(100vh / 2 - 80px);
}

.shelter-top .even td:nth-child(1),
.shelter-top .even td:nth-child(2)
{
    background-color: var(--Gray-1);
}
.shelter-top .odd td:nth-child(1),
.shelter-top .odd td:nth-child(2)
{
    background-color: transparent;
}
.shelter-top #search-shelter {
	white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 55%;
    overflow: hidden;
}
.tooltip-title-inline-block{
    display: inline-block;
}
/*ダッシュボード​　end*/
/*避難所入力--start*/
.shelterInput-pic-div-pad.map-height{
    height: auto !important;
}

.shelterInput-pic-div-pad.image-height{
    height: 330px !important;
}

.shelter-image-container.image-height {
    height: 325px;
}

.shelterInput-bottom-button-area {
    padding-top:10px;
    padding-bottom:10px;
}

.shelter-map-image-container{
    width: 33%;
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.shelterInput-tab-height.full-height{
    height: 715px;
}

.shelterInput-c-main .m1 .map-div.map-container{
    margin-left: 0px;
    min-width: 312px;
}

.shelterInput-c-main .m1 .map-div.image-container{
    margin-left: 0px;
    min-width: 312px;
}

.tab-button-list.bottom-1{
    top: 710px;
}

.shelterInput-tab-content.map-height{
    height: 355px;
}

.shelterInput-pic-count-padd.image-container{
    height: 100% !important;

}
.shelter-image-container.image-container{
    height: auto;
}

.tab-content.modal-height{
    height: 100%;
}

.chronology-modal-demand.modal-height{
    height: 467px;
}

.shelterActivity.main-width{
    width: 100%;
}

.pane-left.pl-pr-0{
    padding-left: 0px;
    padding-right: 0px;
}
/*避難所入力--end*/