@charset "UTF-8";
/* リリース2 common start*/
/*府県天気予報 start*/
.jma170 .weatherTable td{
    text-align: left;
}
/*府県天気予報 end*/

/*異常天候早期警戒情報 start*/

.jma120 .tile{
    width: 157px;
}

/*異常天候早期警戒情報 end*/

/*火山の状況に関する解説情報 start*/

.jma220 .notitle-table .jma220-width {
    width: 60%;
}

/*火山の状況に関する解説情報 end*/
/*噴火警報・予報 start*/

.jma020 a.VolcLv1 {
    display: inline-block;
    width: 100%;
    padding-right: 20px;
    background-color: rgb(242, 242, 255);
}

.jma020 a.VolcLv2 {
    display: inline-block;
    width: 100%;
    padding-right: 20px;
    background-color: rgb(250, 245, 0);
}

.jma020 a.VolcLv3 {
    display: inline-block;
    width: 100%;
    padding-right: 20px;
    background-color: rgb(255, 170, 0);
}
.jma020 a.VolcLv4 {
    display: inline-block;
    width: 100%;
    padding-right: 20px;
    background-color: rgb(255, 40, 0);
    color: white;
}
.jma020 a.VolcLv5 {
    display: inline-block;
    width: 100%;
    padding-right: 20px;
    background-color: rgb(200, 0, 255);
    color: white;
}
.jma020 .VolcLv1 {
    background-color: rgb(242, 242, 255);
}

.jma020 .VolcLv2 {
    background-color: rgb(250, 245, 0);
}

.jma020 .VolcLv3 {
    background-color: rgb(255, 170, 0);
}

.jma020 .VolcLv4 {
    background-color: rgb(255, 40, 0);
    color: white;
}

.jma020 .VolcLv5 {
    background-color: rgb(200, 0, 255);
    color: white;
}

.jma020 .bg-radius {
    border-bottom-left-radius: 0px !important;
}
/*噴火警報・予報 end*/
/*津波情報 start*/
.JMAV0070 .c-list-table td{
    text-align: left;
}
.JMAV0070 .bg-radius {
    border-bottom-left-radius: 0px !important;
}
.JMAV0070 .no-bg-radius {
    border-bottom-left-radius: 8px !important;
}
/*津波情報 end*/
/*気象情報 start*/
.JMAV0080 .c-main .m1 {
    min-width: 1400px;
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
}

.JMAV0080 .nav-tabs {
    width: 60%;
}

.JMAV0080 .nav-item {
    width: 200px;
    max-width: 200px;
}

.JMAV0080 .c-main .tab-content {
    height: 100%;
}

.JMAV0080 .c-list-table td:nth-child(1) {
    width: 30%;
    text-align: left;
}

.JMAV0080 .c-list-table td:nth-child(2) {
    width: 70%;
    text-align: left;
}

.JMAV0080 .weather-sub-table {
    border-bottom: 0 !important;
}

.JMAV0080 .weather-sub-table td{
    background: none !important;
    border-bottom: 1px solid var(--Gray-6);
}

.JMAV0080 .weather-sub-table td:nth-child(1)
,.JMAV0080 .weather-sub-table td:nth-child(2){
    width: 10% !important;
    min-width: 120px;
}

.JMAV0080 .weather-sub-table td:nth-child(3){
    width: 80% !important;
    text-align: left;
}

.JMAV0080 .weather-sub-table tr:first-child td:first-child{
    border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    font-weight: var(--font-weight-normal);
}

.weather-sub-table .title{
    border-top: 0;
}

.JMAV0080 .tab-empty {
    font-size: var(--font-size-3);
    color: var(--Alert);
}
/*気象情報 end*/
/*気象警報  start*/
.JMAV0090 .c-main .m1 {
    min-width: 1400px;
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
}

.JMAV0090 .nav-tabs {
    width: 60%;
}

.JMAV0090 .nav-item {
    width: 200px;
    max-width: 200px;
}

.JMAV0090 .c-main .tab-content {
    height: 100%;
}

.JMAV0090 .c-list-table td:nth-child(1) {
    width: 30%;
    text-align: left;
}

.JMAV0090 .c-list-table td:nth-child(2) {
    width: 70%;
    text-align: left;
}

.JMAV0090 .m-8 {
    margin-top: 8px;
}
/*気象警報  end*/
/*気象警報・注意報（Ｈ２７）start*/
:root {
    --jma190-com-width1:20%;
    --jma190-com-width2:16%;
}

.JMAV0190 .line-height-190-1 td{
    line-height: 32px;
}
.JMAV0190 .table-s1 td:nth-child(1) {
    width: var(--jma190-com-width1);
    text-align: left;
}

.JMAV0190 .table-s1 td:nth-child(2) {
    width: calc(100% - var(--jma200-com-width));
    text-align: left;
}

.JMAV0190 .table-s2 tr:nth-child(3) td:nth-child(2) {
    text-align: left;
}

.JMAV0190 .table-s2 td:nth-child(1) {
    text-align: left;
}

.JMAV0190 .table-s2 tr:nth-child(2) th {
    border-top: 1px solid var(--Gray-6) !important;
}

.JMAV0190 .table-s2 .td-width0{
    width: var(--jma190-com-width1);
}

.JMAV0190 .table-s2 .td-width-end{
    width: var(--jma190-com-width2);
}

.JMAV0190 .table-s2 .td-width{
    width: calc(var(--jma190-com-width1) / 2 );
}

.JMAV0190 .table-s2 .colSize9{
   width: calc((100% - var(--jma190-com-width1) - var(--jma190-com-width2) ) / 9);
}

.JMAV0190 .table-s2 .colSize3{
    width: calc((100% - var(--jma190-com-width1) - var(--jma190-com-width3) ) / 3);
}
.JMAV0190 .table-s2 .noteCol{
   text-align: left;
}

.JMAV0190 .table-s2 .gamenValues{
   padding-left: 8px;
}

.JMAV0190 .table-s2 .gamenAreaName{
   text-align: left;
}

.JMAV0190 .table-s2 .title-tr:not(:first-child) th {
  border-top: 1px solid var(--Gray-6) !important;
}

.JMAV0190 .table-s2 .title-tr:not(:first-child) .gamenTimeSeries {
  border-bottom: 1px solid var(--Gray-6) !important;
}

.JMAV0190 .table-s2 .title-tr:not(:first-child) th:first-child {
  border-top-left-radius: 0px !important;
}

.JMAV0190 .table-s2 .title-timeDefinetr th:first-child {
  border-top-left-radius: 0px !important;
}

.JMAV0190 .table-s2 .title-timeDefinetr th:last-child {
  border-top-right-radius: 0px !important;
}

.JMAV0190 .table-s2 .title-timeDefinetr:not(:first-child) th:first-child {
  border-left: 1px solid var(--Gray-6) !important;
}
@media print {
    #menu, #backBtn, #printBtn, #notice, #title,#cityName,.gamenTimeSeries, .gamenAreaName, .gamenValues, #gamenHeadlineText{
      display: none !important;
    }

    .h27Obj-div {
      display: flex !important;
    }

    #printHeadlineText {
      display: block !important;
    }

    .printTimeSeries, .printAreaName, .printValues {
      display: table-cell !important;
    }
    .print-background {
        background-color: white !important;
        padding-left: 0px !important;
        padding-top: 0px !important;
    }
    .c-form-noborder {
        border: 0px !important;
    }
    .print-h3 {
        font-size: 20px !important;
        font-weight: 500 !important;
    }
    .print-h2 {
        font-size: 22px !important;
        font-weight: 500 !important;
    }
    .print-c-form-title {
        padding: 0 !important;
    }
    .print-c-form-body {
        padding: 0 !important;
    }
    .print-c-list-table {
        padding: 0px;
        border-radius: 0px !important;
        border: 1px solid #121212 !important;
    }
    .print-c-list-table-div {
        border-radius: 0px !important;
    }
    .print-c-list-table-div table th {
        border-left: 1px solid #121212 !important;
    }
    .print-c-list-table-div th:first-child {
        border-left: 0px !important;
        border-bottom: 1px solid #121212 !important;
        border-top-left-radius: 0px !important;
    }
    .print-c-list-table-div th:last-child {
        border-right: 0px !important;
        border-bottom: 1px solid #121212 !important;
        border-top-right-radius: 0px !important;
    }
    .print-c-list-table-div tr td:last-child {
        border-left: 1px solid #121212 !important;
        border-bottom: 1px solid #121212 !important;
        border-bottom-right-radius: 0px !important;
    }
    .print-c-list-table-div tr:last-child>td:nth-child(1) {
        border-bottom-left-radius: 0px !important;
    }
    .print-c-list-table-div tr td:first-child {
        border-bottom: 1px solid #121212 !important;
    }
    .print-c-list-table-div tr:last-child td {
        border-bottom: 0px !important;
    }
    table.print-c-list-table tbody tr:nth-child(even) td {
        background-color: white;
    }
    .chapter {
        page-break-before: always !important;
    }
    .print-c-list-table-div table {
        border-collapse: collapse !important;
    }
    .print-table-s2 table {
        border-collapse: collapse !important;
    }
    .print-table-s2 table td,
    .print-c-list-table-div table td,
    .print-table-s2 table th,
    .print-c-list-table-div table th
    {
        font-size: 12px !important;
        padding-left: 0px !important;
        padding: 0 !important;
        line-height: 22px !important;
    }

    .print-c-list-table .weather-grey-text,
    .print-c-list-table .weather-red-text,
    .print-c-list-table .weather-yellow-text,
    .print-c-list-table .weather-purple-text
    {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        padding-left: 2px !important;
        margin-left: 2px !important;
        border-radius: 0px !important;
    }
    .print-table-s2 tr th {
        border-bottom: 1px solid #121212 !important;
        border-left: 1px solid #121212 !important;
    }
    .print-table-s2 tr td {
        border-bottom: 1px solid #121212 !important;
        border-left: 1px solid #121212 !important;
    }

    .JMAV0190 .table-s2 .title-timeDefinetr:not(:first-child) th:first-child {
         border-left: 1px solid #121212 !important;
    }

    .JMAV0190 .print-controlpPublishingOffice-font div {
         font-size: 10px !important;
    }

    .JMAV0190 .printAreaName{
         text-align: left;
    }

    .JMAV0190 .print-table-s2 .td-width {
         background-color: var(--White) !important;
    }

  @page {
    margin: 8px;
    size: landscape;	
  }
}
 .h27trBg1 {
    background-color: var(--White) !important;
 }

 .h27trBg2 {
    background-color: var(--Gray-1) !important;
 }
 
 .JMAV0190 .h27NoRadius {
  border-bottom-left-radius: 8px !important;
}

/*気象警報・注意報（Ｈ２７）end*/
/*火山の状況に関する解説情報）start*/
.JMAV0220 .notitle-table td:nth-child(1) {
    width: 40%;
    text-align: left;
}

.JMAV0220 .notitle-table td:nth-child(2) {
    width: 60%;
    text-align: left;
}
.JMAV0220 .bg-radius {
    border-bottom-left-radius: 8px;
}
/*火山の状況に関する解説情報）end*/
:root {
    --jma200-com-width:15%;
}
/*警報級の可能性 start*/
.jma200 .col-width1 td:nth-child(1) 
,.jma200 .col-width2 td:nth-child(1)
,.jma200 .col-width3 td:nth-child(1)
,.jma200 .col-width4 td:nth-child(1)
,.jma200 .col-width5 td:nth-child(1)
{
    
    width: var(--jma200-com-width);
    text-align: left;
}

.jma200 .col-width2 td:nth-child(2)
,.jma200 .col-width2 td:nth-child(3) {
    width: calc((100% - var(--jma200-com-width) ) / 2);
}

.jma200 .col-width3 td:nth-child(2)
,.jma200 .col-width3 td:nth-child(3)
,.jma200 .col-width3 td:nth-child(4){
    width: calc((100% - var(--jma200-com-width) ) / 3);
}

.jma200 .col-width4 td:nth-child(2)
,.jma200 .col-width4 td:nth-child(3)
,.jma200 .col-width4 td:nth-child(4)
,.jma200 .col-width4 td:nth-child(5) {
    width: calc((100% - var(--jma200-com-width) ) / 4);
}

.jma200 .col-width5 td:nth-child(2)
,.jma200 .col-width5 td:nth-child(3)
,.jma200 .col-width5 td:nth-child(4)
,.jma200 .col-width5 td:nth-child(5)
,.jma200 .col-width5 td:nth-child(6){
    width: calc((100% - var(--jma200-com-width) ) / 5);
}

.jma200 .col-width6 td:nth-child(2)
,.jma200 .col-width6 td:nth-child(3)
,.jma200 .col-width6 td:nth-child(4)
,.jma200 .col-width6 td:nth-child(5)
,.jma200 .col-width6 td:nth-child(6)
,.jma200 .col-width6 td:nth-child(7){
    width: calc((100% - var(--jma200-com-width) ) / 6);
}

.jma200 td.col-left{
    text-align: left;
}

/*警報級の可能性 end*/

.JMAV0110 .notitle-table td:nth-child(1) {
    text-align: center;
}
/*降灰予報 start*/
.jma230 .jmav0230-div-container {
    display: flex;
    flex-wrap: wrap;
}

.jma230 .jmav0230-div-container .jmav0230-div-child {
    width: 25%;
    box-sizing: border-box;
    margin: 6px 0;
}

.jma230 .jmav0230-width-35 {
    width: 35%;
}

.jma230 .jmav0230-width-65 {
    width: 65%;
}
/*降灰予報 end*/

/*噴火警報・予報 start*/
.jma020 .jma020Table td{
    text-align: left;
}

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

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

.jma020 .jma020-areaTable th:nth-child(1),
.jma020 .jma020-areaTable th:nth-child(2) {
    width: 30%;
}

.jma020 .jma020-areaTable-second th:nth-child(1) {
    width: 30%;
}

.jma020 .jma020-volcanoTable th:nth-child(1),
.jma020 .jma020-volcanoTable th:nth-child(3) {
    width: 30%;
}

.jma020 .jma020-cityTable th:nth-child(1),
.jma020 .jma020-cityTable th:nth-child(3) {
    width: 30%;
}

.jma020 .jma020-a-style-red {
    display: inline-block;
    width: 100%;
    padding-right: 20px;
    background-color: rgb(255, 40, 0);
    color: white;
}

.jma020 .jma020-a-style {
    display: inline-block;
    width: 100%;
    padding-right: 20px;
}
.jma020 .no-border-left {
	border-left: 0px solid var(--Gray-6) !important;
}
.jma020 .trtd-border-left {
	border-left: 1px solid var(--Gray-6) !important;
}
/*噴火警報・予報 end*/

/*地震情報 start*/
.jma030 .jma030-width {
    width: 20%;
}

.jma030 .jma030-width-22 {
    width: 22%;
}

.jma030 .jma030-width-28 {
    width: 28%;
}

.jma030 .jmav030-div-container {
    display: flex;
    flex-wrap: wrap;
}

.jma030 .jmav030-div-container .jmav030-div-child {
    width: 25%;
    box-sizing: border-box;
    margin: 6px 0;
}
/*地震情報 end*/
/*地震回数に関する情報 start*/
.jma040 .jma040-infoTable th:nth-child(1) {
    width: 30%;
}
.jma040 .jma040-infoTable th:nth-child(2),
.jma040 .jma040-infoTable th:nth-child(3) {
    width: 20%;
}

.jma040 .jma040-infoTable th:nth-child(4),
.jma040 .jma040-infoTable th:nth-child(5)
 {
    width: 15%;
}

.jma040 .jma040-infoTable td{
    text-align: left;
}
/*地震回数に関する情報 end*/
/*震度速報 start*/
.jma050 .jma050-div-container {
    display: flex;
    flex-wrap: wrap;
}

.jma050 .jma050-div-child {
    width: 25%;
    box-sizing: border-box;
    margin: 6px 0;
}

.jma050 .bg-radius {
    border-bottom-left-radius: 8px;
}
/*震度速報 end*/
/*地震の活動状況等に関する情報 start*/
.jma060 .jma060-infoTable td{
    text-align: left;
}

.jma060 .jma060-infoTable .tile{
    color: var(--Blue-2);
    font-weight: var(--font-weight-bold);
}

.jma060 .jma060-infoTable th:nth-child(1) {
    width: 30%;
    border-left: 0 !important;
}

/*地震の活動状況等に関する情報 end*/
/*府県天気予報 start*/
.jma170 .c-list-table-message{
    margin-top: 8px;
    margin-left: 8px;
    margin-bottom: 8px;
}

.jma170 .colSize3{
   width: calc(100% / 3);
}

.jma170 .colSize4{
   width: calc(100% / 4);
}

.jma170 .colSize5{
   width: calc(100% / 5);
}

.jma170 .colSize6{
   width: calc(100% / 6);
}

.jma170 .colSize7{
   width: calc(100% / 7);
}

.jma170 .colSize8{
   width: calc(100% / 8);
}

.jma170 .colSize9{
   width: calc(100% / 9);
}

.jma170 .colSize10{
   width: calc(100% / 10);
}

.jma170 .colSize11{
   width: calc(100% / 11);
}

.jma170 .colSize12{
   width: calc(100% / 12);
}
/*府県天気予報 end*/
/*気象庁情報 の一覧 start*/
.jma010 .c-list-table table td:nth-child(1){
    min-width: 220px;
}

.jma010 .c-list-table table td:nth-child(5){
    min-width: 300px;
}

.jma010 .c-list-table table td:nth-child(1),
.jma010 .c-list-table table td:nth-child(3),
.jma010 .c-list-table table td:nth-child(4),
.jma010 .c-list-table table td:nth-child(5){
    text-align: left;
}

.jma010 .c-list-table table td:nth-child(2),
.jma010 .c-list-table table td:nth-child(6),
.jma010 .c-list-table table td:nth-child(7){
    text-align: center;
}

.jma010 .c-list-table table td:nth-child(2),
.jma010 .c-list-table table td:nth-child(3),
.jma010 .c-list-table table td:nth-child(4){
    width: 180px;
    min-width: 145px;
}

.jma010 .c-list-table table td:nth-child(6),
.jma010 .c-list-table table td:nth-child(7){
    width: 95px;
    min-width: 55px;
}
/*気象庁情報 の一覧 end*/
/*気象情報 start*/
.JMAV0080 .c-main .nav-item{
    width: 40px;
    font-size: var(--font-size-small);
}

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

