@charset "UTF-8";
/*!-----------------------------------------------------------------------

sassを使用しています！注意して下さい

-------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
	テレビ静岡 - weather scss
	URL: http://www.sut-tv.com
	Date: 2017-11-22
	Copyright © 2010 SHIZUOKA TELECASTING Co.,Ltd. All Rights Reserved.
------------------------------------------------------------------------------*/
#underNav #weather {
  display: none;
}

/*	
----------------------------------------------------*/
#sut_weather .show {
  display: block !important;
}

#sut_weather .hide {
  display: none !important;
}

#sut_weather_selector {
  position: relative;
  float: left;
  width: 122px;
  height: 34px;
  cursor: pointer;
  margin: 6px;
}

#sut_weather div.select_hamamatsu {
  background-position: center;
}

#sut_weather div.select_hamamatsu {
  background-image: url(../img/fig_weather_hamamatsu.png);
}

#sut_weather div.select_shizuoka {
  background-image: url(../img/fig_weather_shizuoka.png);
}

#sut_weather div.select_numazu {
  background-image: url(../img/fig_weather_numazu.png);
}

#sut_weather div.select_shimoda {
  background-image: url(../img/fig_weather_shimoda.png);
}

#sut_weather_selector ul {
  display: none;
  position: absolute;
  top: 34px;
  left: 0;
  z-index: 9;
  margin: 0;
  padding: 0;
}

#sut_weather_selector ul li {
  list-style-type: none;
  line-height: 1;
}

#sut_weather_selector li a {
  display: block;
  width: 100px;
  padding: 6px 0;
  border: 1px solid #e3e3e3;
  border-top-width: 0;
  border-bottom-width: 0;
  background-color: #fff;
  text-align: center;
  text-indent: 0;
  text-decoration: none;
  font-size: small;
  color: #333;
}

#sut_weather_selector li a:hover {
  background-color: #3F99C4;
  color: #fff;
}

#sut_weather_selector #sut_weather_selector_hamamatsu a {
  border-top-width: 1px;
  border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
}

#sut_weather_selector #sut_weather_selector_shimoda a {
  border-bottom-width: 1px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
}

#sut_weather_contents li.list {
  display: none;
}

#sut_weather_contents #sut_weather_contents_shizuoka {
  display: block;
}

#sut_weather_contents li dl {
  margin: 0;
  padding: 0;
}

/* UI画像のセット */
#sut_weather_contents dd.weatherIcon {
  background-image: url(../img/fig_weather_ui.png);
  background-repeat: no-repeat;
  text-indent: -256em;
}

#sut_weather_contents span.label {
  display: none;
}

#sut_weather_contents dl dt {
  color: #333;
}

#sut_weather_contents dl.dayAfterNext {
  display: none;
}

#sut_weather_contents dt.date,
#sut_weather_contents dd.weatherIcon,
#sut_weather_contents dd.temp {
  float: left;
  font-size: 11px;
}

#sut_weather_contents dt.date {
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  background: #fff600;
  border-radius: 35px;
}

#sut_weather_contents dl.today dt.date {
  background-position: 0px -80px;
}

#sut_weather_contents dl.tomorrow dt.date {
  background-position: 0px -94px;
}

#sut_weather_contents dl.dayAfterNext dt.date {
  background-position: 0px -108px;
  margin-left: 5px;
}

#sut_weather_contents dd.weatherIcon {
  width: 50px;
  height: 30px;
  margin: 4px 5px;
}

#sut_weather_contents dd.temp {
  margin: 13px 0 0;
  padding-right: 13px;
  /*	font-size:x-small;*/
}

#sut_weather_contents span.maxTemp {
  color: #CD121A;
  font-weight: bold;
}

#sut_weather_contents span.minTemp {
  color: #124ACD;
  font-weight: bold;
}

#weatherInfoBtn {
  float: right;
  margin: 0;
}

#weatherInfoBtn + p {
  margin: 0;
}

#weatherInfoBtn a {
  transition: all .3s;
  display: block;
  width: 135px;
  height: 46px;
  line-height: 46px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: #35b3d1;
  border-radius: 0 5px 5px 0;
}

#weatherInfoBtn a:hover {
  opacity: 0.7;
}

/* 天気振り分け */
#sut_weather_contents dd.w550,
#sut_weather_contents dd.w100,
#sut_weather_contents dd.w123,
#sut_weather_contents dd.w124,
#sut_weather_contents dd.w130,
#sut_weather_contents dd.w131,
#sut_weather_contents dd.w--- {
  background-position: -100px 0px;
}

#sut_weather_contents dd.w552,
#sut_weather_contents dd.w101,
#sut_weather_contents dd.w132,
#sut_weather_contents dd.w--- {
  background-position: -150px 0px;
}

