@charset "UTF-8";
html{scroll-behavior:smooth}
.warnArea{margin-bottom:20px;font-size:.875rem}
.warnArea.warnArea-prefecture .warnArea_list>li{padding:8px}
.warnArea.warnArea-prefecture .warnArea_list>li:after{clear:both;content:"";display:block;height:0;visibility:hidden}
.warnArea.warnArea-prefecture .warnArea_list>li:nth-child(2n-1){background-color:#f4f4f4}
.warnArea.warnArea-prefecture .warnArea_list>li dt{float:left;width:5em}
.warnArea.warnArea-prefecture .warnArea_list>li dd{overflow:hidden}
.warnArea.warnArea-prefecture .warnArea_list>li ul{margin:-5px 0 0 -30px;font-size:0}
.warnArea.warnArea-prefecture .warnArea_list>li li{display:inline-block;margin:5px 0 0 30px}
.warnArea.warnArea-prefecture .warnArea_list>li li>a{display:block;font-size:0}
.warnArea.warnArea-prefecture .warnArea_list>li li>a>span{font-size:.875rem;vertical-align:middle}
.warnArea.warnArea-prefecture .warnArea_list>li li>a span+span{margin-left:5px;font-size:.75rem;vertical-align:middle}
.warnArea.warnArea-prefecture .warnArea_list>li li>a span+span.icoNormal,.warnArea.warnArea-prefecture .warnArea_list>li li>a span+span.icoUnknown{color:#333}
.warnArea.warnArea-prefecture .warnArea_list_name{display:inline-block;min-width:3em}
.warnArea.warnArea-pinpoint .warnArea_table{margin-bottom:10px;border:#c5cee8 solid 1px;border-collapse:collapse}
.warnArea.warnArea-pinpoint .warnArea_table tr.solLine{border-bottom:#c5cee8 solid 1px}
.warnArea.warnArea-pinpoint .warnArea_table td{padding:8px 10px}
.warnArea.warnArea-pinpoint .warnArea_table td>span{vertical-align:top;margin:10px 0 0 10px}
.warnArea.warnArea-pinpoint .warnArea_table td .icoNormal{margin-left:0}
.warnArea.warnArea-pinpoint .warnArea_table_column-01{width:106px;border-right:#fff solid 1px;background-color:#eaebed}
.warnArea.warnArea-pinpoint .warnArea_table_column-02{width:106px;background-color:#f4f4f4;border-bottom:#c5cee8 solid 1px}
.warnArea.warnArea-pinpoint .warnArea_table_column-03{width:106px;background-color:#f9f9f9;border-bottom:#c5cee8 dotted 1px}
.warnArea.warnArea-pinpoint .warnArea_table_column-04.warnArea_table_column-04{background-color:#fff;border-bottom:#c5cee8 dotted 1px;overflow:hidden;padding:0 10px 10px 0;font-size:0}
.warnArea.warnArea-pinpoint .warnArea_table_column-04.warnArea_table_column-04 .lft{float:left;width:237px;line-height:1.6}
.warnArea.warnArea-pinpoint .warnArea_table_column-04.warnArea_table_column-04 .rgt{float:right;width:2.75em;padding-top:1px;white-space:nowrap}
.warnArea.warnArea-pinpoint .warnArea_table_column-04.warnArea_table_column-04 .rgt .gray{padding:0;color:#c5cee8}
.warnArea.warnArea-pinpoint .update{overflow:hidden;margin-bottom:5px}
.warnArea.warnArea-pinpoint .update .lft{float:left;color:red}
.warnArea.warnArea-pinpoint .update .rgt{float:right}
.warnArea_headline{margin-bottom:5px;color:red;font-size:.8125rem;line-height:1.3}
.mdWarnMap{font-size:.875rem;margin:10px auto;background-color:#fff;line-height:1}
.mdWarnMap #svg_map{display:none;position:relative;overflow:hidden}
.mdWarnMap #svg_map:before{content:"";position:absolute;z-index:0;left:0;right:0;top:0;bottom:0;display:block;background:#dff4fe;background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#dff4fe),to(#fff));background:-o-linear-gradient(top,#dff4fe 1%,#fff 100%);background:linear-gradient(to bottom,#dff4fe 1%,#fff 100%)}
.mdWarnMap #map_box{position:relative;width:360px;height:400px;margin:auto;overflow:hidden}
.mdWarnMap #mainmap,.mdWarnMap .sub_map{width:360px;height:310px;position:absolute;top:65px}
.mdWarnMap .sep_okinawa{background:url(https://s.yimg.jp/images/weather/smp/v2/img/common/sep_okinawa.png) no-repeat;background-size:105px 97px;z-index:5;position:absolute;display:block;width:105px;height:97px;top:134px;left:28px;cursor:pointer}
.mdWarnMap #map_box path{-webkit-tap-highlight-color:transparent}
.mdWarnMap #mainmap{z-index:1}
.mdWarnMap .sub_map{z-index:5}
.mdWarnMap .islands{z-index:10}
.mdWarnMap .map_error{background-color:#fff;border:1px solid #dc0000;color:#dc0000;padding:5px;width:260px;margin:170px 0 0 10px;font-size:14px}
.mdWarnMap #warn_panel{font-size:0}
.mdWarnMap #warn_panel dl{width:124px;color:#6d6c6c;background:rgba(255,255,255,.8);border:1px solid #cfcfcf;padding:4px 0 4px 4px;border-radius:6px;z-index:10;position:absolute}
.mdWarnMap #warn_panel dt{display:block;padding-right:4px;text-align:center;font-size:.75rem}
.mdWarnMap #warn_panel dd{display:inline-block;width:55px;min-width:55px;height:20px;margin:4px 4px 0 0;padding:0;border:1px solid #cfcfcf;border-radius:3px;line-height:18px;font-size:.75rem;text-align:center;vertical-align:top}
.mdWarnMap #warn_panel dd a{color:inherit;display:block}
.mdWarnMap #warn_panel .icoAdvToEmg,.mdWarnMap #warn_panel .icoAdvToWarn,.mdWarnMap #warn_panel .icoAdvisory,.mdWarnMap #warn_panel .icoEmgWarning,.mdWarnMap #warn_panel .icoNormal,.mdWarnMap #warn_panel .icoWarnToEmg,.mdWarnMap #warn_panel .icoWarning{min-width:auto}
.mdWarnMap #warn_panel .icoAdvToEmg span,.mdWarnMap #warn_panel .icoAdvToWarn span,.mdWarnMap #warn_panel .icoWarnToEmg span{padding-right:14px}
.mdWarnMap #warn_panel #panel_area_Hokuriku,.mdWarnMap #warn_panel #panel_area_Shinetsu,.mdWarnMap #warn_panel #panel_area_Tokai{width:65px}
.mdWarnMap #warn_panel dl#panel_area_Hokkaido{right:6px;top:20px}
.mdWarnMap #warn_panel dl#panel_area_Tohoku{right:6px;top:106px}
.mdWarnMap #warn_panel dl#panel_area_Kanto{right:6px;top:216px}
.mdWarnMap #warn_panel dl#panel_area_Shinetsu{right:135px;top:130px}
.mdWarnMap #warn_panel dl#panel_area_Tokai{right:135px;top:216px}
.mdWarnMap #warn_panel dl#panel_area_Hokuriku{left:264px;top:20px}
.mdWarnMap #warn_panel dl#panel_area_Kinki{left:135px;top:20px}
.mdWarnMap #warn_panel dl#panel_area_Chugoku{left:6px;top:20px}
.mdWarnMap #warn_panel dl#panel_area_Shikoku{left:6px;top:132px}
.mdWarnMap #warn_panel dl#panel_area_Kyushu{left:6px;top:216px}
.mdWarnMap #warn_panel .icoNormal:hover{background-color:#eee}
.mdWarnMap #warn_panel .icoAdvToEmg:hover,.mdWarnMap #warn_panel .icoAdvToWarn:hover,.mdWarnMap #warn_panel .icoAdvisory:hover{background:#ffe566}
.mdWarnMap #warn_panel .icoWarnToEmg:hover,.mdWarnMap #warn_panel .icoWarning:hover{background:#fe5d6b}
.mdWarnMap #warn_panel .icoUrgentWarning:hover{background:#f33be4}
.mdWarnMap #warn_panel .icoEmgWarning:hover{background:#463f51}
.mdWarnMap #warn_panel dd,.mdWarnMap path{-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}
.mdWarnMap #prefs_map path{cursor:pointer;fill:#eee}
.mdWarnMap #prefs_map path.icoEmgWarning{fill:#2d2934}
.mdWarnMap #prefs_map path.icoUrgentWarning{fill:#bc0cae}
.mdWarnMap #prefs_map path.icoWarnToEmg,.mdWarnMap #prefs_map path.icoWarning{fill:#f30216}
.mdWarnMap #prefs_map path.icoAdvToEmg,.mdWarnMap #prefs_map path.icoAdvToWarn,.mdWarnMap #prefs_map path.icoAdvisory{fill:#ffd400}
.mdWarnMap #prefs_map path.hover{-moz-opacity:.5;opacity:.5}
.mdWarnMap #area_map path{stroke:#7b7b7b;stroke-width:.2;stroke-linejoin:round;stroke-opacity:.8}
.mdWarnMap #prefs_map path.area_pref{stroke:#7b7b7b;stroke-width:.2;stroke-linejoin:round}
.mdWarnMap .lake{fill:#eaf9fe;stroke:#7b7b7b;stroke-width:.2}
.image{position:relative;text-align:center}
.yjw_title_h2+.image{margin-top:10px}
.image>svg#mapsvg{max-width:100%;overflow:hidden}
.image>svg#mapsvg .forcastAreaMap{cursor:pointer;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}
@media (hover:hover){
.image>svg#mapsvg .forcastAreaMap:hover{opacity:.5}
}
.image .warnArea_balloon{position:absolute;white-space:nowrap;font-size:.875rem;color:#fff;background:rgba(0,0,0,.6);border-radius:3px;top:0;left:0;padding:10px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-top:-40px}
.image .warnArea_balloon.hide{display:none}
.image .warnArea_balloon::before{content:"";width:0;height:0;border-style:solid;border-width:10px 5px 0 5px;border-color:rgba(0,0,0,.6) transparent transparent transparent;position:absolute;bottom:-10px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
@media (hover:none){
.image .warnArea_balloon{display:none}
}
.yj950-2 .map_time{display:none}
.map_time>div{display:inline-block}
.announce{display:none}
.mdWarnMap #map_loading{display:none;height:260px;background-image:url(https://s.yimg.jp/images/weather/app/v2/img/loading.gif);background-repeat:no-repeat;background-position:center;background-size:36px 36px}
@media (max-width:634px){
body:not(.yj950-2) .mdWarnMap{width:100%}
body:not(.yj950-2) #warn_panel{display:none}
body:not(.yj950-2) .mdWarnMap #mainmap{width:420px;height:362px;top:50%;left:48%;margin-top:-181px;margin-left:-210px}
body:not(.yj950-2) .mdWarnMap .sep_okinawa{top:105px;left:10px}
.map_time{display:block;text-align:right;right:15px;bottom:15px;position:absolute;z-index:2;color:#666;font-size:12px;line-height:16px}
}
@media screen and (orientation:landscape){
body:not(.yj950-2) #panel_legend{display:none}
body:not(.yj950-2) .map_time{display:block;text-align:right;right:15px;bottom:15px;position:absolute;z-index:2;color:#666;font-size:12px;line-height:16px}
}
.warnNavigation{margin:20px 10px 10px;z-index:1;top:0;background:#fff}
.warnNavigation ul{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;border-bottom:solid 1px #ccc}
.warnNavigation ul li{display:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:.75rem;top:1px;position:relative;background:#f3f3f3;border:solid 1px #ccc;border-right:none;padding:1px}
.warnNavigation ul li:last-child{border-right:solid 1px #ccc}
.warnNavigation ul li.current{border-bottom:#fff;background:#fff;font-weight:700}
.warnNavigation ul li a{display:block;height:100%;padding:5px 0;text-align:center;color:#333}
.warnNavigation-warning a{border-top:solid 6px #f30216}
.warnNavigation-advisory a{border-top:solid 6px #ffd400}
.warnNavigation-urgentWarning a{border-top:solid 6px #bc0cae}
.warnNavigation-emergencyWarning a{border-top:solid 6px #2d2934}
.warnNavigation-normal a{border-top:solid 6px #ccc}
#main .tabWrap .yjw_title_h3{margin-left:10px;margin-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box;width:inherit;display:block}
.tabWrap.off{display:none}
.warnKnowledge{padding-bottom:50px;font-size:.875rem}
.warnKnowledge a{text-decoration:underline}
.warnKnowledge_subSection{padding:0 10px}
.warnKnowledge_titleLarge{margin-top:20px;font-size:1.125rem}
.warnKnowledge_titleMiddle{margin-top:30px;padding:5px 10px;background-color:#105db6;color:#fff;font-weight:700;font-size:1rem}
.warnKnowledge_titleSmall{margin-top:20px;padding:5px 10px;background-color:#f3f3f3;font-weight:700;font-size:.875rem}
.warnKnowledge_text{margin-top:10px;padding:0 20px}
.warnKnowledge_list{margin-top:10px;padding:0 20px}
.warnKnowledge_list_item{margin-top:5px}
.warnKnowledge_list_item-mark{padding-left:1em;text-indent:-1em}
.warnKnowledge_list_item-mark:before{content:"・"}
.warnKnowledge_list+.warnKnowledge_list{margin-top:30px}
.warnKnowledge_alert{margin-top:10px;padding:0 20px;color:red;font-weight:700}
.warnKnowledge_img{margin:40px auto;text-align:center}
.warnKnowledge_exampleWrap{text-align:center}
.warnKnowledge_example{display:inline-block;margin:20px;padding:15px;border:solid 1px #ccc;text-align:left}
.warnKnowledge_example_title{font-weight:700}
.warnKnowledge_example img{margin:5px 0 0}
.warnKnowledge_table{margin:0 20px}
.warnKnowledge_table table{width:100%;border-collapse:separate;border-spacing:0;border-top:1px solid #ddd;border-left:1px solid #ddd;empty-cells:show}
.warnKnowledge_table td,.warnKnowledge_table th{padding:10px 15px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;vertical-align:middle;text-align:left;line-height:1.6}
.warnKnowledge_table th{width:20%;background:#f9f9f9;font-size:.8125rem;font-weight:700;text-align:center}
.warnKnowledge_table tr:first-child th{padding:3px 8px;border-left:1px solid #fff;background-color:#eee;font-size:.9375rem}
.warnKnowledge_table td{width:80%;background:0 0;font-size:.8125rem}
.warnKnowledge_relLink{font-size:.8125rem;text-align:right;margin-top:5px}
.warnKnowledge_relLink a{position:relative;padding-left:10px;font-size:.875rem}
.warnKnowledge_relLink a::before{content:"";position:absolute;left:0;top:0;bottom:0;margin:auto;width:0;height:0;border-style:solid;border-width:4px 0 4px 5px;border-color:transparent transparent transparent #fda82b}
.warnKnowledge_flow{width:950px;margin:15px auto 30px}
.warnKnowledge_flow>ul{background:transparent url(https://s.yimg.jp/images/weather/pc/v2/img/river/bgFlowProtectEmg_2.png) no-repeat 0 0}
.warnKnowledge_flow>ul:after{clear:both;content:"";display:block;height:0;visibility:hidden}
.warnKnowledge_flow>ul>li{width:237.5px;float:left}
.warnKnowledge_flow>ul>li li{padding-left:1em;text-indent:-1em}
.warnKnowledge_flow>ul>li li:before{content:"・"}
.warnKnowledge_flow>ul>li li+li{margin-top:5px}
.warnKnowledge_flow dt{font-size:1.0625rem;font-weight:700;line-height:32px;text-align:center}
.warnKnowledge_flow_step-3 dt,.warnKnowledge_flow_step-4 dt{color:#fff}
.warnKnowledge_flow dd{padding:10px;font-size:.8125rem}
.warnKnowledge_flow_notice{display:block;width:196px;height:25px;margin:0 auto 8px;background:transparent url(https://s.yimg.jp/images/weather/pc/v2/img/warning/textNotice.png) no-repeat 0 0;text-align:center;text-indent:200%;white-space:nowrap;overflow:hidden}
.warnKnowledge_flow p+ul,.warnKnowledge_flow ul+p{margin-top:10px}
#disaprep .yjw_navi+.commonSolidline+.yjw_navi:nth-last-child(3)>li:nth-child(2):nth-last-child(3){display:none}
#main .warnKnowledgeFrame h2{float:none}
.warnKnowledgeFrame p{margin-bottom:8px}
.warnKnowledgeFrame p:last-child{margin-bottom:0}
.warnKnowledgeFrame .warnKnowledgeSection{margin:8px 8px 16px;font-size:.875rem}
.warnKnowledgeFrame .warnNotice{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:16px;gap:4px}
.warnKnowledgeFrame .warnNotice>span:last-child{-webkit-box-flex:1;-ms-flex:1;flex:1}
.warnKnowledgeFrame .warnKnowledgeTitle{font-weight:700;padding:5px 10px;background:#f2f2f2;margin-bottom:8px}
.warnKnowledgeFrame .warnKnowledgeTable{border-left:1px solid #ccc;border-top:1px solid #ccc;margin-bottom:16px}
.warnKnowledgeFrame .warnKnowledgeTable th{font-weight:700;width:5em;text-align:left;background:#f3f3f3}
.warnKnowledgeFrame .warnKnowledgeTable td,.warnKnowledgeFrame .warnKnowledgeTable th{padding:4px 8px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;vertical-align:top}
.warnKnowledgeFrame .warnKnowledgeLink a{position:relative;padding-right:12px}
.warnKnowledgeFrame .warnKnowledgeLink a::after{content:"";width:8px;height:8px;border-left:2px solid;border-top:2px solid;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%) rotate(135deg);-ms-transform:translateY(-50%) rotate(135deg);transform:translateY(-50%) rotate(135deg)}
.warnKnowledgeFrame .warnKnowledgeBox{margin-bottom:16px;padding-bottom:8px;background:#f9f9f9}
.warnKnowledgeFrame .warnKnowledgeBox .title{padding:5px 10px;font-weight:700;background:#f2f2f2}
.warnKnowledgeFrame .warnKnowledgeBox p,.warnKnowledgeFrame .warnKnowledgeBox ul{margin:8px 16px}
.warnKnowledgeFrame .warnKnowledgeBox ul li{position:relative;padding-left:16px;margin-bottom:8px}
.warnKnowledgeFrame .warnKnowledgeBox ul li::before{content:"";width:3px;height:3px;background:#333;border-radius:50%;position:absolute;top:.6em;left:8px}
.warnKnowledgeFrame .warnKnowledgeBox.level2{background-color:#fff8d5}
.warnKnowledgeFrame .warnKnowledgeBox.level2 .title{background-color:#ffd400}
.warnKnowledgeFrame .warnKnowledgeBox.level3{background-color:#fee6e8}
.warnKnowledgeFrame .warnKnowledgeBox.level3 .title{background-color:#f30216;color:#fff}
.warnKnowledgeFrame .warnKnowledgeBox.level4{background-color:#f8e7f7}
.warnKnowledgeFrame .warnKnowledgeBox.level4 .title{background-color:#bc0cae;color:#fff}
.warnKnowledgeFrame .warnKnowledgeBox.level5{background-color:#eaeaeb}
.warnKnowledgeFrame .warnKnowledgeBox.level5 .title{background-color:#2d2934;color:#fff}
.warnKnowledgeFrame .warnKnowledgeExample{border:1px solid #e3e3e3;padding:8px}
.warnKnowledgeFrame .warnKnowledgeExample .title{font-weight:700;text-align:center;padding:5px;background:#f2f2f2}
.warnKnowledgeFrame .warnKnowledgeExample img{width:100%}