.JMAV0080 .c-forms {
    width: 100%;
    background-color: var(--White);
    border-radius: 0px;
    border: 0px solid var(--Gray-6);
    margin-top: 16px
}

.JMAV0080 .div-status {
    display: flex;
    flex-direction: row;
    margin-bottom: 5px;
}

.JMAV0080 .div-status > * {
    margin-right: 5px;
}

.JMAV0080 .infostyle01{
    padding: 7px;
    border-radius: 4px;
    background-color:rgb(200,200,203);
}

.JMAV0080 .infostyle02{
    padding: 7px;
    border-radius: 4px;
}

.JMAV0080 .datatable{
    font-size: 14px;
}

.JMAV0080 .nav-tabs {
    width: 55%;
}

.JMAV0080 .nav-onlyOne{
    width: 12% !important;
}
/*気象情報 end*/
/*津波情報 start*/
.JMAV0070 .black-red-text{
    padding: 7px;
    border-radius: 4px;
	color: black; 
	background-color: red;
}
.JMAV0070 .no-border-left {
	border-left: 0px solid var(--Gray-6) !important;
}
.JMAV0070 .trtd-border-left {
	border-left: 1px solid var(--Gray-6) !important;
}
.JMAV0070 .tr-min-width {
min-width: 5%;
}
.JMAV0070 .aswhite-space {
white-space: normal;
word-break: break-all;
max-width: 700px;
display: flex;
}
/*津波情報 end*/

/*台風解析・予報情報 start*/
.JMAV0110 .notitle-table tr td:first-child{
    width: 400px !important; 
}
/*台風解析・予報情報 end*/
/* リリース2 common End*/

/*国民保護情報一覧 start*/
.tscom .ts-tal {
    text-align: left !important;
}

.tscom .ts-bw2 {
    width: 20% !important;
}

.tscom .ts-bw1 {
    width: 10% !important;
}

.tscom .ts-dfw {
    display: flex;
    flex-wrap: wrap;
}
/*国民保護情報一覧 end*/

/*火災等即報(火災) １様式入力start*/
.FSNV0010 .chk-group1{
    display: flex;
    gap: 8px 20px;
    padding-top: 5px;
}

.FSNV0010 .input-wrapper {
    position: relative;
}

.FSNV0010 .suffix {
    position: absolute;
    right: -10;
    top: 50%;
    transform: translateY(-50%);
}

.FSNV0010 .c-form-title1 {
    padding: 10px 1px;
    font-size: var(--font-size-4);
}

.FSNV0010 #shelterInput .container .col1{
    display: flex;
    flex-direction: column;
    gap: 10px;
    letter-spacing: 0.56px;
}

.FSNV0010 .col1{
    flex: 1 0 0%;
    white-space: nowrap;
}

.FSNV0010 .shelter{
    width:250px !important;
}

.FSNV0010 .meMo{
    width:250px !important;
}

/*火災等即報(火災) １様式入力end*/
/*011.1.１様式入力 start*/
.r2-template-input .w-115{
    width: 115px !important;
}
.r2-template-input .w-200{
    width: 200px !important;
}
.r2-template-input .mlr-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.r2-template-input .gap-10 {
    gap: 10px;
}
.FSNV0010 .input-with-units{
    display: flex;
    align-items: center;
    gap: 5px;
}
.FSNV0010 .col-family{
    white-space: nowrap;
}
/*011.1.１様式入力 end*/
/*１様式一覧 start*/
.kasaiNadoSokuhoList .kasaiNadoSokuhoList-search-checkbox {
    align-items: center;
}

.kasaiNadoSokuhoList .kasaiNadoSokuhoListTable td {
    text-align: left;
}

.kasaiNadoSokuhoList .kasaiNadoSokuhoListTable th:nth-child(1) {
    width: 15%;
}

.kasaiNadoSokuhoList .kasaiNadoSokuhoListTable th:nth-child(2),
.kasaiNadoSokuhoList .kasaiNadoSokuhoListTable th:nth-child(3) {
    width: 30%;
}
/*１様式一覧 end*/
/*関連システムマスタ入力 start*/
.MSTS0150 .c-form-table label {
    margin-left: 4px;
    margin-top: -5px;
    margin-right: 0px;
    font-size: var(--font-size-middle);
    display: inline-block;
    transform: translateY(-3px);
}
.MSTS0150 .chk-line-div-d {
    display: flex;
    gap: 1px;
    align-items: flex-end;
}
.MSTS0150 .chk-line {
    display: flex;
    gap: 50px;
    align-items: flex-end;
}
/*関連システムマスタ入力 end*/

/*一斉通知（手動データ送信） start*/
.bctv0010 .c-main .tab-content {
    height: 100%;
}

.bctv0010 .c-main .m1 {
    min-width: 1400px;
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
}

.bctv0010 .bctv0010-top {
    width: 100%;
    height: 100%;
    padding-top: 18px;
    background: white;
}

.bctv0010 .unit {
    display:flex;
}

.bctv0010 .unit input[type="text"] {
    width: 200px !important;
}

.bctv0010 .bctv0010-blue {
    color: rgb(0, 0, 255);
}

.bctv0010 .bctv0010-red {
    color: rgb(255, 0, 0);
}

.bctv0010 .bctv0010-margin-top {
    margin-top: -5px;
}

.bctv0010 .tzb-overflow {
  overflow: auto; 
}

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

.bctv0010 .tzb-announce-image-viewer_wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 2005;
}

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

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

.bctv0010 .tzb-announce-image-viewer_close {
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: #fff;
    background-color: #606266;
}

.bctv0010 .tzb-announce-image-viewer_canvas {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

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

.bctv0010 .tzb-lable-width{
    min-width:75px;
}

.bctv0010 .pa1-1 input {
    font-size: 14px;
    font-weight: 400;
}

.bctv0010 .pa1-1 td {
  padding: 5px;
}

.bctv0010 .alert-message {
    width: 100%;
    margin-bottom: 10px;
    color: var(--Alert);
    font-weight: var(--font-weight-bold);
    margin-top: 10px;
}
.bctv0010 .font-size-general{
    font-size: var(--font-size-general);
}
/*一斉通知（手動データ送信） end*/

/*火災等即報(特定の事故) start*/
/*013.1.２様式入力 start*/
.r2-template-input2 .w-115{
    width: 115px !important;
}

.r2-template-input2 .w-200{
    width: 200px !important;
}

.r2-template-input2 .mlr-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.r2-template-input2 .gap-10 {
    gap: 10px;
}

.r2-template-input2 .col {
    flex: 1 0 0%;
    white-space: nowrap;
}

.r2-template-input2 .input-w-245 {
    width: 245px;
}

.r2-template-input2 .w-100-b {
    width: 100%;
}

.r2-template-input2 .flex-w-160{
    flex: 0 0 160px;
}

.r2-template-pleft{
    padding-left: 5px;
}

/*火災等即報(特定の事故) end*/
/*緊急情報入力 start*/
.kkiv0020 .tzb-label {
  margin-left: 4px;
  margin-top: -5px;
  font-size: var(--font-size-middle);
  display: inline-block;
  transform: translateY(-3px);
}

.kkiv0020 #tzb-container {
  width: 685px;
  margin: 10px auto;
  margin-left:0;
}

.kkiv0020 .ck-editor__editable[role="textbox"] {
  /* editing area */
  min-height: 200px;
}

.kkiv0020 .ck-content .image {
  /* block images */
  max-width: 100%;
  margin: 20px auto;
}

.kkiv0020 .tzb-overflow {
  overflow: auto; 
}

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

.kkiv0020 .tzb-announce-image-viewer_wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 2005;
}

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

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

.kkiv0020 .tzb-announce-image-viewer_close {
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: #fff;
    background-color: #606266;
}

.kkiv0020 .tzb-announce-image-viewer_canvas {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

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

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

.kkiv0020 .tzb-lable-width{
    min-width:75px;
    cursor: pointer;
}

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

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

.kkiv0020 .tzb-selectTb tr {
    margin: 10px;
}
.kkiv0020 .tzb-selectTb input {
    font-size: 14px;
    font-weight: 400;
}

.kkiv0020 .tzb-selectTb td:nth-child(1),
.kkiv0020 .tzb-selectTb th:nth-child(1){
    width: 350px;
}
.kkiv0020 .font-size-general{
    font-size: var(--font-size-middle);
}
/*緊急情報入力 end*/

/*一斉通知（機関別送信履歴一覧） start*/

.bctv0040 .tab-content {
    overflow:hidden;
}

.bctv0040 .c-main .tab-content {
    height: 100%;
}

.bctv0040 .c-main .m1 {
    min-width: 1400px;
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
}

.bctv0040 .bctv0040-search-checkbox {
    align-items: center;
}

.bctv0040 .bctv0040-searchTable td:nth-child(1) {
    width: 30%;
}

.bctv0040 .bctv0040-searchTable td:nth-child(1) {
    width: 30%;
}

.bctv0040 .bctv0040-searchTable td {
    text-align: left;
}

.bctv0040 .bctv0040Table td{
    text-align: left;
}

.bctv0040 .bctv0040Table th:nth-child(1),
.bctv0040 .bctv0040Table th:nth-child(4),
.bctv0040 .bctv0040Table th:nth-child(7) {
    width: 15%;
}

.bctv0040 .bctv0040Table th:nth-child(2),
.bctv0040 .bctv0040Table th:nth-child(3) {
    width: 8%;
}

.bctv0040 .bctv0040Table th:nth-child(5) {
    width: 20%;
}

.bctv0040 .bctv0040Table th:nth-child(6) {
    width: 9%;
}

.bctv0040 .bctv0040Table th:nth-child(8) {
    width: 10%;
}
/*一斉通知（機関別送信履歴一覧） end*/

/* アップロード(復元) start*/
.pubv0080 .tzb-e-btn-row {
    width: 100%;
    padding: 24px 24px;
    background: var(--White);
    border-radius: 8px;
}

.pubv0080 .tzb-button-left {
    padding-left: 35px !important;
    background-position-x: 12px;
}

.pubv0080 .tzb-info-table td:nth-child(1) {
    width: 60%;
    word-break: break-all;
    text-align: left;
}
.pubv0080 .tzb-info-table td:nth-child(2) {
    width: 20%;
    word-break: break-all;
    text-align: left;
}
.pubv0080 .tzb-info-table td:nth-child(3) {
    width: 20%;
    word-break: break-all;
    text-align: left;
}
.pubv0080 .tzb-info-table {
    white-space: nowrap;
}

.pubv0080 .tzb-modal-item-title {
    padding: 10px 0;
}
.pubv0080 .tzb-button {
    border: 0;
    background-color: rgba(255, 255, 255, 0);
}

.pubv0080 .tzb-hidden {
     display: none;
}
/* アップロード(復元) end*/
/*広報お知らせ公開 start*/
.PUBV0090 .pubv0090Table-his td{
    text-align: left;
}

.PUBV0090 .pubv0090Table-att td{
    text-align: left;
}

.PUBV0090 .pubv0090Table-att td:last-child{
    text-align: right;
}

.PUBV0090 .tzb-overflow {
  overflow: auto; 
}

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

.PUBV0090 .tzb-announce-image-viewer_wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 2005;
}

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

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

.PUBV0090 .tzb-announce-image-viewer_close {
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: #fff;
    background-color: #606266;
}

.PUBV0090 .tzb-announce-image-viewer_canvas {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

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

.PUBV0090 .tzb-lable-width{
    min-width:75px;
}
.PUBV0090 .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;
}
.PUBV0090 .div-file{
    width: 255px;
    height: 170px;
}
.PUBV0090 .file-content{
    display: flex;
    overflow-y: auto;
    flex-wrap: wrap;
    height: 170px;
}
.PUBV0090 .show-file .show-file-img{
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    cursor: pointer;
}
.PUBV0090 .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;
}
.PUBV0090 .pdf-icon {
    height: 100%;
    cursor: pointer;
}
.PUBV0090 #addFileModalLabe {
    margin-right: 10px;
}
.PUBV0090 .modal-title-file {
    display: flex;
    align-items: baseline;
}
.PUBV0090 .fileError {
    margin-top: 8px;
}
.PUBV0090 .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;
}
/*広報お知らせ公開 end*/
/*広報お知らせ一覧 start*/
.pubv0100 .pubv0100-search-checkbox {
    align-items: center;
}

.pubv0100 .pubv0100Table td{
    text-align: left;
}

.pubv0100 .pubv0100Table th:nth-child(1) {
    width: 20%;
}

.pubv0100 .pubv0100Table th:nth-child(2),
.pubv0100 .pubv0100Table th:nth-child(3),
.pubv0100 .pubv0100Table th:nth-child(7),
.pubv0100 .pubv0100Table th:nth-child(8) {
    width: 15%;
}

.pubv0100 .pubv0100Table th:nth-child(4) {
    width: 8%;
}

.pubv0100 .pubv0100Table th:nth-child(5),
.pubv0100 .pubv0100Table th:nth-child(6) {
    width: 6%;
}
/*広報お知らせ一覧 end*/

/*一斉通知（送信履歴一覧） start*/
.bctv0020 .c-main .m1 {
    min-width: 1400px;
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
}

.bctv0020 .bctv0020-search-checkbox {
    align-items: center;
}

.bctv0020 .bctv0020Table td {
    text-align: left;
}

.bctv0020 .bctv0020Table th:nth-child(1),
.bctv0020 .bctv0020Table th:nth-child(4) {
    width: 15%;
}

.bctv0020 .bctv0020Table th:nth-child(2),
.bctv0020 .bctv0020Table th:nth-child(3) {
    width: 10%;
}

.bctv0020 .bctv0020Table th:nth-child(5) {
    width: 22%;
}

.bctv0020 .bctv0020Table th:nth-child(6),
.bctv0020 .bctv0020Table th:nth-child(7),
.bctv0020 .bctv0020Table th:nth-child(8),
.bctv0020 .bctv0020Table th:nth-child(9) {
    width: 7%;
}

.bctv0020 .c-main .tab-content {
    height: 100%;
}

.bctv0020 .tab-content {
    overflow:hidden;
}
/*一斉通知（送信履歴一覧） end*/

/*手動送信グループ一覧 start*/
.bctv0090 .c-main .tab-content {
    height: 100%;
}
.bctv0090 .c-main .m1 {
    min-width: 1400px;
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
}

.bctv0090 .bctv0090-search-checkbox {
    align-items: center;
}

.bctv0090 .bctv0090Table td {
    text-align: left;
}

.bctv0090 .bctv0090Table th:nth-child(1) {
    width: 10%;
}

.bctv0090 .bctv0090Table th:nth-child(2) {
    width: 90%;
}

.bctv0090 .tab-content {
    overflow: hidden;
}
/*手動送信グループ一覧 end*/

/*一斉通知（送信プレビュー） start*/
.bctv0100 .textarea {
    resize: vertical;
    overflow: hidden;
    width: 100%;
}

.bctv0100 .text {
    font-size: 16px;
    padding-left: 21px; 
    padding-right: 10px;
    line-height: 2.5; 
}

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

.bctv0100 .text-blue {
    color: rgb(0, 0, 255);
}

.bctv0100 .span-icon-kiki {
    font-size: 10px;
    padding: 3px;
    color: var(--Alert);
    border: 1px solid var(--Alert);
    border-radius: 3px;    
}
.bctv0100 input, .bctv0100 select, .bctv0100 textarea {
    padding: 2%;
    border-radius: 4px;
    border: 1px solid var(--Gray-6);
    font-size: 14px;
}
/*一斉通知（送信プレビュー） end*/
/*一斉通知（機関別送信履歴詳細） start*/
.BCTV .shelterIntelligence-Info {
    width: 315px;
    background: var(--White);
    margin-left: 25px;
    padding: 0px; 
}
.BCTV .c-list-table tr:first-child th:first-child {
    border-top-left-radius: 0px;
}
.BCTV .refuge-intelligence .shelterIntelligence-Info {
    min-width: 299px;
    width: 30%;
}
.BCTV .c-form {
    background-color: var(--White);
    border-radius: 8px;
    border: 1px solid var(--Gray-6);
}

.BCTV .r2-child-table td {
    border-left: 1px solid var(--Gray-6);
    border-right: 1px solid var(--Gray-6) !important;
    border-top: 0;
}