#sut_weather_contents dd.w871,
#sut_weather_contents dd.w553,
#sut_weather_contents dd.w558,
#sut_weather_contents dd.w102,
#sut_weather_contents dd.w103,
#sut_weather_contents dd.w106,
#sut_weather_contents dd.w107,
#sut_weather_contents dd.w120,
#sut_weather_contents dd.w121,
#sut_weather_contents dd.w140,
#sut_weather_contents dd.w--- {
  background-position: -200px 0px;
}

#sut_weather_contents dd.w108,
#sut_weather_contents dd.w--- {
  background-position: -300px 0px;
}

#sut_weather_contents dd.w971,
#sut_weather_contents dd.w104,
#sut_weather_contents dd.w105,
#sut_weather_contents dd.w160,
#sut_weather_contents dd.w170,
#sut_weather_contents dd.w--- {
  background-position: -250px 0px;
}

#sut_weather_contents dd.w562,
#sut_weather_contents dd.w110,
#sut_weather_contents dd.w111,
#sut_weather_contents dd.w--- {
  background-position: -350px 0px;
}

#sut_weather_contents dd.w881,
#sut_weather_contents dd.w563,
#sut_weather_contents dd.w568,
#sut_weather_contents dd.w112,
#sut_weather_contents dd.w113,
#sut_weather_contents dd.w114,
#sut_weather_contents dd.w118,
#sut_weather_contents dd.w122,
#sut_weather_contents dd.w126,
#sut_weather_contents dd.w127,
#sut_weather_contents dd.w128,
#sut_weather_contents dd.w129,
#sut_weather_contents dd.w--- {
  background-position: -400px 0px;
}

#sut_weather_contents dd.w119,
#sut_weather_contents dd.w125,
#sut_weather_contents dd.w--- {
  background-position: -500px 0px;
}

#sut_weather_contents dd.w981,
#sut_weather_contents dd.w115,
#sut_weather_contents dd.w116,
#sut_weather_contents dd.w117,
#sut_weather_contents dd.w181,
#sut_weather_contents dd.w--- {
  background-position: -450px 0px;
}

#sut_weather_contents dd.w200,
#sut_weather_contents dd.w209,
#sut_weather_contents dd.w231,
#sut_weather_contents dd.w--- {
  background-position: -100px -30px;
}

#sut_weather_contents dd.w572,
#sut_weather_contents dd.w201,
#sut_weather_contents dd.w223,
#sut_weather_contents dd.w--- {
  background-position: -150px -30px;
}

#sut_weather_contents dd.w872,
#sut_weather_contents dd.w202,
#sut_weather_contents dd.w203,
#sut_weather_contents dd.w206,
#sut_weather_contents dd.w207,
#sut_weather_contents dd.w220,
#sut_weather_contents dd.w221,
#sut_weather_contents dd.w240,
#sut_weather_contents dd.w--- {
  background-position: -200px -30px;
}

#sut_weather_contents dd.w208,
#sut_weather_contents dd.w--- {
  background-position: -300px -30px;
}

#sut_weather_contents dd.w972,
#sut_weather_contents dd.w204,
#sut_weather_contents dd.w205,
#sut_weather_contents dd.w250,
#sut_weather_contents dd.w260,
#sut_weather_contents dd.w270,
#sut_weather_contents dd.w--- {
  background-position: -250px -30px;
}

#sut_weather_contents dd.w582,
#sut_weather_contents dd.w210,
#sut_weather_contents dd.w211,
#sut_weather_contents dd.w--- {
  background-position: -350px -30px;
}

#sut_weather_contents dd.w882,
#sut_weather_contents dd.w212,
#sut_weather_contents dd.w213,
#sut_weather_contents dd.w214,
#sut_weather_contents dd.w218,
#sut_weather_contents dd.w222,
#sut_weather_contents dd.w224,
#sut_weather_contents dd.w225,
#sut_weather_contents dd.w226,
#sut_weather_contents dd.w227,
#sut_weather_contents dd.w--- {
  background-position: -400px -30px;
}

#sut_weather_contents dd.w219,
#sut_weather_contents dd.w--- {
  background-position: -500px -30px;
}

#sut_weather_contents dd.w982,
#sut_weather_contents dd.w215,
#sut_weather_contents dd.w216,
#sut_weather_contents dd.w217,
#sut_weather_contents dd.w228,
#sut_weather_contents dd.w229,
#sut_weather_contents dd.w230,
#sut_weather_contents dd.w281,
#sut_weather_contents dd.w--- {
  background-position: -450px -30px;
}

