@charset "UTF-8";
.clearfix, #navi ul {
  *zoom: 1;
}
.clearfix:after, #navi ul:after {
  content: "";
  display: table;
  clear: both;
}

#header {
  font-size: 1.4em;
  min-width: 1100px;
  color: #000;
  height: 97px;
}
#header .inbox {
  width: 1100px;
  margin: 0 auto;
  position: relative;
  min-height: 100%;
}
#header h1 {
  position: absolute;
  top: 17px;
  right: auto;
  bottom: auto;
  left: 0;
  z-index: 700;
}
#header a {
  overflow: hidden;
  outline: none;
}
#header #todays {
  font-family: "Lato",'Yu ragino Kaku Gothic Pro"Gothic', "游ゴシック", "Helvetica", "Helvetica Bold", "Hiragino Kaku Gothic ProN", "Meiryo", "MS PGothic", sans-serif;
  text-align: center;
  letter-spacing: .1px;
  position: relative;
  padding: 18px 0 0;
}
#header #todays .date {
  color: #5494a1;
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 0 8px 0 50px;
}
#header #todays .month-day {
  text-align: center;
  line-height: 1;
  font-size: 2.9em;
  font-weight: 300;
  letter-spacing: 0;
}
#header #todays .month-day span {
  font-weight: 700;
  line-height: 1;
  padding: 0 3px;
}

#header #todays .week {
  line-height: 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-weight: 700;
  font-size: 1.05em;
  margin-top: -13px;
  letter-spacing: 0.08em;
  
}
#header #todays .weather {
  position: relative;
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
#header #todays .info {
  min-height: 55px;
	cursor: pointer;
}
#header #todays .info .icon {
  display: inline-block;
  vertical-align: bottom;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 7px;
  
}
#header #todays .info .stats {
  display: inline-block;
  vertical-align: bottom;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  line-height: 1;
  padding-bottom: 7px;
  padding-left: 16px;
  background: url(/images/weather/icon-thermometer.png) no-repeat left 3px;
  position: relative;
}
#header #todays .info .temperature {
  display: inline-block;
  vertical-align: bottom;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
#header #todays .info .temperature span {
  display: inline-block;
  vertical-align: bottom;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-weight: bold;
}
#header #todays .info .temperature .max {
  font-size: 1.6em;
  font-weight: 600;
  color: #d7ad2e;
  padding: 0 0 0 0;
  margin: 0 6px 0 0;
}
#header #todays .info .temperature .min {
  font-size: 1.6em;
  font-weight: 600;
  color: #72a7ff;
  margin: 0 3px 0 0;
}
#header #todays .info .precipitation {
  color: #5494a1;
  font-size: 1.6em;
  font-weight: 600;
  display: inline-block;
  vertical-align: bottom;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-left: 5px;
}
#header #todays .info .precipitation img {
  margin: 0 6px 0 0;
}