.BCTV .r2-child-table tr:first-child td{
    border-top: 1px solid var(--Gray-6) !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.BCTV .r2-child-table td:last-child {
    border-bottom: 1px solid var(--Gray-6) !important;
}

.BCTV .r2-child-table a {
    color: var(--Blue-2);
    cursor: pointer;
}

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

.BCTV .blue-text {
    color: var(--Blue-2);
}

.BCTV .bctv0030Table3 tr:last-child > td:first-child {
  border-bottom-left-radius: 0px;
}

.BCTV .bctv0030Table3 tr:last-child > td:last-child {
  border-bottom-right-radius: 0px;
}

.BCTV .bctv0030Table3 tr:last-child > td {
  border-bottom: 1px solid var(--Gray-6) !important;
}

.BCTV .bctv0030Table1 td:nth-child(1) {
    width:35%;
}

.BCTV .bctv0030Table1 td:nth-child(2) {
    width:65%;
}
/*一斉通知（機関別送信履歴詳細） end*/
/*Spectee配信事案 start*/
.SRCV0020 .header {
    width:15%;
    text-align: left; 
}
.spectee .bor-none {
    border: none !important;
}
.spectee .bor-gray {
    border: 1px solid var(--Gray-6) !important;
}
/*Spectee配信事案 end*/

/*一斉通知（送信プレビュー） start*/
.bctv0100 .textarea {
    resize: vertical;
    overflow: hidden;
    width: 100%;
}

.bctv0100 .text {
    font-size: 16px;
    padding-left: 21px; 
    padding-right: 10px;
    line-height: 2.5; 
}

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

.bctv0100 .text-blue {
    color: rgb(0, 0, 255);
}

.bctv0100 .span-icon-kiki {
    font-size: 10px;
    padding: 3px;
    color: var(--Alert);
    border: 1px solid var(--Alert);
    border-radius: 3px;    
}
.bctv0100 input, .BCTV0100 select, .BCTV0100 textarea {
    padding: 2%;
    border-radius: 4px;
    border: 1px solid var(--Gray-6);
    font-size: 14px;
}
/*一斉通知（送信プレビュー） end*/
/*一斉通知（手動送信パターン登録） start*/
.BCTV0060 .w-p-150 {
    width: 200px !important;
    margin-right: 8px;
}
.BCTV0060 .textarea {
    resize: vertical;
    overflow: hidden;
    height: 100px;
}
.BCTV0060 .top-menu-text {
    color: var(--Alert);
}
.BCTV0060 .bctv0060-blue {
    color: rgb(0, 0, 255);
}
.BCTV0060 .bctv0060-red {
    color: rgb(255, 0, 0);
}
.BCTV0060 .mar-top5 {
    margin-top: -5px;
}
.BCTV0060 .ml-8 {
    margin-left: 8px;
}
.BCTV0060 .error-message-no {
    width: 100%;
    margin-bottom: 10px;
    color: var(--Alert);
    font-weight: var(--font-weight-bold);
    margin-top: 5px;
}
/*一斉通知（手動送信パターン登録） end*/

/*Spectee配信情報 start*/
.SRCV0030 .text-align-left {
    text-align: left; 
}

.SRCV0030 .c-list-table{
    width: 50%;
    margin: 15px;
    border: 1px solid var(--Gray-6);
    border-radius: 6px;
}

.SRCV0030 .c-list-table-map{
    margin: 15px 15px 15px 0;
/*
    border: 1px solid var(--Gray-6);
    height: 95%;
*/
}

.SRCV0030 .c-list-table-map-block{
    width: 50%;
}

.SRCV0030 .map-title{
    margin-bottom: 5px;
    padding-left: 5px;
}

.SRCV0030 .c-form-body{
    display: flex;
}
/*Spectee配信情報 end*/
/*Spectee配信事案 start*/
.specteeChildOne {
    text-align: left;
    width: 15%;
}
.specteeChildTwo {
    text-align: left;
    width: 35%;
}
.SRCV0020 .text-align-left {
    text-align: left;
    word-break: break-all;
    white-space: pre-line;
}

.SRCV0020 .text-width {
    width: 180px;
}

.SRCV0020 .c-list-table.base{
    width: 50%;
    margin: 15px;
    border: 1px solid var(--Gray-6);
    border-radius: 6px;
}

.SRCV0020 .c-list-table-map{
    margin: 15px 15px 15px 0;
/*
    border: 1px solid var(--Gray-6);
    height: 100%;
*/
}

.SRCV0020 .c-list-table-map-block{
    width: 50%;
/*
    margin-bottom: 30px;
*/
}

.SRCV0020 .map-title{
    margin-bottom: 5px;
    padding-left: 5px;
}

.SRCV0020 .c-form-body{
    display: flex;
}
.SRCV0020 .c-min-height{
    min-height: 440px;
}
/*Spectee配信事案 end*/
/*一斉通知（送信先選択） start*/
.bctv0110 .condtion {
    padding: 10px;
    border-bottom: 0;
}

.bctv0110 .condtion-l {
    width: 75%;
}

.bctv0110 .condtion-l select {
    width: 650px;
}

.bctv0110 .div-w {
    min-width: 120px;
}

.bctv0110 .bctv0110Table th {
    width: 8%;
}

.bctv0110 .no-padding .c-list-table .bctv0110Table {
    border-top: 1px solid var(--Gray-6);
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.bctv0110 .bctv0110Table .tile {
    color: var(--Blue-2);
    cursor: pointer;
    font-weight: 700;
}

.bctv0110 .bctv0110Table .td-click {
    cursor: pointer;
}

.bctv0110 .legendArea {
    float: right;
    vertical-align: middle;
}

.bctv0110 .send {
    background-color: yellow;
    color: black;
}

.bctv0110 .connect {
    background-color: #BDD7EF;
    color: black;
}

.bctv0110 .notconnect {
    background-color: #DEDBDE;
    color: red;
}

.bctv0110 .dataTable .send {
    background-color: yellow;
    color: black;
}

.bctv0110 .dataTable .connect {
    background-color: #BDD7EF;
    color: black;
}

.bctv0110 .dataTable .notconnect {
    background-color: #DEDBDE;
    color: red;
}

.bctv0110 .legend {
    width: 100px;
    border: none;
    border-radius: 6px;
    padding: 7px;
    margin: 5px;
    text-align: center;
}

.bctv0110 .checkbox-hidden {
    display: none;
}

.bctv0110 table.dataTable tbody tr .connect {
    background: #BDD7EF;
}

.bctv0110 .no-padding .c-list-table .bctv0110Table td label {
    min-height: 21px;
}

.bctv0110 .no-padding .c-list-table .bctv0110Table td {
    text-align: left;
}


@keyframes bgDarken {
    from {
        background-color: var(--Gray-1);
    }
    to {
        background-color: var(--Gray-7);
    }
}

@keyframes bgLighten {
    from {
        background-color: var(--Gray-7);
    }
    to {
        background-color: var(--Gray-1);
    }
}

.bctv0110 .lighten-animation {
    animation: bgLighten 0.5s infinite;
    animation-direction: alternate;
}
/*一斉通知（送信先選択） end*/
/*噴火に関する火山観測報 start*/
.JMAV0130 .border-radius-tl {
    border-top-left-radius: 8px !important;
}
/*噴火に関する火山観測報  end*/
/*関連システム一覧 start*/
.mstv0160 .mstv0160Table td:nth-child(1),
.mstv0160 .mstv0160Table td:nth-child(2),
.mstv0160 .mstv0160Table td:nth-child(5) {
    text-align: left;
}

.mstv0160 .mstv0160Table td:nth-child(3) {
    text-align: right;
}

.mstv0160 .mstv0160Table td:nth-child(4),
.mstv0160 .mstv0160Table td:nth-child(6),
.mstv0160 .mstv0160Table td:nth-child(7) {
    text-align: center;
}

.mstv0160 .mstv0160Table th:nth-child(1),
.mstv0160 .mstv0160Table td:nth-child(1) {
    width: 20%;
    word-break: break-all;
}

.mstv0160 .mstv0160Table th:nth-child(2),
.mstv0160 .mstv0160Table td:nth-child(2) {
    width: 25%;
    word-break: break-all;
}

.mstv0160 .mstv0160Table th:nth-child(3),
.mstv0160 .mstv0160Table th:nth-child(4),
.mstv0160 .mstv0160Table th:nth-child(6),
.mstv0160 .mstv0160Table th:nth-child(7),
.mstv0160 .mstv0160Table td:nth-child(3),
.mstv0160 .mstv0160Table td:nth-child(4),
.mstv0160 .mstv0160Table td:nth-child(6),
.mstv0160 .mstv0160Table td:nth-child(7) {
    width: 10%;
    word-break: break-all;
}
/*関連システム一覧 end*/

/*雨量情報一覧  start**/
.riv0030{
    min-width: 970px;
}
.riv0030 div:has(>.chk-inline-riv0030){
    display: flex;
    gap: 5px;
    align-items: center;
}

.riv0030-m .items-content{
    flex-wrap: nowrap;
}
.riv0030-b {
    min-width: 1020px;
}
.riv0030-b .c-header-span{
    display: flex;
    align-items: center;
}
.riv0030-b h1{
       margin-right: 15px;
}
.riv0030 .gps-icon {
    background: url(../img/bi_gps.svg) no-repeat left center;
    padding-left: 35px;
    background-size: 20px 20px;
    background-position-x: 12px;
    height: 20px;
    width: 20px;
    cursor: pointer;
}
.riv0030 .gps-icon-blue {
    background: url(../img/bi_gps-blue.svg) no-repeat left center;
    padding-left: 35px;
    background-size: 20px 20px;
    background-position-x: 12px;
    height: 20px;
    width: 20px;
    cursor: pointer;
}
.riv0030 .td-space-between{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.riv0030 .td-space-between a{
    text-align: start;
}
.riv0030 th{
    white-space: nowrap;
}

.riv0030 td:nth-child(1){
    min-width: 200px;
    text-align: left;
}
.riv0030 td:nth-child(2){
    min-width: 250px;
    text-align: left;
}
.riv0030 td:nth-child(3){
    min-width: 175px;
    text-align: right;
}
.riv0030 td:nth-child(4){
    min-width: 175px;
    text-align: right;
}
.riv0030 td:nth-child(5){
    min-width: 175px;
    text-align: right;
}
.riv0030 td:nth-child(6){
    min-width: 200px;
    text-align: left;
}
.riv0030 th:nth-child(1){
    width:23%;
    min-width: 200px;
}
.riv0030 th:nth-child(2){
    width:32%;
    min-width: 250px;
}
.riv0030 th:nth-child(3){
    width:10%;
    min-width: 175px;
}
.riv0030 th:nth-child(4){
    width:10%;
    min-width: 175px;
}
.riv0030 th:nth-child(5){
    width:10%;
    min-width: 175px;
}
.riv0030 th:nth-child(6){
    width:14%;
    min-width: 200px;
}
.riv0030 .level-gray{
    background: var(--Gray-3) !important;
}
.riv0030 .eg-dropdown a {
    box-shadow: none;
   /*font-size: var(--font-size-7);*/
   background: url(../img/chevron-double-down.svg) no-repeat left center;
}
.riv0030 .eg-dropdown .flex-items {
    margin: 5px 0;
}
.riv0030 .eg-dropdown .dropdown-menu{
    padding: 10px 0 10px 10px;
    border-radius: 5px;
}
.riv0030 .font-size-1 {
    font-size: var(--font-size-mark);
}
.riv0030 .font-size-2 {
    font-size: var(--font-size-small);
}
.riv0030 .type-box {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    border: 1px solid var(--Gray-6);
}
.type-box.red {
    background: var(--Alert);
}
.type-box.orange {
    background: rgb(255,153,0);
}
.type-box.yellow {
    background: var(--staffportal-4);
}
.type-box.white {
    background: var(--White);
}
.type-box.blue {
    background: rgb(160,210,255);
}
.type-box.gray {
    background: var(--Gray-6);
}
.type-box.green {
    background: var(--staffportal-6);
}
.type-box.purple {
    background: var(--staffportal-2);
}
.type-box.red {
    background: var(--Alert);
}

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

.riv0030 table.dataTable tbody tr:nth-child(odd) td {
    border-top:1px solid var(--Gray-4);
    border-bottom:1px solid var(--Gray-4);
}
.riv0030 table.dataTable tbody tr:last-child td {
    border-bottom: none;
}

/*雨量情報一覧  end**/

/*一括公開一覧　start*/
.bulkPublishingList .fs-z-10{
    font-size: var(--font-size-mark);
}

.bulkPublishingList .c-list-table table td .ico-info {
    padding: 0 0 0 0;
    width: 100%;
    background-position-x: center;
}

.bulkPublishingList .c-list-table th {
    padding-right: 12px;
}

.bulkPublishingList .c-list-table td:nth-child(9),
.bulkPublishingList .c-list-table td:nth-child(10),
.bulkPublishingList .c-list-table td:nth-child(11),
.bulkPublishingList .c-list-table td:nth-child(12),
.bulkPublishingList .c-list-table td:nth-child(13),
.bulkPublishingList .c-list-table td:nth-child(14),
.bulkPublishingList .c-list-table td:nth-child(15),
.bulkPublishingList .c-list-table td:nth-child(16),
.bulkPublishingList .c-list-table td:nth-child(17),
.bulkPublishingList .c-list-table td:nth-child(18),
.bulkPublishingList .c-list-table td:nth-child(19),
.bulkPublishingList .c-list-table td:nth-child(20),
.bulkPublishingList .c-list-table td:nth-child(21) {
    text-align: center;
    width: 55px;
}

.disasterSelectTbl2-list-adp-ul {
    width: 240px;
}

.disasterSelectTbl2-list-adp-ul .bulk-span{
    font-size: 15px;
    font-weight: 500;
    margin-left: 5px
}

.disasterSelectTbl2-list-adp-ul .bulk-li{
    padding: 3px 0px 3px 15px;
}
.disasterSelectTbl2-list-adp-ul .bulk-li.choose:hover{
    background-color: var(--Gray-3);
    cursor: pointer;
}


.bulk-ul-wh{
    max-width: 238px;
    max-height: 200px;
}

.bulk-none{
    pointer-events: none;
}
/*一括公開一覧　end*/
/*一括公開　start*/
.template-input82-3 .e-btn-modal-refresh{
    width: 80px;
}

.template-input82-3 .e-btn-modal-refresh.disabled{
    background-color: var(--Gray-4);
    pointer-events: none;
}

.template-input82-3 .tooltip-button-title {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
}

.template-input82-3 .tooltip-button-title .tooltip-style{
    left: 0;
}

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

.template-input82-3 .col-w-200{
    flex: 0 0 200px;
}

.template-input82-3 .chk-tooltip .tooltip-style {
    left: 0;
    padding-left: 3px;
    top: 1px;
}

.template-input82-3 .no-border-title {
    border-bottom: 0;
    padding-left: 0px;
}

.template-input82-3 .m1 {
    width: 100%;
    min-width: 1325px;
}

.template-input82-3 .bulk-delivery-text {
    overflow-y: auto;
}

/*.template-input82-3 .nav-item {*/
/*    max-width: 200px;*/
/*}*/

/*.template-input82-3 .bulk-delivery-c-main .nav-tabs {*/
/*    justify-content: start;*/
/*    height: 39px;*/
/*}*/

/*.template-input82-3 #nav2 {*/
/*    border-bottom: 1px solid var(--Gray-6);*/
/*    width: 1300px;*/
/*    flex-wrap: nowrap;*/
/*}*/

/*.template-input82-3 #nav2 li button {*/
/*    white-space: nowrap;*/
/*}*/

/*.template-input82-3 #nav2 li:not(.active) {*/
/*    border-bottom: 0px;*/
/*}*/

.template-input82-3 .bulk-delivery-resident-staff ul {
    border-bottom: 1px solid var(--Gray-6);
}

.template-input82-3 #bulk-delivery-resident-staff li:not(.active) {
    border-bottom: 0px;
}

.template-input82-3 .bulk-delivery-text .container, .bulk-delivery-tab1 .container {
    padding-bottom: 25px;
}

.template-input82-3 .m1 .bulk-deliveryr-left {
    min-width: 1278px;
}

.template-input82-3 .read-push-status {
    background: var(--Gray-3);
    pointer-events: none;
}

.bulk-delivery-fax td {
    text-align: left !important;
}
    
.bulk-delivery-tem td:nth-child(1) {
    width: 100px !important;
}

.bulk-delivery-history h2{
    padding: 0 !important;
    border-bottom: 0 !important;
}

.bulk-delivery-history .none-padding{
    padding: 0 !important;
}

.bulk-delivery-history .datatable td{
    text-align: left !important;
}

.PUBV0010 .tzb-overflow {
  overflow: auto; 
}

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

.PUBV0010 .tzb-announce-image-viewer_wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 2005;
}

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

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

.PUBV0010 .tzb-announce-image-viewer_close {
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: #fff;
    background-color: #606266;
}

.PUBV0010 .tzb-announce-image-viewer_canvas {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

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

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

.PUBV0010 .tzb-lable-width{
    min-width:75px;
    cursor: pointer;
}

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

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

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

.bulkZtree {
  margin: 5px !important;
}

.bulkZtree li span.button.noline_open {
    background-image:url("./img/arrow_down_small_grey.svg");
    background-position: -4px -5px !important;
}

.bulkZtree li span.button.noline_close {
    background-image:url("./img/arrow_right_small_grey.svg");
    background-position: -4px -5px !important;
}
    
.bulkZtree li a {
    padding: 1px 15px 25px 4px !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;
}

.bulk-modal-item {
    padding-left: 26px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.bulkZtreeBackground span {
    color: rgb(0, 0, 0) !important;
}

.bulk-modal-body-height {
    max-height: 35px !important;
}

.bulk-modal-content-height {
     min-height: 800px !important;
     overflow-y: auto;
}
.bulk-btn-width {
    margin-right: 8px;
}
.PUBV0010 .urgentMailDiv .urgent-mail-send-status .c-form{
    border:unset;
}
.PUBV0010 .urgentMailDiv .urgent-mail-send-status .c-form-title{
    border:unset;
    font-weight: 700;
    padding:unset;
    font-size:unset;
}
.PUBV0010 .urgentMailDiv .urgent-mail-send-status .c-form-body{
    padding:10px 0 0 0;
}
.PUBV0010 .urgentMailDiv .urgent-mail-send-status .c-form-body .c-list-table th:first-child{
    border-top-left-radius: 4px
}
.PUBV0010 .urgentMailDiv .urgent-mail-send-status .c-form-body .c-list-table th:last-child{
    border-top-right-radius: 4px
}
.PUBV0010 .urgentMailDiv .urgent-mail-send-status .c-form-body table{
    border:1px solid var(--Gray-6);
}
/*一括公開　end*/
/*一括公開テンプレート　end*/
#publ0030Form .bulk-deliveryr-left {
    min-width: 1300px;
    flex-wrap: nowrap;
}
#publ0030Form .umt-8 {
    margin-top: 8px;
}

#publ0030Form textarea {
    width: 100%;
    resize: vertical;
}
/*一括公開テンプレート　end*/
/*015.1.３様式入力 start*/
.FSNV0050 .w-115{
    width: 115px !important;
}

.FSNV0050 .w-200{
    width: 200px !important;
}

.FSNV0050 .mlr-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.FSNV0050 .gap-10 {
    gap: 10px;
}

.FSNV0050 .col {
    flex: 1 0 0%;
    white-space: nowrap;
}

.FSNV0050 .input-w-245 {
    width: 245px;
}

.FSNV0050 .w-100-b {
    width: 100%;
}

.FSNV0050 .flex-w-160{
    flex: 0 0 160px;
}
/*015.1.３様式入力 end*/
/*３様式一覧 start*/
.kyukyuKyujoJikoSokuhouList .kyukyuKyujoJikoSokuhouList-search-checkbox {
    align-items: center;
}

.kyukyuKyujoJikoSokuhouList .kyukyuKyujoJikoSokuhouListTable td {
    text-align: left;
}

.kyukyuKyujoJikoSokuhouList .kyukyuKyujoJikoSokuhouListTable th:nth-child(1) {
    width: 15%;
}

.kyukyuKyujoJikoSokuhouList .kyukyuKyujoJikoSokuhouListTable th:nth-child(2),
.kyukyuKyujoJikoSokuhouList .kyukyuKyujoJikoSokuhouListTable th:nth-child(3) {
    width: 30%;
}
/*３様式一覧 end*/
/*017.1.４−１様式入力 start*/
.r2-template-input41 .mlr-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.r2-template-input41 .w-100-b {
    width: 100%;
}

.r2-template-input41 .w-115{
    width: 115px !important;
}

