@charset "UTF-8";
html{scroll-behavior:smooth}
body{margin:0;padding:0}
blockquote,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,ul{margin:0;padding:0;line-height:1.3}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
ol li,ul li{list-style:none;line-height:1.3}
table{margin:0;padding:0;font-size:100%}
caption{text-align:left}
code,del,ins,kbd,pre,samp,select,table,textarea,var{font-size:100%}
address,cite,del,dfn,em,ins,samp,strong,th,var{font-weight:400;font-style:normal}
a img{border:0}
hr.separation{display:none}
fieldset{border:none}
article,aside,footer,header,nav,section{display:block}
body{-webkit-text-size-adjust:none;color:#333;font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",Osaka,"MS PGothic","ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif}
a{color:#05c;text-decoration:none;-webkit-tap-highlight-color:rgba(102,204,255,.5)}
.errorText{margin:10px;padding:5px;border:1px solid #dc0000;color:#dc0000;font-weight:700}
a{text-decoration:none}
@media screen and (min-width:950px){
a:hover{color:#cc3434}
#wrapper{width:950px;margin:0 auto}
#contents{margin-top:4px}
#main{width:634px;float:left}
#sub{float:right;width:300px;overflow:hidden;margin-top:-16px}
}
@media screen and (max-width:950px){
#wrapper{width:auto;max-width:950px;margin:0 auto}
#contents{margin-top:4px}
#main{width:calc(100% - 315px);float:left}
#sub{float:right;width:300px;overflow:hidden;margin-top:-16px}
}
@media screen and (max-width:769px){
#contents{margin-top:2px}
}
#contents::after,#yjMusthead::after{content:"";display:block;clear:both}
html .provider{display:none}
.header h1,.header h2,.header h3{display:inline;float:left;font-weight:700;vertical-align:middle}
.header.large.page{padding:8px 12px 10px;border-top:3px solid #815d38;background-color:#eee7e0;overflow:hidden}
.header.large.page h1{font-size:1.25rem}
.header.large{padding:8px;border-top:3px solid #815d38;background-color:#eee7e0;overflow:hidden}
.header.large h1{font-size:1.25rem}
.header.large.gray{background-color:#f2f2f2;border-top:2px solid #666}
.header.middle{padding:9px 12px;line-height:1.3;border-top:1px solid #c3b3a4;background-color:#eee7e0;vertical-align:baseline;overflow:hidden}
.header.middle h1,.header.middle h2,.header.middle h3{font-size:1rem}
.header.middle.gray{border-top:none;background-color:#f2f2f2;color:#333;vertical-align:baseline;overflow:hidden}
.header.small{padding:8px 8px;margin:2px 0 0;line-height:1;background-color:#eee7e0;vertical-align:baseline;overflow:hidden}
.header.small h1,.header.small h2,.header.small h3{font-size:1rem}
.header.small.gray{border-top:none;background-color:#f2f2f2;color:#333;vertical-align:baseline;overflow:hidden}
html:lang(ja) #yjMusthead{white-space:nowrap}
html:lang(ja) #yjMusthead .yjMusthead_logo{width:225px;height:34px;float:left}
html:lang(ja) #yjMusthead .yjMusthead_logo h1{text-indent:-9999px}
html:lang(ja) #yjMusthead .yjMusthead_logo a{display:block;background-image:url(https://s.yimg.jp/c/logo/f/2.0/weather_r_34_2x.png);background-position:0 0;background-repeat:no-repeat;background-size:225px 34px;width:225px;height:34px}
#yjMusthead{white-space:nowrap;position:relative;z-index:1;padding:6px 2px}
#yjMusthead .yjMusthead_logo{width:324px;height:34px;float:left;padding:10px 8px 4px 4px}
#yjMusthead .yjMusthead_logo h1{text-indent:-9999px}
#yjMusthead .yjMusthead_logo a{display:block;background-image:url(https://s.yimg.jp/c/logo/f/2.0/weathere_r_34_2x.png);background-position:0 0;background-repeat:no-repeat;background-size:324px 34px;width:324px;height:34px}
#yjMusthead .langSelect{float:right;display:inline-block;position:relative;min-width:200px;margin:4px 4px 0 0}
#yjMusthead .langSelect:not(.hide)::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%}
#yjMusthead .langSelect.hide ul{display:none}
#yjMusthead .langSelect.hide>p{border:1px solid #ccc;background-color:#fff}
#yjMusthead .langSelect.hide>p::after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);margin:-5px 0 0}
#yjMusthead .langSelect>p{display:block;position:relative;padding-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#f2f2f2;background-image:url(https://s.yimg.jp/images/emg/meteo/img/common_icon_language.png);background-position:4px center;background-size:24px 24px;background-repeat:no-repeat;padding:10px 39px 9px 34px;font-size:.9375rem;border-radius:3px;border:1px solid #f2f2f2}
#yjMusthead .langSelect>p::after{content:"";display:inline-block;margin:-3px 0 0;width:6px;height:6px;border-top:solid 2px #333;border-right:solid 2px #333;-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg);position:absolute;right:14px;top:50%;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
#yjMusthead .langSelect ul{display:table;overflow:hidden;width:100%;position:absolute;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px;border:2px solid #979797;right:0;z-index:1;margin-top:4px}
#yjMusthead .langSelect ul li+li{border-top:1px solid #ccc}
#yjMusthead .langSelect ul a,#yjMusthead .langSelect ul strong{display:block;padding:9px 14px;font-size:1rem}
#yjMusthead .langSelect ul a:focus,#yjMusthead .langSelect ul a:hover{background:#f2f2f2}
#yjMusthead .langSelect ul strong{font-weight:700}
@media screen and (max-width:860px){
html:lang(ja) #yjMusthead{margin:0}
html:lang(ja) #yjMusthead .yjMusthead_logo{width:127px;height:22px}
html:lang(ja) #yjMusthead .yjMusthead_logo a{background-image:url(https://s.yimg.jp/c/logo/s/2.0/weather_r_22_2x.png);background-size:127px 22px;width:127px;height:22px}
html:lang(ja) #yjMusthead .langSelect{min-width:120px;position:static;margin:0}
#yjMusthead{margin:0;padding:4px 2px 2px}
#yjMusthead .yjMusthead_logo{width:169px;height:22px;margin-left:4px;padding:10px 8px 8px 4px}
#yjMusthead .yjMusthead_logo a{background-image:url(https://s.yimg.jp/c/logo/f/2.0/weathere_r_34_2x.png);background-size:324px 34px;width:324px;height:34px}
#yjMusthead .langSelect{min-width:120px;position:static;margin-top:4px}
#yjMusthead .langSelect.hide>p{border:none;position:relative}
#yjMusthead .langSelect.hide>p::after{margin:-3px 0 0}
#yjMusthead .langSelect.hide>p::before{content:"";position:absolute;left:0;top:50%;margin-top:-18px;width:2px;height:36px;background:#f2f2f2}
#yjMusthead .langSelect>p{border-radius:0;border:none;padding:13px 39px 10px 36px;background-position:8px center}
#yjMusthead .langSelect>p::after{margin:-1px 0 0;width:5px;height:5px;border-top:solid 1px #3d89d3;border-right:solid 1px #3d89d3;right:14px;top:50%}
#yjMusthead .langSelect ul{border:none;border-radius:0;border-top:2px solid #ccc;border-bottom:2px solid #ccc;margin-top:0}
}
@media screen and (max-width:769px){
#yjMusthead{margin:0;padding:4px 2px 2px}
#yjMusthead .yjMusthead_logo{width:210px;height:22px;margin-left:4px;padding:15px 8px 8px 4px}
#yjMusthead .yjMusthead_logo a{background-image:url(https://s.yimg.jp/c/logo/f/2.0/weathere_r_34_2x.png);background-size:210px 22px;width:210px;height:22px}
html:lang(ja) #yjMusthead .yjMusthead_logo{padding:10px 8px 8px 4px}
}
#breadcrumbs ol{line-height:1.2;margin:0 8px 8px}
#breadcrumbs li{position:relative;font-size:.875rem;float:left;overflow:hidden;padding-right:20px}
#breadcrumbs li:last-child{float:none;padding-right:0}
#breadcrumbs li:last-child::after{display:none}
#breadcrumbs li::after{content:'';width:5px;height:5px;border:0;border-top:solid 1px #333;border-right:solid 1px #333;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:4px;right:8px}
@media screen and (max-width:860px){
html:lang(ja) #breadcrumbs{margin:0}
html:lang(ja) #breadcrumbs ol{border-top:1px solid #ccc;padding:8px 8px 4px;line-height:1.2;margin:4px 2px}
html:lang(ja) #breadcrumbs ol li{white-space:nowrap}
#breadcrumbs{margin:0}
#breadcrumbs ol{border-top:1px solid #ccc;padding:8px 8px 4px;line-height:1.2;margin:10px 2px 4px}
#breadcrumbs ol li{white-space:nowrap}
}
@media screen and (max-width:769px){
html #breadcrumbs ol{margin:4px 2px}
}
.temporaryInfo{border:2px solid #f2f2f2;border-radius:3px;padding:8px;margin:8px;text-align:left}
.temporaryInfo_text{display:inline-block;color:red;font-size:.9375rem}
.temporaryInfo_text.en,.temporaryInfo_text.ko,.temporaryInfo_text.zhcn,.temporaryInfo_text.zhtw{display:none}
.contentsLink{margin-top:16px;background:#f2f2f2}
.contentsLink .block{padding:100px 10px}
.reload{margin-top:24px;text-align:center}
.reload .reload_btn{display:inline-block;width:80%;padding:12px 8px;line-height:1.2;text-align:center;border:1px solid #1c4d8e;border-radius:5px}
.share{text-align:center}
.share .share_service li{display:inline-block;margin:0 8px}
.share .share_service li a{display:inline-block;text-indent:-9999px;background-position:0 0;background-size:48px 48px;background-repeat:no-repeat;width:48px;height:48px}
.share .share_service .share_service_twitter a{background-image:url(https://s.yimg.jp/images/emg/sp/notebook/img/common/logo_twitter.png)}
.share .share_service .share_service_facebook a{background-image:url(https://s.yimg.jp/images/emg/sp/notebook/img/common/logo_facebook.png)}
.share .share_service .share_service_line a{background-image:url(https://d.line-scdn.net/r/web/social-plugin/img/common/square-default-small.png)}
.otherContents{margin-top:16px}
.otherContents.disastersList{display:block}
.otherContents.navigation{display:none}
.otherContents.disastersList .otherContents-list,.otherContents.messageService .otherContents-list,.otherContents.navigation .otherContents-list{font-size:.9375rem;background-color:#f8f5f2}
.otherContents.disastersList .otherContents-list::after,.otherContents.messageService .otherContents-list::after,.otherContents.navigation .otherContents-list::after{content:"";display:block;clear:both}
.otherContents.disastersList .otherContents-list .otherContents-list-item,.otherContents.messageService .otherContents-list .otherContents-list-item,.otherContents.navigation .otherContents-list .otherContents-list-item{-webkit-box-sizing:border-box;box-sizing:border-box;float:left;width:50%;border-bottom:1px solid #e3e3e3}
.otherContents.disastersList .otherContents-list .otherContents-list-item:nth-child(odd),.otherContents.messageService .otherContents-list .otherContents-list-item:nth-child(odd),.otherContents.navigation .otherContents-list .otherContents-list-item:nth-child(odd){border-right:1px solid #e3e3e3}
.otherContents.disastersList .otherContents-list .otherContents-list-item:last-child,.otherContents.disastersList .otherContents-list .otherContents-list-item:nth-child(odd):nth-last-child(2),.otherContents.messageService .otherContents-list .otherContents-list-item:last-child,.otherContents.messageService .otherContents-list .otherContents-list-item:nth-child(odd):nth-last-child(2),.otherContents.navigation .otherContents-list .otherContents-list-item:last-child,.otherContents.navigation .otherContents-list .otherContents-list-item:nth-child(odd):nth-last-child(2){border-bottom:none}
.otherContents.disastersList .otherContents-list .otherContents-list-item a,.otherContents.messageService .otherContents-list .otherContents-list-item a,.otherContents.navigation .otherContents-list .otherContents-list-item a{display:block;min-height:42px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:11px 8px 10px 12px}
.otherContents.safetyConfirmation .header.middle.otherContents-title{background-color:#f7f7f7}
.otherContents.messageService .header.middle.otherContents-title{background-color:#f7f7f7}
.otherContents.messageService .otherContents-list{font-size:.8125rem;border-top:1px solid #ccc;background-color:#f7f7f7}
.otherContents.messageService .otherContents-list .otherContents-list-item:nth-child(5){display:none}
.otherContents.messageService .otherContents-list .otherContents-list-item a{padding:13px 8px 10px}
.otherContents.relatedLinks .header.middle.otherContents-title{background-color:#f7f7f7}
.otherContents.relatedLinks .otherContents-list .otherContents-list-item{border-bottom:1px solid #e3e3e3}
.otherContents.relatedLinks .otherContents-list .otherContents-list-item:first-child{border-top:1px solid #ccc}
.otherContents.relatedLinks .otherContents-list .otherContents-list-item .relatedLinks-link{display:block;background-color:#f7f7f7;padding:10px 12px}
.otherContents.relatedLinks .otherContents-list .otherContents-list-item .relatedLinks-list .relatedLinks-title{font-weight:700;font-size:.9375rem}
.otherContents.relatedLinks .otherContents-list .otherContents-list-item .relatedLinks-list .relatedLinks-text{font-size:.875rem;color:#333;margin-top:4px}
.otherContents.safetyConfirmation .header.middle.otherContents-title{background-color:#f7f7f7}
.otherContents.safetyConfirmation .header.middle.otherContents-title .safetyConfirmation-subTitle{font-weight:400;font-size:.75rem;vertical-align:text-bottom}
.otherContents.safetyConfirmation .otherContents-list .otherContents-list-item{border-bottom:1px solid #e3e3e3}
.otherContents.safetyConfirmation .otherContents-list .otherContents-list-item.tel171 .safetyConfirmation-button{display:none}
.otherContents.safetyConfirmation .otherContents-list .otherContents-list-item .safetyConfirmation-list{background:0 0;padding:16px 12px}
.otherContents.safetyConfirmation .otherContents-list .otherContents-list-item:first-child{border-top:1px solid #ccc}
.otherContents.safetyConfirmation .otherContents-list .otherContents-list-item .safetyConfirmation-title{font-weight:700;font-size:.9375rem}
.otherContents.safetyConfirmation .otherContents-list .otherContents-list-item .safetyConfirmation-text{font-size:.875rem;color:#333;margin-top:4px}
.otherContents.safetyConfirmation .otherContents-list .otherContents-list-item .safetyConfirmation-button{display:none}
.otherContents.safetyConfirmation .otherContents-list .otherContents-list-item .safetyConfirmation-link{display:block;background-color:#f7f7f7;padding:10px 12px}
.otherContents.safetyConfirmation .otherContents-list .otherContents-list-item .safetyConfirmation-button,.otherContents.safetyConfirmation .otherContents-list .otherContents-list-item .safetyConfirmation-link{font-size:.875rem;background:0 0;position:relative;border:none;margin-top:8px;margin-left:0;width:auto;padding:0 20px 0 0;display:table}
.otherContents.safetyConfirmation .otherContents-list .otherContents-list-item .safetyConfirmation-button::before,.otherContents.safetyConfirmation .otherContents-list .otherContents-list-item .safetyConfirmation-link::before{content:"";position:absolute;width:7px;height:7px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-right:2px solid #05c;border-top:2px solid #05c;top:50%;right:0;margin-top:-5px}
@media screen and (max-width:769px){
.otherContents.safetyConfirmation .otherContents-list .otherContents-list-item.tel171 .safetyConfirmation-button{display:block}
.otherContents.safetyConfirmation .otherContents-list .otherContents-list-item .safetyConfirmation-list .safetyConfirmation-button{display:block;padding:0}
.otherContents.safetyConfirmation .otherContents-list .otherContents-list-item .safetyConfirmation-list .safetyConfirmation-button::before{display:none}
.otherContents.safetyConfirmation .otherContents-list .otherContents-list-item .safetyConfirmation-list .safetyConfirmation-button .linkButton,.otherContents.safetyConfirmation .otherContents-list .otherContents-list-item .safetyConfirmation-list .safetyConfirmation-button .telButton{border:1px solid #05c;color:#05c;margin-top:8px;padding:10px;border-radius:4px;position:relative;font-size:.875rem;display:block;text-align:center}
.otherContents.safetyConfirmation .otherContents-list .otherContents-list-item .safetyConfirmation-list .safetyConfirmation-button .telButton{border:0;background:#090;color:#fff}
.otherContents.safetyConfirmation .otherContents-list .otherContents-list-item .safetyConfirmation-list .safetyConfirmation-button .telButton::before{content:'';background:url(https://s.yimg.jp/images/emg/sp/notebook/img/common/icon_phone.png) no-repeat;background-size:18px;width:18px;height:18px;display:inline-block;vertical-align:middle;margin:0 5px 2px 0}
.otherContents.safetyConfirmation .otherContents-list .otherContents-list-item .safetyConfirmation-list .safetyConfirmation-link{text-align:center;background:0 0;font-size:.875rem;margin:12px auto 8px;padding:0;display:block}
.otherContents.safetyConfirmation .otherContents-list .otherContents-list-item .safetyConfirmation-list .safetyConfirmation-link::before{display:none}
}
#footer{margin-top:24px;text-align:center;border-top:1px solid #ccc}
#footer .sp{display:none}
#footer .footerLinkBottom{font-size:.875rem;padding:10px 0 0}
#footer .pc.copyright{padding:0 0 20px}
@media screen and (max-width:860px){
#footer{border-top:3px solid #d4d7db;background:#eee;padding:13px 10px 15px 10px;margin-top:24px;text-align:center}
#footer .pc{display:none}
#footer .sp.footerLinkTop{display:block}
#footer .sp.footerLinkTop li{display:inline}
#footer .sp.footerLinkTop li::after{content:" | "}
#footer .sp.footerLinkTop li:last-child::after{content:none}
#footer .sp.footerLinkBottom{display:block}
#footer .footerLinkBottom{padding:0}
#footer .sp.copyright{display:block}
}
.morelink{text-align:center;margin:16px 16px 0}
.morelink a{display:block;padding:15px 0;border:solid 1px #05c;border-radius:3px;font-size:1rem}
.announcement{text-align:right;font-size:.875rem;margin-top:8px;padding:8px 8px 6px 0;border-top:1px solid #f2f2f2}
.announcement .datetime{display:inline-block}
.announcement .issued{display:inline-block;margin-left:8px}
.readMore{margin:8px 8px 0 8px}
.readMore ul{margin:0 auto;overflow:hidden}
.readMore li{display:table-cell;font-size:14px;line-height:1.6;vertical-align:middle}
.readMore .readMoreBtn{white-space:nowrap;float:right}
.readMore .readMoreBtn a{height:33px;line-height:33px;color:#fff;font-weight:700;position:relative;display:inline-block;background:#4672d0}
.readMore .readMoreBtn a{margin-right:17px;padding-left:10px;padding-right:7px}
.readMore .readMoreBtn a:before{content:"";position:absolute;display:block;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(194,225,245,0);border-width:16.5px;margin-top:-16.5px;top:50%}
.readMore .readMoreBtn a:before{left:100%;border-left-color:#4672d0}
.block_toCrisisMap.module_emergencyEarthquake{background-color:#f5f5f5;border:1px solid #c4b1a0;padding-bottom:15px;margin:20px 10px 10px}
.block_toCrisisMap.module_emergencyEarthquake .label_check{margin-bottom:20px;padding:12px;background-color:#eee7e0;color:#815d38;font-weight:700}
.block_toCrisisMap.module_emergencyEarthquake .list_check{position:relative;margin-top:10px;padding:0 15px 0 36px;font-size:.9375rem}
.block_toCrisisMap.module_emergencyEarthquake .list_check::before{content:"";display:block;position:absolute;top:8px;left:20px;margin:auto;width:6px;height:6px;border-radius:100%;background:#444}
.block_toCrisisMap.module_emergencyEarthquake .btn_searchCrisisMap{text-align:center;margin-top:15px}
.block_toCrisisMap.module_emergencyEarthquake .btn_searchCrisisMap a{width:186px;text-align:center;padding:11px 8px;display:inline-block;color:#fff;border-radius:6px;background-color:#2eb272}
@media screen and (max-width:769px){
#wrapper{width:100%;min-width:320px;margin:0 auto}
#main{width:100%;float:none;margin-right:0}
#sub{float:none;width:100%;margin-top:8px}
.module_tsunami.block_toCrisisMap .block_searchCrisisForm .btn_searchCrisisMap{margin-top:0;margin-bottom:10px}
.block_toCrisisMap.module_tsunami>.block_searchCrisisForm{display:none}
.block_toCrisisMap.module_tsunami{background:0 0;margin:10px 10px 20px;padding:0;max-width:100%}
.block_toCrisisMap.module_tsunami .btn_searchCrisisMap{display:block;width:100%}
.block_toCrisisMap.module_tsunami #shelterForm #searchTxtBg,.block_toCrisisMap.module_tsunami #shelterForm .label_city,.block_toCrisisMap.module_tsunami #shelterForm .label_searchCrisisMap,.block_toCrisisMap.module_tsunami #shelterForm .searchTxt_ex{display:none}
.block_toCrisisMap.module_tsunami #shelterForm .btn_searchCrisisMap{position:relative}
.block_toCrisisMap.module_tsunami #shelterForm .btn_searchCrisisMap::before{content:"現在地周辺の避難場所を探す";position:absolute;color:#2154a9;font-weight:700;z-index:1;font-size:.875rem;width:100%;text-align:center;top:0;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f5f5f5;border-radius:4px;z-index:-1}
.block_toCrisisMap.module_tsunami #shelterForm .btn_searchCrisisMap::after{content:"";position:absolute;top:50%;left:50%;width:30px;height:30px;margin-top:-15px;margin-left:-130px;background-image:url(https://s.yimg.jp/images/weather/smp/v2/img/crisismap/icn_crisisMap_tsunami.png);background-size:30px 30px;background-repeat:no-repeat}
.block_toCrisisMap.module_tsunami #shelterForm #searchBtn{position:relative;vertical-align:middle;display:block;width:100%;background:#f5f5f5;border:none;border-radius:4px;min-height:48px;margin:0 auto;padding:6px 8px;font-size:.9375rem;text-indent:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:0;opacity:0;z-index:1}
.block_toCrisisMap.module_tsunami .block_searchCrisisForm{display:block}
#sub .otherContents{margin-left:8px;margin-right:8px}
}
.source{font-size:.8125rem;margin:24px 8px 0;padding:10px 12px 8px;border:2px solid #f2f2f2}
.source .title{font-weight:700}
.source .comment{margin-top:4px;display:inline-block}
.source .link{display:inline-block}
.explanation::after{content:"";display:block;clear:both}
.explanation{margin:24px 4px 0;background-color:#f2f2f2}
.explanation .title{font-size:1.125rem;font-weight:700;border-bottom:1px solid #ccc;padding:12px 16px}
.explanation .explanation-level{display:-webkit-box;display:-ms-flexbox;display:flex}
.explanation .explanation-level .explanation-level-image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:.75rem;font-weight:700;padding:0 24px 24px}
.explanation .explanation-level .explanation-level-image .high{padding-top:24px}
.explanation .explanation-level .explanation-level-image .high span{display:inline-block;line-height:1;padding:6px;color:#fff;border-radius:24px;background-color:#636363}
.explanation .explanation-level .explanation-level-image .danger{padding:4px 0;min-width:3em}
.explanation .explanation-level .explanation-level-image .low span{display:inline-block;line-height:1;padding:6px;color:#636363;border:2px solid #636363;border-radius:30px}
.explanation .explanation-level .explanation-level-image .arrow-bottom,.explanation .explanation-level .explanation-level-image .arrow-top{position:relative;height:50%;width:4px;margin:0 auto;background:#ccc}
.explanation .explanation-level .explanation-level-image .arrow-top{position:relative;height:50%;width:4px;margin:4px auto 0;background:#ccc}
.explanation .explanation-level .explanation-level-image .arrow-top::before{content:'';width:16px;height:16px;display:block;border-radius:2px;border-top:solid 4px #ccc;border-right:solid 4px #ccc;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:0;bottom:0;left:-8px;margin:0}
.explanation .explanation-level-detail{font-size:.875rem;padding-bottom:48px}
.explanation .explanation-level-detail .level{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;width:5em;padding:4px;margin-top:8px;font-size:.8125rem;font-weight:700;text-align:center}
.explanation .explanation-level-detail .level.emergency{background-color:#6648c0;color:#fff}
.explanation .explanation-level-detail .level.warning{background-color:#e60013;color:#fff}
.explanation .explanation-level-detail .level.caution{background-color:#ff9500}
.explanation .explanation-level-detail .level.advisory{background-color:#ffd200}
.explanation .explanation-level-detail .level.prepare{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#f2f2f2;border:1px solid #ccc}
.explanation .explanation-level-detail .level.danger_grade_40{background-color:#6648c0;color:#fff}
.explanation .explanation-level-detail .level.danger_grade_30{background-color:#e60013;color:#fff}
.explanation .explanation-level-detail .level.danger_grade_20{background-color:#ff9500}
.explanation .explanation-level-detail .level.danger_grade_10{background-color:#ffd200}
.explanation .explanation-level-detail .level.danger_grade_none{background-color:#fff}
.explanation .explanation-level-detail .level:first-child{margin-top:48px}
.explanation .explanation-level-detail dd p:first-of-type{margin-top:4px}
.explanation .explanation-level-detail .message{font-size:.8125rem;margin:0 4px;line-height:1.5}
.explanation .explanation-level-detail .status{font-size:.8125rem;margin:0 4px;font-weight:700}
.explanation.volcano .explanation-level-detail{margin-right:38px}
.explanation.volcano .explanation-level-detail .level{width:100%;text-align:left;padding:5px 8px;line-height:1.3;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:3px;max-width:22em;text-align:center}
.explanation.volcano .explanation-level-detail .level.explanation-label-15,.explanation.volcano .explanation-level-detail .level.explanation-label-25{background-color:#6648c0;color:#fff}
.explanation.volcano .explanation-level-detail .level.explanation-label-14{background-color:#e60013;color:#fff}
.explanation.volcano .explanation-level-detail .level.explanation-label-13,.explanation.volcano .explanation-level-detail .level.explanation-label-23,.explanation.volcano .explanation-level-detail .level.explanation-label-36{background-color:#ff9500}
.explanation.volcano .explanation-level-detail .level.explanation-label-12,.explanation.volcano .explanation-level-detail .level.explanation-label-22{background-color:#ffd200}
.explanation.volcano .explanation-level-detail .level.explanation-label-11,.explanation.volcano .explanation-level-detail .level.explanation-label-21,.explanation.volcano .explanation-level-detail .level.explanation-label-35{background-color:#f2f2f2;border:1px solid #ccc}
.explanation.volcano .explanation-level-detail dd+.level{margin-top:16px}
.explanation.simple{padding-bottom:24px}
.explanation.simple::after{content:"";display:block;clear:both}
.explanation.simple .explanation-level{padding:24px 24px 0;float:left}
.explanation.simple .explanation-level .explanation-level-image{padding:0 16px 0 8px}
.explanation.simple .explanation-level .explanation-level-image .high{padding-top:0}
.explanation.simple .explanation-level-detail{font-size:.875rem;padding-bottom:0}
.explanation.simple .explanation-level-detail .level{display:block;width:30px;height:30px;margin-top:8px;border-radius:2px;padding:0}
.explanation.simple .explanation-level-detail .level:first-child{margin-top:0}
.explanation.simple .explanation-text{padding:24px 24px 0;font-size:.9375rem;line-height:1.5}
.jis .disaster .disaster_info{position:relative;border:2px solid #eae9f0;border-radius:4px;margin:8px 8px 0;padding:12px 8px 12px 70px;background-position:12px center;background-repeat:no-repeat;background-size:48px 48px}
.jis .disaster .disaster_info .disaster_info_link{color:#333}
.jis .disaster .disaster_info .disaster_info_title{font-size:1.25rem;font-weight:700}
.jis .disaster .disaster_info .disaster_info_inEffectLabel{position:absolute;right:16px;top:12px;font-size:.875rem;color:#737373}
.jis .disaster .disaster_info .disaster_info_message{font-weight:700;margin-top:4px}
.jis .disaster .disaster_info_addition{color:#737373;margin-top:4px;font-size:.8125rem;line-height:1.2}
.jis .disaster .disaster_info_status .statusLabel{display:inline-block;border-radius:2px;margin:2px 0 0 4px;padding:6px 8px 4px;font-size:.875rem;line-height:1.2}
.jis .disaster .disaster_info_status .statusLabel:first-child{margin-left:0}
.jis .disaster .disaster_info_addition.earthquake_maxsi .epicenter,.jis .disaster .disaster_info_addition.earthquake_maxsi .maxsi{display:inline-block}
.jis .disaster .disaster_info_addition.earthquake_maxsi .maxsi::after{content:"："}
.jis .disaster .disaster_info.danger_grade_40{border:7px solid #6648c0;background-position:12px 75%}
.jis .disaster .disaster_info.danger_grade_40 .disaster_info_title{background-color:#6648c0;color:#fff;font-weight:700;padding:0 0 6px 6px;margin:-12px -8px 0 -70px}
.jis .disaster .disaster_info.danger_grade_40 .disaster_info_message{margin-top:8px}
.jis .disaster .disaster_info.danger_grade_40 .disaster_info_status .statusLabel{color:#fff;font-size:1rem;font-weight:700;margin-top:10px;background:#6648c0}
.jis .disaster .disaster_info.danger_grade_40 .disaster_info_addition{color:#333}
.jis .disaster .disaster_info.danger_grade_40 .disaster_info_inEffectLabel{top:6px;color:#fff}
.jis .disaster .disaster_info.danger_grade_30{border-left:7px solid #e60013}
.jis .disaster .disaster_info.danger_grade_30 .disaster_info_status .statusLabel{color:#fff;background:#e60013}
.jis .disaster .disaster_info.danger_grade_20{border-left:7px solid #ff9500}
.jis .disaster .disaster_info.danger_grade_20 .disaster_info_status .statusLabel{background:#ff9500}
.jis .disaster .disaster_info.danger_grade_10{border-left:7px solid #ffd200}
.jis .disaster .disaster_info.danger_grade_10 .disaster_info_status .statusLabel{background:#ffd200}
.jis .disaster .disaster_info.danger_grade_none .disaster_info_status .statusLabel{color:#fff;background:#888}
.jis .disaster .rainrisk.disaster_info .level{line-height:1.2}
.jis .disaster .rainrisk.disaster_info .disaster_info_status{margin-top:4px}
.jis .disaster .rainrisk.disaster_info .disaster_info_addition{margin-top:8px}
.jis .disaster .rainrisk.disaster_info.danger_grade_40{border:2px solid #5d0e85;background-position:12px center}
.jis .disaster .rainrisk.disaster_info.danger_grade_35{border:2px solid #cf40ff}
.jis .disaster .rainrisk.disaster_info.danger_grade_30{border:2px solid #e60013}
.jis .disaster .rainrisk.disaster_info .disaster_info_title{background-color:transparent;color:#333;padding:0;margin:0}
.jis .disaster .rainrisk.disaster_info .disaster_info_title .message{font-size:1rem;font-weight:400}
.jis .disaster .rainrisk.disaster_info .disaster_info_status .statusLabel{font-weight:400;margin:0 4px 0 0;font-size:.875rem}
.jis .disaster .rainrisk.disaster_info.flood_dg_40 .disaster_info_status .statusLabel.flood,.jis .disaster .rainrisk.disaster_info.landslide_dg_40 .disaster_info_status .statusLabel.landslide{color:#fff;background:#5d0e85}
.jis .disaster .rainrisk.disaster_info.flood_dg_35 .disaster_info_status .statusLabel.flood,.jis .disaster .rainrisk.disaster_info.landslide_dg_35 .disaster_info_status .statusLabel.landslide{color:#fff;background:#cf40ff}
.jis .disaster .rainrisk.disaster_info.flood_dg_30 .disaster_info_status .statusLabel.flood,.jis .disaster .rainrisk.disaster_info.landslide_dg_30 .disaster_info_status .statusLabel.landslide{color:#fff;background:#e60013}
.jis .disaster .typhoon.disaster_info{border:2px solid #3d89d3}
.jis .disaster .disaster_info.tsunami{background-image:url(https://s.yimg.jp/images/emg/app/icon/type/C02/tsunami_2x.png)}
.jis .disaster .disaster_info.tsunami .disaster_info_message{color:#e60013}
.jis .disaster .disaster_info.typhoon{background-image:url(https://hailstorm.c.yimg.jp/weather/fixed/typhoon/310261-WID.jpg);background-size:58px auto;background-position:6px center}
.jis .disaster .disaster_info.earthquake{background-image:url(https://s.yimg.jp/images/emg/app/icon/type/C02/earthquake_2x.png)}
.jis .disaster .disaster_info.evacuation{background-image:url(https://s.yimg.jp/images/emg/app/icon/type/C02/evacuation_2x.png)}
.jis .disaster .disaster_info.warn{background-image:url(https://s.yimg.jp/images/emg/app/icon/type/C02/warning_2x.png)}
.jis .disaster .disaster_info.dosha{background-image:url(https://s.yimg.jp/images/emg/app/icon/type/C02/dosha_2x.png)}
.jis .disaster .disaster_info.volcano{background-image:url(https://s.yimg.jp/images/emg/app/icon/type/C02/volcano_2x.png)}
.jis .disaster .disaster_info.river{background-image:url(https://s.yimg.jp/images/emg/app/icon/type/C02/flood_2x.png)}
.jis .disaster .disaster_info.rainstorm{background-image:url(https://s.yimg.jp/images/emg/app/icon/type/C02/rain_2x.png)}
.jis .disaster .disaster_info.heats{background-image:url(https://s.yimg.jp/images/emg/app/icon/type/C02/heats_2x.png)}
.jis .disaster .disaster_info.jalert{background-image:url(https://s.yimg.jp/images/emg/app/icon/type/C02/jalert_2x.png)}
.jis .disaster .disaster_info.rainrisk{background-image:url(https://s.yimg.jp/images/emg/app/icon/type/C02/hrrsk_v2_2x.png)}
.jis .disaster .disaster_noInfo{padding:32px 16px;margin:8px 8px 0;background-color:#fafafc;border-radius:5px;text-align:center}
.jis .disaster .disaster_noInfo .disaster_noInfo_datetime{margin-top:4px;font-size:.875rem;color:#737373}
.jis .weather{margin-top:16px}
.jis .weather .header{position:relative}
.jis .weather .header.middle{border-top:none}
.jis .weather .header .fcChange{position:absolute;display:inline-block;right:3px;top:3px;background:#fff;border:1px solid #ccc;border-radius:6px;font-weight:700}
.jis .weather .header .fcChange .celsius{display:inline-block;padding:4px 12px;border-radius:5px 0 0 5px}
.jis .weather .header .fcChange .fahrenheit{display:inline-block;padding:4px 12px;border-radius:0 5px 5px 0}
.jis .weather .header .fcChange .celsius.isCurrent,.jis .weather .header .fcChange .fahrenheit.isCurrent{background:#1e78c7;color:#fff}
.jis .weather .weather-list-item.weather-day{display:-webkit-box;display:-ms-flexbox;display:flex}
.jis .weather .weather-list-item.weather-day .weather-today{border-right:2px solid #ccc}
.jis .weather .weather-list-item.weather-day .weather-today,.jis .weather .weather-list-item.weather-day .weather-tommorow{text-align:center;width:50%;margin-top:8px;padding:8px}
.jis .weather .weather-list-item.weather-day .weather-today .weather-date,.jis .weather .weather-list-item.weather-day .weather-tommorow .weather-date{font-weight:700;margin-left:8px}
.jis .weather .weather-list-item.weather-day .weather-today .weather-date .sat,.jis .weather .weather-list-item.weather-day .weather-tommorow .weather-date .sat{color:#3869ff}
.jis .weather .weather-list-item.weather-day .weather-today .weather-date .sun,.jis .weather .weather-list-item.weather-day .weather-tommorow .weather-date .sun{color:#f6001e}
.jis .weather .weather-list-item.weather-day .weather-today .weather-telop,.jis .weather .weather-list-item.weather-day .weather-tommorow .weather-telop{margin-top:12px;text-align:center}
.jis .weather .weather-list-item.weather-day .weather-today .weather-telop img,.jis .weather .weather-list-item.weather-day .weather-tommorow .weather-telop img{width:60%}
.jis .weather .weather-list-item.weather-day .weather-today .weather-temperature,.jis .weather .weather-list-item.weather-day .weather-tommorow .weather-temperature{text-align:center}
.jis .weather .weather-list-item.weather-day .weather-today .weather-temperature dd,.jis .weather .weather-list-item.weather-day .weather-today .weather-temperature dl,.jis .weather .weather-list-item.weather-day .weather-today .weather-temperature dt,.jis .weather .weather-list-item.weather-day .weather-tommorow .weather-temperature dd,.jis .weather .weather-list-item.weather-day .weather-tommorow .weather-temperature dl,.jis .weather .weather-list-item.weather-day .weather-tommorow .weather-temperature dt{display:inline-block}
.jis .weather .weather-list-item.weather-day .weather-today .weather-temperature .high,.jis .weather .weather-list-item.weather-day .weather-tommorow .weather-temperature .high{font-size:.875rem;font-weight:700;color:#f6001e}
.jis .weather .weather-list-item.weather-day .weather-today .weather-temperature .low,.jis .weather .weather-list-item.weather-day .weather-tommorow .weather-temperature .low{font-size:.875rem;font-weight:700;color:#3869ff}
.jis .weather .weather-list-item.weather-day .weather-today .weather-temperature .highDiff,.jis .weather .weather-list-item.weather-day .weather-tommorow .weather-temperature .highDiff{font-size:.75rem;color:#f6001e}
.jis .weather .weather-list-item.weather-day .weather-today .weather-temperature .lowDiff,.jis .weather .weather-list-item.weather-day .weather-tommorow .weather-temperature .lowDiff{font-size:.75rem;color:#3869ff}
.jis .weather .weather-list-item.weather-day .weather-today .weather-precip,.jis .weather .weather-list-item.weather-day .weather-tommorow .weather-precip{display:inline-block;padding:0 12px 0 16px;background-image:url(http://design02.weath.ssk.ynwm.yahoo.co.jp/cre_emg/yimg/meteo/img/weather-jis-rain-day.png);background-size:12px 12px;background-repeat:no-repeat;background-position:2px 4px;font-size:.875rem;text-align:center}
.jis .weather .weather-list-item.weather-hour{margin-top:8px}
.jis .weather .weather-list-item.weather-hour .weather-hour-nav{margin:8px 0 0 8px}
.jis .weather .weather-list-item.weather-hour .weather-hour-nav li{display:inline-block}
.jis .weather .weather-list-item.weather-hour .weather-hour-nav li button{text-align:center;min-width:64px;color:#1e78c7;border:1px solid #1e78c7;background:#fff;padding:2px 8px;border-radius:16px}
.jis .weather .weather-list-item.weather-hour .weather-hour-nav li button:focus{outline:0}
.jis .weather .weather-list-item.weather-hour .weather-hour-nav li button.current{color:#fff;font-weight:700;background:#1e78c7}
.jis .weather .weather-list-item.weather-hour .weather-hour-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin-top:8px}
.jis .weather .weather-list-item.weather-hour .weather-hour-wrapper .weather-hour-image{width:32px!important;-ms-flex-negative:1;flex-shrink:1;background-color:#ccc}
.jis .weather .weather-list-item.weather-hour .weather-hour-wrapper .weather-hour-content{-ms-flex-negative:9999;flex-shrink:9999;overflow-x:auto;white-space:nowrap;margin-left:40px}
.jis .weather .weather-list-item.weather-hour .weather-hour-wrapper .weather-hour-content .weather-hour-content-table{font-size:.75rem;text-align:center;border-spacing:0}
.jis .weather .weather-list-item.weather-hour .weather-hour-wrapper .weather-hour-content .weather-hour-content-table th{-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #ccc;text-indent:-9999px;position:absolute;width:40px;height:27px;left:0}
.jis .weather .weather-list-item.weather-hour .weather-hour-wrapper .weather-hour-content .weather-hour-content-table .hour th,.jis .weather .weather-list-item.weather-hour .weather-hour-wrapper .weather-hour-content .weather-hour-content-table .humidity th,.jis .weather .weather-list-item.weather-hour .weather-hour-wrapper .weather-hour-content .weather-hour-content-table .precip th,.jis .weather .weather-list-item.weather-hour .weather-hour-wrapper .weather-hour-content .weather-hour-content-table .temperature th{background-size:20px 20px;background-repeat:no-repeat;background-position:center 3px}
.jis .weather .weather-list-item.weather-hour .weather-hour-wrapper .weather-hour-content .weather-hour-content-table .hour th{height:20px;background-image:url(http://design02.weath.ssk.ynwm.yahoo.co.jp/cre_emg/yimg/meteo/img/weather-jis-time.png);background-position:center 0}
.jis .weather .weather-list-item.weather-hour .weather-hour-wrapper .weather-hour-content .weather-hour-content-table .temperature th{background-image:url(http://design02.weath.ssk.ynwm.yahoo.co.jp/cre_emg/yimg/meteo/img/weather-jis-temperature.png)}
.jis .weather .weather-list-item.weather-hour .weather-hour-wrapper .weather-hour-content .weather-hour-content-table .precip th{background-image:url(http://design02.weath.ssk.ynwm.yahoo.co.jp/cre_emg/yimg/meteo/img/weather-jis-rain-hour.png)}
.jis .weather .weather-list-item.weather-hour .weather-hour-wrapper .weather-hour-content .weather-hour-content-table .humidity th{background-image:url(http://design02.weath.ssk.ynwm.yahoo.co.jp/cre_emg/yimg/meteo/img/weather-jis-humidity.png)}
.jis .weather .weather-list-item.weather-hour .weather-hour-wrapper .weather-hour-content .weather-hour-content-table td{height:27px;padding:0 4px}
.jis .weather .weather-list-item.weather-hour .weather-hour-wrapper .weather-hour-content .weather-hour-content-table .hour td{-webkit-box-sizing:border-box;box-sizing:border-box;height:20px;font-size:.625rem;border-bottom:2px solid #f2f2f2}
.jis .weather .weather-list-item.weather-hour .weather-hour-wrapper .weather-hour-content .weather-hour-content-table .hour td.current{font-weight:700;border-bottom:2px solid #53a1f3}
.jis .weather .weather-list-item.weather-hour .weather-hour-wrapper .weather-hour-content .weather-hour-content-table .hour td.dayBreak{background:#f2f2f2;padding:0 4px}
.jis .weather .weather-list-item.weather-hour .weather-hour-wrapper .weather-hour-content .weather-hour-content-table .telop img{width:20px;vertical-align:text-top}
.earthquake .earthquakeView .tabView_navi,.earthquake .tsunamiView .tabView_navi{display:table;table-layout:fixed;width:100%;margin:10px auto 0}
.earthquake .earthquakeView .tabView_item,.earthquake .tsunamiView .tabView_item{display:table-cell;line-height:1;border-bottom:1px solid #e9e9e9}
.earthquake .earthquakeView .tabView_item a,.earthquake .tsunamiView .tabView_item a{display:block;padding:10px 0;text-align:center;position:relative;top:1px}
.earthquake .earthquakeView .tabView_item a::before,.earthquake .tsunamiView .tabView_item a::before{position:absolute;content:"";display:block;margin-top:-10px;top:50%;left:0;background:#e9e9e9;width:1px;height:20px}
.earthquake .earthquakeView .tabView_item a.is-current,.earthquake .tsunamiView .tabView_item a.is-current{border-bottom:4px solid #815d38;font-weight:700;color:#333}
.earthquake .earthquakeView .tabView_item:first-child a::before,.earthquake .tsunamiView .tabView_item:first-child a::before{display:none}
.earthquake .earthquakeView .tabView_content,.earthquake .tsunamiView .tabView_content{display:none}
.earthquake .earthquakeView .tabView_content.is-active,.earthquake .tsunamiView .tabView_content.is-active{display:block;width:100%;max-width:600px;margin:4px auto 0}
.earthquake .earthquakeView .tabView_content img,.earthquake .tsunamiView .tabView_content img{display:block;max-width:100%}
.earthquake .earthquakeView .tabView_content .noimage,.earthquake .tsunamiView .tabView_content .noimage{display:none}
.earthquake .earthquakeView_legend,.earthquake .tsunamiView_legend{background:#f2f2f2;padding:8px 2px}
.earthquake .earthquakeView_legend .earthquakeView_legend_epicenter dt,.earthquake .earthquakeView_legend .earthquakeView_legend_si dt,.earthquake .tsunamiView_legend .earthquakeView_legend_epicenter dt,.earthquake .tsunamiView_legend .earthquakeView_legend_si dt{font-size:.75rem;margin-bottom:2px}
.earthquake .earthquakeView_legend_list,.earthquake .tsunamiView_legend_list{font-size:0}
.earthquake .earthquakeView_legend_list li,.earthquake .tsunamiView_legend_list li{display:inline-block;margin-right:5px;font-size:.6875rem;line-height:22px}
.earthquake .earthquakeView_legend_list li:last-child,.earthquake .tsunamiView_legend_list li:last-child{margin-right:0}
.earthquake .earthquakeView_legend_list li .icon_si,.earthquake .tsunamiView_legend_list li .icon_si{position:relative;display:inline-block;width:20px;margin-right:2px;font-size:.625rem;color:#333;text-align:center;z-index:10}
.earthquake .earthquakeView_legend_list li .icon_si::before,.earthquake .tsunamiView_legend_list li .icon_si::before{position:absolute;content:"";display:block;top:2px;left:1px;width:18px;height:18px;background:#ccc;border-radius:9px;z-index:-5}
.earthquake .earthquakeView_legend_list li .icon_si::after,.earthquake .tsunamiView_legend_list li .icon_si::after{position:absolute;content:"";display:block;top:0;left:-1px;width:22px;height:22px;background:#fff;border-radius:11px;z-index:-10}
.earthquake .earthquakeView_legend_list li .icon_si.icon_si-1::before,.earthquake .tsunamiView_legend_list li .icon_si.icon_si-1::before{background:#ececec}
.earthquake .earthquakeView_legend_list li .icon_si.icon_si-2,.earthquake .tsunamiView_legend_list li .icon_si.icon_si-2{color:#fff}
.earthquake .earthquakeView_legend_list li .icon_si.icon_si-2::before,.earthquake .tsunamiView_legend_list li .icon_si.icon_si-2::before{background:#0097ff}
.earthquake .earthquakeView_legend_list li .icon_si.icon_si-3,.earthquake .tsunamiView_legend_list li .icon_si.icon_si-3{color:#fff}
.earthquake .earthquakeView_legend_list li .icon_si.icon_si-3::before,.earthquake .tsunamiView_legend_list li .icon_si.icon_si-3::before{background:#0058e4}
.earthquake .earthquakeView_legend_list li .icon_si.icon_si-4::before,.earthquake .tsunamiView_legend_list li .icon_si.icon_si-4::before{background:#f7ea41}
.earthquake .earthquakeView_legend_list li .icon_si.icon_si-5l::before,.earthquake .tsunamiView_legend_list li .icon_si.icon_si-5l::before{background:#ffc32e}
.earthquake .earthquakeView_legend_list li .icon_si.icon_si-5s::before,.earthquake .tsunamiView_legend_list li .icon_si.icon_si-5s::before{background:#ff962a}
.earthquake .earthquakeView_legend_list li .icon_si.icon_si-6l,.earthquake .tsunamiView_legend_list li .icon_si.icon_si-6l{color:#fff}
.earthquake .earthquakeView_legend_list li .icon_si.icon_si-6l::before,.earthquake .tsunamiView_legend_list li .icon_si.icon_si-6l::before{background:#f91f1c}
.earthquake .earthquakeView_legend_list li .icon_si.icon_si-6s,.earthquake .tsunamiView_legend_list li .icon_si.icon_si-6s{color:#fff}
.earthquake .earthquakeView_legend_list li .icon_si.icon_si-6s::before,.earthquake .tsunamiView_legend_list li .icon_si.icon_si-6s::before{background:#c60036}
.earthquake .earthquakeView_legend_list li .icon_si.icon_si-7,.earthquake .tsunamiView_legend_list li .icon_si.icon_si-7{color:#fff}
.earthquake .earthquakeView_legend_list li .icon_si.icon_si-7::before,.earthquake .tsunamiView_legend_list li .icon_si.icon_si-7::before{background:#c20086}
.earthquake .earthquakeView_legend_list li .icoEpicenter,.earthquake .tsunamiView_legend_list li .icoEpicenter{position:relative;width:20px;margin-right:2px;text-indent:-9999px;display:inline-block}
.earthquake .earthquakeView_legend_list li .icoEpicenter::before,.earthquake .tsunamiView_legend_list li .icoEpicenter::before{display:block;content:"";position:absolute;margin-top:-2px;top:50%;left:0;width:19px;height:3px;background:#e74c3c;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:20}
.earthquake .earthquakeView_legend_list li .icoEpicenter::after,.earthquake .tsunamiView_legend_list li .icoEpicenter::after{display:block;content:"";position:absolute;margin-top:-2px;top:50%;left:0;width:19px;height:3px;background:#e74c3c;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);z-index:20}
.earthquake .earthquakeView_legend_list li .icoEpicenter span::before,.earthquake .tsunamiView_legend_list li .icoEpicenter span::before{display:block;content:"";position:absolute;margin-top:-5px;margin-left:-3px;top:50%;left:0;width:25px;height:9px;background:#fff;border-radius:3px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.earthquake .earthquakeView_legend_list li .icoEpicenter span::after,.earthquake .tsunamiView_legend_list li .icoEpicenter span::after{display:block;content:"";position:absolute;margin-top:-5px;margin-left:-3px;top:50%;left:0;width:25px;height:9px;background:#fff;border-radius:3px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.earthquake .earthquakeView_legend.earthquakeView_legend-area span::before,.earthquake .tsunamiView_legend.earthquakeView_legend-area span::before{border-radius:2px}
.earthquake .earthquakeView_legend.earthquakeView_legend-area span::after,.earthquake .tsunamiView_legend.earthquakeView_legend-area span::after{border-radius:3px}
.earthquake .tsunamiView .tabView_item a.is-current{border-bottom-color:#5089ff}
.earthquake .tsunamiView_legend{background:#f2f2f2;padding:8px}
.earthquake .tsunamiView_legend_list{font-size:0}
.earthquake .tsunamiView_legend_list li{display:inline;margin-right:10px;font-size:.75rem;line-height:28px;vertical-align:middle}
.earthquake .tsunamiView_legend_list li:last-child{margin-right:0}
.earthquake .tsunamiView_legend_list li .icoEpicenter{display:inline-block;position:relative;width:20px;margin-right:5px;text-indent:-9999px;vertical-align:top}
.earthquake .tsunamiView_legend_list li .icoEpicenter::before{display:block;content:"";position:absolute;margin-top:-1px;top:50%;left:0;width:19px;height:3px;background:#e74c3c;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:20}
.earthquake .tsunamiView_legend_list li .icoEpicenter::after{display:block;content:"";position:absolute;margin-top:-1px;top:50%;left:0;width:19px;height:3px;background:#e74c3c;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);z-index:20}
.earthquake .tsunamiView_legend_list li .icoEpicenter span::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.earthquake .tsunamiView_legend_list li .icoEpicenter span::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.earthquake .tsunamiView_legend_list li .icoAdvisory,.earthquake .tsunamiView_legend_list li .icoEmgWarning,.earthquake .tsunamiView_legend_list li .icoWarning{display:inline-block;overflow:unset;margin-right:5px;position:relative;border:solid 3px #fff;border-radius:6px;vertical-align:top}
.earthquake .tsunamiView_legend_list li .icoEmgWarning{background:#5f27cd}
.earthquake .tsunamiView_legend_list li .icoWarning{background:#ea2027}
.earthquake .tsunamiView_legend_list li .icoAdvisory{background:#ffc312}
.earthquake .tsunamiView_legend .icoAdvToEmg,.earthquake .tsunamiView_legend .icoAdvToWarn,.earthquake .tsunamiView_legend .icoAdvisory,.earthquake .tsunamiView_legend .icoEmgWarning,.earthquake .tsunamiView_legend .icoNormal,.earthquake .tsunamiView_legend .icoUnknown,.earthquake .tsunamiView_legend .icoWarnToEmg,.earthquake .tsunamiView_legend .icoWarning{display:inline-block;padding:5px;border-radius:2px;font-size:.75rem;line-height:1;overflow:hidden;text-align:center}
.earthquake .tsunamiView_legend .icoAdvToEmg small,.earthquake .tsunamiView_legend .icoAdvToWarn small,.earthquake .tsunamiView_legend .icoAdvisory small,.earthquake .tsunamiView_legend .icoEmgWarning small,.earthquake .tsunamiView_legend .icoNormal small,.earthquake .tsunamiView_legend .icoUnknown small,.earthquake .tsunamiView_legend .icoWarnToEmg small,.earthquake .tsunamiView_legend .icoWarning small{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}
.earthquake .tsunamiView_legend .icoAdvToEmg .icoUnknown,.earthquake .tsunamiView_legend .icoAdvToWarn .icoUnknown,.earthquake .tsunamiView_legend .icoAdvisory .icoUnknown,.earthquake .tsunamiView_legend .icoEmgWarning .icoUnknown,.earthquake .tsunamiView_legend .icoNormal .icoUnknown,.earthquake .tsunamiView_legend .icoUnknown .icoUnknown,.earthquake .tsunamiView_legend .icoWarnToEmg .icoUnknown,.earthquake .tsunamiView_legend .icoWarning .icoUnknown{min-width:initial;padding:5px 10px;font-weight:700}
.earthquake .tsunamiView_legend .icoAdvisory{background:#ffd400;color:#333}
.earthquake .tsunamiView_legend .icoAdvisory span{display:inline-block;position:relative}
.earthquake .tsunamiView_legend .icoWarning{background:#e60013;color:#fff}
.earthquake .tsunamiView_legend .icoEmgWarning{background:#6648c0;color:#fff}
.earthquake .tsunamiView_legend .icoWarnToEmg span:before{background-position:-60px 0}
.earthquake .tsunamiView_legend .icoAdvToWarn span:before{background-position:-40px 0}
.earthquake .tsunamiInfo+table .yjS{font-size:.875rem}
.earthquake .module_tsunami.block_toDoText{max-width:600px;font-size:.875rem;color:#333;margin:20px 0 20px 15px}
.earthquake .module_tsunami.block_toCrisisMap{background-color:#f5f5f5;background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/crisismap/icn_crisisMap_tsunami.png);background-size:63px 63px;background-repeat:no-repeat;background-position:12px 10px;padding:0 15px 10px 90px;margin:10px 0 20px 15px;border-radius:6px;max-width:500px}
.earthquake .module_tsunami.block_toCrisisMap h3{font-size:1.2rem;font-weight:700;padding-top:15px}
.earthquake .module_tsunami.block_toCrisisMap .block_searchCrisisForm{position:relative;margin-top:10px}
.earthquake .module_tsunami.block_toCrisisMap .block_searchCrisisForm .label_city{display:inline-block;margin-right:10px;font-weight:700}
.earthquake .module_tsunami.block_toCrisisMap .block_searchCrisisForm .clear{cursor:pointer;display:none;position:absolute;top:15px;right:225px;width:17px;height:17px;border-radius:11px;background:#bbb url(https://s.yimg.jp/images/weather/smp/common/mics/ico_cross_2x.png) 50% 50% no-repeat;background-size:9px 9px;-webkit-user-select:none}
.earthquake .module_tsunami.block_toCrisisMap .block_searchCrisisForm .clear .show{display:block}
.earthquake .module_tsunami.block_toCrisisMap .block_searchCrisisForm #searchTxt{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 33px 0 8px;border-radius:6px;width:200px;min-height:48px;border:1px solid #2eb272;background-color:#fff;font-size:.9375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.earthquake .module_tsunami.block_toCrisisMap .block_searchCrisisForm #searchTxt::-ms-clear{display:none}
.earthquake .module_tsunami.block_toCrisisMap .block_searchCrisisForm #searchTxt.searchTxt_pf{background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/crisismap/icn_location.png);background-position:11px center;background-repeat:no-repeat;background-size:24px 24px;padding-left:45px}
.earthquake .module_tsunami.block_toCrisisMap .block_searchCrisisForm #searchTxt:focus{outline:0}
.earthquake .module_tsunami.block_toCrisisMap .block_searchCrisisForm #searchTxtBg{vertical-align:middle;display:inline-block;overflow:hidden;border-right:transparent;border-left:transparent;line-height:0}
.earthquake .module_tsunami.block_toCrisisMap .block_searchCrisisForm .btn_searchCrisisMap{display:inline-block;position:relative;width:calc(100% - 294px)}
.earthquake .module_tsunami.block_toCrisisMap .block_searchCrisisForm .searchBtn{cursor:pointer;vertical-align:middle;display:inline-block;background:#2eb272;border:1px solid #2eb272;border-radius:6px;margin:0 auto;padding:0 8px;height:48px;width:100%;white-space:normal;color:#fff;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.earthquake .module_tsunami.block_toCrisisMap .block_searchCrisisForm .label_searchCrisisMap{vertical-align:middle;font-weight:700}
.earthquake .module_tsunami.block_toCrisisMap .block_searchCrisisForm .searchTxt_ex{display:block;margin:10px 0 0 5rem;font-size:.75rem}
.earthquake .tsunamiView .tabView_content,.earthquake .tsunamiView .tabView_content.is-active{margin-top:10px}
.earthquake .tsunamiView ul+.tabView_content{margin-top:0}
.earthquake .overview{-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px;width:calc(100% - 16px);max-width:584px;margin:8px auto 0;border:3px solid #eee7e0;border-radius:6px;font-weight:700;font-size:1.125rem;text-align:center}
.earthquake .overview .overview-info-text{display:inline-block;text-align:left}
.earthquake .tsunamiAlert{width:calc(100% - 16px);max-width:584px;margin:16px auto 0}
.earthquake .tsunamiAlert.emergency .message,.earthquake .tsunamiAlert.emergency .title{background:#6648c0;color:#fff}
.earthquake .tsunamiAlert.warning .message,.earthquake .tsunamiAlert.warning .title{background:#e60013;color:#fff}
.earthquake .tsunamiAlert.advisory .message,.earthquake .tsunamiAlert.advisory .title{background:#ffd200}
.earthquake .tsunamiAlert .title{font-weight:700;padding:16px 8px 0;text-align:center;font-size:1.75rem}
.earthquake .tsunamiAlert .message{padding:4px 12px 16px;font-size:1.125rem;text-align:center}
.earthquake .tsunamiAlert .message span{display:inline-block;text-align:justify}
.earthquake .tsunamiAlert .datetime{font-size:.75rem;text-align:right;border-top:1px solid rgba(255,255,255,.2);padding:2px 4px 1px}
.earthquake .tsunamiAlert .map img{width:100%;vertical-align:bottom}
.earthquake .tsunamiAlert .tsunami_legend{text-align:center;padding:8px;background-color:#f2f2f2}
.earthquake .tsunamiAlert .tsunami_legend_epicenter{display:inline-block;border-right:1px solid #ccc;padding:0 16px 0 0;text-align:center}
.earthquake .tsunamiAlert .tsunami_legend_epicenter .epicenter{font-size:.75rem;margin-bottom:5px}
.earthquake .tsunamiAlert .tsunami_legend_epicenter::after{content:"";display:block;clear:both}
.earthquake .tsunamiAlert .tsunami_legend_epicenter .icoEpicenter{position:relative;width:20px;margin-right:2px;text-indent:-9999px;display:inline-block}
.earthquake .tsunamiAlert .tsunami_legend_epicenter .icoEpicenter::before{display:block;content:"";position:absolute;margin-top:-2px;top:30%;left:0;width:19px;height:3px;background:#e74c3c;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:20}
.earthquake .tsunamiAlert .tsunami_legend_epicenter .icoEpicenter::after{display:block;content:"";position:absolute;margin-top:-2px;top:30%;left:0;width:19px;height:3px;background:#e74c3c;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);z-index:20}
.earthquake .tsunamiAlert .tsunami_legend_epicenter .icoEpicenter span::before{display:block;content:"";position:absolute;margin-top:-5px;margin-left:-3px;top:30%;left:0;width:25px;height:9px;background:#fff;border-radius:3px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.earthquake .tsunamiAlert .tsunami_legend_epicenter .icoEpicenter span::after{display:block;content:"";position:absolute;margin-top:-5px;margin-left:-3px;top:30%;left:0;width:25px;height:9px;background:#fff;border-radius:3px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.earthquake .tsunamiAlert .tsunami_legend_kind{display:inline-block;position:relative;padding:0 0 0 16px}
.earthquake .tsunamiAlert .tsunami_legend_kind::after{content:"";display:block;clear:both}
.earthquake .tsunamiAlert .tsunami_legend_kind li{float:left;display:inline-block;padding:3px 0;margin-right:1px;text-align:center;font-size:.75rem}
.earthquake .tsunamiAlert .tsunami_legend_kind li.advisory{min-width:8em;border-radius:3px 0 0 3px}
.earthquake .tsunamiAlert .tsunami_legend_kind li.warning{min-width:8em}
.earthquake .tsunamiAlert .tsunami_legend_kind li.emergency{min-width:8em;border-radius:0 3px 3px 0}
.earthquake .tsunamiAlert .tsunami_legend_kind li.height1m{position:absolute;width:2em;left:8.5em;top:-1.7em}
.earthquake .tsunamiAlert .tsunami_legend_kind li.height3m{position:absolute;width:2em;left:16.5em;top:-1.7em}
@media screen and (max-width:860px){
.earthquake .tsunamiAlert .tsunami_legend_kind li{float:left;display:inline-block;padding:2px 0 3px;margin-right:1px;text-align:center;font-size:.75rem}
.earthquake .tsunamiAlert .tsunami_legend_kind li.advisory{min-width:6em;border-radius:3px 0 0 3px}
.earthquake .tsunamiAlert .tsunami_legend_kind li.warning{min-width:6em}
.earthquake .tsunamiAlert .tsunami_legend_kind li.emergency{min-width:6em;border-radius:0 3px 3px 0}
.earthquake .tsunamiAlert .tsunami_legend_kind li.height1m{position:absolute;width:2em;left:6.5em;top:-1.7em}
.earthquake .tsunamiAlert .tsunami_legend_kind li.height3m{position:absolute;width:2em;left:12.5em;top:-1.7em}
}
.earthquake .tsunamiAlert .tsunami_legend_kind .advisory{background-color:#ffd200}
.earthquake .tsunamiAlert .tsunami_legend_kind .warning{background-color:#e60013;color:#fff}
.earthquake .tsunamiAlert .tsunami_legend_kind .emergency{background-color:#6648c0;color:#fff}
.earthquake .tsunamiAlert .link a{display:block;padding:11px 0;margin:8px 0;border:solid 1px #05c;border-radius:3px;text-align:center;font-size:1rem}
.earthquake .earthquakeInfo{margin:20px 10px 0}
.earthquake .earthquakeInfo-item:last-child{border-bottom:1px solid #ccc}
.earthquake .earthquakeInfo-item{padding:10px;border-top:1px solid #ccc}
.earthquake .earthquakeInfo-item dt{font-weight:700;font-size:.875rem}
.earthquake .earthquakeInfo-item dd{font-size:1.125rem}
.earthquake .earthquakeInfo-item .earthquakeInfo-item-hypocenter .hypocenterAdditional{display:inline-block;font-size:.875rem;color:#666}
.earthquake .earthquakeInfo-item .earthquakeInfo-item-latlng .lat{margin-right:3px}
.earthquake .earthquakeInfo-item .earthquakeInfo-item-latlng .lat::after{margin-left:3px;content:"/"}
.earthquake .seismicIntensity{margin:24px 4px 0}
.earthquake .seismicIntensity-title{background-color:#f2f2f2;font-weight:700;color:#333;font-size:.875rem;padding:8px 4px}
.earthquake .seismicIntensity-list{width:100%;margin-top:2px;-webkit-box-shadow:0 2px #fff,0 3px #ccc,0 5px #fff;box-shadow:0 2px #fff,0 3px #ccc,0 5px #fff;border-collapse:collapse;border-spacing:0}
.earthquake .seismicIntensity-list tr:first-child .seismicIntensity-list-number{-webkit-box-shadow:none;box-shadow:none}
.earthquake .seismicIntensity-list .seismicIntensity-list-number{width:2em;padding-top:16px;font-weight:700;vertical-align:top;-webkit-box-shadow:inset 0 2px #fff,inset 0 3px #ccc,inset 0 5px #fff;box-shadow:inset 0 2px #fff,inset 0 3px #ccc,inset 0 5px #fff}
.earthquake .seismicIntensity-list .seismicIntensity-list-number::after{font-weight:700}
.earthquake .seismicIntensity-list .seismicIntensity-list-number.intensity-7{color:#fff;background-color:#c20086}
.earthquake .seismicIntensity-list .seismicIntensity-list-number.intensity-6upper{color:#fff;background-color:#c60036}
.earthquake .seismicIntensity-list .seismicIntensity-list-number.intensity-6lower{color:#fff;background-color:#f91f1c}
.earthquake .seismicIntensity-list .seismicIntensity-list-number.intensity-5upper{color:#fff;background-color:#ff962a}
.earthquake .seismicIntensity-list .seismicIntensity-list-number.intensity-5lower{background-color:#ffc32e}
.earthquake .seismicIntensity-list .seismicIntensity-list-number.intensity-4{background-color:#f7ea41}
.earthquake .seismicIntensity-list .seismicIntensity-list-number.intensity-3{color:#fff;background-color:#0058e4}
.earthquake .seismicIntensity-list .seismicIntensity-list-number.intensity-2{color:#fff;background-color:#0097ff}
.earthquake .seismicIntensity-list .seismicIntensity-list-number.intensity-1{background-color:#ececec}
.earthquake .seismicIntensity-list tr:first-child .seismicIntensity-list-place{-webkit-box-shadow:none;box-shadow:none}
.earthquake .seismicIntensity-list .seismicIntensity-list-place{padding:5px 15px 10px;-webkit-box-shadow:inset 0 2px #fff,inset 0 3px #ccc,inset 0 5px #fff;box-shadow:inset 0 2px #fff,inset 0 3px #ccc,inset 0 5px #fff}
.earthquake .seismicIntensity-list .seismicIntensity-list-place .pref{margin-top:10px;font-weight:700}
.earthquake .seismicIntensity-list .seismicIntensity-list-place .area{margin:0 10px 0 10px}
.earthquake .seismicIntensity-list .seismicIntensity-list-place .area li{display:inline-block;margin-right:8px}
.earthquake .announcement{padding:4px 8px 6px 0;border-top:none}
.earthquake .disasterAdditionalInfo{background:#f2f2f2;margin:16px 16px 16px;border-radius:6px;padding-bottom:16px}
.earthquake .disasterAdditionalInfo .disasterAdditionalInfo-message{font-weight:700}
.earthquake .disasterAdditionalInfo .disasterAdditionalInfo-message dt{margin-bottom:20px;padding:12px 16px;border-radius:6px 6px 0 0;background-color:#eee7e0;font-weight:700}
.earthquake .disasterAdditionalInfo .disasterAdditionalInfo-message dd{margin:8px 16px 0 2.2em;text-align:left;text-indent:-1.2em}
.earthquake .disasterAdditionalInfo .disasterAdditionalInfo-message dd::before{content:"・";margin-right:4px}
.earthquake .disasterAdditionalInfo .disasterAdditionalInfo-message dd:first-child{margin-top:0}
.earthquake .disasterAdditionalInfo .disasterAdditionalInfo-crisisMap{margin-top:16px}
.earthquake .disasterAdditionalInfo .disasterAdditionalInfo-crisisMap a{text-align:center;width:80%;margin:0 auto;padding:11px 8px;display:block;color:#fff;border-radius:6px;background-color:#2eb272}
.earthquake .history{margin:16px 4px 0}
.earthquake .history-list-item{padding:15px 0;border-top:1px solid #ccc}
.earthquake .history-list-item:first-child{border-top:none}
.earthquake .history-list-item:last-child{border-bottom:1px solid #ccc}
.earthquake .history-list-item-link{display:block;position:relative;padding-right:12px}
.earthquake .history-list-item-link::before{content:"";position:absolute;width:7px;height:7px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-right:2px solid #ccc;border-top:2px solid #ccc;top:50%;right:0;margin:-4px 12px 0 0}
.earthquake .history-list-item-detail{margin:0 10px 0}
.earthquake .history-list-item-detail dt{font-weight:700;font-size:.875rem;display:inline-block;margin-right:5px}
.earthquake .history-list-item-detail dd{display:inline-block}
.earthquake .history-list-item-detail dd::before{content:"：";margin-right:5px}
.earthquake .communicationForForeigner{background:#f2f2f2;padding:50px;margin:0 10px;text-align:center}
.earthquake .tsunamiInfo{margin-top:16px;background-color:#f8f5f2}
.earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map{margin:5px;text-align:center}
.earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map img{width:100%;height:100%;vertical-align:bottom}
.earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map .tsunamiAlert{display:none}
.earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-link{padding:2px 5px 8px;text-align:right;background-color:#f2f2f2}
.earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-link a{font-size:.875rem;padding-right:15px;position:relative}
.earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-link a::before{content:"";border-bottom:2px solid #1c4d8e;border-right:2px solid #1c4d8e;display:block;-webkit-transform:rotate(-45deg) translateY(-50%);-ms-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%);width:10px;height:10px;position:absolute;top:calc(50% - 2px);right:0;-webkit-box-sizing:border-box;box-sizing:border-box}
@media screen and (max-width:769px){
.earthquake .tsunamiInfo-inEffect{display:none}
}
.earthquake .sharePlace{text-align:center}
.earthquake .sharePlace .shareList li{display:inline-block}
.earthquake .sharePlace img{width:50px}
.earthquake .earthquakeView_legend{display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.earthquake .earthquakeView_legend>dl{display:table-cell;text-align:center}
.earthquake .earthquakeView_legend>dl:first-child{width:30%}
@media screen and (max-width:360px){
.earthquake .earthquakeView_legend>dl:first-child{width:20%}
}
.earthquake .earthquakeView_legend>dl+dl{border-left:1px solid #ccc}
.earthquake .earthquakeView_legend_epicenter .icoEpicenter{position:relative;width:20px;margin-right:2px;text-indent:-9999px;display:inline-block}
.earthquake .earthquakeView_legend_epicenter .icoEpicenter::before{display:block;content:"";position:absolute;margin-top:-2px;top:50%;left:0;width:19px;height:3px;background:#e74c3c;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:20}
.earthquake .earthquakeView_legend_epicenter .icoEpicenter::after{display:block;content:"";position:absolute;margin-top:-2px;top:50%;left:0;width:19px;height:3px;background:#e74c3c;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);z-index:20}
.earthquake .earthquakeView_legend_epicenter .icoEpicenter span::before{display:block;content:"";position:absolute;margin-top:-5px;margin-left:-3px;top:50%;left:0;width:25px;height:9px;background:#fff;border-radius:3px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.earthquake .earthquakeView_legend_epicenter .icoEpicenter span::after{display:block;content:"";position:absolute;margin-top:-5px;margin-left:-3px;top:50%;left:0;width:25px;height:9px;background:#fff;border-radius:3px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
@media screen and (max-width:860px){
.earthquake .module_tsunami.block_toCrisisMap .block_searchCrisisForm .btn_searchCrisisMap{width:100%;margin-top:10px;max-width:100%}
.earthquake .module_tsunami.block_toCrisisMap .block_searchCrisisForm #searchTxtBg{width:calc(100% - 5em)}
.earthquake .module_tsunami.block_toCrisisMap .block_searchCrisisForm #searchTxtBg #searchTxt{width:100%}
.earthquake .module_tsunami.block_toCrisisMap .block_searchCrisisForm .searchTxt_ex{margin-left:0}
.earthquake .overview .overview-info-text{font-size:1rem}
}
.volcano-top .volcanoAlert{margin:4px 4px 0}
.volcanoAlert{background-color:#6648c0}
.volcanoAlert .title{font-weight:700;color:#fff;padding:16px 8px 0;text-align:center;font-size:1.75rem}
.volcanoAlert .message{padding:4px 12px 16px;font-size:1.125rem;color:#fff;text-align:center}
.volcanoAlert .message span{display:inline-block;text-align:justify}
.volcanoAlert .datetime{font-size:.75rem;color:#fff;text-align:right;border-top:1px solid rgba(255,255,255,.2);padding:2px 4px 1px}
.volcanoAlertInfo{padding-bottom:16px}
.volcanoAlertInfo .volcanoAlertInfo-targetCity{padding:8px 8px 0}
.volcanoAlertInfo .volcanoAlertInfo-targetCity .targetCity{font-weight:700;background:#f2f2f2;padding:7px 8px 6px 8px}
.volcanoAlertInfo .volcanoAlertInfo-targetCity .volcanoAlert-targetCity-list{margin:8px 8px 0}
.volcanoAlertInfo .volcanoAlertInfo-targetCity .volcanoAlert-targetCity-list ul::after{content:"";display:block;clear:both}
.volcanoAlertInfo .volcanoAlertInfo-targetCity .volcanoAlert-targetCity-list ul li{float:left;display:inline-block;font-size:.9375rem;margin:2px 8px 0 0}
.volcanoAlertInfo .volcanoAlertInfo-targetCity .volcanoAlert-targetCity-list ul li:last-child{margin-right:0}
.volcanoAlertInfo .volcanoAlert-link .link{display:block;padding:11px 0;margin:12px 8px 0;border:solid 1px #05c;border-radius:3px;text-align:center;font-size:1rem;color:#05c}
@media screen and (min-width:950px){
.volcanoAlertInfo .volcanoAlert-link .link:hover{color:#cc3434}
}
.volcanoLivecameraWrapper{margin:4px 4px 0;overflow:hidden;position:relative;text-align:center;padding:12px 12px 6px;background-color:#f7f7f7;border:2px solid #ccc;z-index:0}
.volcanoLivecameraWrapper .title{display:none;text-align:left}
.volcanoLivecameraWrapper .title h2{color:#666;text-align:left;font-weight:700;font-size:.875rem;border-radius:3px;border-bottom:1px solid #ccc;padding:0 8px 6px 4px;margin-bottom:8px}
.volcanoLivecameraWrapper .swiper-container{width:100%;text-align:center;position:relative;overflow:hidden}
.volcanoLivecameraWrapper .swiper-container .swiper-wrapper{margin:0 auto;overflow:visible;position:relative;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}
.volcanoLivecameraWrapper .swiper-container .swiper-wrapper .swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:auto;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.volcanoLivecameraWrapper .swiper-container .swiper-wrapper .swiper-slide dd.volcanoLivecameraImage{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;background:#ddd;border-radius:3px}
.volcanoLivecameraWrapper .swiper-container .swiper-wrapper .swiper-slide dd.volcanoLivecameraImage img.swiperLiveCameraImage{-ms-flex-item-align:center;align-self:center}
.volcanoLivecameraWrapper .volcanoLivecameraPlace{margin:0 0 7px 4px}
.volcanoLivecameraWrapper .placeName{font-size:1.125rem;display:block;line-height:1.15;font-weight:700;text-align:left}
.volcanoLivecameraWrapper .nightNote{font-size:.75rem;display:block;text-align:left;color:#636363;margin-top:3px}
.volcanoLivecameraWrapper .nightNote::before{content:"※";margin-right:4px}
.volcanoLivecameraWrapper .swiper-button-next,.volcanoLivecameraWrapper .swiper-button-prev{position:absolute;top:50%;margin-top:-21px;width:42px;height:42px;z-index:10;cursor:pointer;background-size:42px 42px;background-position:center;background-repeat:no-repeat;text-indent:-9999px}
.volcanoLivecameraWrapper .swiper-button-next.swiper-button-disabled,.volcanoLivecameraWrapper .swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.volcanoLivecameraWrapper .swiper-button-next{background-image:url(https://s.yimg.jp/images/weather/smp/v2/img/volcano/top_livecamera_icon_naviNext.png);right:0}
.volcanoLivecameraWrapper .swiper-button-prev{background-image:url(https://s.yimg.jp/images/weather/smp/v2/img/volcano/top_livecamera_icon_naviPrev.png);left:0}
.volcanoLivecameraWrapper .swiper-pagination-fraction{position:relative;bottom:3px;display:inline-block;width:auto;padding:2px 10px;margin:8px auto 0;border-radius:15px;color:#fff;font-size:.875rem;background:rgba(0,0,0,.5)}
.volcanoInfo{-webkit-box-sizing:border-box;box-sizing:border-box;margin:8px 8px 0}
.volcanoInfo .datetime{font-weight:400;font-size:1rem;color:#fff;display:block;line-height:1.2}
.volcanoInfo.VolcanicWarning-title-15,.volcanoInfo.VolcanicWarning-title-25,.volcanoInfo.emergency{border-color:#6648c0;background:#6648c0}
.volcanoInfo.VolcanicWarning-title-15 .volcanoAlert-content>dt,.volcanoInfo.VolcanicWarning-title-15 .volcanoInfo-content>dt,.volcanoInfo.VolcanicWarning-title-25 .volcanoAlert-content>dt,.volcanoInfo.VolcanicWarning-title-25 .volcanoInfo-content>dt,.volcanoInfo.emergency .volcanoAlert-content>dt,.volcanoInfo.emergency .volcanoInfo-content>dt{color:#fff;background:0 0}
.volcanoInfo.VolcanicWarning-title-15 .volcanoAlert-content>dt .datetime,.volcanoInfo.VolcanicWarning-title-15 .volcanoInfo-content>dt .datetime,.volcanoInfo.VolcanicWarning-title-25 .volcanoAlert-content>dt .datetime,.volcanoInfo.VolcanicWarning-title-25 .volcanoInfo-content>dt .datetime,.volcanoInfo.emergency .volcanoAlert-content>dt .datetime,.volcanoInfo.emergency .volcanoInfo-content>dt .datetime{color:#fff}
.volcanoInfo.VolcanicWarning-title-14{border-color:#e60013;background:#e60013}
.volcanoInfo.VolcanicWarning-title-14 .volcanoAlert-content>dt,.volcanoInfo.VolcanicWarning-title-14 .volcanoInfo-content>dt{color:#fff;background:0 0}
.volcanoInfo.VolcanicWarning-title-14 .volcanoAlert-content>dt .datetime,.volcanoInfo.VolcanicWarning-title-14 .volcanoInfo-content>dt .datetime{color:#fff}
.volcanoInfo.VolcanicWarning-title-13,.volcanoInfo.VolcanicWarning-title-23,.volcanoInfo.VolcanicWarning-title-36{border-color:#ff9500;background:#ff9500}
.volcanoInfo.VolcanicWarning-title-13 .volcanoAlert-content>dt,.volcanoInfo.VolcanicWarning-title-13 .volcanoInfo-content>dt,.volcanoInfo.VolcanicWarning-title-23 .volcanoAlert-content>dt,.volcanoInfo.VolcanicWarning-title-23 .volcanoInfo-content>dt,.volcanoInfo.VolcanicWarning-title-36 .volcanoAlert-content>dt,.volcanoInfo.VolcanicWarning-title-36 .volcanoInfo-content>dt{color:#333;background:0 0}
.volcanoInfo.VolcanicWarning-title-13 .volcanoAlert-content>dt .datetime,.volcanoInfo.VolcanicWarning-title-13 .volcanoInfo-content>dt .datetime,.volcanoInfo.VolcanicWarning-title-23 .volcanoAlert-content>dt .datetime,.volcanoInfo.VolcanicWarning-title-23 .volcanoInfo-content>dt .datetime,.volcanoInfo.VolcanicWarning-title-36 .volcanoAlert-content>dt .datetime,.volcanoInfo.VolcanicWarning-title-36 .volcanoInfo-content>dt .datetime{color:#333}
.volcanoInfo.VolcanicWarning-title-12,.volcanoInfo.VolcanicWarning-title-22{border-color:#ffd200;background:#ffd200}
.volcanoInfo.VolcanicWarning-title-12 .volcanoAlert-content>dt,.volcanoInfo.VolcanicWarning-title-12 .volcanoInfo-content>dt,.volcanoInfo.VolcanicWarning-title-22 .volcanoAlert-content>dt,.volcanoInfo.VolcanicWarning-title-22 .volcanoInfo-content>dt{color:#333;background:0 0}
.volcanoInfo.VolcanicWarning-title-12 .volcanoAlert-content>dt .datetime,.volcanoInfo.VolcanicWarning-title-12 .volcanoInfo-content>dt .datetime,.volcanoInfo.VolcanicWarning-title-22 .volcanoAlert-content>dt .datetime,.volcanoInfo.VolcanicWarning-title-22 .volcanoInfo-content>dt .datetime{color:#333}
.volcanoInfo.VolcanicWarning-title-11,.volcanoInfo.VolcanicWarning-title-21,.volcanoInfo.VolcanicWarning-title-35{border-color:#ccc;background:#f2f2f2}
.volcanoInfo.VolcanicWarning-title-11 .volcanoAlert-content>dt,.volcanoInfo.VolcanicWarning-title-11 .volcanoInfo-content>dt,.volcanoInfo.VolcanicWarning-title-21 .volcanoAlert-content>dt,.volcanoInfo.VolcanicWarning-title-21 .volcanoInfo-content>dt,.volcanoInfo.VolcanicWarning-title-35 .volcanoAlert-content>dt,.volcanoInfo.VolcanicWarning-title-35 .volcanoInfo-content>dt{color:#333;background:0 0}
.volcanoInfo.VolcanicWarning-title-11 .volcanoAlert-content>dt .datetime,.volcanoInfo.VolcanicWarning-title-11 .volcanoInfo-content>dt .datetime,.volcanoInfo.VolcanicWarning-title-21 .volcanoAlert-content>dt .datetime,.volcanoInfo.VolcanicWarning-title-21 .volcanoInfo-content>dt .datetime,.volcanoInfo.VolcanicWarning-title-35 .volcanoAlert-content>dt .datetime,.volcanoInfo.VolcanicWarning-title-35 .volcanoInfo-content>dt .datetime{color:#333}
.volcanoInfo.VolcanicWarning-title-22 .note,.volcanoInfo.VolcanicWarning-title-23 .note,.volcanoInfo.VolcanicWarning-title-25 .note,.volcanoInfo.VolcanicWarning-title-36 .note{display:none}
.volcanoInfo-link a{display:block;background:#f2f2f2;text-align:center;font-size:1rem;padding:8px}
.volcanoInfo-content>dt{padding:12px 8px;color:#333;font-size:1.25rem;font-weight:700;line-height:1.3;text-align:center;background:#f2f2f2}
.volcanoInfo-content>dt .title{display:inline-block}
.volcanoInfo-content>dt .note{display:inline-block}
.volcanoInfo-content>dt .datetime{color:#333}
.volcanoInfo-content>dd{font-size:.9375rem;padding:12px 16px;background:#fff}
.volcanoInfo-content>dd p{line-height:1.5}
.volcanoInfo-content>dd .volcanoAlert-info{font-size:1.125rem;font-weight:700;color:#e60013}
*+.volcanoInfo-area{margin-top:8px}
.volcanoInfo-area>dt{font-size:1rem;font-weight:700;padding-bottom:4px}
.volcanoInfo-area-list{margin:2px 0 0}
.volcanoInfo-area-list::after{content:"";display:block;clear:both}
.volcanoInfo-area-list li{float:left;display:inline-block;margin:2px 8px 0 0}
.volcanoInfo-area-list li:last-child{margin-right:0}
.volcanoMap{display:table;width:100%;padding:0 8px;-webkit-box-sizing:border-box;box-sizing:border-box}
.volcanoMap-img{position:relative;display:block;width:60%;float:left;margin-right:13px}
.volcanoMap-img .marker{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:92px;height:92px}
.volcanoMap-img img:not(.marker){width:100%;vertical-align:bottom}
.volcanoMap-detail>span{display:block;font-size:.9375rem}
@media screen and (min-width:950px){
.volcanoMap-img{width:65%}
.volcanoMap-detail>span{font-size:1.125rem}
}
@media screen and (max-width:950px){
.volcanoMap-detail>span{font-size:1.125rem}
}
@media screen and (max-width:375px){
.volcanoMap-img{width:60%}
.volcanoMap-detail>span{font-size:.875rem}
}
.volcanoes-list{margin:4px 4px 0}
.volcanoes-list .volcanoes-define{margin:4px 0}
.volcanoes-list .volcanoes-define>dt{border-radius:2px;font-size:1.125rem;padding:7px 12px 6px;font-weight:700}
.volcanoes-list .volcanoes-define .level{border-color:#ccc;background:#f2f2f2}
.volcanoes-list .volcanoes-define .level .title{display:inline-block}
.volcanoes-list .volcanoes-define .level .note{display:inline-block}
.volcanoes-list .volcanoes-define .level.VolcanicWarning-title-15,.volcanoes-list .volcanoes-define .level.VolcanicWarning-title-25{border-color:#6648c0;background:#6648c0;color:#fff}
.volcanoes-list .volcanoes-define .level.VolcanicWarning-title-14{border-color:#e60013;background:#e60013;color:#fff}
.volcanoes-list .volcanoes-define .level.VolcanicWarning-title-13,.volcanoes-list .volcanoes-define .level.VolcanicWarning-title-23,.volcanoes-list .volcanoes-define .level.VolcanicWarning-title-36{border-color:#ff9500;background:#ff9500;color:#333}
.volcanoes-list .volcanoes-define .level.VolcanicWarning-title-12,.volcanoes-list .volcanoes-define .level.VolcanicWarning-title-22{border-color:#ffd200;background:#ffd200;color:#333}
.volcanoes-list .volcanoes-define .level.VolcanicWarning-title-22 .note,.volcanoes-list .volcanoes-define .level.VolcanicWarning-title-23 .note,.volcanoes-list .volcanoes-define .level.VolcanicWarning-title-25 .note,.volcanoes-list .volcanoes-define .level.VolcanicWarning-title-36 .note{display:none}
.volcanoes-area-list{margin:8px}
.volcanoes-area-list .middle+.middle{margin-top:2px}
.volcano-overview{background:#efe7df;margin:4px 0 0;padding:8px 0}
.link-list{margin:0 4px}
.link-list:last-child>li:last-child::after{content:"";width:calc(100% - 5px);height:0;left:0;bottom:0;border-top:none;position:absolute}
.link-list>li{position:relative}
.link-list>li+li::before{content:"";width:calc(100% - 5px);height:0;left:0;top:0;border-top:1px solid #ccc;position:absolute}
.link-list a{display:block;padding:15px 20px 14px 18px;position:relative}
.link-list a::after{content:"";width:6px;height:6px;border-top:2px solid #ccc;border-right:2px solid #ccc;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:8px;top:50%;margin-top:-6px}
.link-list a[class*=VolcanicWarning-title]::before{content:"";border-radius:1px;width:4px;height:calc(100% - 5px);position:absolute;top:3px;left:0}
.link-list a.VolcanicWarning-title-15::before,.link-list a.VolcanicWarning-title-25::before{background:#6648c0}
.link-list a.VolcanicWarning-title-14::before{background:#e60013}
.link-list a.VolcanicWarning-title-13::before,.link-list a.VolcanicWarning-title-23::before,.link-list a.VolcanicWarning-title-36::before{background:#ff9500}
.link-list a.VolcanicWarning-title-12::before,.link-list a.VolcanicWarning-title-22::before{background:#ffd200}
.commentary-info{margin:16px 8px 0}
section+section .commentary-info:first-child{margin-top:23px}
.commentary-info .commentary-text{margin:16px 8px}
.commentary-info .commentary-text p{line-height:1.5}
.commentary-info .middle+.commentary-text{font-size:.875rem}
.commentary-info .level{display:table;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;background:#f2f2f2;color:#333;font-weight:700;font-size:.9375rem;padding:2px 8px;border-radius:2px;margin-bottom:4px}
.commentary-info .level.VolcanicWarning-title-15,.commentary-info .level.VolcanicWarning-title-25{color:#fff;background:#6648c0;border:none}
.commentary-info .level.VolcanicWarning-title-14{color:#fff;background:#e60013;border:none}
.commentary-info .level.VolcanicWarning-title-23 .commentary-info .level.VolcanicWarning-title-13,.commentary-info .level.VolcanicWarning-title-36{background:#ff9500;border:none}
.commentary-info .level.VolcanicWarning-title-12,.commentary-info .level.VolcanicWarning-title-22{background:#ffd200;border:none}
.commentary-info .level.VolcanicWarning-title-11,.commentary-info .level.VolcanicWarning-title-21,.commentary-info .level.VolcanicWarning-title-35{background:#f2f2f2}
.commentary-info .level.VolcanicWarning-title-22 .note,.commentary-info .level.VolcanicWarning-title-23 .note,.commentary-info .level.VolcanicWarning-title-25 .note,.commentary-info .level.VolcanicWarning-title-36 .note{display:none}
.commentary-info *+.middle{margin-top:24px}
.volcano .volcano-detail .header.large.page::after{content:"";display:block;clear:both}
.volcano .volcano-detail .header.large.page h1 .name{float:left;display:inline-block;margin:1px 0 2px}
.volcano .volcano-detail .header.large.page h1 .ruby{float:left;display:inline-block;font-size:.875rem;font-weight:400;margin:.4em 0 0 6px}
.warn #contents .warn-top .image #mapsvg .mapArea .prefMap .pref{cursor:pointer}
.warn #contents .warn-top .area-list-wrapper{margin-top:16px}
.warn #contents .warn-top .area-list-wrapper .area-list .area-list-header{font-weight:700;border-top:1px solid #ccc;margin-top:16px;background-color:#f2f2f2;color:#333;vertical-align:baseline;overflow:hidden;padding:9px 12px;line-height:1.3}
.warn #contents .warn-top .area-list-wrapper .area-list .area-list-title:first-child{margin-top:0}
.warn #contents .warn-top .area-list-wrapper .prefecture-list-wrapper .prefecture-list{display:inline-block;margin:4px 8px 0}
.warn #contents .warn-top .area-list-wrapper .prefecture-list-wrapper .prefecture-list li{margin-top:4px;display:inline-block}
.warn #contents .warn-top .area-list-wrapper .prefecture-list-wrapper .prefecture-list li a{min-width:4em;display:inline-block;padding:8px 8px 7px;text-align:center;font-size:.875rem;border-radius:3px;-webkit-box-shadow:0 0 0 2px rgba(0,0,0,.15) inset;box-shadow:0 0 0 2px rgba(0,0,0,.15) inset}
.warn #contents .warn-top .area-list-wrapper .prefecture-list-wrapper .prefecture-list li a:hover{opacity:.7}
.warn #contents .warn-top .area-list-wrapper .prefecture-list-wrapper .prefecture-list li.none a{background-color:#ccc;color:#333}
.warn #contents .warn-top .area-list-wrapper .prefecture-list-wrapper .prefecture-list li.advisory a{background-color:#ffd200;color:#333}
.warn #contents .warn-top .area-list-wrapper .prefecture-list-wrapper .prefecture-list li.warning a{background-color:#e60013;color:#fff}
.warn #contents .warn-top .area-list-wrapper .prefecture-list-wrapper .prefecture-list li.emergency a{background-color:#2d2934;color:#fff}
.warn #contents .warn-prefecture .prefecture.header{margin-top:0}
.warn #contents .warn-prefecture .image #mapsvg .mapArea .forcast .forcastAreaMap{cursor:pointer}
.warn #contents .warn-prefecture .inEffect-info{margin:0 4px}
.warn #contents .warn-prefecture .inEffect-info .firstArea-list .firstArea-header{border-top:1px solid #c3b3a4;background-color:#eee7e0;margin-top:16px;font-weight:700;padding-left:4px;color:#333;vertical-align:baseline;overflow:hidden;padding:9px 12px;line-height:1.3}
.warn #contents .warn-prefecture .inEffect-info .firstArea-list .firstArea-header h3{font-weight:700}
.warn #contents .warn-prefecture .inEffect-info .firstArea-list .firstArea-item .secondArea-list{margin-top:16px}
.warn #contents .warn-prefecture .inEffect-info .firstArea-list .firstArea-item .secondArea-list:first-child{margin-top:2px}
.warn #contents .warn-prefecture .inEffect-info .firstArea-list .firstArea-item .secondArea-list .secondArea-header{border-top:none;background-color:#f2f2f2;color:#333;vertical-align:baseline;overflow:hidden;padding:8px 12px;margin:2px 0 0;line-height:1}
.warn #contents .warn-prefecture .inEffect-info .firstArea-list .firstArea-item .secondArea-list .secondArea-header h4{font-weight:700}
.warn #contents .warn-prefecture .inEffect-info .firstArea-list .firstArea-item .secondArea-list .secondArea-item .municipality-list .municipality-header h5{padding:12px 12px 0;margin-bottom:-4px;font-weight:700;font-size:.875rem}
.warn #contents .warn-prefecture .inEffect-info .firstArea-list .firstArea-item .secondArea-list .secondArea-item .municipality-list .municipality-item .inEffect-kind{margin:0 8px 0}
.warn #contents .warn-prefecture .inEffect-info .firstArea-list .firstArea-item .secondArea-list .secondArea-item .municipality-list .municipality-item .inEffect-kind li{min-width:4em;display:inline-block;float:left;color:#333;padding:8px 8px 7px;margin:8px 8px 0 0;text-align:center;font-size:.875rem;border-radius:3px}
.warn #contents .warn-prefecture .inEffect-info .firstArea-list .firstArea-item .secondArea-list .secondArea-item .municipality-list .municipality-item .inEffect-kind .none{background-color:#ccc}
.warn #contents .warn-prefecture .inEffect-info .firstArea-list .firstArea-item .secondArea-list .secondArea-item .municipality-list .municipality-item .inEffect-kind .advisory{background-color:#ffd200}
.warn #contents .warn-prefecture .inEffect-info .firstArea-list .firstArea-item .secondArea-list .secondArea-item .municipality-list .municipality-item .inEffect-kind .warning{background-color:#e60013;color:#fff}
.warn #contents .warn-prefecture .inEffect-info .firstArea-list .firstArea-item .secondArea-list .secondArea-item .municipality-list .municipality-item .inEffect-kind .emergency{background-color:#2d2934;color:#fff}
.warn #contents .warn-prefecture .inEffect-info .firstArea-list .firstArea-item .secondArea-list .secondArea-item .municipality-list .municipality-item::after{content:"";display:block;clear:both}
.warn #contents .image{position:relative;width:100%;height:0;padding-top:calc(480 / 640 * 100%);overflow:hidden}
.warn #contents .image #mapsvg,.warn #contents .image img{display:block;position:absolute;height:100%;width:100%;top:0;left:0}
.warn #contents .warn-legend{padding:6px 8px 10px;background-color:#f2f2f2;text-align:center}
.warn #contents .warn-legend-kind{display:inline-block}
.warn #contents .warn-legend-kind li{min-width:4em;display:inline-block;padding:2px 8px 3px;text-align:center;font-size:.75rem;border-radius:3px}
.warn #contents .warn-legend-kind .none{background-color:#ccc}
.warn #contents .warn-legend-kind .advisory{background-color:#ffd200}
.warn #contents .warn-legend-kind .warning{background-color:#e60013;color:#fff}
.warn #contents .warn-legend-kind .emergency{background-color:#2d2934;color:#fff}
.warn #contents .announcement{margin-top:0;border:none}
.warn #contents .warn-municipality .municipality.header.middle .name{font-size:1.125rem}
.warn #contents .warn-municipality .inEffect .header.inEffect-title{padding-top:0;margin:0}
.warn #contents .warn-municipality .inEffect .overview{margin:0 0 0;padding:0;text-align:left;font-size:1rem;font-weight:400;border:none}
.warn #contents .warn-municipality .inEffect .overview .message{padding-bottom:16px;margin-top:16px}
.warn #contents .warn-municipality .inEffect .inEffect-title+.inEffect-container,.warn #contents .warn-municipality .inEffect .municipality+.inEffect-container{margin-top:0}
.warn #contents .warn-municipality .inEffect .inEffect-container{margin:24px 4px 0}
.warn #contents .warn-municipality .inEffect .inEffect-container .secondArea{margin-top:8px;background:0 0;border-bottom:1px solid #ccc}
.warn #contents .warn-municipality .inEffect .inEffect-container .inEffect-content{margin-top:24px}
.warn #contents .warn-municipality .inEffect .inEffect-container .inEffect-content:first-of-type{margin-top:8px}
.warn #contents .warn-municipality .inEffect .inEffect-container .inEffect-content .inEffect-content-level{padding:6px 12px;font-size:1.25rem;font-weight:700;border-radius:2px}
.warn #contents .warn-municipality .inEffect .inEffect-container .inEffect-content .inEffect-content-list{margin:8px 8px 0;padding:6px 8px;border-left:5px solid #ccc}
.warn #contents .warn-municipality .inEffect .inEffect-container .inEffect-content .inEffect-content-kind{display:inline-block;font-weight:700;font-size:1.125rem}
.warn #contents .warn-municipality .inEffect .inEffect-container .inEffect-content .inEffect-content-kind::after{content:"、"}
.warn #contents .warn-municipality .inEffect .inEffect-container .inEffect-content .inEffect-content-kind:last-child::after{content:none}
.warn #contents .warn-municipality .inEffect .inEffect-container .inEffect-content.emergency .inEffect-content-level{background-color:#6648c0;color:#fff}
.warn #contents .warn-municipality .inEffect .inEffect-container .inEffect-content.warning .inEffect-content-level{background-color:#e60013;color:#fff}
.warn #contents .warn-municipality .inEffect .inEffect-container .inEffect-content.advisory .inEffect-content-level{background-color:#ffd200}
.warn #contents .warn-municipality .inEffect .inEffect-container .cleared{margin-top:8px;padding:32px 8px;border-radius:5px;background:#fafafc;text-align:center}
.warn #contents .warn-municipality .inEffect .inEffect-container .unannounced{margin-top:8px;padding:32px 8px;border-radius:5px;background:#fafafc;text-align:center}
.warn #contents .explanation-level-detail .level.emergency{background-color:#2d2934}
.warn #contents .explanation-link{border-top:1px solid #fff;padding:12px;text-align:center}
.tsunami #contents .tsunamiAlert.emergency{background:#6648c0;color:#fff}
.tsunami #contents .tsunamiAlert.warning{background:#e60013;color:#fff}
.tsunami #contents .tsunamiAlert.advisory{background:#ffd200}
.tsunami #contents .tsunamiAlert.lifted{background:#f2f2f2}
.tsunami #contents .tsunamiAlert.lifted .datetime{border-top:1px solid rgba(0,0,0,.2)}
.tsunami #contents .tsunamiAlert.none{background:#f2f2f2}
.tsunami #contents .tsunamiAlert.none .title{font-size:1rem}
.tsunami #contents .tsunamiAlert.seaLevelChange{background:#f2f2f2}
.tsunami #contents .tsunamiAlert.seaLevelChange .title{font-size:1.375rem}
.tsunami #contents .tsunamiAlert.seaLevelChange .datetime{border-top:1px solid rgba(0,0,0,.2)}
.tsunami #contents .tsunamiAlert .title{font-weight:700;padding:16px 8px 0;text-align:center;font-size:1.75rem}
.tsunami #contents .tsunamiAlert .message{padding:4px 12px 16px;font-size:1.125rem;text-align:center}
.tsunami #contents .tsunamiAlert .message span{display:inline-block;text-align:justify}
.tsunami #contents .tsunamiAlert .datetime{font-size:.75rem;text-align:right;border-top:1px solid rgba(255,255,255,.2);padding:2px 4px 1px}
.tsunami #contents .image{margin-top:4px}
.tsunami #contents .image .tab-navi{display:table;table-layout:fixed;width:100%}
.tsunami #contents .image .tab-navi .tab-item{display:table-cell;line-height:1;font-size:.875rem;border-bottom:1px solid #e9e9e9}
.tsunami #contents .image .tab-navi .tab-item a{display:block;padding:16px 0;text-align:center;position:relative;top:1px;cursor:pointer}
.tsunami #contents .image .tab-navi .tab-item.is-current a{cursor:default;border-bottom:4px solid #815d38;font-weight:700;color:#333;pointer-events:none;cursor:default}
.tsunami #contents .image .tab-navi .tab-item.is-current a::before{position:absolute;content:"";display:block;margin-top:-10px;top:50%;left:0;background:#e9e9e9;width:1px;height:24px}
.tsunami #contents .image .tab-navi .tab-item:first-child a::before{display:none}
.tsunami #contents .image .image-map img{vertical-align:bottom;width:100%}
.tsunami #contents .image .image-map img.scaleImg,.tsunami #contents .image .image-map img.zoomImg{display:none;vertical-align:bottom;width:100%}
.tsunami #contents .image .image-map img.show{display:block}
.tsunami #contents .image .image-map .noimage,.tsunami #contents .image .image-map .tsunamiAlert{display:none}
.tsunami #contents .image .tsunami_legend{text-align:center;padding:8px;background-color:#f2f2f2}
.tsunami #contents .image .tsunami_legend_epicenter{display:inline-block;border-right:1px solid #ccc;padding:0 16px 0 0;text-align:center}
.tsunami #contents .image .tsunami_legend_epicenter .epicenter{font-size:.75rem;margin-bottom:5px}
.tsunami #contents .image .tsunami_legend_epicenter::after{content:"";display:block;clear:both}
.tsunami #contents .image .tsunami_legend_epicenter .icoEpicenter{position:relative;width:20px;margin-right:2px;text-indent:-9999px;display:inline-block}
.tsunami #contents .image .tsunami_legend_epicenter .icoEpicenter::before{display:block;content:"";position:absolute;margin-top:-2px;top:30%;left:0;width:19px;height:3px;background:#e74c3c;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:20}
.tsunami #contents .image .tsunami_legend_epicenter .icoEpicenter::after{display:block;content:"";position:absolute;margin-top:-2px;top:30%;left:0;width:19px;height:3px;background:#e74c3c;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);z-index:20}
.tsunami #contents .image .tsunami_legend_epicenter .icoEpicenter span::before{display:block;content:"";position:absolute;margin-top:-5px;margin-left:-3px;top:30%;left:0;width:25px;height:9px;background:#fff;border-radius:3px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.tsunami #contents .image .tsunami_legend_epicenter .icoEpicenter span::after{display:block;content:"";position:absolute;margin-top:-5px;margin-left:-3px;top:30%;left:0;width:25px;height:9px;background:#fff;border-radius:3px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.tsunami #contents .image .tsunami_legend_kind{display:inline-block;position:relative;padding:0 0 0 16px}
.tsunami #contents .image .tsunami_legend_kind::after{content:"";display:block;clear:both}
.tsunami #contents .image .tsunami_legend_kind li{float:left;display:inline-block;padding:3px 0;margin-right:1px;text-align:center;font-size:.75rem}
.tsunami #contents .image .tsunami_legend_kind li.advisory{min-width:8em;border-radius:3px 0 0 3px}
.tsunami #contents .image .tsunami_legend_kind li.warning{min-width:8em}
.tsunami #contents .image .tsunami_legend_kind li.emergency{min-width:8em;border-radius:0 3px 3px 0}
.tsunami #contents .image .tsunami_legend_kind li.height1m{position:absolute;width:2em;left:8.5em;top:-1.7em}
.tsunami #contents .image .tsunami_legend_kind li.height3m{position:absolute;width:2em;left:16.5em;top:-1.7em}
@media screen and (max-width:860px){
.tsunami #contents .image .tsunami_legend_kind li{float:left;display:inline-block;padding:2px 0 3px;margin-right:1px;text-align:center;font-size:.75rem}
.tsunami #contents .image .tsunami_legend_kind li.advisory{min-width:6em;border-radius:3px 0 0 3px}
.tsunami #contents .image .tsunami_legend_kind li.warning{min-width:6em}
.tsunami #contents .image .tsunami_legend_kind li.emergency{min-width:6em;border-radius:0 3px 3px 0}
.tsunami #contents .image .tsunami_legend_kind li.height1m{position:absolute;width:2em;left:6.5em;top:-1.7em}
.tsunami #contents .image .tsunami_legend_kind li.height3m{position:absolute;width:2em;left:12.5em;top:-1.7em}
}
.tsunami #contents .image .tsunami_legend_kind .advisory{background-color:#ffd200}
.tsunami #contents .image .tsunami_legend_kind .warning{background-color:#e60013;color:#fff}
.tsunami #contents .image .tsunami_legend_kind .emergency{background-color:#6648c0;color:#fff}
.tsunami #contents .headline{-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px;width:calc(100% - 16px);margin:8px auto 0;border:3px solid #eee7e0;border-radius:6px;font-weight:700;font-size:1.125rem;text-align:center}
.tsunami #contents .headline .headline-info-text{display:inline-block;text-align:left}
.tsunami #contents .tsunamiAlert-container.lifted .tsunamiAlert,.tsunami #contents .tsunamiAlert-container.seaLevelChange .tsunamiAlert{position:absolute;top:42%;left:10px;right:10px;margin:-50px auto 0;background-color:#f2f2f2;border:4px solid #ccc}
.tsunami #contents .tsunamiAlert-container.lifted .tsunamiAlert .message,.tsunami #contents .tsunamiAlert-container.seaLevelChange .tsunamiAlert .message{padding-bottom:32px}
.tsunami #contents .tsunamiAlert-container.lifted .tsunamiAlert .datetime,.tsunami #contents .tsunamiAlert-container.seaLevelChange .tsunamiAlert .datetime{border-top:1px solid #ccc;padding:8px}
.tsunami #contents .disasterAdditionalInfo{background:#f2f2f2;margin:16px 16px 16px;border-radius:6px;padding-bottom:16px}
.tsunami #contents .disasterAdditionalInfo .disasterAdditionalInfo-message{font-weight:700}
.tsunami #contents .disasterAdditionalInfo .disasterAdditionalInfo-message dt{margin-bottom:20px;padding:12px 16px;border-radius:6px 6px 0 0;background-color:#eee7e0;font-weight:700}
.tsunami #contents .disasterAdditionalInfo .disasterAdditionalInfo-message dd{margin:8px 16px 0 32px;text-align:left;text-indent:-20px}
.tsunami #contents .disasterAdditionalInfo .disasterAdditionalInfo-message dd::before{content:"・";margin-right:4px}
.tsunami #contents .disasterAdditionalInfo .disasterAdditionalInfo-message dd:first-child{margin-top:0}
.tsunami #contents .disasterAdditionalInfo .disasterAdditionalInfo-crisisMap{margin-top:16px;border-top:1px solid #ccc;background:url(https://s.yimg.jp/images/weather/pc/v2/img/crisismap/icn_crisisMap_tsunami.png) no-repeat 0 0;background-size:63px 63px;background-position:12px 10px;padding:15px 15px 0 90px}
.tsunami #contents .disasterAdditionalInfo .disasterAdditionalInfo-crisisMap a{text-align:center;width:80%;margin:0 auto;padding:11px 8px;display:block;color:#fff;border-radius:6px;background-color:#2eb272}
.tsunami #contents .disasterAdditionalInfo-label{font-size:1.1875rem;font-weight:700}
.tsunami #contents .disasterAdditionalInfo-searchCrisisForm{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:15px}
.tsunami #contents .disasterAdditionalInfo-searchCrisisForm .label_city{display:inline-block;margin-right:10px;font-weight:700}
.tsunami #contents .disasterAdditionalInfo-searchCrisisForm #evacsrch{position:relative}
.tsunami #contents .disasterAdditionalInfo-searchCrisisForm #evacsrch::before{content:"\691C\7D22";color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#2eb272;background-image:url(https://s.yimg.jp/images/emg/meteo/img/icon-search.png);background-position:10px center;background-repeat:no-repeat;background-size:16px;border:1px solid #2eb272;border-radius:6px;height:48px;font-size:1rem;width:80px;position:absolute;top:0;left:0;padding:0 0 0 24px;-webkit-box-sizing:border-box;box-sizing:border-box}
.tsunami #contents .disasterAdditionalInfo-searchCrisisForm .searchBtn{cursor:pointer;text-align-last:auto;vertical-align:middle;margin:0 auto;padding:0 0 0 24px;height:48px;width:48px;color:#fff;font-size:1rem;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.tsunami #contents .disasterAdditionalInfo-searchCrisisForm .suggestList{border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;width:calc(100% - 5px);z-index:1000;position:absolute;-webkit-box-shadow:2px 0 4px rgba(0,0,0,.3);box-shadow:2px 0 4px rgba(0,0,0,.3)}
.tsunami #contents .disasterAdditionalInfo-searchCrisisForm .suggestList .suggestItem{border-bottom:1px solid #ddd;font-size:.9375rem;-webkit-transition:.5s height ease,.5s padding ease,.5s margin ease,.5s .2s color,.2s background-color;-o-transition:.5s height ease,.5s padding ease,.5s margin ease,.5s .2s color,.2s background-color;transition:.5s height ease,.5s padding ease,.5s margin ease,.5s .2s color,.2s background-color;line-height:1.6;color:#333;padding:4px 6px 5px;display:block;cursor:pointer}
.tsunami #contents .disasterAdditionalInfo-searchCrisisForm #searchTxt{background-image:url(https://s.yimg.jp/images/weather/pc/v2/img/crisismap/icn_location.png);background-position:11px center;background-repeat:no-repeat;background-size:24px 24px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 33px 0 45px;border-radius:6px;width:calc(100% - 5px);min-height:48px;border:1px solid #2eb272;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:.9375rem;margin-right:5px}
.tsunami #contents .disasterAdditionalInfo-searchCrisisForm .disasterAdditionalInfo-ex{display:block;margin:10px 0 0 5rem;font-size:.75rem}
.tsunami #contents .disasterAdditionalInfo #searchTxtBg{width:calc(100% - 4em - 90px);position:relative}
@media screen and (max-width:860px){
.tsunami #contents .disasterAdditionalInfo .disasterAdditionalInfo-searchCrisisForm .searchBtn{width:48px;font-size:0;background-image:url(https://s.yimg.jp/images/emg/meteo/img/icon-search.png);background-position:center center;background-repeat:no-repeat;background-size:20px}
}
@media screen and (max-width:769px){
.tsunami #contents .disasterAdditionalInfo #searchTxtBg,.tsunami #contents .disasterAdditionalInfo .disasterAdditionalInfo-ex,.tsunami #contents .disasterAdditionalInfo .disasterAdditionalInfo-label,.tsunami #contents .disasterAdditionalInfo .label_city{display:none}
.tsunami #contents .disasterAdditionalInfo .disasterAdditionalInfo-btn{position:relative}
.tsunami #contents .disasterAdditionalInfo #evacsrch::before{content:none}
.tsunami #contents .disasterAdditionalInfo .disasterAdditionalInfo-btn::before{content:"現在地周辺の避難場所を検索する";position:absolute;color:#fff;z-index:0;font-size:1rem;width:100%;text-align:center;top:0;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#2eb272;border-radius:4px}
.tsunami #contents .disasterAdditionalInfo #searchBtn{position:relative;vertical-align:middle;display:block;width:100%;border:none;border-radius:4px;min-height:48px;margin:0 auto;padding:6px 8px;font-size:0;opacity:0;z-index:1}
.tsunami #contents .disasterAdditionalInfo .disasterAdditionalInfo-searchCrisisForm{display:block}
.tsunami #contents .disasterAdditionalInfo .disasterAdditionalInfo-crisisMap{background:0 0;padding:0;margin:0 16px;border:none}
}
.tsunami #contents .info{margin:0 4px 0}
.tsunami #contents .info .info-item{margin-top:16px}
.tsunami #contents .info .info-item:first-child{margin-top:8px}
.tsunami #contents .info .arrivalList .arrivalList-title{font-weight:700;font-size:.875rem;background:#f2f2f2;padding:6px 8px 5px;margin-top:2px}
.tsunami #contents .info .arrivalList .arrivalSite .name{font-weight:700}
.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item{margin-top:12px}
.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item .arrivalInfo-list{position:relative;padding:0 8px}
.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item .arrivalInfo-list::after{content:" ";display:block;clear:both}
.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item .arrivalInfo-list::before{content:" ";position:absolute;border:2px solid #f2f2f2;height:calc(100% - 22px);left:16px;top:22px}
.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item .arrivalInfo-list .arrivalInfo-list-title{margin:0 0 4px}
.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item .arrivalInfo-list .arrivalInfo-list-item{float:left;padding:2px 0 0 12px;margin:0 0 0 8px}
.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item .arrivalInfo-list .arrivalInfo-list-item:first-of-type{border-left:3px solid #f2f2f2}
.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item .arrivalInfo-list .arrivalInfo-list-item .datetimeTitle,.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item .arrivalInfo-list .arrivalInfo-list-item .heightTitle{display:inline-block;font-size:.75rem;line-height:22px}
.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item .arrivalInfo-list .arrivalInfo-list-item .datetime,.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item .arrivalInfo-list .arrivalInfo-list-item .height,.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item .arrivalInfo-list .arrivalInfo-list-item .push{display:inline-block;font-size:.875rem}
.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item .arrivalInfo-list .arrivalInfo-list-item .push span::before{content:"(";margin:0 4px}
.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item .arrivalInfo-list .arrivalInfo-list-item .push span::after{content:")";margin:0 4px}
.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item .arrivalInfo-list .arrivalInfo-list-item dt{font-weight:700;font-size:.75rem;color:#707070;line-height:22px;margin-right:8px}
.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item .arrivalInfo-list .arrivalInfo-list-item dd{font-size:.9375rem}
.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item .arrivalInfo-list .arrivalInfo-list-item.initialTsunami .title{min-width:150px}
.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item .arrivalInfo-list .arrivalInfo-list-item.initialTsunami .initialTsunami-info{min-width:150px}
.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item .arrivalInfo-list .arrivalInfo-list-item.highestTsunami .datetimeTitle{min-width:180px}
.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item .arrivalInfo-list .arrivalInfo-list-item.highestTsunami .heightTitle{min-width:60px}
.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item .arrivalInfo-list .arrivalInfo-list-item.highestTsunami .datetime{min-width:180px}
.tsunami #contents .info .arrivalList .arrivalSite .arrivalSite-list .arrivalSite-list-item .arrivalInfo-list .arrivalInfo-list-item.highestTsunami .height{min-width:60px}
.tsunami #contents .info .arrivalList .arrivalList-kind{font-size:1.25rem;font-weight:700;border-radius:3px;padding:12px 8px;margin:4px 0 0 0;line-height:1}
.tsunami #contents .info .forecast .arrivalList{margin-top:16px}
.tsunami #contents .info .forecast .arrivalList:first-of-type{margin-top:4px}
.tsunami #contents .info .forecast .arrivalList.emergency .arrivalList-kind{background-color:#6648c0;color:#fff}
.tsunami #contents .info .forecast .arrivalList.warning .arrivalList-kind{background-color:#e60013;color:#fff}
.tsunami #contents .info .forecast .arrivalList.advisory .arrivalList-kind{background-color:#ffd200}
.tsunami #contents .info .forecast .arrivalList .arrivalTime{min-width:120px}
.tsunami #contents .overview-info{background-color:#f2f2f2;font-size:.875rem;margin:16px 8px 0;padding:16px;border-radius:6px}
.tsunami #contents .overview-info .overview-info-text{line-height:1.7}
.tsunami #contents .relatedEarthquake{margin-top:20px}
.tsunami #contents .relatedEarthquake-list{margin:0 10px}
.tsunami #contents .relatedEarthquake-list-item{padding:15px 0;border-top:1px solid #ccc}
.tsunami #contents .relatedEarthquake-list-item:first-child{border-top:none}
.tsunami #contents .relatedEarthquake-list-item:last-child{border-bottom:1px solid #ccc}
.tsunami #contents .relatedEarthquake-list-item-link{display:block}
.tsunami #contents .relatedEarthquake-list-item-detail{margin:0 10px 0}
.tsunami #contents .relatedEarthquake-list-item-detail dt{font-weight:700;font-size:.875rem;display:inline-block;margin-right:5px}
.tsunami #contents .relatedEarthquake-list-item-detail dd{display:inline-block}
.tsunami #contents .relatedEarthquake-list-item-detail dd:first-of-type::before{content:"：";margin-right:5px}
.tsunami #contents .relatedEarthquake-list-item-hypocenter dd:first-of-type{margin-right:8px}
.tsunami #contents .relatedEarthquake-list-item-hypocenter .hypocenterAdditional{display:inline-block;font-size:.875rem}
.tsunami #contents .explanation .explanation-warningKind .explanation-level-detail{width:calc(100% - 100px)}
.tsunami #contents .explanation .explanation-warningKind .explanation-level-detail .level{display:inline-block;width:7em}
.tsunami #contents .explanation .explanation-warningKind .explanation-level-detail .level.emergency+dd::before{background-image:url(https://s.yimg.jp/images/emg/meteo/img/explanation-tsunami-emergency.png)}
.tsunami #contents .explanation .explanation-warningKind .explanation-level-detail .level.warning+dd::before{background-image:url(https://s.yimg.jp/images/emg/meteo/img/explanation-tsunami-warning.png)}
.tsunami #contents .explanation .explanation-warningKind .explanation-level-detail .level.advisory+dd::before{background-image:url(https://s.yimg.jp/images/emg/meteo/img/explanation-tsunami-advisory.png)}
.tsunami #contents .explanation .explanation-warningKind .explanation-level-detail .level.seaLevelChange{font-size:.875rem;width:15em;border:2px solid #ccc}
.tsunami #contents .explanation .explanation-warningKind .explanation-level-detail .level.seaLevelChange+dd::before{background-image:url(https://s.yimg.jp/images/emg/meteo/img/explanation-tsunami-seaLevelChange.png)}
.tsunami #contents .explanation .explanation-warningKind .explanation-level-detail dd{position:relative;padding:4px 0 24px;border-bottom:1px solid #ccc}
.tsunami #contents .explanation .explanation-warningKind .explanation-level-detail dd .message{width:calc(100% - 96px)}
.tsunami #contents .explanation .explanation-warningKind .explanation-level-detail dd::before{content:'';position:absolute;background-size:contain;width:80px;height:60px;top:-15px;right:10px}
.tsunami #contents .explanation .explanation-tsunamiHight{border-top:1px solid #ccc;position:relative;min-height:400px;background-image:url(https://s.yimg.jp/images/emg/meteo/img/explanation-tsunami-tsunamiHeight.png);background-size:100px 380px;background-repeat:no-repeat;background-position:12px 8px}
.tsunami #contents .explanation .explanation-tsunamiHight .title{padding:12px 0 0 128px;border:none}
.tsunami #contents .explanation .explanation-tsunamiHight .explanation-level-text{margin-top:8px;font-size:.875rem;padding:0 16px 0 128px}
.tsunami #contents .explanation .explanation-tsunamiHight .explanation-level-list .explanation-level-item{position:absolute;left:120px}
.tsunami #contents .explanation .explanation-tsunamiHight .explanation-level-list .explanation-level-item .level{display:inline-block;min-width:4em;text-align:center;font-size:12px;color:#fff;background-color:#81a7cc;padding:2px 4px;line-height:1;border-radius:8px}
.tsunami #contents .explanation .explanation-tsunamiHight .explanation-level-list .explanation-level-item .message{margin-top:2px;font-size:.875rem}
.tsunami #contents .explanation .explanation-tsunamiHight .explanation-level-list .explanation-level-item.depth100cm{top:155px;font-weight:700}
.tsunami #contents .explanation .explanation-tsunamiHight .explanation-level-list .explanation-level-item.depth70cm{top:215px}
.tsunami #contents .explanation .explanation-tsunamiHight .explanation-level-list .explanation-level-item.depth50cm{top:265px}
.tsunami #contents .explanation .explanation-tsunamiHight .explanation-level-list .explanation-level-item.depth20cm{top:325px}
.tsunami #contents .earthquakeInfo{background-color:#f8f5f2;margin-top:16px}
.tsunami #contents .earthquakeInfo .earthquakeInfo-list .earthquakeInfo-list-map{margin:5px;text-align:center}
.tsunami #contents .earthquakeInfo .earthquakeInfo-list .earthquakeInfo-list-map img{width:100%;vertical-align:bottom}
.tsunami #contents .earthquakeInfo .earthquakeInfo-list .earthquakeInfo-list-link{padding:2px 5px 8px;text-align:right;background-color:#f2f2f2}
.tsunami #contents .earthquakeInfo .earthquakeInfo-list .earthquakeInfo-list-link a{font-size:.875rem;padding-right:15px;position:relative}
.tsunami #contents .earthquakeInfo .earthquakeInfo-list .earthquakeInfo-list-link a::before{content:"";border-bottom:2px solid #1c4d8e;border-right:2px solid #1c4d8e;display:block;-webkit-transform:rotate(-45deg) translateY(-50%);-ms-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%);width:10px;height:10px;position:absolute;top:calc(50% - 2px);right:0;-webkit-box-sizing:border-box;box-sizing:border-box}
@media screen and (max-width:860px){
.tsunami #contents .headline .headline-info-text{font-size:1rem}
}
.river #contents .riverAlert{margin-bottom:-4px}
.river #contents .riverAlert.emergency{background-color:#2d2934;color:#fff}
.river #contents .riverAlert.emergency .datetime{border-top:1px solid rgba(255,255,255,.2)}
.river #contents .riverAlert.warning{background-color:#bc0cae;color:#fff}
.river #contents .riverAlert.warning .datetime{border-top:1px solid rgba(255,255,255,.2)}
.river #contents .riverAlert.caution{background-color:#f30216;color:#fff}
.river #contents .riverAlert.caution .datetime{border-top:1px solid rgba(0,0,0,.2)}
.river #contents .riverAlert.advisory{background-color:#ffd400}
.river #contents .riverAlert.advisory .datetime{border-top:1px solid rgba(0,0,0,.2)}
.river #contents .riverAlert .title{font-weight:700;padding:12px 8px 0;text-align:center;font-size:1.75rem}
.river #contents .riverAlert .riverAlert-text{padding:0 12px 12px;font-size:1.125rem;text-align:center}
.river #contents .riverAlert .riverAlert-text .riverAlert-text-list .status{display:inline-block}
.river #contents .riverAlert .riverAlert-text .riverAlert-text-list .message{display:inline-block}
.river #contents .riverAlert .datetime{font-size:.75rem;text-align:right;border-top:1px solid rgba(255,255,255,.2);padding:2px 6px 3px}
.river #contents .riverAlertInfo{margin:8px 8px 0;padding-bottom:16px}
.river #contents .riverAlertInfo.emergency .riverAlertInfo-title{background-color:#2d2934;color:#fff}
.river #contents .riverAlertInfo.warning .riverAlertInfo-title{background-color:#bc0cae;color:#fff}
.river #contents .riverAlertInfo.caution .riverAlertInfo-title{background-color:#f30216;color:#fff}
.river #contents .riverAlertInfo.advisory .riverAlertInfo-title{background-color:#ffd400}
.river #contents .riverAlertInfo .riverAlertInfo-title{background-color:#f2f2f2;padding:7px 10px 5px 12px;border-radius:3px}
.river #contents .riverAlertInfo .riverAlertInfo-title::after{content:"";display:block;clear:both}
.river #contents .riverAlertInfo .riverAlertInfo-title .title{display:inline-block;float:left;font-size:1.125rem;font-weight:700;margin-top:2px}
.river #contents .riverAlertInfo .riverAlertInfo-title .datetime{display:inline-block;float:right;font-size:.75rem;line-height:1rem;margin:6px 0 7px 12px}
.river #contents .riverAlertInfo .riverAlertInfo-overview{margin-top:8px;font-size:.875rem}
.river #contents .riverAlertInfo .riverAlertInfo-overview .overview{margin:0 12px;text-align:justify}
.river #contents .riverAlertInfo .riverAlertInfo-inundationArea .inundationArea{margin-top:12px}
.river #contents .riverAlertInfo .riverAlertInfo-inundationArea .inundationArea .title{font-weight:700;background:#f2f2f2;padding:7px 12px 6px}
.river #contents .riverAlertInfo .riverAlertInfo-inundationArea .inundationArea .inundationArea-list-item{font-size:.875rem;margin:0 12px}
.river #contents .riverAlertInfo .riverAlertInfo-inundationArea .inundationArea .inundationArea-list-item .prefecture{font-weight:700}
.river #contents .riverAlertInfo .riverAlertInfo-inundationArea .inundationArea .inundationArea-list-item .prefecture span{display:inline-block;margin-top:6px;padding:4px 0 0}
.river #contents .riverAlertInfo .riverAlertInfo-inundationArea .inundationArea .inundationArea-list-item .municipality .municipality-list::after{content:"";display:block;clear:both}
.river #contents .riverAlertInfo .riverAlertInfo-inundationArea .inundationArea .inundationArea-list-item .municipality .municipality-list li{float:left;margin-top:8px}
.river #contents .riverAlertInfo .riverAlertInfo-inundationArea .inundationArea .inundationArea-list-item .municipality .municipality-list li a{display:inline-block;padding:10px;margin-right:4px;border-radius:3px;background-color:#f2f2f2;line-height:1}
.river #contents .riverAlertInfo .riverAlert-link .link{display:block;padding:11px 0;margin:12px 8px 0;border:solid 1px #3d89d3;border-radius:3px;text-align:center;font-size:1rem;color:#4885d6}
.river #contents .image{margin:4px 0 0}
.river #contents .image .error{color:#666;text-align:center;padding:80px 0;background:#f2f2f2;border:1px solid #ccc}
.river #contents .image img{width:100%;vertical-align:bottom}
.river #contents .legend{margin:0;background-color:#f2f2f2}
.river #contents .legend .title{font-weight:700;font-size:.75rem}
.river #contents .legend .legend-river{padding:8px 8px 5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.river #contents .legend .legend-river::after{content:"";display:block;clear:both}
.river #contents .legend .legend-river .title{margin:1px 12px 0 0}
.river #contents .legend .legend-river .legend-river-kind ul{display:inline-block}
.river #contents .legend .legend-river .legend-river-kind li{float:left}
.river #contents .legend .legend-river .legend-river-kind .advisory,.river #contents .legend .legend-river .legend-river-kind .caution,.river #contents .legend .legend-river .legend-river-kind .warning{width:24px;height:4px;text-indent:-9999px;margin:4px 2px 0 0}
.river #contents .legend .legend-river .legend-river-kind .emergency{font-size:.6875rem;float:right}
.river #contents .legend .legend-river .legend-river-kind .emergency::after{content:"";display:block;clear:both}
.river #contents .legend .legend-river .legend-river-kind .emergency::before{float:left;width:24px;height:4px;margin:4px 4px 0 0;border-radius:0 6px 6px 0;content:"";background-color:#2d2934}
.river #contents .legend .legend-river .legend-river-kind .warning{background-color:#bc0cae}
.river #contents .legend .legend-river .legend-river-kind .caution{background-color:#f30216}
.river #contents .legend .legend-river .legend-river-kind .advisory{background-color:#ffd400}
.river #contents .legend .legend-river .legend-river-kind .prepare{font-size:.6875rem}
.river #contents .legend .legend-river .legend-river-kind .prepare::after{content:"";display:block;clear:both;float:right;width:24px;height:4px;margin:4px 2px 0 4px;border-radius:6px 0 0 6px;background-color:#4ca6ff}
.river #contents .legend .legend-waterLevel{padding:8px;border-top:1px solid #ccc}
.river #contents .legend .legend-waterLevel::after{content:"";display:block;clear:both}
.river #contents .legend .legend-waterLevel .legend-waterLevel-kind{float:left;position:relative}
.river #contents .legend .legend-waterLevel .legend-waterLevel-kind .advisory,.river #contents .legend .legend-waterLevel .legend-waterLevel-kind .caution,.river #contents .legend .legend-waterLevel .legend-waterLevel-kind .prepare::after,.river #contents .legend .legend-waterLevel .legend-waterLevel-kind .standby,.river #contents .legend .legend-waterLevel .legend-waterLevel-kind .warning::before{position:absolute;width:12px;height:12px;border-radius:12px}
.river #contents .legend .legend-waterLevel .legend-waterLevel-kind .advisory,.river #contents .legend .legend-waterLevel .legend-waterLevel-kind .caution,.river #contents .legend .legend-waterLevel .legend-waterLevel-kind .standby{text-indent:-9999px}
.river #contents .legend .legend-waterLevel .legend-waterLevel-kind .warning{width:2em;position:absolute;left:120px;top:1px;font-size:.6875rem}
.river #contents .legend .legend-waterLevel .legend-waterLevel-kind .warning::before{left:-16px;top:1px;content:"";background-color:#bc0cae}
.river #contents .legend .legend-waterLevel .legend-waterLevel-kind .caution{left:89px;top:2px;background-color:#f30216}
.river #contents .legend .legend-waterLevel .legend-waterLevel-kind .advisory{left:74px;top:2px;background-color:#ffd400}
.river #contents .legend .legend-waterLevel .legend-waterLevel-kind .standby{left:59px;top:2px;background-color:#3aab68}
.river #contents .legend .legend-waterLevel .legend-waterLevel-kind .prepare{position:absolute;left:18px;top:1px;width:2em;font-size:.6875rem}
.river #contents .legend .legend-waterLevel .legend-waterLevel-kind .prepare::after{left:26px;top:1px;content:"";background-color:#8ab5e5}
.river #contents .legend .legend-waterLevel .legend-waterLevel-kind .nocriteria{width:4em;font-size:.6875rem;position:absolute;left:155px;top:-5px}
.river #contents .legend .legend-waterLevel .legend-waterLevel-kind .nocriteria::after{width:10px;height:10px;position:absolute;left:13px;top:13px;border:1px solid #fff;content:"";background-color:#ccc;border-radius:10px}
.river #contents .legend .legend-waterLevel .legend-waterLevel-kind .missing{width:2em;font-size:.6875rem;position:absolute;left:205px;top:-5px}
.river #contents .legend .legend-waterLevel .legend-waterLevel-kind .missing::after{width:12px;height:12px;background:url(https://s.yimg.jp/images/weather/smp/v2/img/river/detail_stationList_ico_waterLevelMissing_l.png) 0 0 no-repeat;background-size:12px 12px;position:absolute;left:5px;top:13px;content:""}
@media screen and (min-width:480px){
.river #contents .legend .title{font-size:.875rem;margin:-1px 16px 0 0}
.river #contents .legend .legend-river .title{font-size:.875rem;margin:-1px 16px 0 0}
.river #contents .legend .legend-river .legend-river-kind .advisory,.river #contents .legend .legend-river .legend-river-kind .caution,.river #contents .legend .legend-river .legend-river-kind .emergency::before,.river #contents .legend .legend-river .legend-river-kind .prepare::after,.river #contents .legend .legend-river .legend-river-kind .warning{width:46px;height:6px;margin-top:4px}
.river #contents .legend .legend-river .legend-river-kind .emergency,.river #contents .legend .legend-river .legend-river-kind .prepare{font-size:.75rem}
}
.river #contents .explanation .level{width:8em}
.river #contents .explanation .level.emergency{background:#2d2934}
.river #contents .explanation .level.warning{background:#bc0cae}
.river #contents .explanation .level.caution{background:#f30216;color:#fff}
.river #contents .explanation .level.advisory{background:#ffd400}
.river #contents .explanation .level.standby{background:#3aab68;color:#fff}
.river #contents .explanation.floodForecast .level.prepare{background:#4ca6ff;border:none}
.river #contents .explanation .level.prepare{background:#8ab5e5;border:none}
.river #contents .explanation .explanation-other{font-size:.8125rem;padding:16px 0 16px 84px;border-top:1px solid #ccc}
.river #contents .explanation .explanation-other .level.missing,.river #contents .explanation .explanation-other .level.nocriteria{width:10em;text-align:center;border:1px solid #ccc;font-weight:700;padding:2px 4px 1px;margin-top:8px}
.river #contents .explanation .explanation-other .status{margin:4px 4px 0}
@media screen and (min-width:480px){
.river #contents .explanation .explanation-level-detail dd{margin-top:4px}
.river #contents .explanation .message{display:inline}
.river #contents .explanation .status{display:inline}
.river #contents .explanation .explanation-other dd{margin-top:4px}
}
.river #contents .river-top .searchBox-wrapper{margin:8px 8px 0}
.river #contents .river-top .searchBox-wrapper .searchBox{padding:8px 16px 8px 32px;margin:4px 4px 0;background:url(https://s.yimg.jp/images/weather/smp/v2/img/river/icon_search.png) no-repeat 8px center;background-size:16px;border-radius:6px}
.river #contents .river-top .searchBox-wrapper input[type=text]{color:#333;border:2px solid #979797;display:block;width:100%;line-height:20px;padding:12px 15px 10px 30px;margin:0 auto;font-size:1rem;-webkit-box-sizing:border-box;box-sizing:border-box}
.river #contents .river-top .searchBox-wrapper input:-moz-placeholder,.river #contents .river-top .searchBox-wrapper input::-webkit-input-placeholder{color:#999}
.river #contents .river-top .searchBox-wrapper .suggestionList{border-left:2px solid #979797;border-right:2px solid #979797}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item{border-bottom:1px solid #979797;font-weight:700;position:relative;padding:8px;display:block;line-height:1.3}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item:last-child{border-bottom:2px solid #979797}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item a{position:relative;padding:8px;display:block;line-height:1.3;margin:-8px}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item.selected a{background-color:#f3f4f8}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item.floodForecastRiver .searchFailedText{position:relative;padding:8px;display:block;line-height:1.3;color:#999;font-weight:400}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item.floodForecastRiver a{padding:10px 120px 10px 10px}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item .riverInfo .nameRuby{display:block;font-size:.75rem;font-weight:400}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item .riverInfo .name{display:inline-block;line-height:1.5;font-weight:700}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item .riverInfo .prefecture{display:inline-block;font-size:.75rem;font-weight:400;vertical-align:text-top}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item .riverInfo .prefecture ul::before{float:left;content:"(";margin-right:2px}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item .riverInfo .prefecture ul::after{content:")";margin-left:2px}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item .riverInfo .prefecture li{float:left}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item .riverInfo .prefecture li::before{content:"・"}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item .riverInfo .prefecture li:first-child::before{content:""}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item .riverInfo .inEffectKind{display:block;position:absolute;top:calc(50% - 12px);right:10px;height:24px;width:90px;font-size:14px;line-height:24px;text-align:center;color:#fff;background-size:20px 20px;cursor:pointer;font-weight:400}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item.advisory .riverInfo{padding-right:100px}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item.advisory .inEffectKind{background:#ffd400;color:#333}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item.caution .riverInfo{padding-right:100px}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item.caution .inEffectKind{background:#f30216}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item.warning .riverInfo{padding-right:100px}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item.warning .inEffectKind{background:#bc0cae}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item.emergency .riverInfo{padding-right:100px}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item.emergency .inEffectKind{background:#2d2934}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item.notfound{padding:16px}
.river #contents .river-top .searchBox-wrapper .suggestionList .suggestionList-item.notfound .notfound-text{font-weight:400;color:#666}
.river #contents .river-top .image{margin-top:4px}
.river #contents .river-top .image .error{color:#666;text-align:center;padding:80px 0;background:#f2f2f2;border:1px solid #ccc}
.river #contents .river-top .inEffect,.river #contents .river-top .overCriteria{margin:16px 4px 0}
.river #contents .river-top .inEffect .inEffect-river.emergency .kind,.river #contents .river-top .inEffect .overCriteria-river.emergency .kind,.river #contents .river-top .overCriteria .inEffect-river.emergency .kind,.river #contents .river-top .overCriteria .overCriteria-river.emergency .kind{color:#fff;background-color:#2d2934}
.river #contents .river-top .inEffect .inEffect-river.warning .kind,.river #contents .river-top .inEffect .overCriteria-river.warning .kind,.river #contents .river-top .overCriteria .inEffect-river.warning .kind,.river #contents .river-top .overCriteria .overCriteria-river.warning .kind{color:#fff;background-color:#bc0cae}
.river #contents .river-top .inEffect .inEffect-river.caution .kind,.river #contents .river-top .inEffect .overCriteria-river.caution .kind,.river #contents .river-top .overCriteria .inEffect-river.caution .kind,.river #contents .river-top .overCriteria .overCriteria-river.caution .kind{color:#fff;background-color:#f30216}
.river #contents .river-top .inEffect .inEffect-river.advisory .kind,.river #contents .river-top .inEffect .overCriteria-river.advisory .kind,.river #contents .river-top .overCriteria .inEffect-river.advisory .kind,.river #contents .river-top .overCriteria .overCriteria-river.advisory .kind{background-color:#ffd400}
.river #contents .river-top .inEffect .inEffect-river.emergency .riverList .riverList-item a,.river #contents .river-top .inEffect .overCriteria-river.emergency .riverList .riverList-item a,.river #contents .river-top .overCriteria .inEffect-river.emergency .riverList .riverList-item a,.river #contents .river-top .overCriteria .overCriteria-river.emergency .riverList .riverList-item a{border-color:#2d2934!important}
.river #contents .river-top .inEffect .inEffect-river.warning .riverList .riverList-item a,.river #contents .river-top .inEffect .overCriteria-river.warning .riverList .riverList-item a,.river #contents .river-top .overCriteria .inEffect-river.warning .riverList .riverList-item a,.river #contents .river-top .overCriteria .overCriteria-river.warning .riverList .riverList-item a{border-color:#bc0cae!important}
.river #contents .river-top .inEffect .inEffect-river.caution .riverList .riverList-item a,.river #contents .river-top .inEffect .overCriteria-river.caution .riverList .riverList-item a,.river #contents .river-top .overCriteria .inEffect-river.caution .riverList .riverList-item a,.river #contents .river-top .overCriteria .overCriteria-river.caution .riverList .riverList-item a{border-color:#f30216!important}
.river #contents .river-top .inEffect .inEffect-river.advisory .riverList .riverList-item a,.river #contents .river-top .inEffect .overCriteria-river.advisory .riverList .riverList-item a,.river #contents .river-top .overCriteria .inEffect-river.advisory .riverList .riverList-item a,.river #contents .river-top .overCriteria .overCriteria-river.advisory .riverList .riverList-item a{border-color:#ffd400!important}
.river #contents .river-top .inEffect .inEffect-river .riverList-wrapper,.river #contents .river-top .inEffect .overCriteria-river .riverList-wrapper,.river #contents .river-top .overCriteria .inEffect-river .riverList-wrapper,.river #contents .river-top .overCriteria .overCriteria-river .riverList-wrapper{margin:8px 4px 0}
.river #contents .river-top .inEffect .inEffect-river .riverList-wrapper .kind,.river #contents .river-top .inEffect .overCriteria-river .riverList-wrapper .kind,.river #contents .river-top .overCriteria .inEffect-river .riverList-wrapper .kind,.river #contents .river-top .overCriteria .overCriteria-river .riverList-wrapper .kind{padding:9px 12px 8px;font-size:1.125rem;font-weight:700;border-radius:3px}
.river #contents .river-top .inEffect .inEffect-river .riverList-wrapper .riverList .riverList-item,.river #contents .river-top .inEffect .overCriteria-river .riverList-wrapper .riverList .riverList-item,.river #contents .river-top .overCriteria .inEffect-river .riverList-wrapper .riverList .riverList-item,.river #contents .river-top .overCriteria .overCriteria-river .riverList-wrapper .riverList .riverList-item{padding:2px 0;border-top:1px solid #ccc}
.river #contents .river-top .inEffect .inEffect-river .riverList-wrapper .riverList .riverList-item:first-child,.river #contents .river-top .inEffect .overCriteria-river .riverList-wrapper .riverList .riverList-item:first-child,.river #contents .river-top .overCriteria .inEffect-river .riverList-wrapper .riverList .riverList-item:first-child,.river #contents .river-top .overCriteria .overCriteria-river .riverList-wrapper .riverList .riverList-item:first-child{border-top:none}
.river #contents .river-top .inEffect .inEffect-river .riverList-wrapper .riverList .riverList-item a,.river #contents .river-top .inEffect .overCriteria-river .riverList-wrapper .riverList .riverList-item a,.river #contents .river-top .overCriteria .inEffect-river .riverList-wrapper .riverList .riverList-item a,.river #contents .river-top .overCriteria .overCriteria-river .riverList-wrapper .riverList .riverList-item a{display:block;position:relative;margin:0 2px;padding:4px 8px;border-left:4px solid}
.river #contents .river-top .inEffect .inEffect-river .riverList-wrapper .riverList .riverList-item a::after,.river #contents .river-top .inEffect .overCriteria-river .riverList-wrapper .riverList .riverList-item a::after,.river #contents .river-top .overCriteria .inEffect-river .riverList-wrapper .riverList .riverList-item a::after,.river #contents .river-top .overCriteria .overCriteria-river .riverList-wrapper .riverList .riverList-item a::after{content:"";width:8px;height:8px;border-top:2px solid #ccc;border-right:2px solid #ccc;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:4px;top:calc(50% - 4px)}
.river #contents .river-top .inEffect .inEffect-river .riverList-wrapper .riverList .riverList-item a .datetime,.river #contents .river-top .inEffect .overCriteria-river .riverList-wrapper .riverList .riverList-item a .datetime,.river #contents .river-top .overCriteria .inEffect-river .riverList-wrapper .riverList .riverList-item a .datetime,.river #contents .river-top .overCriteria .overCriteria-river .riverList-wrapper .riverList .riverList-item a .datetime{display:block;font-size:10px;color:#666}
.river #contents .river-top .inEffect .inEffect-river .riverList-wrapper .riverList .riverList-item a .name,.river #contents .river-top .inEffect .overCriteria-river .riverList-wrapper .riverList .riverList-item a .name,.river #contents .river-top .overCriteria .inEffect-river .riverList-wrapper .riverList .riverList-item a .name,.river #contents .river-top .overCriteria .overCriteria-river .riverList-wrapper .riverList .riverList-item a .name{display:block;font-weight:700}
.river #contents .river-top .inEffect .inEffect-river .riverList-wrapper .riverList .riverList-item a .prefecture::after,.river #contents .river-top .inEffect .overCriteria-river .riverList-wrapper .riverList .riverList-item a .prefecture::after,.river #contents .river-top .overCriteria .inEffect-river .riverList-wrapper .riverList .riverList-item a .prefecture::after,.river #contents .river-top .overCriteria .overCriteria-river .riverList-wrapper .riverList .riverList-item a .prefecture::after{content:"";display:block;clear:both}
.river #contents .river-top .inEffect .inEffect-river .riverList-wrapper .riverList .riverList-item a .prefecture li,.river #contents .river-top .inEffect .overCriteria-river .riverList-wrapper .riverList .riverList-item a .prefecture li,.river #contents .river-top .overCriteria .inEffect-river .riverList-wrapper .riverList .riverList-item a .prefecture li,.river #contents .river-top .overCriteria .overCriteria-river .riverList-wrapper .riverList .riverList-item a .prefecture li{float:left;font-size:.875rem}
.river #contents .river-top .inEffect .inEffect-river .riverList-wrapper .riverList .riverList-item a .prefecture li::before,.river #contents .river-top .inEffect .overCriteria-river .riverList-wrapper .riverList .riverList-item a .prefecture li::before,.river #contents .river-top .overCriteria .inEffect-river .riverList-wrapper .riverList .riverList-item a .prefecture li::before,.river #contents .river-top .overCriteria .overCriteria-river .riverList-wrapper .riverList .riverList-item a .prefecture li::before{content:"・"}
.river #contents .river-top .inEffect .inEffect-river .riverList-wrapper .riverList .riverList-item a .prefecture li:first-child::before,.river #contents .river-top .inEffect .overCriteria-river .riverList-wrapper .riverList .riverList-item a .prefecture li:first-child::before,.river #contents .river-top .overCriteria .inEffect-river .riverList-wrapper .riverList .riverList-item a .prefecture li:first-child::before,.river #contents .river-top .overCriteria .overCriteria-river .riverList-wrapper .riverList .riverList-item a .prefecture li:first-child::before{content:""}
.river #contents .river-top .inEffect .showAll a,.river #contents .river-top .overCriteria .showAll a{display:block;cursor:pointer;position:relative;text-align:center;font-size:.875rem;font-weight:700;padding:8px 8px 20px;background:#f2f2f2;border-radius:3px}
.river #contents .river-top .inEffect .showAll a::after,.river #contents .river-top .overCriteria .showAll a::after{content:"";width:10px;height:10px;border-top:1px solid #1c4d8e;border-right:1px solid #1c4d8e;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute;right:calc(50% - 5px);top:32px;margin-top:-6px}
.river #contents .river-top .inEffect .unannounced,.river #contents .river-top .overCriteria .unannounced{padding:12px;background:#f2f2f2}
.river #contents .river-top .inEffect .unannounced .notice,.river #contents .river-top .overCriteria .unannounced .notice{margin-top:4px;font-size:.875rem;color:#666}
.river #contents .river-top .inEffect .unannounced .notice::before,.river #contents .river-top .overCriteria .unannounced .notice::before{content:"※";margin-right:4px}
.river #contents .river-top .livecamera{margin:20px 0;background:#f4f4f4}
.river #contents .river-top .livecamera .title{color:#333;font-size:.9375rem;font-weight:700;line-height:1;padding:16px 16px 14px;margin-bottom:10px;border-bottom:1px solid #ccc}
.river #contents .river-top .livecamera .livecameraMovieLink{padding-bottom:10px}
.river #contents .river-top .livecamera .livecameraMovieLink a{display:block;margin:0 20px;text-align:center;background-color:#fff;border-radius:16px}
.river #contents .river-top .livecamera .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/smp/v2/img/river/common_riverMap_icon_livecameraMov.png);background-size:24px 17px;background-position:0 7px;background-repeat:no-repeat}
.river #contents .river-top .livecamera .livecameraList-wrapper{overflow:hidden;width:100%;padding-bottom:10px;margin:0 auto}
.river #contents .river-top .livecamera .livecameraInfo .inEffectKind{display:none;position:absolute;bottom:0;display:block;width:100%;height:18px;line-height:18px;color:#fff;font-size:12px;text-align:center;background-position:0 0;background-repeat:repeat;background-size:17px 17px}
.river #contents .river-top .livecamera .livecameraInfo .inEffectKind.emergency{background:#2d2934}
.river #contents .river-top .livecamera .livecameraInfo .inEffectKind.warning{background:#bc0cae}
.river #contents .river-top .livecamera .livecameraInfo .inEffectKind.caution{background:#f30216}
.river #contents .river-top .livecamera .livecameraInfo .inEffectKind.advisory{background:#ffd400;color:#333}
.river #contents .river-top .livecamera .swiper-container{width:100%;text-align:center;position:relative;overflow:hidden}
.river #contents .river-top .livecamera .swiper-container .swiper-wrapper{width:280px;margin:0 auto;overflow:visible;position:relative;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}
.river #contents .river-top .livecamera .livecamera .swiper-container .swiper-wrapper{width:auto}
.river #contents .river-top .livecamera .swiper-container .swiper-wrapper .swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative}
.river #contents .river-top .livecamera .swiper-slide .livecameraInfo{width:240px;margin-bottom:15px;-webkit-box-shadow:rgba(0,0,0,.1) 0 0 1px 1px;box-shadow:rgba(0,0,0,.1) 0 0 1px 1px}
.river #contents .river-top .livecamera .swiper-slide .livecameraInfo .livecameraInfo-link{display:block;width:240px;background:#fff;text-decoration:none}
.river #contents .river-top .livecamera .swiper-slide .livecameraInfo .livecameraInfo-image{position:relative;display:block;width:240px;height:180px;overflow:hidden;background-color:#ddd}
.river #contents .river-top .livecamera .swiper-slide .livecameraInfo .livecameraInfo-image img{width:240px;position:absolute;top:-100%;left:-100%;right:-100%;bottom:-100%;margin:auto}
.river #contents .river-top .livecamera .swiper-slide .livecameraInfo .livecameraInfo-place{display:block;width:100%;text-align:left;overflow:hidden;padding-bottom:8px}
.river #contents .river-top .livecamera .swiper-slide .livecameraInfo .livecameraInfo-place .name,.river #contents .river-top .livecamera .swiper-slide .livecameraInfo .livecameraInfo-place .prefecture{display:block;line-height:1;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.river #contents .river-top .livecamera .swiper-slide .livecameraInfo .livecameraInfo-place .name{font-size:.9375rem;font-weight:700;padding:8px 8px 5px}
.river #contents .river-top .livecamera .swiper-slide .livecameraInfo .livecameraInfo-place .prefecture{font-size:.8125rem;padding:2px 8px 0}
.river #contents .river-top .livecamera .swiper-slide .livecameraInfo .livecameraInfo-place .prefecture ul::after{content:"";display:block;clear:both}
.river #contents .river-top .livecamera .swiper-slide .livecameraInfo .livecameraInfo-place .prefecture ul li{float:left}
.river #contents .river-top .livecamera .swiper-slide .livecameraInfo .livecameraInfo-place .prefecture ul li::before{content:"・"}
.river #contents .river-top .livecamera .swiper-slide .livecameraInfo .livecameraInfo-place .prefecture ul li:first-child::before{content:none}
.river #contents .river-top .livecamera .swiperContentsWrapper .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)}
.river #contents .river-top .livecamera .swiperContentsWrapper.waterLevelStationGraph .swiper-pagination-fraction{bottom:3px}
.river #contents .river-top .livecamera .swiperContentsWrapper.riverLivecameraWrapper .swiper-pagination-fraction{bottom:-5px}
.river #contents .river-top .livecamera .swiper-pagination{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)}
.river #contents .river-top .livecamera .swiper-button-next,.river #contents .river-top .livecamera .swiper-button-prev{position:absolute;top:50%;margin-top:-21px;width:42px;height:42px;z-index:10;cursor:pointer;background-size:42px 42px;background-position:center;background-repeat:no-repeat;text-indent:-9999px}
.river #contents .river-top .livecamera .swiper-button-next{background-image:url(https://s.yimg.jp/images/weather/smp/v2/img/river/top_livecamera_icon_naviNext.png);right:0}
.river #contents .river-top .livecamera .swiper-button-prev{background-image:url(https://s.yimg.jp/images/weather/smp/v2/img/river/top_livecamera_icon_naviPrev.png);left:0}
.river #contents .river-top .livecamera .swiper-button-next.swiper-button-disabled,.river #contents .river-top .livecamera .swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.river #contents .river-top .livecamera .block_toCrisisMap.module_river{text-align:center;margin:20px auto 30px}
.river #contents .river-detail .header.large{padding:4px 8px}
.river #contents .river-detail .header.large .title .nameRuby{display:block;font-size:.75rem;font-weight:400}
.river #contents .river-detail .header.large .title .riverName{margin-right:4px}
.river #contents .river-detail .header.large .title .waterLevel{font-size:1.125rem;font-weight:400}
.river #contents .river-detail .prefecture{margin-top:2px}
.river #contents .river-detail .prefecture .prefecture-list li{display:inline-block;font-weight:400}
.river #contents .river-detail .prefecture .prefecture-list li::before{content:"・"}
.river #contents .river-detail .prefecture .prefecture-list li:first-child::before{content:""}
.river #contents .river-detail .livecamera{margin:4px 4px 0;padding:8px;background-color:#f2f2f2}
.river #contents .river-detail .livecamera .livecamera-place{font-size:1.25rem;font-weight:700}
.river #contents .river-detail .livecamera .livecamera-notice{color:#666;font-size:.75rem}
.river #contents .river-detail .livecamera .livecamera-notice::before{content:"※";margin-right:4px}
.river #contents .river-detail .livecamera .livecamera-image{margin-top:8px}
.river #contents .river-detail .livecamera .livecamera-image img{width:100%}
.river #contents .river-detail .livecamera .livecamera-image .notfound{-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid #ccc;text-align:center;padding:80px 0}
.river #contents .river-detail .livecamera .livecamera-source{font-size:.75rem;text-align:right}
.river #contents .river-detail .livecamera .livecamera-source::after{content:"";display:block;clear:both}
.river #contents .river-detail .livecamera .livecamera-source dt{display:inline}
.river #contents .river-detail .livecamera .livecamera-source dt::after{content:":";margin:0 4px}
.river #contents .river-detail .livecamera .livecamera-source dd{float:right}
.river #contents .river-detail .livecamera .livecamera-control{margin-top:8px}
.river #contents .river-detail .livecamera .livecamera-control::after{content:"";display:block;clear:both}
.river #contents .river-detail .livecamera .livecamera-control .back,.river #contents .river-detail .livecamera .livecamera-control .next{cursor:pointer;font-size:.875rem;display:inline-block;max-width:calc(50% - 50px);border:1px solid #ccc;color:#333;background-color:#fff;border-radius:3px;padding:11px 12px;line-height:1}
.river #contents .river-detail .livecamera .livecamera-control .back{position:relative;float:left;padding-left:24px}
.river #contents .river-detail .livecamera .livecamera-control .back::before{position:absolute;content:"";display:block;left:9px;top:14px;width:7px;height:7px;border-top:solid 2px #666;border-right:solid 2px #666;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
.river #contents .river-detail .livecamera .livecamera-control .next{position:relative;float:right;padding-right:24px}
.river #contents .river-detail .livecamera .livecamera-control .next::after{position:absolute;content:"";display:block;right:9px;top:14px;width:7px;height:7px;border-top:solid 2px #666;border-right:solid 2px #666;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.river #contents .river-detail .livecamera .livecamera-control .back.disabled,.river #contents .river-detail .livecamera .livecamera-control .next.disabled{cursor:default;opacity:.5}
@media screen and (min-width:950px){
.river #contents .river-detail .livecamera .livecamera-control .back.disabled,.river #contents .river-detail .livecamera .livecamera-control .back.disabled:hover,.river #contents .river-detail .livecamera .livecamera-control .next.disabled,.river #contents .river-detail .livecamera .livecamera-control .next.disabled:hover{cursor:default;opacity:.5}
.river #contents .river-detail .livecamera .livecamera-control .back:hover,.river #contents .river-detail .livecamera .livecamera-control .next:hover{opacity:.7}
}
.river #contents .river-detail .waterLevelStation{margin:16px 4px 0}
.river #contents .river-detail .waterLevelStation .title .waterLevel{font-weight:700}
.river #contents .river-detail .waterLevelStation .title .riverName::before{content:"(";margin:0 4px}
.river #contents .river-detail .waterLevelStation .title .riverName::after{content:")";margin:0 4px}
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph{margin-top:4px;padding:4px 4px 8px;background-color:#f2f2f2;z-index:0;position:relative}
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-error{padding:16px;border:1px solid #ccc}
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-error .error-place{font-size:1.25rem;font-weight:700}
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-image{-webkit-box-shadow:0 0 0 2px #ccc inset;box-shadow:0 0 0 2px #ccc inset;z-index:-1;position:relative}
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-image img{width:100%;vertical-align:bottom;z-index:-1;position:relative}
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.interval{background-color:#fff;margin:-3px 0 0;text-align:center;border:2px solid #ccc;border-top:none;padding:0 0 10px;background-color:#fff}
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.interval .btn-wrapper{display:inline-block}
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.interval .btn-wrapper::after{content:"";display:block;clear:both}
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.interval .interval-10,.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.interval .interval-60{float:left;cursor:pointer;padding:8px 12px;border:1px solid #1c4d8e;border-radius:3px;line-height:1}
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.interval .interval-10{border-radius:3px 0 0 3px}
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.interval .interval-60{border-radius:0 3px 3px 0}
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.interval .interval-10.current,.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.interval .interval-60.current{color:#fff;background:#1c4d8e;cursor:default}
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place{margin-top:8px}
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place::after{content:"";display:block;clear:both}
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .back,.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .next{cursor:pointer;font-size:.875rem;display:inline-block;border:1px solid #ccc;color:#333;background-color:#fff;border-radius:3px;padding:11px 12px;line-height:1}
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .back{position:relative;float:left;padding-left:24px}
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .back::before{position:absolute;content:"";display:block;left:9px;top:14px;width:7px;height:7px;border-top:solid 2px #666;border-right:solid 2px #666;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .next{position:relative;float:right;padding-right:24px}
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .next::after{position:absolute;content:"";display:block;right:9px;top:14px;width:7px;height:7px;border-top:solid 2px #666;border-right:solid 2px #666;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .back.disabled,.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .next.disabled{cursor:default;opacity:.5}
@media screen and (min-width:950px){
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .back.disabled,.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .back.disabled:hover,.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .next.disabled,.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .next.disabled:hover{cursor:default;opacity:.5}
.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .back:hover,.river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .next:hover{opacity:.7}
}
.river #contents .river-detail .waterLevelStation .datetime{font-size:.875rem;margin:4px 4px 0}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list{margin-top:4px}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .upstream{position:relative;text-align:center;padding-right:30px}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .upstream span{font-size:.75rem;padding:16px 12px;border-radius:50px;display:inline-block;background-color:#d6edff}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .upstream::before{position:absolute;content:"";width:30px;height:15px;left:calc(50% - 30px);top:45px;display:inline-block;margin:-10px 0 -10px;background-color:#d6edff}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .downstream{position:relative;overflow:hidden;text-align:center;padding-right:30px}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .downstream span{font-size:.75rem;margin-top:16px;padding:16px 12px;border-radius:50px;display:inline-block;background-color:#d6edff}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .downstream::before{position:absolute;content:"";width:30px;height:30px;left:calc(50% - 30px);top:5px;display:inline-block;margin:-10px 0 -10px;background-color:#d6edff}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .downstream::after{left:calc(50% - 30px);position:absolute;top:0;content:"";display:inline-block;width:30px;height:8px;background:url(https://s.yimg.jp/images/emg/meteo/img/img-river-stream.png) 0 0 no-repeat;background-size:30px 8px}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info::before{position:absolute;right:50%;top:0;content:"";display:inline-block;width:30px;padding:24px 0 8px;width:30px;height:100%;background:url(https://s.yimg.jp/images/emg/meteo/img/img-river-stream.png) 0 0 no-repeat;background-color:#d6edff;background-size:30px 8px}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info::after{content:"";display:block;clear:both}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info .name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:relative;width:calc(50% - 46px);padding:8px 38px 0 8px;text-align:right;font-weight:700}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info .name::after{display:block;position:absolute;content:"";width:16px;height:16px;top:calc(50% - 6px);right:5px;border:2px solid #fff;border-radius:20px}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info .name .trend{position:relative;overflow:hidden;text-align:center;padding:18px 0 8px;width:30px;background:#d6edff}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info .name .trend span{display:inline-block;text-indent:-9999px;width:16px;height:16px;border:2px solid #fff;border-radius:20px}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info .condition{position:relative;width:calc(50% - 2px);margin-left:2px}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info .condition .condition-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info .condition .condition-list .trend{width:20px;height:24px;margin-right:8px;text-indent:-9999px;background-repeat:no-repeat;background-position:0 2px;background-size:20px 20px}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info .condition .condition-list .kind{line-height:1.5;width:calc(100% - 28px)}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info .condition .condition-list::after{content:"";display:block;clear:both}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info .condition a{display:block;color:#333;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:2px solid #fff;padding:16px 8px 14px 8px;margin:0;background-color:#f2f2f2}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info .condition a::after{content:"";display:block;clear:both}
@media screen and (min-width:950px){
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info .condition a:hover{opacity:.7}
}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.warning .name::after{background-color:#bc0cae}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.warning .condition a{color:#fff;background-color:#bc0cae}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.caution .name::after{background-color:#f30216}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.caution .condition a{color:#fff;background-color:#f30216}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.advisory .name::after{background-color:#ffd400}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.advisory .condition a{background-color:#ffd400}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.standby .name::after{background-color:#3aab68}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.standby .condition a{color:#fff;background-color:#3aab68}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.prepare .name::after{background-color:#8ab5e5}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.prepare .condition a{background-color:#8ab5e5}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.nocriteria .name::after{background-color:#f2f2f2}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.nocriteria .condition a{background-color:#f2f2f2}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.nocriteria .trend{width:auto!important;text-indent:0!important;padding-left:28px!important}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.nocriteria .kind{display:none}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.missing .name::after{background-color:#fff}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.missing .condition a{background-color:#f2f2f2}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.missing .trend{width:auto!important;text-indent:0!important;padding-left:28px!important;background-image:url(https://s.yimg.jp/images/weather/smp/v2/img/river/detail_stationList_ico_waterLevelMissing_l.png)}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.missing .waterLevels{display:none}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.unchange .trend{background-image:url(https://s.yimg.jp/images/weather/smp/v2/img/river/detail_stationList_ico_waterLevelUnchange_white_l.png)}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.up .trend{background-image:url(https://s.yimg.jp/images/weather/smp/v2/img/river/detail_stationList_ico_waterLevelUp_white_l_02.png)}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.down .trend{background-image:url(https://s.yimg.jp/images/weather/smp/v2/img/river/detail_stationList_ico_waterLevelDown_white_l_02.png)}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.advisory.unchange .trend,.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.nocriteria.unchange .trend,.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.prepare.unchange .trend{background-image:url(https://s.yimg.jp/images/weather/smp/v2/img/river/detail_stationList_ico_waterLevelUnchange_black_l.png)}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.advisory.up .trend,.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.nocriteria.up .trend,.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.prepare.up .trend{background-image:url(https://s.yimg.jp/images/weather/smp/v2/img/river/detail_stationList_ico_waterLevelUp_black_l_02.png)}
.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.advisory.down .trend,.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.nocriteria.down .trend,.river #contents .river-detail .waterLevelStation .waterLevelStation-list .waterLevelStation-list-item .waterLevelStation-info.prepare.down .trend{background-image:url(https://s.yimg.jp/images/weather/smp/v2/img/river/detail_stationList_ico_waterLevelDown_black_l_02.png)}
.river #contents .source .link{display:block;margin-top:8px}
.waterLevelStation-graph-image{background:#fff}
.waterLevelStation-graph-image g.y_axisPer10 line,.waterLevelStation-graph-image g.y_axisPer60 line{stroke-dasharray:2}
.waterLevelStation-graph-image .graph_baseline_0{stroke-dasharray:0!important;stroke-width:.5;stroke:#9dc2ed}
.waterLevelStation-graph-image .graph_baseline_10{stroke-dasharray:0!important;stroke-width:.5;stroke:#3aab68}
.waterLevelStation-graph-image .graph_baseline_20{stroke-dasharray:0!important;stroke-width:.5;stroke:#eac103}
.waterLevelStation-graph-image .graph_baseline_30{stroke-dasharray:0!important;stroke-width:.5;stroke:#f3493c}
.waterLevelStation-graph-image .graph_baseline_40{stroke-dasharray:0!important;stroke-width:.5;stroke:#e412d3}
.waterLevelStation-graph-image .tick{font-size:.75rem}
.waterLevelStation-graph-image .graphImageGuide{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:80px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;border-right:2px solid #ccc;border-top:2px solid #ccc;border-left:2px solid #ccc;background:#f7f7f7}
.waterLevelStation-graph-image .graphImageGuide[class*=flood] .graphImageTitle{color:#fff}
.waterLevelStation-graph-image .graphImageGuide.flood_advisory .graphImageTitle,.waterLevelStation-graph-image .graphImageGuide.flood_advisory .graphImageTitle+p{color:#333}
.waterLevelStation-graph-image .graphImageGuide .graphImageTitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#666;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 9.5px 0 11px;-webkit-box-flex:1;-ms-flex:1;flex:1}
.waterLevelStation-graph-image .graphImageGuide .graphImageTitle .graphImageMissing{color:#999;position:relative;padding-left:17px;white-space:nowrap}
.waterLevelStation-graph-image .graphImageGuide .graphImageTitle .graphImageMissing::after,.waterLevelStation-graph-image .graphImageGuide .graphImageTitle .graphImageMissing::before{content:"";width:2px;height:15px;background:#d2d2d2;border-radius:1px;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);left:6px}
.waterLevelStation-graph-image .graphImageGuide .graphImageTitle .graphImageMissing::after{-webkit-transform:translateY(-50%) rotate(-45deg);-ms-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg)}
.waterLevelStation-graph-image .graphImageGuide .graphImageTitle dl{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1.1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:1px}
.waterLevelStation-graph-image .graphImageGuide .graphImageTitle dl dt{font-size:.625rem;margin-right:9px}
.waterLevelStation-graph-image .graphImageGuide .graphImageTitle dl dt span{display:block;white-space:nowrap}
.waterLevelStation-graph-image .graphImageGuide .graphImageTitle dl dd{font-family:arial;white-space:nowrap}
.waterLevelStation-graph-image .graphImageGuide .graphImageTitle dl dd span{font-size:1.5rem}
.waterLevelStation-graph-image .graphImageGuide .graphImageTitle dl dd span:first-child{margin-right:10px;font-size:1.6875rem}
.waterLevelStation-graph-image .graphImageGuide .graphImageTitle p{font-size:1.1875rem;font-weight:700;line-height:1.2}
.waterLevelStation-graph-image .graphImageGuide .graphImageTitle+p{width:100%;text-align:right;font-size:.75rem;padding:0 8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;line-height:1.4;min-height:24px;letter-spacing:.2em}
.waterLevelStation-graph-image .graphImageGuide.flood_normalwater{background-color:#8ab5e5}
.waterLevelStation-graph-image .graphImageGuide.flood_hazard{background-color:#bc0cae}
.waterLevelStation-graph-image .graphImageGuide.flood_evac{background-color:#f30216}
.waterLevelStation-graph-image .graphImageGuide.flood_advisory{background-color:#ffd400;color:#333}
.waterLevelStation-graph-image .graphImageGuide.flood_standBy{background-color:#3aab68}
.waterLevelStation-graph-image .graphImageGuide ul{display:-webkit-box;display:-ms-flexbox;display:flex}
.waterLevelStation-graph-image .graphImageGuide ul li{width:22.08%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;background:#8ab5e5;font-size:.625rem;line-height:1.2;padding:2px 6px}
.waterLevelStation-graph-image .graphImageGuide ul li:first-child{width:11.7%}
.waterLevelStation-graph-image .graphImageGuide ul li:nth-last-child(4):first-child,.waterLevelStation-graph-image .graphImageGuide ul li:nth-last-child(4):first-child~li{width:25%}
.waterLevelStation-graph-image .graphImageGuide ul li:nth-last-child(3):first-child,.waterLevelStation-graph-image .graphImageGuide ul li:nth-last-child(3):first-child~li{width:33.3334%}
.waterLevelStation-graph-image .graphImageGuide ul li:nth-last-child(2):first-child,.waterLevelStation-graph-image .graphImageGuide ul li:nth-last-child(2):first-child~li{width:50%}
.waterLevelStation-graph-image .graphImageGuide ul li>span:first-child:last-child{text-align:center;display:block;width:100%}
.waterLevelStation-graph-image .graphImageGuide ul li .num{font-size:.75rem}
.waterLevelStation-graph-image .graphImageGuide ul li.flood_hazard{background-color:#bc0cae}
.waterLevelStation-graph-image .graphImageGuide ul li.flood_evac{background-color:#f30216}
.waterLevelStation-graph-image .graphImageGuide ul li.flood_advisory{background-color:#ffd400;color:#333}
.waterLevelStation-graph-image .graphImageGuide ul li.flood_standBy{background-color:#3aab68}
.waterLevelStation-graph-image .graphImageTime{font-size:.75rem;padding:9px 45px 0}
.waterLevelStation-graph-image .graphImageFig{text-align:center;padding:0}
@media screen and (min-width:950px){
.waterLevelStation-graph-image .graphImageTime{font-size:1rem}
.waterLevelStation-graph-image .graphImageGuide{height:auto}
.waterLevelStation-graph-image .graphImageGuide ul li{-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:.8125rem;padding:5px 3px 5px 8px}
.waterLevelStation-graph-image .graphImageGuide .graphImageTitle{padding:0 19px 0 22px}
.waterLevelStation-graph-image .graphImageGuide .graphImageTitle p{font-size:2.375rem}
.waterLevelStation-graph-image .graphImageGuide .graphImageTitle dl dt{font-size:1.375rem}
.waterLevelStation-graph-image .graphImageGuide .graphImageTitle dl dd span{font-size:3rem}
.waterLevelStation-graph-image .graphImageGuide .graphImageTitle dl dd span:first-child{font-size:3.375rem}
.waterLevelStation-graph-image .graphImageGuide .graphImageTitle{min-height:60px}
.waterLevelStation-graph-image .graphImageGuide .graphImageTitle:nth-last-child(2):first-child{min-height:100px}
.waterLevelStation-graph-image .graphImageGuide .graphImageTitle+p{font-size:1.5rem;min-height:53px}
.waterLevelStation-graph-image .graphImageFig{width:100%;height:190px;padding:0}
}
.jalert .jalertInfo-item{margin:10px 0 0 10px;line-height:1.5}
.jalert .morelink>p:not(:first-child){margin-top:14px}
.jalert .morelink .reload a,.jalert .morelink .twitter a{display:block;margin:0 auto;width:calc(100% - 12px);max-width:508px;padding:10px 0}
.jalert .morelink .twitter a{color:#fff;background-color:#4672d0}
.jalert .morelink .twitter a .small{display:inline-block;font-size:.8125rem}
.jalert .morelink .reload a{color:#1c4d8e;border-color:#1c4d8e;font-weight:700}
.jalert .morelink .reload a span{position:relative;display:inline-block;padding-left:28px}
.jalert .morelink .reload a span::before{content:"";display:block;width:20px;height:100%;background:url(https://s.yimg.jp/images/weather/smp/v2/img/common/icoReload.png) no-repeat;background-position:left center;position:absolute;left:0;top:0}
.jalert .history{margin:26px 4px 0}
.jalert .history-list-item{padding:15px 0;border-top:1px solid #ccc}
.jalert .history-list-item:first-child{border-top:none}
.jalert .history-list-item:last-child{border-bottom:1px solid #ccc}
.jalert .history-list-item-link{display:block;position:relative;padding:0 12px}
.jalert .history-list-item-link::before{content:"";position:absolute;width:7px;height:7px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-right:2px solid #ccc;border-top:2px solid #ccc;top:50%;right:0;margin:-4px 12px 0 0}
.jalert .history-list-item-detail{margin:0 10px 0}
.jalert .history-list-item-detail dt{font-weight:700;font-size:.875rem;display:inline-block;margin-right:5px}
.jalert .history-list-item-detail dd{display:inline-block}
.jalert .history-list-item-detail dd::before{content:"：";margin-right:5px}
.jalert .history .title{font-weight:700}
.jalert .history .targeArea{color:#000;font-size:.8125rem;color:#999;padding-top:2px;padding-right:10px;margin-bottom:4px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.jalert .history .subText{color:#617589;font-size:.75rem;font-weight:700}
.error #yjMusthead .langSelect{display:none}
.error .error-contents{text-align:center;padding:80px 16px;margin-top:8px}
.error .error-contents .message p{text-align:left;font-weight:700;display:inline-block}
.error .error-contents .homelink{margin-top:16px}
html:lang(en) body{font-family:helvetica,Arial,meiryo,sans-serif}
html:lang(en) .temporaryInfo_text.en{display:block}
html:lang(en) .temporaryInfo_text.ja{display:none}
html:lang(en) .otherContents.navigation .otherContents-list .otherContents-list-item{width:100%}
html:lang(en) .tsunami #contents .image .tab-navi{display:table;table-layout:fixed;width:100%}
html:lang(en) .tsunami #contents .image .tab-navi .tab-item{display:table-cell;line-height:1;font-size:.875rem;border-bottom:1px solid #e9e9e9}
html:lang(en) .tsunami #contents .image .tab-navi .tab-item a{display:block;padding:16px 0;text-align:center;position:relative;top:1px;cursor:pointer}
html:lang(en) .tsunami #contents .image .tab-navi .tab-item.is-current a{cursor:default;border-bottom:4px solid #815d38;font-weight:700;color:#333;pointer-events:none;cursor:default}
html:lang(en) .tsunami #contents .image .tab-navi .tab-item.is-current a::before{position:absolute;content:"";display:block;margin-top:-10px;top:50%;left:0;background:#e9e9e9;width:1px;height:24px}
html:lang(en) .tsunami #contents .image .tab-navi .tab-item:first-child a::before{display:none}
html:lang(en) .tsunami #contents .image .image-map img{vertical-align:bottom;width:100%}
html:lang(en) .tsunami #contents .image .image-map img.scaleImg,html:lang(en) .tsunami #contents .image .image-map img.zoomImg{display:none;vertical-align:bottom;width:100%}
html:lang(en) .tsunami #contents .image .image-map img.show{display:block}
html:lang(en) .tsunami #contents .image .image-map .tsunamiAlert{display:none}
html:lang(en) .tsunami #contents .image .tsunami_legend{text-align:center;padding:8px 4px 4px;background-color:#f2f2f2}
html:lang(en) .tsunami #contents .image .tsunami_legend_epicenter{border-right:none;margin-bottom:8px;padding:0}
@media screen and (max-width:860px){
html:lang(en) .tsunami #contents .image .tsunami_legend_epicenter .epicenter{font-size:.5rem}
}
html:lang(en) .tsunami #contents .image .tsunami_legend_epicenter::after{content:"";display:block;clear:both}
html:lang(en) .tsunami #contents .image .tsunami_legend_kind{display:inline-block;position:relative;padding:0 0 0 4px}
html:lang(en) .tsunami #contents .image .tsunami_legend_kind::after{content:"";display:block;clear:both}
html:lang(en) .tsunami #contents .image .tsunami_legend_kind li{float:left;display:inline-block;padding:3px 6px;margin-right:1px;text-align:center;font-size:.75rem}
html:lang(en) .tsunami #contents .image .tsunami_legend_kind li.advisory{min-width:8em;border-radius:3px 0 0 3px}
html:lang(en) .tsunami #contents .image .tsunami_legend_kind li.warning{min-width:8em}
html:lang(en) .tsunami #contents .image .tsunami_legend_kind li.emergency{min-width:8em;border-radius:0 3px 3px 0}
html:lang(en) .tsunami #contents .image .tsunami_legend_kind li.height1m{position:absolute;width:3em;left:8.5em;top:-1.7em}
html:lang(en) .tsunami #contents .image .tsunami_legend_kind li.height3m{position:absolute;width:3em;left:16.5em;top:-1.7em}
@media screen and (max-width:860px){
html:lang(en) .tsunami #contents .image .tsunami_legend_kind li{float:left;display:inline-block;padding:2px 2px 3px;margin-right:1px;text-align:center;font-size:.5rem}
html:lang(en) .tsunami #contents .image .tsunami_legend_kind li.advisory{min-width:6em;border-radius:3px 0 0 3px}
html:lang(en) .tsunami #contents .image .tsunami_legend_kind li.warning{min-width:6em}
html:lang(en) .tsunami #contents .image .tsunami_legend_kind li.emergency{min-width:6em;border-radius:0 3px 3px 0}
html:lang(en) .tsunami #contents .image .tsunami_legend_kind li.height1m{position:absolute;width:3em;left:11em;top:-2em}
html:lang(en) .tsunami #contents .image .tsunami_legend_kind li.height3m{position:absolute;width:3em;left:22em;top:-2em}
}
html:lang(en) .tsunami #contents .image .tsunami_legend_kind .advisory{background-color:#ffd200}
html:lang(en) .tsunami #contents .image .tsunami_legend_kind .warning{background-color:#e60013;color:#fff}
html:lang(en) .tsunami #contents .image .tsunami_legend_kind .emergency{background-color:#6648c0;color:#fff}
html:lang(en) .tsunami #contents .explanation .explanation-warningKind .explanation-level-detail .level{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:4px 8px}
html:lang(en) .tsunami #contents .explanation .explanation-warningKind .explanation-level-detail dd{padding-bottom:44px}
html:lang(en) .tsunami #contents .explanation .explanation-warningKind .explanation-level-detail dd .message{padding-right:100px}
html:lang(en) .tsunami #contents .explanation .explanation-warningKind .explanation-level-detail dd::before{top:5px}
@media screen and (max-width:860px){
html:lang(en) .tsunami #contents .explanation .explanation-tsunamiHight{background-position:12px 68px;min-height:460px}
html:lang(en) .tsunami #contents .explanation .explanation-tsunamiHight .title{padding:12px 16px}
html:lang(en) .tsunami #contents .explanation .explanation-tsunamiHight .explanation-level-list .explanation-level-item .message{margin-top:2px;font-size:.75rem}
html:lang(en) .tsunami #contents .explanation .explanation-tsunamiHight .explanation-level-list .explanation-level-item.depth100cm{top:200px}
html:lang(en) .tsunami #contents .explanation .explanation-tsunamiHight .explanation-level-list .explanation-level-item.depth70cm{top:270px}
html:lang(en) .tsunami #contents .explanation .explanation-tsunamiHight .explanation-level-list .explanation-level-item.depth50cm{top:325px}
html:lang(en) .tsunami #contents .explanation .explanation-tsunamiHight .explanation-level-list .explanation-level-item.depth20cm{top:380px}
}
html:lang(en) .earthquake .tsunami_legend{text-align:center;padding:8px 4px 4px;background-color:#f2f2f2}
html:lang(en) .earthquake .tsunami_legend_epicenter{border-right:none;margin-bottom:8px;padding:0}
@media screen and (max-width:860px){
html:lang(en) .earthquake .tsunami_legend_epicenter .epicenter{font-size:.5rem}
}
html:lang(en) .earthquake .tsunami_legend_epicenter::after{content:"";display:block;clear:both}
html:lang(en) .earthquake .tsunami_legend_kind{display:inline-block;position:relative;padding:0 0 0 4px}
html:lang(en) .earthquake .tsunami_legend_kind::after{content:"";display:block;clear:both}
html:lang(en) .earthquake .tsunami_legend_kind li{float:left;display:inline-block;padding:3px 6px;margin-right:1px;text-align:center;font-size:.75rem}
html:lang(en) .earthquake .tsunami_legend_kind li.advisory{min-width:8em;border-radius:3px 0 0 3px}
html:lang(en) .earthquake .tsunami_legend_kind li.warning{min-width:8em}
html:lang(en) .earthquake .tsunami_legend_kind li.emergency{min-width:8em;border-radius:0 3px 3px 0}
html:lang(en) .earthquake .tsunami_legend_kind li.height1m{position:absolute;width:3em;left:8.5em;top:-1.7em}
html:lang(en) .earthquake .tsunami_legend_kind li.height3m{position:absolute;width:3em;left:16.5em;top:-1.7em}
@media screen and (max-width:860px){
html:lang(en) .earthquake .tsunami_legend_kind li{float:left;display:inline-block;padding:2px 0 3px;margin-right:1px;text-align:center;font-size:.5rem}
html:lang(en) .earthquake .tsunami_legend_kind li.advisory{min-width:6em;border-radius:3px 0 0 3px}
html:lang(en) .earthquake .tsunami_legend_kind li.warning{min-width:6em}
html:lang(en) .earthquake .tsunami_legend_kind li.emergency{min-width:6em;border-radius:0 3px 3px 0}
html:lang(en) .earthquake .tsunami_legend_kind li.height1m{position:absolute;width:3em;left:10em;top:-2em}
html:lang(en) .earthquake .tsunami_legend_kind li.height3m{position:absolute;width:3em;left:20em;top:-2em}
}
html:lang(en) .earthquake .tsunami_legend_kind .advisory{background-color:#ffd200}
html:lang(en) .earthquake .tsunami_legend_kind .warning{background-color:#e60013;color:#fff}
html:lang(en) .earthquake .tsunami_legend_kind .emergency{background-color:#6648c0;color:#fff}
@media screen and (max-width:860px){
html:lang(en) .earthquake .tsunami_legend_kind{padding:0}
html:lang(en) .earthquake .tsunami_legend_kind li{padding:2px 1px 3px}
}
@media screen and (max-width:860px){
html:lang(en) .earthquake .tsunami_legend{padding:8px 0 4px}
}
html:lang(en) .volcano .explanation.volcano .explanation-level-detail .level{max-width:none}
@media screen and (max-width:375px){
html:lang(en) .warn #contents .warn-legend{padding:6px 4px 10px}
html:lang(en) .warn #contents .warn-legend .warn-legend-kind li{font-size:.625rem;padding:2px 4px 3px}
html:lang(en) .warn #contents .announcement{font-size:.75rem}
}
html:lang(en) .warn #contents .warn-prefecture .inEffect-info .firstArea-list .firstArea-item .secondArea-list .secondArea-item .municipality-list .municipality-item .inEffect-kind li{min-width:8em}
html:lang(en) .warn #contents .warn-prefecture .image #mapsvg .mapArea .splitAreaNameText{font-size:.625rem}
html:lang(en) .warn #contents .explanation .level{width:16em}
html:lang(en) .river #contents .legend .legend-river{display:block;text-align:center}
html:lang(en) .river #contents .legend .legend-river .title{margin:0 .5em 2px 0}
html:lang(en) .river #contents .legend .legend-river .legend-river-kind{padding-left:1em}
html:lang(en) .river #contents .explanation .level{width:calc(100% - 16px)}
html:lang(en) .river #contents .explanation .explanation-level-detail dd p:first-of-type{display:block}
html:lang(en) .river #contents .explanation.floodForecast .level{width:12em}
html:lang(ko) body{font-family:"돋움",dotum,helvetica,Arial,sans-serif}
html:lang(ko) .otherContents.disastersList .otherContents-list .otherContents-list-item a,html:lang(ko) .otherContents.messageService .otherContents-list .otherContents-list-item a,html:lang(ko) .otherContents.navigation .otherContents-list .otherContents-list-item a{padding-right:0}
html:lang(ko) .temporaryInfo_text.ko{display:block}
html:lang(ko) .temporaryInfo_text.ja{display:none}
html:lang(ko) .tsunami #contents .image .tsunami_legend{padding:8px 2px}
html:lang(ko) .tsunami #contents .image .tsunami_legend .tsunami_legend_kind{padding:0 0 0 4px}
html:lang(ko) .tsunami #contents .image .tsunami_legend .tsunami_legend_kind li{padding:2px 4px 3px}
html:lang(ko) .tsunami #contents .image .tsunami_legend .tsunami_legend_epicenter{padding:0 8px 0 0}
html:lang(ko) .tsunami #contents .explanation .explanation-warningKind .explanation-level-detail .level{width:10em}
html:lang(ko) .tsunami #contents .explanation .explanation-warningKind .explanation-level-detail .level.seaLevelChange{width:auto}
html:lang(ko) .earthquake .tsunami_legend{padding:8px 2px}
html:lang(ko) .earthquake .tsunami_legend .tsunami_legend_kind{padding:0 0 0 4px}
html:lang(ko) .earthquake .tsunami_legend .tsunami_legend_kind li{padding:2px 2px 3px}
html:lang(ko) .earthquake .tsunami_legend .tsunami_legend_epicenter{padding:0 8px 0 0}
html:lang(zh-CN) body{font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif}
html:lang(zh-CN) .temporaryInfo_text.zhcn{display:block}
html:lang(zh-CN) .temporaryInfo_text.ja{display:none}
html:lang(zh-TW) body{font-family:source-han-sans-traditional,helvetica,arial,sans-serif}
html:lang(zh-TW) .temporaryInfo_text.zhtw{display:block}
html:lang(zh-TW) .temporaryInfo_text.ja{display:none}
html:lang(en) .otherContents.disastersList,html:lang(ko) .otherContents.disastersList,html:lang(zh-CN) .otherContents.disastersList,html:lang(zh-TW) .otherContents.disastersList{display:none}
html:lang(en) .otherContents.navigation,html:lang(ko) .otherContents.navigation,html:lang(zh-CN) .otherContents.navigation,html:lang(zh-TW) .otherContents.navigation{display:block}
html:lang(en) .otherContents.relatedLinks,html:lang(ko) .otherContents.relatedLinks,html:lang(zh-CN) .otherContents.relatedLinks,html:lang(zh-TW) .otherContents.relatedLinks{display:none}
html:lang(en) .otherContents.safetyConfirmation,html:lang(ko) .otherContents.safetyConfirmation,html:lang(zh-CN) .otherContents.safetyConfirmation,html:lang(zh-TW) .otherContents.safetyConfirmation{display:none}
html:lang(en) .provider,html:lang(ko) .provider,html:lang(zh-CN) .provider,html:lang(zh-TW) .provider{display:none}
html:lang(en) .tsunami #contents .headline,html:lang(ko) .tsunami #contents .headline,html:lang(zh-CN) .tsunami #contents .headline,html:lang(zh-TW) .tsunami #contents .headline{display:none}
html:lang(en) .tsunami #contents .info,html:lang(ko) .tsunami #contents .info,html:lang(zh-CN) .tsunami #contents .info,html:lang(zh-TW) .tsunami #contents .info{display:none}
html:lang(en) .tsunami #contents .overview,html:lang(ko) .tsunami #contents .overview,html:lang(zh-CN) .tsunami #contents .overview,html:lang(zh-TW) .tsunami #contents .overview{display:none}
html:lang(en) .tsunami #contents .relatedEarthquake .hypocenterAdditional,html:lang(ko) .tsunami #contents .relatedEarthquake .hypocenterAdditional,html:lang(zh-CN) .tsunami #contents .relatedEarthquake .hypocenterAdditional,html:lang(zh-TW) .tsunami #contents .relatedEarthquake .hypocenterAdditional{display:none}
html:lang(en) .tsunami #contents .disasterAdditionalInfo .disasterAdditionalInfo-crisisMap,html:lang(ko) .tsunami #contents .disasterAdditionalInfo .disasterAdditionalInfo-crisisMap,html:lang(zh-CN) .tsunami #contents .disasterAdditionalInfo .disasterAdditionalInfo-crisisMap,html:lang(zh-TW) .tsunami #contents .disasterAdditionalInfo .disasterAdditionalInfo-crisisMap{display:none}
html:lang(en) .tsunami #contents .image .image-map,html:lang(ko) .tsunami #contents .image .image-map,html:lang(zh-CN) .tsunami #contents .image .image-map,html:lang(zh-TW) .tsunami #contents .image .image-map{position:relative}
html:lang(en) .tsunami #contents .image .image-map .noimage,html:lang(en) .tsunami #contents .image .image-map .tsunamiAlert,html:lang(ko) .tsunami #contents .image .image-map .noimage,html:lang(ko) .tsunami #contents .image .image-map .tsunamiAlert,html:lang(zh-CN) .tsunami #contents .image .image-map .noimage,html:lang(zh-CN) .tsunami #contents .image .image-map .tsunamiAlert,html:lang(zh-TW) .tsunami #contents .image .image-map .noimage,html:lang(zh-TW) .tsunami #contents .image .image-map .tsunamiAlert{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:50%;width:calc(100% - 32px);top:25%;left:16px;margin:0;background-color:#f2f2f2}
html:lang(en) .tsunami #contents .image .image-map .noimage .title,html:lang(en) .tsunami #contents .image .image-map .tsunamiAlert .title,html:lang(ko) .tsunami #contents .image .image-map .noimage .title,html:lang(ko) .tsunami #contents .image .image-map .tsunamiAlert .title,html:lang(zh-CN) .tsunami #contents .image .image-map .noimage .title,html:lang(zh-CN) .tsunami #contents .image .image-map .tsunamiAlert .title,html:lang(zh-TW) .tsunami #contents .image .image-map .noimage .title,html:lang(zh-TW) .tsunami #contents .image .image-map .tsunamiAlert .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px;font-weight:700}
html:lang(en) .tsunami #contents .image .image-map .noimage .message,html:lang(en) .tsunami #contents .image .image-map .tsunamiAlert .message,html:lang(ko) .tsunami #contents .image .image-map .noimage .message,html:lang(ko) .tsunami #contents .image .image-map .tsunamiAlert .message,html:lang(zh-CN) .tsunami #contents .image .image-map .noimage .message,html:lang(zh-CN) .tsunami #contents .image .image-map .tsunamiAlert .message,html:lang(zh-TW) .tsunami #contents .image .image-map .noimage .message,html:lang(zh-TW) .tsunami #contents .image .image-map .tsunamiAlert .message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px;font-weight:700}
html:lang(en) .tsunami #contents .image .image-map .noimage .datetime,html:lang(en) .tsunami #contents .image .image-map .tsunamiAlert .datetime,html:lang(ko) .tsunami #contents .image .image-map .noimage .datetime,html:lang(ko) .tsunami #contents .image .image-map .tsunamiAlert .datetime,html:lang(zh-CN) .tsunami #contents .image .image-map .noimage .datetime,html:lang(zh-CN) .tsunami #contents .image .image-map .tsunamiAlert .datetime,html:lang(zh-TW) .tsunami #contents .image .image-map .noimage .datetime,html:lang(zh-TW) .tsunami #contents .image .image-map .tsunamiAlert .datetime{border-top:1px solid #ccc;padding:8px}
html:lang(en) .earthquake .earthquakeView .tabView_content.is-active,html:lang(ko) .earthquake .earthquakeView .tabView_content.is-active,html:lang(zh-CN) .earthquake .earthquakeView .tabView_content.is-active,html:lang(zh-TW) .earthquake .earthquakeView .tabView_content.is-active{position:relative}
html:lang(en) .earthquake .earthquakeView .tabView_content.is-active .noimage,html:lang(ko) .earthquake .earthquakeView .tabView_content.is-active .noimage,html:lang(zh-CN) .earthquake .earthquakeView .tabView_content.is-active .noimage,html:lang(zh-TW) .earthquake .earthquakeView .tabView_content.is-active .noimage{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:50%;width:calc(100% - 32px);top:calc(25% + -25px);left:16px;margin:0;background-color:#f2f2f2}
html:lang(en) .earthquake .earthquakeView .tabView_content.is-active .noimage .message,html:lang(ko) .earthquake .earthquakeView .tabView_content.is-active .noimage .message,html:lang(zh-CN) .earthquake .earthquakeView .tabView_content.is-active .noimage .message,html:lang(zh-TW) .earthquake .earthquakeView .tabView_content.is-active .noimage .message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px;font-weight:700}
html:lang(en) .earthquake .earthquakeInfo-item .earthquakeInfo-item-hypocenter .hypocenterAdditional,html:lang(ko) .earthquake .earthquakeInfo-item .earthquakeInfo-item-hypocenter .hypocenterAdditional,html:lang(zh-CN) .earthquake .earthquakeInfo-item .earthquakeInfo-item-hypocenter .hypocenterAdditional,html:lang(zh-TW) .earthquake .earthquakeInfo-item .earthquakeInfo-item-hypocenter .hypocenterAdditional{display:none}
html:lang(en) .earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map,html:lang(ko) .earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map,html:lang(zh-CN) .earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map,html:lang(zh-TW) .earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
html:lang(en) .earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map .tsunamiAlert,html:lang(ko) .earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map .tsunamiAlert,html:lang(zh-CN) .earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map .tsunamiAlert,html:lang(zh-TW) .earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map .tsunamiAlert{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:50%;width:calc(100% - 16px);top:25%;margin:0;background-color:#f2f2f2}
html:lang(en) .earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map .tsunamiAlert .title,html:lang(ko) .earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map .tsunamiAlert .title,html:lang(zh-CN) .earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map .tsunamiAlert .title,html:lang(zh-TW) .earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map .tsunamiAlert .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 8px}
html:lang(en) .earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map .tsunamiAlert .message,html:lang(ko) .earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map .tsunamiAlert .message,html:lang(zh-CN) .earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map .tsunamiAlert .message,html:lang(zh-TW) .earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map .tsunamiAlert .message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 8px;font-weight:700}
html:lang(en) .earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map .tsunamiAlert .datetime,html:lang(ko) .earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map .tsunamiAlert .datetime,html:lang(zh-CN) .earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map .tsunamiAlert .datetime,html:lang(zh-TW) .earthquake .tsunamiInfo .tsunamiInfo-list .tsunamiInfo-list-map .tsunamiAlert .datetime{border-top:1px solid #ccc;padding:8px}
html:lang(en) .earthquake .disasterAdditionalInfo,html:lang(ko) .earthquake .disasterAdditionalInfo,html:lang(zh-CN) .earthquake .disasterAdditionalInfo,html:lang(zh-TW) .earthquake .disasterAdditionalInfo{display:none}
html:lang(en) .earthquake .readMore,html:lang(ko) .earthquake .readMore,html:lang(zh-CN) .earthquake .readMore,html:lang(zh-TW) .earthquake .readMore{display:none}
html:lang(en) .volcano .volcanoAlertInfo .volcanoAlertInfo-targetCity,html:lang(ko) .volcano .volcanoAlertInfo .volcanoAlertInfo-targetCity,html:lang(zh-CN) .volcano .volcanoAlertInfo .volcanoAlertInfo-targetCity,html:lang(zh-TW) .volcano .volcanoAlertInfo .volcanoAlertInfo-targetCity{display:none}
html:lang(en) .volcano .volcanoAlertInfo .volcanoAlert-link .link,html:lang(ko) .volcano .volcanoAlertInfo .volcanoAlert-link .link,html:lang(zh-CN) .volcano .volcanoAlertInfo .volcanoAlert-link .link,html:lang(zh-TW) .volcano .volcanoAlertInfo .volcanoAlert-link .link{margin:4px 4px 0}
html:lang(en) .volcano .volcano-detail .header.large.page h1 .ruby,html:lang(ko) .volcano .volcano-detail .header.large.page h1 .ruby,html:lang(zh-CN) .volcano .volcano-detail .header.large.page h1 .ruby,html:lang(zh-TW) .volcano .volcano-detail .header.large.page h1 .ruby{display:none}
html:lang(en) .volcano .volcano-detail .volcanoInfo-content>dd,html:lang(ko) .volcano .volcano-detail .volcanoInfo-content>dd,html:lang(zh-CN) .volcano .volcano-detail .volcanoInfo-content>dd,html:lang(zh-TW) .volcano .volcano-detail .volcanoInfo-content>dd{display:none}
html:lang(en) .volcano .volcano-detail .commentary-info,html:lang(ko) .volcano .volcano-detail .commentary-info,html:lang(zh-CN) .volcano .volcano-detail .commentary-info,html:lang(zh-TW) .volcano .volcano-detail .commentary-info{display:none}
html:lang(en) .volcano .volcano-detail .volcanoLivecameraWrapper .title,html:lang(ko) .volcano .volcano-detail .volcanoLivecameraWrapper .title,html:lang(zh-CN) .volcano .volcano-detail .volcanoLivecameraWrapper .title,html:lang(zh-TW) .volcano .volcano-detail .volcanoLivecameraWrapper .title{display:block}
html:lang(en) .river #contents .searchBox-wrapper,html:lang(ko) .river #contents .searchBox-wrapper,html:lang(zh-CN) .river #contents .searchBox-wrapper,html:lang(zh-TW) .river #contents .searchBox-wrapper{display:none}
html:lang(en) .river #contents .riverAlertInfo .riverAlertInfo-overview .overview,html:lang(ko) .river #contents .riverAlertInfo .riverAlertInfo-overview .overview,html:lang(zh-CN) .river #contents .riverAlertInfo .riverAlertInfo-overview .overview,html:lang(zh-TW) .river #contents .riverAlertInfo .riverAlertInfo-overview .overview{display:none}
html:lang(en) .river #contents .river-detail .header.large,html:lang(ko) .river #contents .river-detail .header.large,html:lang(zh-CN) .river #contents .river-detail .header.large,html:lang(zh-TW) .river #contents .river-detail .header.large{padding:8px}
html:lang(en) .river #contents .river-detail .header.large .title .nameRuby,html:lang(ko) .river #contents .river-detail .header.large .title .nameRuby,html:lang(zh-CN) .river #contents .river-detail .header.large .title .nameRuby,html:lang(zh-TW) .river #contents .river-detail .header.large .title .nameRuby{display:none}
html:lang(en) .river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .back,html:lang(ko) .river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .back,html:lang(zh-CN) .river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .back,html:lang(zh-TW) .river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .back{max-width:calc(50% - 50px)}
html:lang(en) .river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .back::before,html:lang(ko) .river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .back::before,html:lang(zh-CN) .river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .back::before,html:lang(zh-TW) .river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .back::before{top:calc(50% - 3px)}
html:lang(en) .river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .next,html:lang(ko) .river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .next,html:lang(zh-CN) .river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .next,html:lang(zh-TW) .river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .next{max-width:calc(50% - 50px)}
html:lang(en) .river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .next::after,html:lang(ko) .river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .next::after,html:lang(zh-CN) .river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .next::after,html:lang(zh-TW) .river #contents .river-detail .waterLevelStation .waterLevelStation-graph .waterLevelStation-graph-controll.station-place .next::after{top:calc(50% - 3px)}
html:lang(en) .river #contents .morelink,html:lang(ko) .river #contents .morelink,html:lang(zh-CN) .river #contents .morelink,html:lang(zh-TW) .river #contents .morelink{display:none}