@charset "UTF-8";
#weather p{margin:0;padding:0}
#weather .ui-slider{position:relative;text-align:left}
#weather .ui-slider .ui-slider-handle{position:absolute;z-index:2;cursor:default;-ms-touch-action:none;touch-action:none}
#weather .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}
#weather .ui-slider.ui-state-disabled .ui-slider-handle,#weather .ui-slider.ui-state-disabled .ui-slider-range{-webkit-filter:inherit;filter:inherit}
#weather .ui-slider-horizontal{height:.8em}
#weather .ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-17px}
#weather .ui-slider-horizontal .ui-slider-range{top:0;height:100%}
#weather .ui-slider-horizontal .ui-slider-range-min{left:0}
#weather .ui-slider-horizontal .ui-slider-range-max{right:0}
#weather .ui-slider-vertical{width:.8em;height:100px}
#weather .ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}
#weather .ui-slider-vertical .ui-slider-range{left:0;width:100%}
#weather .ui-slider-vertical .ui-slider-range-min{bottom:0}
#weather .ui-slider-vertical .ui-slider-range-max{top:0}
#weather .ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}
#weather .ui-widget .ui-widget{font-size:1em}
#weather .ui-widget button,#weather .ui-widget input,#weather .ui-widget select,#weather .ui-widget textarea{font-family:Verdana,Arial,sans-serif;font-size:1em}
#weather .ui-widget-content{border:1px solid #aaa;background:#fff 50% 50% repeat-x;color:#222}
#weather .ui-widget-content a{color:#222}
#weather .ui-widget-header{border:1px solid #aaa;background:#ccc 50% 50% repeat-x;color:#222;font-weight:700}
#weather .ui-widget-header a{color:#222}
#weather .ui-state-default,#weather .ui-widget-content .ui-state-default,#weather .ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 50% 50% repeat-x;font-weight:400;color:#555}
#weather .ui-state-default a,#weather .ui-state-default a:link,#weather .ui-state-default a:visited{color:#555;text-decoration:none}
#weather .ui-state-focus,#weather .ui-state-hover,#weather .ui-widget-content .ui-state-focus,#weather .ui-widget-content .ui-state-hover,#weather .ui-widget-header .ui-state-focus,#weather .ui-widget-header .ui-state-hover{border:1px solid #999;background:#dadada 50% 50% repeat-x;font-weight:400;color:#212121}
#weather .ui-state-focus a,#weather .ui-state-focus a:hover,#weather .ui-state-focus a:link,#weather .ui-state-focus a:visited,#weather .ui-state-hover a,#weather .ui-state-hover a:hover,#weather .ui-state-hover a:link,#weather .ui-state-hover a:visited{color:#212121;text-decoration:none}
#weather .ui-state-active,#weather .ui-widget-content .ui-state-active,#weather .ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff 50% 50% repeat-x;font-weight:400;color:#212121}
#weather .ui-state-active a,#weather .ui-state-active a:link,#weather .ui-state-active a:visited{color:#212121;text-decoration:none}
#weather .ui-state-error a,#weather .ui-widget-content .ui-state-error a,#weather .ui-widget-header .ui-state-error a{color:#cd0a0a}
#weather .ui-state-error-text,#weather .ui-widget-content .ui-state-error-text,#weather .ui-widget-header .ui-state-error-text{color:#cd0a0a}
#weather .ui-priority-primary,#weather .ui-widget-content .ui-priority-primary,#weather .ui-widget-header .ui-priority-primary{font-weight:700}
#weather .ui-priority-secondary,#weather .ui-widget-content .ui-priority-secondary,#weather .ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:Alpha(Opacity=70);font-weight:400}
#weather .ui-state-disabled,#weather .ui-widget-content .ui-state-disabled,#weather .ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";filter:Alpha(Opacity=35);background-image:none}
#weather .ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}
#weather #slider.ui-slider{border-radius:5px}
#weather #slider.ui-slider-horizontal{height:10px;border:solid 1px #afcd2e}
#weather #slider .ui-slider-range{border-radius:5px;background:#fff}
#weather #slider .ui-slider-handle{border:none;background:#fff;border-radius:30px;width:30px;height:30px;top:-.6em;cursor:pointer;-webkit-box-shadow:1px 2px 4px rgba(0,0,0,.2);box-shadow:1px 2px 4px rgba(0,0,0,.2)}
#weather.z-contents .z-contents__hisanyohou .z-contents__pollenAreas .z-contents__pollenAreas__areaList>ul>li .dataBox .dataBox__pollenData{width:20%!important}
#weather.z-contents .z-contents__hisanyohou .z-contents__pollenAreas .z-contents__pollenAreas__areaList>ul>li .dataBox .dataBox__weatherData{width:42%!important}
#weather.z-contents .z-contents__hisanyohou .z-contents__pollenAreas .z-contents__pollenAreas__areaList>ul>li .dataBox .dataBox__pollenKind{width:15%!important}
#weather.z-contents .z-contents__otherAreas__areaBox.z-areaBox{margin-bottom:40px}
#weather .dataBox__pollenData .text__kind{font-size:14px;font-size:.875rem}
#weather .weatherAreaPollen{margin:30px 0}
#weather .weatherAreaPollen p{margin:0}
#weather .weatherAreaPollen .mainColumn:after{clear:both;content:"";display:block;height:0;visibility:hidden}
#weather .weatherAreaPollen .mainColumn .innerColumn{float:left;width:450px;position:relative}
#weather .weatherAreaPollen .mainColumn .innerColumn .playButton{display:table-cell;padding-right:5px}
#weather .weatherAreaPollen .mainColumn .innerColumn .playButton span{position:relative;display:block;width:40px;height:40px;border-radius:100px;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:1px 1px 2px 0 rgba(175,205,46,.5);box-shadow:1px 1px 2px 0 rgba(175,205,46,.5);background-color:#fff;border:solid 1px #afcd2e;border-radius:100px;text-indent:200%;white-space:nowrap;overflow:hidden;cursor:pointer}
#weather .weatherAreaPollen .mainColumn .innerColumn .playButton span:after,#weather .weatherAreaPollen .mainColumn .innerColumn .playButton span:before{content:"";display:block;position:absolute}
#weather .weatherAreaPollen .mainColumn .innerColumn .playButton span:not(.playing):before{top:0;bottom:0;left:3px;right:0;margin:auto;width:0;height:0;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #afcd2e}
#weather .weatherAreaPollen .mainColumn .innerColumn .playButton .playing:after,#weather .weatherAreaPollen .mainColumn .innerColumn .playButton .playing:before{top:0;bottom:0;margin:auto;width:5px;height:20px;background-color:#afcd2e}
#weather .weatherAreaPollen .mainColumn .innerColumn .playButton .playing:before{left:12px}
#weather .weatherAreaPollen .mainColumn .innerColumn .playButton .playing:after{left:21px}
#weather .weatherAreaPollen .mainColumn .innerColumn:nth-child(2){float:right}
#weather .weatherAreaPollen .mainColumn .innerColumn:nth-child(2) .colImg{border:solid 1px #85be47;background-color:#85be47}
#weather .weatherAreaPollen .mainColumn .innerColumn:nth-child(2) .imageTime{background-color:#85be47}
#weather .weatherAreaPollen .mainColumn .innerColumn:nth-child(2) .playButton span{border:solid 1px #85be47}
#weather .weatherAreaPollen .mainColumn .innerColumn:nth-child(2) .playButton span:not(.playing):before{border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #85be47}
#weather .weatherAreaPollen .mainColumn .innerColumn:nth-child(2) .playButton .playing:after,#weather .weatherAreaPollen .mainColumn .innerColumn:nth-child(2) .playButton .playing:before{background-color:#85be47}
#weather .weatherAreaPollen_title{font-size:18px;font-size:1.125rem;padding:7px 0 15px 90px;line-height:1em}
#weather .weatherAreaPollen_image{position:absolute;left:-15px;top:-15px;width:100px}
#weather .weatherAreaPollen_image img{width:100%}
#weather .weatherAreaPollen .subColumn{margin-top:20px}
#weather .weatherAreaPollen .colImg{overflow:hidden;margin:0 auto;border:solid 1px #afcd2e;border-radius:8px;background-color:#afcd2e}
#weather .weatherAreaPollen .imageTime{background-color:#afcd2e;color:#fff;font-size:18px;font-size:1.125rem;padding:3px 10px;text-align:center}
#weather .weatherAreaPollen .wideImage{text-align:center;-webkit-background-size:448px auto;background-size:448px auto}
#weather .weatherAreaPollen .wideImage.pollenArea1{background-image:url(https://s.yimg.jp/images/weather/special/pollen/2017/common/img/area/bg_area1.png)}
#weather .weatherAreaPollen .wideImage.pollenArea2{background-image:url(https://s.yimg.jp/images/weather/special/pollen/2017/common/img/area/bg_area2.png)}
#weather .weatherAreaPollen .wideImage.pollenArea3{background-image:url(https://s.yimg.jp/images/weather/special/pollen/2017/common/img/area/bg_area3.png)}
#weather .weatherAreaPollen .wideImage.pollenArea4{background-image:url(https://s.yimg.jp/images/weather/special/pollen/2017/common/img/area/bg_area4.png)}
#weather .weatherAreaPollen .wideImage.pollenArea5{background-image:url(https://s.yimg.jp/images/weather/special/pollen/2017/common/img/area/bg_area5.png)}
#weather .weatherAreaPollen .wideImage.pollenArea6{background-image:url(https://s.yimg.jp/images/weather/special/pollen/2017/common/img/area/bg_area6.png)}
#weather .weatherAreaPollen .wideImage.pollenArea7{background-image:url(https://s.yimg.jp/images/weather/special/pollen/2017/common/img/area/bg_area7.png)}
#weather .weatherAreaPollen .wideImage.pollenArea8{background-image:url(https://s.yimg.jp/images/weather/special/pollen/2017/common/img/area/bg_area8.png)}
#weather .weatherAreaPollen .wideImage.pollenArea9{background-image:url(https://s.yimg.jp/images/weather/special/pollen/2017/common/img/area/bg_area9.png)}
#weather .weatherAreaPollen .wideImage.pollenArea10{background-image:url(https://s.yimg.jp/images/weather/special/pollen/2017/common/img/area/bg_area10.png)}
#weather .weatherAreaPollen .wideImage.pollenArea11{background-image:url(https://s.yimg.jp/images/weather/special/pollen/2017/common/img/area/bg_area11.png)}
#weather .weatherAreaPollen .wideImage.pollenArea12{background-image:url(https://s.yimg.jp/images/weather/special/pollen/2017/common/img/area/bg_area12.png)}
#weather .weatherAreaPollen .wideImage.pollenArea13{background-image:url(https://s.yimg.jp/images/weather/special/pollen/2017/common/img/area/bg_area13.png)}
#weather .weatherAreaPollen .wideImage img{width:100%;vertical-align:top;cursor:pointer}
#weather .weatherAreaPollen .sliderControl{display:table;padding:10px 20px}
#weather .weatherAreaPollen .imgList{display:none}
#weather .weatherAreaPollen .sliderWrapper{display:table-cell;width:100%;padding:15px 10px 20px 25px;vertical-align:top;position:relative}
:root #weather .weatherAreaPollen .sliderWrapper .scale{display:block;background-image:url(https://s.yimg.jp/images/weather/special/pollen/2018/pc/img/img_scale.png);-webkit-background-size:100% auto;background-size:100% auto;background-repeat:no-repeat;width:100%;height:10px;margin-top:8px}
#weather .weatherAreaPollen .sliderWrapper .time_after12h,#weather .weatherAreaPollen .sliderWrapper .time_after36h,#weather .weatherAreaPollen .sliderWrapper .time_center,#weather .weatherAreaPollen .sliderWrapper .time_end,#weather .weatherAreaPollen .sliderWrapper .time_start{display:none}
:root #weather .weatherAreaPollen .sliderWrapper .time_after12h,:root #weather .weatherAreaPollen .sliderWrapper .time_after36h,:root #weather .weatherAreaPollen .sliderWrapper .time_center,:root #weather .weatherAreaPollen .sliderWrapper .time_end,:root #weather .weatherAreaPollen .sliderWrapper .time_start{display:block;position:absolute;top:48px;color:#fff;line-height:20px}
#weather .weatherAreaPollen .sliderWrapper .time_start{left:13px}
#weather .weatherAreaPollen .sliderWrapper .time_after12h{left:85px;font-size:12px;font-size:.75rem}
#weather .weatherAreaPollen .sliderWrapper .time_center{left:50%;margin-left:-30px;text-align:center}
#weather .weatherAreaPollen .sliderWrapper .time_after36h{right:75px;font-size:12px;font-size:.75rem}
#weather .weatherAreaPollen .sliderWrapper .time_end{right:-10px}
#weather .weatherAreaPollen .explain{padding:10px;background-color:#fff;border-radius:10px;text-align:center}
#weather .weatherAreaPollen .explain ul{display:inline-block;margin:0 auto;text-align:left;font-size:0}
#weather .weatherAreaPollen .explain li{display:inline-block;margin-left:15px;line-height:20px}
#weather .weatherAreaPollen .explain li .pollenIcon{display:inline-block;width:18px;height:18px;border:solid 1px #979797;vertical-align:top}
#weather .weatherAreaPollen .explain li .pollenIcon.pollenLv1{background-color:#feefa4}
#weather .weatherAreaPollen .explain li .pollenIcon.pollenLv2{background-color:#ffe174}
#weather .weatherAreaPollen .explain li .pollenIcon.pollenLv3{background-color:#ffc970}
#weather .weatherAreaPollen .explain li .pollenIcon.pollenLv4{background-color:#ffb14c}
#weather .weatherAreaPollen .explain li .pollenText{padding-left:5px;color:#5b4a00;font-size:12px;font-size:.75rem}
#weather .weatherMovie{margin:20px auto 60px}
#weather .weatherMovie:after{clear:both;content:"";display:block;height:0;visibility:hidden}
#weather .weatherMovie .mainColumn{position:relative;float:left;width:450px}
#weather .weatherMovie .mainColumn .movieWrap a{display:block;min-height:200px}
#weather .weatherMovie .mainColumn .movieWrap:after,#weather .weatherMovie .mainColumn .movieWrap:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
#weather .weatherMovie .mainColumn .movieWrap:before{width:100px;height:100px;border-radius:100px;background-color:#00b9c0}
#weather .weatherMovie .mainColumn .movieWrap:after{width:0;height:0;border-style:solid;border-width:24px 0 24px 36px;border-color:transparent transparent transparent #fff}
#weather .weatherMovie .subColumn{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;float:right;width:455px;min-height:200px;margin-left:20px;padding:30px;background-color:#fff;border-radius:15px}
#weather .weatherMovie .subColumn:before{content:"";display:block;position:absolute;top:130px;left:-28px;width:0;height:0;border-style:solid;border-width:14px 28px 14px 0;border-color:transparent #fff transparent transparent}
#weather .weatherMovie .subColumn .subColumnTitle{text-align:center;margin:0 auto;font-size:21px;font-size:1.3125rem}
#weather .weatherMovie .subColumn .subColumnTitle span{display:inline-block;line-height:1.2;padding:0 20px;background:-webkit-gradient(linear,left top,left bottom,color-stop(75%,transparent),color-stop(0,#ffe47b));background:linear-gradient(transparent 75%,#ffe47b 0)}
#weather .weatherMovie .subColumn .subColumnText{margin-top:30px}
#weather .weatherMovie .subColumn .movieDate{margin-top:10px;font-size:13px;font-size:.8125rem;text-align:right;color:#888}