.r2-template-input41 .w-200{
    width: 200px !important;
}

.r2-template-input41 .ut-10{
    margin-top: 10px !important;
}

.r2-template-input41 .fs-z{
    font-size: var(--font-size-small) !important;
}

.r2-template-input41 .m1{
    min-width: 1400px;
    width: 100%; 
    display: inline-flex;
    justify-content: space-between;
}

.r2-template-input41 .m1-left-width{
   width: 66%; 
   min-width: 805px;
   position: relative;
}

.r2-template-input41 .m1-right-width{
   width: 33%; 
}

.r2-template-input41 .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
}
.r2-template-input41 .m1 .map-title{
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 8px;
}

.r2-template-input41 .m1 .map-image{
    width: 100%;
    height:100%;
}

.r2-template-input41 .m1 .map-image img{
    width: 100%;
    height:100%;
}

.r2-template-input41 .m2{
   width:100%;
}

.r2-template-input41 .btn-col{
   justify-content: flex-end;
   align-items: flex-end;
}

.r2-template-input41 .btn-col>button{
    width: 122px;
}

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

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

.r2-template-input41 .pl-title{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.r2-template-input41 .pl-title ul{
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    gap: 8px;
}

.r2-template-input41 .pl-title li{
    display: flex;
    flex-direction: row;
}

.r2-template-input41 .pl-info{
    line-height: 150%;
}

.r2-template-input41 .pl-title-left li{
    color: var(--Gray-7);
    font-size: var(--font-size-small);
    align-items: center;
}

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

.r2-template-input41 .pane-left .mark1{
    width: 90px;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.r2-template-input41 .accordion-button {
   padding:  4px 12px 4px 12px;
   font-size: var(--font-size-middle);
}

.r2-template-input41 .m1-right-width{
    display: block;
    padding-left: 8px;
}

.r2-template-input41 .m1-right-width .nav-tabs {
    gap: 0;
}

.r2-template-input41 .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);
}

.r2-template-input41 .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%;
}

.r2-template-input41 .c-list-table td{
    text-align: left;
}

.r2-template-input41 .h-28{
    height: 28px;
}
.r2-template-input41 .modal-body{
    text-align: center;
}

.r2-template-input41 .c-form {
    width: 1814px;
}
/*017.1.４−１様式入力 end*/
/*４−１様式一覧 start*/
.saigaiGaikyouSokuhouList .c-form {
    width: 1814px;
}
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable td:nth-child(1),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable td:nth-child(2),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable td:nth-child(15) {
    text-align: left;
}

.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable td:nth-child(3),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable td:nth-child(4),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable td:nth-child(5),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable td:nth-child(6),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable td:nth-child(7),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable td:nth-child(8),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable td:nth-child(9),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable td:nth-child(10),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable td:nth-child(11),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable td:nth-child(12),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable td:nth-child(13),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable td:nth-child(14) {
    text-align: right;
}

.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable th:nth-child(1),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable th:nth-child(4) {
    width: 8%;
}

.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable th:nth-child(5),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable th:nth-child(8),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable th:nth-child(2),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable th:nth-child(3),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable th:nth-child(6),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable th:nth-child(7),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable th:nth-child(9),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable th:nth-child(10),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable th:nth-child(11),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable th:nth-child(12),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable th:nth-child(13),
.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable th:nth-child(14) {
    width: 6%;
}

.saigaiGaikyouSokuhouList .saigaiGaikyouSokuhouListTable th:nth-child(15) {
    width: 12%;
}

/*４−１様式一覧 end*/

/*４−２様式一覧 start*/
.fsnv0100 .fsnv0100Table td:nth-child(1),
.fsnv0100 .fsnv0100Table td:nth-child(2),
.fsnv0100 .fsnv0100Table td:nth-child(3) {
    text-align: left;
}

.fsnv0100 .fsnv0100Table td:nth-child(4),
.fsnv0100 .fsnv0100Table td:nth-child(5),
.fsnv0100 .fsnv0100Table td:nth-child(6),
.fsnv0100 .fsnv0100Table td:nth-child(7),
.fsnv0100 .fsnv0100Table td:nth-child(8),
.fsnv0100 .fsnv0100Table td:nth-child(9),
.fsnv0100 .fsnv0100Table td:nth-child(10),
.fsnv0100 .fsnv0100Table td:nth-child(11),
.fsnv0100 .fsnv0100Table td:nth-child(12),
.fsnv0100 .fsnv0100Table td:nth-child(13),
.fsnv0100 .fsnv0100Table td:nth-child(14),
.fsnv0100 .fsnv0100Table td:nth-child(15) {
    text-align: right;
}

.fsnv0100 .fsnv0100Table tr:first-child th:nth-child(1) {
    width: 8%;
}

.fsnv0100 .fsnv0100Table tr:first-child th:nth-child(2) {
    width: 10%;
}

.fsnv0100 .fsnv0100Table tr:first-child th:nth-child(3) {
    width: 12%;
}

.fsnv0100 .fsnv0100Table tr:first-child th:nth-child(4) {
    width: 25%;
}

.fsnv0100 .fsnv0100Table tr:first-child th:nth-child(5) {
    width: 35%;
}

.fsnv0100 .fsnv0100Table tr:first-child th:nth-child(6) {
    width: 10%;
}

.fsnv0100 .fsnv0100Table tr:nth-child(2) th:nth-child(1),
.fsnv0100 .fsnv0100Table tr:nth-child(2) th:nth-child(2),
.fsnv0100 .fsnv0100Table tr:nth-child(2) th:nth-child(3),
.fsnv0100 .fsnv0100Table tr:nth-child(2) th:nth-child(10),
.fsnv0100 .fsnv0100Table tr:nth-child(2) th:nth-child(11) {
    width: 5%;
}

.fsnv0100 .fsnv0100Table tr:nth-child(2) th:nth-child(5),
.fsnv0100 .fsnv0100Table tr:nth-child(2) th:nth-child(6),
.fsnv0100 .fsnv0100Table tr:nth-child(2) th:nth-child(7),
.fsnv0100 .fsnv0100Table tr:nth-child(2) th:nth-child(8),
.fsnv0100 .fsnv0100Table tr:nth-child(2) th:nth-child(9) {
    width: 7%;
}

.fsnv0100 .fsnv0100Table tr:nth-child(2) th:nth-child(4) {
    width: 10%;
}

.fsnv0100 .fsnv0100Table tr:nth-child(3) th:nth-child(1),
.fsnv0100 .fsnv0100Table tr:nth-child(3) th:nth-child(2) {
    width: 5%;
}

.fsnv0100 .bg-radius {
    border-bottom-left-radius: 8px;
}

.fsnv0100 .fsnv0100Table .wrap-div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
/*４−２様式一覧 end*/

/*手動送信パターン一覧 start*/
.bctv0070 .c-main .tab-content {
    height: 100%;
}
.bctv0070 .c-main .m1 {
    min-width: 1400px;
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
}

.bctv0070 .bctv0070-search-checkbox {
    align-items: center;
}

.bctv0070 .bctv0070Table td {
    text-align: left;
}

.bctv0070 .bctv0070Table th:nth-child(1),
.bctv0070 .bctv0070Table th:nth-child(3),
.bctv0070 .bctv0070Table th:nth-child(4) {
    width: 10%;
}

.bctv0070 .bctv0070Table th:nth-child(2) {
    width: 30%;
}

.bctv0070 .bctv0070Table th:nth-child(5) {
    width: 40%;
}
/*手動送信パターン一覧 end*/
/*雨量情報　start*/
.rainfallInformation .c-form-between {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    position: relative;
}

.rainfallInformation .c-sticky {
    position: sticky;
    top: 60px;
    height: 100%;
}

.rainfallInformation .c-form-between>div{
    width: 49%;
}

.rainfallInformation .um-25 {
    margin-top: 25px;
}

.rainfallInformation .t1 .tile{
    width: 16.3% !important;
    color: var(--Black);
}

.rainfallInformation .t3 .tile{
    color: var(--Black);
}

.rainfallInformation .t2 td:nth-child(1){
    width: 33.3% !important;
    width: 280px !important;
    text-align: center !important;
}

.rainfallInformation .t2 td:nth-child(2){
    width: 33.3% !important;
    text-align: right;
}

.rainfallInformation .t2 td:nth-child(3){
    width: 33.3% !important;
    text-align: right;
}

.rainfallInformation .t3 td:nth-child(1){
    width: 350px;
}

.rainfallInformation table.dataTable.t2
,.rainfallInformation table.notitle-table.t3
{
    border-collapse: collapse;
}

.rainfallInformation table.dataTable.t2 td
,.rainfallInformation table.notitle-table.t3 td{
    background-color: var(--White);
    border-top: 1px solid var(--Gray-4);
    border-left: 1px solid var(--Gray-4);
}

.rainfallInformation table.dataTable.t2 tr td:first-child
,.rainfallInformation table.notitle-table.t3 tr td:first-child
{
    border-left: none;
}

.rainfallInformation table.notitle-table.t3 tr:first-child td{
    border-top: none;
}

.rainfallInformation .legend-box {
    height: 20px;
    width: 45px;
    display: inline-block;
    border: 1px solid var(--Gray-4);
}

.rainfallInformation .legend-box.red {
    background: var(--Alert);
}

.rainfallInformation .legend-box.orange {
    background: rgb(255,153,0);
}

.rainfallInformation .legend-box.yellow {
    background: var(--staffportal-4);
}

.rainfallInformation .legend-box.white {
    background: var(--White);
}

.rainfallInformation .legend-box.blue {
    background: rgb(160,210,255);
}

.rainfallInformation .legend-box.gray {
    background: var(--Gray-6);
}

.rainfallInformation .t2-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rainfallInformation .rain-tab-button {
    display: flex;
}

.rainfallInformation .rain-tab-button .t2-button  {
    padding: 7px;
    font-size: var(--font-size-2);
    border: 1px solid var(--Blue-6);
    background: var(--White);
    color: var(--Blue-6);
}

.rainfallInformation .rain-tab-button .t2-button.active {
    background: var(--Blue-6);
    color: var(--White);
}

.rainfallInformation .t2 td:last-child {
    border-bottom-right-radius: 0px;
}

.rainfallInformation .t2 tr:last-child>td:last-child {
    border-bottom-right-radius: 8px;
}

.rainfallInformation .viewButton {
    min-width: 75px;
    margin-right: 12px;
}

.rainfallInformation .c-form-title.ss{
    display: flex;
    justify-content: space-between;
   
}

.rainfallInformation .ss-right{
    font-size: var(--font-size-middle);
    align-self: flex-end;
}

/*雨量情報　end*/
/*広域防災拠点一覧 start*/
.bousaiKyotenList .bousaiKyotenList-search-checkbox {
    align-items: center;
}

.bousaiKyotenList .bousaiKyotenListTable td {
    text-align: left;
}

.bousaiKyotenList .bousaiKyotenListTable th:nth-child(1) {
    width: 8%;
}

.bousaiKyotenList .bousaiKyotenListTable th:nth-child(2) {
    width: 34%;
}

.bousaiKyotenList .bousaiKyotenListTable th:nth-child(3) {
    width: 39%;
}

.bousaiKyotenList .bousaiKyotenListTable th:nth-child(4) {
    width: 9%;
}

.bousaiKyotenList .bousaiKyotenListTable th:nth-child(5) {
    width: 10%;
}

/*広域防災拠点一覧 end*/
/*県内情報 start*/
.kyoyuKoukaiPortalList .table-title {
    width: 1791px;
    min-width: 1791px;
}

