.weathermap-bg,.weathermap-canvas{display:block;transform-origin:0 0;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}@font-face{font-family:mplus-1c-regular;src:url(../font/mplus-1c-regular.woff) format("woff")}@font-face{font-family:mplus-1m-bold;src:url(../font/mplus-1m-bold.woff) format("woff")}@font-face{font-family:mplus-1m-regular;src:url(../font/mplus-1m-regular.woff) format("woff")}@font-face{font-family:rounded-mplus-1c-medium;src:url(../font/rounded-mplus-1c-medium.woff) format("woff")}.weathermap,.weathermap *{margin:0;padding:0;box-sizing:border-box}.weathermap{position:relative;margin-bottom:7.8125%}.weathermap-app_btn{position:absolute;bottom:1%;right:1%;width:18%;z-index:20}.weathermap-wrap{font-family:mplus-1m-bold;position:relative;width:100%;height:0;padding-top:132.8125%;overflow:hidden}.weathermap-bg,.weathermap-canvas,.weathermap-error,.weathermap-loading,.weathermap-scrollarea{position:absolute;left:0}.weathermap-canvas{z-index:10;top:-14.1176%}.weathermap-bg{z-index:1;top:-14.1176%;width:640px;height:1136px;background:url(../img/weathermap/map_bg_2x.png) no-repeat;background-size:100% auto;visibility:hidden}.weathermap-scrollarea{z-index:0;bottom:0;width:100%;height:75%}.weathermap-loading{width:100%;height:100%;background:rgba(0,0,0,.5);top:0;z-index:10;pointer-events:none;opacity:0;transition:opacity .2s ease;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.weathermap-loading.show{pointer-events:auto;opacity:1}.weathermap-loader,.weathermap-loader:after,.weathermap-loader:before{border-radius:50%}.weathermap-loader{width:32px;height:32px;border-radius:32px;border:4px solid #fff;border-right-color:transparent;animation:spin 1s infinite linear 0s;text-indent:100%;overflow:hidden}.weathermap-error{width:100%;height:100%;background:rgba(0,0,0,.5);top:0;z-index:20;pointer-events:none;opacity:0;transition:opacity .2s ease;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.weathermap-error.show{pointer-events:auto;opacity:1}.weathermap-error_button{width:31.875%;cursor:pointer}.weathermap-error_button>img{width:100%}.weathermap-error_text{font-size:.875rem;color:#000;text-shadow:0 2px 1px #fff,0 1px 1px #fff,1px 1px 1px #fff,1px 0 1px #fff,2px 0 1px #fff,1px -1px 1px #fff,1px -2px 1px #fff,0 -2px 1px #fff,-1px -2px 1px #fff,-2px -2px 1px #fff,-2px -1px 1px #fff,-2px 0 1px #fff,-2px 1px 1px #fff,-1px 1px 1px #fff}.weathermap-overview{width:100%;padding:4.6875% 3.125% 0;font-size:.9375rem;line-height:1.3;color:#333}.weathermap-sns_wrap{width:100%;text-align:center;letter-spacing:-.4em;margin-top:4.6875%}.weathermap-sns_wrap li{list-style:none;display:inline-block;letter-spacing:normal;width:44.375%;height:0;padding-top:9.53125%;overflow:hidden;position:relative}.weathermap-sns_wrap li:first-child{margin-right:4.6875%}.weathermap-sns_wrap a{display:block;width:100%;height:100%;text-indent:100%;font-size:0;overflow:hidden;position:absolute;left:0;top:0}.weathermap-sns_facebook a{background:url(../img/weathermap_facebook_btn01.png) no-repeat;background-size:100% auto}.weathermap-sns_twitter a{background:url(../img/weathermap_twitter_btn01.png) no-repeat;background-size:100% auto}@media screen and (min-width:640px){.weathermap-app_btn,.weathermap-scrollarea{display:none}.weathermap{height:800px}.weathermap-wrap{width:660px;height:800px;padding-top:0;border-radius:10px}.weathermap-canvas{top:-65px;left:110px}.weathermap-bg{top:0;left:0;width:100%;height:100%;background:url(../img/weathermap/map_bg_pc.png) no-repeat}.weathermap-overview,.weathermap-sns_wrap{position:absolute;left:50%;transform:translateX(-50%)}.weathermap-error_button{width:204px}.weathermap-error_text{font-size:1.75rem;text-shadow:0 3px 1px #fff,0 2px 1px #fff,1px 2px 1px #fff,2px 2px 1px #fff,2px 1px 1px #fff,2px 0 1px #fff,3px 0 1px #fff,2px -1px 1px #fff,2px -2px 1px #fff,2px -3px 1px #fff,1px -3px 1px #fff,0 -3px 1px #fff,-1px -3px 1px #fff,-2px -3px 1px #fff,-3px -3px 1px #fff,-3px -2px 1px #fff,-3px -1px 1px #fff,-3px 0 1px #fff,-3px 1px 1px #fff,-3px 2px 1px #fff,-2px 2px 1px #fff,-1px 2px 1px #fff}.weathermap-overview{width:602px;padding:18px 14px;line-height:1.5;background:rgba(255,255,255,.8);border-radius:10px;bottom:80px;z-index:20}.weathermap-sns_wrap{z-index:21;bottom:20px;height:44px;margin-top:0}.weathermap-sns_wrap li{width:204px;padding-top:44px}.weathermap-sns_wrap li:first-child{margin-right:27px}.weathermap-sns_facebook a{background:url(../img/weathermap_facebook_btn01_pc.png) no-repeat;background-size:100% auto}.weathermap-sns_twitter a{background:url(../img/weathermap_twitter_btn01_pc.png) no-repeat;background-size:100% auto}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}