.alert-card[data-v-afceec6c]{width:100%}.alert-card .alert-area[data-v-afceec6c]{opacity:.8;line-height:1rem;font-size:.625rem!important}.alert-content[data-v-afceec6c]{white-space:pre-line}.vdatetime{height:100%}.vdatetime-input{height:100%;width:100%;text-align:center;color:#fff}#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}.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}.leaflet-marker-icon{image-rendering:inherit}.shadow-blue{filter:drop-shadow(-2px -2px 2px #4e9cff) drop-shadow(2px -2px 2px #4e9cff) drop-shadow(-2px 2px 2px #4e9cff) drop-shadow(2px 2px 2px #4e9cff)}.shadow-red{filter:drop-shadow(-2px -2px 2px #fa2d33) drop-shadow(2px -2px 2px #fa2d33) drop-shadow(-2px 2px 2px #fa2d33) drop-shadow(2px 2px 2px #fa2d33)}.divicon1{background:#fff;text-align:center;font-size:12px}.leaflet-tooltip-standard{font-size:11px;font-weight:700;padding:0 5px!important;line-height:22px}.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}.water-radio-group{margin:0 0 0 10px;height:100px}.water-radio-group .v-label{font-size:12px}.checkbox .v-label{font-size:14px}.observatory-control[data-v-65e3d882]{pointer-events:painted}.observatory-control .v-input--selection-controls[data-v-65e3d882]{margin-top:0}.color-legend[data-v-194853e0]{clear:both}.legend[data-v-194853e0]{width:-moz-fit-content;width:fit-content;text-align:right;float:right}.unit[data-v-194853e0]{text-align:right;font-size:10px;font-weight:700;white-space:pre}.color[data-v-194853e0],.empty-color[data-v-194853e0]{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-194853e0]{opacity:0}.observatory-usage-guide[data-v-e5a33844]{overflow:hidden;padding-bottom:10px}.legend-area[data-v-e5a33844]{float:right;margin-left:5px}.legend-area .legend-title[data-v-e5a33844]{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-e5a33844]{float:left}.legend-area .legend .val[data-v-e5a33844]{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}.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-840a6bde]{background-color:#addff3}.stage-level-detail tbody td[data-v-840a6bde]{background:#eee}.stage-level-detail tbody tr:nth-child(odd) td[data-v-840a6bde]{background:#fff}.stage-level-detail .std-color[data-v-840a6bde]{width:16px;height:12px;border-bottom:3px solid #fff}.stage-level-detail .predict[data-v-840a6bde]{color:#00f}.rain-level-detail thead[data-v-1635c6d8]{background-color:#addff3}.rain-level-detail tbody td[data-v-1635c6d8]{background:#eee}.rain-level-detail tbody tr:nth-child(odd) td[data-v-1635c6d8]{background:#fff}.rain-level-detail .predict[data-v-1635c6d8]{color:#00f}.camera-dialog{box-shadow:none!important}.camera-container{height:100%;overflow-y:auto}.current-image-area{max-height:50vh;background-color:#000}.current-image-area .current-image{width:85%;height:100%}.image-list{display:flex;flex-direction:row}.image-list .image-list-item{min-width:10%;max-width:30%;border-top:1px solid #424242;border-bottom:1px solid #424242;border-right:1px solid #424242;cursor:pointer;background-color:#fff;display:inline-block}.image-list .image-list-item .times{text-align:center;padding:2px 0;line-height:1;width:100%;font-size:12px;font-weight:400;color:#414141;background-color:#fff}.image-list .image-list-item:first-child{border-left:1px solid #424242}.image-list .current-image .times{color:#fff;background-color:#0d47a1}.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}.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%}.main[data-v-62cd78d3]{position:fixed;padding:0;margin:0;width:100vw;height:100%}.full-height[data-v-62cd78d3]{width:100%;position:relative;height:calc(var(--vh, 1vh)*100)!important}.ninety-height[data-v-62cd78d3]{width:100%;position:relative;height:calc(var(--vh, 1vh)*100 - 50px)!important}.ten-height[data-v-62cd78d3]{height:50px!important}.loading-mask[data-v-62cd78d3]{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-62cd78d3]{margin-top:40%;font-size:.9em;color:#1e1e1e}.vdatetime-popup{z-index:2000!important}.basetime-control[data-v-62cd78d3]{top:55px;right:10px;position:absolute;pointer-events:none;z-index:1500}.expansion-panels .theme--light.v-expansion-panels .v-expansion-panel{margin:1px 0;border-radius:5px}.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}.expansion-panels .v-expansion-panel-content__wrap{padding:10px}.expansion-panels .v-expansion-panel-header{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-13191736]{z-index:100;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-13191736]{position:absolute;bottom:35px;left:15px;text-align:center}.risk-sub-control[data-v-5bae8a1a]{width:300px!important}.expansion-panels .theme--light.v-expansion-panels .v-expansion-panel[data-v-2bbd8b14]{margin:1px 0;border-radius:5px}.expansion-panels .v-expansion-panel--active .v-expansion-panel-header[data-v-2bbd8b14]{min-height:30px}.expansion-panels .v-expansion-panel-header[data-v-2bbd8b14]{padding:5px 10px;min-height:30px}.expansion-panels .v-expansion-panel-content__wrap[data-v-2bbd8b14]{padding:10px}.expansion-panels .v-expansion-panel-header[data-v-2bbd8b14]{font-size:13px}.item[data-v-2bbd8b14]{margin:0;font-size:11px;padding:3px;cursor:pointer;min-height:22px;line-height:1}.item.visible[data-v-2bbd8b14]{background-color:#2c7be5;color:#fff;border-radius:5px}.expansion-panels .v-expansion-panel-content__wrap{padding:5px}.base-tile-control[data-v-703ae450]{width:135px}.layer-control[data-v-5fce78f1]{width:140px}.hazard-usage[data-v-46a5d902]{display:flex;flex-direction:column;align-items:flex-end}.legend-area[data-v-46a5d902]{clear:both}.legend-area .legend-title[data-v-46a5d902]{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-46a5d902]{float:right;margin-bottom:10px}.legend-area .legend .val[data-v-46a5d902]{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}.legend-area .legend .kouzui[data-v-46a5d902]{gap:5px;padding:0 8px;font-size:12px}.legend-area .legend .kouzui .kouzui-val[data-v-46a5d902]{color:#000}.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;background-color:rgba(0,0,0,.1)}.read-only{pointer-events:none}.leaflet-bottom.leaflet-left{z-index:7000!important}td,th{height:24px!important}.river-level-contents{min-height:100px;height:60vh!important;overflow-y:scroll}.river-level-contents .data-table-header{padding:0 5px 0 3px!important;min-width:60px}.river-level-contents .data-table-header.standby-color{color:green!important}.river-level-contents .data-table-header.warning-color{color:orange!important}.river-level-contents .data-table-header.evacuation-color{color:#ff2800!important}.river-level-contents .data-table-header.dangerous-color{color:#ad02ad!important}.river-level-contents .data-table-header.outbreak-color{color:#000!important}.river-level-contents .master-level-info{font-size:11px!important}.river-level-contents .obsname-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:0;max-width:100px}.river-level-contents .theme--light.v-data-table thead tr:last-child th{border-bottom:1px double #000!important;font-weight:400;text-align:center!important;white-space:pre-wrap}.river-level-contents .graph-area{pointer-events:none;position:relative}.river-level-contents .graph-area .level-line{position:absolute;top:0;left:50%;width:2px;height:100%}.river-level-contents .graph-area .level-line.dangerous-color{background-color:#ad02ad!important;font-size:10px}.river-level-table td{font-size:12px!important;padding:0 5px 0 3px!important}.rainfall-contents{min-height:100px;height:calc(40vh - 120px)!important;overflow-y:scroll}.rainfall-contents .data-table-header{padding:0 5px 0 3px!important;min-width:60px}.rainfall-contents .theme--light.v-data-table thead tr:last-child th{border-bottom:1px double #000!important}.rainfall-contents .data-table-header:nth-child(2),.rainfall-contents .data-table-header:nth-child(3){background-color:#3a1e87!important;color:#fff!important}.rainfall-contents .theme--light.v-data-table thead tr th{color:#000}.rainfall-table td{padding:0 5px 0 3px!important;font-size:12px!important;line-height:1;height:inherit}.rainfall-table tr td:nth-child(2){border-right:1px solid #3a1e87;border-left:1px solid #3a1e87}.rainfall-table tr td:nth-child(3){border-right:1px solid #3a1e87}.v-application--is-ltr .v-list-item__action:first-child,.v-application--is-ltr .v-list-item__icon:first-child{margin-right:20px}.v-data-table__wrapper{overflow-y:hidden!important}