.kyoyuKoukaiPortalList .table-form {
    width: 1793px;
    min-width: 1793px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable{
    width: 1791px;
    min-width: 1791px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum{
    width: 1791px;
    min-width: 1791px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable td {
    text-align: left;
    word-wrap: break-word;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable td:nth-child(6) {
    text-align: right;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:first-child th:nth-child(1) {
    width: 141px;
    min-width: 141px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:first-child th:nth-child(2) {
    width: 395px;
    min-width: 395px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:nth-child(2) th:nth-child(1) {
    width: 95px;
    min-width: 95px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:nth-child(2) th:nth-child(2),
{
    width: 300px;
    min-width: 300px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:first-child th:nth-child(3),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:first-child th:nth-child(6) {
    width: 65px;
    min-width: 65px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:first-child th:nth-child(4),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:first-child th:nth-child(5),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:first-child th:nth-child(7) {
    width: 375px;
    min-width: 375px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:nth-child(2) th:nth-child(3),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:nth-child(2) th:nth-child(5),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:nth-child(2) th:nth-child(7) {
    width: 85px;
    min-width: 85px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:nth-child(3) th:nth-child(2) {
    width: 95px;
    min-width: 95px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:nth-child(3) th:nth-child(3),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:nth-child(3) th:nth-child(8),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:nth-child(3) th:nth-child(12),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:nth-child(3) th:nth-child(17) {
    width: 75px;
    min-width: 75px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:nth-child(3) th:nth-child(4),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:nth-child(3) th:nth-child(9),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:nth-child(3) th:nth-child(13),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:nth-child(3) th:nth-child(18) {
    width: 130px;
    min-width: 130px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:nth-child(2) th:nth-child(4),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:nth-child(2) th:nth-child(6),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:nth-child(2) th:nth-child(8) {
    width: 285px;
    min-width: 285px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:nth-child(3) th:nth-child(7),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:nth-child(3) th:nth-child(11),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable tr:nth-child(3) th:nth-child(16) {
    width: 85px;
    min-width: 85px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable td:nth-child(2),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable td:nth-child(3) {
    width: 95px;
    min-width: 95px;
    max-width: 95px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable td:nth-child(4),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable td:nth-child(9),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable td:nth-child(13),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable td:nth-child(18) {
    width: 75px;
    min-width: 75px;
    max-width: 75px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable td:nth-child(5),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable td:nth-child(10),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable td:nth-child(14),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable td:nth-child(19) {
    width: 130px;
    min-width: 130px;
    max-width: 130px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable td:nth-child(6),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable td:nth-child(15){
    width: 65px;
    min-width: 65px;
    max-width: 65px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable td:nth-child(7),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable td:nth-child(8),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable td:nth-child(11),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable td:nth-child(12),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable td:nth-child(16),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable td:nth-child(17) {
    width: 85px;
    min-width: 85px;
    max-width: 85px;
}

.kyoyuKoukaiPortalList .dataTable .kyoyuKoukaiPortalList-display {
    background-color: var(--Gray-3);
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum td {
    text-align: right;
    word-wrap: break-word;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum td:nth-child(1) {
    text-align: left;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum tr:first-child th:nth-child(1) {
    width: 141px;
    min-width: 141px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum tr:first-child th:nth-child(2) {
    width: 395px;
    min-width: 395px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum tr:first-child th:nth-child(3),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum tr:first-child th:nth-child(6) {
    width: 65px;
    min-width: 65px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum tr:first-child th:nth-child(4),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum tr:first-child th:nth-child(5),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum tr:first-child th:nth-child(7) {
    width: 375px;
    min-width: 375px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum tr:nth-child(2) th:nth-child(1){
    width: 95px;
    min-width: 95px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum tr:nth-child(2) th:nth-child(2){
    width: 300px;
    min-width: 300px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum tr:nth-child(2) th:nth-child(3),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum tr:nth-child(2) th:nth-child(5),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum tr:nth-child(2) th:nth-child(7) {
    width: 85px;
    min-width: 85px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum tr:nth-child(2) th:nth-child(4),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum tr:nth-child(2) th:nth-child(6),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum tr:nth-child(2) th:nth-child(8) {
    width: 290px;
    min-width: 290px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum td:nth-child(2) {
    width: 95px;
    min-width: 95px;
    max-width: 95px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum td:nth-child(3) {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum td:nth-child(4),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum td:nth-child(9){
    width: 65px;
    min-width: 65px;
    max-width: 65px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum td:nth-child(5),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum td:nth-child(7),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum td:nth-child(10) {
    width: 85px;
    min-width: 85px;
    max-width: 85px;
}

.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum td:nth-child(6),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum td:nth-child(8),
.kyoyuKoukaiPortalList .kyoyuKoukaiPortalListTable-sum td:nth-child(11) {
    width: 290px;
    min-width: 290px;
}
/*県内情報 end*/

/*雨量・水位共通  start**/
.rivcom-b .level.warning{
    background: var(--Alert) !important;
}
.rivcom-b .level.caution{
    background: var(--staffportal-4) !important;
}

.rivcom-b .level.designHighWaterLevel {
    background: var(--staffportal-2) !important;
}

.rivcom-b .level.dangeWaterLevel {
    background: var(--Alert) !important;
}

.rivcom-b .level.evacuationWaterLevel {
    background: var(--staffportal-10) !important;
}

.rivcom-b .level.cautionWaterLevel {
    background: var(--staffportal-4) !important;
}

.rivcom-b .level.designatedWaterLevel {
    background: var(--staffportal-6) !important;
}

.rivcom-b .level.missing {
    background: var(--Gray-6) !important;
}

.rivcom-b .level.blue {
    background: rgb(160,210,255) !important;
}

.rivcom-b .level.white {
    background: var(--White) !important;
}

.rivcom-b .level.orange {
    background: rgb(255,153,0) !important;
}
/*雨量・水位共通  end**/
/*広域防災拠点 start*/
.KDKV0020 .container {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 410px;
    padding-right: 20px;
    padding-left: 20px;
}

.KDKV0020-left-form {
    width: 70%;
   
}

.KDKV0020-left-form .location {
    width: 90%;
}

.KDKV0020-left-form .c-form-body {
    height: 430px;
    padding-right: 5px;
    padding-left: 0;
}

.KDKV0020 .between-form  {
    width: 100%;
    display: flex;
    gap: 15px;

}

.KDKV0020 .map-div {
    width: 580px;
}

.KDKV0020 .tab-content.map {
    overflow: hidden;
    height: 440px;
}

.KDKV0020 .between-form input{
    max-width: 70%;
}

.KDKV0020 .accordion {
    width: 100%;
}

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

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

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

.KDKV0020 .m1-right-width{
   width: 33%; 
}

.KDKV0020 .pic {
    padding: 16px;
}

.KDKV0020 .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
}
.KDKV0020 .m1 .map-title{
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 8px;
}

.KDKV0020 .m1 .map-image{
    width: 100%;
    height:100%;
}

.KDKV0020 .m1 .map-image img{
    width: 100%;
    height:100%;
}

.KDKV0020 .m2{
   width:100%;
}

.KDKV0020 .btn-col{
   justify-content: flex-end;
   align-items: flex-end;
}

.KDKV0020 .btn-col>button{
    width: 122px;
}

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

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

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

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

.KDKV0020 .pl-title li{
    display: flex;
    flex-direction: row;
}

.KDKV0020 .pl-info{
    line-height: 150%;
}

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

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

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

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

.KDKV0020 .m1-right-width{
    display: block;
    padding-left: 8px;
}

.KDKV0020 .m1-right-width  .nav-tabs {
    gap: 0;
}

.KDKV0020 .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);
}

.KDKV0020 .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%;
}
/*広域防災拠点 end*/
/*広域防災拠点マスタ一覧　start*/
.wideAreaDisasterMaster .c-list-table td {
    text-align: left;
}

.wideAreaDisasterMaster .c-list-table th:nth-child(1),
.wideAreaDisasterMaster .c-list-table th:nth-child(4) {
    width: 15%;
}

.wideAreaDisasterMaster .c-list-table th:nth-child(2),
.wideAreaDisasterMaster .c-list-table th:nth-child(3) {
    width: 35%;
}

.wideAreaDisasterMaster .modal-item-title {
    min-width: 140px;
}

.wideAreaDisasterMaster .search-checkbox {
    align-items: center;
}
/*広域防災拠点マスタ一覧　end*/
/*広域防災拠点マスタ　start*/
.wideAreaMaster-input .container {
    width: 60%;
}

.wideAreaMaster-input .c-form-body {
    display: flex;
}

.wideAreaMaster-input input[type="text"] {
    width: 75%;
}

.wideAreaMaster-input .wideAreaMaster-errorMsg {
    margin-bottom: 0px !important;
    margin-top: -8px !important;

}

.wideAreaMaster-input .error-item {
    width: 300px;

}

/*広域防災拠点マスタ　End*/
/*水位情報　start*/
.waterInformation .c-form-between {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    position: relative;
}

.waterInformation .c-sticky {
    position: sticky;
    top: 60px;
    height: 100%;
}

.waterInformation .c-form-between>div{
    width: 49%;
}

.waterInformation .um-25 {
    margin-top: 25px;
}

.waterInformation .t1 .tile{
    width: 280px !important;
    color: var(--Black);
}

.waterInformation .t3 .tile{
    color: var(--Black);
}

.waterInformation .t2 td:nth-child(1){
    width: 280px !important;
    text-align: center !important;
}

.waterInformation .t2 td:nth-child(2){
    text-align: right;
}

.waterInformation .t3 td:nth-child(1){
    width: 200px;
}

.waterInformation  .legend-box.purple {
    background: var(--staffportal-2);
}

.waterInformation  .legend-box.red {
    background: var(--Alert);
}

.waterInformation  .legend-box.orange {
    background: var(--header-button-yellow);
}

.waterInformation  .legend-box.yellow {
    background: var(--staffportal-4);
}

.waterInformation  .legend-box.blue {
    background: var(--Blue-3);
}

.waterInformation .t2-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.waterInformation .rain-tab-button {
    display: flex;
}

.waterInformation .rain-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);
}

.waterInformation .rain-tab-button .t2-button.active {
    background: var(--Blue-6);
    color: var(--White);
}

.waterInformation .c-list-table .dataTable .level {
    border-bottom-right-radius: 0px;
}

.waterInformation .c-list-table .dataTable tr:last-child > td:last-child{
    border-bottom-right-radius: 8px;
}

.waterInformation .viewButton {
    min-width: 75px;
    margin-right: 12px;
}

.waterInformation .c-form-title.ss{
    display: flex;
    justify-content: space-between;
   
}

.waterInformation .ss-right{
    font-size: var(--font-size-middle);
    align-self: flex-end;
}

.waterInformation table.dataTable.t2
,.waterInformation table.notitle-table.t3
{
    border-collapse: collapse;
}

.waterInformation table.dataTable.t2 td
,.waterInformation table.notitle-table.t3 td{
    background-color: var(--White);
    border-top: 1px solid var(--Gray-4);
    border-left: 1px solid var(--Gray-4);
}

.waterInformation table.dataTable.t2 tr td:first-child
,.waterInformation table.notitle-table.t3 tr td:first-child
{
    border-left: none;
}

.waterInformation table.notitle-table.t3 tr:first-child td{
    border-top: none;
}

.waterInformation .legend-box {
    height: 20px;
    width: 45px;
    display: inline-block;
    border: 1px solid var(--Gray-4);
}

/*水位情報　end*/
/*水位情報一覧  start**/
.riv0050 div:has(>.chk-inline-riv0050){
    display: flex;
    gap: 5px;
    align-items: center;
}
.riv0050{
    min-width: 1300px;
}
.riv0050-m .items-content{
    flex-wrap: nowrap;
}
.riv0050-b {
    min-width: 1020px;
}
.riv0050-b .c-header-span{
    display: flex;
    align-items: center;
}
.riv0050-b h1{
       margin-right: 15px;
}
.riv0050 .gps-icon {
    background: url(../img/bi_gps.svg) no-repeat left center;
    padding-left: 35px;
    background-size: 20px 20px;
    background-position-x: 12px;
    height: 20px;
    width: 20px;
    cursor: pointer;
}
.riv0050 .gps-icon-blue {
    background: url(../img/bi_gps-blue.svg) no-repeat left center;
    padding-left: 35px;
    background-size: 20px 20px;
    background-position-x: 12px;
    height: 20px;
    width: 20px;
    cursor: pointer;
}
.riv0050 .td-space-between{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.riv0050 .td-space-between a{
    text-align: start;
}
.riv0050 th{
    white-space: nowrap;
}

.riv0050 td:nth-child(1){
    min-width: 50px;
}
.riv0050 td:nth-child(2){
    min-width: 50px;
    text-align: left;
}
.riv0050 td:nth-child(3){
    min-width: 50px;
    text-align: right;
}
.riv0050 td:nth-child(4){
    min-width: 50px;
    text-align: right;
}
.riv0050 td:nth-child(5){
    min-width: 50px;
    text-align: right;
}
.riv0050 td:nth-child(6){
    min-width: 50px;
    text-align: right;
}
.riv0050 td:nth-child(7){
    min-width: 50px;
    text-align: right;
}
.riv0050 td:nth-child(8){
    min-width: 50px;
    text-align: right;
}
.riv0050 td:nth-child(9){
    min-width: 50px;
    text-align: left;
}
.riv0050 th:nth-child(1){
    width:15%;
    min-width: 150px;
}
.riv0050 th:nth-child(2){
    width:20%;
    min-width: 200px;
}
.riv0050 th:nth-child(3){
    width:12%;
    min-width: 50px;
}
.riv0050 th:nth-child(4){
    width:10%;
    min-width: 50px;
}
.riv0050 th:nth-child(5){
    width:10%;
    min-width: 50px;
}
.riv0050 th:nth-child(6){
    width:10%;
    min-width: 50px;
}
.riv0050 th:nth-child(7){
    width:10%;
    min-width: 50px;
}
.riv0050 th:nth-child(8){
    width:13%;
    min-width: 180px;
}

.riv0050 .level-gray{
    background: var(--Gray-3) !important;
}
.riv0050 .eg-dropdown .flex-items {
    margin: 5px 0;
}
.riv0050 .eg-dropdown .dropdown-menu{
    padding: 10px 0 10px 10px;
    border-radius: 5px;
}
.riv0050 .font-size-1 {
    font-size: var(--font-size-mark);
}
.riv0050 .font-size-2 {
    font-size: var(--font-size-small);
}
.riv0050 .type-box {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    border: 1px solid var(--Gray-6);
}
.riv0050 table.dataTable tbody tr:nth-child(even) td {
    background-color: var(--White);
}
.riv0050 table.dataTable tbody tr:nth-child(odd) td {
    border-top: 1px solid var(--Gray-4);
    border-bottom: 1px solid var(--Gray-4);
}

.riv0050 table.dataTable tbody tr:last-child td {
    border-bottom: none;
}

/*雨量情報一覧  end**/
/*とりまとめ報告資料作成​ start*/
.summary-report .t-mas-1 {
    color: var(--Gray-7);
    display: flex;
    padding-bottom: 10px;
    padding-top: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-bottom: 1px solid var(--gray-3-line-light, #E5E5E5);
}

.summary-report .t-mas-date {
    margin-top: 11px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.summary-report .t-mas-date button {
    margin-left: 4px;
}

.summary-report .t-mas-2 {
    margin-top: 8px;
    margin-bottom: 16px;
}

.summary-report .c-list-table td:nth-child(1) {
    width: 60px;
}

.summary-report .c-list-table td:nth-child(2) {
    width: 100px;
    text-align: left;
}

.summary-report .c-list-table td:nth-child(3) {
    text-align: left;
}

.summary-report .c-list-table th:nth-child(2) {
    text-align: left;
}

.summary-report .c-list-table th:nth-child(3) {
    text-align: left;
}

.summary-report .e-btn-row {
    padding: unset;
}
/*とりまとめ報告資料作成​ end*/

/*緊急速報メール公開 start*/
.ugmv0010 .pa1-1 td {
  padding: 5px;
}

.ugmv0010 .escalationInfo td {
    text-align: left;
}

.ugmv0010 .chk-tooltip .tooltip-style {
    left: 0;
    padding-left: 3px;
    top: 1px;
}
.ugmv0010 .text-count{
    font-size: var(--font-size-middle);
}
.ugmv0010 .text-count .error-message + .umt-8{
    margin-top: 8px
}

/*緊急速報メール公開 end*/
/*クロノロジー入力テンプレートマスタ一覧 start*/
.mst021 .buttonbtn:disabled{
box-shadow:unset;
}

.mst022 .mst022-list {
    min-width: 1290px;
}

.mst022 .mst022-search-checkbox {
    align-items: center;
}

.mst022 .mst022Table td:nth-child(1),
.mst022 .mst022Table td:nth-child(2),
.mst022 .mst022Table td:nth-child(3),
.mst022 .mst022Table td:nth-child(4),
.mst022 .mst022Table td:nth-child(5),
.mst022 .mst022Table td:nth-child(6),
.mst022 .mst022Table td:nth-child(8) {
    text-align: left;
}

.mst022 .mst022Table td:nth-child(7) {
    text-align: center;
}

.mst022 .mst022Table th:nth-child(1) {
    width: 210px;
    min-width: 150px;
}
.mst022 .mst022Table th:nth-child(2) {
    width: 230px;
    min-width: 165px;
}
.mst022 .mst022Table th:nth-child(3) {
    width: 168px;
    min-width: 120px;
}
.mst022 .mst022Table th:nth-child(4) {
    width: 168px;
    min-width: 120px;
}
.mst022 .mst022Table th:nth-child(5) {
    width: 168px;
    min-width: 120px;
}
.mst022 .mst022Table th:nth-child(6) {
    width: 168px;
    min-width: 120px;
}
.mst022 .mst022Table th:nth-child(7) {
    width: 168px;
    min-width: 120px;
}
.mst022 .mst022Table th:nth-child(8) {
    min-width: 335px;
}

/*クロノロジー入力テンプレートマスタ一覧 end*/
/*クロノロジーテンプレート入力 start*/
.CNG .div-has-borders {
    border-style: none;
}
.CNG .div-has-border {
    border-style: solid; 
    border-width: 1px 0 0 0; 
}
.CNG .c-form-title1 {
    padding: 10px 1px;
    font-size: var(--font-size-4);
}

.CNG .modal-contents {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    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;
}

.CNG .buttonans {
    margin-left: 0px; 
    margin-top: -2px;
}
.CNG .buttonbtn {
    margin-left: 15px;
}
.CNG .inputans {
    margin-left: 28px;
}
.CNG .c-form-cng {
    margin-top: 20px;
}
.CNG .c-width-cng {
    width: 74.9%;
}
.CNG .la-btn-org {
    width: 230px;
}
/*クロノロジーテンプレート入力 end*/

/*Spectee配信事案 一覧 start*/
.stcv0010 .shibu-min-width{
    min-width: 150px !important;
}

.stcv0010 .stcv0010Table th:nth-child(1),
.stcv0010 .stcv0010Table th:nth-child(2), 
.stcv0010 .stcv0010Table th:nth-child(3), 
.stcv0010 .stcv0010Table th:nth-child(4), 
.stcv0010 .stcv0010Table th:nth-child(5), 
.stcv0010 .stcv0010Table th:nth-child(6){
    width: 15%;
}

.stcv0010 .stcv0010Table th:nth-child(7) {
    width: 10%;
}

.stcv0010 .stcv0010Table td:nth-child(1) {
    text-align: left;
    width: 15%;
    word-break: break-all;
    white-space: wrap;
}

.stcv0010 .stcv0010Table td:nth-child(4), 
.stcv0010 .stcv0010Table td:nth-child(5) {
    text-align: left;
    width: 15%;
}

.stcv0010 .stcv0010Table td:nth-child(6) {
    text-align: left;
    width: 15%;
    word-break: break-all;
    white-space: wrap;
}

.stcv0010 .stcv0010Table td:nth-child(2), 
.stcv0010 .stcv0010Table td:nth-child(3) {
    text-align: left;
    width: 10%;
}

.stcv0010 .stcv0010Table td:nth-child(7) {
    text-align: right;
    width: 10%;
}

.stcv0010 .tsdcSearchName {
     width: 200px;
}
/*Spectee配信事案 一覧  end**/

/*避難情報テンプレート 一覧 start*/
.msts0180 .msts0180-search-checkbox {
    align-items: center;
}

.msts0180 .msts0180Table td{
    text-align: left;
}

.msts0180 .msts0180Table th:nth-child(1) {
    width: 30%;
}

/*避難情報テンプレート 一覧 end*/

/*緊急速報メール一覧 start*/
.ugmv0020 .title-min-width{
	min-width: 120px;
}

.ugmv0020 .ugmv0020-search-checkbox {
    align-items: center;
}

.ugmv0020 .ugmv0020Table td:nth-child(1),
.ugmv0020 .ugmv0020Table td:nth-child(2),
.ugmv0020 .ugmv0020Table td:nth-child(3),
.ugmv0020 .ugmv0020Table td:nth-child(4),
.ugmv0020 .ugmv0020Table td:nth-child(9),
.ugmv0020 .ugmv0020Table td:nth-child(10),
.ugmv0020 .ugmv0020Table td:nth-child(11),
.ugmv0020 .ugmv0020Table td:nth-child(12) {
    text-align: left;
}

.ugmv0020 .ugmv0020Table td:nth-child(1) {
    width: 180px;
    white-space: wrap;
    word-break: break-all;
}

.ugmv0020 .ugmv0020Table td:nth-child(2) {
    width: 105px;
}

.ugmv0020 .ugmv0020Table td:nth-child(3) {
    width: 140px;
}

.ugmv0020 .ugmv0020Table td:nth-child(4) {
    width: 15%;
}

.ugmv0020 .ugmv0020Table td:nth-child(5),
.ugmv0020 .ugmv0020Table td:nth-child(6),
.ugmv0020 .ugmv0020Table td:nth-child(7),
.ugmv0020 .ugmv0020Table td:nth-child(8),
.ugmv0020 .ugmv0020Table td:nth-child(9) {
    width: 80px;
}

.ugmv0020 .ugmv0020Table td:nth-child(10),
.ugmv0020 .ugmv0020Table td:nth-child(11),
.ugmv0020 .ugmv0020Table td:nth-child(12) {
    width: 210px;
}

.ugmv0020 .ugmv0020Table td:nth-child(5),
.ugmv0020 .ugmv0020Table td:nth-child(6),
.ugmv0020 .ugmv0020Table td:nth-child(7),
.ugmv0020 .ugmv0020Table td:nth-child(8) {
    text-align: center;
}

.ugmv0020 .gap8px20px{
	gap: 8px 20px !important;
}

/*文書フォルダ、公開文書フォルダ start*/
#pubv0070Form{
    width: 100%
}
.pubv0070 .e-btn-row1 {
    width: 100%;
    padding: 24px 24px;
    background: var(--White);
    border-radius: 8px;
}

.pubv0070 .fold-link {
    padding: 7px;
}
.pubv0070 {
    min-width: 1120px;
}

.pubv0070 .e-btn-bookmark-x{
    padding-left: 35px !important;
    background-position-x: 12px;
}

.pubv0070 .modal-file-get {
    width: 150px;
}
.pubv0070 .c-list-table td{
    text-align:left;
}
.pubv0070 .c-list-table th:nth-child(1){
    min-width: 45px;
}
.pubv0070 .c-list-table th:nth-child(2){
    min-width: 300px;
}
.pubv0070 .c-list-table th:nth-child(3){
    min-width: 200px;
}
.pubv0070 .c-list-table th:nth-child(4){
    min-width: 75px;
}
.pubv0070 .c-list-table th:nth-child(5),
.pubv0070 .c-list-table th:nth-child(6){
    min-width: 185px;
}
.pubv0070 .c-list-table th:nth-child(7){
    min-width: 110px;
}
.pubv0070 .c-list-table th{
    white-space: nowrap;
}

.pubv0070 .draggableToggle {
    cursor: pointer;
}

.pubv0070 .draggableToggle:hover {
    color: var(--Gray-7);
}

.pubv0070 .openTd {
    cursor: pointer;
}

.pubv0070 .openTd:hover {
    color: var(--Gray-7);
}

.pubv0070 .draggable-helper {
    width: 250px;
    height: 37px;
    margin-left: 100px;
}

.pubv0070 .draggable {
    cursor: pointer;
}

.pubv0070 .selected td {
    background-color: #fef2d7 !important;
}
.e-btn-plus-white {
    padding-left: 35px;
    background: url("../img/bi_plus_white.svg") no-repeat center center;
    background-position-x: 12px;
    background-color: var(--Blue-2);
}


.e-btn-collection-button-pencil-white {
    padding-left: 35px !important;
    background: url(../img/bi_collection_button_pencil-white.svg) no-repeat center center;
    background-position-x: 12px;
    background-color: var(--Blue-2);
}

.bi_copy_white {
    padding-left: 35px !important;
    background: url(../img/bi_copy_Gray_6_white.svg) no-repeat center center;
    background-position-x: 12px;
    background-color: var(--Blue-2);
}

.bi_move_white {
    padding-left: 35px !important;
    background: url(../img/bi_move_white.svg) no-repeat center center;
    background-position-x: 12px;
    background-color: var(--Blue-2);
}

.bi_del_white {
    padding-left: 35px !important;
    background: url(../img/bi_del_Gray_6_white.svg) no-repeat center center;
    background-position-x: 12px;
    background-color: var(--Blue-2);
}
.e-btn-modal-rollBack {
    padding-left: 35px;
    background: url(../img/bi_rollBack.svg) no-repeat center center;
    background-position-x: 12px;
    background-color: var(--Blue-2);
}
#pub0070-tree .selected-folder a {
    width: 100%;
}
#pub0070-tree .selected-folder>span span:nth-child(2) {
    background-color: #e0f0ff !important;
}
#pub0070-tree.ztree li span.button.ico_docu {
    background-position: -110px -16px !important;
}
#pub0070-tree li{
    cursor: pointer !important;
}
#pub0070-tree li span:nth-child(2) {
    padding: 1px 15px 25px 4px !important;
    height: 25px !important;
    line-height: 25px;
    display: inline-block !important;
}
#pub0070-tree.ztree li span.button.ico_docu,
#pub0070-tree.ztree li span.button.ico_open,
#pub0070-tree.ztree li span.button.ico_close,
#pub0070-tree.ztree li span.button.root_open,
#pub0070-tree.ztree li span.button.root_close{
    margin-top: 5px;
}
#pub0070-tree li a {
    padding: 1px 15px 25px 4px !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;
}
.pubv0070 .show.error-message {
    padding: 0 25px;
}
.modalMessage{
    padding-left: 16px;
}
#fileErrMsg.error-message {
    padding: 0 23px;
}
/*文書フォルダ、公開文書フォルダ end*/
/*アップロード復元 start*/
.upload-reset .e-btn-row {
    width: 100%;
    padding: 24px 24px;
    background: var(--White);
    border-radius: 8px;
    display: flex;
    justify-content: start;
}

.upload-reset .e-btn-bookmark-x {
    padding-left: 35px !important;
    background-position-x: 12px;
}

.upload-reset .modal-item-title1 {
    display: flex;
    align-items: center;
}
.pubv0080 .selected td{
    background-color: #fef2d7 !important;
}
/*アップロード復元 end*/
/**災害年報  Start**/
.SIFV0030 .disaster-group-total {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    padding-top: 5px;
}
.SIFV0030 .disaster-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    flex-direction: column;
}

.SIFV0030 .select-none{
    pointer-events: none;
    opacity: 0.5;
}

.SIFV0030 .select-none + label{
    pointer-events: none;
}

.SIFV0030 .disaster-starttime-block{
    display: flex;
    align-items: center;
    gap: 5px;
}

.SIFV0030 #selectModal .chk-group {
    padding-top: unset;
    align-items: center;
}

.SIFV0030 #selectModal .sts-flex {
    align-items: center;
}

.SIFV0030 .input-none{
    pointer-events: none;
    border: 1px solid var(--Gray-6);
    color: var(--Gray-7);
    background-color: var(--Gray-3)
}
/**災害年報  End**/
/*緊急速報メールテンプレート一覧 start*/
.UGMV0030 .c-list-table td {
    text-align: left;
}
/*緊急速報メールテンプレート一覧 end*/
/* クロノロジー 一覧（県） start*/
.chronology-ken .c-body{
   min-width: 1517px;
}

.chronology-ken .chronology-btn-group{
    display: flex;
    gap: 0;
}

.chronology-ken .listbtn{
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right-width: 0;
}

.chronology-ken .actionbtn{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-width: 0;
}

.chronology-ken .listbtn.active{
    border-right-width: 1px;
}

.chronology-ken .actionbtn.active{
    border-left-width: 1px;
}

.chronology-ken .c-action{
    width: 100%;
    border-radius: 4px;
    border: 1px solid var(--Gray-6);
    height: calc(100vh - 130px);
    background: var(--White);
    display: flex;
    line-height: 150% ;
    letter-spacing: 0.52px;
}

#cngv0020Form.map-open .chronology-ken .c-action{
    height: calc(100vh - 194px);
}

#cngv0020Form.samari-open:not(.map-open) .chronology-ken .c-action{
    height: calc(100vh - 216px);
}

#cngv0020Form.samari-open.map-open .chronology-ken .c-action{
    height: calc(100vh - 280px);
}

#cngv0020Form .map-c-temp-list table tr:hover td,
#cngv0020Form .map-c-list table tr:hover td {
    background-color: var(--Blue-4) !important;
    cursor: pointer;
}

#cngv0020Form .map-c-temp-list tr.selected-point td,
#cngv0020Form .map-c-list tr.selected-point td {
    background-color: var(--Blue-4) !important;
    cursor: pointer;
}

.chronology-ken .c-action table{
    line-height: 150% !important;
}

.chronology-ken .a-left{
    width: 316px;
    height: 100%;
    border-right: 1px solid var(--Gray-6);
}

.chronology-ken .a-left-top{
    height: 245px;
    border-bottom: 1px solid var(--Gray-6);
}

.chronology-ken .a-left-middle{
    height: calc(100% - 245px - 64px);
    overflow-y: auto;
}

.chronology-ken .a-left-bottom{
    height: 64px;
    border-top: 1px solid var(--Gray-6);
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: flex-end;
    padding-right: 30px;
}

.chronology-ken .al-title{
    font-size: var(--font-size-8);
    line-height: 145%; /* 21.75px */
    letter-spacing: 0.6px;
    padding: 16px;
    font-weight: var(--font-weight-bold);
}

.chronology-ken .al-title-b8{
    padding-bottom: 8px;
}

.chronology-ken .al-title-b0{
    padding-bottom: 0;
}

.chronology-ken .al-sub-title{
    padding: 16px 16px 8px 16px;
}

.chronology-ken .alm-diplay,.chronology-ken .alm-search{
    display: flex;
    padding: 0 16px 16px 16px;
    gap: 16px;
    flex-direction: column;
}

.chronology-ken .alm-diplay>div,.chronology-ken .alm-search>div{
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.chronology-ken .alm-diplay>div>div,.chronology-ken .alm-search>div>div{
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.chronology-ken .alm-search .bootstrap-select{
    width: 100% !important;
}

.chronology-ken .border_b{
    border-bottom: 1px solid var(--Gray-6);
}

.chronology-ken .ins-contion{
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    height: 194px;
    overflow-y: auto;
}

.chronology-ken .ins-contion>div{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.chronology-ken .c-item{
    width: 245px;
    padding: 12px;
    text-align: left;
}

.chronology-ken .alm-search-info .e-btn-label{
    width: 130px;
}

.chronology-ken .btn-common{
    font-weight: var(--font-weight-bold);
    color: var(--Black);
    height: 32px;
}

.chronology-ken .btn-w1{
    width: 200px;
}

.chronology-ken .a-right{
    width: calc(100% - 317px);
    height: 100%;
    overflow-x: auto;
}

.chronology-ken .a-right-table{
    border-collapse: collapse;
    font-size: 13px;
}

.chronology-ken .a-right-table th{
    padding: 11px 16px;
    border: 1px solid var(--Gray-6);
    border-top: 0;
}
.chronology-ken .a-right-table tr:first-child th:first-child{
    border-left: 0;
}

.chronology-ken .a-right-table tr:nth-child(odd) {  
    background-color: var(--Gray-1);   
}

.chronology-ken .a-right-table td{
    padding: 16px;
    border: 1px solid var(--Gray-6);
    vertical-align: top;
}

.chronology-ken .a-right-table tr:last-child td:first-child{
    border-left: 0;
}

.chronology-ken .a-right-table .art-w1{
    width: 47px;
}

.chronology-ken .a-right-table .art-w2{
    width: 253px;
}

.chronology-ken .sub_title_y{
    background-image: url(../img/bi_subtitle_ico.svg);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    font-weight: var(--font-weight-bold);
    padding-top: 25px;
    width: 100%;
    background-size: 14px;
    writing-mode: vertical-lr;
}

.chronology-ken .sub_title_x{
    background-image: url(../img/bi_subtitle_ico.svg);
    background-repeat: no-repeat;
    background-position: left center;
    font-weight: var(--font-weight-bold);
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 20px;
    background-size: 14px;
    display: flex;
}

.chronology-ken .art-ul{
    list-style: none;
    border-left: 2px solid var(--Blue-2);
    margin-left: 6px;
    margin-top: 8px;
    padding-left: 12px;
    margin-bottom: 20px;
    width: 253px;
}

.chronology-ken .art-ul:last-child{
    margin-bottom: 0;
}

.chronology-ken .art-ul>li{
    border-top: 1px solid var(--Gray-6);
    padding: 14px 4px 14px 6px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}



.chronology-ken .art-ul>li>div{
    
}

.chronology-ken .art-li-1{
    font-weight: var(--font-weight-bold);
    margin-right: 6px;
}

.chronology-ken .art-li-2{
    color: var(--Gray-7);
    font-size: 12px;
    line-height: 145%; /* 17.4px */
    white-space: nowrap;
}

.chronology-ken .art-li-3{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 98%;
}

.chronology-ken .new-info{
    background: #FCF;
}

.chronology-ken .bi-ins-contion-del{
    width: 18px;
    height: 18px;
    background-image: url(../img/bi-ins-contion-del.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 18px;
    border: 0;
    padding: 0;
    background-color: transparent;
}

.chronology-ken .art-ul>li.li-art-add{
    align-items: flex-end;
    padding: 8px 0 8px 0;
}

.chronology-ken .bi-art-add{
    color: var(--Gray-7);
    border: 0;
    padding-left: 14px;
    background: url(../img/bi-art-add.svg) no-repeat;
    background-position-x: 4px;
    background-position-y: -3px;
    background-color: transparent;
    width: 112px;
    padding-top: 0;
    padding-bottom: 0;
    height: 18px;
    padding-right: 0;
}

.chronology-ken .bi-art-add-black{
    background: url(../img/bi-art-add-black.svg) no-repeat;
    background-position-x: 26px;
    background-position-y: 3px;
    background-color: var(--White);
}

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

.chronology-ken .e-btn-check:disabled+input+.e-btn-label{
    color: var(--White);
    border: 1px solid var(--Gray-6);
    background: var(--Gray-4);
    
}

.chronology-list.chronology-ken-only td:nth-child(7),
.chronology-list.chronology-ken-only td:nth-child(8),
.chronology-list.chronology-ken-only td:nth-child(9){
    text-align: left;
}

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

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

.chronology-list.chronology-ken-only td:nth-child(1),
.chronology-list.chronology-ken-only th:nth-child(1),
.chronology-list.chronology-ken-only td:nth-child(4),
.chronology-list.chronology-ken-only th:nth-child(4),
.chronology-list.chronology-ken-only td:nth-child(10),
.chronology-list.chronology-ken-only th:nth-child(10),
.chronology-list.chronology-ken-only td:nth-child(12),
.chronology-list.chronology-ken-only th:nth-child(12),
.chronology-list.chronology-ken-only td:nth-child(13),
.chronology-list.chronology-ken-only th:nth-child(13),
.chronology-list.chronology-ken-only td:nth-child(14),
.chronology-list.chronology-ken-only th:nth-child(14),
.chronology-list.chronology-ken-only td:nth-child(15),
.chronology-list.chronology-ken-only th:nth-child(15),
.chronology-list.chronology-ken-only td:nth-child(16),
.chronology-list.chronology-ken-only th:nth-child(16){
    width: 4%;
}

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

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

.chronology-list.chronology-ken-only td:nth-child(8),
.chronology-list.chronology-ken-only th:nth-child(8){
    width: 20%;
}

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

.chronology-list .mark1{
    padding: 2px 10px;
    line-height: 22px;
}

#chronology-list-body.chronology-ken-only .continued-reports{
    display: grid;
    gap: 3px;
    justify-items: start;
    justify-content: center;
}

#chronology-list-body.chronology-ken-only .continued-reports-item{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
}

#chronology-list-body .sub_title_x .cng-no,
#chronology-list-body .subreport-title .cng-no{
    width: 70px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


#chronology-list-body .subreport-title{
    display: flex;
    align-items: center;
}

.chronology-ken .a-right-table tr td:first-child,
.chronology-ken .a-right-table tr th:first-child{
    border-left: 0;
}

.chronology-ken .a-right-table tr{
    min-height: 253px;
}

.chronology-ken .sub_title_x .cng-subject{
    overflow: hidden;
    text-overflow: ellipsis;
    width: 72%;
}

.chronology-ken .sub_title_x.art-w2 .cng-no{
    width: 28%;
}

.chronology-list-content .chronology-list th:nth-child(2).sorting {
    background-position: right top !important;
    background-position-y: 13px !important;
}

#cngv0020Form #chronologyGridListTable td,
#cngv0020Form #chronologyGridListTable th{
    display: table-cell !important;
}
/* クロノロジー 一覧（県） end*/

/* 緊急速報メールテンプレート入力 start*/
.ugmv0030 .no-border-title {
    border-bottom: 0;
    padding-left: 0px;
}

.ugmv0030 .width-300 {
    width: 300px;
}

.ugmv0030 .width-712 {
    width: 712px;
}
/* 緊急速報メールテンプレート入力 end*/
/* GIS start*/
.dropdown-button .gis-button {
    width: 200px;
}

.dropdown-button .gis-button button {
    padding: 15px;
    width: 100%;
    border: none;
    border-left: 1px solid var(--Gray-6);
    border-right: 1px solid var(--Gray-6);
    box-shadow: 4px 4px 7px 0px var(--Gray-6);
    text-align: left;
    background: var(--White);
    border-bottom: 1px solid var(--Gray-6);
    font-size: 14px;
}

.gis-title-container {
    display: flex;
    padding: 4px;
    justify-content: space-between;
    align-items: center;
}

.gis-title{
    padding-left: 8px;
}

.gis-tool-container {
    display: flex;
    gap: 10px;
}

.gis-container-none {
    display: none !important;
}

.gis-move-css {
    transition: padding-left 0.5s ease-in-out, padding-top 0.5s ease-in-out;
}

.gis-move-css .wrap-text {
    word-break: break-all;
    white-space: normal !important;
}

.gis-main-container-fullscreen {
    padding-left: 0px !important;
    padding-top: 0px !important;
}

.gis-dashboard-container {
    float: right;
    width: 400px;
    display: none;
    overflow-y: auto;
    margin-right: 8px;
    padding-right: 2px;
}

.gis-dashboard-container::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: var(--white);
}

.gis-dashboard-container::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--white);
}

.gis-dashboard-container::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--Gray-6);
}

.gis-dashboard-container .emptyListMessage{
    height: auto;
    min-width: 380px;
}

.gis-dashboard-container .pie1-main{
    padding-left: 8px;
    padding-right: 8px;
}

.gis-dashboard-container-children {
display: flex;
flex-direction: column;
gap: 6px;
}

.gis-dashboard-container-children .dashboard-gragh-height-1 {
height: 234px;
}

.gis-dashboard-container-children .dashboard-gragh-height-2 {
height: 180px;
min-height: 180px;
}

.gis-dashboard-container-children .dashboard-gragh-height-3 {
height: calc(260px + 8px + 154px);
}

.gis-dashboard-container-text-height-6 {
height: 610px;
}

.gis-graph-text-3 {
background: var(--White);
border: 1px solid var(--Gray-6);
border-radius: 4px;
}

.gis-move-css .gis-dashboard-container table {
    background: var(--White);
}

.gis-move-css .top-page .t-r2-c3-r2 {
    height: 180px;
}

.gis-move-css .top-page .tp-sum2 {
    overflow-y: hidden;
}

.gis-move-css .c-list-table.gis-dashboard-container-children table tr:hover td {
    background-color: var(--Blue-4) !important;
    cursor: pointer;
}

.gis-move-css .c-list-table.gis-dashboard-container-children table tr.dataTables_empty:hover td {
    background-color: var(--White) !important;
    cursor: auto;
}

.gis-move-css .c-list-table.gis-dashboard-container-children table tr.selected-point td {
    background-color: var(--Blue-4) !important;
    cursor: pointer;
}

.gis-move-css .c-list-table {
    padding-top: 0px;
}

.gis-move-css .speButton {
    width: 600px;
}

.gis-move-css .c-list-table table td {
    text-align: left;
}

.gis-move-css .choButton table td:nth-child(2) {
    width: 115px;
}

.gis-move-css .choButton table td:nth-child(4) {
    width: 45px;
}

.gis-move-css .speButton table td:nth-child(2) {
    width: 115px;
}

.gis-move-css .speButton table td:nth-child(3) {
    width: 120px;
    word-break: break-word;
}

.gis-move-css .speButton table td:nth-child(5) {
    width: 40px;
    text-align: right;
}

.gis-move-css .sheButton {
    width: 600px;
}

.gis-move-css .sheButton table td:nth-child(1) {
    width: 70px;
}

.gis-move-css .sheButton table td:nth-child(2) {
    width: 120px;
}

.gis-move-css .sheButton table td:nth-child(4) {
    word-break: break-word;
    width: 145px;
}
/*.gis-graph-height-auto {
height: auto !important;
}*/

.gis-graph-container-3 {
border: 1px solid var(--Gray-6);
border-radius: 4px;
background: var(--White);
display: flex;
flex-direction: column;
}
.gis-graph-container-3 ul{
padding-left: 10px;
}

.gis-text-container-3 {
border: 1px solid var(--Gray-6);
border-radius: 4px;
background: var(--White);
height: calc(100vh - 542px) !important;
min-height: 345px;
}

.gis-main5height {
overflow-y: auto;
height: calc(100vh - 584px);
min-height: 302px;
}

.full-eachrs {
height: calc(100vh - 542px) !important;
}

#gis-main5 {
width: calc(100% - 12px);
height: calc(100% - 2px);
}

.gis-hinansetaisuu-width{
width: auto !important;
}

.gis-pie1-r2-width {
min-width: 366px !important;
}

.graph-3-text-list.gis-pi-15>div{
padding-right: 15px;
}

.gis-graph-text-select .dropdown-menu{
height: 100px;
padding-right: 0px;
padding-left: 0px;
}
#emptyListMessage2,#emptyListMessage3{
    display: none;
}

.mx-sidenav-collapsed.gis{
    overflow-y: hidden;
}
/* GIS end*/

/* 詳細検索 start */
.modal-select-interval .modal-header {
    padding-top: 5px;
    padding-bottom: 8px
}

.modal-select-interval .modal-item {
    padding-top: 5px;
    padding-bottom: 5px;
}
.modal-select-interval.scroll .modal-body {
    height: 75vh;
    overflow-y: auto;
}
/* 詳細検索 end */

/* ４−２様式入力 start*/
.r2-template-input42 {
    width: 100%;
}

.r2-template-input42 .tab-div {
    width: 100%;
}

.r2-template-input42 .tab-content{
    height: 100%;
}

.r2-template-input42 .tab-content .container{ 
    display: flex;
    flex-direction: column;
}

.r2-template-input42 .tab-content .col {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 16px;
    letter-spacing: 0.56px;
    flex-wrap: wrap;
}

.tips-t1 {
    --bs-tooltip-max-width: 450px !important;
}

.r2-template-input42 .mlr-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.r2-template-input42 .tabPanel-title {
    width: 300px;
    cursor: pointer;
    padding-left: 5px;
    padding-top: 5px;
}

.r2-template-input42 .tabPanel-title .tabPanel-content {
    height: 5vh;
    background-color: #F7F7F7;
    padding-left: 20px;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-small);
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.r2-template-input42 .tabPanel-title .tabPanel-content.active { 
    background-color: rgb(230, 239, 255);
    color: rgb(114, 166, 255);
}

.r2-template-input42 .pb-20 {
    padding-bottom: 20px;
}

.r2-template-input42 .no-edit {
    pointer-events: none;
}

.r2-template-input42 .flex-pane {
    display: flex;
}

.r2-template-input42 .tabPanel-form {
    margin-top: 20px;
    padding-left: 20px;
    height: 70vh;
    overflow-y: scroll;
    width: 100%;
}

.r2-template-input42 .panel-form-item {
    display: none;
}

.r2-template-input42 .panel-form-item.active {
    display: block;
}

.r2-template-input42 .w-115 {
    width: 115px;
}

.r2-template-input42 .column-item {
   display: flex;
   flex-direction: column;
   gap: 8px;
}

.r2-template-input42 label {
    font-weight: var(--font-weight-bold);
}

.r2-template-input42 .sub-title {
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-bold);
}
 
.r2-template-input42 .flex-row {
    gap: 20px !important;
}

.r2-template-input42 .unit-40 {
    margin-left: -40px !important;
}

.r2-template-input42 .flex-items {
    gap: 20px;
}

.r2-template-input42 .unit span {
    position: relative;
    left: 0;
}

.r2-template-input42 .tab-content>.tab-pane {
    padding-bottom: 0;
}

.r2-template-input42 .tab-content>.tab-pane[id="tab2"] {
    height: 300px;
    overflow-y: auto;
}

.r2-template-input42 .unit .unit-15 {
    position: relative;
    left: -15px;
    width: 15px;
    /* display: block; */
    white-space: nowrap;
}

.r2-template-input42 .tooltip-button-title {
    display: flex;
    justify-content: start;
    align-items: center;
    line-height: 150%;
}

.r2-template-input42 .m1{
    min-width: 1400px;
    width: 100%; 
    display: inline-flex;
    justify-content: space-between;
}

.r2-template-input42 .m1-left-width{
   width: 66%; 
   min-width: 805px;
   position: relative;
}

.r2-template-input42 .m1-right-width{
   width: 33%; 
}

.r2-template-input42 .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
}
.r2-template-input42 .m1 .map-title{
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 8px;
}

.r2-template-input42 .m1 .map-image{
    width: 100%;
    height:100%;
}

.r2-template-input42 .m1 .map-image img{
    width: 100%;
    height:100%;
}

.r2-template-input42 .m2{
   width:100%;
}

.r2-template-input42 .btn-col{
   justify-content: flex-end;
   align-items: flex-end;
}

.r2-template-input42 .btn-col>button{
    width: 122px;
}

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

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

.r2-template-input42 .pl-title{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.r2-template-input42 .pl-title ul{
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    gap: 8px;
}

.r2-template-input42 .pl-title li{
    display: flex;
    flex-direction: row;
}

.r2-template-input42 .pl-info{
    line-height: 150%;
}

.r2-template-input42 .pl-title-left li{
    color: var(--Gray-7);
    font-size: var(--font-size-small);
    align-items: center;
}

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

.r2-template-input42 .pane-left .mark1{
    width: 90px;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.r2-template-input42 .accordion-button {
   padding:  4px 12px 4px 12px;
   font-size: var(--font-size-middle);
}

.r2-template-input42 .m1-right-width{
    display: block;
    padding-left: 8px;
}

.r2-template-input42 .m1-right-width  .nav-tabs {
    gap: 0;
}

.r2-template-input42 .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);
}

.r2-template-input42 .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%;
}

.r2-template-input42 .c-list-table td{
    text-align: left;
}

.cng42 .c-list-table td:nth-child(1),
.cng42 .c-list-table td:nth-child(2),
.cng42 .c-list-table td:nth-child(3){
    text-align: center !important;
}

.cng42 .c-list-table td:nth-child(4),
.cng42 .c-list-table td:nth-child(5),
.cng42 .c-list-table td:nth-child(6),
.cng42 .c-list-table td:nth-child(8),
.cng42 .c-list-table td:nth-child(9){
    text-align: right;
}

.cng42 .c-list-table td:nth-child(7){
    text-align: left;
}

.r2-template-input42 .selectBackground{
    background: var(--White);
}

.r2-template-input42 .modal-body{
    text-align: center;
}
#dialogHistoryTable th{
    white-space: nowrap;
}
#dialogHistoryTable td{
    word-break: break-all;
}

#dialogHistoryTable td:nth-child(2){
    width: 12%;
    min-width: 168px
}
#dialogHistoryTable td:nth-child(4){
    width: 5%;
    min-width: 65px
}
#dialogHistoryTable td:nth-child(5),
#dialogHistoryTable td:nth-child(6){
    width: 17.5%;
    min-width: 150px
}
#dialogHistoryTable td:nth-child(1),
#dialogHistoryTable td:nth-child(3),
#dialogHistoryTable td:nth-child(7),
#dialogHistoryTable td:nth-child(8),
#dialogHistoryTable td:nth-child(9),
#dialogHistoryTable td:nth-child(10),
#dialogHistoryTable td:nth-child(11),
#dialogHistoryTable td:nth-child(12),
#dialogHistoryTable td:nth-child(13),
#dialogHistoryTable td:nth-child(14),
#dialogHistoryTable td:nth-child(15),
#dialogHistoryTable td:nth-child(16){
    width: 4%;
    min-width: 55px;
}

