@charset "UTF-8";

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.2
build: 56
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.2
build: 56
10px = 77%    11px = 85%
12px = 93%    13px = 100%
14px = 108%    15px = 116%
16px = 123.1%
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body, font{font-family: "Hiragino Kaku Gothic ProN W3","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","Osaka","ＭＳ ゴシック";}



body{
  background-color: #FFFFFF;
  -webkit-text-size-adjust: 100%;
}

a{  
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.bg_arrow{
    position: absolute;
    right: 6.5px;
}



/* アイコン */
.t-sprite-icon, .t-loader .t-loader__icon, .t-loader .t-loader__icon-gif {
  vertical-align: middle;
  -webkit-background-size: 31px auto;
  background-size: 31px auto;
}

.t-sprite-icon-icon01 {
  margin: -3px 3px 0 0;
  background-image: url('../img/sprite/icon-s5aaec712c1.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  width: 15px;
  background-position: 0 -152px;
}

.t-sprite-icon-icon02 {
  margin: -1px 3px 0 0;
  background-image: url('../img/sprite/icon-s5aaec712c1.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  width: 15px;
  background-position: 0 -138px;
}

.t-sprite-icon-icon03 {
  margin: -1px 3px 0 0;
  background-image: url('../img/sprite/icon-s5aaec712c1.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  width: 15px;
  background-position: 0 -124px;
}

.t-sprite-icon-icon04 {
  margin: -1px 3px 0 0;
  background-image: url('../img/sprite/icon-s5aaec712c1.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  width: 20px;
  background-position: 0 -71px;
}

.t-sprite-icon-icon05 {
  margin: -3px 3px 0 0;
  background-image: url('../img/sprite/icon-s5aaec712c1.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  width: 14px;
  background-position: 0 -57px;
}

.t-sprite-icon-icon06 {
  margin: -1px 3px 0 0;
  background-image: url('../img/sprite/icon-s5aaec712c1.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 13px;
  width: 31px;
  background-position: 0 0;
}

.t-sprite-icon-icon07 {
  background-image: url('../img/sprite/icon-s5aaec712c1.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 15px;
  width: 15px;
  background-position: 0 -181px;
}

.t-sprite-icon-icon08 {
  background-image: url('../img/sprite/icon-s5aaec712c1.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 20px;
  width: 20px;
  background-position: 0 -196px;
}

.t-sprite-icon-icon09 {
  background-image: url('../img/sprite/icon-s5aaec712c1.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 19px;
  width: 19px;
  background-position: 0 -38px;
}

.t-sprite-icon-icon10 {
  background-image: url('../img/sprite/icon-s5aaec712c1.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 10px;
  width: 10px;
  background-position: 0 -216px;
}

.t-sprite-icon-icon11, .t-loader .t-loader__icon, .t-loader .t-loader__icon-gif {
  background-image: url('../img/sprite/icon-s5aaec712c1.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 25px;
  width: 25px;
  background-position: 0 -13px;
}

.t-sprite-icon-icon12 {
  background-image: url('../img/sprite/icon-s5aaec712c1.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  width: 24px;
  background-position: 0 -85px;
}

.t-sprite-icon-icon13 {
  background-image: url('../img/sprite/icon-s5aaec712c1.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 17px;
  width: 18px;
  background-position: 0 -107px;
}

.t-sprite-icon-icon14 {
  background-image: url('../img/sprite/icon-s5aaec712c1.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 15px;
  width: 13px;
  background-position: 0 -166px;
}



/* ボタン */

.t-button {
  margin-top: 20px;
  display: -webkit-box;
  display: box;
  -webkit-box-pack: center;
  box-pack: center;
}

.t-button__base, .t-crosshead__button, .t-button__default, .t-button__green, .t-button__red, .t-button__default-multiline, .t-button__half, .t-button__quarter, .t-button__square, .t-button__min, .t-button__min-arrow, .t-button__submit, .t-button__more-link, .t-button__more, .t-button__top, .t-pagenav ul a, .t-pager ul a, .t-hotword__words a, .t-dropdown__button, .t-modal__button-all, .t-modal__button-half {
  display: block;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #b9b9b9;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 0 0 rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

a.t-button__base, a.t-crosshead__button, a.t-button__default, a.t-button__green, a.t-button__red, a.t-button__default-multiline, a.t-button__half, a.t-button__quarter, a.t-button__square, a.t-button__min, a.t-button__min-arrow, a.t-button__submit, a.t-button__more-link, a.t-button__more, a.t-button__top, .t-pagenav ul a, .t-pager ul a, .t-hotword__words a, a.t-dropdown__button, a.t-modal__button-all, a.t-modal__button-half {
  line-height: 2.4;
}

.t-button__default, .t-button__green, .t-button__red {
  font-size: 16px;
  font-size: 1.6rem;
  width: 250px;
  height: 40px;
}
.t-button__default i, .t-button__green i, .t-button__red i {
  margin: -2px 8px 0 0;
}

.t-button__default-multiline {
  font-size: 16px;
  font-size: 1.6rem;
  width: 250px;
}

button.t-button__default-multiline,
a.t-button__default-multiline {
  line-height: 1.2;
  padding: 10px 10px 8px;
  margin: 0;
}

.t-button__square {
  position: relative;
  width: 30px;
  height: 30px;
  line-height: 1;
}
.t-button__square .t-sprite-icon-icon08 {
  position: absolute;
  top: 4px;
  left: 4px;
}
.t-button__square .t-sprite-icon-icon09 {
  position: absolute;
  top: 4px;
  left: 5px;
}
.t-button__square .t-sprite-icon-icon12 {
  position: absolute;
  top: 3px;
  left: 2px;
}

a.t-button__square {
  display: block;
}

.t-button__base, .t-crosshead__button, .t-button__default, .t-button__green, .t-button__red, .t-button__default-multiline, .t-button__half, .t-button__quarter, .t-button__square, .t-button__min, .t-button__min-arrow, .t-button__submit, .t-button__more-link, .t-button__more, .t-button__top, .t-pagenav ul a, .t-pager ul a, .t-hotword__words a, .t-dropdown__button, .t-modal__button-all, .t-modal__button-half {
  background: #eeeeee;
  background: linear-gradient(#ffffff 0%, #eeeeee 100%);
  background: -webkit-linear-gradient(white 0%, #eeeeee 100%);
  background: -webkit-gradient(white 0%, #eeeeee 100%);
}



#all{
  width: 100%;
  min-width: 320px;
}

#all.hide{
  display: none;
}

  /* ヘッダー・フッター */
  .t-header{
    position: relative;
    min-width: 320px;
    height: 41px;
    display: -webkit-box;
    display: box;
    -webkit-box-align: center;
    box-align: center;
    border-bottom: 2px solid #f76b1f;
    background: #fff;
    background-image: url('../img/logo.png?1');
    background-repeat: no-repeat;
    background-size: contain;
  }

  .t-header__title{
    display: -webkit-box;
    display: box;
    -webkit-box-flex: 1;
    box-flex: 1;
    font-size: 18px;
    font-size: 1.8rem;
    color: #333333;
  }

  .t-header__title a{
    display: block;
    width: 114px;
    height: 21px;
    margin-left: 5px;
    text-indent: -9999px;
  }

  .t-header__home{
    padding-right: 10px;
  }


  #main{
  }

  /* 緊急速報 */
  #main > .news_flash{
    margin-top: 7px;
    margin-bottom: 8px;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 4px;
    border: 2px solid #DE2247;
    text-align: center;
  }
    #main > .news_flash a{
      padding-bottom: 1px;
      border-bottom: 1px solid #DE2247;
      font-size: 100%;
      line-height: 13px;
      color: #DE2247;
    }

  /* エラーメッセージ */
  #main > .error_message{
    margin-top: 2px;
    margin-bottom: 8px;
    text-align: center;
    font-size: 85%;
    line-height: 10px;
    color: #5B5B5B;
  }


    /* 今日の天気 */
    #today{
    }
      #today > .wrapper{
        position: relative;
        color: #FFFFFF;
        line-height: 0;
      }
        #today > .wrapper a{
          color: #FFFFFF;
        }
        #today > .wrapper > img{
          width: 100%;
          height: auto;
        }
        #today.inversion > .wrapper > img{
          -webkit-transform: scaleX(-1);
          -o-transform: scaleX(-1);
          -moz-transform: scaleX(-1);
          transform: scaleX(-1);
        }
        #today > .wrapper >.today_bg{
          position: absolute;
          bottom: 0px;
          left: 0px;
          width: 100%;
          height: 106.5px;
          background-image: url('../img/today_background.png');
          background-size: 320px 106.5px;
          background-repeat: repeat-x;
        }
        #today > .wrapper > .area{
          position: absolute;
          top: 28px;
          left: 7px;
          text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
        }
        #today.twoline > .wrapper > .area, #today.under > .wrapper > .area{
          top: 8px;
        }
            #today > .wrapper > .area span.name{
              font-size: 276%;
            }
            #today > .wrapper > .area span.sub{
              font-size: 182%;
              white-space: nowrap;
            }
            #today.twoline > .wrapper > .area span.name, #today.under > .wrapper > .area span.name{
              line-height: 39px;
              font-size: 262%;
            }
            #today.under > .wrapper > .area span.sub{
              position: absolute;
              top: 52px;
              left: 2px;
            }
          #today > .wrapper > .update{
            position: absolute;
            top: 58px;
            left: 8px;
            font-size: 108%;
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
          }
          #today.twoline > .wrapper > .update{
            top: 108px;
          }
          #today.under > .wrapper > .update{
            top: 88px;
          }
          #today > .wrapper > .location{
            position: absolute;
            top: 11px;
            right: 9px;
            text-align: center;
          }
            #today > .wrapper > .location > a{
              display: block;
            }

              #today > .wrapper > .location > a > span{
                line-height: 8px;
                font-size: 85%;
                font-weight: bold;
                text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
                color: #F5F5F5;
              }
              #today > .wrapper > .location > a > img{
                padding-top: 7px;
              }

        #today > .wrapper > .alert{
          position: absolute;
          top: 77px;
          left: 10px;
          padding-top: 4.5px;
          padding-bottom: 4.5px;
          padding-left: 23.5px;
          padding-right: 8.5px;
          background-color: #3E4447;
          font-size: 85%;
          line-height: 11px;
          border-radius: 4px;
        }
        #today.twoline > .wrapper > .alert{
          top: 95px;
          left: 135px;
        }
        #today.under > .wrapper > .alert{
          top: 78px;
          left: 121px;
        }
          #today > .wrapper > .alert > img{
            position: absolute;
            top: 3px;
            left: 6px;
          }
        #today > .wrapper > .weather_img{
          position: absolute;
          bottom: 43px;
          left: 9px;
        }
        #today > .wrapper .temperature{
          position: absolute;
          bottom: 20px;
          left: 10px;
          text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
        }
          #today > .wrapper .temperature > div{
			display: inline-block;
			margin-right: 8px;
          }
            #today > .wrapper .temperature > div img{
			  padding-right: 2px;
			  vertical-align: text-bottom;
            }
          #today > .wrapper > .temperature > .maximum{
          }
          #today > .wrapper > .temperature > .lowest{
          }
            #today > .wrapper > .temperature > .maximum img{
            }
            #today > .wrapper > .temperature > .lowest img{
            }
            #today > .wrapper > .temperature > div span.num{
              font-size: 167%;
            }
            #today > .wrapper > .temperature > div span{
              font-size: 100%;
            }
        #today > .wrapper > .from{
          position: absolute;
          bottom: 20px;
          right: 10px;
          padding-top: 3px;
          padding-bottom: 3px;
          padding-left: 26px;
          padding-right: 6px;
          border: 1px solid #DEDEDE;
          font-size: 93%;
          line-height: 12px;
          border-radius: 4px;
          text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
        }
          #today > .wrapper > .from img{
            position: absolute;
            top: 3px;
            left: 3px;
          }

        /* 実況アイコン */
        #live_icons{
          position: relative;
          height: 72px;
          z-index: 1;
          border-top: 3px solid #1B191E;
          background-image: url('../img/live_icons_background.png');
          background-size: cover;
          background-repeat: no-repeat;
        }
          #live_icons > .bg_arrow{
            top: 22px;
          }
          #live_icons ul{
            padding-top: 9px;
	    overflow: hidden;
          }
            #live_icons ul li{
              float: left;
              width: 25%;
              text-align: center;
            }
              #live_icons ul li > .icon{
                position: relative;
                height: 35px;
                margin-left: auto;
                margin-right: auto;
              }
              #live_icons ul li > .detail{
                text-align: center;
                margin-top: 6px;
                color: #FFFFFF;
              }
                #live_icons ul li > .detail > .detail_value{
                  font-size: 95%;
                }
                #live_icons ul li > .detail > .detail_unit{
                  font-size: 80%;
                  vertical-align: baseline;
                }
                  /* 温度計 */
                  #live_icons .temperature > .icon{
                    width: 25px;
                    background: url('../img/thermometer_bg.png');
                    background-repeat: no-repeat;
                    background-position: 10px 19px;
                    background-size: 4px 15.5px;
                    -webkit-transition: background 1s ease;
                  }
                  #live_icons .temperature > .icon > .thermometer_base{
                    position: absolute;
                    left: 0px;
                    width: 25px;
                    height: 35px;
                    background-image: url('../img/thermometer_base.png');
                    background-size: 25px 35px;
                    background-repeat: no-repeat;
                  }
                  /* 雨 */
                  #live_icons .precipitation > .icon{
                    width: 38px;
                    height: 38px;
                    background-size: 38px 228px !important;
                  }

                  #live_icons .precipitation > .rain_0-2mm{
                    background-image: url('../img/rain_0-2mm.png');
                    background-size: 38px 494px !important;
                  }
                  #live_icons .precipitation > .rain_2-4mm{
                    background-image: url('../img/rain_2-4mm.png');
                  }
                  #live_icons .precipitation > .rain_4-6mm{
                    background-image: url('../img/rain_4-6mm.png');
                  }
                  #live_icons .precipitation > .rain_6-8mm{
                    background-image: url('../img/rain_6-8mm.png');
                  }
                  #live_icons .precipitation > .rain_8-10mm{
                    background-image: url('../img/rain_8-10mm.png');
                  }

                  #live_icons .precipitation .detail{
                    margin-top: 3px;
                  }
                  /* 風車 */
                  #live_icons .wind_amount > .icon{
                    width: 35px;
                  }
                  #live_icons .wind_amount > .icon > .wind_amount_base{
                    position: absolute;
                    left: 12px;
                    top: 20.5px;
                    width: 10px;
                    height: 14px;
                    background-image: url('../img/wind_amount_base.png');
                    background-size: 10px 14px;
                    background-repeat: no-repeat;
                  }
                  #live_icons .wind_amount > .icon > .wind_amount_fan{
                    position: absolute;
                    left: 0px;
                    width: 35px;
                    height: 35px;
                    background-image: url('../img/wind_amount_fan.png');
                    background-size: 35px 35px;
                    background-repeat: no-repeat;
                  }

                  #live_icons .wind_amount > .icon > .wind_amount_fan.wind_speed0{
                  }

                  #live_icons .wind_amount > .icon > .wind_amount_fan.wind_speed1{
                    -webkit-animation: bladespin linear infinite;
                    -moz-animation: bladespin linear infinite;
                    -o-animation: bladespin linear infinite;
                    animation: bladespin linear infinite;
                    -webkit-animation-duration: 4s;
                    -moz-animation-duration: 4s;
                    -o-animation-duration: 4s;
                    animation-duration: 4s;
                  }

                  #live_icons .wind_amount > .icon > .wind_amount_fan.wind_speed2{
                    -webkit-animation: bladespin linear infinite;
                    -moz-animation: bladespin linear infinite;
                    -o-animation: bladespin linear infinite;
                    animation: bladespin linear infinite;
                    -webkit-animation-duration: 1.885s;
                    -moz-animation-duration: 1.885s;
                    -o-animation-duration: 1.885s;
                    animation-duration: 1.885s;
                  }

                  #live_icons .wind_amount > .icon > .wind_amount_fan.wind_speed3{
                    -webkit-animation: bladespin linear infinite;
                    -moz-animation: bladespin linear infinite;
                    -o-animation: bladespin linear infinite;
                    animation: bladespin linear infinite;
                    -webkit-animation-duration: 1.234s;
                    -moz-animation-duration: 1.234s;
                    -o-animation-duration: 1.234s;
                    animation-duration: 1.234s;
                  }

                  #live_icons .wind_amount > .icon > .wind_amount_fan.wind_speed4{
                    -webkit-animation: bladespin linear infinite;
                    -moz-animation: bladespin linear infinite;
                    -o-animation: bladespin linear infinite;
                    animation: bladespin linear infinite;
                    -webkit-animation-duration: .8s;
                    -moz-animation-duration: .8s;
                    -o-animation-duration: .8s;
                    animation-duration: .8s;
                  }

                  /* 風見鶏 */
                  #live_icons .wind_direction > .icon{
                    width: 38px;
                    -webkit-animation: weathercock ease-in infinite;
                    -moz-animation: weathercock ease-in infinite;
                    -o-animation: weathercock ease-in infinite;
                    animation: weathercock ease-in infinite;
                    -webkit-animation-duration: 6s;
                    -moz-animation-duration: 6s;
                    -o-animation-duration: 6s;
                    animation-duration: 6s;
                  }

                  #live_icons .wind_direction > .icon .weathercock_icon{
                    width: 38px;
                    height: 38px;
                    background-image: url('../img/icon_weathercock.png');
                    background-size: 38px 38px;
                  }



    /* 3時間ごとの天気 */
    #three_hours_weather{
      position: relative;
      clear: both;
      width: 100%;
      height: 87.5px;
      background-color: #FFFFFF !important;
    }

      #three_hours_weather > .wrapper{
        position: relative;
        padding-top: 6px;
        max-width: 100%;
        background-color: #2A282D;
      }
        #three_hours_weather > .wrapper > .flick_list_bg{
          position: absolute;
          width: 100%;
        }
          #three_hours_weather > .wrapper > .flick_list_bg > div{
            width: 100%;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
          }
          #three_hours_weather > .wrapper > .flick_list_bg > .time{
            line-height: 19.5px;
            height: 19.5px;
            font-size: 85%;
          }
          #three_hours_weather > .wrapper > .flick_list_bg > .pictogram{
            line-height: 30px;
            height: 30px;
          }
          #three_hours_weather > .wrapper > .flick_list_bg > .temperature{
            line-height: 29px;
            height: 29px;
            font-size: 65.5%;
          }

        #three_hours_weather > .wrapper > .flick_list,
        #three_hours_weather > .wrapper > .fixed_list{
          max-width: 100%;
          position: relative;
          overflow: hidden;
          padding-left: 10px;
        }
        #three_hours_weather > .wrapper > .fixed_list{
          padding-right: 10px;
        }
          #three_hours_weather > .wrapper > .flick_list ul,
          #three_hours_weather > .wrapper > .fixed_list ul{
            position: relative;
            list-style-type: none;
            width: 405px;
            background-color: #2A282D;
            color: #FFFFFF;
          }
            #three_hours_weather > .wrapper > .flick_list ul li,
            #three_hours_weather > .wrapper > .fixed_list ul li{
              width: 37.5px;
              float: left;
              text-align: center;
            }
            #three_hours_weather > .wrapper > .flick_list ul li.icons,
            #three_hours_weather > .wrapper > .fixed_list ul li.icons{
              width: 20px;
              padding: 0;
            }
            #three_hours_weather > .wrapper > .flick_list ul li.icons .time,
            #three_hours_weather > .wrapper > .fixed_list ul li.icons .time{
              text-indent: 100%;
              white-space: nowrap;
              overflow: hidden;
              background: url('../img/icon_time_clock.png');
              background-size: 14px 14px;
              background-repeat: no-repeat;
              background-position: right 2px;
            }
            #three_hours_weather > .wrapper > .flick_list ul li.icons .pictogram,
            #three_hours_weather > .wrapper > .fixed_list ul li.icons .pictogram{
              text-indent: 100%;
              white-space: nowrap;
              overflow: hidden;
              line-height: 30px;
              height: 30px;
            }
            #three_hours_weather > .wrapper > .flick_list ul li.icons .temperature,
            #three_hours_weather > .wrapper > .fixed_list ul li.icons .temperature{
              line-height: 29px;
              height: 29px;
              font-size: 65.5%;
            }
            #three_hours_weather > .wrapper > .flick_list ul li .time,
            #three_hours_weather > .wrapper > .fixed_list ul li .time{
              line-height: 19.5px;
              height: 19.5px;
              padding-bottom: 1px;
              font-size: 93%;
              border-bottom: 1px solid #535059;
            }
            #three_hours_weather > .wrapper > .flick_list  ul li .pictogram,
            #three_hours_weather > .wrapper > .fixed_list  ul li .pictogram{
              line-height: 29px;
              height: 29px;
            }
            #three_hours_weather > .wrapper > .flick_list  ul li .temperature,
            #three_hours_weather > .wrapper > .fixed_list  ul li .temperature{
              line-height: 27px;
              height: 27px;
              font-size: 69.231%;
              color: #a49eae;
            }
              #three_hours_weather > .wrapper > .flick_list ul li .pictogram > img,
              #three_hours_weather > .wrapper > .fixed_list ul li .pictogram > img{
                vertical-align: bottom;
              }
            /* 固定時のリスト */
            #three_hours_weather > .wrapper > .fixed_list > ul{
                position: relative;
                list-style-type: none;
                width: 100%;
            }
            #three_hours_weather > .wrapper > .fixed_list > ul > li:first-child{
                width: 4%;
            }
            #three_hours_weather > .wrapper > .fixed_list > ul > li{
                float: left;
                text-align: center;
                width: 9.6%;
                padding-right: 0px;
            }
            /* 固定・可変切替 */
            @media screen and (max-width: 371.5px) {
                #three_hours_weather > .wrapper > .flick_list{
                    display: block;
                }
                #three_hours_weather > .wrapper > .fixed_list{
                    display: none;
                }
            }
            @media screen and (min-width: 371.5px) {
                #three_hours_weather > .wrapper > .flick_list{
                    display: none;
                }
                #three_hours_weather > .wrapper > .fixed_list{
                    display: block;
                }
                #three_hours_weather > .wrapper > .left_bg{
                    display: none;
                }
                #three_hours_weather > .wrapper > .right_bg{
                    display: none;
                }
            }
            #three_hours_weather > .wrapper > .flick_list .indicator{
              height: 3px;
            }

            #three_hours_weather > .wrapper > .fixed_list .indicator{
              width: 100%;
              height: 3px;
            }

            #three_hours_weather > .wrapper > .flick_list .indicator_bg{
              width: 100%;
              height: 3px;
            }
        /* メッセージ */
        #weather_message{
          position: relative;
          clear: both;
          height: 33px;
          margin-top: 11px;
          margin-bottom: 10px;
          margin-left: 10px;
          margin-right: 10px;
          background-color: #E9E9E9;
          border-radius: 4px;
        }
          #weather_message > .bg_arrow{
            top: 10.5px;
            right: 10px;
          }
          #weather_message > p{
          }
          #weather_message > p > a{
            display: block;
            padding-left: 10px;
            line-height: 33px;
            font-size: 100%;
            color: #2A282D;
          }
        /* ソラテナ最新情報 */
        #soratena_message{
          position: relative;
          clear: both;
          height: 47px;
          margin-left: 10px;
          margin-right: 10px;
          color: #484848;
        }
          #soratena_message > img{
            position: absolute;
            left: 0px;
            top: 0px;
          }
          #soratena_message > .soratena_message_body{
            position: absolute;
            left: 43px;
            right: 18px;
            top: 4px;
          }
            #soratena_message > .soratena_message_body > .title{
              margin-bottom: 5px;
              font-size: 85%;
              font-weight: bold;
              line-height: 11px;
            }
            #soratena_message > .soratena_message_body > .detail{
              font-size: 77%;
            }
            #soratena_message .bg_arrow{
              top: 13px;
            }
        /* カスタマイズ可能アイコン枠 */
        #customize_icons{
        }
            #customize_icons .bg_arrow{
              left: 109px;
            }
            #customize_icons ul{
              overflow: hidden;
              width: 100%;
              height: 34px;
              margin-bottom: 4.5px;
              padding-top: 5.5px;
              border-top: 1px solid #E9E9E9;
            }
                #customize_icons ul li{
                  float: left;
                  position: relative;
                  height: 34px;
                }
                  #customize_icons ul li .bg_arrow{
                    top: 11px;
                  }
                  #customize_icons ul li .icon{
                    float: left;
                    padding-top: 7.5px;
                    padding-left: 7px;
                  }
                  #customize_icons ul li .text{
                    float: left;
                    padding-left: 6px;
                  }
                  #customize_icons ul li .text .title{
                    font-size: 100%;
                    line-height: 15px;
                    color: #2E456C;
                  }
                  #customize_icons ul li .text .data{
                    font-size: 77%;
                    color: #838383;
                  }
                  #customize_icons ul li.ch_10minutes .icon{
                    padding-top: 6.5px;
                    padding-left: 10px;
                  }
                  #customize_icons ul li.ch_10minutes .text{
                    padding-top: 9.5px;
                    padding-left: 5px;
                  }
                  #customize_icons ul li.ch_starlitsky .icon, #customize_icons ul li.ch_pollen .icon, #customize_icons ul li.ch_season .icon{
                    height: 34px;
                  }

                #customize_icons .icons3 > .item1, #customize_icons .icons3 > .item3{
                    width: 33%;
                }
                #customize_icons .icons3 > .item2{
                    width: 34%;
                }
                #customize_icons .icons2 > li{
                    width: 50%;
                }
                #customize_icons .icons1 > li{
                    width: 100%;
                }
      #line_background{
        width: 100%;
        height: 10px;
        background-image: url('../img/line_background.png');
        background-repeat: repeat-x;
      }
      /* 週間天気 */
      #week_weather{
        clear: both;
        width: 100%;
        height: 111.5px;
       /*  margin-bottom: 15px; */
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: #FFFFFF !important;
        background-position: center top;
        border-bottom: 1px solid #E9E9E9;
      }
      #week_weather > .wrapper{
        position: relative;
        max-width: 100%;
      }
        #week_weather > .wrapper > .flick_list_bg{
          position: absolute;
          width: 100%;
        }
          #week_weather > .wrapper > .flick_list_bg > div{
            width: 100%;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
          }
          #week_weather > .wrapper > .flick_list_bg > .day{
            line-height: 19.5px;
            height: 19.5px;
            font-size: 87%;
            color: #2e456c;
          }
          #week_weather > .wrapper > .flick_list_bg > .pictogram{
            line-height: 33px;
            height: 33px;
            background-color: #ffffff;
          }
          #week_weather > .wrapper > .flick_list_bg > .temp_max{
            padding-top: 5.5px;
            line-height: 19px;
            height: 19px;
            font-size: 92.5%;
            background-color: #ffffff;
            color: #a32121;
          }
          #week_weather > .wrapper > .flick_list_bg > .temp_min{
            line-height: 19px;
            height: 19px;
            font-size: 92.5%;
            background-color: #ffffff;
            color: #5b9ada;
          }
          #week_weather > .wrapper > .flick_list_bg > .rain{
            line-height: 15.5px;
            height: 15.5px;
            font-size: 92.5%;
            background-color: #ffffff;
            color: #6d6d6d;
          }
        #week_weather > .wrapper > .fixed_list{
          max-width: 100%;
          position: relative;
          overflow: hidden;
          padding-left: 10px;
          padding-right: 10px;
        }
          #week_weather > .wrapper > .fixed_list ul{
            position: relative;
            list-style-type: none;
            width: 388px;
          }
            #week_weather > .wrapper > .fixed_list ul li{
              padding-right: 11px;
              width: 35px;
              float: left;
              text-align: center;
            }
            #week_weather > .wrapper > .fixed_list ul li.icons{
              width: 20px;
              padding: 0;
            }
            #week_weather > .wrapper > .fixed_list ul li.icons .day{
              text-indent: 100%;
              white-space: nowrap;
              overflow: hidden;
            }
            #week_weather > .wrapper > .fixed_list ul li.icons .pictogram{
              text-indent: 100%;
              white-space: nowrap;
              overflow: hidden;
              line-height: 33px;
              height: 33px;
              background-color: #ffffff;
            }
            #week_weather > .wrapper > .fixed_list ul li.icons .temp_max,
            #week_weather > .wrapper > .fixed_list ul li.icons .temp_min,
            #week_weather > .wrapper > .fixed_list ul li.icons .rain{
              font-size: 69.231%;
            }
            #week_weather > .wrapper > .fixed_list ul li .day{
              padding-bottom: 5px;
              line-height: 17px;
              height: 17px;
              font-size: 77%;
              color: #2e456c;
              background-color: #ffffff;
              border-bottom: 1px solid #E9E9E9;
            }
            #week_weather > .wrapper > .fixed_list  ul li .pictogram{
              line-height: 33px;
              height: 33px;
              background-color: #ffffff;
            }
            #week_weather > .wrapper > .fixed_list  ul li .temp_max{
              padding-top: 3px;
              line-height: 19px;
              height: 19px;
              font-size: 77%;
              background-color: #ffffff;
              color: #a32121;
            }
            #week_weather > .wrapper > .fixed_list  ul li .temp_min{
              line-height: 19px;
              height: 19px;
              font-size: 77%;
              background-color: #ffffff;
              color: #5b9ada;
            }
            #week_weather > .wrapper > .fixed_list  ul li .rain{
              line-height: 19px;
              height: 19px;
              font-size: 77%;
              background-color: #ffffff;
              color: #6d6d6d;
            }
              #week_weather > .wrapper > .fixed_list ul li .pictogram > img{
                vertical-align: bottom;
              }
            /* 色設定 */
            #week_weather .saturday{
                color:#0075a9 !important;
            }
            #week_weather .sunday{
                color:#c22929 !important;
            }
            /* 固定時のリスト */
            #week_weather > .wrapper > .fixed_list > ul{
                position: relative;
                list-style-type: none;
                width: 100%;
            }
            #week_weather > .wrapper > .fixed_list > ul > li:first-child{
                width: 5.5%;
            }
            #week_weather > .wrapper > .fixed_list > ul > li{
                float: left;
                text-align: center;
                width: 13.5%;
                padding-right: 0px;
            }
            /* 固定・可変切替 */
                #week_weather > .wrapper > .flick_list{
                    display: none;
                }
                #week_weather > .wrapper > .fixed_list{
                    display: block;
                }
                #week_weather > .wrapper > .left_bg{
                    display: none;
                }
                #week_weather > .wrapper > .right_bg{
                    display: none;
                }

  /* チャンネルエリア共通 */
  #main > .ch_area{
  }
      #main > .ch_area >  .wrapper{
        position: relative;
        margin-bottom: 10px;
        margin-left: 25px;
        margin-right: 25px;
      }
        #main > .ch_area > .wrapper a{
        }
        #main > .ch_area > .wrapper img{
          width: 100%;
          height: auto;
        }
        #main > .ch_area > .wrapper .title{
          position: absolute;
          top: 5px;
          left: 5px;
          padding-top: 2px;
          padding-bottom: 2px;
          padding-left: 4px;
          padding-right: 4px;
          font-size: 100%;
          border-radius: 2.5px;
          color: #ffffff;
          background-color: rgba(0,0,0,0.6);
          white-space: nowrap;
          border-radius: 4px;
        }
        #main > .ch_area > .wrapper .update{
          position: absolute;
          bottom: 10px;
          right: 5px;
          padding-top: 2px;
          padding-bottom: 2px;
          padding-left: 4px;
          padding-right: 4px;
          font-size: 100%;
          border-radius: 2.5px;
          color: #ffffff;
          background-color: rgba(0,0,0,0.6);
          white-space: nowrap;
          border-radius: 4px;
        }
    #main > .ch_area > .ch_body{
      margin-bottom: 15px;
      border-bottom: 1px solid #E9E9E9;
    }
      #main > .ch_area > .ch_body > .title{
        margin-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        color: #222222;
        font-weight: bold;
        font-size: 100%;
      }
      #main > .ch_area > .ch_body > .detail{
        margin-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
        color: #949494;
        font-size: 93%;
      }
      #main > .ch_area > .ch_body > .topics_title{
        margin-top: 3px;
        padding-left: 10px;
        padding-right: 10px;
        color: #222222;
        font-weight: bold;
        font-size: 100%;
      }
      #main > .ch_area > .ch_body > .topics{
        margin-bottom: 13px;
        padding-left: 10px;
        padding-right: 10px;
        color: #949494;
        font-size: 100%;
      }
      #main > .ch_area > .ch_body > .topics a{
        color: #949494;
        font-size: 100%;
      }
      #main > .ch_area.ch_cloud_radar .base{
        overflow: hidden;
        background-size: contain;
        background-repeat: no-repeat;
      }
      #main > .ch_area.ch_cloud_radar .base a{
        display: block;
        overflow: hidden;
        background-size: contain;
        background-repeat: no-repeat;
      }
      #main > .ch_area.ch_satellite .base{
        overflow: hidden;
        background-image: url('//weathernews.jp/s/satellite/basemap/JAPAN.png');
        background-image: url('//mws.cdn.weathernews.jp/s/satellite/basemap/JAPAN.png');
        background-size: contain;
        background-repeat: no-repeat;
      }
      #main > .ch_area.ch_satellite .base a{
        display: block;
        overflow: hidden;
        background-size: contain;
        background-repeat: no-repeat;
      }
      /* 警報・注意報ch */
      #main > .ch_area.ch_weather_alarm{
      }

        #main > .ch_area.ch_weather_alarm > .ch_body{
          height: 35px;
          padding-left: 10px;
          padding-right: 10px;
        }

          #main > .ch_area.ch_weather_alarm > .ch_body > div{
            float: left;
            position: relative;
            width: 25%;
            font-size: 93%;
          }

            #main > .ch_area.ch_weather_alarm > .ch_body > div > .sq_mark{
              position: absolute;
              width: 15px;
              height: 15px;
            }

            #main > .ch_area.ch_weather_alarm > .ch_body > div > .title{
              padding-top: 1px;
              padding-left: 20px;
            }

          #main > .ch_area.ch_weather_alarm .special{
          }
            #main > .ch_area.ch_weather_alarm .special .sq_mark{
              background-color: #6000BF;
            }
          #main > .ch_area.ch_weather_alarm .alarm{
            text-align: center;
          }
            #main > .ch_area.ch_weather_alarm .alarm .sq_mark{
              background-color: #D90000;
            }
          #main > .ch_area.ch_weather_alarm .advisory{
          }
            #main > .ch_area.ch_weather_alarm .advisory .sq_mark{
              background-color: #FFBF00;
            }
          #main > .ch_area.ch_weather_alarm .none{
          }
            #main > .ch_area.ch_weather_alarm .none .sq_mark{
              background-color: #D3E1E7;
            }
          #main > .ch_area.ch_weather_chart > .ch_body{
            margin-bottom: 0;
          }
  /* au天気トップへ戻る */
  #home_link{
    margin-bottom: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E9E9E9;
    background-image: url('../img/ch_arrow_left.png');
    background-position: 10px center;
    background-size: 7px 12px;
    background-repeat: no-repeat;
    background-color: #fff;
  }
      #home_link > a{
        display: block;
        padding-left: 25px;
        color: #222222;
        font-size: 100%;
      }
  /* 提供 */
  #powered_by{
    margin-bottom: 8px;
    text-align: center;
    font-size: 85%;
    color: #6D6D6D;
  }



