@charset "UTF-8";
html{overflow-y:scroll}
body{margin:0;padding:0;overflow-y:visible;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;word-break:break-all;word-wrap:break-word;color:#333;font:13px/1.4 Meiryo,"MS PGothic",sans-serif;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}
button,h1,h2,h3,h4,h5,h6,input,select,table,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(102,204,255,.5);tap-highlight-color:rgba(102,204,255,.5)}
a,x:-moz-any-link{outline-offset:-1px}
a:hover{cursor:pointer}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}
audio[controls],canvas,video{display:inline-block}
article,aside,audio,blockquote,canvas,caption,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,hr,iframe,legend,li,main,nav,ol,p,section,ul,video{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
li{list-style:none}
fieldset,iframe,img{border:none}
img{color:#b2b2b2;font-size:10px}
a[href^="javascript:"]{-webkit-touch-callout:none;touch-callout:none}
hr{border:none;border-top:1px solid #888}
form{margin:0;padding:0}
label{display:inline-block;max-width:100%;border-radius:3px;-webkit-tap-highlight-color:rgba(102,204,255,.5);tap-highlight-color:rgba(102,204,255,.5);vertical-align:middle}
button,input,select,textarea{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;margin:0;-webkit-box-shadow:none;box-shadow:none;vertical-align:middle;-webkit-tap-highlight-color:rgba(102,204,255,.5);tap-highlight-color:rgba(102,204,255,.5);color:#333;font-size:13px}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{display:none;-webkit-appearance:none}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#888}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#888}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#888}
input::placeholder,textarea::placeholder{color:#888}
button,input[type=button],input[type=reset],input[type=submit]{-moz-appearance:button;-webkit-appearance:button;appearance:button;padding:4px;border:1px solid #888;border-radius:3px;background:#fff;cursor:pointer;word-wrap:normal;word-break:normal;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;margin:0;padding:0}
input[type=file]{cursor:pointer}
input[type=email],input[type=number],input[type=search],input[type=tel],input[type=text],select[multiple],textarea{-moz-appearance:none;-webkit-appearance:none;appearance:none;border:1px solid #888;border-radius:3px;background:#fff}
button[disabled],input[type=button][disabled],input[type=email][disabled],input[type=number][disabled],input[type=reset][disabled],input[type=search][disabled],input[type=submit][disabled],input[type=tel][disabled],input[type=text][disabled],select[disabled],textarea[disabled]{background:#dfdfdf;color:#888;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;cursor:default}
input[type=checkbox],input[type=radio]{margin-bottom:2px}
:root input[type=checkbox],x:-moz-any-link{margin-right:3px}
:root input[type=radio],x:-moz-any-link{margin-right:1px}
input[type=button]:disabled,input[type=submit]:disabled{opacity:1;cursor:default}
select{word-wrap:normal;word-break:normal;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;padding:3px 4px;border:1px solid #888;border-radius:3px}
textarea{-moz-appearance:none;-webkit-appearance:none;appearance:none;resize:vertical;min-height:4.9em}
audio,canvas,embed,iframe,img,object,video{vertical-align:top}
table{-webkit-box-sizing:border-box;box-sizing:border-box;border-collapse:collapse;border-spacing:0}
table,td,th{border:1px solid #888}
caption,td,th{margin:0;padding:0;vertical-align:top;text-align:left}
address,dfn,em,strong,th{font-style:normal}
em,strong{font-weight:700}
div{max-height:999999px}
.cf:after,div:after{content:"";display:block;clear:both}
:after,:before{font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.promoWrapper{position:relative;height:100%;width:100%;min-width:950px;overflow:hidden;font-size:1.25rem;line-height:2;font-family:"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",“Droid Sans”,Helvetica,Arial,Roboto,sans-serif;font-weight:500;background-color:#2f69a8}
.promoContents{position:relative;display:block;width:100%;margin:0 auto}
#pcpromo_emg{position:relative;z-index:100000;font:13px/1.4 Meiryo,"MS PGothic",sans-serif;background-color:#fff}
#emg,#emg2,#emg3{padding:10px 0;text-align:center}
#emg table,#emg2 table,#emg3 table{margin:0 auto}
#emg td,#emg2 td,#emg3 td{text-align:center;border:none;vertical-align:middle;line-height:1.4}
#emg2 br,#emg3 br{display:none}
.promoBlock{position:absolute;left:0;right:0;top:50%;width:930px;height:570px;margin:-285px auto 0;padding:30px;color:#fff}
.promoBlock-right{padding-left:350px}
.promoBlock-bg{border-radius:20px;background-color:rgba(255,255,255,.7);color:#000}
.promoBlock_appText{margin-top:50px;font-size:2.25rem}
.promoBlock_appText+.promoBlock_appName{margin-top:10px}
.promoBlock_appName{margin-top:100px;font-size:3.375rem;font-weight:700}
.promoBlock_appName-icon{position:relative;margin-top:40px;padding-left:130px;line-height:100px}
.promoBlock_appName-icon::before{content:"";display:block;width:109px;height:98px;position:absolute;top:0;left:0;background-image:url(https://s.yimg.jp/images/weather/special/promo/pc/img/other/spr_img_other_2x.png);background-size:470px 320px;background-repeat:no-repeat;background-position:0 -210px}
.promoBlock_dlList{margin-top:30px;font-size:0}
.promoBlock_dlItem{display:inline-block}
.promoBlock_dlLink{display:block;width:214px;height:61px;background-image:url(https://s.yimg.jp/images/weather/special/promo/pc/img/other/spr_img_other_2x.png);background-size:470px 320px;background-repeat:no-repeat;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.promoBlock_dlLink-ios{background-position:0 0}
.promoBlock_dlLink-android{margin-left:10px;background-position:-240px 0}
.promoBlock_dlLink:hover{opacity:.8}
.promoBlock_dlText{width:255px;height:14px;margin-top:20px;background-image:url(https://s.yimg.jp/images/weather/special/promo/pc/img/other/txt_appVersion.png);background-repeat:no-repeat}
.promoBlock_radar{position:absolute;top:0;z-index:1000;opacity:0}
.promoBlock_radarTitle{position:relative;margin-top:50px;padding-top:90px;font-size:2rem}
.promoBlock_radarTitle::before{content:"";display:block;width:82px;height:71px;position:absolute;top:0;left:0;background-image:url(https://s.yimg.jp/images/weather/special/promo/pc/img/other/spr_img_other_2x.png);background-size:470px 320px;background-repeat:no-repeat;background-position:-120px -210px}
.promoBlock_radarText{margin-top:30px;font-size:1.25rem}
.promoBlock_noticeMain{margin:-40px 0 0 40px;opacity:0;display:block;width:300px;height:264px;margin-top:150px;background-image:url(https://s.yimg.jp/images/weather/special/promo/pc/img/other/img_notice.png);background-size:300px 264px;background-repeat:no-repeat}
.promoBlock_title{text-align:center;font-size:2.25rem;line-height:1}
.promoBlock_functionList{margin-top:-10px}
.promoBlock_function{position:relative;float:left;width:33.3%;height:200px;margin-top:30px;text-align:center;opacity:0}
.promoBlock_functionImg{background-color:transparent}
.promoBlock_note{margin:40px -20px 0 0;padding:10px;background-color:rgba(255,255,255,.1);font-size:.6875rem;color:#333}
.promoBlock_noteItem::before{content:"・"}
.promoBlock_quote{margin:0 -20px 0 0;text-align:right;color:#666;font-size:.625rem}
.promoHeader{position:relative;z-index:10000;height:60px;background-color:#fff}
.promoHeader_inner{width:950px;margin:0 auto;padding:10px}
.promoHeader_logo{float:left;padding:3px 0}
.promoHeader_right{float:right;text-align:right}
.promoHeader_social{margin-top:10px;font-size:0}
.promoHeader_social:after{clear:both;content:"";display:block;height:0;visibility:hidden}
.promoHeader_socialItem{height:20px;float:left;line-height:1}
.promoHeader_socialItem-facebook{padding-left:20px}
.promoFooter{position:absolute;z-index:10;bottom:0;left:0;right:0;padding:10px;background-color:#fff;text-align:center;line-height:1.4}
.promoFooter .yjChviewWrap{margin-bottom:10px;padding-top:10px;border-top:1px solid #ccc;text-align:center}
.promoFooter .yjChviewWrap .yjChview{padding:7px 30px;border:1px solid #e7e7e7;background:#f9f9f9;text-align:center}
.promoFooter .yjChviewWrap .yjChview dl dd,.promoFooter .yjChviewWrap .yjChview dl dt{display:inline;font-size:.875rem;line-height:1.2}
.promoFooter .yjChviewWrap .yjChview dl dt{padding-right:.2em}
.promoFooter .yjChviewWrap .yjChview dl dd span{font-weight:700}
.promoFooter .yjChviewWrap .yjChview dl dd:after{content:"\ff5c"}
.promoFooter .yjChviewWrap .yjChview dl dd.end:after{content:""}
.promoFooter #addressArea{margin-top:10px;font-size:.8125rem}
.promoDevice{-webkit-transition:1s;-o-transition:1s;transition:1s;position:fixed;top:50%;left:50%;margin:-265px 0 0 -430px;width:260px;height:531px;background-image:url(https://s.yimg.jp/images/weather/special/promo/pc/img/other/bg_device.png)}
.promoDevice_appeal{opacity:0;position:absolute;top:0;right:-40px;width:132px;height:132px;background-image:url(https://s.yimg.jp/images/weather/special/promo/pc/img/other/img_appeal.png);background-size:cover}
.promoDevice_screen{-webkit-transition:.8s;-o-transition:.8s;transition:.8s;width:226px;height:402px;position:absolute;top:66px;left:0;right:0;margin:0 auto}
.promoDevice_screen-push,.promoDevice_screen-radar1,.promoDevice_screen-radar2,.promoDevice_screen-radar3,.promoDevice_screen-radar4{opacity:0}
.promoLowerBtn,.promoUpperBtn{position:fixed;z-index:100;bottom:10px;cursor:pointer;overflow:hidden;text-indent:-9999px;white-space:nowrap;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.promoUpperBtn{width:46px;height:46px;border-radius:100%;right:10px;background-color:rgba(0,0,0,.4)}
.promoUpperBtn_inner{position:relative;height:100%}
.promoUpperBtn_inner::after{content:'';position:absolute;top:8px;bottom:0;right:0;left:0;width:18px;height:18px;margin:auto;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
.promoUpperBtn:hover{background-color:rgba(0,0,0,.3)}
.promoLowerBtn{left:0;right:0;width:100px;height:80px;margin:auto}
.promoLowerBtn_inner{position:relative;height:100%}
.promoLowerBtn_inner::after{position:absolute;top:0;bottom:0;right:0;left:0;content:'';width:40px;height:40px;margin:auto;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
[data-weatherPromo-contents='4'] .promoLowerBtn{opacity:0;bottom:-100px}
.promoSection{position:relative;min-height:650px;background-size:cover;background-position:center;background-image:url(https://s.yimg.jp/images/weather/special/promo/pc/img/bg/bg_section1.jpg)}
.promoSection-first{background-image:url(https://s.yimg.jp/images/weather/special/promo/pc/img/bg/bg_section1.jpg)}
.promoSection-first .promoBlock{margin-top:-210px;-webkit-animation:transparentFadein linear .1s .4s forwards;animation:transparentFadein linear .1s .4s forwards}
.promoSection-radar{background-image:url(https://s.yimg.jp/images/weather/special/promo/pc/img/bg/bg_section1.jpg)}
.promoSection-radar::after,.promoSection-radar::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;background-size:cover;background-repeat:no-repeat;opacity:0}
.promoSection-radar::before{background-image:url(https://s.yimg.jp/images/weather/special/promo/pc/img/bg/bg_section2.jpg)}
.promoSection-radar::after{background-image:url(https://s.yimg.jp/images/weather/special/promo/pc/img/bg/bg_section3.jpg)}
.promoSection-last{background-image:url(https://s.yimg.jp/images/weather/special/promo/pc/img/bg/bg_section1.jpg)}
.promoSection-last .promoBlock{margin-top:-330px}
[data-weatherPromo-contents='1'] .promoUpperBtn{bottom:-100px;-webkit-transform:scale(.2);-ms-transform:scale(.2);transform:scale(.2)}
[data-weatherPromo-contents='1'] .promoDevice{margin-top:-250px}
[data-weatherPromo-contents='1'] .promoDevice_appeal{opacity:1}
[data-weatherPromo-contents='1'] .promoDevice_screen-main{-webkit-animation:transparentFadein linear 1s forwards;animation:transparentFadein linear 1s forwards}
[data-weatherPromo-contents='1'].promoContentsTransition1to2 .promoDevice.promoDevice{margin-top:-265px}
[data-weatherPromo-contents='1'].promoContentsTransition1to2 .promoDevice_appeal{-webkit-animation:transparentFadeout linear .5s forwards;animation:transparentFadeout linear .5s forwards}
[data-weatherPromo-contents='2'] .promoDevice_screen-main{-webkit-animation:transparentFadeout linear 1s forwards;animation:transparentFadeout linear 1s forwards}
[data-weatherPromo-contents='2'] .promoDevice_screen-push{-webkit-animation:transparentFadein linear 1s forwards;animation:transparentFadein linear 1s forwards}
[data-weatherPromo-contents='2'] .promoDevice_screen-radar1{-webkit-animation:transparentFadein linear 1s 2.5s forwards;animation:transparentFadein linear 1s 2.5s forwards}
[data-weatherPromo-contents='2'] .promoDevice_screen-radar2{-webkit-animation:transparentFadein linear 1s 3.5s forwards;animation:transparentFadein linear 1s 3.5s forwards}
[data-weatherPromo-contents='2'] .promoDevice_screen-radar3{-webkit-animation:transparentFadein linear 1s 4.5s forwards;animation:transparentFadein linear 1s 4.5s forwards}
[data-weatherPromo-contents='2'] .promoDevice_screen-radar4{-webkit-animation:transparentFadein linear 1s 5.5s forwards;animation:transparentFadein linear 1s 5.5s forwards}
[data-weatherPromo-contents='2'] .promoDevice_screen-radar5{-webkit-animation:transparentFadein linear 1s 6.5s forwards;animation:transparentFadein linear 1s 6.5s forwards}
[data-weatherPromo-contents='2'] .promoSection-radar::before{-webkit-animation:transparentFadein linear 2s forwards;animation:transparentFadein linear 2s forwards}
[data-weatherPromo-contents='2'] .promoSection-radar::after{-webkit-animation:transparentFadein linear 2.5s 3s forwards;animation:transparentFadein linear 2.5s 3s forwards}
[data-weatherPromo-contents='2'] .promoBlock_noticeMain{-webkit-animation:noticeMovingFadein linear 2.2s forwards;animation:noticeMovingFadein linear 2.2s forwards}
[data-weatherPromo-contents='2'] .promoBlock_radar{-webkit-animation:radarTextFadein linear 3s forwards;animation:radarTextFadein linear 3s forwards}
[data-weatherPromo-contents='2'].promoContentsTransition2to1 .promoDevice.promoDevice{margin-top:-250px}
[data-weatherPromo-contents='2'].promoContentsTransition2to1 .promoDevice_appeal{-webkit-animation:transparentFadein linear .5s forwards;animation:transparentFadein linear .5s forwards}
[data-weatherPromo-contents='2'].promoContentsTransition2to3 .promoDevice.promoDevice{opacity:0}
[data-weatherPromo-contents='3'] .promoDevice{opacity:0}
[data-weatherPromo-contents='3'] .promoBlock_function1{-webkit-animation:functionFadein linear .25s 0s forwards;animation:functionFadein linear .25s 0s forwards}
[data-weatherPromo-contents='3'] .promoBlock_function2{-webkit-animation:functionFadein linear .25s .25s forwards;animation:functionFadein linear .25s .25s forwards}
[data-weatherPromo-contents='3'] .promoBlock_function3{-webkit-animation:functionFadein linear .25s .5s forwards;animation:functionFadein linear .25s .5s forwards}
[data-weatherPromo-contents='3'] .promoBlock_function4{-webkit-animation:functionFadein linear .25s .75s forwards;animation:functionFadein linear .25s .75s forwards}
[data-weatherPromo-contents='3'] .promoBlock_function5{-webkit-animation:functionFadein linear .25s 1s forwards;animation:functionFadein linear .25s 1s forwards}
[data-weatherPromo-contents='3'] .promoBlock_function6{-webkit-animation:functionFadein linear .25s 1.25s forwards;animation:functionFadein linear .25s 1.25s forwards}
[data-weatherPromo-contents='3'].promoContentsTransition3to1 .promoDevice{margin-top:-250px}
[data-weatherPromo-contents='3'].promoContentsTransition3to4 .promoDevice.promoDevice{margin-top:-330px;-webkit-animation:transparentFadein linear 1.6s .4s forwards;animation:transparentFadein linear 1.6s .4s forwards}
[data-weatherPromo-contents='4'] .promoUpperBtn{bottom:130px}
[data-weatherPromo-contents='4'] .promoDevice{margin-top:-330px}
[data-weatherPromo-contents='4'].promoContentsTransition4to3 .promoDevice{opacity:0}
[data-weatherPromo-contents='4'].promoContentsTransition4to3 .promoUpperBtn{bottom:10px}
[data-weatherPromo-contents='4'].promoContentsTransition4to1 .promoDevice.promoDevice{margin-top:-250px}
[data-weatherPromo-contents='4'].promoContentsTransition4to1 .promoDevice_appeal{-webkit-animation:transparentFadein linear .5s forwards;animation:transparentFadein linear .5s forwards}
@-webkit-keyframes transparentFadeout{
0%{opacity:1}
100%{opacity:0}
}
@keyframes transparentFadeout{
0%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes transparentFadein{
0%{opacity:0}
100%{opacity:1}
}
@keyframes transparentFadein{
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes functionFadein{
0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes functionFadein{
0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@-webkit-keyframes noticeMovingFadein{
from{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}
20%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}
50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
80%{opacity:1}
to{opacity:0}
}
@keyframes noticeMovingFadein{
from{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}
20%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}
50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
80%{opacity:1}
to{opacity:0}
}
@-webkit-keyframes radarTextFadein{
from{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}
80%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}
to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes radarTextFadein{
from{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}
80%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}
to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@media screen and (max-width:950px){
.promoDevice{left:480px}
}
@media screen and (max-height:700px){
.promoDevice{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
}
.hasEMG [data-weatherPromo-contents='1'] .promoDevice{margin-top:-150px}
.hasEMG .promoSection-first .promoBlock{margin-top:-130px}
.animationDisabled [data-weatherPromo-contents='2'] .promoDevice_screen-radar2{opacity:1}
.animationDisabled .promoBlock_radar{opacity:1}
.animationDisabled .promoSection-radar::after{opacity:1}
.animationDisabled .promoBlock_function{opacity:1}