#dialogHistoryTable td:nth-child(17){
    width: 40px;
    min-width: 40px;
    text-align: left;
}

.r2-template-input42 .his42 th:nth-child(1)
.r2-template-input42 .his42 th:nth-child(4)
.r2-template-input42 .his42 th:nth-child(5)
.r2-template-input42 .his42 th:nth-child(6)
.r2-template-input42 .his42 th:nth-child(11)
.r2-template-input42 .his42 th:nth-child(12){
	width: 8%;
}
.r2-template-input42 .his42 th:nth-child(3){
	width: 10%;
}
.r2-template-input42 .his42 th:nth-child(2)
.r2-template-input42 .his42 th:nth-child(7)
.r2-template-input42 .his42 th:nth-child(8)
.r2-template-input42 .his42 th:nth-child(9)
.r2-template-input42 .his42 th:nth-child(10)
.r2-template-input42 .his42 th:nth-child(13){
    width: 7%;
}

.r2-template-input42 .his42 td:nth-child(1)
.r2-template-input42 .his42 td:nth-child(2)
.r2-template-input42 .his42 td:nth-child(3){
    text-align: left;
}
.r2-template-input42 .his42 td:nth-child(4)
.r2-template-input42 .his42 td:nth-child(5)
.r2-template-input42 .his42 td:nth-child(6)
.r2-template-input42 .his42 td:nth-child(7)
.r2-template-input42 .his42 td:nth-child(8)
.r2-template-input42 .his42 td:nth-child(9)
.r2-template-input42 .his42 td:nth-child(10)
.r2-template-input42 .his42 td:nth-child(11)
.r2-template-input42 .his42 td:nth-child(12)
.r2-template-input42 .his42 td:nth-child(13){
	text-align: right;
}	

