@charset "UTF-8";
.warnArea{margin-bottom:20px;font-size:14px;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:14px;font-size:.875rem;vertical-align:middle}
.warnArea.warnArea-prefecture .warnArea_list>li li>a span+span{margin-left:5px;font-size:12px;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:13px;font-size:.8125rem;line-height:1.3}
.mdWarnMap{font-size:14px;font-size:.875rem;margin:0 auto 10px;background-color:#fff;width:634px;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: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;-webkit-background-size:105px 97px;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:12px;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:12px;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:#ffe682}
.mdWarnMap #warn_panel .icoWarnToEmg:hover,.mdWarnMap #warn_panel .icoWarning:hover{background:#f78289}
.mdWarnMap #warn_panel .icoEmgWarning:hover{background:#b2a3df}
.mdWarnMap #warn_panel dd,.mdWarnMap path{-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}
.mdWarnMap #prefs_map path{cursor:pointer;fill:#eee}
.mdWarnMap #prefs_map path.icoEmgWarning{fill:#6648c0}
.mdWarnMap #prefs_map path.icoWarnToEmg,.mdWarnMap #prefs_map path.icoWarning{fill:#e60013}
.mdWarnMap #prefs_map path.icoAdvToEmg,.mdWarnMap #prefs_map path.icoAdvToWarn,.mdWarnMap #prefs_map path.icoAdvisory{fill:#ffd400}
.mdWarnMap #prefs_map path.hover{filter:alpha(opacity=5);-moz-opacity:.5;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}
.mdWarnMap #area_map path{stroke:#333;stroke-width:.2;stroke-linejoin:round;stroke-opacity:.8}
.mdWarnMap #prefs_map path.area_pref{stroke:#333;stroke-width:.2;stroke-linejoin:round}
.mdWarnMap .lake{fill:#eaf9fe;stroke:#333;stroke-width:.2}
.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;-webkit-background-size:36px 36px;background-size:36px 36px}
.warnKnowledge{padding-bottom:50px;font-size:14px;font-size:.875rem}
.warnKnowledge a{text-decoration:underline}
.warnKnowledge_subSection{padding:0 10px}
.warnKnowledge_titleLarge{margin-top:20px;font-size:18px;font-size:1.125rem}
.warnKnowledge_titleMiddle{margin-top:30px;padding:5px 10px;background-color:#105db6;color:#fff;font-weight:700;font-size:16px;font-size:1rem}
.warnKnowledge_titleSmall{margin-top:20px;padding:5px 10px;background-color:#f3f3f3;font-weight:700;font-size:14px;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:13px;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:15px;font-size:.9375rem}
.warnKnowledge_table td{width:80%;background:0 0;font-size:13px;font-size:.8125rem}
.warnKnowledge_relLink{font-size:13px;font-size:.8125rem;text-align:right;margin-top:5px}
.warnKnowledge_relLink a{position:relative;padding-left:10px;font-size:14px;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/warning/bgFlowProtectEmg.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:17px;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:13px;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}
@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}
}