#weekly_weather_list {
	position: relative;
	z-index: 2250000;
	height: 260px;
	text-align: center;
	background: none rgba(7,7,7,.6);
}
#weekly_weather_list .inbox {
	width: 1100px;
	margin: 0 auto;
	line-height: 1;
}
#weekly_weather_list h2 {
	color: #fff;
	text-align: left;
  font-family: "Lato",'Yu ragino Kaku Gothic Pro"Gothic', "游ゴシック", "Helvetica", "Helvetica Bold", "Hiragino Kaku Gothic ProN", "Meiryo", "MS PGothic", sans-serif;
  font-size: 3.3em;
  letter-spacing:-0.02em;
  font-weight: 300;
  line-height: 0.9;
  margin: 0 0 0;
	padding: 24px 0 0 0px;
  /*クリックして反転さてない*/
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
#weekly_weather_list h2 span {
  font-weight: 700;
}
#weekly_weather_list h2 img {
	vertical-align: bottom;
	margin-left: 13px;
}
#weekly_weather_list .weekly_weather_box {
	margin: 21px 0 0;
	color: #fff;
	display: inline-block;
	width: 178px;
	height: 144px;
	border-left: 1px solid #518a96;
}
#weekly_weather_list .weekly_weather_box:nth-child(2) {
	border-left: none;
}
#weekly_weather_list .weekly_weather_box dl {
	margin-bottom: 9px;
}
#weekly_weather_list .weekly_weather_box dt {
	font-weight: 700;
	font-size: 1.25em;
	letter-spacing:0.07em;
	margin-bottom: 2px;
  font-family: "Lato",'Yu ragino Kaku Gothic Pro"Gothic', "游ゴシック", "Helvetica", "Helvetica Bold", "Hiragino Kaku Gothic ProN", "Meiryo", "MS PGothic", sans-serif;
}
#weekly_weather_list .weekly_weather_box dd {
	font-size: .85em;
	font-weight:700;
  font-family: "Lato",'Yu ragino Kaku Gothic Pro"Gothic', "游ゴシック", "Helvetica", "Helvetica Bold", "Hiragino Kaku Gothic ProN", "Meiryo", "MS PGothic", sans-serif;
}
#weekly_weather_list .weekly_weather_box .icon {
	display: block;
	margin-bottom: 8px;
}
#weekly_weather_list .weekly_weather_box b {
	display: block;
	margin-bottom: 13px;
	font-size:0.85em;
	font-weight:600;
}
#weekly_weather_list .close {
	cursor: pointer;
}
#weekly_weather_list .max {
	padding-left: 11px;
	background: url(/images/weather/icon-thermometer2.png) no-repeat left center;
}
#weekly_weather_list .precipitation {
  font-family: "Lato",'Yu ragino Kaku Gothic Pro"Gothic', "游ゴシック", "Helvetica", "Helvetica Bold", "Hiragino Kaku Gothic ProN", "Meiryo", "MS PGothic", sans-serif;
	font-weight: 700;
	padding-left: 16px;
	background: url(/images/weather/icon-precipitation2.png) no-repeat left center;
	display: inline-block;
	margin-left: -0px;
	font-size:1.2em;
}
#weekly_weather_list .max,
#weekly_weather_list .min {
  font-family: "Lato",'Yu ragino Kaku Gothic Pro"Gothic', "游ゴシック", "Helvetica", "Helvetica Bold", "Hiragino Kaku Gothic ProN", "Meiryo", "MS PGothic", sans-serif;
	font-weight: 700;
	display: inline-block;
	margin-left: -0px;
	margin-right:4px;
	font-size:1.2em;
}









#header #todays .city {
  font-weight: 500;
  line-height: 1;
  padding: 5px 0 0;
  position: absolute;
  top: -26px;
  right: auto;
  bottom: auto;
  left: 0;
letter-spacing:0.05em;  
  font-family: "Lato",'Yu ragino Kaku Gothic Pro"Gothic', "游ゴシック", "Helvetica", "Helvetica Bold", "Hiragino Kaku Gothic ProN", "Meiryo", "MS PGothic", sans-serif;

}
#header #todays .city span {
  color: #12191a;
 
  
}
#header #todays .city b {
  color: #5494a1;
 
}
#header #todays #whatday {
	box-sizing: border-box;
  text-align: left;
  color: #12191a;
  width: 320px;
	height: 32px;
  position: absolute;
  top:11px;
  right: 0;
  bottom: auto;
  left: auto;
  border-radius: 20px;
  padding: 0 14px 0;
  border: 2px solid #dcdddd;
}

#header #todays #whatday2 {
  text-align: right;
  color: #12191a;
  width: 400px;
  position: absolute;
  top: 25px;
  right: 0;
  bottom: auto;
  left: auto;
  padding: 0 14px 0;
}


