.csv-download .datetime-area .vdatetime-input{cursor:pointer!important;padding:3px;background-color:#1976d2!important;width:140px;color:#fff!important;border-radius:1em;text-align:center}#app{height:100%;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:hidden}#app .alert-dialog{z-index:2000}#app .progress-linear{z-index:2010}img{image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:crisp-edges}::-webkit-scrollbar{display:none;width:0}.v-snack.v-snack--active.v-snack--bottom{z-index:5000}.v-dialog__content.v-dialog__content--active{z-index:8000!important}.v-overlay.v-overlay--active.theme--dark{z-index:5000!important}.leaflet-bottom.leaflet-right .leaflet-control-attribution.leaflet-control{pointer-events:painted!important}.error-message[data-v-77091730]{color:red;text-align:center}.hazard-map-control-container{height:450px;width:200px;pointer-events:none}.hazard-map-control-container .usage-title{white-space:pre;line-height:16px}.hazard-map-control-container .disp-btn{pointer-events:auto}.hazard-map-control-container .fade-in{animation-name:fadein;animation-duration:1s;animation-fill-mode:forwards}.hazard-map-control-container .fade-out{animation-name:fadeout;animation-duration:1s;animation-fill-mode:forwards;pointer-events:none;visibility:hidden}@keyframes fadein{0%{transform:translateX(-350px)}to{transform:translateX(0)}}@keyframes fadeout{0%{transform:translateX(0)}to{transform:translateX(-300px)}}.hazard-map-control-container .v-label{font-size:8px!important}.hazard-map-control-container .v-messages{display:none}.date-time-select-area{pointer-events:painted!important}.fab-update-button{width:26px;height:26px;line-height:26px;background-color:#ffbe3d;border-radius:50%;color:#fff;text-align:center;box-shadow:0 3px 5px 0 rgba(0,0,0,.5)}.zoom-control[data-v-59acae8c]{pointer-events:painted;width:36px}.zoom-control .v-btn[data-v-59acae8c]{border-radius:0}.zoom-control .zoom-button[data-v-59acae8c]{width:100%}.zoom-control .zoom[data-v-59acae8c]{text-align:center;background-color:#fff;font-weight:700}.zoom-control .v-btn--fab.v-size--small[data-v-59acae8c]{width:100%;padding:auto}.checkbox .v-label{font-size:14px}.observatory-control[data-v-4b5eebca]{pointer-events:painted}.observatory-control .v-input--selection-controls[data-v-4b5eebca]{margin-top:0}.color-legend[data-v-8bc729ac]{clear:both}.legend[data-v-8bc729ac]{width:-moz-fit-content;width:fit-content;text-align:right;float:right}.unit[data-v-8bc729ac]{text-align:right;font-size:10px;font-weight:700;white-space:pre}.color[data-v-8bc729ac],.empty-color[data-v-8bc729ac]{color:#fff;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;font-weight:700;font-size:10px;min-width:10px;text-align:center;line-height:1;padding:2px 10px}.empty-color span[data-v-8bc729ac]{opacity:0}.observatory-usage-guide[data-v-7f8f2000]{overflow:hidden;padding-bottom:10px}.legend-area[data-v-7f8f2000]{float:right;margin-left:5px}.legend-area .legend-title[data-v-7f8f2000]{text-align:right;font-size:12px;font-weight:700;white-space:pre;text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff}.legend-area .legend[data-v-7f8f2000]{float:left}.legend-area .legend .val[data-v-7f8f2000]{color:#fff;text-shadow:1px 1px 0 #2c2c2c,-1px 1px 0 #2c2c2c,1px -1px 0 #2c2c2c,-1px -1px 0 #2c2c2c;font-weight:700;font-size:12px;min-width:12px;text-align:center;line-height:1;padding:0 10px;line-height:20px;height:20px;opacity:.9}.leaflet-control-container{pointer-events:none}.leaflet-top.leaflet-left{pointer-events:none!important;width:120px}.leaflet-top.leaflet-left .leaflet-control{width:100%;pointer-events:none}.leaflet-top.leaflet-right{z-index:4000}.leaflet-bottom.leaflet-right{pointer-events:none!important}.leaflet-bottom.leaflet-right .leaflet-control{pointer-events:none}.leaflet-bottom.leaflet-left,.leaflet-bottom.leaflet-left .leaflet-control{pointer-events:none!important}.controls{position:absolute;z-index:2000}.controls>*{position:relative;clear:both}.center{left:50%;transform:translateX(-50%)}.center>*{float:left}.top{top:20px}.top>*{margin:0 10px 10px 10px}.bottom{bottom:50px!important}.bottom>*{margin:0 10px 10px 10px}.play-button-area{position:absolute;height:10%;bottom:0;left:0;padding-left:5px;display:inline-flex;align-items:center}.times-area{overflow:auto;white-space:nowrap;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;height:100%;width:100%}.time{scroll-snap-align:center;padding:5px;color:#fff;font-size:13px;display:inline-block;vertical-align:bottom;background-color:rgba(44,50,76,.8);width:25%;height:100%;touch-action:manipulation;white-space:normal}.time.active{background-color:orange;font-weight:bolder;color:#2c324c}.time .date{font-size:10px}.white-space{width:37.5%;touch-action:manipulation}.overlay-gradients{bottom:0;height:10%;width:100%;position:absolute;background-image:linear-gradient(90deg,rgba(0,0,0,.6),transparent,transparent,transparent,transparent,transparent,rgba(0,0,0,.6));pointer-events:none}.menu-button{margin-right:5px;margin-bottom:5px;background-color:#7aa2ec!important}.menu-button.active{background-color:#2f5eb6!important}.menu-button .v-icon{padding-right:3px}.menu-button v-img{height:100%}.menu-button .menu-text{padding:3px;font-size:11px}.menu-button .menu-hazard{padding:3px 5px 3px 10px;line-height:14px;height:32px;font-size:10px;white-space:pre}.observatory-switch.v-input--switch .v-label{font-size:12px;font-weight:700}.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:table;transition:opacity .3s ease}.modal-wrapper{display:table-cell;vertical-align:middle}.modal-container{width:310px;margin:0 auto;padding:10px 5px 10px 10px;background-color:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.33);transition:all .3s ease}.modal-enter,.modal-leave-active{opacity:0}.modal-enter .modal-container,.modal-leave-active .modal-container{transform:scale(1.1)}.stage-level-detail thead[data-v-02b4af53]{background-color:#addff3}.stage-level-detail tbody td[data-v-02b4af53]{background:#eee}.stage-level-detail tbody tr:nth-child(odd) td[data-v-02b4af53]{background:#fff}.stage-level-detail .std-color[data-v-02b4af53]{width:16px;height:12px;border-bottom:3px solid #fff}.stage-level-detail .predict[data-v-02b4af53]{color:#00f}.rain-level-detail thead[data-v-db62a1aa]{background-color:#addff3}.rain-level-detail tbody td[data-v-db62a1aa]{background:#eee}.rain-level-detail tbody tr:nth-child(odd) td[data-v-db62a1aa]{background:#fff}.rain-level-detail .predict[data-v-db62a1aa]{color:#00f}.camera-dialog{box-shadow:none!important}.current-image-area{background-color:#000;max-height:50vh}.image-list{white-space:nowrap}.image-list .image-list-item{border-right:1px solid rgba(0,0,0,.3);cursor:pointer;background-color:#fff;display:inline-block}.image-list .image-list-item .text{text-align:center;padding:6px 0;line-height:1.1}.image-list .image-list-item .text .date{font-size:11px}.image-list .image-list-item .text .times{padding-top:3px;font-size:16px;font-weight:700}.image-list .current-image{color:#fff;background-color:#0d47a1}.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.video-container embed,.video-container iframe,.video-container object{position:absolute;top:0;left:0;width:100%;height:100%}.manhole-level-detail tbody td[data-v-86b6382a]{background:#eee}.manhole-level-detail tbody tr:nth-child(odd) td[data-v-86b6382a]{background:#fff}.manhole-level-detail .v-data-table__wrapper{overflow-y:auto!important}.stage-level-detail tbody td[data-v-180b77a8]{background:#eee}.stage-level-detail tbody tr:nth-child(odd) td[data-v-180b77a8]{background:#fff}.v-chip.v-size--default{height:22px!important}.stage-level-detail tbody td[data-v-fd1db486]{background:#eee}.stage-level-detail tbody tr:nth-child(odd) td[data-v-fd1db486]{background:#fff}.stage-level-detail .v-data-table__wrapper{overflow-y:auto!important}.suijin-detail thead[data-v-62df3ffd]{background-color:#addff3}.suijin-detail tbody td[data-v-62df3ffd]{background:#eee}.suijin-detail tbody tr:nth-child(odd) td[data-v-62df3ffd]{background:#fff}.suijin-detail .sensor-line[data-v-62df3ffd]{width:20px;height:12px;border-bottom-width:3px;border-bottom-style:dotted}.suijin-detail .sensor-line.sensor1[data-v-62df3ffd]{border-bottom-color:#ad02ad}.suijin-detail .sensor-line.sensor2[data-v-62df3ffd]{border-bottom-color:#ffd600}.main[data-v-24470efc]{position:fixed;padding:0;margin:0;width:100vw;height:100%}.full-height[data-v-24470efc]{width:100%;position:relative;height:calc(var(--vh, 1vh)*100 - 34px)!important}.ninety-height[data-v-24470efc]{width:100%;position:relative;height:calc(var(--vh, 1vh)*100 - 84px)!important}.ten-height[data-v-24470efc]{height:50px!important}.loading-mask[data-v-24470efc]{z-index:4000;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(88,88,88,.5);text-align:center}.loading-message[data-v-24470efc]{margin-top:40%;font-size:.9em;color:#1e1e1e}.vdatetime-popup{z-index:2000!important}.basetime-control[data-v-24470efc]{top:55px;right:10px;position:absolute;pointer-events:none;z-index:1500}.expansion-panels{width:140px}.expansion-panels .v-expansion-panel--active .v-expansion-panel-header{min-height:30px}.expansion-panels .v-expansion-panel-header{padding:5px 10px;min-height:30px;font-size:13px}.slider{pointer-events:auto}.slider .v-slider--horizontal .v-slider__thumb-label.primary{cursor:ew-resize;background-color:#fff!important;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff;border-radius:8px;transition:none;transform:translateY(50%) translateY(-32px) translateX(-50%)!important;width:60px!important;height:40px!important;text-align:center;font-size:14px}.slider .v-slider--horizontal .v-slider__thumb-label.primary .mm-dd{font-size:14px;line-height:1}.slider .v-slider--horizontal .v-slider__thumb-label.primary .hh-mm{font-size:16px;font-weight:700;line-height:1.2}.slider .main-slider .v-slider--horizontal .v-slider__thumb-label.primary{background-color:#00bcd4!important}.slider .v-slider--horizontal .v-slider__thumb-label.primary>*{transform:rotate(0deg)!important}.slider .v-slider--horizontal .v-slider__tick .v-slider__tick-label{top:15px}.slider .v-slider__tick--filled{background-color:rgba(0,0,0,.5)}.slider .v-input{font-size:14px}.slider .v-slider--horizontal .v-slider__ticks-container{top:50%;transform:translateY(-50%)}.datetime-picker{cursor:pointer;border:0;font-family:Roboto,sans-serif;font-size:11px;background-color:#2c7be5;color:#fff;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border-radius:20px;min-height:26px;max-height:26px;max-width:125px;text-align:center}.date-time-select-area[data-v-4f210b2b]{position:relative;text-align:center;min-width:140px;max-width:140px;width:140px;padding-left:5px;padding-right:5px}.date-time-select-area .date-control-buttons[data-v-4f210b2b]{position:absolute;bottom:35px;left:15px;text-align:center}.risk-sub-control[data-v-0e99771f]{width:300px!important}.small-radio label{font-size:14px;padding-left:0;margin-left:-4px}.small-radio .v-radio{padding:0}.small-radio [class*=__ripple]{left:0}.expansion-panels[data-v-2db86a45]{width:140px}.expansion-panels .v-expansion-panel--active .v-expansion-panel-header[data-v-2db86a45]{min-height:30px}.expansion-panels .v-expansion-panel-header[data-v-2db86a45]{padding:5px 10px;min-height:30px;font-size:13px}.item[data-v-2db86a45]{margin:0;font-size:11px;padding:3px;cursor:pointer;min-height:22px;line-height:1;white-space:pre-wrap}.item.visible[data-v-2db86a45]{background-color:#2c7be5;color:#fff;border-radius:5px}.expansion-panels .v-expansion-panel-content__wrap{padding:5px}.base-tile-control[data-v-9e99d304],.layer-control[data-v-d02650d6]{width:140px}.hazard-usage[data-v-348051c1]{display:flex;flex-direction:column;align-items:flex-end}.legend-area[data-v-348051c1]{clear:both}.legend-area .legend-title[data-v-348051c1]{text-align:right;font-size:12px;font-weight:700;white-space:pre-wrap;text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff}.legend-area .legend[data-v-348051c1]{float:right;margin-bottom:10px}.legend-area .legend .val[data-v-348051c1]{color:#fff;text-shadow:1px 1px 0 #2c2c2c,-1px 1px 0 #2c2c2c,1px -1px 0 #2c2c2c,-1px -1px 0 #2c2c2c;font-weight:700;font-size:12px;min-width:12px;text-align:center;line-height:1;padding:0 10px;line-height:20px;height:20px;opacity:.9}.base-tile-control[data-v-1608d9c4]{width:140px}.leaflet-marker-pane{z-index:610!important}.leaflet-top.leaflet-right,.leaflet-top.leaflet-right .leaflet-control{pointer-events:none}.leaflet-top.leaflet-left .leaflet-control{text-align:left}.leaflet-bottom.leaflet-left,.leaflet-bottom.leaflet-left .leaflet-control{pointer-events:painted;width:100%}.leaflet-image-layer,.riskImage{image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:crisp-edges}.read-only{pointer-events:none}.leaflet-bottom.leaflet-left{z-index:4000!important}.wind-velocity{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);z-index:2000}.wind-velocity>*{position:relative;clear:both;float:left;margin:0 10px 10px 10px}.monitoring-page{min-width:380px;padding:0 8px;border-left:1px solid #c1c1c1}.monitoring-page td,.monitoring-page th{height:24px!important;font-weight:400!important}.monitoring-page td{padding:0 5px 0 3px!important;font-size:12px!important;line-height:1;height:inherit}.monitoring-page .data-table-header{padding:0 5px 0 3px!important;min-width:60px}.monitoring-page .theme--light.v-data-table thead tr:last-child th{border-bottom:1px double #000!important}.rain-table .data-table-header:nth-child(2),.rain-table .data-table-header:nth-child(3){background-color:#3a1e87!important;color:#fff!important}.rain-table .theme--light.v-data-table thead tr th{color:#000}.rain-table tr td:nth-child(2){border-right:1px solid #3a1e87;border-left:1px solid #3a1e87}.rain-table tr td:nth-child(3){border-right:1px solid #3a1e87}.manhole-table td:nth-child(2),.manhole-table th:nth-child(2){padding:0 15px 0 0!important}.manhole-table .graph-area{pointer-events:none;position:relative}.manhole-table .graph-area .level-line{position:absolute;top:0;height:100%}.manhole-table .graph-area .level-line.alert1{background-color:#f89436;width:2px}.manhole-table .graph-area .level-line.alert2{background-color:#ad02ad;width:3px}.stage-table .data-table-header.standby-color{color:green!important}.stage-table .data-table-header.warning-color{color:orange!important}.stage-table .data-table-header.evacuation-color{color:#ff2800!important}.stage-table .data-table-header.dangerous-color{color:#ad02ad!important}.stage-table .data-table-header.outbreak-color{color:#000!important}.stage-table .theme--light.v-data-table thead tr:last-child th{text-align:center!important;white-space:pre-wrap}.stage-table .graph-area{pointer-events:none;position:relative}.stage-table .graph-area .level-line{position:absolute;top:0;left:50%;width:3px;height:100%}.stage-table .graph-area .level-line.dangerous-color{background-color:#ad02ad!important}.station-area[data-v-18a31f7e]{background-color:#fff;padding:8px 14px;cursor:pointer;border:1px solid #e4e4e4}.dam-level-detail thead th[data-v-630271ef]{background-color:#addff3;font-size:.6em!important;font-weight:400;white-space:nowrap}.dam-level-detail tbody td[data-v-630271ef]{background:#eee;font-size:.8em!important;white-space:nowrap}.dam-level-detail tbody tr:nth-child(odd) td[data-v-630271ef]{background:#fff}.dam-level-detail .predict[data-v-630271ef]{color:#00f}.station-area[data-v-54c8b5e3]{background-color:#fff;padding:8px 14px;cursor:pointer;border:1px solid #e4e4e4}.camera-dialog[data-v-54c8b5e3]{box-shadow:none!important}.alert-card[data-v-76e9afa8]{width:100%}.alert-card .alert-area[data-v-76e9afa8]{opacity:.8;line-height:1rem;font-size:.625rem!important}.alert-content[data-v-76e9afa8]{white-space:pre-line}.v-snack--top[data-v-ba6d2b9a]{z-index:4000!important}.snack-text[data-v-ba6d2b9a]{color:#fff;font-weight:700;text-shadow:1px 1px 0 #2c2c2c,-1px 1px 0 #2c2c2c,1px -1px 0 #2c2c2c,-1px -1px 0 #2c2c2c}.station-area[data-v-3956687c]{background-color:#fff;padding:8px 14px;cursor:pointer;border:1px solid #e4e4e4}.camera-monitor[data-v-3956687c]{background-color:#f5f5f5}.admin-page[data-v-622b1dc9]{width:calc(100vw - 5px)}.admin-page .manhole-container[data-v-622b1dc9]{border-left:1px solid #cacaca!important}.admin-page th[data-v-622b1dc9]{padding:2px 5px!important}.admin-page td[data-v-622b1dc9]{font-size:12px!important;padding:2px 5px 2px 8px!important;white-space:pre-wrap!important}.admin-page td .v-input--selection-controls[data-v-622b1dc9],.admin-page td .v-input--selection-controls__ripple[data-v-622b1dc9]{margin:0!important}.admin-page td[data-v-622b1dc9]:first-child{width:45px;padding:0}.admin-page .selected[data-v-622b1dc9]{border-left:4px solid #ff7979}.admin-page .unselected[data-v-622b1dc9]{border-left:4px solid #fff}.admin-page .selector[data-v-622b1dc9]{width:100px}.admin-page .selector .v-text-field>.v-input__control>.v-input__slot[data-v-622b1dc9]:before{border:none!important;border-style:none!important}.selector .v-select__selections{font-size:14px!important}.selector .v-input__slot:before{border:none!important}