/* フッター */

  footer > .t-header{
    border-top: 2px solid #f76b1f;
    border-bottom: none;
  }

footer nav ul {
  display:-webkit-box;
  width:100%;
  background-image:url(../img/foot_navi_background.png);
  border-bottom:solid 1px #444444;
  -webkit-background-size:100%;
  -webkit-box-sizing: border-box;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  footer nav ul {
    background-image:url(../img/foot_navi_background_2x.png);
  }
}
footer nav ul li {
  width:50%;
  text-align:center;
  font-size:13px;
  line-height:13px;
  margin:6px 0;
  border-left:solid 1px #666666;
  -webkit-box-sizing: border-box;
}
footer nav ul li:first-child {
  border-left:none;
}
footer nav ul li a {
  color:#efefef !important;
  text-decoration:none;
}

footer p small{
  display:table;
  font-size:12px;
  color:#cccccc;
  background-color:#000000;
  text-align:center;
  line-height: 24px;
  width:100%;
  height:24px;
}



/* 風車キーフレーム設定 */
@-webkit-keyframes bladespin{
    0%{
        -webkit-transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@-moz-keyframes bladespin{
    0%{
        -moz-transform:rotate(0deg)
    }
    100%{
        -moz-transform:rotate(360deg)
    }
}
@-o-keyframes bladespin{
    0%{
        -o-transform:rotate(0deg)
    }
    100%{
        -o-transform:rotate(360deg)
    }
}
@keyframes bladespin{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}



/* 風見鶏キーフレーム設定 */
@-webkit-keyframes weathercock{
    0%{
        -webkit-transform:rotateY(0deg)
    }
    30%{
        -webkit-transform:rotateY(0deg)
    }
    100%{
        -webkit-transform:rotateY(360deg)
    }
}

@-moz-keyframes weathercock{
    0%{
        -moz-transform:rotateY(0deg)
    }
    30%{
        -moz-transform:rotateY(0deg)
    }
    100%{
        -moz-transform:rotateY(360deg)
    }
}
@-o-keyframes weathercock{
    0%{
        -o-transform:rotateY(0deg)
    }
    30%{
        -o-transform:rotateY(0deg)
    }
    100%{
        -o-transform:rotateY(360deg)
    }
}
@keyframes weathercock{
    0%{
        transform:rotateY(0deg)
    }
    30%{
        transform:rotateY(0deg)
    }
    100%{
        -transform:rotateY(360deg)
    }
}



/* メニューボタン */
#float_menu_btn{
  position: fixed;
  bottom: 2px;
  right: 5px;
  width: 55px;
  height: 55px;
  z-index: 100;
  background-image: url('../img/menuicon.png');
  background-size: contain;
  background-repeat: no-repeat;
}
/* メニュー項目 */
#float_menu_wrapper{
  position: fixed;
  left:0;
  width:100%;
  z-index: 200;
  display: none;
  background-color: #FFFFFF;
}
#float_menu_wrapper.hide_anime{
  top:100%;
  transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