#fsnv0090Form .content{
    height: calc(100vh - 78px);
}

#fsnv0090Form .w-100-b{
    width: 98%;
}

#fsnv0090Form .row{
    width: 98%;
}

.r2-template-input42 select:disabled {
    background-color: var(--Gray-3);
}

.r2-template-input42 .height18 {
    height: 18px;
}
#fsnv0090Form .time-width{
    min-width: 240px;
}
/* ４−２様式入力 end*/
/*クロノロジー入力​　start*/
.cngv0010Form .title-c-2{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 15px;
    border-left: 1px solid var(--Gray-6);
    border-right: 1px solid var(--Gray-6);
    margin: 0 15px;
}
.cngv0010Form .add-btn {
    background: url(../img/bi_query_Gray_7.svg) no-repeat center center;
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 32px;
    border: 1px solid var(--Gray-4);
    background-color: var(--White);
    background-size: 16px 16px;
}

.cngv0010Form .tb-p-l {
    background: url(../img/bi-riri2-r.svg) no-repeat center center;
    display: flex;
    width: 24px;
    height: 30px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 32px;
    border: 1px solid var(--Gray-4);
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-position-y: 9px;
    background-position-x: -8px;
    transform: rotate(180deg);
}

.cngv0010Form .tb-p-r {
    background: url(../img/bi-riri2-r.svg) no-repeat center center;
    display: flex;
    width: 24px;
    height: 30px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 32px;
    border: 1px solid var(--Gray-4);
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-position-y: 9px;
    background-position-x: -8px;
}

.cngv0010Form .c-2-middle {
    border: 1px solid var(--Gray-4);
    padding: 7px 4px;
    width: 210px;
    overflow-x: hidden;
}

.cngv0010Form .c-2-middle::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: var(--white);
}

.cngv0010Form .c-2-middle::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--white);
}

.cngv0010Form .c-2-middle::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--Gray-6);
}

.connect-modal .black-a  {
    color: var(--Black);
}

.connect-modal .no-link  {
    pointer-events: none;
}

.connect-modal .selected td {
    background-color: var(--blue-1-light) !important;
}

.connect-modal .connect-table td:nth-child(2) {
    width: 85%;
}

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

.connect-modal .connect-table-title { 
    display: flex;
    padding-top: 8px;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    display: flex;
    gap: 8px;
    border-bottom: 1px solid var(--Gray-6);
    padding-bottom: 8px;
    flex-wrap: wrap;
}

.connect-modal .border-none {
    border: none;
    background: unset;
}

.connect-modal .border-none:focus {
    box-shadow: unset;
}

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


.e-btn-collection-button-pencil-white {
    padding-left: 35px !important;
    background: url(../img/bi_collection_button_pencil-white.svg) no-repeat center center;
    background-position-x: 12px;
    background-color: var(--Blue-2);
}

.bi_copy_white {
    padding-left: 35px !important;
    background: url(../img/bi_copy_Gray_6_white.svg) no-repeat center center;
    background-position-x: 12px;
    background-color: var(--Blue-2);
}

.bi_move_white {
    padding-left: 35px !important;
    background: url(../img/bi_move_white.svg) no-repeat center center;
    background-position-x: 12px;
    background-color: var(--Blue-2);
}

.bi_del_white {
    padding-left: 35px !important;
    background: url(../img/bi_del_Gray_6_white.svg) no-repeat center center;
    background-position-x: 12px;
    background-color: var(--Blue-2);
}

.activitiesStatusReply > .dropdown-toggle.bs-placeholder,
.activitiesStatusReply > .dropdown-toggle.bs-placeholder:hover,
.activitiesStatusReply > .dropdown-toggle.bs-placeholder:focus,
.activitiesStatusReply > .dropdown-toggle.bs-placeholder:active,
.activitiesDateTimeReply::placeholder
.activityAuthor::placeholder{
    color: #666;
}

.cngv0010Form .activityAuthor{
    width: 135px;
     font-size: 12px;
}

.cngv0010Form .chronology-demand-margin-36 .activityAuthor{
    width: 80px;
     font-size: 12px;
}

.cngv0010Form #templateListTable th:nth-child(7),
.cngv0010Form #templateListTable td:nth-child(7),
.cngv0010Form #templateListTable th:nth-child(8),
.cngv0010Form #templateListTable td:nth-child(8){
    width:5% !important;
}

.cngv0010Form #templateListTable th:nth-child(1),
.cngv0010Form #templateListTable td:nth-child(1),
.cngv0010Form #templateListTable th:nth-child(4),
.cngv0010Form #templateListTable td:nth-child(4),
.cngv0010Form #templateListTable th:nth-child(5),
.cngv0010Form #templateListTable td:nth-child(5),
.cngv0010Form #templateListTable th:nth-child(6),
.cngv0010Form #templateListTable td:nth-child(6){
    width:8% !important;
}

.cngv0010Form #templateListTable th:nth-child(2),
.cngv0010Form #templateListTable td:nth-child(2),
.cngv0010Form #templateListTable th:nth-child(3),
.cngv0010Form #templateListTable td:nth-child(3){
    width:15% !important;
}

.cngv0010Form #templateListTable th:nth-child(9),
.cngv0010Form #templateListTable td:nth-child(9){
    width:28% !important;
}

.cngv0010Form #templateListTable td:nth-child(2),
.cngv0010Form #templateListTable td:nth-child(3),
.cngv0010Form #templateListTable td:nth-child(9){
    text-align: left;
}
/*クロノロジー入力​　end*/

/*避難情報（テンプレート読込ボタン）--start*/
#eviv0010Form #templateListTable td:nth-child(2),
#eviv0010Form #templateListTable td:nth-child(3) {
    text-align: left;
}
/*避難情報（テンプレート読込ボタン）--end*/
/*ダッシュボード(県内気象発表) start*/
.no-139-1 .m1 {
    width: 100%;
}

.no-139-1 .gray-font td {
    color: var(--Gray-6);
}

.no-139-1 .tab-content {
    height: 100%;
}

.no-139-1 .list-top-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.no-139-1 .list-top-title div:nth-child(1) {
    display: flex;
    align-items: center;
    gap: 14px;
}

.no-139-1 .list-top-title div:nth-child(2) {
    display: flex;
    align-items: center;
    gap: 10px;
}

.no-139-1 .list-top-title div:nth-child(2) .ec1 {
    display: flex;
    align-items: center;
    gap: 5px;
}

.no-139-1 .list-top-title div:nth-child(1)>div:nth-child(1) {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-4);
}

.no-139-1 .list-top-title div:nth-child(1)>div:nth-child(2) {
    border-left: 1px solid var(--Gray-6);
    padding: 0 15px;
}

.no-139-1 .list-middel-title {
    display: flex;
    padding: 16px;
    padding-left: 0px;
    align-items: flex-start;
    gap: 12px;
    background: var(--Gray-1);
    border-radius: 4px;
}

.no-139-1 .list-middel-title>div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    border-right: 1px solid var(--Gray-6);
    padding: 0 15px;
}

.no-139-1 .list-middel-title>div>div:nth-child(1) {
    display: flex;
    width: 100px;
    padding: 5px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    font-weight: var(--font-weight-bold);
}

.no-139-1 .fs-z-1 {
    font-size: var(--font-size-4);
    font-weight: var(--font-weight-bold);
}

.no-139-1 .fs-z-2 {
    font-size: var(--font-size-0);
}

.no-139-1 .fs-z-3 {
    font-size: var(--font-size-small);
    white-space: nowrap;
    padding-right: 8px;
}

.no-139-1 .fs-black {
    background: var(--Black);
    color: var(--White);
    font-size: var(--font-size-0);
}

.no-139-1 .fs-purple {
    background: var(--Level-4);
    color: var(--White);
    font-size: var(--font-size-0);
}

.no-139-1 .fs-yellow {
    background: var(--Level-2);
    color: var(--Black);
    font-size: var(--font-size-0);
}

.no-139-1 .fs-blue {
    background: #0000FF;
    color: var(--White);
    font-size: var(--font-size-0);
}

.no-139-1 .fs-red {
    background: var(--Level-3);
    color: var(--White);
    font-size: var(--font-size-0);
}


.no-139-1 .fs-white {
    background: var(--White);
    color: var(--Level-5);
    font-size: var(--font-size-0);
    border: 1px solid var(--Level-5) ;
}

.no-139-1 .td-list {
    padding: 0 0;
}

.no-139-1 .mark {
    display: flex;
    width: 35px;
    padding: 0px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-bold);
}

.no-139-1 .mark.red {
    border: 1px solid var(--Alert);
    background: var(--White);
    color: var(--Alert);
}

.no-139-1 .mark.orange1 {
    border: 1px solid var(--Warning);
    background: var(--White);
    color: var(--Warning);
}

.no-139-1 .mark.gray {
    background: var(--Gray-4);
    color: var(--Level-5);
}

.no-139-1 .mark.black {
    color: var(--Level-5);
    border: 1px solid var(--Level-5);
    background: var(--White);
}

.no-139-1 .mark.purple {
    color: var(--Level-4);
    border: 1px solid var(--Level-4);
    background: var(--White);
}

.no-139-1 .mark.yellow {
    background: rgb(170, 0, 170);
    color: white;
}

.no-139-1 .td-left {
    border-left: 1px solid var(--Gray-6) !important;
}
.no-139-1 .c-list-table td>div {
    width: 100%;
    display: flex;
    justify-content: start;
}

.no-139-1 .c-list-table td:nth-child(1),
.no-139-1 .c-list-table td:nth-child(2) {
    text-align: left;
    width: 200px;
}

.td-right {
    text-align: right !important;
    width: 100px;
}

.no-139-1 .saigai-list {
    display: flex;
    align-items: center;
    justify-content: start !important;
    gap: 12px;
    flex: 1 0 0;
}

.no-139-1 .saigai-list>div:nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: start !important;
    gap: 12px;
    flex-wrap: wrap;
}

.no-139-1 .saigai-list>div:nth-child(1)>div {
    display: flex;
    align-items: center;
    justify-content: start !important;
    gap: 12px;
    border-right: 1px solid var(--Gray-6);
}

.no-139-1 .saigai-list>div:nth-child(1)>div:first-child {
    border-left: 0px;
    padding-left: 0px;
}

.no-139-1 .saigai-list>div:nth-child(1)>div:last-child {
    border-right: 0px;
}

.no-139-1 .type-1 {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    border: 1px solid var(--Gray-6);
}

.no-139-1 .type-2 {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--Level-4);
}

.no-139-1 .type-3 {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--Level-2);
}


.no-139-1 .type-4 {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--Level-3);
}

.no-139-1 .type-5 {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--Gray-4);
}

.no-139-1 .type-6 {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--Level-4);
}

