@charset "UTF-8";
html{scroll-behavior:smooth}
.warnArea{margin-bottom:20px;font-size:.875rem;-webkit-box-sizing:border-box;box-sizing:border-box}
.warnArea.warnArea-prefecture .warnArea_list>li{padding:10px}
.warnArea.warnArea-prefecture .warnArea_list>li:after{clear:both;content:"";display:block}
.warnArea.warnArea-prefecture .warnArea_list>li dt{padding:7px 5px;background:#e5eef7;line-height:1;border-top:solid 1px #9fbce1;font-size:1rem;font-weight:700}
.warnArea.warnArea-prefecture .warnArea_list>li dd{overflow:hidden}
.warnArea.warnArea-prefecture .warnArea_list>li ul{font-size:0}
.warnArea.warnArea-prefecture .warnArea_list>li li{display:inline-block;margin:8px 8px 0 0}
.warnArea.warnArea-prefecture .warnArea_list>li li:last-child{margin-right:0}
.warnArea.warnArea-prefecture .warnArea_list>li li>a,.warnArea.warnArea-prefecture .warnArea_list>li li>span{font-size:.75rem;vertical-align:middle;line-height:20px;min-width:5em}
.warnArea.warnArea-prefecture .warnArea_list>li li>a.icoNormal,.warnArea.warnArea-prefecture .warnArea_list>li li>span.icoNormal{background-color:#eee;color:#333}
.warnArea.warnArea-prefecture .warnArea_list>li li>span{margin-left:5px}
.warnArea.warnArea-pinpoint .warnArea_title-large{margin:10px;padding:7px 5px;background:#e5eef7;line-height:1;border-top:solid 1px #9fbce1;font-size:1rem;font-weight:700}
.warnArea.warnArea-pinpoint .warnPnts table td{padding:8px;font-weight:400;background:#fff}
.warnArea.warnArea-pinpoint .warnPnts table td ul{font-size:0}
.warnArea.warnArea-pinpoint .warnPnts table td ul li{margin-right:8px}
.warnArea.warnArea-pinpoint .warnPnts table td ul li>span{padding:5px}
.warnArea.warnArea-pinpoint .warnPnts table td ul li>span span{padding:0}
.warnArea.warnArea-pinpoint .warnPnts table td ul li>span.icoAdvToEmg span,.warnArea.warnArea-pinpoint .warnPnts table td ul li>span.icoAdvToWarn span,.warnArea.warnArea-pinpoint .warnPnts table td ul li>span.icoWarnToEmg span{padding-right:16px}
.warnArea.warnArea-pinpoint .warnPnts table td ul li>span.icoNormal{border:solid 1px #ccc;background-color:#eee;color:#333;padding:5px 0}
.warnArea.warnArea-pinpoint .warnArea_table{margin-bottom:10px;border-collapse:collapse}
.warnArea.warnArea-pinpoint .warnArea_table td{padding:6px 10px}
.warnArea.warnArea-pinpoint .warnArea_table td>span{vertical-align:top;margin:5px 0 0 5px}
.warnArea.warnArea-pinpoint .warnArea_table td .icoNormal{margin-left:0}
.warnArea.warnArea-pinpoint .warnArea_table_column-01{width:90px;border-right:#fff solid 1px;background-color:#eaebed}
.warnArea.warnArea-pinpoint .warnArea_table_column-02{width:90px;background-color:#f4f4f4}
.warnArea.warnArea-pinpoint .warnArea_table_column-03{width:90px;background-color:#f9f9f9}
.warnArea.warnArea-pinpoint .warnArea_table_column-04.warnArea_table_column-04{background-color:#fff;overflow:hidden;padding:1px 10px 6px 5px;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}
.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;font-size:.8125rem;line-height:1.3}
.mdWarnMap{font-size:.875rem;margin:0 auto 10px auto;background-color:#fff;width:634px;line-height:1em}
.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-image:-webkit-gradient(linear,left top,left bottom,from(#dff4fe),to(#fff));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 dd,.mdWarnMap #warn_panel dl,.mdWarnMap #warn_panel dt{-webkit-box-sizing:border-box;box-sizing:border-box}
.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;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:not(#pref_null){cursor:pointer}
.mdWarnMap #prefs_map path{fill:#eee}
.mdWarnMap #prefs_map path.icoEmgWarning{fill:#2d2934}
.mdWarnMap #prefs_map path.icoUrgentWarning{fill:#bc0cae}
.mdWarnMap #prefs_map path.icoWarnToEmg{fill:#f30216}
.mdWarnMap #prefs_map path.icoWarning{fill:#f30216}
.mdWarnMap #prefs_map path.icoAdvToEmg{fill:#ffd400}
.mdWarnMap #prefs_map path.icoAdvToWarn{fill:#ffd400}
.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>svg#mapsvg{max-width:calc(100% - 20px);height:auto;margin-left:10px}
.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}
.warnKnowledge{padding-bottom:50px;font-size:.875rem}
.warnKnowledge a{text-decoration:underline}
.warnKnowledge_subSection{padding:0 10px}
.warnKnowledge_titleLarge{margin:20px 10px 0 10px;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:1rem}
.warnKnowledge .warnExample{margin:10px}
.warnKnowledge_text{margin-top:10px;padding:0 20px}
.warnKnowledge_list{margin-top:10px;padding:0 20px}
.warnKnowledge_list strong{font-weight:700}
.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_exampleWrap{text-align:center}
.warnKnowledge_example{display:block;margin:20px;padding:15px;border:solid 1px #ccc;text-align:center}
.warnKnowledge_example_title{font-weight:700;padding:5px;background-color:#f3f3f3}
.warnKnowledge_example img{margin:10px auto 0 auto;width:100%;max-width:355px}
.warnKnowledge_relLink{font-size:.6875rem;margin-top:5px;text-align:right}
.warnKnowledge_flow{padding:10px}
.warnKnowledge_flow>ul>li{margin-bottom:5px}
.warnKnowledge_flow dt span{display:block;padding:10px;text-align:center}
.warnKnowledge_flow dd{margin:0 0 30px 0;padding:10px;font-size:.875rem;position:relative}
.warnKnowledge_flow dd ul{padding:10px 20px 10px 39px}
.warnKnowledge_flow dd li{list-style:disc outside;text-align:left}
.warnKnowledge_flow dd p{padding:0 10px 10px 20px;text-align:left}
.warnKnowledge_flow_step1 dt{background:#f9f9f9;border:1px solid #bdbdbd}
.warnKnowledge_flow_step2 dt{background:#ffd400}
.warnKnowledge_flow_step3 dt{background:#f30216;color:#fff}
.warnKnowledge_flow_step4 dt{background:#2d2934;color:#fff}
.warnKnowledge_flow_step1 dt span{border:1px solid #fff}
.warnKnowledge_flow_step1 dd{background-color:#f6f6f6}
.warnKnowledge_flow_step1 dd :before{content:"";border:100px solid transparent;border-top:20px solid #f6f6f6;position:absolute;left:50%;margin-left:-100px;bottom:-119px;z-index:2}
.warnKnowledge_flow_step2 dd{background-color:#fdf9e0}
.warnKnowledge_flow_step2 dd :before{content:"";border:100px solid transparent;border-top:20px solid #fdf9e0;position:absolute;left:50%;margin-left:-100px;bottom:-119px;z-index:2}
.warnKnowledge_flow_step3 dd{background-color:#f9eded}
.warnKnowledge_flow_step3 dd :before{content:"";border:100px solid transparent;border-top:20px solid #f9eded;position:absolute;left:50%;margin-left:-100px;bottom:-119px;z-index:2}
.warnKnowledge_flow_step4 dd{background-color:#e8e8e8}
.warnKnowledge_flow .notice{display:block;width:232px;height:25px;margin:0 auto;background-image:url(https://s.yimg.jp/images/weather/smp/v2/img/warning/textNotice_2x.png);background-size:232px 25px;background-position:0 0;background-repeat:no-repeat;text-indent:100%;white-space:nowrap;vertical-align:middle;overflow:hidden}
.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:2.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}
.warnKnowledgeFrame .warnKnowledgeBox ul li{position:relative;padding-left:12px;margin-bottom:8px}
.warnKnowledgeFrame .warnKnowledgeBox ul li::before{content:"";width:3px;height:3px;background:#333;border-radius:50%;position:absolute;top:.6em;left:0}
.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%;max-width:380px;margin:0 auto;display:block}
.off{display:none}