#header #todays #whatday h2 {
  font-size: 0.9em;
  font-weight: bold;
  letter-spacing:0.02em;
  font-family: "Lato",'Yu ragino Kaku Gothic Pro"Gothic', "游ゴシック", "Helvetica", "Helvetica Bold", "Hiragino Kaku Gothic ProN", "Meiryo", "MS PGothic", sans-serif;
  /* ishi */
  line-height: 1;
  color: #5494a1;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border-right: 1px solid #dcdddd;
  padding: 0 9px 0 0;
  margin: 5px 8px 6px 18px;
}
#header #todays #whatday h2 span {
  color: #fff;
  display: inline-block;
  vertical-align: bottom;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border-radius: 10px;
  line-height: 1;
  padding: 4px;
  margin: 0 0 1px 3px;
  background: none #717576;
}
#header #todays #whatday .words {
  color: #008aff;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  /* ishi */
  line-height: 1.4;
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
  width: 170px;
  height: 22px;
  overflow: hidden;
  margin: 5px 0 1px;
}
#header #todays #whatday .words span {
  font-size: 0.9em;
  position: absolute;
  left: 0;
  top: 0;
}
#header #todays #whatday .words a {
  text-decoration: none;
  color: #008aff;
}
#header #todays #whatday a[rel="today_prev"] {
	cursor: pointer;
	text-indent: -9999px;
	display: block;
	width: 9px;
	height: 10px;
	position: absolute;
	top: 9px;
	left: 7px;
	background: url(/images/common/arw-t-l_on.png) no-repeat center center;
}
#header #todays #whatday a[rel="today_prev"].active {
	background: url(/images/common/arw-t-l.png) no-repeat center center;
}
#header #todays #whatday a[rel="today_next"] {
	cursor: pointer;
	text-indent: -9999px;
	display: block;
	width: 9px;
	height: 10px;
	position: absolute;
	top: 9px;
	left: 17px;
	background: url(/images/common/arw-t-r_on.png) no-repeat center center;
}
#header #todays #whatday a[rel="today_next"].active {
	background: url(/images/common/arw-t-r.png) no-repeat center center;
}

#header .etc {
  position: absolute;
  top: 50px;
  right: 0;
  bottom: auto;
  left: auto;
}
#header #search {
  text-align: right;
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 185px;
  height: 25px;
  margin: 0 5px 0 0;
  padding: 3px 0 0 3px;
  position: relative;
  overflow: hidden;
}
#header #search .ico {
  text-align: right;
  display: block;
  width: 100%;
	height: 100%;
  padding: 1px 0;
  background: none white;
  position: absolute;
  top: 0;
  right: 0;
}
#header #search input[type="text"] {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 0.9em;
  padding: 2px 6px;
  margin: 2px 0 0;
  width: 76%;
  background: none rgba(170, 170, 170, 0.2);
  border: none;
}
#header #sns {
  margin: 0 0 0 10px;
  padding: 0 0 0 5px;
  line-height: 0;
  border-left: 1px solid #dcdddd;
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
#header #sns img {
  margin: 0 0 0 8px;
}

#navi {
  font-size: 1.4em;
  min-width: 1100px;
  position: relative;
  z-index: 11000;
}
#navi .inbox {
  width: 1100px;
  margin: 0 auto;
}
#navi a {
  overflow: hidden;
  outline: none;
}
#navi ul {
  border-left: 1px solid #dcdddd;
}
#navi li {
  text-align: center;
  font-weight: bold;
  /*height: 87px;*/
  position: relative;
  float: left;
  border-right: 1px solid #dcdddd;
	line-height: 1;
}
#navi li img {
  display: block;
}
#navi li span {
  color: #1e1e1e;
  font-size: 13.5px;
  /*display: inline-block;*/
	display: none;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-top: -35px;
  text-indent: -9999px;
}
#navi li span.i {
  padding: 0 0 0 13px;
}
#navi .second {
  position: absolute;
  top: 100%;
  right: auto;
  bottom: auto;
  left: auto;
  width: 100%;
  height: 0;
  border: none;
  overflow: hidden;
}
#navi .second li {
  text-align: left;
  line-height: 1;
  height: auto;
  float: none;
  border: none;
  background: none #0d1112;
}
#navi .second li a {
  color: #008aff;
  text-decoration: none;
  display: block;
  padding: 20px;
}
#navi .second li:nth-child(even) {
  background: none #171d1e;
}