.no-139-1 .type-7 {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--Level-5);
}

.no-139-1 .type-8 {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--Black);
}

.no-139-1 .type-9 {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--Gray-6);
}

.no-139-1 .earthquake {
    border: 1px solid var(--Level-5);
    color: var(--Level-5);
    background: var(--White);
}

.no-139-1 .c-list-table td:nth-child(3) {
    text-align: left;
}

.no-139-1 .c-list-table td:nth-child(4) {
    text-align: center;
    width: 85px;
}

.no-139-1 .c-list-table td:nth-child(5) {
    text-align: center;
    width: 50px;
}

.no-139-1 .c-list-table td:nth-child(6) {
    text-align: center;
    width: 100px;
}

.no-139-1 .mark2 {
    width: 100px !important;
    padding: 0px 4px;
    gap: 10px;
    border-radius: 4px;
    font-weight: var(--font-weight-bold);
}

.no-139-1 {
    min-width: 1350px;
}

.no-139-1 .bg {
    background-color: var(--Gray-1) !important;
}

.no-139-1 .jus-dropdown ul {
    width: 100px;
}

.no-139-1 .templateList table td:nth-child(7) {
    width: 125px;
}

.no-139-1 .templateList table td:nth-child(2) {
    width: 55px;
}

.brother_div + .brother_div {
    margin-top: 5px;
}

.no-139-1 .borderl {
    border-left: 0px !important;
    padding-left: 0px;
}

.no-139-1 .js-c {
    justify-content: center !important;
}

.no-139-1 .plv01-ul {
    padding: 10px 27px 10px 16px;
    margin: 0;
    font-size: var(--font-size-middle);
    overflow-y: auto;
    width: 150px;
    border-radius: 4px;
    z-index: 3;
}

.dtfh-floatingparenthead .type-2,
.no-139-1 .type-2 {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--Level-4);
}

.dtfh-floatingparenthead .type-3,
.no-139-1 .type-3 {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--Level-2);
}

.dtfh-floatingparenthead .type-4,
.no-139-1 .type-4 {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--Level-3);
}

.dtfh-floatingparenthead .type-5,
.no-139-1 .type-5 {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--Gray-4);
}

.dtfh-floatingparenthead .type-8,
.no-139-1 .type-8 {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--Black);
}

.no-139-1 .mt3 {
    margin-top: 3px;
}

.no-139-1 .flex-items {
    gap: 10px;
}

.no-139-1 .empty-data {
    width: 100%;
    display: flex;
    justify-content: center !important;
}

.no-139-1 .cmnv0190-map-table {
    display: flex;
    gap: 10px;
}

.no-139-1 .cmnv0190-map-table .templateList {
    height: 100%;
    min-width: 850px;
    margin-right: -5px;
}

.no-139-1 .cmnv0190-map-table .cmnv0190-leaf-map {
    margin-top: 10px;
    width: 720px;
    border-radius: 7px;
    height: 500px;
}

.no-139-1 .cmnv0190-map-table .ptlc-top-map {
    height: 100%;
    z-index: 2;
}

.no-139-1 .show-button {
    display: flex;
    width: auto;
    padding: 3px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 5px;
    background: var(--Blue-8);
    color: var(--White, #FFF);
    font-size: 16px;
    font-size: var(--font-size-7);
    border: none;
    visibility: visible;
}

.no-139-1 .show-info-list {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 10000;
}

.no-139-1 .leaflet-control-layers.leaflet-control {
    display: none;
}

.no-139-1 .checkboxInfo-title {
    padding: 4px 0px;
    background: var(--Blue-8);
    color: white;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.no-139-1 .checkboxInfo-checkboxes {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 7px;
}

.no-139-1 .checkboxInfoList {
    position: absolute;
    left: 1px;
    top: 1px;
    z-index: 10000;
    background: var(--White);
    width: 160px;
}

.no-139-1 .checkboxInfo-checkboxes>div {
    display: flex;
    gap: 5px;
    align-items: center;
}

.no-139-1 .checkboxInfo-checkboxes>div label {
    cursor: pointer;
    width: 125px;
}

.no-139-1 .legendTitle {
    height: 40px;
    color: var(--White);
    font-size: 16px;
}

.no-139-1 .legendParent {
    position: absolute;
    right: 45px;
    height: 150px;
    z-index: 10000;
    background: var(--White);
    width: 180px;
    bottom: 30px;
}

.no-139-1 .legendArea {
    position: absolute;
    right: 0px;
    bottom: 40px;
    z-index: 10000;
}

.no-139-1 .legendArea-button {
    display: flex;
    width: 35px;
    height: 51px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 8px 0px 0px 8px;
    background: var(--Blue-8);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px;
    color: var(--White, #FFF);
    font-size: var(--font-size-7);
    border: none;
    outline-style: none;
}

.no-139-1 .leaflet-top.leaflet-right {
    top: 150px;
}

.no-139-1 .legend-list {
    overflow-y: auto;
    height: 110px;
    padding: 5px;
}

.no-139-1 .legend-icon {
    padding: 5px 5px;
    vertical-align: top;
}

.no-139-1 .legend-text {
    display: inline !important;
    padding: 0px 5px;
    font-size: 12px;
}

.no-139-1 .legendTitle {
    padding: 8px 23px;
    background: var(--Blue-8);
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.no-139-1 .legend-button-close {
    width: 100px;
    /* height: 20px; */
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 40px;
    padding-right: 0px;
    border: 0px;
    color: white;
    font-size: 14px;
    background-color: var(--Blue-8);
}
/*ダッシュボード(県内気象発表) end*/
/*draggable start*/
.top-page .c-body{
    min-width: 1450px;
}

.top-page .c-main{
    display: block;
    position: relative;
}

.top-page .draggable-bg{
    border: 1px solid var(--Gray-6);
    border-radius: 4px;
    background:var(--White);
}

.top-page .map-image {
    height: calc(100% - 40px);
}

.top-page .t-r1-c2,.top-page .t-r1-c3{
    width: 31%;
    min-width: auto;
}

.top-page .t-tbl1,.top-page .t-tbl2{
    width: 100%;
}

.top-page .main5-over {
    height: calc(100% - 39px);
}

.top-page .draggable>div.t-r2-c1,
.top-page .draggable>div.graph-text-1,
.top-page .draggable>div.t-r2-c2,
.top-page .draggable>div.graph-text-2,
.top-page .draggable>div.t-r2-c3,
.top-page .draggable>div.graph-text-3,
.top-page .draggable>.graph-text.content-3{
    height: 100%;
}

.top-page .draggable>div.t-r2-c1.no-info,
.top-page .draggable>div.graph-text-1.no-info,
.top-page .draggable>div.t-r2-c2.no-info,
.top-page .draggable>div.graph-text-2.no-info,
.top-page .draggable>div.t-r2-c3.no-info,
.top-page .draggable>div.graph-text-3.no-info{
    height: 100% !important;
}

.top-page .t-tbl1-1{
    height: calc(100% - 22px);
    padding-top: 5px;
    padding-bottom: 5px;
}

.top-page .t-tbl2-1{
    height: calc(100% - 17px);
    padding-bottom: 10px;
}

#tp-tab-3{
    height: 100%;
}

.top-page .t-r2-c3-r2{
    height: calc(100% - 250px)
}

.top-page .tp-sum2{
    height: calc(100% - 39px);
    padding-bottom: 20px;
    padding-top: 10px;
}

.top-page .graph-text-3{
    width: 100%;
    height: 100% !important;
}

.top-page .graph-text.content-3{
    height: calc(100% - 49px);
}

.graph-text-content-1::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: var(--white);
}

.graph-text-content-1::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--white);
}

.graph-text-content-1::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--Gray-6);
}

.graph-text-content-2::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: var(--white);
}

.graph-text-content-2::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--white);
}

.graph-text-content-2::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--Gray-6);
}

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

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

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

.top-page #main5{
    height: calc(100% - 1px);
}

/*.top-page .tp-pie2-main{*/
/*    height: 100%;*/
/*}*/

/*#main8 {*/
/*    height: 100%;*/
/*}*/

.top-page .t-title h2.no-bg{
    background-image: none;
    padding-left: 0px
}

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

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

.top-page .landslide-data{
    min-width: 200px;
}

.top-page .fanli{
    text-wrap: nowrap;
}

.top-page .t-tbl{
    height: calc(100% - 29px);
}
.top-page .t-tbl2-1 .tab-content{
    height: calc(100% - 24px);
}
.top-page .t-tbl1-1{
    padding-top: 5px;
}

.top-page .t-tbl1-1.navbar-nav-scroll{
    max-height: max-content;
}

.top-page .draggable>div.t-r2-c3{
    height: calc(100% + 10px) !important;
}

.top-page .draggable>div.t-r2-c3.no-info{
    height: calc(100% + 10px) !important;
}

.refresh-center {
    justify-content: center;
    padding: 15px 0;
    display: flex;
}

.refresh-spinner {
  width: 50px;
  height: 50px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #d6d6d6;
  border-radius: 50%;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*draggable end*/
.top-page .cmnv0190-leaf-map {
    width: 100%;
    border-radius: 7px;
    height: calc(100% - 50px);
    position: relative;
    z-index: 0;
}

.top-page .ptlc-top-map {
    height: 100%;
    width: 100%;
}

.top-page .show-button {
    display: flex;
    width: auto;
    padding: 3px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 5px;
    background: var(--Blue-8);
    color: var(--White, #FFF);
    font-size: 16px;
    font-size: var(--font-size-7);
    border: none;
    //visibility: visible;
}

.top-page .show-info-list {
    position: absolute;
    left: 20px;
    top: 10px;
    z-index: 10000;
}

.top-page .leaflet-control-layers.leaflet-control {
    display: none;
}

.top-page .checkboxInfo-title {
    padding: 4px 0px;
    background: var(--Blue-8);
    color: white;
    display: flex;
    align-items: center;
    font-size: 12px;
    cursor: pointer;
}

.top-page .checkboxInfo-checkboxes {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 7px;
    font-size: 12px;
    height: calc(100% - 40px);
    overflow-x； hidden;
    overflow-y: auto;
}

.top-page .checkboxInfoList {
    position: absolute;
    left: 1px;
    top: 10px;
    z-index: 10000;
    background: var(--White);
    width: 175px;
    height: 100%;
}

.top-page .checkboxInfo-checkboxes>div {
    display: flex;
    gap: 5px;
    align-items: center;
}

.top-page .checkboxInfo-checkboxes>div label {
    cursor: pointer;
    width: 125px;
}

.top-page .legendTitle {
    height: 40px;
    color: var(--White);
    font-size: 16px;
}

.top-page .legendParent {
    position: absolute;
    right: 45px;
    height: 150px;
    z-index: 10000;
    background: var(--White);
    width: 180px;
    bottom: 30px;
}

.top-page .legendArea {
    position: absolute;
    right: 0px;
    bottom: 20px;
    z-index: 10000;
}

.top-page .legendArea-button {
    display: flex;
    width: 35px;
    height: 51px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 8px 0px 0px 8px;
    background: var(--Blue-8);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px;
    color: var(--White, #FFF);
    font-size: var(--font-size-7);
    border: none;
    outline-style: none;
}

.top-page .leaflet-top.leaflet-right {
    top: 150px;
}

.top-page .legend-list {
    overflow-y: auto;
    height: 110px;
    padding: 5px;
}

.top-page .legend-icon {
    padding: 5px 5px;
    vertical-align: top;
}

.top-page .legend-text {
    display: inline !important;
    padding: 0px 5px;
    font-size: 12px;
}

.top-page .legendTitle {
    padding: 8px 23px;
    background: var(--Blue-8);
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-page .legend-button-close {
    width: 100px;
    /* height: 20px; */
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 40px;
    padding-right: 0px;
    border: 0px;
    color: white;
    font-size: 14px;
    background-color: var(--Blue-8);
}

.table_attribute {
    width: 100%;
    padding: 0px;
    background: #ffffff;
    border-style: solid;
    border-width: 1px;
    line-height: 1.2;
    text-align: left;
    word-break: break-all;
}

.table_attribute th, .table_attribute td {
    vertical-align: middle;
    padding: 3px;
    box-sizing: border-box;
    font-size: 10px;
    width: 55px;
    border: solid 1px #cccccc;
}

.table_attribute.at1 th, .table_attribute td {
    width: 70px;
}

.table_attribute.tce th, .table_attribute td {
    text-align: center;
}

.small-map-tips .table_attribute {
    width: 200px !important;
}

.small-map-tips .leaflet-popup-content span {
    font-size: 10px;
}

.infoLeftName {
    text-align: left;
}

.table_attribute tbody tr:nth-child(even) {
    background: #eeeeee;
}

.bgLabel {
    background-color: #e6e6e6;
}

.bgData {
    background-color: white;
}

.bgNece {
  background-color: #fce3cd;
  color: #eb5e01;
}

.bgInPro {
  background-color: #d9e6f1;
  color: #005ba4;
}

.bgComp {
  background-color: #e6f2e4;
  color: #0aa546;
}

.bgNot {
  background-color: #dbd9d8;
  color: #808080;
}
/*文書フォルダ、公開文書フォルダ start*/
#pubv0110Form{
    width: 100%
}
.pubv0110 .e-btn-row1 {
    width: 100%;
    padding: 24px 24px;
    background: var(--White);
    border-radius: 8px;
}

.pubv0110 .fold-link {
    padding: 7px;
}
.pubv0110 {
    min-width: 1120px;
}

.pubv0110 .e-btn-bookmark-x{
    padding-left: 35px !important;
    background-position-x: 12px;
}

.pubv0110 .modal-file-get {
    width: 150px;
}
.pubv0110 .c-list-table td{
    text-align:left;
}
.pubv0110 .c-list-table th:nth-child(1){
    min-width: 45px;
}
.pubv0110 .c-list-table th:nth-child(2){
    min-width: 300px;
}
.pubv0110 .c-list-table th:nth-child(3){
    min-width: 75px;
}
.pubv0110 .c-list-table th:nth-child(4){
    min-width: 200px;
}
.pubv0110 .c-list-table th:nth-child(5){
    min-width: 185px;
}
.pubv0110 .c-list-table th:nth-child(6){
    min-width: 110px;
}
.pubv0110 .c-list-table th{
    white-space: nowrap;
}

.pubv0110 .draggableToggle {
    cursor: pointer;
}

.pubv0110 .draggableToggle:hover {
    color: var(--Gray-7);
}

.pubv0110 .openTd {
    cursor: pointer;
}

.pubv0110 .openTd:hover {
    color: var(--Gray-7);
}

.pubv0110 .draggable-helper {
    width: 250px;
    height: 37px;
    margin-left: 100px;
}

.pubv0110 .draggable {
    cursor: pointer;
}

.pubv0110 .selected td {
    background-color: #fef2d7 !important;
}
#pub0110-tree .selected-folder a {
    width: 100%;
}
#pub0110-tree .selected-folder>span span:nth-child(2) {
    background-color: #e0f0ff !important;
}
#pub0110-tree.ztree li span.button.ico_docu {
    background-position: -110px -16px !important;
}
#pub0110-tree li{
    cursor: pointer !important;
}
#pub0110-tree li span:nth-child(2) {
    padding: 1px 15px 25px 4px !important;
    height: 25px !important;
    line-height: 25px;
    display: inline-block !important;
}
#pub0110-tree.ztree li span.button.ico_docu,
#pub0110-tree.ztree li span.button.ico_open,
#pub0110-tree.ztree li span.button.ico_close,
#pub0110-tree.ztree li span.button.root_open,
#pub0110-tree.ztree li span.button.root_close{
    margin-top: 5px;
}
#pub0110-tree li a {
    padding: 1px 15px 25px 4px !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;
}
.pubv0110 .show.error-message {
    padding: 0 25px;
}
/*文書フォルダ、公開文書フォルダ end*/
/*アップロード復元 start*/
.pubv0120 .selected td{
    background-color: #fef2d7 !important;
}
/*アップロード復元 end*/
/* top link start */
.top-page .link-container{
    display: flex;
    flex-direction: column;
    height: calc(100% - 39px);
    overflow-y: auto;
    padding-bottom: 5px;
}

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

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

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

.top-page .link-container .category-container{
    margin-bottom: 10px;
}

.top-page .link-container .category-title{
    background-color:var(--Gray-3);
    color: var(--Blue-5);
    font-size:var(--font-size-4);
    padding: 7px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.top-page .link-container .category-title-name{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 700;
}

.top-page .link-container .category-title img {
    background-color: var(--White);
    border-radius: 4px;
    width: 24px;
    height: 24px;
}

.top-page .link-container .link-item-container{
    display: flex;
    flex-wrap: wrap;
    min-height: 24px;
}

.top-page .link-container .link-item{
    display: inline-block;
    padding: 3px 20px 3px 0;
    font-size: 16px;
    white-space: nowrap;
}

.top-page .link-container span{
    vertical-align: middle;
}
/* top link end */
/* クロノロジー入力　画像帳票出力 start*/
#imageReport td.label{
    padding: 0px 4px;
    color: black;
    font-size: 11.0pt;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
    border: 1pt solid black;
    white-space: normal;
}

#imageReport td:not(.label,.rows-label){
    padding: 0px 4px;
    color: black;
    font-size: 11.0pt;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
    border: 1pt solid black;
    white-space: normal;
}

#imageReport td.rows-label{
    width: 36px;
    padding: 0px 4px;
    color: black;
    font-size: 11.0pt;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    border: 1pt solid black;
}
/* クロノロジー入力　画像帳票出力 end*/

.wideAreaMaster-input .chronology-right-width{
    width: 47% !important;
    min-width: 814px !important;
}
/* クロノロジー入力　画像追加　start*/
.cng-activity .tzb-overflow {
  overflow: auto;
}

.cng-activity .tzb-announce-image-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 385px;
    gap: 14px;
}

.cng-activity .tzb-announce-image-viewer_wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 2005;
}

.cng-activity .tzb-announce-image-viewer_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .5;
    background: #000;
}

.cng-activity .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;
}

.cng-activity .tzb-announce-image-viewer_close {
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: #fff;
    background-color: #606266;
}

.cng-activity .tzb-announce-image-viewer_canvas {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

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

.cng-activity .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;
}

.cng-activity .tzb-lable-width{
    min-width:75px;
    cursor: pointer;
}

.cng-activity .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;
}

.cng-activity .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;
}
.chronology-file-btn{
    margin-top: 15px;
}

/* クロノロジー入力　画像追加　end*/