　-moz-transition-duration: 0.5s;
}
#float_menu_wrapper.show_anime{
  top:0%;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
}
  #float_close_btn{
    width: 100%;
    height: 49px;
    border-bottom: 1.5px solid #DBDCE4;
    width: 100%;
    height: 49px;
    background-image: url('../img/menu_background.png');
    background-repeat: repeat-x;
  }
    #float_close_btn > .wrapper{
      width: 210px;
      margin-left: auto;
      margin-right: auto;
      padding-top: 12px;
      font-size: 131%;
      font-weight: bold;
      color: #676A89;
    }
      #float_close_btn > .wrapper > img{
        margin-right: 12px;
        vertical-align: middle;
      }
  #float_menu_main{
    width: 100%;
    overflow-y: scroll;
  }
      #float_menu_main > .wrapper{
      }
        #float_menu_main ul{
          overflow: hidden;
          border-top: 1px solid #D0D0D0;
          border-left: 1px solid #D0D0D0;
        }
      #float_menu_main ul li{
        float: left;
        width: 50%;
      }
      #float_menu_main ul li.clicked{
        background-color: #edebe3;
      }
        #float_menu_main ul li a{
          display: block;
          position: relative;
          height: 58px;
          color: #373737;
          font-weight: bold;
          border-right: 1px solid #D0D0D0;
          border-bottom: 1px solid #D0D0D0;
        }
          #float_menu_main ul li a img{
            position: absolute;
            top: 9px;
            left: 10px;
          }
          #float_menu_main ul li a .title{
            position: absolute;
            top: 22px;
            left: 58px;
          }
          #float_menu_main ul li a .title2{
            top: 13px;
          }