#sut_weather_contents dd.w883,
#sut_weather_contents dd.w863,
#sut_weather_contents dd.w850,
#sut_weather_contents dd.w853,
#sut_weather_contents dd.w873,
#sut_weather_contents dd.w300,
#sut_weather_contents dd.w304,
#sut_weather_contents dd.w306,
#sut_weather_contents dd.w328,
#sut_weather_contents dd.w329,
#sut_weather_contents dd.w350,
#sut_weather_contents dd.w308,
#sut_weather_contents dd.w--- {
  background-position: -100px -60px;
}

#sut_weather_contents dd.w573,
#sut_weather_contents dd.w851,
#sut_weather_contents dd.w855,
#sut_weather_contents dd.w301,
#sut_weather_contents dd.w--- {
  background-position: -150px -60px;
}

#sut_weather_contents dd.w852,
#sut_weather_contents dd.w302,
#sut_weather_contents dd.w--- {
  background-position: -200px -60px;
}

#sut_weather_contents dd.w973,
#sut_weather_contents dd.w854,
#sut_weather_contents dd.w859,
#sut_weather_contents dd.w303,
#sut_weather_contents dd.w309,
#sut_weather_contents dd.w322,
#sut_weather_contents dd.w--- {
  background-position: -250px -60px;
}

#sut_weather_contents dd.w583,
#sut_weather_contents dd.w861,
#sut_weather_contents dd.w865,
#sut_weather_contents dd.w311,
#sut_weather_contents dd.w316,
#sut_weather_contents dd.w320,
#sut_weather_contents dd.w323,
#sut_weather_contents dd.w324,
#sut_weather_contents dd.w325,
#sut_weather_contents dd.w--- {
  background-position: -350px -60px;
}

#sut_weather_contents dd.w862,
#sut_weather_contents dd.w313,
#sut_weather_contents dd.w317,
#sut_weather_contents dd.w321,
#sut_weather_contents dd.w--- {
  background-position: -400px -60px;
}

#sut_weather_contents dd.w983,
#sut_weather_contents dd.w864,
#sut_weather_contents dd.w869,
#sut_weather_contents dd.w314,
#sut_weather_contents dd.w315,
#sut_weather_contents dd.w326,
#sut_weather_contents dd.w327,
#sut_weather_contents dd.w--- {
  background-position: -450px -60px;
}

#sut_weather_contents dd.w984,
#sut_weather_contents dd.w950,
#sut_weather_contents dd.w954,
#sut_weather_contents dd.w974,
#sut_weather_contents dd.w964,
#sut_weather_contents dd.w400,
#sut_weather_contents dd.w405,
#sut_weather_contents dd.w425,
#sut_weather_contents dd.w426,
#sut_weather_contents dd.w427,
#sut_weather_contents dd.w450,
#sut_weather_contents dd.w340,
#sut_weather_contents dd.w406,
#sut_weather_contents dd.w407,
#sut_weather_contents dd.w--- {
  background-position: -100px -90px;
}

#sut_weather_contents dd.w951,
#sut_weather_contents dd.w401,
#sut_weather_contents dd.w--- {
  background-position: -150px -90px;
}

#sut_weather_contents dd.w952,
#sut_weather_contents dd.w402,
#sut_weather_contents dd.w--- {
  background-position: -250px -90px;
}

#sut_weather_contents dd.w874,
#sut_weather_contents dd.w953,
#sut_weather_contents dd.w958,
#sut_weather_contents dd.w403,
#sut_weather_contents dd.w409,
#sut_weather_contents dd.w--- {
  background-position: -200px -90px;
}

#sut_weather_contents dd.w961,
#sut_weather_contents dd.w411,
#sut_weather_contents dd.w420,
#sut_weather_contents dd.w361,
#sut_weather_contents dd.w--- {
  background-position: -350px -90px;
}

#sut_weather_contents dd.w962,
#sut_weather_contents dd.w413,
#sut_weather_contents dd.w421,
#sut_weather_contents dd.w371,
#sut_weather_contents dd.w--- {
  background-position: -450px -90px;
}

#sut_weather_contents dd.w884,
#sut_weather_contents dd.w963,
#sut_weather_contents dd.w968,
#sut_weather_contents dd.w414,
#sut_weather_contents dd.w422,
#sut_weather_contents dd.w423,
#sut_weather_contents dd.w424,
#sut_weather_contents dd.w--- {
  background-position: -400px -90px;
}

#sut_weather_contents dd.w430,
#sut_weather_contents dd.w--- {
  background-position: -100px -120px;
}

#sut_weather_contents dd.w999,
#sut_weather_contents dd.w--- {
  background-position: -500px -120px;
}

/*--EOF-----------------------------------------------------------------------*/
