.clearfix:after{clear:both;content:"";display:block;height:0;visibility:hidden}
.selectedStation{position:relative;display:block;width:38px;height:38px;border:2px solid #fff;border-radius:38px;background:rgba(255,255,255,.5)}
.selectedStation .selectedImage{background:rgba(255,255,255,.8);position:absolute;z-index:-1;border-radius:20px;height:20px;width:20px;top:9px;left:9px;-webkit-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}
.stationIcon{position:absolute;height:12px;width:12px;border:3px solid #fff;top:10px;left:10px;border-radius:10px;background:#c60000;-webkit-box-shadow:0 0 3px rgba(0,0,0,.4);box-shadow:0 0 3px rgba(0,0,0,.4)}
@-webkit-keyframes pulsate{
0%{-webkit-transform:scale(1,1);transform:scale(1,1)}
50%{opacity:1}
100%{-webkit-transform:scale(2,2);transform:scale(2,2);opacity:0}
}
@keyframes pulsate{
0%{-webkit-transform:scale(1,1);transform:scale(1,1)}
50%{opacity:1}
100%{-webkit-transform:scale(2,2);transform:scale(2,2);opacity:0}
}
#em_obsrvtn{background:rgba(255,255,255,.8);border-radius:20px;height:20px;width:20px;-webkit-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}
.riverNameLabel{border-radius:20px;display:inline-block;position:relative;margin-left:0;vertical-align:middle;line-height:1;color:#fff;border:1px solid rgba(255,255,255,.75)}
.riverNameLabel.largeLabel{font-size:.8125rem;font-weight:700;padding:7px 10px 6px}
.riverNameLabel.largeLabel .nameArrow{position:absolute;display:block;width:13px;height:10px;top:26px;background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/common_riverMapLabel_spr_riverNameArrow.png);background-repeat:no-repeat;background-position:0 0}
.riverNameLabel.largeLabel.levelNormal .nameArrow{background-position:0 0}
.riverNameLabel.largeLabel.floodAdvisory .nameArrow{background-position:0 -50px}
.riverNameLabel.largeLabel.floodEvacuation .nameArrow{background-position:0 -100px}
.riverNameLabel.largeLabel.floodHazard .nameArrow{background-position:0 -150px}
.riverNameLabel.largeLabel.floodOccurred .nameArrow{background-position:0 -200px}
.riverNameLabel.smallLabel{font-size:.6875rem;padding:4px 9px 5px}
.riverNameLabel.smallLabel .nameArrow{position:absolute;display:block;width:9px;height:8px;top:20px;background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/common_riverMapLabel_spr_riverNameArrow.png);background-repeat:no-repeat;background-position:0 0}
.riverNameLabel.smallLabel.levelNormal .nameArrow{background-position:-100px 0}
.riverNameLabel.smallLabel.floodAdvisory .nameArrow{background-position:-100px -50px}
.riverNameLabel.smallLabel.floodEvacuation .nameArrow{background-position:-100px -100px}
.riverNameLabel.smallLabel.floodHazard .nameArrow{background-position:-100px -150px}
.riverNameLabel.smallLabel.floodOccurred .nameArrow{background-position:-100px -200px}
.riverNameLabel.levelNormal{color:#333;background-color:#fff;border:1px solid rgba(138,181,229,.75)}
.riverNameLabel.levelNormal:after{border-top-color:rgba(138,181,229,.75)}
.riverNameLabel.floodAdvisory{color:#333;background-color:#ffd400}
.riverNameLabel.floodAdvisory:before{border-top-color:#ffd400}
.riverNameLabel.floodEvacuation{color:#333;background-color:#ff9500}
.riverNameLabel.floodEvacuation:before{border-top-color:#ff9500}
.riverNameLabel.floodHazard{background-color:#e60013}
.riverNameLabel.floodHazard:before{border-top-color:#e60013}
.riverNameLabel.floodOccurred{background-color:#6648c0}
.riverNameLabel.floodOccurred:before{border-top-color:#6648c0}
.riverNameLabel.levelNormal:before{border-top-color:#fff}
.pref_lst{margin:0}
.pref_lst li a{padding:5px 160px 5px 10px}
.pref_lst .lst_kasen{-webkit-box-shadow:none;box-shadow:none;margin:0!important}
.pref_lst ul li span.date{color:#666;font-size:.75rem}
.pref_lst ul li span.rname{display:block;font-size:1.125rem;font-weight:700;margin-bottom:3px}
.pref_lst ul li span.pref{display:block;font-size:.875rem;line-height:18px}
.normalwater_level .pref_lst ul li span.rpoint{display:block;font-size:1.125rem;font-weight:700;margin-bottom:3px}
.normalwater_level .pref_lst ul li span.rname{display:block;font-size:.875rem;font-weight:400;line-height:18px}
.pref_lst .lst_kasen .lbl_flood_advisory,.pref_lst .lst_kasen .lbl_flood_evac,.pref_lst .lst_kasen .lbl_flood_hazard,.pref_lst .lst_kasen .lbl_flood_occurred,.pref_lst .lst_kasen .lbl_flood_warn{width:110px;font-size:.875rem}
.flood_forecast,.normalwater_level{-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.1);box-shadow:0 0 2px 2px rgba(0,0,0,.1);border-top-left-radius:5px;border-top-right-radius:5px;margin:0 10px}
.flood_forecast span.ff_wrap,.normalwater_level span.ff_wrap{display:block;font-size:1.0625rem;line-height:27px;padding:8px 10px 6px 40px;position:relative;border-top-left-radius:5px;border-top-right-radius:5px}
.flood_none span.ff_wrap{display:block;font-size:1.0625rem;font-weight:700;line-height:27px;background:#999;color:#fff;padding:8px 10px 6px 40px;margin:0 10px;position:relative;border-top-left-radius:5px;border-top-right-radius:5px}
.flood_forecast .full,.normalwater_level .full2{border-top:1px solid #c8c8c8}
.flood_forecast .pref_lst,.normalwater_level .pref_lst{margin-bottom:10px}
.flood_forecast ul.lst_kasen,.normalwater_level ul.lst_kasen{margin:0}
.flood_forecast .all_list,.normalwater_level .all_list2{font-weight:700;background:0 0;padding:15px;text-align:center;font-size:.8125rem;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;background-color:#f7f7f7;color:#1c4d8e;display:none;cursor:pointer}
.flood_forecast .all_list span,.normalwater_level .all_list2 span{background:url(https://s.yimg.jp/images/weather/smp/v2/img/river/icon_arrow.png) no-repeat 0 4px;padding-left:15px;background-size:5px 7px}
.flood_forecast .all_list span.sum,.normalwater_level .all_list2 span.sum{color:red;padding:0;background:0 0}
.waterLevelMapWrapper{margin:0 10px 10px;border:1px solid #c6c6c6}
.waterLevelMap{height:450px;background-color:#ccc}
.explanatoryNotesWaterDepth .WaterDepth{display:block;width:612px}
.explanatoryNotesWrapper{border-bottom:1px solid #c6c6c6}
.explanatoryNotesWrapper .explanatoryNotesDetail{padding:8px;margin:0 2px}
.explanatoryNotesWrapper .explanatoryNotesDetail .WaterLevel,.explanatoryNotesWrapper .explanatoryNotesDetail .floodInfo{display:block;width:526px;height:26px}
.explanatoryNotesDetail .floodForecastLevelList dt,.explanatoryNotesDetail .waterLevelList dt{font-size:.6875rem;line-height:18px;color:#4a4a4a}
.explanatoryNotesDetail .floodForecastLevelList li,.explanatoryNotesDetail .waterLevelList li{display:inline-block;position:relative;font-size:.6875rem;margin-right:15px}
.explanatoryNotesDetail .floodForecastLevelList{margin-bottom:5px}
.explanatoryNotesDetail .floodForecastLevelList li{padding:0 0 0 35px}
.explanatoryNotesDetail .waterLevelList li{padding:0 0 0 20px}
.explanatoryNotesDetail .floodForecastLevelList li.noFloodInfo{background:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_explanatoryNotesFlood_img_noFloodInfo.png) 0 9px no-repeat}
.explanatoryNotesDetail .floodForecastLevelList li.floodAdvisory{background:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_explanatoryNotesFlood_img_floodAdvisory.png) 0 9px no-repeat}
.explanatoryNotesDetail .floodForecastLevelList li.floodEvacuation{background:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_explanatoryNotesFlood_img_floodEvacuation.png) 0 9px no-repeat}
.explanatoryNotesDetail .floodForecastLevelList li.floodHazard{background:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_explanatoryNotesFlood_img_floodHazard.png) 0 9px no-repeat}
.explanatoryNotesDetail .floodForecastLevelList li.floodOccurred{background:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_explanatoryNotesFlood_img_floodOccurred.png) 0 9px no-repeat}
.explanatoryNotesDetail .waterLevelList li.noData{background:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_explanatoryNotesWaterLevel_img_noDataCross.png) 0 5px no-repeat}
.explanatoryNotesDetail .waterLevelList li.noFloodMeasure{background:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_explanatoryNotesWaterLevel_img_noFloodMeasure.png) 0 5px no-repeat}
.explanatoryNotesDetail .waterLevelList li.normalLevel{background:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_explanatoryNotesWaterLevel_img_normalLevel.png) 0 5px no-repeat}
.explanatoryNotesDetail .waterLevelList li.floodStandBy{background:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_explanatoryNotesWaterLevel_img_floodStandBy02.png) 0 5px no-repeat}
.explanatoryNotesDetail .waterLevelList li.floodAdvisory{background:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_explanatoryNotesWaterLevel_img_floodAdvisory.png) 0 5px no-repeat}
.explanatoryNotesDetail .waterLevelList li.floodEvacuation{background:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_explanatoryNotesWaterLevel_img_floodEvacuation.png) 0 5px no-repeat}
.explanatoryNotesDetail .waterLevelList li.floodHazard{background:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_explanatoryNotesWaterLevel_img_floodHazard.png) 0 5px no-repeat}
.waterLevelStationGraph{margin:0 0 20px}
.swiperContentsWrapper.notFoundImage,.waterLevelStationGraph .notFoundImage{border:1px solid #c6c6c6;padding:15px;margin:0 10px 20px;background:#f8f8f8;color:#4a4a4a}
.waterLevelStationGraph .swiper-container .notFoundImage{border:none;padding:0;text-align:left;margin:10px 0 0 10px}
.swiperContentsWrapper.notFoundImage .riverLivecameraPlace,.waterLevelStationGraph .notFoundImage dt{margin:0 0 5px;font-size:1.25rem;font-weight:700}
.swiperContentsWrapper.notFoundImage .riverLivecameraImage,.waterLevelStationGraph .notFoundImage dd{font-size:1rem}
.waterLevelStationGraph .notFoundImage dd img{display:inline-block;height:16px;margin:5px 0 0 -5px}
.waterLevelStationGraph .graphImageWrapper{-webkit-box-shadow:0 0 0 2px #ccc inset;box-shadow:0 0 0 2px #ccc inset}
.waterLevelStationGraph .graphImageWrapper img{z-index:-1;position:relative}
.graphIntervalSwitchBtnWrapper{margin:-3px 0 0;background:#fff;text-align:center;border-right:2px solid #ccc;border-bottom:2px solid #ccc;border-left:2px solid #ccc}
.graphIntervalSwitchBtn{display:inline-block;margin-bottom:15px}
.graphIntervalSwitchBtn .switchBtn{display:inline-block;width:90px;padding:4px 0 2px;font-size:.875rem;text-decoration:none;background:#4f89ed;color:#fff;font-weight:700;line-height:20px;border:1px solid #4f89ed;border-bottom-width:2px}
.graphIntervalSwitchBtn .switch .switchBtn{cursor:pointer;background:#fff;font-weight:400;color:#4f89ed}
.btnTenMin .switchBtn{border-radius:3px 0 0 3px}
.btnOneHour .switchBtn{border-radius:0 3px 3px 0}
.graphIntervalSwitchBtn .noData .switchBtn{padding:4px 0 3px;background:#f4f4f4;color:#aaa;border:1px solid #ccc}
.swiperContentsWrapper.waterLevelStationGraph{padding:6px;margin:0 auto 20px;background-color:#f7f7f7;border:2px solid #ccc}
.livecameraWrapper{margin:0 10px 20px}
.riverLivecameraWrapper .swiper-pagination-fraction,.waterLevelStationGraph .swiper-pagination-fraction{bottom:-5px;padding:2px 10px;margin:10px auto -40px}
.noFloodInfoText{padding:15px;margin:0 10px;color:#4a4a4a;background-color:#f7f7f7;border-bottom:1px solid #ddd}
.noFloodInfoText dt{font-size:1rem;font-weight:700}
.noFloodInfoText dd{margin-top:5px;font-size:.875rem}
.waterLevelStationWrapper{margin:0 0 20px}
.waterLevelStationWrapper .labelMedium .title .riverName{display:inline-block;font-size:.875rem}
.waterLevelStationList{width:100%;border-collapse:collapse;margin-bottom:20px}
.waterLevelStationListHeader span{display:none}
.stationNameHeader{width:329px}
.waterLevelHeader{width:305px}
.waterLevelStationList .riverUpper td{position:relative;height:48px;background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_stationList_img_riverUpper.png);background-size:46px 48px;background-position:center 0;background-repeat:no-repeat}
.waterLevelStationList .riverUpper td .riverUpperLabel{display:block;text-indent:-9999px}
.waterLevelStationList .riverDown td{text-indent:-9999px}
.waterLevelStationList .riverUpper td .publishedDate{position:absolute;top:0;left:15px;font-size:.6875rem;color:#4a4a4a}
.waterLevelStationList .riverDown td{height:55px;background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_stationList_img_riverDown.png);background-size:46px 55px;background-position:center 0;background-repeat:no-repeat}
.waterLevelStationList td,.waterLevelStationList th{border:0;padding:0;vertical-align:middle}
.waterLevelStationList td.stationName{text-align:right;padding-right:29px}
.labelMedium{margin-bottom:10px}
.labelMedium div.disaster .title{color:#815d38}
.labelMedium .title{display:inline-block;color:#1648b4;font-size:1rem;font-weight:700;line-height:20px;vertical-align:middle}
.labelMedium div.disaster{background-color:#eee7e0;border-top:1px solid #c3b3a4}
.labelMedium div{background:#e5eef7 none repeat scroll 0 0;border-top:1px solid #9fbce1;overflow:hidden;padding:10px}
.waterLevel{position:relative;margin:2px 5px 0 2px}
.levelNone .waterLevel{background-color:#f7f7f7}
.largeLine .stationLink{display:block;text-decoration:none}
.largeLine .waterLevel{height:50px;line-height:50px;text-decoration:none}
.largeLine .stationName{height:50px;vertical-align:middle}
.largeLine .stationName .name{display:inline-block;font-size:1.0625rem;font-weight:700;line-height:17px}
.levelMissing .waterLevel,.levelNone .waterLevel{color:#999}
.levelNormal .waterLevel{color:#fff;background-color:#8ab5e5}
.largeLine .waterLevel .trendIcon{position:absolute;top:15px;left:10px}
.largeLine .waterLevel .waterLevelLabel{font-size:1.125rem;font-weight:700;margin-left:40px}
.largeLine.levelMissing .waterLevel .waterLevelLabel,.largeLine.levelNone .waterLevel .waterLevelLabel,.largeLine.levelNormal .waterLevel .waterLevelLabel{font-size:.9375rem;font-weight:400}
.largeLine .stationName{background-size:24px 52px;background-position:right;background-repeat:no-repeat}
.largeLine.levelMissing .stationName{background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_stationList_img_levelMissing_l.png)}
.largeLine.levelNone .stationName{background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_stationList_img_levelNone_l.png)}
.largeLine.levelNormal .stationName{background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_stationList_img_levelNormal_l.png)}
.largeLine.floodStandBy .stationName{background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_stationList_img_floodStandBy_l_02.png)}
.largeLine.floodAdvisory .stationName{background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_stationList_img_floodAdvisory_l.png)}
.largeLine.floodEvacuation .stationName{background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_stationList_img_floodEvacuation_l.png)}
.largeLine.floodHazard .stationName{background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_stationList_img_floodHazard_l.png)}
.largeLine.floodStandBy .waterLevel{color:#fff;background-color:#3aab68}
.largeLine.floodAdvisory .waterLevel{color:#333;background-color:#ffd400}
.largeLine.floodEvacuation .waterLevel{color:#333;background-color:#ff9500}
.largeLine.floodHazard .waterLevel{color:#fff;background-color:#e60013}
.pref_lst .lst_kasen .lbl_flood_advisory,.pref_lst .lst_kasen .lbl_flood_evac,.pref_lst .lst_kasen .lbl_flood_hazard,.pref_lst .lst_kasen .lbl_flood_occurred,.pref_lst .lst_kasen .lbl_flood_warn{display:block;position:absolute;top:50%;right:30px;height:24px;width:130px;line-height:24px;margin-top:-15px;text-align:center;background-size:20px 20px;cursor:pointer}
#map{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;position:relative}
#map .map_msg{position:absolute;display:block;width:100%;top:50%;margin-top:-25px;padding:0 20px;text-align:center;font-size:1rem;font-weight:700;color:#888}
#mapController{position:relative;z-index:10}
.classLocationBtn{position:absolute;left:10px;top:10px;background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/common_riverMap_btn_location_off.png);width:48px;height:48px}
.classLocationBtn:active{background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/common_riverMap_btn_location_on.png)}
.classScaleDownBtn,.classScaleUpBtn{position:absolute;width:34px;height:34px;left:20px;cursor:pointer}
.classScaleDownBtn:active,.classScaleUpBtn:active{background-position:0 -50px}
.classScaleUpBtn{top:20px;background:url(https://s.yimg.jp/images/weather/pc/v2/img/river/common_riverMap_btn_spr_scaleUp.png) 0 0 no-repeat}
.classScaleDownBtn{top:60px;background:url(https://s.yimg.jp/images/weather/pc/v2/img/river/common_riverMap_btn_spr_scaleDown.png) 0 0 no-repeat}
#mapController .classFloodAreaBtn,#mapController .classLivecameraBtn,#mapController .classZoomRadarBtn{position:absolute;background-size:50px 150px;width:50px;height:50px;cursor:pointer;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}
#mapController .classFloodAreaBtn:hover,#mapController .classLivecameraBtn:hover,#mapController .classZoomRadarBtn:hover{background-position:0 -50px}
#mapController .classFloodAreaBtn.on,#mapController .classLivecameraBtn.on,#mapController .classZoomRadarBtn.on{background-position:0 -100px}
#mapController .classFloodAreaBtn.on:hover,#mapController .classLivecameraBtn.on:hover,#mapController .classZoomRadarBtn.on:hover{background-position:0 -100px}
#mapController .classZoomRadarBtn{right:10px;top:10px;background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/common_riverMap_btn_spr_rainRader.png)}
#mapController .classFloodAreaBtn{right:10px;top:60px;background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/common_riverMap_btn_spr_floodArea.png)}
#mapController .classLivecameraBtn{display:none;right:10px;top:110px;background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/common_riverMap_btn_spr_livecamera.png)}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){
.classScaleDownBtn,.classScaleUpBtn{background-size:34px 100px}
.classScaleUpBtn{background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/common_riverMap_btn_spr_scaleUp@2x.png)}
.classScaleDownBtn{background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/common_riverMap_btn_spr_scaleDown@2x.png)}
#mapController .classFloodAreaBtn,#mapController .classLivecameraBtn,#mapController .classZoomRadarBtn{background-size:50px 150px}
#mapController .classZoomRadarBtn{background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/common_riverMap_btn_spr_rainRader@2x.png)}
#mapController .classFloodAreaBtn{background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/common_riverMap_btn_spr_floodArea@2x.png)}
#mapController .classLivecameraBtn{background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/common_riverMap_btn_spr_livecamera@2x.png)}
}
.legend_list{background-color:#f7f7f7;margin:20px 10px}
.legend_list h3{padding:10px;background:#ececec;color:#333;font-size:1rem;font-weight:700}
.legend_list li{position:relative;padding:10px;background:0 0;border-bottom:1px solid #fff;font-size:.875rem}
.legend_list li span.exp{padding-left:115px;display:inline-block}
.legend_list .lbl_flood_advisory,.legend_list .lbl_flood_evac,.legend_list .lbl_flood_hazard,.legend_list .lbl_flood_normalwater,.legend_list .lbl_flood_occurred,.legend_list .lbl_flood_standBy,.legend_list .lbl_flood_warn{background-size:20px 20px;color:#fff;display:block;height:26px;line-height:26px;margin-top:-15px;position:absolute;text-align:center;top:50%;width:100px;font-size:.8125rem}
.legend_list .lbl_flood_occurred{background-color:#6648c0}
.legend_list .lbl_flood_hazard{background-color:#e60013}
.legend_list .lbl_flood_evac,.legend_list .lbl_flood_warn{background-color:#ff9500;color:#333}
.legend_list .lbl_flood_advisory{background-color:#ffd400;color:#333}
.legend_list .lbl_flood_standBy{color:#fff;background:#3792e1;border:2px solid #3792e1;font-weight:700}
.legend_list .lbl_flood_normalwater{color:#fff;background:#8ab5e5;border:2px solid #8ab5e5;font-weight:700}
.floodForecast{background-color:#f7f7f7;padding-bottom:20px;padding:10px 0 0;margin:0 10px 20px;-webkit-box-shadow:rgba(0,0,0,.1) 0 0 2px 2px;box-shadow:rgba(0,0,0,.1) 0 0 2px 2px}
.floodForecast.occurred{border-top:2px solid #6648c0}
.floodForecast.hazard{border-top:2px solid #e60013}
.floodForecast.warn{border-top:2px solid #ff9500}
.floodForecast.advisory{border-top:2px solid #ffd400}
.floodForecastContents{margin:0 10px 10px}
.floodForecastContents .infoTitleWrapper{position:relative;margin-bottom:10px;border-radius:3px}
.floodForecastContents .infoTitle{display:inline-block;font-size:.9375rem;font-weight:700;color:#fff;padding:7px 10px 6px 37px;background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_floodForecast_ico_alert_white.png);background-size:21px 21px;background-position:10px center;background-repeat:no-repeat}
.floodForecastContents .publishedDate{position:absolute;font-size:.6875rem;top:7px;right:10px;color:#fff}
.floodForecastContents.levelOff .publishedDate{color:#4a4a4a}
.floodForecastContents .infoContents{padding-bottom:10px}
.floodForecastContents .infoContents .leadText{font-size:.875rem;margin:0 5px 10px}
.floodForecastContents.flood_occurred .infoTitleWrapper{background-color:#6648c0}
.floodForecastContents.flood_occurred.levelOff .infoTitleWrapper{border:2px solid #6648c0}
.floodForecastContents.flood_hazard .infoTitleWrapper{background-color:#e60013}
.floodForecastContents.flood_hazard.levelOff .infoTitleWrapper{border:2px solid #e60013}
.floodForecastContents.flood_warn .infoTitleWrapper{background-color:#ff9500}
.floodForecastContents.flood_warn.levelOff .infoTitleWrapper{border:2px solid #ff9500}
.floodForecastContents.flood_advisory .infoTitleWrapper{background-color:#ffd400}
.floodForecastContents.flood_advisory.levelOff .infoTitleWrapper{border:2px solid #ffd400}
.floodForecastContents.flood_advisory .infoTitle,.floodForecastContents.flood_advisory .publishedDate,.floodForecastContents.flood_warn .infoTitle,.floodForecastContents.flood_warn .publishedDate{color:#333}
.floodForecastContents.flood_advisory .infoTitle,.floodForecastContents.flood_warn .infoTitle{background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/detail_floodForecast_ico_alert_black.png)}
.floodForecastContents.levelOff .infoTitleWrapper{background:0 0}
.floodForecastContents.levelOff .infoTitleWrapper .infoTitle{padding:7px 10px 6px;background:0 0;color:#333;font-weight:400}
.floodAssumedArea{width:100%;border-collapse:collapse;padding-bottom:10px}
.floodAssumedArea td,.floodAssumedArea th{text-align:left;padding:0}
.floodAssumedArea .listTitle th{padding:5px 10px 4px;font-size:.9375rem;font-weight:700;background-color:#ececec;border-bottom:1px solid #fff}
.floodAssumedArea .listContents{background-color:#fff}
.floodAssumedArea .listContents .prefecture{width:5.5em;padding:11px 0 0 15px;font-size:.875rem;font-weight:700;vertical-align:top}
.floodAssumedArea .listContents .city{padding:10px 0 0 10px}
.floodAssumedArea .listContents .city li{display:inline-block;margin:0 5px 5px 0}
.floodAssumedArea .listContents .city a{display:inline-block;font-size:.875rem;padding:2px 8px 2px 10px;text-decoration:none;border:1px solid #c9d2e9;background:#f2f4fa;line-height:20px;border-radius:15px}
.floodAssumedArea .listContents:last-child .city{padding-bottom:10px}
.pref_ttl_main .ttl{padding:10px 80px 10px 12px;line-height:1;font-size:1.25rem;font-weight:700;color:#fff}
.pref_ttl_main.riverDetailTitle{position:relative;margin-bottom:10px;padding:0;background:#815d38;border-top:none}
.pref_ttl_main.riverDetailTitle .ttl .kanaText{display:inline-block;font-size:.875rem;font-weight:400;margin-bottom:3px}
.pref_ttl_main.riverDetailTitle .ttl .subText{font-size:1.125rem;font-weight:400;margin-left:3px}
.pref_ttl_main.riverDetailTitle .back{top:5px}
.pref_ttl_main.riverDetailTitle .riverPrefList{background:#eee7e0;padding:9px 5px 9px 10px}
.pref_ttl_main.riverDetailTitle .riverPrefList li{display:inline-block;font-size:.875rem;font-weight:700;line-height:14px;color:#815d38}
.riverFloodInfo a{position:relative;display:block;padding:8px 10px 6px 40px;line-height:27px;font-size:1.0625rem}
.riverFloodInfo.flood_occurred a,.riverFloodInfo.flood_occurred span{background-color:#6648c0;color:#fff}
.riverFloodInfo.flood_hazard a,.riverFloodInfo.flood_hazard span{background-color:#e60013;color:#fff}
.riverFloodInfo.flood_evac span,.riverFloodInfo.flood_warn span{background-color:#ff9500;color:#333}
.riverFloodInfo.flood_warn a{background-color:#ff9500;color:#333}
.riverFloodInfo.flood_advisory a,.riverFloodInfo.flood_advisory span{background-color:#ffd400;color:#333}
.riverFloodInfo .icon{position:absolute;left:12px;top:11px;vertical-align:top}
.swiperContentsWrapper{margin:0 10px 20px}
.livecameraContents{background:#f4f4f4}
.livecameraContents *{-webkit-box-sizing:content-box;box-sizing:content-box}
.livecameraContents .livecameraTitle{color:#4a4a4a;font-size:.9375rem;font-weight:700;line-height:1;padding:10px;margin-bottom:10px;background:#ececec}
.livecameraContents .livecameraMovieLink{padding-bottom:10px}
.livecameraContents .livecameraMovieLink a{display:block;margin:0 20px;text-align:center;background-color:#fff;border-radius:16px}
.livecameraContents .livecameraMovieLink a span{display:inline-block;padding:9px 0 9px 26px;font-size:.875rem;line-height:1;background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/common_riverMap_icon_livecameraMov.png);background-size:24px 17px;background-position:0 7px;background-repeat:no-repeat}
.livecameraContents .livecameraImage{overflow:hidden;width:100%;padding-bottom:15px;margin:0 auto}
.swiper-container{margin:0 auto;text-align:center;position:relative;overflow:hidden;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}
.swiper-slide .riverItemWrapper{width:592px;padding:0 10px 5px}
.swiper-slide .riverItemWrapper .riverItem{float:left;width:192px;margin-right:8px;margin-bottom:10px;-webkit-box-shadow:rgba(0,0,0,.1) 0 0 1px 1px;box-shadow:rgba(0,0,0,.1) 0 0 1px 1px}
.swiper-slide .riverItemWrapper .riverItem:nth-child(3n){margin-right:0}
.swiper-slide .riverItemWrapper .riverItem .riverLink{display:block;width:192px;background:#fff;text-decoration:none}
.swiper-slide .riverItemWrapper .riverItem .riverImage{position:relative;display:block;width:192px;height:144px;overflow:hidden;background-color:#ddd}
.swiper-slide .riverItemWrapper .riverItem .riverImage img{width:192px;position:absolute;top:-100%;left:-100%;right:-100%;bottom:-100%;margin:auto}
.riverItemWrapper .riverItem .riverFloodLabel{display:none}
.riverFloodInfoExist .riverItemWrapper .riverItem .riverFloodLabel{position:absolute;bottom:0;display:block;width:100%;height:18px;line-height:18px;color:#fff;font-size:.75rem;text-align:center}
.riverFloodInfoExist .riverItemWrapper .riverItem .riverFloodLabel.flood_occurred{background-color:#6648c0}
.riverFloodInfoExist .riverItemWrapper .riverItem .riverFloodLabel.flood_hazard{background-color:#e60013}
.riverFloodInfoExist .riverItemWrapper .riverItem .riverFloodLabel.flood_warn{background-color:#ff9500}
.riverFloodInfoExist .riverItemWrapper .riverItem .riverFloodLabel.flood_advisory{background-color:#ffd400;color:#333}
.riverItemWrapper .riverItem .riverNameWrapper{display:block;width:100%;text-align:left;overflow:hidden;padding-bottom:8px}
.riverItemWrapper .riverItem .riverName,.riverItemWrapper .riverItem .riverPrefecture{display:block;line-height:1;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.riverItemWrapper .riverItem .riverName{font-size:.9375rem;font-weight:700;padding:8px 8px 5px}
.riverItemWrapper .riverItem .riverPrefecture{font-size:.8125rem;padding:2px 8px 0}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination-fraction{position:relative;bottom:3px;display:inline-block;width:auto;padding:2px 10px;margin:0 auto;border-radius:15px;color:#fff;font-size:.875rem;background:rgba(0,0,0,.5)}
.livecameraContents .swiper-button-next,.livecameraContents .swiper-button-prev{position:absolute;bottom:0;width:27px;height:33px;margin-top:0;color:#333;cursor:pointer;line-height:33px;font-size:.8125rem;text-decoration:none;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:3px;z-index:10;background-size:24px 24px;background-position:center;background-repeat:no-repeat}
.livecameraContents .swiper-button-next{right:11px;padding:0 40px 0 15px;background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/top_livecamera_icon_naviNext.png);background-position:100% 5px}
.livecameraContents .swiper-button-prev{left:11px;padding:0 15px 0 40px;background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/top_livecamera_icon_naviPrev.png);background-position:0 5px}
.swiper-button-next:hover,.swiper-button-prev:hover{opacity:.7}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.riverLivecameraWrapper{padding:6px;margin:0 auto 20px;background-color:#f7f7f7;border:2px solid #ccc}
.riverLivecameraWrapper .riverLivecameraPlace{margin:5px;color:#4a4a4a;font-size:1.625rem;font-weight:700}
.riverLivecameraWrapper .riverLivecameraPlace .placeName{display:block;font-size:1.625rem;font-weight:700;text-align:left}
.riverLivecameraWrapper .riverLivecameraPlace .nightNote{display:block;font-size:.75rem;font-weight:400;text-align:left}
.riverLivecameraWrapper .riverLivecameraImage img{vertical-align:bottom}
.riverLivecameraWrapper .notFoundImage .riverLivecameraImage{margin:5px;text-align:left}
.riverLivecameraWrapper .riverLivecameraImage.movie{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.riverLivecameraWrapper .riverLivecameraImage.movie iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.riverLivecameraWrapper .riverLivecameraSource{font-size:.75rem;text-align:right;margin-bottom:-6px}
.riverLivecameraWrapper .riverLivecameraSource span{font-size:.625rem}
.riverLivecameraWrapper .riverLivecameraSwitch{margin-top:10px;clear:both}
.riverLivecameraWrapper .riverLivecameraSwitch .cameraBtnNext,.riverLivecameraWrapper .riverLivecameraSwitch .cameraBtnPrev{height:33px;color:#333;cursor:pointer;line-height:33px;font-size:.8125rem;text-decoration:none;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:3px;z-index:10;background-size:24px 24px;background-position:center;background-repeat:no-repeat}
.riverLivecameraWrapper .riverLivecameraSwitch .cameraBtnPrev{float:left;padding:0 15px 0 30px;background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/top_livecamera_icon_naviPrev.png);background-position:0 5px}
.riverLivecameraWrapper .riverLivecameraSwitch .cameraBtnNext{float:right;padding:0 30px 0 15px;background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/river/top_livecamera_icon_naviNext.png);background-position:100% 5px}
.riverLivecameraWrapper .riverLivecameraSwitch .cameraBtnNext:hover,.riverLivecameraWrapper .riverLivecameraSwitch .cameraBtnPrev:hover{opacity:.7}
.riverLivecameraWrapper .riverLivecameraSwitch .cameraBtnNext.disabled,.riverLivecameraWrapper .riverLivecameraSwitch .cameraBtnPrev.disabled{cursor:default;opacity:.35}
.riverLivecameraWrapper .riverLivecameraSwitch .cameraBtnNext.disabled,.riverLivecameraWrapper .riverLivecameraSwitch .cameraBtnPrev.disabled{cursor:default;opacity:.35}
.source{border:2px solid #ddd;margin:20px 10px;font-size:.75rem;padding:8px;text-align:center}
.source .externalLink{font-size:.625rem}
.box_search{margin:0 10px 10px}
.box_search .search{padding:12px 15px 12px 30px;margin:3px;background:url(https://s.yimg.jp/images/weather/smp/v2/img/river/icon_search_s.png) no-repeat 8px center;background-size:16px}
.box_search .rounded{border-radius:5px}
.box_search input[type=text]{color:#333;border:2px solid #979797;display:block;padding:#bcbcbc;width:100%;margin:0 auto;font-size:1rem}
.box_search input:-moz-placeholder,.box_search input:-ms-input-placeholder,.box_search input::-webkit-input-placeholder{color:#999}
.box_search ul{border-left:1px solid #979797;border-right:1px solid #979797}
.box_search ul li{border-bottom:1px solid #979797;position:relative;padding:10px;display:block}
.box_search ul li a{position:relative;padding:10px;display:block;text-decoration:none;margin:-10px}
.box_search ul li a span.kanaText,.box_search ul li a span.prefecture{font-size:.75rem;font-weight:400}
.box_search ul li a span.kanaText{display:block;line-height:1}
.box_search ul li a .dangerLevel{display:block;position:absolute;top:50%;right:15px;width:100px;margin-top:-15px;text-align:center;color:#fff;cursor:pointer}
.box_search ul li a .dangerLevel.lbl_flood_advisory{background-color:#ffd400;color:#333}
.box_search ul li a .dangerLevel.lbl_flood_evac,.box_search ul li a .dangerLevel.lbl_flood_warn{background-color:#ff9500;color:#333}
.box_search ul li a .dangerLevel.lbl_flood_hazard{background-color:#e60013}
.box_search ul li a .dangerLevel.lbl_flood_occurred{background-color:#6648c0}
.box_search ul li.selected a{background-color:#f3f4f8}
.box_search ul li.floodForecastRiver a{padding:10px 130px 10px 10px}
.box_search ul li .searchFailedText{position:relative;padding:10px;display:block;text-decoration:none;color:#999}
.snsbtnWrapper{background-color:#f7f7f7;padding:10px 0 5px;margin:0 10px 20px;text-align:center}
.snsbtnWrapper .leadText{text-align:center;font-size:.875rem;margin-bottom:10px}
.snsbtnWrapper .sns_btn{display:inline-block;width:auto}
.snsbtnWrapper .sns_btn div{display:inline-block;width:160px;margin:0 5px}
.waterStationLevelInfoWrapper{font-size:.875rem;margin:0 10px 20px}
.waterStationLevelInfoWrapper h3{padding:5px 5px 5px 10px;margin-bottom:10px;background:#ececec;color:#333;font-size:1rem;font-weight:700}
.waterStationLevelInfoWrapper .leadText{padding:0 5px;margin-bottom:10px}
.waterStationLevelInfoList li{display:table;min-height:55px}
.waterStationLevelInfoList .levelLabel{display:table-cell;width:125px;padding-bottom:20px}
.waterStationLevelInfoList .levelLabel span{display:inline-block;width:115px;line-height:30px;text-align:center}
.waterStationLevelInfoList .flood_advisory .levelLabel,.waterStationLevelInfoList .flood_evac .levelLabel,.waterStationLevelInfoList .flood_hazard .levelLabel,.waterStationLevelInfoList .flood_standBy .levelLabel{background-image:url(https://s.yimg.jp/images/weather/smp/v2/img/river/detail_waterLevelExNotes_spr_arrow.png);background-size:15px 400px;background-repeat:no-repeat}
.waterStationLevelInfoList .flood_hazard .levelLabel{background-position:50px 37px}
.waterStationLevelInfoList .flood_hazard .levelLabel span{color:#fff;background-color:#e60013}
.waterStationLevelInfoList .flood_evac .levelLabel{background-position:50px -63px}
.waterStationLevelInfoList .flood_evac .levelLabel span{color:#333;background-color:#ff9500}
.waterStationLevelInfoList .flood_advisory .levelLabel{background-position:50px -163px}
.waterStationLevelInfoList .flood_advisory .levelLabel span{color:#333;background-color:#ffd400}
.waterStationLevelInfoList .flood_standBy .levelLabel{background-position:50px -263px}
.waterStationLevelInfoList .flood_standBy .levelLabel span{color:#fff;background-color:#3aab68}
.waterStationLevelInfoList .flood_normalwater .levelLabel span{color:#fff;background-color:#8ab5e5}
.waterStationLevelInfoList .levelNone .levelLabel span{width:113px;color:#4a4a4a;background-color:#f7f7f7;border:1px solid #ccc}
.waterStationLevelInfoList .exp p{display:table-cell;padding-top:4px;margin-bottom:5px}