@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap);*{font-family:Noto Sans JP,游ゴシック,YuGothic,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,sans-serif}body,html{color:#666;font-size:13px}body{margin:0;padding:0}img{vertical-align:bottom}a{color:#666;text-decoration:none}a:hover{opacity:.8}small{font-size:60%}ol,ul{list-style:none}figcaption{font-size:10px}.cd-horizontal-timeline{opacity:0;transition:opacity .2s}.cd-horizontal-timeline:before{content:"mobile";display:none}.cd-horizontal-timeline.loaded{opacity:1}.cd-horizontal-timeline .timeline{position:relative;height:100px;width:100%;max-width:600px;margin:0 auto}.cd-horizontal-timeline .events-wrapper{position:relative;height:100%;margin:0 40px;overflow:hidden}.cd-horizontal-timeline .events-wrapper:after,.cd-horizontal-timeline .events-wrapper:before{content:"";position:absolute;z-index:2;top:0;height:100%;width:20px}.cd-horizontal-timeline .events{position:absolute;z-index:1;left:0;top:49px;height:2px;background:#dfdfdf;transition:transform .4s}.cd-horizontal-timeline .filling-line{position:absolute;z-index:1;left:0;top:0;height:100%;width:100%;background-color:#14d2ff;transform:scaleX(0);transform-origin:left center;transition:transform .3s}.cd-horizontal-timeline .events a{position:absolute;bottom:0;z-index:2;text-align:center;font-size:12px;padding-bottom:15px;color:#464650;transform:translateZ(0)}.cd-horizontal-timeline .events a:after{content:"";position:absolute;left:50%;right:auto;transform:translateX(-50%);bottom:-5px;height:12px;width:12px;border-radius:50%;border:2px solid #dfdfdf;background-color:#f8f8f8;transition:background-color .3s,border-color .3s}.no-touch .cd-horizontal-timeline .events a:hover:after{background-color:#14d2ff;border-color:#14d2ff}.cd-horizontal-timeline .events a.selected{font-size:20px;pointer-events:none}.cd-horizontal-timeline .events a.selected:after{background-color:#14d2ff;border-color:#14d2ff}.cd-horizontal-timeline .events a.older-event:after{border-color:#14d2ff}@media only screen and (min-width:1100px){.cd-horizontal-timeline{margin:6em auto}.cd-horizontal-timeline:before{content:"desktop"}}.cd-timeline-navigation a{position:absolute;z-index:1;top:50%;bottom:auto;transform:translateY(-50%);height:34px;width:34px;overflow:hidden;color:transparent;text-indent:100%;white-space:nowrap;transition:border-color .3s}.cd-timeline-navigation a:after{content:"";position:absolute;height:16px;width:16px;left:50%;top:50%;bottom:auto;right:auto;transform:translateX(-50%) translateY(-50%);background:url(../images/arrow.png) no-repeat 50%/contain}.cd-timeline-navigation a.prev{left:0;transform:translateY(-50%) rotate(180deg)}.cd-timeline-navigation a.next{right:0}.no-touch .cd-timeline-navigation a:hover{border-color:#14d2ff}.cd-timeline-navigation a.inactive{cursor:not-allowed}.cd-timeline-navigation a.inactive:after{background:url(../images/arrow-gray.png) no-repeat 50%/contain}.no-touch .cd-timeline-navigation a.inactive:hover{border-color:#dfdede}.cd-horizontal-timeline .events-content{position:relative;width:100%;margin:2em 0;overflow:hidden;transition:height .4s}.cd-horizontal-timeline .events-content li{position:absolute;z-index:1;width:100%;left:0;top:0;transform:translateX(-100%);padding:0 5%;opacity:0;animation-duration:.4s;animation-timing-function:ease-in-out}.cd-horizontal-timeline .events-content li.selected{position:relative;z-index:2;opacity:1;transform:translateX(0)}.cd-horizontal-timeline .events-content li.enter-right,.cd-horizontal-timeline .events-content li.leave-right{animation-name:a}.cd-horizontal-timeline .events-content li.enter-left,.cd-horizontal-timeline .events-content li.leave-left{animation-name:b}.cd-horizontal-timeline .events-content li.leave-left,.cd-horizontal-timeline .events-content li.leave-right{animation-direction:reverse}.cd-horizontal-timeline .events-content li>*{max-width:640px;margin:0 auto}@keyframes a{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes b{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.body-wrapper{min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#header{min-width:640px;position:relative}.contents-wrapper{-ms-flex:1 1 auto;flex:1 1 auto;margin:0 auto 50px;position:relative;width:640px;overflow:hidden}.layout-wrapper{display:block;padding:0 20px;position:relative;margin:0}#footer{height:300px;min-width:640px;position:relative}.article--main{width:600px;margin:50px 0 0;overflow:hidden;position:relative}.article__title{color:#464650;font-size:18px;font-weight:400;vertical-align:middle;line-height:1}@media screen and (min-width:1280px){.contents-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;width:1280px}.layout-wrapper{width:640px}.rainfall__article{margin:340px 0 0}}.header__title{font-size:22px}.header__title small{font-size:10px;margin:0 0 0 15px}.header__title a{padding:25px 20px;display:inline-block}.header__logo{background:url(../images/logo.png) no-repeat 0 0/contain;height:22px;width:230px;text-indent:-9999px}.refresh{cursor:pointer;line-height:30px;position:absolute;padding:23px 20px;top:0;right:0}.refresh__time{display:inline-block;font-size:14px;color:#464650;margin:0 10px 0 0}.refresh__time .areaname{padding-right:1em}.refresh__icon{background:url(../images/refresh.png) 50%/contain;display:inline-block;position:relative;height:30px;width:30px;text-indent:-9999px}.refresh__icon.active{background:url(../images/refreshing.gif) 50%/contain}.footer-container{background-color:#e6e6e6;padding:20px;position:relative}.footer__menu{font-size:0;list-style:none;margin:10px;padding:0}.footer__menu li{font-size:20px;line-height:1;overflow:hidden;margin:0 0 30px}.footer__menu li:hover{cursor:pointer;opacity:.8}.footer__menu li:before{border:1px solid #666;content:"";display:block;font-size:30px;float:left;line-height:38px;margin-right:8px;height:40px;width:40px;text-align:center}.footer__menu li[text="?"]:before{content:"?"}.footer__menu li[text="!"]:before{content:"!"}.footer__menu li small{display:block;font-size:60%;margin-top:7px}.footer__copyright{font-size:10px;position:absolute;bottom:20px;right:20px}.information__article{height:200px;margin:0;overflow:hidden}.information__article *{transition:all .3s}.information__icon{float:left;margin:0 0 0 20px;height:200px;width:200px;text-indent:-9999px}.information__icon,.information__icon.rain.lv00{background:url(../images/status/rain_lv00.png) 50%/contain}.information__icon.rain.lv01{background:url(../images/status/rain_lv01.png) 50%/contain}.information__icon.rain.lv02{background:url(../images/status/rain_lv02.png) 50%/contain}.information__icon.rain.lv03{background:url(../images/status/rain_lv03.png) 50%/contain}.information__icon.rain.lv04{background:url(../images/status/rain_lv04.png) 50%/contain}.information__icon.mass.lv00{background:url(../images/status/mass_lv00.png) no-repeat 50%/contain}.information__icon.mass.lv01{background:url(../images/status/mass_lv01.png) no-repeat 50%/contain}.information__icon.mass.lv02{background:url(../images/status/mass_lv02.png) no-repeat 50%/contain}.information__icon.mass.lv03{background:url(../images/status/mass_lv03.png) no-repeat 50%/contain}.information__icon.mass.lv04{background:url(../images/status/mass_lv04.png) no-repeat 50%/contain}.information__icon.tide,.information__icon.tide.lv00,.information__icon.tide.normal{background:url(../images/status/tide_normal.png) 50%/contain}.information__icon.tide.caution,.information__icon.tide.lv01,.information__icon.tide.lv02,.information__icon.tide.warning{background:url(../images/status/tide_warning.png) 50%/contain}.information__icon.tide.danger,.information__icon.tide.lv03{background:url(../images/status/tide_danger.png) 50%/contain}.information__icon.river,.information__icon.river.lv00,.information__icon.river.normal{background:url(../images/status/river_normal.png) 50%/contain}.information__icon.river.lv01,.information__icon.river.warning{background:url(../images/status/river_warning.png) 50%/contain}.information__icon.river.caution,.information__icon.river.lv02{background:url(../images/status/river_caution.png) 50%/contain}.information__icon.river.danger,.information__icon.river.lv03{background:url(../images/status/river_danger.png) 50%/contain}.information__icon.sensor,.information__icon.sensor.fine,.information__icon.sensor.lv00{background:url(../images/status/sensor_fine.png) 50%/contain}.information__icon.sensor.bad,.information__icon.sensor.lv03{background:url(../images/status/sensor_bad.png) 50%/contain}.information__icon.sensor.lv02,.information__icon.sensor.unknown{background:url(../images/status/sensor_unknown.png) 50%/contain}.information{color:#787882;list-style:none;margin:0 0 0 260px}.information.sensor{padding-top:35px}.information.river,.information.tide{padding-top:50px}.information.river .information__item+.information__item,.information.tide .information__item+.information__item{display:block}.information.river .information__item.lv00 .information__value,.information.tide .information__item.lv00 .information__value{color:#0096ff}.information.river .information__item.lv01 .information__value,.information.tide .information__item.lv01 .information__value{color:#ffc800}.information.river .information__item.lv02 .information__value,.information.tide .information__item.lv02 .information__value{color:#ff7800}.information.river .information__item.lv03 .information__value,.information.tide .information__item.lv03 .information__value{color:#d21464}.information.river.river .information__item+.information__item,.information.tide.river .information__item+.information__item{display:none}.information.river.river.bias,.information.tide.river.bias{padding-top:0}.information.river.river.bias .information__item+.information__item,.information.tide.river.bias .information__item+.information__item{display:block}.information__item{border-bottom:1px solid #e6e6eb;cursor:pointer;line-height:.95;position:relative;padding:0 0 1em}.information__item+.information__item{margin:26px 0 0}.information__item.lv00 .information__value{color:#666}.information__item.lv01 .information__value{color:#5adcdc}.information__item.lv02 .information__value{color:#1e78dc}.information__item.lv03 .information__value{color:#ff7800}.information__item.lv04 .information__value{color:#dc1464}.information__item.fine .information__value{color:#0096ff}.information__item.bad .information__value{color:#d21464}.information__item.unknown .information__value{color:#ff7800}.information__item.high .information__value{color:#d21464}.information__item.low .information__value{color:#0096ff}.information__title{color:#787882;display:inline-block;font-size:14px;line-height:1.25;width:85px}.information__title small{display:block;font-size:.8em;margin:.6em 0 0}.information__value{display:inline-block;font-size:50px;text-align:right;width:165px}.information__value.information__tide--value{display:inline-block;font-size:40px;text-align:left;width:180px;padding-left:25px}.information__value.information__sensor--value{display:inline-block;font-size:40px;text-align:left;width:180px;padding-left:0}.information__unit{display:inline-block;font-size:14px}.information__trend{width:22px;height:22px;position:absolute;bottom:1em;right:0}.information__trend.arrow--up{background:url(../images/arrow-up.png) no-repeat 50%/contain}.information__trend.arrow--flat{background:url(../images/arrow-flat.png) no-repeat 50%/contain}.information__trend.arrow--down{background:url(../images/arrow-down.png) no-repeat 50%/contain}.information__item.active{color:#464650;border-bottom:1px solid #787882}.information__item.active *{transition:all .1s}.information__item.active .information__title{color:#464650;font-size:18px}.information__item.active .information__value{font-size:100px}.information__item.active .information__unit{color:#464650;font-size:18px}.article--main.timeline__article{margin:40px 0 0}.timeline__title{font-size:14px;text-align:center}body#sensor #timeline{visibility:hidden}.article--main.map__article{margin:0}.map-container{position:relative}.map__title{display:none}.map__image{width:600px;height:480px}.map__figcaption{display:block;margin:5px 0 0;vertical-align:middle}#rainFallMapLegend{display:block}#massRainMapLegend{display:none}.map__legend__container label{width:5em;margin:0;float:left}.map__legend{margin:0}.map__legend li{display:inline-block;margin:0 1em 0 0;line-height:1}.map__legend li:before{content:"";display:inline-block;width:1em;height:1em;border-radius:.5em;background-color:#999;margin:0 .5em 0 0}.map__legend li.lv01{color:#5adcdc}.map__legend li.lv01:before{background-color:#5adcdc}.map__legend li.lv02{color:#1e78dc}.map__legend li.lv02:before{background-color:#1e78dc}.map__legend li.lv03{color:#ff7800}.map__legend li.lv03:before{background-color:#ff7800}.map__legend li.lv04{color:#dc1464}.map__legend li.lv04:before{background-color:#dc1464}.map__legend li.fine{color:#0096ff}.map__legend li.fine:before{background-color:#0096ff}.map__legend li.bad{color:#d21464}.map__legend li.bad:before{background-color:#d21464}.map__legend li.unknown{color:#ff7800}.map__legend li.unknown:before{background-color:#ff7800}.map__legend li.normal{color:#0096ff}.map__legend li.normal:before{background-color:#0096ff}.map__legend li.warning{color:#ffc800}.map__legend li.warning:before{background-color:#ffc800}.map__legend li.caution{color:#ff7800}.map__legend li.caution:before{background-color:#ff7800}.map__legend li.danger{color:#d21464}.map__legend li.danger:before{background-color:#d21464}.map__legend.river .lv00,.map__legend.tide .lv00{color:#0096ff}.map__legend.river .lv00:before,.map__legend.tide .lv00:before{background-color:#0096ff}.map__legend.river .lv01,.map__legend.tide .lv01{color:#ffc800}.map__legend.river .lv01:before,.map__legend.tide .lv01:before{background-color:#ffc800}.map__legend.river .lv02,.map__legend.tide .lv02{color:#ff7800}.map__legend.river .lv02:before,.map__legend.tide .lv02:before{background-color:#ff7800}.map__legend.river .lv03,.map__legend.tide .lv03{color:#d21464}.map__legend.river .lv03:before,.map__legend.tide .lv03:before{background-color:#d21464}.map__credit{float:right;color:#aaaab4;font-size:9px}.mesh{border:1px solid #fff}.mesh:hover{background:hsla(0,0%,100%,.5);cursor:pointer}.mesh.selected{opacity:.3}.mesh.unselected:after{background-color:#000;opacity:.4;content:"";display:block;height:100%;width:100%;position:absolute}.mesh.unselected:hover:after{opacity:.1}.mesh.lv01,.mesh.lv02,.mesh.lv03,.mesh.lv04{opacity:.3}.mesh.lv01:hover,.mesh.lv02:hover,.mesh.lv03:hover,.mesh.lv04:hover{opacity:.15}.mesh.lv01{background-color:#5adcdc}.mesh.lv02{background-color:#1e78dc}.mesh.lv03{background-color:#ff7800}.mesh.lv04{background-color:#dc1464}.area-marker{cursor:pointer;z-index:auto}.area-marker.nearly-selected .area-marker__point,.area-marker.selected .area-marker__point,.area-marker:hover .area-marker__point{background-color:#ffb}.area-marker.nearly-selected .area-marker__label,.area-marker.selected .area-marker__label,.area-marker:hover .area-marker__label{color:#ffb}.area-marker:hover{z-index:5}.area-marker.selected{z-index:4}.area-marker__point{width:30px;height:30px;background:#fff;border-radius:50%;border:10px solid #999}.area-marker__point--river{width:28px;height:28px;border-radius:25%;border-width:9px}.area-marker__label,.area-marker__point{display:inline-block;white-space:nowrap;vertical-align:middle}.area-marker__label{position:relative;color:#fff;background-color:#999;font-size:14px;line-height:32px;padding:0 9px;margin:0}.area-marker__label:after{content:"";position:absolute;top:0;border-style:solid;border-color:transparent;border-width:16px 10px;width:0;height:0}.area-marker__label.arrow-left,.area-marker__label.arrow-right{transition:margin .2s ease}.area-marker__label.arrow-right{position:relative;margin-right:11px;margin-left:-100%}.area-marker__label.arrow-right:after{left:100%;border-left-color:#999}.area-marker__label.arrow-left{margin-left:11px}.area-marker__label.arrow-left:after{right:100%;border-right-color:#999}.area-marker.selected .area-marker__label{background-color:#32323c}.area-marker.selected .area-marker__label.arrow-left:after{border-right-color:#32323c}.area-marker.selected .area-marker__label.arrow-right:after{border-left-color:#32323c}.area-marker.nearly-selected .area-marker__label.arrow-left{border-right:3px groove #32323c}.area-marker.nearly-selected .area-marker__label.arrow-right{border-left:3px groove #32323c}.area-marker.lv00 .area-marker__point{border-color:#0096ff}.area-marker.lv01 .area-marker__point{border-color:#ffc800}.area-marker.lv02 .area-marker__point{border-color:#ff7800}.area-marker.lv03 .area-marker__point{border-color:#d21464}.area-marker.normal,.area-marker.normal .area-marker__point{border-color:#0096ff}.area-marker.warning,.area-marker.warning .area-marker__point{border-color:#ffc800}.area-marker.caution,.area-marker.caution .area-marker__point{border-color:#ff7800}.area-marker.danger,.area-marker.danger .area-marker__point{border-color:#d21464}.area-marker.fine .area-marker__point{border-color:#0096ff}.area-marker.bad .area-marker__point{border-color:#d21464}.area-marker.unknown .area-marker__point{border-color:#ff7800}.area-marker.removed .area-marker__point{border-color:#999!important}.graph-container{margin:25px 0 0;width:600px}.rainfall__title{line-height:43px}.graph__figcaption{display:block;margin:10px 0 0 25px;vertical-align:middle}.graph__legend{float:left}.graph__legend li{display:inline-block;margin:0 2.5em 0 0;line-height:1}.graph__legend li:before{content:"";display:inline-block;width:2em;height:1em;background-color:#999;border:1px solid;margin:0 .6em 0 0}.graph__legend li.graph01:before{border-color:#14d2ff;background-color:#14d2ff}.graph__legend li.graph01--forecast:before{border-color:#ccc;background-color:#ccc}.graph__legend li.graph02:before{border-color:#5adcdc;background-color:#e1faff}.graph__legend li.graph__level:before{border-color:#1e64dc;background-color:#1e64dc}.graph__legend li.graph__tide:before{border-color:#afdcfa;background-color:#afdcfa}.graph__legend li.graph__tide-as:before{border-color:#818181;background-color:#818181}.graph__legend li.graph__highest:before{border-color:#a0d800;background-color:#a0d800}.graph__legend li.graph__sensor--detected:before{border-color:#d21464;background-color:#d21464}.graph__legend li.graph__sensor--prediction:before,.graph__legend li.graph__sensor--undetected:before{border-color:#333;background-color:#333}.graph__legend li.sensor_graph:before{border-color:#1e64dc;background-color:#1e64dc}.graph__legend li.sensor_graph-fine:before{border-color:#0096ff;background-color:#0096ff}.graph__legend li.sensor_graph-bad:before{border-color:#d21464;background-color:#d21464}.graph__legend li.sensor_graph-unknown:before{border-color:#ff7800;background-color:#ff7800}.graph__legend li.lv00:before{border-color:#0096ff;background-color:#0096ff}.graph__legend li.lv01:before{border-color:#ffc800;background-color:#ffc800}.graph__legend li.lv02:before{border-color:#ff7800;background-color:#ff7800}.graph__legend li.lv03:before{border-color:#d21464;background-color:#d21464}.table-list{border-collapse:collapse;margin:0;padding:0;width:100%;text-align:center}.table-list thead th{font-weight:400;padding:.8em 1em}.table-list thead th small{font-size:7px}.table-list tbody td{text-align:center;padding:.8em 1em}.table-list tbody tr:nth-child(odd){background:#e1faff}.table-list tr{border-bottom:1px solid #e6e6eb}.article__popup{background-color:#fff;padding:50px 30px;margin:0 auto;max-width:540px}.article__popup.popup--howtouse{padding:50px 55px}.popup__header{font-size:27px;text-align:center}.popup__header small{display:block;font-size:14px;font-weight:400}.popup__section{font-size:14px;line-height:1.92;padding:20px 0;text-align:center}.popup__section+.popup__section{border-top:3px dashed #e6e6eb}.popup__section .content__title{font-size:12px;font-weight:500;line-height:1.92}.popup__section .content{font-size:12px;margin:0 0 2em}.popup__section .content.border{border:1px solid #464650;padding:1em}.popup__section img{width:100%}.popup__section table{border-collapse:collapse;border-top:1px solid #e6e6eb;margin:0;padding:0;width:100%;text-align:left}.popup__section tr{border-bottom:1px solid #e6e6eb}.popup__section th{font-weight:500}.popup__section td,.popup__section th{padding:.8em 1em;vertical-align:top;white-space:nowrap}.popup__section table.rain td:first-child{padding:.8em 1em .8em 0}.popup__section table.rain td:nth-child(3){padding:.8em 1em;white-space:normal}.popup__section table.water-level{border-top:0}.popup__section table.water-level thead th{font-size:7px;padding:1em 0}.popup__section table.water-level td{padding:1em 2em 1em 0}.popup__section table.water-level td:nth-child(2){white-space:normal}.popup__section table.water-level td:nth-child(3){white-space:nowrap}.popup__section table.water-level td small{display:block;font-size:7px;margin-top:-.5em}.popup__section table.data-link{border:0;width:auto;margin:0 auto}.popup__section table.data-link tr{border:0}.popup__section table.data-link td,.popup__section table.data-link th{padding:.25em 1em .25em 0}.popup__section table.data-link td{white-space:normal}.popup__section table.data-link small{font-size:9px}.popup__section .reference{color:#aaaab4;font-size:8px;text-align:right;margin:1em 0}.popup__section a:before{content:"";display:inline-block;width:0;height:0;border:5px solid transparent;border-left:7px solid #14d2ff}.section__title{font-size:18px;font-weight:400;margin:1em 0}.popup__close{cursor:pointer;width:80px;height:80px;position:fixed;top:0;right:0}.popup__close:after,.popup__close:before{cursor:pointer;display:block;content:"";width:4px;height:40px;transform:rotate(-45deg);background-color:#aaaab4;border-radius:10px;position:absolute;top:20px;left:41px}.popup__close:after{transform:rotate(45deg)}.summary-header__article{position:relative;background-color:#e1e1e1;font-size:14px;padding:1em;width:100%;height:120px;margin:0;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.summary__article{margin-top:20px}.summary__article .article__header{position:relative}.summary__article .article__header:before{content:"";display:block;border-top:1px solid #464650;width:100%;position:absolute;top:50%;z-index:1}.summary__article .article__title{display:inline-block;background:#fff;padding-right:1em;font-size:14px;font-weight:700;position:relative;z-index:3}.summary__article .article__content{margin:20px 0 0}.summary__article .article__content>a{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.summary__article .information__icon{margin:0;height:80px;width:80px}.summary__article .information__area{display:block;border:none;width:120px;padding:1em}.summary__article .information__value{width:auto;font-size:20px;text-align:left;-ms-flex-positive:1;flex-grow:1}.summary__article .information__value small{display:block;color:#464650;font-size:14px;margin:0 0 1em}.summary__article .information__link{font-size:10px;width:50px;text-align:right}.summary__article .information__link:before{content:"";display:inline-block;width:0;height:0;border:5px solid transparent;border-left:7px solid #464650}.summary__article .article__content.lv00 .information__value{color:#0096ff}.summary__article .article__content.lv01 .information__value{color:#ffc800}.summary__article .article__content.lv02 .information__value{color:#ff7800}.summary__article .article__content.lv03 .information__value{color:#d21464}.summary__article dl.information{display:table;margin:0}.summary__article dl.information dt{display:table-cell;vertical-align:middle;width:120px;padding:1em}.summary__article dl.information dd{display:table-cell;float:none}.summary__article dl.information dd .information__value{font-size:20px;width:100%;text-align:left}