/* メニュー項目 */
#float_menu_wrapper.legacy{
  position: inherit;
  display: block;
}
  .legacy #float_menu_main{
    overflow-y: inherit;
  }
        #float_menu_main ul{
          overflow: inherit;
        }
	  
/* -------------------------------------------------------------------------------------
  BUTTONS RADIAL
------------------------------------------------------------------------------------- */
div.list-topnav,div.list-nav-unit{ width: 95%; margin: 5px auto;clear:both; }div.list-topnav.mbnone,div.list-nav-unit.mbnone { margin: 10px auto 0; }div.list-topnav.mtnone,div.list-nav-unit.mtnone { margin: 0 auto 10px; } div.list-topnav.mnone,div.list-nav-unit.mnone { margin: 0 auto; }
div.list-topnav ul li a,div.list-nav-unit ul li a { display: block; }

/*SINGLE*/
div.list-topnav ul{list-style-type:none;}
div.list-topnav ul li{width:100%;margin-top:10px;position:relative;}div.list-topnav ul li:first-child{margin-top:0;}
div.list-topnav ul.row1{line-height:22px;text-align:center;}div.list-topnav ul.row1.hi{line-height:45px;text-align:center;}

div.list-topnav .notice li.arrow a{background: url(../../img/arrow_gray.png) 98% center no-repeat;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px;color: #000;}
div.list-topnav ul li.arrow  a{padding-left:5px;text-align:left;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px;}


/*COLOR SETTINGS*/
div.list-topnav ul.notice li,div.list-nav-unit ul.notice {
	background: #fff;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #8a8a8a;
	font-size: 12px; color: #000; text-decoration: none;}