@charset "utf-8";

/*  Reset style  */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  vertical-align:baseline;
  border: 0;
  outline: 0;
  font-size: 1em;
  background:transparent;
}
html {
  overflow-y: scroll;
}
body {
  font: normal 1em/1.56em 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  color: #444;
}
header {
  position: relative;
}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
  display: block;
}
address, em, s, cite, q, dfn, abbr, time, code, var, samp, kbd, sub, sup, i, mark, ruby {
  font-style: normal;
  font-weight: normal;
}
fieldset,img {
  border: 0;
  vertical-align: top;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
a:visited {
  color: #444;
  text-decoration: none;
}
a:link {
  color: #444;
  text-decoration: none;
}

/* テキストにリンク色を付ける場合 */
a.text-link {
  color: #0B5DAA;
}
a.text-link:hover {
  color: #F89E1C;
}

mark {
  background-color: #FF9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  font-size: inherit;
  font: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCC;
  margin: 1em 0;
  padding: 0;
}
input, select {
  vertical-align: middle;
}
select, input, button, textarea, button {
  font-size: 0.93em;
}
pre, code, kbd, samp {
  font-family: monospace;
  line-height: 100%;
}
sup {
  font-size: 0.750em;
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
ul, ol {
  list-style: none;
}
*::selection {
  background: #0061ca;
  color: #FFF;
}
*::-moz-selection {
  background: #0061ca;
  color: #FFF;
}

/*  Clear-fix  */
header:after,
footer:after,
article:after,
.cf:after {
  content: "";
  height: 0;
  font-size: 0;
  line-height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

/* フォントの色 */
.blue { color: #0B5DAA !important; }
.low-temp, .min-temp { color: #0096FF !important; }
.saturday { color: #0096FF !important; }
.red, .sunday, .holiday, .high-temp, .max-temp { color: #FF0000 !important; }
.grey { color: #999999 !important; }
.past { color: #BBBBBB !important; }
.black { color: #444444 !important; }

/*    調整用クラス    */
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }

.bold {
  font-weight: bold;
}

/*   clearfix   */
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {
  display:inline-block;
  min-height:1%;  /* for IE 7*/
}
.clearfix { display: block; }
/*   /clearfix   */

/* タイトルオビ */
h1 a {
  width: 150px;
  height: 50px;
  background-image: url(https://static.tenki.jp/images/icon/logo/tenkijp-logo.png);
  background-repeat: no-repeat;
  background-size: 139px 40px;
  -webkit-background-size: 139px 40px;
  background-position: 5px 5px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
/*h1.tenkijp-logo a {
  width: 150px;
  height: 50px;
  background-image: url(https://static.tenki.jp/images/icon/logo/tenkijp-logo.png);
  background-repeat: no-repeat;
  background-size: 139px 40px;
  -webkit-background-size: 139px 40px;
  background-position: 5px 5px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}*/

h1.season-01 a {background-image:url(https://static.tenki.jp/images/icon/logo/tenkijp-season-01.png)}
h1.season-02 a {background-image:url(https://static.tenki.jp/images/icon/logo/tenkijp-season-02.png)}
h1.season-03 a {background-image:url(https://static.tenki.jp/images/icon/logo/tenkijp-season-03.png)}
h1.season-04 a {background-image:url(https://static.tenki.jp/images/icon/logo/tenkijp-season-04.png)}
h1.season-05 a {background-image:url(https://static.tenki.jp/images/icon/logo/tenkijp-season-05.png)}
h1.season-06 a {background-image:url(https://static.tenki.jp/images/icon/logo/tenkijp-season-06.png)}
h1.season-07 a {background-image:url(https://static.tenki.jp/images/icon/logo/tenkijp-season-07.png)}
h1.season-08 a {background-image:url(https://static.tenki.jp/images/icon/logo/tenkijp-season-08.png)}
h1.season-09 a {background-image:url(https://static.tenki.jp/images/icon/logo/tenkijp-season-09.png)}
h1.season-10 a {background-image:url(https://static.tenki.jp/images/icon/logo/tenkijp-season-10.png)}
h1.season-11 a {background-image:url(https://static.tenki.jp/images/icon/logo/tenkijp-season-11.png)}
h1.season-12 a {background-image:url(https://static.tenki.jp/images/icon/logo/tenkijp-season-12.png)}
h1.season-13 a {background-image:url(https://static.tenki.jp/images/icon/logo/tenkijp-season-13.png)}
h1.season-14 a {background-image:url(https://static.tenki.jp/images/icon/logo/tenkijp-season-14.png)}
h1.season-15 a {background-image:url(https://static.tenki.jp/images/icon/logo/tenkijp-season-15.png)}
h1.season-16 a {background-image:url(https://static.tenki.jp/images/icon/logo/tenkijp-season-16.png)}
h1.season-17 a {background-image:url(https://static.tenki.jp/images/icon/logo/tenkijp-season-17.png)}
h1.season-18 a {background-image:url(https://static.tenki.jp/images/icon/logo/tenkijp-season-18.png)}
h1.season-19 a {background-image:url(https://static.tenki.jp/images/icon/logo/tenkijp-season-19.png)}
h1.tenkijp-20th a {background-image:url(https://static.tenki.jp/images/icon/logo/tenkijp-20th.png)}

h2 {
  border-left: 6px solid #0061ca;
  padding: 5px 10px;
  margin-bottom: 10px;
  font-size: 1.500em;
  line-height: 1.2em;
}
h2.sub-title {
  line-height: 1.3;
  font-size: 1.2em;
  font-weight: bold;
  background-color: #0061ca;
  padding: 7px;
  color: #fff;
  margin-bottom: 10px;
}
h2 span {
  padding-left: 5px;
}

h3{
  font-size: 1.250em;
  font-weight: bold;
  line-height: 1.4;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #0061ca;
  color: #FFF;
  position: relative;
}
h3.bottom-style {
  background-color: #FFF;
  color: #444;
  padding: 7px 0px 4px 0px;
  border-bottom: 2px solid #0061ca;
  margin: 10px 0 20px;
}
h3 span {
  padding-left: 5px;
}
h3 span.sub-title {
  font-size: 0.750em;
  padding-left: 5px;
}

h3.left-style {
  background-color: #FFF;
  color: #444;
  border-left: 10px solid #0061ca;
  padding: 5px 0 0 10px;
}
h3.no-style {
  padding: 0;
  margin-bottom: 0;
  background-color: #d9d9d4;
  font-size: 1em;
}

h4 {
  position: relative;
  margin: 0 10px 10px 10px;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.4;
}

/*h4 {
  position: relative;
  border-bottom: 1px solid #0160C2;
  margin: 10px;
  padding: 0 0 0 10px;
}
h4:before {
  content: "";
  border-left: 5px solid #0160c2;
  padding-left: 10px;
  height: 83%;
  height: calc(100% - 7px);
  height: webkit-calc(100% - 7px);
  height: -moz-calc(100% - 7px);
  position: absolute;
  left: 0;
  top: 3px;
}

h4.bottom-style {
  padding: 0 0 2px 0px;
  border-bottom: 1px solid #CCC;
}
h4.bottom-style:before {
  content:"";
  border-left: 0;
}

h4.left-style {
  margin-left: 0;
  border-bottom: 0;
}*/


/* ヘッダーまわり */
.hd-search-btn a {
  width: 44px;
  height: 40px;
  display: block;
  background-image:url(https://static.tenki.jp/images/icon/glass.png);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-position: 50% 5px;
  text-align: right;
  top: 5px;
  right: 54px;
  position: absolute;
  color: #0061ca;
  border-radius: 3px;
  background-color: rgb(215, 230, 255);
}
.hd-search-btn a span {
  position: absolute;
  display: block;
  top: 22px;
  right: 0px;
  width: 44px;
  font-size: 0.500em;
  font-weight: bold;
  text-align: center;
}

#hd-search-box {
  position: relative;
  z-index: 20000;
  padding-bottom: 10px;
}
#hd-search-closes {
  text-align: right;
  padding: 10px;
  background-image: url(https://static.tenki.jp/images/icon/arrow_0160c2.png);
  background-repeat: no-repeat;
  background-size: 15px 25px;
  background-position: 9px 50%;
  font-weight: bold;
}

.header-menu a#menu {
  width: 44px;
  height: 40px;
  display: block;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAmBAMAAABALxQTAAAAD1BMVEUAAAAAYcoAYcoAYcoAYcp/EHEqAAAABHRSTlMA5kpJG2qUMwAAAChJREFUKM9jMHTBBMIMIlhEHRlcsAHKRXHYpohFVIhh8ILRkByhIQkA0HaC5Ir6lMQAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: 21px 19px;
  -webkit-background-size: 21px 19px;
  background-position: 12px 5px;
  text-align: right;
  top: 5px;
  right: 5px;
  position: absolute;
  color: #0061ca;
  border-radius: 3px;
  background-color: rgb(215, 230, 255);
}
.header-menu a#menu span {
  position: absolute;
  display: block;
  top: 22px;
  right: 2px;
  width: 40px;
  font-size: 0.500em;
  font-weight: bold;
}

/* スライドメニュー */
#slidemenu {
  position: relative;
  z-index: 20000;
}

.menu-selected-box {
  margin-bottom: 5px;
  border-top: 1px solid #eee;
}
.menu-selected-box .closes {
  text-align: right;
  padding: 9px 9px 9px 0;
  background-image: url(https://static.tenki.jp/images/icon/arrow_0160c2.png);
  background-repeat: no-repeat;
  background-size: 15px 25px;
  background-position: 9px 50%;
  font-weight: bold;
}
#slidemenu ul.change-tab {
  background-color: #0061ca;
  text-align: center;
  border-top: 4px solid #0061ca;
  border-left: 4px solid #0061ca;
  border-right: 4px solid #0061ca;
  display: table;
  width: 100%;
  box-sizing: border-box;
  table-layout: fixed;
}
#slidemenu ul.change-tab li {
  display: table-cell;
  font-size: 0.875em;
  font-weight: bold;
  border-right: 2px solid #0061ca;
}
#slidemenu ul.change-tab li:last-child {
  border-right: 0;
}
#slidemenu ul.change-tab li a {
  background-color: #FFF;
  display: block;
  padding: 10px 0;
}
#slidemenu ul.change-tab li.selected {
  xcolor: #FFF;
  xpadding: 10px 0;
}
#slidemenu ul.change-tab li.selected a {
  color: #FFF;
  background: transparent;
}
#slidemenu ul.second-column {
  border-top: 2px solid #0061ca;
  border-bottom: 4px solid #0061ca;
}

/* ヘッダー天気履歴 */
.clip-wrap {
  height: 45px;
}
#clip-area {
  height: 45px;
  position: relative;
}

#clip-wrapper.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  background-color: #fff;
  height: 44px;
  opacity: 0.9;
}

#clip-wrapper {
  height: 45px;
  position: relative;
}

.clip-ber {
  background-color: #F4F4EE;
  border-top: 1px solid #ccc;
  width: 100%;
  height: 44px;
  position: absolute;
}

#search-clip-wrap {
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  width: 88%;
}
#search-clip {
  width: 660px;
}

#search-clip li {
  position: relative;
  float: left;
  margin: 3px 0 2px 4px;
}
#search-clip li:first-child {
  margin-left: 0;
}
#search-clip li a.history-entries-link {
  display: block;
  width: 106px;
  box-shadow: 0 0 1px rgba(0,0,0,.3);
  border-radius: 3px;
  padding: 3px 0;
  background-color: #FFF;
}
#search-clip li .img-box {
  padding-right: 2px;
  display: table-cell;
  vertical-align: middle;
  width: 47px;
  text-align: center;
}
#search-clip li .info-box {
  font-size: 0.625em;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.4;
}
#search-clip li .name {
  overflow: hidden;
  width: 57px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#search-clip li .temp-box {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#search-clip li .max_t {
  color: #FF0000;
}
#search-clip li .min_t {
  color: #0096FF;
}

.header-navi {
  width: 12%;
  height: 39px;
  position: absolute;
  top: 3px;
  right: 0;
  background-color: #F4F4EE;
  z-index: 10000;
  box-shadow: -2px 0px 3px -2px rgba(0,0,0,0.2);
  -webkit-box-shadow: -2px 0px 3px -2px rgba(0,0,0,0.2);
  -mox-box-shadow: -2px 0px 3px -2px rgba(0,0,0,0.2);
}

/* ヘッダ GPSアイコン */
#header-gps-button {
  display: block;
  background-image: url(https://static.tenki.jp/images/icon/search-gps.png);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  -webkit-background-size: 25px 25px;
  font-size: 0.500em;
  background-position: 50% 0px;
  padding: 27px 0 3px;
  line-height: 1;
  text-align: center;
  color: #0061ca;
}


/* フリックできるパンくずリスト */
.breadcrumb-list {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 10px;
  background: #0061ca;
  color: #FFF;
  font-size: 0.750em;
}
.breadcrumb-list ol {
  list-style: none;
  display: table;
}
.breadcrumb-list ol li {
  display: table-cell;
  white-space: nowrap;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABGCAMAAADl2HRwAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMAD/YG0isL6OPJiYBOFN7ZqO/DnpB4cWRcRkE8NzIjG666t6GYlGrTVmufAAAA90lEQVQ4y5XVyQ6CQBRE0aKbQVAEcUTFWev//9AlC3NjYHsSAt316il4J3j2DhlQ0rqMQMnMcyD1DgOQXk4jUL50BaSTfQJS5SYHiqnfQBrsHkhzzxKgWPoJpCx4AaSdixpInW9El+ADkPZeXYH08J3ouvIHSAeHC5Bu7ojqwlsgLRwyIK2dRqAxYD+ko30G0sZNBMobb4B0to9AqrzMgWLq9S+NaQDS1kUNpNLtH+IX8mfwx/Mv80Hx8fKl8FVyADg2HLbJEW3dTR4HHiIePR5YHnMuB64ULiKuLy49rkou2DFCVOa8AiYvjt4exEuKV9vkhchr9AuJ0BdBmat45QAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: 100% center;
  background-size: 13px 35px;
}
.breadcrumb-list ol li:last-child {
  background-image: initial;
}
.breadcrumb-list ol li a {
  padding: 5px 1.3em 5px 5px;
  color: #FFF;
  display: block;
}

/* 画面の横幅が992px以上 */
@media screen and (min-width: 992px) {
  /* スクロールバーの装飾 */
  .breadcrumb-list.scroll-bar::-webkit-scrollbar {
    height: 10px;
  }

  .breadcrumb-list.scroll-bar::-webkit-scrollbar-track {
    background-color: #FFF;
  }

  .breadcrumb-list.scroll-bar::-webkit-scrollbar-thumb {
    background-color: rgba( 238, 238, 238, 0.8);
  }
}

/* フッターまわり */
.ft-contents-link-1 {
  background-color: #edf6ff;
  margin: 0 10px 5px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAMAAABf788oAAAAzFBMVEWZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZkzj5S4AAAAQ3RSTlMACgMBzAYskJ338LQWKDQhHNuyoKni6iTxHeO45d+t+QQq2Okw7oKhvWk5iuY4lmov7YOM6OSY3qMb164F+7kHzb4r0mYvrAAAAKZJREFUeF510eUOwjAUBeABwwcbMoa7u7v3/d+J9STt7ZrQf+dLmmtGx0wWQobyTMbYWJWWD6wWJchzYGkSqwtptqU4OUgxLKXSgIxI7CokEZHi1SFLkkwPEqfisRJkRtIfQIYk2RRkQjItc5gTLACu/mUlYL1B3mpld7KxfbAx74B8FK3bbnA454R8FuNftAVZV+Tb/e+SHxyeLxrh7cNHPdRXO+UPxaUp05oryIIAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: 98% center;
  background-size: 8px 14px;
}
.ft-contents-link-1 a {
  display: block;
  height: 50px;
}
.ft-contents-link-1 a div {
  float: left;
  overflow: hidden;
  width: 50px;
  height: 50px;
  position: relative;
}
.ft-contents-link-1 a div img {
  width: auto;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ft-contents-link-1 a p {
  float: left;
  display: block;
  padding-top: 12px;
  border-left: 3px solid #6FAFFF;
  height: 38px;
  padding-left: 10px;
  color: #444;
  font-weight: bold;
}
.ft-contents-link-1 a p span {
  font-size: 0.68em;
  color: #999;
  padding-left: 10px;
}
.ft-contents-link-2, .ft-contents-link-3 {
  /*margin: 0 9px 20px 11px;*/
  margin: 0 auto;
  width: 96%;
}
.ft-contents-link-2 ul li {
  background-color: #edf6ff;
  border-left: 3px solid #6FAFFF;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAMAAABf788oAAAAzFBMVEWZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZkzj5S4AAAAQ3RSTlMACgMBzAYskJ338LQWKDQhHNuyoKni6iTxHeO45d+t+QQq2Okw7oKhvWk5iuY4lmov7YOM6OSY3qMb164F+7kHzb4r0mYvrAAAAKZJREFUeF510eUOwjAUBeABwwcbMoa7u7v3/d+J9STt7ZrQf+dLmmtGx0wWQobyTMbYWJWWD6wWJchzYGkSqwtptqU4OUgxLKXSgIxI7CokEZHi1SFLkkwPEqfisRJkRtIfQIYk2RRkQjItc5gTLACu/mUlYL1B3mpld7KxfbAx74B8FK3bbnA454R8FuNftAVZV+Tb/e+SHxyeLxrh7cNHPdRXO+UPxaUp05oryIIAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: 98% center;
  background-size: 8px 14px;
  margin-bottom: 5px;
}
.ft-contents-link-2 ul li a {
  display: block;
  padding: 5px 10px;
  color: #444;
  font-weight: bold;
}
.ft-contents-link-3 ul li {
  float: left;
  width: 49%;
  display: table;
  moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #edf6ff;
  margin: 0 5px 5px 0;
}
.ft-contents-link-3 ul li:nth-child(2n) {
  margin-right: 0;
}
.ft-contents-link-3 ul li a {
  display: table-cell;
  height: 43px;
  vertical-align: middle;
  color: #444;
  font-size: 0.9em;
  font-weight: bold;
  padding: 0 18px 0 8px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAMAAABf788oAAAAzFBMVEWZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZkzj5S4AAAAQ3RSTlMACgMBzAYskJ338LQWKDQhHNuyoKni6iTxHeO45d+t+QQq2Okw7oKhvWk5iuY4lmov7YOM6OSY3qMb164F+7kHzb4r0mYvrAAAAKZJREFUeF510eUOwjAUBeABwwcbMoa7u7v3/d+J9STt7ZrQf+dLmmtGx0wWQobyTMbYWJWWD6wWJchzYGkSqwtptqU4OUgxLKXSgIxI7CokEZHi1SFLkkwPEqfisRJkRtIfQIYk2RRkQjItc5gTLACu/mUlYL1B3mpld7KxfbAx74B8FK3bbnA454R8FuNftAVZV+Tb/e+SHxyeLxrh7cNHPdRXO+UPxaUp05oryIIAAAAASUVORK5CYII=);
  background-position: 95% 50%;
  background-size: 8px 14px;
  background-repeat: no-repeat;
  line-height: 1.4;
}

#footer {
  margin: 0;
  padding: 10px 0 100px 0;
  text-align: center;
  background-color: #F3F3F3;
  font-size: 0.812em;
}
#footer a {
  color: #0B5DAA;
}

/*** コンテンツ共通部分 ***/
time.date-time {
  font-size: 0.750em;
  color: #999;
  text-align: right;
  display: block;
  line-height: 1em;
  margin: -5px 10px 10px 0;
}

.contents-body {
  margin: 0 10px 30px 10px;
}

.section-wrap {
  margin-bottom: 30px;
}

.two-box {
  margin: 0 auto 20px;
  max-width: 640px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.two-box li {
  width: 48%;
  float: left;
  margin-right: 10px;
}
.two-box li:nth-child(even) {
  margin-right: 0;
}
.two-box li a {
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
}
.two-box li a div {
  width: 100%;
}
.two-box li a img {
  width: 100%;
  height: auto;
}

.table-set {
  display: table;
  width: 100%;
  text-align: center;
}
.table-set li {
  display: table-cell;
}

.forecast-city-indexes {
  table-layout: fixed;
}
.forecast-city-indexes .index-telop {
  display: inline-block;
}

/* タブ切り替え(2tab) */
.common-change-tab {
  width: 100%;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}
.common-change-tab li {
  float: left;
  width: 50%;
  border-right: 2px solid #FFF;
  box-sizing: border-box;
  border-top: 10px solid #FFF;
  background-color: #d9d9d4;
  color: #828282;
}
.common-change-tab li:last-child {
  border-right: 0;
}
.common-change-tab li.selected {
  padding: 18px 10px 10px 10px;
  background-color: #1d53a4;
  color: #FFF;
  border-top: 0;
}
.common-change-tab li a {
  display: block;
  padding: 8px 10px 10px 10px;
  color: #1d53a4;
}
.common-change-tab li a.selected {
  background-color: #1d53a4;
  color: #FFF;
  border-top: 0;
}


/* 吹き出し型のセレクトボタン(タブ４つ) */
.common-select-btn {
  margin: 15px 0px 10px 0px;
}
.common-select-btn li {
  float: left;
  width: 25%;
  text-align: center;
  position: relative;
  border-left: 2px solid #FFF;
  box-sizing: border-box;
}
.common-select-btn li:first-child {
  border-left: 0;
}
.common-select-btn li a {
  display: block;
  padding: 10px 0 11px;
  color: #1d53a4;
  font-weight: bold;
  background-color: #d9d9d4;
}
.common-select-btn li.selected {
  background-color: #1d53a4;
  color: #FFF;
  padding: 10px 0;
}
.common-select-btn li.selected:after {
  top: 100%;
  left: 40%;
  border-top: 8px solid #1d53a4;
  border-bottom: 8px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
}

/* 吹き出し型のセレクトボタン(複数タブ対応) */
.common-select-tab-wrap {
  margin-bottom: 10px;
}
.common-select-tab {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.common-select-tab li {
  display: table-cell;
  text-align: center;
  position: relative;
}
.common-select-tab li a {
  display: block;
  padding: 10px 0;
  background-color: #d9d9d4;
  color: #1d53a4;
  font-weight: bold;
  border-right: 2px solid #FFF;
  font-size: 0.875em;
}
.common-select-tab li:last-child a {
  border-right: 0;
}
.common-select-tab li a.selected {
  background-color: #1d53a4;
  color: #FFF;
}
.common-select-tab li a.selected:after {
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  top: 100%;
  left: 50%;
  pointer-events: none;
  border: solid transparent;
  border-color: rgba(1, 96, 194, 0);
  border-top-color: #1d53a4;
  border-width: 7px;
  margin-left: -7px;
}
.common-select-tab li img {
  background-color: #FFF;
  border: 3px solid #FFF;
  border-radius: 4px;
}
.common-select-tab li p {
  line-height: 1.4;
  margin-top: 5px;
  font-size: 0.875em;
}

/* プルダウンのセレクトボタン */
.common-select-pull-down-wrap {
  margin: 0 auto 10px;
  width: 300px;
  height: 40px;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  z-index: 10;
  background: #d7e6ff; /* Old browsers */
  background: -moz-linear-gradient(left,  #d7e6ff 0%, #d7e6ff 82%, #0b5daa 82%, #0b5daa 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #d7e6ff 0%,#d7e6ff 82%,#0b5daa 82%,#0b5daa 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #d7e6ff 0%,#d7e6ff 82%,#0b5daa 82%,#0b5daa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e6ff', endColorstr='#0b5daa',GradientType=1 ); /* IE6-9 */
}
.common-select-pull-down-wrap select {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  outline: none;
  background-color: transparent;
  width: 300px;
  height: 40px;
  border: none;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 1em;
  padding-left: 15px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQBAMAAAD+CqKmAAAAKlBMVEX///////////////////////////////////////////////////////9q+00tAAAADXRSTlMACvXVKl+gKdZeoWCfSpJRgAAAAGZJREFUeF5lzdEJQAAURuGjIKVSVvCqMoCSCSygLODFBgZRZiJSurvA7VL5nv7z9JPIa8DNLOYSGosD8C0mwCk09hig0ki5eRo1j+6OTbde5agg0xM1iqyYSKTFOMUS8+pTPmHNzwkEu0VMg7k75wAAAABJRU5ErkJggg==);
  background-size: 12px 8px;
  background-position: 267px 50%;
  background-repeat: no-repeat;
  z-index: 15;
  &::-ms-expand {
    display: none;
  }
}

/* infomation-table */
.common-info-table {
  width: 100%;
  margin-bottom: 20px;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  font-size: 0.875em;
  background-color: #FFF;
}
.common-info-table th {
  width: 40%;
  padding: 5px;
  text-align: left;
  font-weight: normal;
  background-color: #F4F4EE;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  vertical-align: middle;
}
.common-info-table td {
  width: 60%;
  padding: 5px;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  vertical-align: middle;
}
.common-info-table td a {
  display: block;
  color: #0B5DAA;
}
.common-info-table td.text-url {
  word-break: break-all;
}

.common-info-table .common-info-point-map table {
  margin: 0;
  padding: 0;
  border: 0;
}
.common-info-table .common-info-point-map table th,
 .common-info-table .common-info-point-map table td {
  margin: 0;
  padding: 0;
  border: 0;
}
.common-info-table .common-info-point-map table th a,
 .common-info-table .common-info-point-map table td a {
  display: block;
}

/* 基本のテーブル(4分割) */
.common-list-entries {
  width: 100%;
  border-top: 1px solid #CCC;
}
.common-list-entries th {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #F4F4EE;
  font-size: 0.750em;
  padding: 5px;
  vertical-align: middle;
  line-height: 1.4;
}
.common-list-entries td {
  font-size: 0.875em;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
  width: 25%;
  padding: 5px;
  vertical-align: middle;
}
.common-list-entries th:last-child,
.common-list-entries td:last-child {
  border-right: 0;
}

/* リスト・アコーディオン表示 */
.common-category-list-entries {
  margin: 10px;
}
.common-category-list-entries.section-wrap {
  margin-bottom: 30px;
}
.common-category-list-entries .common-category-map-list-entries {
  display: none;
}
.common-category-list-entries > li {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  background-color: #EDF6FF;
}
.common-category-list-entries > li:first-child {
  border-radius: 5px 5px 0 0;
}
.common-category-list-entries > li:last-child {
  border-bottom: 1px solid #CCC;
  border-radius: 0 0 5px 5px;
}
.common-category-list-entries > li > p > a {
  display: block;
  padding: 10px;
}
.common-category-list-entries > li > ul > li {
  margin: 0 10px;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAeCAMAAAASJ24jAAAAP1BMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVXjUFXsAAAAFHRSTlMA6pks8NvTyr2whWlBJBUPpntaT7B8X0MAAAB2SURBVBjTZdFXDoAgEARQlWYFy97/rJohcSCzny8L2waXbBraSGZ2tmBfdDkRchF2Q2yUu8pD2arslBXgHWWCjAdlgYRMmSGx/FAiZGZKDpCFcoyQleI8SgnoE/1Uy2pjbF2G0/F1QbpCXXLoz6CH0lO65Ltjv5mmDYwCiWm/AAAAAElFTkSuQmCC);
  background-size: 7px 13px;
  vertical-align: middle;
}
.common-category-list-entries > li > ul > li > a {
  display: block;
  padding: 10px;
  border-top: 1px solid #CCC;
  position: relative;
}
.common-category-list-entries span.arrow {
  font-size: 0.625em;
  color: #999;
  margin-right:5px;
}
.common-category-list-entries .common-category-map-list-entries {
  border-top: 1px dotted #CCC;
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
}
.common-category-list-entries .common-category-map-list-entries li:first-child a {
  border-top: none;
}
.common-category-map-list-entries li span.grey {
  display: block;
  padding: 10px;
  border-top: 1px solid #CCC;
}
.common-category-map-list-entries li .rank-img {
  position: absolute;
  top: 10px;
  left: 55%;
}
.common-category-map-list-entries li .rank-telop {
  font-size: 0.750em;
  margin-left: 5px;
}

.common-category-map-list-entries li .name {
  font-size: 0.875em;
}
.common-category-map-list-entries li .img-box {
  position: absolute;
  top: 6px;
  right: 42%;
}
.common-category-map-list-entries li .temp {
  font-size: 0.875em;
  position: absolute;
  top: 10px;
  right: 22%;
}
.common-category-map-list-entries li .precip {
  font-size: 0.875em;
  position: absolute;
  top: 10px;
  right: 5%;
}

/* リスト・アコーディオン表示(2列) */
.common-list-entries-2-lines {
  margin: 10px;
}
.common-list-entries-2-lines li {
  float: left;
  width: 49.5%;
  display: table;
  moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #edf6ff;
  margin: 0 3px 3px 0;
}
.common-list-entries-2-lines li:nth-child(2n) {
  margin-right: 0;
}
.common-list-entries-2-lines li a {
  display: table-cell;
  height: 43px;
  vertical-align: middle;
  color: #444;
  padding-left: 10px;
  padding-right: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAVCAMAAACqsJS4AAAAZlBMVEUAAACzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Nj9GtKAAAAIXRSTlMA4dzPKfXmjzwG7tWnhXhNIBYRC8a+tJluZGNZRkM0GxqY8fk6AAAAc0lEQVQY00XOWRKDMAwD0CRQGgqUfV9z/0sSB8v47814JClrklLJGefcIoq83B+KE+IXrAwxT5l1eB5aZtsTu4aZ5sTsBEeijpFVECOo0V6fN/dtvTJABhQ8TmOrLJ0eHD/C/MAGrJwdekoFeWyA2rWxghsdOgwxXC6nxAAAAABJRU5ErkJggg==);
  background-position: 95% 50%;
  background-size: 6px 10px;
  background-repeat: no-repeat;
  line-height: 1.4;
}
.common-list-entries-2-lines li.selected {
  height: 43px;
  background-color: #f4f4ee;
  padding-top: 10px;
  padding-left: 10px;
}

.common-list-entries-2-lines li .img-box {
  float: left;
  margin: 5px 5px 5px 0;
}
.common-list-entries-2-lines li p {
  font-size: 0.750em;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-box-flex: 1.0;
  -moz-box-flex: 1.0;
  -o-box-flex: 1.0;
  -ms-box-flex: 1.0;
  line-height: 1.4;
  height: 45px;
}

/* 地方、都道府県リストをボタン表示 */
.common-select-list {
  background-color: #edf6ff;
  padding: 10px 10px 0 10px;
  margin: 10px 0 30px 0;
}
.common-select-list h4.common-select-list-sub-title {
  margin: 0 0 5px 0;
  font-size: 1em;
}
.common-select-list a,ß
.common-select-list span {
  padding: 6px 10px;
  background-color: #FFF;
  display: inline-block;
  margin: 0 7px 7px 0;
}
.common-select-list a.selected {
  background-color: #0061ca;
  color: #fff;
  opacity: 1;
  text-decoration: none;
}
.common-select-list a {
  color: #444;
}

/* 地方、都道府県のリスト表示（2列）・背景白 */
#forecast-list-entries {
  margin: 10px 0px;
  border-bottom: 1px solid #eee;
  font-size: 0.750em;
}
#forecast-list-entries li {
  float: left;
  width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #eee;
}
#forecast-list-entries li:nth-child(odd){
  border-right: 1px solid #eee;
}
#forecast-list-entries li:nth-last-child(-n+2){
  border-bottom: 1px solid #eee;
  margin-bottom: -1px;
}
#forecast-list-entries a {
  padding: 2px 2px 2px 5px;
  width: 100%;
  display: table;
  box-sizing: border-box;
}
#forecast-list-entries a:hover{
  background-color: #EDF6FF;
}
#forecast-list-entries a .name {
  width: 53%;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.4;
}
#forecast-list-entries a .forecast-weather {
  display: table-cell;
  text-align: center;
}
#forecast-list-entries a .temp-precip {
  text-align: center;
}
#forecast-list-entries a .max-temp {
  color: #FF0000;
}
#forecast-list-entries a .min-temp {
  color: #0096FF;
}
#forecast-list-entries a .prob-precip {
  margin-left: 5px;
}


/* おすすめ情報 */
.common-recommend-entries-wrap {
  background-color: #edf6ff;
  padding: 10px 0;
  margin-bottom: 30px;
}
.common-recommend-entries-box {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 8px 0;
  max-width: 640px;
  margin: 0 auto;
}
.common-recommend-entries-box li {
  display: table-cell;
  height: 1em;
}
.common-recommend-entries-box li a {
  display: block;
  border: 1px solid #EEE;
  border-radius: 4px;
  background-color: #FFF;
  font-size: 0.875em;
  /*height: 100%;*/
  min-height: 100%;
}
.common-recommend-entries-box li .img-box {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 4px 4px 0 0;
  padding-top: 75%;
  margin: 0 auto;
}
.common-recommend-entries-box li img {
  display: inline-block;
  width: 100%;
  height: auto;
  border-radius: 4px 4px 0 0;
  position: absolute;
  top: 0;
  left: 0;
}
.common-recommend-entries-box li p {
  color: #444;
  text-align: center;
  padding: 10px 5px;
  line-height: 1.0;
}
/*.common-recommend-entries-box li p.title-long {
  padding: 10px 0;
}*/

/* カード型（横2つ） */
.common-card-type-box {
  margin: 0 auto 20px;
  max-width: 640px;
  position: relative;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.common-card-type-box li {
  margin-right: 10px;
  text-align: center;
  float: left;
  width: 48%;
  font-size: 0.875em;
}
.common-card-type-box li:nth-child(even) {
  margin-right: 0;
}
.common-card-type-box li:last-child a, .common-card-type-box li:nth-last-child(2) a {
  margin-bottom: 0px;
}
.common-card-type-box li a {
  display: block;
  border: 1px solid #EEE;
  border-radius: 4px;
  margin-bottom: 10px;
}
.common-card-type-box li a .img-box {
  height: 110px;
  overflow: hidden;
}
.common-card-type-box li a img {
  width: 100%;
  height: auto;
  border-radius: 4px 4px 0 0;
}
.common-card-type-box li a p {
  padding: 5px 0;
}

/* 長方形のリンクボタン・背景水色 */
.common-link-btn-rectangle {
  background-color: #edf6ff;
  padding: 10px;
  margin-bottom: 10px;
}
.common-link-btn-rectangle li {
  margin-bottom: 10px;
}
.common-link-btn-rectangle li a {
  display: block;
  position: relative;
  background-color: #FFF;
  padding: 10px 5px 10px 10px;
}
.common-link-btn-rectangle li a:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 3px;
  right: 3px;
  border-top: 4px solid transparent;
  border-right: 4px solid #0061ca;
  border-bottom: 4px solid #0061ca;
  border-left: 4px solid transparent;
}
.common-link-btn-rectangle li .img-wrap {
  font-size: 0.875em;
}
.common-link-btn-rectangle li .img-box {
  float: left;
  margin-right: 10px;
}
.common-link-btn-rectangle li .img-box img {
  vertical-align: middle;
}
.common-link-btn-rectangle li .date-value {
  padding-top: 2px;
}


/* 注釈box */
.box-information,
.box-information-left {
  margin: 10px;
  padding: 10px;
  text-align: center;
  font-size: 0.750em;
  line-height: 1.5;
  background-color: #edf6ff;
}
.box-information-left {
  text-align: left;
}

/* 注意書き */
.text-attention-right {
  text-align: right;
  font-size: 0.750em;
  margin: -5px 0 10px;
}

.text-attention-left {
  text-align: left;
  font-size: 0.750em;
  color: #999;
  margin: 0 10px;
  line-height: 1.4;
}

/* オフシーズン対応 */
.off-season-box {
  background-color: #FFF;
  border: 2px solid #CCC;
  margin: 10px;
  padding: 10px;
  font-size: 0.875em;
  line-height: 1.4em;
  display: flex;
  align-items: center;
}
.off-season-box img {
  flex: none;
  margin-left: auto;
  margin-top: auto;
  margin-bottom: auto;
}
.off-season-box p {
  margin: auto auto auto 10px;
}
.off-season-box p span {
  font-size: 0.875em;
  display: inline-block;
}

/*** アプリ誘導枠 ***/
.app-banner-wrap {
  position: relative;
  background: url(https://static.tenki.jp/images/banner/lite_app_bnr_bg.webp), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABIAQMAAAANjA1uAAAABlBMVEUnRXz///8OimJOAAAADUlEQVR4XmNoYBhUAABIEACBgNLaNgAAAABJRU5ErkJggg==);
  background-size: 640px 72px, 1px 72px;
  background-position: center 0, center 0;
  background-repeat: no-repeat, repeat;
}
.app-banner-wrap a {
  display: block;
  padding-left: 80px;
  height: 72px;
}
.app-banner-wrap:after {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 40px;
  height: 38.5px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABNCAMAAAAGhxPaAAAASFBMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/////Jib/9PT/xcX/a2v/6en/0dH/nJz/qqr/fX3/uLj/WFj/3d3/jY3/QkJaG9hxAAAACHRSTlMAt8wR3u4Pn+tA4mgAAAIFSURBVFjD7dTLctswDAVQ1E1bAiRB8f3/f1rASlN61UhEd8F4PKPNGV5cSvDv+f5wOj/WeVvn8Xfgc95n5839MvW+AXx5X95/8WYwPt+BwdI7RSNvEW28VTTzamJmFW08cj6FWukUM+155MiPJfXAsuVNjq76ZY8Y9vJS8pFwSNLOiM4lDFveKdbuqKd6VGoo4o43QxNxHIXPKnrXPW6cr3UMLfkDD6czMDoVaeM+F/bUsUc1yIdnM+GuN0+yoI73FDxt9VEwnjmPjH6M48Bxw/v54UWs593LbmL3ur09zz8PWM52cxJx08tBjIpNn3InEfc8yRt8wPK+TlJxx/N6lRnf19YkPiWMdzzKpHkpMWXUU1EgR1UsqnTd03KL9DH1JcYiqWPn5rb64KR9TOlDUwf53/MECtpHxSGpJXnklCNd9eCxfER9PPsQTcyWJXy+6oH7mIGyOO1jOvqTN7bFuw66gM8+WuJWT2rxLoMZ5efj2UdjDHTDW0ESqUhqSqzU8P2OB24RuWjNnWfSvHPd30VwVb3eGTxe93cfnMxl6BWqq7cBRp4ZSb//i7cB6jQsr3l3QYf5xdsHOayeAVji4lmAbscDaw+sPbD2wNoDaw+sPbD2wNoDaw+sPbD2wNoDaw+sPbD2wNoDaw+sPbD2wNoDaw+sPbD2wNoDaw+sPbD2wNr7DftwU2MhO99JAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 40px 38.5px;
}
.app-banner-wrap .text1 {
  position: relative;
  color: #FFF;
  font-weight: bold;
  width: 210px;
  margin: 0 auto;
  padding-top: 20px;
  line-height: 1.3;
}
.app-banner-wrap .text1:before {
  position: absolute;
  content: "";
  left: -65px;
  top: 7px;
  width: 53px;
  height: 58px;
  background-image: url(https://static.tenki.jp/images/icon/logo/icon_tenkijp_106_116.png);
  background-repeat: no-repeat;
  background-size: 53px 58px;
}
.app-banner-wrap .text2 {
  width: 210px;
  font-size: 0.74em;
  color: #FFF;
  margin: 0 auto;
  line-height: 1.3em;
  margin-top: 2px;
}

/* 山アプリ誘導枠 */
.yama-app-banner-wrap {
  background: url('https://static.tenki.jp/images/icon/yama_background.jpg');
  background-size: 640px 72px;
  background-position: center 0;
  background-repeat: no-repeat;
  max-width: 640px;
  margin: 20px auto 0;
}
.yama-app-banner-wrap a {
  display: block;
  padding-left: 80px;
  height: 72px;
}
.yama-app-banner-wrap .text1 {
  color: #0e5830;
  position: relative;
  font-weight: bold;
  width: 210px;
  margin: 0 auto;
  padding-top: 8px;
}
.yama-app-banner-wrap .text2 {
  color: #0e5830;
  width: 210px;
  font-size: 0.74em;
  margin: 0 auto;
  line-height: 1.3em;
  margin-top: 2px;
}
.yama-app-banner-wrap .text1:before {
  background-image: url('https://static.tenki.jp/images/icon/tenkijp_yama.png');
  position: absolute;
  content: "";
  left: -65px;
  top: 7px;
  width: 53px;
  height: 58px;
  background-repeat: no-repeat;
  background-size: 53px 58px;
}

.ft-sns-box {
  margin: 10px 5px 30px;
}
.ft-sns-box .text {
  color: #6fafff;
  font-size: 0.750em;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: center;
}
.ft-sns-box ul {
  /*display: table;*/
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 10px 0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
}
/*.ft-sns-box ul li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}*/
.ft-sns-box ul li.tw-icon {
  padding-top: 5px;
}
/*.ft-sns-box ul li.fb-icon {
  vertical-align: top;
}*/

/* 天気予報メニュー */
.forecast-link-box {
  margin: 0 0 20px 0;
}
.forecast-link-box ul {
  display: table;
  table-layout: fixed;
  width: 100%;
  font-weight: bold;
}
.forecast-link-box ul li {
  display: table-cell;
  background-position: 5px center;
  background-color: #edf6ff;
  border-top: 2px solid #0061ca;
  box-shadow: -2px 0px 0 rgba(255,255,255,1);
  font-size: 0.750em;
}
.forecast-link-box ul li a {
  height: 33px;
  padding: 10px 0 0 25px;
  display: block;
  font-weight: bold;
}

/* pager */
.pager-index {
  display: inline-block;
  font-size: 0.750rem;
  margin: 0 10px 0;
}
.pager {
  margin: 0 10px;
}
.pager-entries {
  text-align: center;
}
.pager-entries li {
  display: inline-block;
  margin-bottom: 5px;
}
.pager-entries li span {
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #EEE;
  display: block;
}
.pager-entries li a {
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #d2e6ff;
  display: block;
}
.pager-entries li strong {
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #eeeeee;
  display: block;
}

/***    検索box   ***/
#search-form, #leisure-search-form, #hd-search-form {
  margin-bottom: 10px;
  text-align: center;
}
#search-form .search-input, #leisure-search-form .search-input,
#hd-search-form .search-input {
  padding: 6px 5px;
  border-top: 1px solid #CCC;
  border-right: 0;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-radius: 4px 0 0 4px;
  vertical-align: top;
  width: 70%;
  line-height: 1;
  height: 26px;
}
#search-form button, #leisure-search-form button,
#hd-search-form button {
  padding: 8px 13px;
  background-color: #0061ca;
  color: #FFF;
  border-style: none;
  border-radius: 0 4px 4px 0;
  line-height: 1;
  height: 40px;
}


/* ボタン */
.common-btn-blue {
  position: relative;
  text-align: center;
  margin: 0 10px 30px 10px;
}
.common-btn-blue a {
  color: #FFF;
  display: block;
  padding: 10px 10px 10px 40px;
  background-color: #6FAFFF;
  border-bottom: 3px solid #0B5DAA;
  background-image: url(/images/icon/more_dots.png);
  background-size: 32px 7px;
  background-position: 5px 50%;
  background-repeat: no-repeat;
  border-radius: 4px;
}
.common-btn-blue a::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 6px;
  right: 4px;
  border-top: 5px solid transparent;
  border-right: 5px solid #0061ca;
  border-bottom: 5px solid #0061ca;
  border-left: 5px solid transparent;
}
.common-btn-blue a:hover {
  opacity: 0.6;
}
.common-btn-yellow {
  border-bottom: 4px solid #f89300;
  margin: 0 0 30px 0;
  background-color: #ffca6f;
  border-radius: 4px;
}
.common-btn-yellow a {
  position: relative;
  display: block;
  color: #FFF;
  font-weight: bold;
}
.common-btn-yellow a::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 4px;
  right: 4px;
  border-top: 5px solid transparent;
  border-right: 5px solid #f89300;
  border-bottom: 5px solid #f89300;
  border-left: 5px solid transparent;
}

/* もっと見るボタン */
.more-link-box {
  text-align: center;
}
.more-link-box a {
  position: relative;
  padding: 1px 24px 0px 36px;
  display: inline-block;
  background-color: #f4f4ee;
  border-bottom: 2px solid #adadad;
  margin-top: 5px;
  text-align: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAEBAMAAAB1mqLfAAAAIVBMVEX///8BYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYML9nNi8AAAACnRSTlMAOUlbw9nl6+7wzP3ZbQAAAB5JREFUeF5jsExkUC9iEJvM0LWEIWopg9cKOAMuBQCyywn3eEkFxgAAAABJRU5ErkJggg==);
  background-size: 16px 4px;
  background-position: 10px 50%;
  background-repeat: no-repeat;
  font-size: 0.875em;
}
.more-link-box a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 3px;
  right: 3px;
  border-top: 4px solid transparent;
  border-right: 4px solid #0061ca;
  border-bottom: 4px solid #0061ca;
  border-left: 4px solid transparent;
}
.common-more-link {
  text-align: right;
}
.common-more-link a {
  padding-left: 17px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAA1VBMVEUBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIFdXVxAAAARnRSTlMA+egCAdv8PvNJymIDISiJP2PrzIrDwkZH9sVcxIvs4NwxJx3hM0AWcmH+5i7e/TBTb0rt8kJI+O73EiDLshhY9TRe4yJgSmPRSQAAAQdJREFUeF5d09duwzAMhtFfHrHjmdhJM+q0abr33nvp/R+psExQYr874QACQUigEERl4ynlNaMogMxPQ82Fqe9anmhRklvbqwi4KgI1UQycmna2uiEQxavWsoQg2d0/6FlNMgAp2dE2gHVHh0AQEnqA1DDAgA+fRr+sDlAyfv8Y/WUtMdbcTm708IxwDZ62bXZ6yVMo7epzi8Fxh0pidYK2U0Jx7ca5sQu+duzYlrErxQON2K476/MUpbOEW2N393YJdn0PxqaPbKEPDAl7TwAmM7F4ZC+kr2/++4e1OgOAItbUTNviAs58MtUHSOP/FrMBRS2tLuSjXlpa8qNmjhbz9jvMFxHTH/eOg07IL9mfAAAAAElFTkSuQmCC);
  background-position: left 4px;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  display: inline-block;
  margin-bottom: 20px;
  color: #0b5daa;
  font-weight: bold;
}

/* 現在地ボタン */
.current-place-button {
  height: 55px;
  font-size: 1.125em;
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(0,0,0,0.6);
  border-radius: 4px;
  z-index: 1000;
}
.current-place-button a {
  position: relative;
  display: block;
  height: 100%;
  padding: 0 10px;
}
.current-place-button a span {
  position: relative;
  top: 28px;
  font-size: 0.687em;
  color: #FFF;
  /*font-family: Meiryo, メイリオ;*/
}
.current-place-button a span:after {
  position: absolute;
  content: "";
  left: 33%;
  top: -25px;
  width: 20px;
  height: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMADPXq2mTDjy2lPTP6rIpIs51e8M9UJgZ5Fbpx4pmDHsVqpyDEtQAAAiFJREFUWMO1mOtyqzAMhGWMzS0ESiCEJulF7/+QZ2DOlGBbshja7zdjMNLuygaa3GRtqhPERKdtZnLYi+pqjQ667hTIKYsEgyRFCTIaiwy2gTi5xQg2Bx6VoYBMAUOVooi0AhJzQiEnAwRn3MEZgrzhLt7ka8hXke/lwu7IoIR++5hxaiuqy7v62NZoU2kl6o/nCNbpFwUroj69AYzuB2cvesE4yTDLG11WHVmMohcPuPlq/NG+QCxXmHlHj0b8IXaChQtSn1JijGKEhQoDlDBTYIQP+M89+IalRxKx6utg2eZe6SJqefFUjSG6ZXmOx4uhXjFIvSzP0E9xkepIt7arNpgK5KwHZLDhgWEMp707bPik39VyilvhythCSinOi5YnKSyqOP0nuKSkwiEhjBBcJtpqIJwGI3gMSAKEEXpwZQxs5zRAiJ7ZjvYUV0IIhSQaUt8IHaIemrrN9jXtHxla53/VCggsJzETimiVN9/n4kuvHaeYnDUbKzBTNdyzur84tY64ef5qSolX7v5nkRtTnJg9zqVaY4u2x06SFiMTCV0sMlLwYsuPjGh4VU5sEeEFpWDSbJGkjAf6w0lyDysZLcrIFNRIhpzn/MB39EP4ANMj++9z2eDXcFGbCUfQwk1yfwSND8MXRTb1qRKP5QN5djBy56qp2DrvOKok19848LTRNY4f344fJI8faY8fro8f849fOBy/+vjLS5jj10H/AM5Al+kOuiRbAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

/* snsボタン */
.lite-sns-box-buttons {
  margin: 0px 5px 30px 5px;
}
.lite-sns-box-buttons ul {
  width: 100%;
  display: table;
  border-collapse: separate;
  border-spacing: 5px 0;
  table-layout: fixed;
}
.lite-sns-box-buttons ul li {
  display: table-cell;
  border-radius: 4px;
  position: relative;
}
.lite-sns-box-buttons ul li.tweet-btn,
.lite-sns-box-buttons ul li.facebook-btn,
.lite-sns-box-buttons ul li.line-btn {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.lite-sns-box-buttons ul li a{
  display: block;
  position: absolute;
  width: 100%;
  height: 61px;
}
.lite-sns-box-buttons ul li.tweet-btn {
  background-color: #31A5DE;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAA4CAMAAAB32H4HAAAAe1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////NgkbwAAAAKHRSTlMAtuCqEPM9aPjRRyjt5goFFcsb18TApJJ1MCEMu5d7YlTaoIlvNYFdcPHiqAAAAe9JREFUSMed1dmyojAUBdAdwjyLoqgMzjf//4UNt2NT0CHTerKouCvnZIKBpCdZyEKHNBdY82s2Iz7+OT8K/KquUHEpW3rw/8SEPfkYSpT1OGxtP1b2fo7fvZJPhrGjIiVl/8uIxyYBH9SMvztpRQ7bRsG1bHQssIlKUup86jJGf2fcuptrJJtLjqSPprryb88SiLXbKaShGe+syzjvByIXpnDIecwXLQUxL0VKxLsRzp/SQNngtd23p9EiO8bKXppCcnCnVfwNC5kspZcsqNNUmKWSFEcx7fZ1AXfXjbmJhzwCf2of0YuRjvSi2tGOqTJm5zBnuCVwTu1i6Bxz9k7+dC/ZOC3PjFcTq5hmjilCZi3GrLaPcfWPsO56l5ZVrV+Ck23M8hC7mXVr1Je2Wo2VwSomwNqPRZtDwZP03hvHPCBQvEyP1RliMTFJIYKEa3qP7h4z8YZAZ37ViFSGS+VdINSYxfTYYNTfXYEN153BzkuwKdefzwCZQHPJO8iVz4yptQVUCr+nB0V7r9BREXlKCR1BKn9vXWiII8UZyKGUD4oQ9oFKeaOq9c7izSLi99mPh8/xzpSO2811tR+pfQyZhOqEOEEBhaRTNSUaCmi4BpKdm3Y+tFUBTUV79unDVHL70IPzW2GYReQU+Dm0/AHm42nRZseFmAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: 35px 28px;
  background-position: center center;
}
.lite-sns-box-buttons ul li.facebook-btn {
  background-color: #385691;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA4CAMAAADdG7i7AAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMA+pzQMWCx9uBHkIBS7NzYysCtljYM7saJcmdZHhStwoq7AAAAhElEQVQ4y+3QSQ7CMBAFURtIPGZOmOn7HxMpQlYiQrGApWv7Nt1frZqc7+qjltQSH6GS1Bu7RuQzRyvA91aIvSaeWiF2FvlSIZ8NsmferQ63ZV/ObbEeVGqDG4e8H5kP/+JiLnbLt8KteKWEMsw18wlZ98wDc2C+MkdkM34ZNXPmzD/yEzpBZUsyuZkAAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 15px 28px;
  background-position: center center;
}
.lite-sns-box-buttons ul li.line-btn {
  background-color: #00c300;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABKCAMAAAAbgiNiAAAAolBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8ELnaCAAAANXRSTlMAUJCABxXAnycD+9jlD4hg7gzyr3Yb6rd7cE0+90Hj0s6yllQ0qlj0jYQt3V1GyKVrIyEfYt+Uuj4AAAM6SURBVFjDrdfZdqowGIbhTw3IUChUEXEG0VZbtcP+7//WdgO1SSpqFJ4TlxZeEwJxFRfYth2N+lk6nwUTokkwm6dZfxR9f4w72MxK0hlVmKWJxexba3nbpQvcdn5DkxnJgq5aJAbTy0X+M2l59qPrSdvwHdLm+MaViYePA7rJ4DG8NNutSTczt+z88By6g3NukEZGd8oMVIhMupsZ4cTHnGqYf+CPT5dqcT+hMPZU095Q1ndFta3ktR5SA4aiN6ZGjH8n7FIj3FCecIOTNp6oIU8GuA01ZsN7XkCySdW754qPnkrKZhx4AN6UQR86sSPOXXV6/J057B4vixN3Ds/8Zdj/sZKH8AbAJEkXgPg9Scs/v9pi4RYADvxFWJFgAp5DkhaANh39Q1HqFqeJq7QkakNISHA8jEg24kFlAp2foDEnrgNgVAZtxoWWqQZ8Oj/CRymIcXAMtsrg1udelB75iHWDSP4E11QhhqsdxEENLqmCiye9oM3v2IUS3LkFR31YQHpBi+/xeSAHjTE3TQYk0w3uYgbgXQSFFzXo6AWnRQpdXwQrd2cHA90gLfllbIlgaBVGyrIGcLWDMwvfRHBsFoI/q9zTDlJxGa/cNik2J8HsXJD868ENRifBfz0uDk6DtJaDeY9LX0m2gzf5uzmEBhctA3lzGBP3YElBVh43nZMwCQFTHaGQFiMcykEyWbnbvEDokxCrO7Z64J6X+KItpJutXa6aCSFTZ6j+pgw6y1ZpnTkUbNY+3++zdX/2+5XLYUA0aa9bpWVHOn/GTh+dhx+D8gtIflE+Oh5Ikndw0RM1ZBai0KGGrFHyXqkRsY0fO2pCYOGX38yEBS+l2nzIvuZU08GDIhcL09B/KrlLNSw+cGJr0t3mFip8du8en4VKRuLcd/0snMHGe7rd6gvnfSU37xS+gUvYNqObvHu4wssz/Uv5sGO4zrMSzQcntqCHRdMXjRu9Y0BfGOXJakYXBK0Qt2FeZO2S7pmnPLVsyPSrxqgi6fDVvZdtnT5sOUMdrt5q6FPvon3OUJO82k7fQ13MEb14y1Dblo4G6xANeDvOtm3YaMKGCj3LRjO6PGdObTRlORmsdHP/AXcTz1YV4+jaAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 40px 37px;
  background-position: center center;
}

/* snsボタン(ver2) */
.lite-sns-box-buttons2 {
  margin: 0px 5px 30px 5px;
}
.lite-sns-box-buttons2 ul {
  width: 100%;
  display: table;
  border-collapse: separate;
  border-spacing: 5px 0;
  table-layout: fixed;
}
.lite-sns-box-buttons2 ul li {
  display: table-cell;
  border-radius: 4px;
  position: relative;
}
.lite-sns-box-buttons2 ul li.tweet-btn,
.lite-sns-box-buttons2 ul li.facebook-btn,
.lite-sns-box-buttons2 ul li.line-btn {
  white-space: nowrap;
  overflow: hidden;
}
.lite-sns-box-buttons2 ul li a{
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  color: #fff;
  text-align: center;
  padding-top: 1.3em;
  box-sizing: border-box;
  font-size: 0.850em;
}
.lite-sns-box-buttons2 ul li.tweet-btn {
  background-color: #31A5DE;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAA4CAMAAAB32H4HAAAAe1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////NgkbwAAAAKHRSTlMAtuCqEPM9aPjRRyjt5goFFcsb18TApJJ1MCEMu5d7YlTaoIlvNYFdcPHiqAAAAe9JREFUSMed1dmyojAUBdAdwjyLoqgMzjf//4UNt2NT0CHTerKouCvnZIKBpCdZyEKHNBdY82s2Iz7+OT8K/KquUHEpW3rw/8SEPfkYSpT1OGxtP1b2fo7fvZJPhrGjIiVl/8uIxyYBH9SMvztpRQ7bRsG1bHQssIlKUup86jJGf2fcuptrJJtLjqSPprryb88SiLXbKaShGe+syzjvByIXpnDIecwXLQUxL0VKxLsRzp/SQNngtd23p9EiO8bKXppCcnCnVfwNC5kspZcsqNNUmKWSFEcx7fZ1AXfXjbmJhzwCf2of0YuRjvSi2tGOqTJm5zBnuCVwTu1i6Bxz9k7+dC/ZOC3PjFcTq5hmjilCZi3GrLaPcfWPsO56l5ZVrV+Ck23M8hC7mXVr1Je2Wo2VwSomwNqPRZtDwZP03hvHPCBQvEyP1RliMTFJIYKEa3qP7h4z8YZAZ37ViFSGS+VdINSYxfTYYNTfXYEN153BzkuwKdefzwCZQHPJO8iVz4yptQVUCr+nB0V7r9BREXlKCR1BKn9vXWiII8UZyKGUD4oQ9oFKeaOq9c7izSLi99mPh8/xzpSO2811tR+pfQyZhOqEOEEBhaRTNSUaCmi4BpKdm3Y+tFUBTUV79unDVHL70IPzW2GYReQU+Dm0/AHm42nRZseFmAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: 17px 14px;
  background-position: center 20%;
}
.lite-sns-box-buttons2 ul li.facebook-btn {
  background-color: #385691;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA4CAMAAADdG7i7AAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMA+pzQMWCx9uBHkIBS7NzYysCtljYM7saJcmdZHhStwoq7AAAAhElEQVQ4y+3QSQ7CMBAFURtIPGZOmOn7HxMpQlYiQrGApWv7Nt1frZqc7+qjltQSH6GS1Bu7RuQzRyvA91aIvSaeWiF2FvlSIZ8NsmferQ63ZV/ObbEeVGqDG4e8H5kP/+JiLnbLt8KteKWEMsw18wlZ98wDc2C+MkdkM34ZNXPmzD/yEzpBZUsyuZkAAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 8px 14px;
  background-position: center 20%;
}
.lite-sns-box-buttons2 ul li.line-btn {
  background-color: #00c300;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABKCAMAAAAbgiNiAAAAolBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8ELnaCAAAANXRSTlMAUJCABxXAnycD+9jlD4hg7gzyr3Yb6rd7cE0+90Hj0s6yllQ0qlj0jYQt3V1GyKVrIyEfYt+Uuj4AAAM6SURBVFjDrdfZdqowGIbhTw3IUChUEXEG0VZbtcP+7//WdgO1SSpqFJ4TlxZeEwJxFRfYth2N+lk6nwUTokkwm6dZfxR9f4w72MxK0hlVmKWJxexba3nbpQvcdn5DkxnJgq5aJAbTy0X+M2l59qPrSdvwHdLm+MaViYePA7rJ4DG8NNutSTczt+z88By6g3NukEZGd8oMVIhMupsZ4cTHnGqYf+CPT5dqcT+hMPZU095Q1ndFta3ktR5SA4aiN6ZGjH8n7FIj3FCecIOTNp6oIU8GuA01ZsN7XkCySdW754qPnkrKZhx4AN6UQR86sSPOXXV6/J057B4vixN3Ds/8Zdj/sZKH8AbAJEkXgPg9Scs/v9pi4RYADvxFWJFgAp5DkhaANh39Q1HqFqeJq7QkakNISHA8jEg24kFlAp2foDEnrgNgVAZtxoWWqQZ8Oj/CRymIcXAMtsrg1udelB75iHWDSP4E11QhhqsdxEENLqmCiye9oM3v2IUS3LkFR31YQHpBi+/xeSAHjTE3TQYk0w3uYgbgXQSFFzXo6AWnRQpdXwQrd2cHA90gLfllbIlgaBVGyrIGcLWDMwvfRHBsFoI/q9zTDlJxGa/cNik2J8HsXJD868ENRifBfz0uDk6DtJaDeY9LX0m2gzf5uzmEBhctA3lzGBP3YElBVh43nZMwCQFTHaGQFiMcykEyWbnbvEDokxCrO7Z64J6X+KItpJutXa6aCSFTZ6j+pgw6y1ZpnTkUbNY+3++zdX/2+5XLYUA0aa9bpWVHOn/GTh+dhx+D8gtIflE+Oh5Ikndw0RM1ZBai0KGGrFHyXqkRsY0fO2pCYOGX38yEBS+l2nzIvuZU08GDIhcL09B/KrlLNSw+cGJr0t3mFip8du8en4VKRuLcd/0snMHGe7rd6gvnfSU37xS+gUvYNqObvHu4wssz/Uv5sGO4zrMSzQcntqCHRdMXjRu9Y0BfGOXJakYXBK0Qt2FeZO2S7pmnPLVsyPSrxqgi6fDVvZdtnT5sOUMdrt5q6FPvon3OUJO82k7fQ13MEb14y1Dblo4G6xANeDvOtm3YaMKGCj3LRjO6PGdObTRlORmsdHP/AXcTz1YV4+jaAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 18px 17px;
  background-position: center 15%;
}

/* AD */
#tenki-ad-SM_north {
  width: 320px;
  min-height: 50px;
  max-height: 180px;
  margin: 10px auto;
  line-height: 0;
}

#tenki-ad-SM_mid {
  min-width: 300px;
  max-width: 336px;
  min-height: 50px;
  text-align: center;
  margin: 30px auto;
}

#tenki-ad-SM_mid1 {
  max-width: 336px;
  min-height: 50px;
  margin: 30px auto;
}

#tenki-ad-SM_PD {
  min-width: 300px;
  max-width: 336px;
  min-height: 50px;
  max-height: 280px;
  text-align: center;
  margin: 30px auto;
}

#tenki-ad-SM_PD1 {
  //min-width: 300px;
  //max-width: 336px;
  //min-height: 250px;
  //max-height: 280px;
  text-align: center;
  margin: 30px auto;
}

#tenki-ad-SM_PD2 {
  //min-width: 300px;
  //max-width: 336px;
  //min-height: 250px;
  //max-height: 280px;
  text-align: center;
  margin: 30px auto;
}

#tenki-ad-SM_PD3 {
  //min-width: 300px;
  //max-width: 336px;
  //min-height: 250px;
  //max-height: 280px;
  text-align: center;
  margin: 30px auto;
}

#tenki-ad-SM_footer {
  min-width: 300px;
  max-width: 336px;
  min-height: 50px;
  max-height: 600px;
  text-align: center;
  margin: 30px auto;
}

#tenki-ad-SM_Native {
  min-width: 320px;
  height: 250px;
  margin: 30px auto;
}

#tenki-ad-SM_Native1 {
  min-width: 160px;
  height: 250px;
  float: left;
}

#tenki-ad-SM_Native2 {
  min-width: 160px;
  height: 250px;
  float: right;
}

#tenki-ad-sm-tu-link-wrap {
  margin: -30px 0 30px;
}

#tenki-ad-parking-pr-sp-1 {
  width: 320px;
  height: 180px;
  margin: 0 auto 30px auto;
}

#tenki-ad-SM_forecast_infeed1 {
  margin: -30px 0 30px;
}

#ad-lite-recommend-wrap h2 {
  font-size: 1.250em !important;
  padding: 10px !important;
  background-color: #0061ca !important;
  color: #FFF !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
}

.tenki-ad-lite-overlay {
  box-shadow: 0 -2px 5px rgba(0,0,0,0.2);
  background-color: rgba(255,255,255,1.0);
  animation: lite-overlay-animation 2s linear 0s 1 normal none running;
  -webkit-animation: lite-overlay-animation 2s linear 0s 1 normal none running;
}
@keyframes lite-overlay-animation {
  0% {
    box-shadow: 0 0 0 rgba(0,0,0,0.0);
    background-color: rgba(255,255,255,0.0);
  }
  99% {
    box-shadow: 0 0 0 rgba(0,0,0,0.0);
    background-color: rgba(255,255,255,0.0);
  }
  100% {
    box-shadow: 0 -2px 5px rgba(0,0,0,0.2);
    background-color: rgba(255,255,255,1.0);
  }
}

/* for dfp dynamic HTML */
#gpt_unit_\/11384922\/SM_overlay_0,
 #gpt_unit_\/11384922\/SM_overlay_1 {
  position: fixed;
  display: inline-block;
  text-align: center;
  z-index: 100000;
  bottom: 0;
  width: 100%;
  height: 80px;
  box-sizing: border-box;
}

/*** 天気予報 ***/
/* 天気予報 共通 */
h2.forecast-title {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  border-left: 0;
  padding: 0;
  margin: 0;
}

.top-notice-news {
  margin: 0 3px 10px 3px;
}
.top-notice-news a {
  background-color: #edf6ff;
  padding: 5px 10px 5px 35px;
  color: #0B5DAA;
  display: block;
  position: relative;
  border-radius: 4px;
}
.top-notice-news a:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: 11px;
  left: 15px;
  background-image: url('https://static.tenki.jp/images/icon/check.png');
  background-repeat: no-repeat;
  background-size: 12px 12px;
}
.top-notice-news a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 5px;
  right: 5px;
  border-top: 5px solid transparent;
  border-right: 5px solid #0061ca;
  border-bottom: 5px solid #0061ca;
  border-left: 5px solid transparent;
}
.top-notice-news a:hover {
  color: #FFF;
  background-color: #0B5DAA;
  opacity: 1;
}
.top-notice-news a:hover:before {
  background-image: url('https://static.tenki.jp/images/icon/check-white.png');
}
.top-notice-news a:hover:after {
  border-right: 5px solid #FFF;
  border-bottom: 5px solid #FFF;
}
.top-notice-news span {
  font-size: 0.625em;
  color: #FFF;
  display: inline-block;
  margin-left: 10px;
  background-color: #d81f1f;
  line-height: 1;
  padding: 2px 2px 1px 2px;
  font-weight: bold;
  top: -2px;
  position: relative;
  border-radius: 2px;
}

/* 天気予報の日付タブ */
#forecast-public-date-entries-box {
  margin: -28px 0 10px;
}

.forecast-public-date-entries {
  width: 100%;
  margin-bottom: 2px;
  display: table;
  border-collapse: separate;
  border-spacing: 2px 0;
  table-layout: fixed;
}
.forecast-public-date-entries li {
  background-color: #F4F4EE;
  display: table-cell;
  text-align: center;
  height: 35px;
  vertical-align: middle;
}
.forecast-public-date-entries li a {
  display: block;
  padding: 5px 0;
  font-weight: bold;
}
.forecast-public-date-entries li a.selected {
  background-color: #0b5caa;
  color: #FFF !important;
}
.forecast-public-date-entries li.saturday a {
  color: #0096FF;
}
.forecast-public-date-entries li.sunday a,
.forecast-public-date-entries li.holiday a,
.forecast-public-date-entries li.red a {
  color: #F00;
}
.forecast-public-date-entries li .date {
  font-size: 0.875em;
}
.forecast-public-date-entries li .youbi {
  font-size: 0.625em;
}

.forecast-public-date-entries-wrap {
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.forecast-public-date-entries-wrap .overflow-menu {
  display: inline-flex;
}
.forecast-public-date-entries-wrap .overflow-menu a {
  margin-right: 2px;
  background-color: #F4F4EE;
  padding: 5px 9px;
  font-weight: bold;
  width: 17.5vw;
  text-align: center;
  box-sizing: border-box;
}
.forecast-public-date-entries-wrap .overflow-menu a.selected {
  background-color: #0b5caa;
  color: #FFF !important;
}
.forecast-public-date-entries-wrap .overflow-menu.saturday a {
  color: #0096FF;
}
.forecast-public-date-entries-wrap .overflow-menu.sunday a,
.forecast-public-date-entries-wrap .overflow-menu.holiday a,
.forecast-public-date-entries-wrap .overflow-menu.red a {
  color: #F00;
}
.forecast-public-date-entries-wrap .overflow-menu .date {
  font-size: 0.875em;
}
.forecast-public-date-entries-wrap .overflow-menu .youbi {
  font-size: 0.625em;
}

/* 天気予報 地図 */
#forecast-map-wrap {
  position: relative;
  width: 320px;
  height: 340px;
  margin: 0 auto;
}
#forecast-map a.forecast-map-entry {
  position: absolute;
  width: 60px;
  height: 66px;
  line-height: 1;
  text-align: center;
  display: block;
  padding: 3px 2px;
  border-radius: 4px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
  background-color: #FFF;
  opacity: 0.9;
  font-size: 0.812em;
  color: #444;
  white-space: nowrap;
  overflow: hidden;
}
.forecast-map-top a.forecast-map-entry {
  width: 46px !important;
}
#forecast-map a:hover.forecast-map-entry{
  background-color: #EDF6FF;
}
#forecast-map a.forecast-map-entry .forecast-image {
}
#forecast-map a.forecast-map-entry span.max-temp {
  font-size: 0.812em;
  color: #FF0000;
}
#forecast-map a.forecast-map-entry span.min-temp {
  font-size: 0.812em;
  color: #0096FF;
}
#forecast-map a.forecast-map-entry span.prob-precip {
  font-size: 0.812em;
  color: #444;
  display: block;
  margin-top: 2px;
}

#forecast-public-date {
  position: absolute;
  top: -10px;
  left: 5px;
  color: #666;
  font-size: 0.875em;
}

#forecast-map-wrap time.date-time {
  margin: 0 5px 10px 0;
}

/* 天気履歴,現在地の天気,住所から検索 */
.forecast-map-btn-wrap {
  position: relative;
  background-color: #F4F4EE;
  font-size: 0.750em;
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.forecast-map-btn-wrap p {
  color: #999;
  line-height: 1.0;
  padding: 5px;
}
.forecast-map-btn-wrap ul {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px 0;
  text-align: center;
}
.forecast-map-btn-wrap li,
.forecast-map-history-wrap .forecast-map-history-box {
  display: table-cell;
  background-color: #FFF;
  position: relative;
  vertical-align: top;
}
.forecast-map-history-box a {
  display: block;
  height: 78px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.forecast-map-history-box a .max-temp,
.forecast-map-history-box a .min-temp {
  font-size: 0.875em;
}
.forecast-map-history-box a .prob-precip {
  padding-left: 2px;
  font-size: 0.875em;
}

.forecast-map-btn-wrap li a.history-btn {
  position: relative;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #0B5DAA;
  height: 15px;
}
.forecast-map-btn-wrap li a.history-btn:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 5px;
  left: 47%;
  border-top: 6px solid #FFF;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
}
.forecast-map-btn-wrap li a.history-btn.active:after {
  top: -1px;
  border-top: 5px solid transparent;
  border-bottom: 6px solid #FFF;
}

.forecast-map-btn-wrap li.forecast-map-gps-btn a,
.forecast-map-btn-wrap li.forecast-map-search-btn a,
.forecast-map-btn-wrap li.forecast-week-link-btn a {
  display: block;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: 50% 16px;
  padding: 60px 0px 0px;
}
.forecast-map-btn-wrap li.forecast-map-gps-btn a {
  background-image: url('https://static.tenki.jp/images/icon/search-gps.png');
}
.forecast-map-btn-wrap li.forecast-map-search-btn a {
  background-image: url('https://static.tenki.jp/images/icon/glass.png');
}
.forecast-map-btn-wrap li.forecast-week-link-btn a {
  background-image: url('https://static.tenki.jp/images/icon/2week.png');
}


.forecast-map-btn-wrap .forecast-map-history-wrap {
  position: relative;
  margin-top: 2px;
  display: none;
}

.forecast-map-btn-wrap .forecast-map-history-wrap .forecast-map-history {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px 0;
  text-align: center;
}

/* 天気概況 */
.forecast-comment {
  margin: 0px 10px 20px;
}
.forecast-comment a.text-link {
  color: #0B5DAA;
}
.forecast-comment a.text-link:hover {
  color: #F89E1C;
}

/* 地図上の「戻る」ボタン  */
.map-back-btn a {
  position: absolute;
  top: -8px;
  border: 1px solid #ddd;
  padding: 1px 7px 1px 20px;
  border-radius: 4px;
  background: #fff;
  font-size: 0.750em;
  color: #0B5DAA;
  right: 2%;
}
.map-back-btn a::after {
  content: '';
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-top: 2px solid #0b5caa;
  border-right: 2px solid #0b5caa;
  transform: rotate(225deg);
  position: absolute;
  top: 50%;
  left: 8px;
}
.map-back-btn a:hover {
  background: #edf6ff;
}

/* 天気予報 top */
.top-recent-entries-wrap {
  margin: 0 10px 10px 10px;
}
.top-recent-entries-wrap .common-recent-entries {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #EEE;
}
.top-recent-entries-wrap .common-sub-column-entries-square {
  max-width: 640px;
  margin: 0 auto;
}

/* 天気予報 pref */
.forecast-others-point-btn {
  margin: 0 10px;
}
.forecast-others-point-btn a {
  position: relative;
  height: 20px;
  line-height: 1;
  padding: 15px 0;
  display: block;
  color: #fff;
  background-color: #6fafff;
  cursor: pointer;
  border-bottom: 4px solid #0061ca;
  text-align: center;
  font-weight: bold;
}
.forecast-others-point-btn a:after {
  position: absolute;
  content: "";
  top: 40%;
  right: 10%;
  display: block;
  width: 0;
  height: 0;
  border-top: 8px solid #0061ca;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.forecast-others-point-btn a.active:after {
  border-top: 0;
  border-bottom: 8px solid #0061ca;
}

#forecast-others-point-entries {
  display: none;
  border: 2px solid #d7e6ff;
  border-top: none;
  margin: 0px 10px;
  padding-top: 10px;
}
#forecast-others-point-entries h3 {
  color: #444;
  background-color: #FFF;
  font-size: 1.125em;
  margin: 0 10px 10px 10px;
  padding: 0;
}

/* ピンポイント天気 セレクトボタン */
ul.forecast-select-btn {
  margin: 15px 0px 10px 0px;
}
ul.forecast-select-btn li {
  float: left;
  width: 25%;
  text-align: center;
  position: relative;
  border-left: 2px solid #FFF;
  box-sizing: border-box;
}
ul.forecast-select-btn li:first-child {
  border-left: 0;
}
ul.forecast-select-btn li h3.title {
  font-size: 1em;
  padding: 0;
  line-height: 1.5;
  margin-bottom: 0;
  background-color: #d9d9d4;
  color: #1d53a4;
}
ul.forecast-select-btn li a {
  display: block;
  padding: 10px 0;
  color: #1d53a4;
  font-weight: bold;
  background-color: #d9d9d4;
}
ul.forecast-select-btn li a.selected {
  background-color: #1d53a4;
  color: #FFF;
}
ul.forecast-select-btn li a.selected:after {
  top: 100%;
  left: 40%;
  border-top: 8px solid #1d53a4;
  border-bottom: 8px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
}

/* ピンポイント天気 今日・明日 */
.weather-wrap {
  text-align: center;
  display: table;
  margin: 0 auto 20px;
}
.weather-wrap .weather-icon {
  display: table-cell;
  padding-right: 12px;
  min-width: 153px;
}
.weather-wrap .weather-telop {
  padding-top: 15px;
  display: inline-block;
  font-size: 0.875em;
}
.weather-wrap .data-value {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  line-height: 1em;
  width: 133px;
}
.weather-wrap .data-value dt.summary {
  font-size: 0.875em;
  float: left;
  clear: left;
  padding-right: 5px;
}
.weather-wrap .data-value dd.temp {
  float: left;
  margin-right: 5px;
  width: 55px;
}
.weather-wrap .data-value dd.temp span.value {
  font-weight: bold;
  font-size: 1.250em;
}
.weather-wrap .data-value dd.temp span.unit {
  font-size: 0.875em;
}
.weather-wrap .data-value dd.tempdiff {
  font-size: 0.875em;
  float: left;
}
.weather-wrap .data-value dd.high-temp.temp {
  margin-bottom: 10px;
}
.precip-table table {
  width: 100%;
  border-top: 1px solid #6fafff;
  border-bottom: 1px solid #6fafff;
  border-left: 1px solid #6fafff;
  border-radius: 2px;
}
.precip-table table th, .precip-table table td {
  padding: 3px 2px 0 2px;
  border-right: 1px solid #6fafff;
  text-align: center;
}
.precip-table table th.precip-index {
  background-color: #6fafff;
  text-align: center;
  color: #FFFFFF;
  font-size: 0.750em;
  font-weight: normal;
}
.precip-table table th.time {
  border-bottom: 1px dotted #6fafff;
  width: 20%;
  font-size: 0.750em;
  font-weight: normal;
}
.precip-table dl.wind-wave {
  margin-top: 7px;
}
.precip-table dl.wind-wave dt {
  float: left;
  font-size: 0.750em;
}
.precip-table dl.wind-wave dd {
  font-size: 0.750em;
}
.precip-table .forecast-days-indexes {
  margin-top: 10px;
  text-align: center;
}
.precip-table .forecast-days-indexes li {
  float: left;
  font-size: 0.750em;
  width: 49%;
  background: #EEE;
  border-radius: 2px;
  box-sizing: border-box;
  margin-right: 1%;
}
.precip-table .forecast-days-indexes li a {
  display: block;
  padding: 2px;
}
.precip-table .forecast-days-indexes li:first-child img {
  margin-left: -2px;
}
.precip-table .forecast-days-indexes li:last-child {
  margin-right: 0;
}
.precip-table .forecast-days-indexes li img {
  vertical-align: middle;
  padding-right: 2px;
  margin-top: -3px
}
.precip-table .forecast-days-indexes li span.index-telop {
  font-weight: bold;
}

.forecast-days-temp-telop {
  height: 20px;
  position: absolute;
  top: 7px;
  left: 153px;
}
.forecast-days-temp-telop span {
  padding: 2px 9px 1px;
  line-height: 1;
  border-radius: 10px;
  font-size: 0.750em;
  display: inline-block;
  font-weight: bold;
}
.forecast-days-temp-telop span:first-child {
  margin-right: 5px;
}
.forecast-kokusyo {
  background-color: #c900ff;
  color: #fff;
}
.forecast-mousyo {
  background-color: #9b0000;
  color: #fff;
}
.forecast-manatsu {
  background-color: #d81f1f;
  color: #fff;
}
.forecast-natsu {
  background-color: #f89e1c;
  color: #fff;
}
.forecast-fuyu {
  background-color: #2D8AFF;
  color: #fff;
}
.forecast-mafuyu {
  background-color: #0160c2;
  color: #fff;
}

/* ピンポイント天気 1h,3h */
#forecast-point-1h-dayaftertomorrow {
  margin-bottom: 30px;
}
.forecast-point-1h, .forecast-point-3h {
  width: 100%;
  font-size: 0.875em;
  margin-bottom: 30px;
}
.forecast-point-1h .past-entry td, .forecast-point-1h .past-entry td span,
.forecast-point-3h .past-entry td, .forecast-point-3h .past-entry td span { /* 過去のエントリ */
  color: #999999 !important;
}
.forecast-point-1h .weather-image, .forecast-point-3h .weather-image {
}
.forecast-point-1h th, .forecast-point-3h th {
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 1.4;
}
.forecast-point-1h td, .forecast-point-3h td {
  border-bottom: 1px solid #EEE;
  text-align: center;
  vertical-align: middle;
}
.forecast-point-1h td span.wind-speed, .forecast-point-3h td span.wind-speed {
  display: block;
  padding-bottom: 5px;
}
.forecast-point-1h .entry-index, .forecast-point-3h .entry-index {
  background-color: #F4F4EE;
  font-size: 0.875em;
}

.forecast-point-1h .hour, .forecast-point-3h .hour { width: 15% }
.forecast-point-1h .weather, .forecast-point-3h .weather { width: 15% }
.forecast-point-1h .temperature, .forecast-point-3h .temperature { width: 14% }
.forecast-point-1h .precip, .forecast-point-3h .precip { width: 14% }
.forecast-point-1h .humidity, .forecast-point-3h .humidity { width: 14% }
.forecast-point-1h .wind-direction, .forecast-point-3h .wind-direction { width: 14% }
.forecast-point-1h .wind-speed, .forecast-point-3h .wind-speed { width: 14% }

.forecast-point-1h .precip-rank-1, .forecast-point-3h .precip-rank-1 { background-color: #E2F1FF }
.forecast-point-1h .precip-rank-2, .forecast-point-3h .precip-rank-2 { background-color: #C6E4FF }
.forecast-point-1h .precip-rank-3, .forecast-point-3h .precip-rank-3 { background-color: #A2D2FF }
.forecast-point-1h .precip-rank-4, .forecast-point-3h .precip-rank-4 { background-color: #7CBEFF }
.forecast-point-1h .precip-rank-5, .forecast-point-3h .precip-rank-5 { background-color: #4CA4FF }

.forecast-point-1h .precip-rank-past-1, .forecast-point-3h .precip-rank-past-1 { background-color: #F0F0F0 }
.forecast-point-1h .precip-rank-past-2, .forecast-point-3h .precip-rank-past-2 { background-color: #E2E2E2 }
.forecast-point-1h .precip-rank-past-3, .forecast-point-3h .precip-rank-past-3 { background-color: #D0D0D0 }
.forecast-point-1h .precip-rank-past-4, .forecast-point-3h .precip-rank-past-4 { background-color: #BDBDBD }
.forecast-point-1h .precip-rank-past-5, .forecast-point-3h .precip-rank-past-5 { background-color: #A5A5A5 }

.forecast-point-1h .notice, .forecast-point-3h .notice {
  margin-right: 10px;
  text-align: right;
}
.wind-icon-small-00 {
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAQ0lEQVRoge3PQQ2AUAwFwe9fSqU9Cb2UMwIaCMwkK2DPAQAAAAAAAHZV1WyWZJ5+vDH89eEks1l3v2sYAAAAAADgfy4ZBEAUJGWK1QAAAABJRU5ErkJggg==);
}

/* 気温の背景色の設定（現在未使用）
.forecast-point-1h .forecast-temp-mousyo span, .forecast-point-3h .forecast-temp-mousyo span {
  background-color: #f3cfcf;
}
.forecast-point-1h .forecast-temp-manatsu span, .forecast-point-3h .forecast-temp-manatsu span {
  background-color: #f7d9b8;
}
.forecast-point-1h .forecast-temp-natsu span, .forecast-point-3h .forecast-temp-natsu span {
  background-color: #ffffc5;
}
.forecast-point-1h .forecast-temp-mafuyu span, .forecast-point-3h .forecast-temp-mafuyu span {
  background-color: #C6E4FF;
}
.forecast-point-1h .forecast-temp-fuyu span, .forecast-point-3h .forecast-temp-fuyu span {
  background-color: #E2F1FF;
}
*/

/* ピンポイント天気 10日間天気 */
.forecast-days-week,
 .forecast-days-7days-week {
  margin-bottom: 30px;
}
.forecast-point-week {
  width: 100%;
  border-top: 1px solid #EEE;
  border-left: 1px solid #EEE;
  border-right: 1px solid #EEE;
  margin-bottom: 10px;
}
.forecast-point-week th, .forecast-point-week td {
  padding: 5px 0;
  text-align: center;
  border-bottom: 1px solid #EEE;
  font-size: 0.875em;
  vertical-align: middle;
  line-height: 1.4;
}
.forecast-point-week th {
  background-color: #F4F4EE;
  width: 25%;
  font-weight: normal;
}
.forecast-point-week td .weather_telop {
  font-size: 0.875em;
}
.forecast-point-week .high_temp, .forecast-point-week .low_temp, .forecast-point-week .precip {
  font-size: 1.125em;
}
.forecast-point-week span.unit {
  font-size: 0.750em;
}

/* ピンポイント天気内の10日間天気（詳細） */
table.forecast-point-10days {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  margin-bottom: 5px;
  /*font-size: 0.875em;*/
  border-bottom: 1px solid #EEE;
}
table.forecast-point-10days tr.loop-count {
  border-bottom: 1px solid #EEE;
}
table.forecast-point-10days tr.loop-count-4,
table.forecast-point-10days tr.loop-count-8,
table.forecast-point-10days tr.loop-count-12,
table.forecast-point-10days tr.loop-count-16,
table.forecast-point-10days tr.loop-count-20,
table.forecast-point-10days tr.loop-count-24,
table.forecast-point-10days tr.loop-count-28,
table.forecast-point-10days tr.loop-count-32,
table.forecast-point-10days tr.loop-count-36 {
  border-bottom: 0;
}
table.forecast-point-10days th {
  background-color: #EDF6FF;
  height: 45px;
  text-align: center;
  vertical-align: middle;
  font-size: 0.750em;
  /*padding-top: 5px;*/
  line-height: 1.4em;
}
table.forecast-point-10days th img {
  vertical-align: middle;
}
table.forecast-point-10days tr.tr-name {
  font-size: 0.750em;
}
table.forecast-point-10days tr.tr-name th {
  background-color: #F4F4EE;
  height: 40px;
  font-size: 0.750em;
  padding: 2px 0;
}
table.forecast-point-10days td {
  vertical-align: middle;
  font-size: 0.750em;
  height: 59px;
  line-height: 1.4;
}
table.forecast-point-10days td.time {
  width: 17%;
}
table.forecast-point-10days td.weather {
  width: 17%;
  font-size: 1em;
}
table.forecast-point-10days td.temp,
table.forecast-point-10days td.prob-precip,
table.forecast-point-10days td.precip,
table.forecast-point-10days td.humidity,
table.forecast-point-10days td.wind {
  width: 10%;
}
table.forecast-point-10days td.past {
  color: #999 !important;
}
table.forecast-point-10days span.high-temp {
  padding-right: 12px;
}
table.forecast-point-10days span.low-temp {
  padding-right: 12px;
}
table.forecast-point-10days span.prob-precip-icon {
  padding-left: 13px;
  padding-top: 2px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAMAAAAbzM5ZAAAAP1BMVEUAAAAvecovecovecovecovecovecovecovecovecovecovecovecovecovecovecovecovecovecovecovecpnIPPHAAAAFHRSTlMACuiI2KZWT/ngZvLRybxuSDMoE5uSAF0AAACSSURBVCjPZdFZEoUgDETRAGESZ7P/tb4hiGDfz1NdVGmoFSJBl7UXoBfxb9vl2z6ayT/MZkAn/1xvZ1JMZ4er1NbHorTibYYfZFNxkq6pDm2PVqebDG0w1Gl7cXx1fuNMdAh0kEN0tCAulBALFURLjMjkET0FxABfqZeCadSjDenxjButFvkmjtQywXNJ2Qf97R8yih0j1ueltgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: 10px 15px;
  background-position: left center;
  color:#000;
  opacity:0.6;
}
table.forecast-point-10days th span.forecast-telop {
  padding-left: 5px;
  font-size: 0.875em;
}
table.forecast-point-10days td span.forecast-telop {
  display: block;
  font-size: 0.750em;
}
table.forecast-point-10days td span.wind-speed {
  display: block;
  padding-bottom: 5px;
}
table.forecast-point-10days tr.forecast-days-indexes td {
  background-color: #EDF6FF;
  /*font-size: 0.875em;*/
  padding: 0 5px 10px 5px;
  width: 100%;
  height: 24px;
}
table.forecast-point-10days tr.forecast-days-indexes td span.index-left,
table.forecast-point-10days tr.forecast-days-indexes td span.index-right {
  display: inline-block;
  float: left;
  width: 49.5%;
  background-color: #FFF;
  margin-right: 1%;
  box-sizing: border-box;
  border-radius: 2px;
  height: 23px;
  padding: 3px 0;
}
table.forecast-point-10days tr.forecast-days-indexes td span.index-left a,
table.forecast-point-10days tr.forecast-days-indexes td span.index-right a {
  display: block;
}
table.forecast-point-10days tr.forecast-days-indexes td span.index-right {
  margin-right: 0;
}
table.forecast-point-10days tr.forecast-days-indexes td span.index-left img,
table.forecast-point-10days tr.forecast-days-indexes td span.index-right img {
  vertical-align: middle;
  padding-right: 2px;
  margin-top: -3px;
}

/* 今日のアメダスの記録（差し込み用） */
.amedas-extreme-pickup-entries-wrap {
  margin: 0 auto 10px;
  padding: 0 5px;
  max-width: 640px;
}

.amedas-extreme-pickup-entries {
  width: 100%;
}
.amedas-extreme-pickup-entries li {
  float: left;
  width: 32%;
  margin: 0 6px 6px 0;
}
.amedas-extreme-pickup-entries li:nth-child(3n) {
  margin-right: 0;
}
.amedas-extreme-pickup-entries li a {
  display: block;
  text-align: center;
  border: 1px solid #EEE;
  border-radius: 4px;
  padding: 5px 0;
}
.amedas-extreme-pickup-entries li p.title {
  font-size: 0.875em;
}
.amedas-extreme-pickup-entries li p.temp {
  font-size: 0.812em;
  line-height: 1.4;
}
.amedas-extreme-pickup-entries li p.temp .max-temp {
  padding-right: 2px;
}
.amedas-extreme-pickup-entries li p.temp .min-temp {
  padding-left: 2px;
}
.amedas-extreme-pickup-entries li p.time {
  font-size: 0.687em;
  line-height: 1.4;
  margin-bottom: 5px;
}
.amedas-extreme-pickup-entries li p.time .max-temp-time {
  padding-right: 6px;
}
.amedas-extreme-pickup-entries li p.precip {
  font-size: 0.812em;
  position: relative;
  padding-left: 20px;
  display: inline-block;
}
.amedas-extreme-pickup-entries li p.precip:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 16px;
  height: 20px;
  background-image: url(https://static.tenki.jp/images/icon/amedas/precip.png);
  background-repeat: no-repeat;
  background-size: 16px 20px;
}
.amedas-extreme-pickup-entries li p.precip .unit {
  padding-left: 2px;
}
.amedas-extreme-pickup-entries li p .unit {
  font-size: 0.750em;
}

/* アメダスランキング・指数パーツ */
.common-amedas-ranking-indexes-wrap {
  margin-bottom: 20px;
}

.common-amedas-ranking-parts {
  background-color: #edf6ff;
  padding: 0 10px 10px 10px;
  margin-bottom: 1px;
}
.common-amedas-ranking-parts h3 {
  font-size: 1.125em;
  margin-bottom: 0;
  border-bottom: 0;
  padding: 10px 0 10px 0;
  line-height: 1;
  background-color: #edf6ff;
  color: #444;
}
.common-amedas-ranking-parts .date-time {
  position: absolute;
  top: 12px;
  right: 0px;
  margin: 0;
}

.common-amedas-ranking-wrap {
  position: relative;
  margin-bottom: 10px;
  width: 100%;
}

.common-amedas-ranking-box {
  float: left;
  width: 49%;
  margin-right: 5px;
}
.common-amedas-ranking-box a {
  position: relative;
  background-color: #FFF;
  display: block;
  border-radius: 6px;
  padding-bottom: 10px;
}
.common-amedas-ranking-box a:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 5px;
  right: 5px;
  border-top: 5px solid transparent;
  border-right: 5px solid #0061ca;
  border-bottom: 5px solid #0061ca;
  border-left: 5px solid transparent;
}
.common-amedas-ranking-box li:first-child {
  border-radius: 6px 6px 0 0;
  padding: 3px 5px 3px 8px;
  background-color: #0160c2;
}
.common-amedas-ranking-box li:first-child .title {
  font-size: 0.875em;
  font-weight: bold;
  color: #FFF;
}
.common-amedas-ranking-box li:first-child .value {
  position: absolute;
  top: 6px;
  right: 5px;
  width: 75px;
  background-color: #FFF;
  border-radius: 4px;
  padding: 2px 5px;
  text-align: center;
  line-height: 1;
}
.common-amedas-ranking-box li:first-child .unit {
  padding: 0 5px 0 2px;
  font-size: 0.625em;
}
.common-amedas-ranking-box li:nth-child(2) {
  display: table;
  width: 100%;
  padding: 13px 0 8px;
}
.common-amedas-ranking-box .img-box {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
}
.common-amedas-ranking-box .ranking-box {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}
.common-amedas-ranking-box .ranking {
  position: relative;
}
.common-amedas-ranking-box .rank {
  font-size: 1.250em;
  font-weight: bold;
}
.common-amedas-ranking-box .unit {
  font-size: 0.750em;
  padding: 0 5px;
}
.common-amedas-ranking-box .total-number {
  display: block;
  font-size: 0.750em;
  padding-left: 5px;
  line-height: 1;
}
.common-amedas-ranking-box .text {
  font-size: 0.750em;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  padding-top: 5px;
}

.common-amedas-ranking-precip {
  margin-right: 0;
}

.common-amedas-ranking-parts .text-attention {
  font-size: 0.750em;
  margin-bottom: 10px;
  line-height: 1;
}

.common-amedas-ranking-parts .generations-rank-link {
  margin: 0 30px;
}
.common-amedas-ranking-parts .generations-rank-link a {
  background-image: initial;
  padding: 10px 10px 10px 20px;
  border-radius: 0;
}
.common-amedas-ranking-parts .generations-rank-link a:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 2px;
  left: -10px;
  width: 27px;
  height: 20px;
  background-image: url('https://static.tenki.jp/images/icon/amedas/graph.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.common-indexes-pickup-wrap {
  background-color: #edf6ff;
  padding: 0 2%;
}

.common-indexes-pickup {
  font-size: 0.750em;
  text-align: left;
  width: 100%;
  padding-top: 2%;
}
.common-indexes-pickup li {
  float: left;
  width: 49%;
  margin: 0 2% 2% 0;
  text-align: center;
}
.common-indexes-pickup li:nth-child(2n) {
  margin-right: 0;
}
.common-indexes-pickup a {
  display: block;
  background-color: #FFF;
  border-radius: 4px;
  position: relative;
  padding: 2px;
}
.common-indexes-pickup a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 3px;
  right: 3px;
  border-top: 4px solid transparent;
  border-right: 4px solid #0061ca;
  border-bottom: 4px solid #0061ca;
  border-left: 4px solid transparent;
}
.common-indexes-pickup .title {
  text-align: center;
}
.common-indexes-pickup .body {
  display: table;
  width: 80%;
  margin: 0 auto 3px;
}
.common-indexes-pickup .img-box {
  display: table-cell;
  width: 30%;
}
.common-indexes-pickup img {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 10px;
  left: 10px;
}
.common-indexes-pickup .telop {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
  text-align: left;
  font-weight: bold;
}


/* GW天気 10日間天気 */
.week-index-table-wrap {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 30px;
}
.week-index-table {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 0.875em;
  border-collapse: collapse;
}
.week-index-table th, .week-index-table td {
  padding: 10px 0 0;
  width: 22vw;
  min-width: 70px;
  table-layout: fixed;
  text-align: center;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  font-weight: normal;
}
.week-index-table.nextweek th, .week-index-table.nextweek td {
  width: 20vw;
}
.week-index-table tbody th, .week-index-table tbody td {
  border-right: 0;
  border-left: 1px solid #CCC;
}
/* @media screen and (min-width:480px) and ( max-width:760px) {
  .week-index-table th, .week-index-table td {
    width: 18vw;
  }
}
@media screen and (min-width:760px) {
  .week-index-table th, .week-index-table td {
    width: 13.2vw;
  }
} */
.week-index-table thead {
  display: block;
  float: left;
}

.week-index-table tbody {
  display: block;
  width: auto;
  position: relative;
  overflow-x: auto;
  white-space: nowrap;
  letter-spacing: -0.4em;
}

.week-index-table thead tr {
  display: block;
  font-size: 0.875em;
}

.week-index-table th {
  display: block;
}

.week-index-table th a {
  display: block;
  padding: 20px 3px 0 3px;
  color: #0B5DAA;
  line-height: 1.4;
  font-weight: bold;
  font-size: 1.125em;
}
.week-index-table th a.point-name-link {
  padding-top: 35px;
}
.week-index-table tbody tr {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}
.week-index-table tbody tr:last-of-type {
  border-right: 1px solid #ccc;
}

.week-index-table tbody td {
  display: block;
}

.week-index-table th.index {
  padding: 18px 0 2px;
  height: 40px;
  background-color: #F4F4EE;
}

.week-index-table th.date {
  height: 50px;
  background-color: #F4F4EE;
  line-height: 1.4;
}

.week-index-table th.index:first-child,
.week-index-table th.date:first-child {
  border-top: 1px solid #CCC;
}

.week-index-table th.area-name span.point-name {
  display: block;
  padding: 5px 3px 0 3px;
}

.week-index-table th.area-name, .week-index-table td.forecast-wrap {
  height: 105px;
}
.week-index-table td.forecast-wrap span.high-temp {
  padding-right: 2px;
}
.week-index-table td.forecast-wrap span.low-temp {
  padding-left: 2px;
}
.week-index-table td.forecast-wrap p.precip,
.week-index-table td.forecast-wrap p.accuracy {
  display: inline-block;
}
.week-index-table td.forecast-wrap p.accuracy {
  background-color: #f4f4ee;
  line-height: 1;
  padding: 2px;
  border-radius: 3px;
  color: #5a5a5a;
}

.week-index-table th.point-name {
  height: 105px;
}
.week-index-table th.point-name span.city-name {
  display: block;
  padding: 5px 3px 0 3px;
  font-size: 0.750em;
  line-height: 1.4;
}
.week-index-table td.forecast-wrap span.forecast-telop {
  font-size: 0.875em;
}

.week-index-table.weekend thead th.index:first-of-type {
  padding: 35px 0 15px 0;
}
.week-index-table.weekend tbody tr {
  margin-top: 30px;
}
.week-index-table.weekend tbody .weekend-title {
  text-align: center;
  font-weight: bold;
  color: #444444;
  background-color: #edf6ff;
  width: 68vw;
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  display: inline-block;
  margin: 0;
  padding-top: 3px;
  box-sizing: border-box;
}
.week-index-table.weekend tbody .weekend-title.next {
  left: 68vw;
  width: 67vw;
  border: none;
}
.week-index-table.weekend tbody .weekend-title th {
  padding: 0;
  border: none;
  text-align: center;
  width: 68vw;
  height: 30px;
  font-weight: bold;
}
.week-index-table.weekend tbody .weekend-title.next th {
  width: 67vw;
}
@media screen and (min-width: 768px) {
  .week-index-table.weekend tbody .weekend-title {
    width: 67vw;
  }
  .week-index-table.weekend tbody .weekend-title.next {
    left: 66.5vw;
  }
  .week-index-table.weekend tbody .weekend-title th {
    width: 67vw;
  }
}
.week-index-table.weekend tbody tr:nth-of-type(3n) {
  border-left: 3px solid #7bb3f2;
  position: relative;
}
.week-index-table.weekend tbody tr:nth-of-type(8) {
  border-right: 3px solid #7bb3f2;
  position: relative;
}
.week-index-table.weekend tbody tr:nth-of-type(3n)::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 30px;
  background: #7bb3f2;
  top: -30px;
  left: -3px;
}
.week-index-table.weekend tbody tr:nth-of-type(8)::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 30px;
  background: #7bb3f2;
  top: -30px;
  right: -3px;
}
.week-index-table.weekend tbody tr:nth-of-type(3n) th,
.week-index-table.weekend tbody tr:nth-of-type(3n) td {
  border-left: none;
}

.gw-common-select-btn li {
  width: 50%;
  font-size: 1.125em;
}
.gw-common-select-btn li.select-in-country a {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAANlBMVEUAAAD///8fT5kfT5kfT5kfT5kfT5kfT5kfT5kfT5kfT5kfT5kfT5kfT5kfT5kfT5kfT5kfT5m6lCNcAAAAEXRSTlMAABAgMEBQYHCAj5+vv8/f7/4ucL8AAAGASURBVHhe7dXrbsMgDAVgD0MJIVzy/i87baviKXWabDtUmuTz2+QTxgR6e0FehdDfsp6lPEXCR3gkEpd7TZt5EBLb97KFByCu7Op6hCOuPlbOKEQMJRMWKXptQCJRgJKyDEBzQGT77Pz51bAxCYbIRuL+iBoOWe7GsrFeTgWDyBovbpZ+YZBwN7rSwYJGigJXNNK0WUAjKwuShyF5M7jj26XcE/TBuy9BJpbrxmYUQl2UNqe0rJIJe+P1BBgyHRqdYAgfIgsOoXqERCAyHXYLiLiuI/NPkClIvIJQ1hEmPeeDqCGsGpmgiL4VBiPctY2AEUoPRmf6fXTEtT2SCI7QbWdUgiL6b9IPQVy73Kykha8gFJRmYaZLn7DOwxAqsmAc4qo8usMQ8l2uOhwRRQ59HEJxrW44QjdH4xGJIYYYcj2GhKQkfgKcznMNUcuKvPQn+X+IIYYYYoghhhjiy1GqCmwF/jqi58keSTIIMcQFJR6MBNXHIYYYYoghhozPa5B3e3FJFFh01fEAAAAASUVORK5CYII=);
  background-size: 29px 29px;
  background-position: 31% 50%;
  background-repeat: no-repeat;
  padding-left: 40px;
}
.gw-common-select-btn li.select-in-country.selected {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMAABAgMEBQYHCAj5+vv8/f7/4ucL8AAAGASURBVHhe7dXrbsMgDAVgD0MJIVzy/i87baviKXWabDtUmuTz2+QTxgR6e0FehdDfsp6lPEXCR3gkEpd7TZt5EBLb97KFByCu7Op6hCOuPlbOKEQMJRMWKXptQCJRgJKyDEBzQGT77Pz51bAxCYbIRuL+iBoOWe7GsrFeTgWDyBovbpZ+YZBwN7rSwYJGigJXNNK0WUAjKwuShyF5M7jj26XcE/TBuy9BJpbrxmYUQl2UNqe0rJIJe+P1BBgyHRqdYAgfIgsOoXqERCAyHXYLiLiuI/NPkClIvIJQ1hEmPeeDqCGsGpmgiL4VBiPctY2AEUoPRmf6fXTEtT2SCI7QbWdUgiL6b9IPQVy73Kykha8gFJRmYaZLn7DOwxAqsmAc4qo8usMQ8l2uOhwRRQ59HEJxrW44QjdH4xGJIYYYcj2GhKQkfgKcznMNUcuKvPQn+X+IIYYYYoghhhjiy1GqCmwF/jqi58keSTIIMcQFJR6MBNXHIYYYYoghhozPa5B3e3FJFFh01fEAAAAASUVORK5CYII=);
  background-size: 29px 29px;
  background-position: 31% 50%;
  background-repeat: no-repeat;
  padding-left: 40px;
}
.gw-common-select-btn li.select-overseas a {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAANlBMVEUAAAD///8fTJAfTJAfTJAfTJAfTJAfTJAfTJAfTJAfTJAfTJAfTJAfTJAfTJAfTJAfTJAfTJCFJ76FAAAAEXRSTlMAABAgMEBQYHCAj5+vv8/f7/4ucL8AAASwSURBVHhe7Znrkp0gDIApyP3q+79sZyUQkaOo5UynM80v1sP6EZKQBMmvRkgRJo333mlBXkn72s8Q7tciybKvQBggiugvQJa0HiTQ2RAOgJYyEwJ69JS5kLB+FD0TogsgmYVQgS7AJkJSscKSJ8sCsfMgouhRF67Kk3kQ25sgAkVMg8TeAhq5kyArSEVg3PhvQsTXIAtCzHRI77A0fQ2y8gKxheumQUKBJJH1AMZU73JrFa84N+DSc+NErafCpkGWU0aceEDGM4iZCLFnED4RcrZf8Z/LjER+ZCQ6FfLZ9JbMhHxWJbHJEBLPLMKV9iBWC/ZHEP7JItSE7qmT7DWEuCNEkLP48ZK+hLDUMjxq10vS9BWEqIPV2+iJPeYppN8wCRULiKS9dcQbCE1NiCxtxLC1E0efQwjfdw005uXWtGI3mm2U4c8hWJ0u8M5AJSgCqsRD2KrnEGKr9+aXU+KxVnL5J964oX0OIQGMvkATROuJD1xTCj/vgPIcQkO2coJ2TmJ+RKDM6iqgPIMw80OxGyobhth9fvSND0QKG2duQVALSQjNDLBp3NfIGvYSPE+XVlM+gNgyX9cClZYRuripo7SYBM54GyJhVdRj9c3bJIxI1zXjjw5Ilc+PKFnRCSNuw2/ww/lsnhz1Ka4oyesNSNuGwtjQaJH1fpC0BJF94bJdHGnjve/Tp2VZPT+E1Ch0MLotgpSTU96AyFoCMdi2kQQIRDBcHELApLoekmq7X0sngOg0J9sNQ8IUIYaQBRQpDsB2Xh0AVkZpf5guGFdDiMV4qLp3How+jCvQqAobQWBW8TK7h5Cd6OrSYDyPrq0GEIE9qAJX6RbeqxbBKJgYxv2J3O80QtIeohDSWC/m4bjTov3i/bGT5wBBtQTul7yE7M/a5thNHyG6/QMteQnZzaZodyT2ELS8xZnhErIzJ/DGEPwZd3l8qcYQIguka4BpA4kIya+4goCxO/chqFb/BJ0EfXsEiTD5JUQOIXGdI/oK8gjwHxImQeRr77J8L82TbXF5aLbhX48TfYh4fjPi/SHi6RVE/fnZtbUBD07hZxC7411CyJx8oq8hvs2McZwZ0UkwM4priD7keHarkLCHHD+8g2yrFXELEtpqxQ0gUG3U+aYts1BMV3ehTnIEUWjD1FeQjHOtJeenFSQUuQMI/VgLM71e3Bq6tha2ZADBYhgWqMiiXFrPxBu55HVhI8jGEAZrLEqldSSphqKF0QgCM13u5u+LrI0gG0FQZ0F1r4MWPIvyHcUJGtEfRxCij9vkjVgMlt/oFFy5eNi2RG9A+oY0NY1E1yyorkG9BckXJaiObC86Dpcgsbn8tOQeBK/SFZW4A823f5H9HBveJeCtxwjSfsEMDJv6ej7j7/xHadgjVe5vHkCIhX/i1T81DHCPqpf7Op08gKDxVdZpafvUBUwC1zA8YKw8glCIhJDKGhM6qIYe1+6mrAkZY0j3QRYocIpj99nNeAEhuqFIUd2WZ0dqoj4A4ynkcO/rUnEpX/5EsZS8hBDq+ishCJLui8BjCIqIR4oVqAKq8QqCIjtMf2VHXkMQE84JCRCvISiL+ayOk5SQKRDg1NSBSQYIQ8hvxIToBYhZuwMAAAAASUVORK5CYII=);
  background-size: 32px 32px;
  background-position: 31% 50%;
  background-repeat: no-repeat;
  padding-left: 40px;
}
.gw-common-select-btn li.select-overseas.selected {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMAABAgMEBQYHCAj5+vv8/f7/4ucL8AAASwSURBVHhe7Znrkp0gDIApyP3q+79sZyUQkaOo5UynM80v1sP6EZKQBMmvRkgRJo333mlBXkn72s8Q7tciybKvQBggiugvQJa0HiTQ2RAOgJYyEwJ69JS5kLB+FD0TogsgmYVQgS7AJkJSscKSJ8sCsfMgouhRF67Kk3kQ25sgAkVMg8TeAhq5kyArSEVg3PhvQsTXIAtCzHRI77A0fQ2y8gKxheumQUKBJJH1AMZU73JrFa84N+DSc+NErafCpkGWU0aceEDGM4iZCLFnED4RcrZf8Z/LjER+ZCQ6FfLZ9JbMhHxWJbHJEBLPLMKV9iBWC/ZHEP7JItSE7qmT7DWEuCNEkLP48ZK+hLDUMjxq10vS9BWEqIPV2+iJPeYppN8wCRULiKS9dcQbCE1NiCxtxLC1E0efQwjfdw005uXWtGI3mm2U4c8hWJ0u8M5AJSgCqsRD2KrnEGKr9+aXU+KxVnL5J964oX0OIQGMvkATROuJD1xTCj/vgPIcQkO2coJ2TmJ+RKDM6iqgPIMw80OxGyobhth9fvSND0QKG2duQVALSQjNDLBp3NfIGvYSPE+XVlM+gNgyX9cClZYRuripo7SYBM54GyJhVdRj9c3bJIxI1zXjjw5Ilc+PKFnRCSNuw2/ww/lsnhz1Ka4oyesNSNuGwtjQaJH1fpC0BJF94bJdHGnjve/Tp2VZPT+E1Ch0MLotgpSTU96AyFoCMdi2kQQIRDBcHELApLoekmq7X0sngOg0J9sNQ8IUIYaQBRQpDsB2Xh0AVkZpf5guGFdDiMV4qLp3How+jCvQqAobQWBW8TK7h5Cd6OrSYDyPrq0GEIE9qAJX6RbeqxbBKJgYxv2J3O80QtIeohDSWC/m4bjTov3i/bGT5wBBtQTul7yE7M/a5thNHyG6/QMteQnZzaZodyT2ELS8xZnhErIzJ/DGEPwZd3l8qcYQIguka4BpA4kIya+4goCxO/chqFb/BJ0EfXsEiTD5JUQOIXGdI/oK8gjwHxImQeRr77J8L82TbXF5aLbhX48TfYh4fjPi/SHi6RVE/fnZtbUBD07hZxC7411CyJx8oq8hvs2McZwZ0UkwM4priD7keHarkLCHHD+8g2yrFXELEtpqxQ0gUG3U+aYts1BMV3ehTnIEUWjD1FeQjHOtJeenFSQUuQMI/VgLM71e3Bq6tha2ZADBYhgWqMiiXFrPxBu55HVhI8jGEAZrLEqldSSphqKF0QgCM13u5u+LrI0gG0FQZ0F1r4MWPIvyHcUJGtEfRxCij9vkjVgMlt/oFFy5eNi2RG9A+oY0NY1E1yyorkG9BckXJaiObC86Dpcgsbn8tOQeBK/SFZW4A823f5H9HBveJeCtxwjSfsEMDJv6ej7j7/xHadgjVe5vHkCIhX/i1T81DHCPqpf7Op08gKDxVdZpafvUBUwC1zA8YKw8glCIhJDKGhM6qIYe1+6mrAkZY0j3QRYocIpj99nNeAEhuqFIUd2WZ0dqoj4A4ynkcO/rUnEpX/5EsZS8hBDq+ishCJLui8BjCIqIR4oVqAKq8QqCIjtMf2VHXkMQE84JCRCvISiL+ayOk5SQKRDg1NSBSQYIQ8hvxIToBYhZuwMAAAAASUVORK5CYII=);
  background-size: 32px 32px;
  background-position: 31% 50%;
  background-repeat: no-repeat;
  padding-left: 40px;
}
.gw-common-select-btn li h3 {
  font-size: inherit;
  padding: 0;
  margin-bottom: 0;
  background-color: initial;
}

#goldenweek-area-pref-list-entries,
#week-area-pref-list-entries {
  margin-bottom: 30px;
}

.gw-spot-tag-box {
  margin: 0px 10px -10px;
}
.common-spot-tag {
  margin-bottom: 15px;
}
.common-spot-tag li {
  background-color: #f4f4ee;
  border-radius: 4px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
  font-size: 0.750em;
  display: inline-block;
  margin: 0 5px 5px 0;
}
.common-spot-tag li a {
  display: block;
  padding: 0px 5px;
}

.gw-world-popular-list a {
  padding-left: 50px;
  background-size: 34px 25px;
  background-position: 10px 50%;
  background-repeat: no-repeat;
}
.gw-world-popular-list a.gw-world-Honolulu,
.gw-world-popular-list a.gw-world-Guam,
.gw-world-popular-list a.gw-world-NewYork,
.gw-world-popular-list a.gw-world-LosAngeles {
  background-image: url('/images/icon/world/US.png');
}
.gw-world-popular-list a.gw-world-Seoul {
  background-image: url('/images/icon/world/KR.png');
}
.gw-world-popular-list a.gw-world-Taipei {
  background-image: url('/images/icon/world/TW.png');
}
.gw-world-popular-list a.gw-world-Singapore {
  background-image: url('/images/icon/world/SG.png');
}
.gw-world-popular-list a.gw-world-Bangkok {
  background-image: url('/images/icon/world/TH.png');
}
.gw-world-popular-list a.gw-world-London {
  background-image: url('/images/icon/world/UK.png');
}
.gw-world-popular-list a.gw-world-Cairns {
  background-image: url('/images/icon/world/AU.png');
}
.gw-world-popular-list a.gw-world-HongKong {
  background-image: url('/images/icon/world/HK.png');
}
.gw-world-popular-list a.gw-world-Shanghai {
  background-image: url('/images/icon/world/CN.png');
}

.gw-world-list-wrap h4 {
  margin-bottom: 5px;
}
.gw-world-list-wrap h4 a {
  position: relative;
  display: block;
  padding: 5px 0 5px 10px;
  background-color: #EEE;
  color: #0061ca;
  font-size: 1em;
}
.gw-world-list-wrap h4 a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 5px;
  right: 5px;
  border-top: 4px solid transparent;
  border-right: 4px solid #0061ca;
  border-bottom: 4px solid #0061ca;
  border-left: 4px solid transparent;
}
.gw-world-list-wrap h5 {
  margin: 14px 0 0 10px;
}

.gw-world-list-wrap .forecast-point-entries {
  margin-bottom: 10px;
}

.gw-world-list-wrap .common-list-entries-2-lines li a {
  font-size: 0.875em;
}

/* おすすめ記事・ピックアップ */
.gw-pickup-entries.common-sub-column-entries {
  margin: -20px 0 10px 0;
  background-color: #f8e4c6;
  padding: 5px;
}
.pickup-entries.common-sub-column-entries {
  margin: 0px 0 10px 0;
  background-color: #f8e4c6;
  padding: 5px;
}
.gw-pickup-entries.common-sub-column-entries a,
.pickup-entries.common-sub-column-entries a {
  width: initial;
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  border-radius: 4px;
  background-color: #FFF;
  position: relative;
}
.gw-pickup-entries.common-sub-column-entries a:before,
.pickup-entries.common-sub-column-entries a:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 3px;
  right: 3px;
  border-top: 4px solid transparent;
  border-right: 4px solid #f89e1c;
  border-bottom: 4px solid #f89e1c;
  border-left: 4px solid transparent;
}
.gw-pickup-entries.common-sub-column-entries li.img-box,
.pickup-entries.common-sub-column-entries li.img-box {
  height: 53px;
  width: auto;
  margin-right: 5px;
  border-radius: 4px 0 0 4px;
}
.gw-pickup-entries.common-sub-column-entries li.text,
.pickup-entries.common-sub-column-entries li.text {
  font-size: 0.750em;
  padding-right: 5px;
}
.gw-pickup-entries.common-sub-column-entries a p.pickup,
.pickup-entries.common-sub-column-entries a p.pickup {
  position: absolute;
  font-size: 0.5em;
  background-color: #f89e1c;
  color: #FFF;
  bottom: 0;
  left: 0;
  font-weight: bold;
  line-height: 1.0;
  padding: 2px;
  border-radius: 0 0 0 4px;
}


/* お天気パーツ */
.days-thumbnail-wrap {
  min-width: 170px;
  min-height: 160px;
  margin-bottom: 10px;
}

.days-thumbnail-wrap a {
  display: block;
  padding:  10px;
  background-color: #edf6ff;
}

.days-box {
  width: 44%;
  text-align: center;
  float: left;
  background: rgba(255,255,255,.7);
  margin-right: 2%;
  padding: 1%;
  border-radius: 4px;
  margin: 0 2% 5px;
  position: relative;
}

.days-box:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 5px;
  right: 5px;
  border-top: 4px solid transparent;
  border-right: 4px solid #0061ca;
  border-bottom: 4px solid #0061ca;
  border-left: 4px solid transparent;
}

.days-box h4 {
  font-size: 1em;
  font-weight: normal;
  margin-bottom: 0;
}

.days-box h4 span.date {
  font-size: 0.875em;
  padding-left: 5px;
}

.days-box h4 span.youbi {
  font-size: 0.750em;
}

.days-small-list{
  font-weight: bold;
  font-size: 0.875em;
}
.days-small-list li:first-child{
  width: 80%;
  height: auto;
  max-width: 82px;
  margin: 0 auto;
}
.days-small-list li img{
  width: 100%;
  height: auto;
}
.days-small-list .temp-max {
  color: #FF0000;
}

.days-small-list .temp-min {
  color: #0096FF;
}
.days-small-list .delimiter{
  font-weight: normal;
}


/*** 共通 警報・注意報、台風情報 ***/

.common-warn-entry-box {
  margin: 10px 5px 20px 5px;
}

.common-warn-entry-box a {
  position: relative;
  display: block;
  border-bottom: 1px solid #FFF;
  margin-bottom: 5px;
}
.common-warn-entry-box a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 5px;
  right: 5px;
  border-top: 4px solid transparent;
  border-right: 4px solid #0061ca;
  border-bottom: 4px solid #0061ca;
  border-left: 4px solid transparent;
}
.common-warn-entry-box a:last-child {
  border-bottom: 0;
  margin-bottom: -5px;
}

.common-warn-entry-box dl {
  background-color: #edf6ff;
  padding: 5px 0 2px 40px;
  text-align: left;
  background-repeat: no-repeat;
  background-position: 8px 47%;
  background-size: 25px 21px;
  border-radius: 4px;
}

.common-warn-entry-box dl.is-alert-information {
  background-image: url(/images/icon/warn/alert.png);
}
.common-warn-entry-box dl.is-warn-information {
  background-image: url(/images/icon/warn/warn.png);
}
.common-warn-entry-box dl.is-special-warn-information {
  background-image: url(/images/icon/warn/special-warn.png);
}

.common-warn-entries dt {
  line-height: 1.4;
  margin-bottom: 2px;
}

.common-warn-entries dd {
  border: 1px solid #FFF;
  float: left;
  padding: 0px 4px;
  font-size: 0.875em;
}

.common-warn-entries dd.special-warn-entry {
  background-color: #c800ff;
  color: #fff;
  margin: 1px 4px 1px 0;
}

.common-warn-entries dd.warn-entry {
  background-color: #ff0909;
  color: #fff;
  margin: 1px 4px 1px 0;
}

.common-warn-entries dd.alert-entry {
  background-color: #ffff09;
  margin: 0 6px 5px 0;
}

.special-warn-notice-entries {
  background-color: #FFF;
  border: 2px solid #C800FF;
  padding: 10px 10px 10px 45px;
  line-height: 1.4em;
  margin-bottom: 10px;
  background-image: url(https://static.tenki.jp/images/icon/warn/special-warn.png);
  background-repeat: no-repeat;
  background-position: 10px 50%;
  background-size: 25px 21px;
}
.special-warn-notice-entries p {
  color: #C800FF;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1.125em;
}
.special-warn-notice-entries li {
  margin-bottom: 5px;
}
.special-warn-notice-entries li:last-child {
  margin-bottom: 0;
}
.special-warn-notice-entries a {
  color: #0b5daa;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAA1VBMVEUBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIFdXVxAAAARnRSTlMA+egCAdv8PvNJymIDISiJP2PrzIrDwkZH9sVcxIvs4NwxJx3hM0AWcmH+5i7e/TBTb0rt8kJI+O73EiDLshhY9TRe4yJgSmPRSQAAAQdJREFUeF5d09duwzAMhtFfHrHjmdhJM+q0abr33nvp/R+psExQYr874QACQUigEERl4ynlNaMogMxPQ82Fqe9anmhRklvbqwi4KgI1UQycmna2uiEQxavWsoQg2d0/6FlNMgAp2dE2gHVHh0AQEnqA1DDAgA+fRr+sDlAyfv8Y/WUtMdbcTm708IxwDZ62bXZ6yVMo7epzi8Fxh0pidYK2U0Jx7ca5sQu+duzYlrErxQON2K476/MUpbOEW2N393YJdn0PxqaPbKEPDAl7TwAmM7F4ZC+kr2/++4e1OgOAItbUTNviAs58MtUHSOP/FrMBRS2tLuSjXlpa8qNmjhbz9jvMFxHTH/eOg07IL9mfAAAAAElFTkSuQmCC);
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: left 50%;
  padding-left: 19px;
  display: block;
}

.typhoon-notice-sub-column-wrap {
   margin:0 5px 10px 5px;
}
.typhoon-notice-sub-column-box {
  margin-bottom: 5px;
}
.typhoon-notice-sub-column-box a {
  background-color: #F4F4EE;
  padding: 5px;
  box-shadow: 0 0 2px rgba(0,0,0,.3);
  display: block;
}
.typhoon-notice-sub-column-box ul {
  display: table;
  width: 100%;
}
.typhoon-notice-sub-column-box li {
  display: table-cell;
  vertical-align: middle;
}
.typhoon-notice-sub-column-box li:nth-child(1) {
  width: 77px;
}
.typhoon-notice-img-box {
  margin-right: 5px;
  width: 72px;
  height: 54px;
  overflow: hidden;
}
.typhoon-notice-img-box img {
  width: 100%;
  height: auto;
}
.typhoon-notice-number {
  font-weight: bold;
}
.typhoon-notice-datetime {
  font-weight: normal;
  font-size: 0.750em;
  float: right;
}
.typhoon-notice-description {
  font-size: 0.750em;
  line-height: 1.4;
}

.top-typhoon-news-wrap {
  margin: 0 5px;
}
.top-typhoon-news {
  margin-bottom: 5px;
}
.top-typhoon-news a {
  display: block;
  padding: 5px;
  position: relative;
  box-shadow: 0 0 2px rgba(0,0,0,.3);
  border-radius: 4px;
  background-color: #F4F4EE;
}
.top-typhoon-news a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 5px;
  right: 5px;
  border-top: 5px solid transparent;
  border-right: 5px solid #0061ca;
  border-bottom: 5px solid #0061ca;
  border-left: 5px solid transparent;
}
.top-typhoon-news ul {
  display: table;
  width: 100%;
}
.top-typhoon-news li {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.4;
}
.top-typhoon-news li:first-child {
  vertical-align: top;
}
.top-typhoon-news .img-box {
  width: 72px;
  height: 54px;
  overflow: hidden;
  margin-right: 5px;
}
.top-typhoon-news .img-box img {
  width: 100%;
  height: auto;
}
.top-typhoon-news .title {
  color: #0B5DAA;
  font-weight: bold;
  margin-bottom: 5px;
}
.top-typhoon-news .probability {
  font-size: 0.875em;
}
.top-typhoon-news .probability span {
  padding: 2px 5px;
  display: inline-block;
  margin-left: 10px;
}
.top-typhoon-news .probability span.ten {
  background-color: #FFFFD5;
}
.top-typhoon-news .probability span.twenty {
  background-color: #FFFF9A;
}
.top-typhoon-news .probability span.thirty {
  background-color: #FFFF28;
}
.top-typhoon-news .probability span.fourty {
  background-color: #FFF300;
}
.top-typhoon-news .probability span.fifty {
  background-color: #FFDE00;
}
.top-typhoon-news .probability span.sixty {
  background-color: #FFC200;
}
.top-typhoon-news .probability span.seventy {
  background-color: #FFA000;
}
.top-typhoon-news .probability span.eighty {
  background-color: #FF8000;
  color: #FFF;
}
.top-typhoon-news .probability span.ninety {
  background-color: #FF5400;
  color: #FFF;
}
.top-typhoon-news .probability span.hundred {
  background-color: #F70000;
  color: #FFF;
}


/*** ソーシャルボックスボタン ***/
.social-button {
  margin: 0 0 30px 0;
}
.social-button ul {
  width: 100%;
  display: table;
  border-collapse: separate;
  border-spacing: 5px 0;
  table-layout: fixed;
}
.social-button ul li {
  display: table-cell;
  border-radius: 4px;
  position: relative;
}
.social-button ul li.tw-btn,
.social-button ul li.fb-btn,
.social-button ul li.line-btn {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.social-button ul li a{
  display: block;
  /*position: absolute;*/
  width: 100%;
  height: 61px;
}
.social-button ul li.tw-btn {
  background-color: #31A5DE;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAA4CAMAAAB32H4HAAAAe1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////NgkbwAAAAKHRSTlMAtuCqEPM9aPjRRyjt5goFFcsb18TApJJ1MCEMu5d7YlTaoIlvNYFdcPHiqAAAAe9JREFUSMed1dmyojAUBdAdwjyLoqgMzjf//4UNt2NT0CHTerKouCvnZIKBpCdZyEKHNBdY82s2Iz7+OT8K/KquUHEpW3rw/8SEPfkYSpT1OGxtP1b2fo7fvZJPhrGjIiVl/8uIxyYBH9SMvztpRQ7bRsG1bHQssIlKUup86jJGf2fcuptrJJtLjqSPprryb88SiLXbKaShGe+syzjvByIXpnDIecwXLQUxL0VKxLsRzp/SQNngtd23p9EiO8bKXppCcnCnVfwNC5kspZcsqNNUmKWSFEcx7fZ1AXfXjbmJhzwCf2of0YuRjvSi2tGOqTJm5zBnuCVwTu1i6Bxz9k7+dC/ZOC3PjFcTq5hmjilCZi3GrLaPcfWPsO56l5ZVrV+Ck23M8hC7mXVr1Je2Wo2VwSomwNqPRZtDwZP03hvHPCBQvEyP1RliMTFJIYKEa3qP7h4z8YZAZ37ViFSGS+VdINSYxfTYYNTfXYEN153BzkuwKdefzwCZQHPJO8iVz4yptQVUCr+nB0V7r9BREXlKCR1BKn9vXWiII8UZyKGUD4oQ9oFKeaOq9c7izSLi99mPh8/xzpSO2811tR+pfQyZhOqEOEEBhaRTNSUaCmi4BpKdm3Y+tFUBTUV79unDVHL70IPzW2GYReQU+Dm0/AHm42nRZseFmAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: 35px 28px;
  background-position: center center;
}
.social-button ul li.fb-btn {
  background-color: #385691;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA4CAMAAADdG7i7AAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMA+pzQMWCx9uBHkIBS7NzYysCtljYM7saJcmdZHhStwoq7AAAAhElEQVQ4y+3QSQ7CMBAFURtIPGZOmOn7HxMpQlYiQrGApWv7Nt1frZqc7+qjltQSH6GS1Bu7RuQzRyvA91aIvSaeWiF2FvlSIZ8NsmferQ63ZV/ObbEeVGqDG4e8H5kP/+JiLnbLt8KteKWEMsw18wlZ98wDc2C+MkdkM34ZNXPmzD/yEzpBZUsyuZkAAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 15px 28px;
  background-position: center center;
}
.social-button ul li.line-btn {
  background-color: #00c300;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABKCAMAAAAbgiNiAAAAolBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8ELnaCAAAANXRSTlMAUJCABxXAnycD+9jlD4hg7gzyr3Yb6rd7cE0+90Hj0s6yllQ0qlj0jYQt3V1GyKVrIyEfYt+Uuj4AAAM6SURBVFjDrdfZdqowGIbhTw3IUChUEXEG0VZbtcP+7//WdgO1SSpqFJ4TlxZeEwJxFRfYth2N+lk6nwUTokkwm6dZfxR9f4w72MxK0hlVmKWJxexba3nbpQvcdn5DkxnJgq5aJAbTy0X+M2l59qPrSdvwHdLm+MaViYePA7rJ4DG8NNutSTczt+z88By6g3NukEZGd8oMVIhMupsZ4cTHnGqYf+CPT5dqcT+hMPZU095Q1ndFta3ktR5SA4aiN6ZGjH8n7FIj3FCecIOTNp6oIU8GuA01ZsN7XkCySdW754qPnkrKZhx4AN6UQR86sSPOXXV6/J057B4vixN3Ds/8Zdj/sZKH8AbAJEkXgPg9Scs/v9pi4RYADvxFWJFgAp5DkhaANh39Q1HqFqeJq7QkakNISHA8jEg24kFlAp2foDEnrgNgVAZtxoWWqQZ8Oj/CRymIcXAMtsrg1udelB75iHWDSP4E11QhhqsdxEENLqmCiye9oM3v2IUS3LkFR31YQHpBi+/xeSAHjTE3TQYk0w3uYgbgXQSFFzXo6AWnRQpdXwQrd2cHA90gLfllbIlgaBVGyrIGcLWDMwvfRHBsFoI/q9zTDlJxGa/cNik2J8HsXJD868ENRifBfz0uDk6DtJaDeY9LX0m2gzf5uzmEBhctA3lzGBP3YElBVh43nZMwCQFTHaGQFiMcykEyWbnbvEDokxCrO7Z64J6X+KItpJutXa6aCSFTZ6j+pgw6y1ZpnTkUbNY+3++zdX/2+5XLYUA0aa9bpWVHOn/GTh+dhx+D8gtIflE+Oh5Ikndw0RM1ZBai0KGGrFHyXqkRsY0fO2pCYOGX38yEBS+l2nzIvuZU08GDIhcL09B/KrlLNSw+cGJr0t3mFip8du8en4VKRuLcd/0snMHGe7rd6gvnfSU37xS+gUvYNqObvHu4wssz/Uv5sGO4zrMSzQcntqCHRdMXjRu9Y0BfGOXJakYXBK0Qt2FeZO2S7pmnPLVsyPSrxqgi6fDVvZdtnT5sOUMdrt5q6FPvon3OUJO82k7fQ13MEb14y1Dblo4G6xANeDvOtm3YaMKGCj3LRjO6PGdObTRlORmsdHP/AXcTz1YV4+jaAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 40px 37px;
  background-position: center center;
}

/* 周辺の施設 */
#near-exist-entries-box {
  overflow-y: hidden;
  overflow-x: scroll;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}
#near-exist-entries-box ul {
  width: 1265px;
  padding: 0px 10px;
  margin: 0 auto;
  max-width: none;
}
#near-exist-entries-box li {
  margin-right: 5px;
  width: 100px;
  float: left;
}
#near-exist-entries-box li a {
  display: block;
}
#near-exist-entries-box li .spot-img {
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin-bottom: 5px;
}
#near-exist-entries-box li .spot-img img {
  width: auto;
  height: 120%;
}
#near-exist-entries-box li .spot-name {
  margin-bottom: 10px;
  line-height: 1.4;
  font-size: 0.875em;
}


/*** 指数ページ ***/
/* 地図 */
.map-wrap {
  position: relative;
  width: 320px;
  height: 320px;
  margin: 10px auto 20px;
}
.map-date {
  position: absolute;
  top: 0;
  left: 5px;
  font-size: 0.750em;
}

.map-wrap li {
  position: absolute;
  width: 54px;
  height: 64px;
  line-height: 1;
  text-align: center;
  font-size: 0.750em;
}
.map-wrap li a {
  display: block;
  padding: 3px 2px;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  background-color: #FFF;
  opacity: 0.95;
  color: #444;
}
.map-wrap li a:hover {
  background-color: #FBF5D3;
}
.map-wrap li img {
  margin-top: 4px;
}
.map-wrap li span {
  display: inline-block;
}
.map-wrap time.date-time {
  margin: 0px 5px 10px 0;
}

.map-wrap.indexes-map-wrap li img {
  margin: 6px 0 3px;
}

time.map-announce-datetime {
  margin: 0px 5px 10px 0;
}

.indexes-others-box {
  margin: 0 10px;
  background-color: #edf6ff;
}
.indexes-others-box .accordion-btn a {
  position: relative;
  height: 20px;
  line-height: 1;
  padding: 15px 0;
  display: block;
  color: #fff;
  background-color: #6fafff;
  cursor: pointer;
  border-bottom: 4px solid #0061ca;
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
}
.indexes-others-box .accordion-btn a.lower-arrow:after {
  position: absolute;
  content: "";
  top: 40%;
  right: 10%;
  display: block;
  width: 0;
  height: 0;
  border-top: 8px solid #0061ca;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.indexes-others-box .accordion-btn a.top-arrow:after {
  position: absolute;
  content: "";
  top: 40%;
  right: 10%;
  display: block;
  width: 0;
  height: 0;
  border-bottom: 8px solid #0061ca;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

#indexes-others-entries {
  display: none;
}
.indexes-others-box ul {
  padding-bottom: 7px;
}
.indexes-others-box ul li a {
  display: block;
  position: relative;
  background-color: #FFF;
  padding: 13px 5px 15px 10px;
  height: initial;
}
.indexes-others-box ul li .img-box {
  float: left;
  margin-right: 5px;
}
.indexes-others-box ul li .img-box img {
  vertical-align: middle;
  margin: -6px 0;
}
.indexes-others-box ul li p {
  font-size: 0.875em;
  height: 34px;
}

.common-select-tab.indexes-select-tab-lot li a.selected:after {
  content: initial;
}

.index-comment {
  line-height: 1.4;
  margin-top: 5px;
  border-top: 1px dotted #CCC;
  padding: 5px;
  color: #666;
  text-align: left;
}

.index-comment-pref {
  border-top: 0;
  font-size: 0.625em;
  padding: 0 10px 20px 10px;
}

/* 今日・明日の指数・天気 */
.indexes-weather-wrap {
  background-color: #edf6ff;
  position: relative;
  text-align: center;
  margin: -10px 0 10px;
  width: 96%;
  padding: 10px;
}
.indexes-weather-wrap .indexes-icon-box {
  float: left;
  width: 50%;
  margin-bottom: 5px;
}
.indexes-weather-wrap .indexes-icon-box .indexes-telop {
  /*font-size: 0.875em;*/
  display: block;
}
.indexes-weather-wrap .weather-icon-box {
  float: left;
  background-color: #FFF;
  padding: 5px 0;
  border-radius: 4px;
  width: 50%;
}
.indexes-weather-wrap .weather-icon-box img {
  vertical-align: middle;
}
.indexes-weather-wrap .weather-icon-box p.weather-telop {
  display: inline-block;
  font-size: 0.750em;
}
.indexes-weather-wrap .weather-icon-box .precip {
  display: block;
}

.indexes-weather-wrap p.indexes-telop-1 {
  clear: both;
  font-size: 0.875em;
  background-color: #FFF;
}

.indexes-forecast-week th {
  width: 20%;
}
.forecast-point-week.indexes-forecast-week td {
  font-size: 0.750em;
  border-bottom: 0;
}
.forecast-point-week.indexes-forecast-week td.date {
  border-bottom: 1px solid #EEE;
}
.forecast-point-week.indexes-forecast-week td.indexes-icon {
  width: 25%;
}
.forecast-point-week.indexes-forecast-week td.precip {
  width: 15%;
}
.forecast-point-week.indexes-forecast-week td.indexes-telop-1 {
  border-bottom: 1px solid #EEE;
  padding: 3px;
  border-top: 0;
  border-radius: 4px 0 0 0;
  background: #edf6ff;
}


/*** レジャー天気ページ ***/
.leisure-legacy-golf-wrap h3 a {
  color: #FFF;
}
.leisure-legacy-golf-wrap h3 .sub-title-right {
  font-size: 0.625em;
  text-align: right;
  display: block;
}
.leisure-legacy-golf-wrap h3 .sub-title-right img {
  vertical-align: bottom;
}
.leisure-legacy-golf-wrap .img-box {
  float: left;
  margin-right: 10px;
}
.leisure-legacy-golf-wrap .body {
  padding-top: 8px;
}
.leisure-legacy-golf-wrap .more-link-box a {
}

.leisure-forecast-point-week-info,
.leisure-forecast-info,
.forecast-info {
  font-size: 0.750em;
  margin: -20px 5px 30px;
  line-height: 1.4;
}


/*** お出かけ天気ページ ***/
/* tenki.jp topページのお出かけスポット天気　人気ランキング */
.leisure-ranking-btn-wrap {
  margin-top: -10px;
  margin-bottom: 10px;
}
.leisure-ranking-btn-wrap .img-box .rank-1,
.leisure-ranking-btn-wrap .img-box .rank-2,
.leisure-ranking-btn-wrap .img-box .rank-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 23px;
  height: 16px;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  padding: 4px 2px;
}
.leisure-ranking-btn-wrap .img-box .rank-1 {
  background: url('https://static.tenki.jp/images/icon/leisure/rank-1.png') no-repeat, rgba(0,0,0,0.5);
  background-position: 2px 4px;
  background-size: 23px 16px;
}
.leisure-ranking-btn-wrap .img-box .rank-2 {
  background: url('https://static.tenki.jp/images/icon/leisure/rank-2.png') no-repeat, rgba(0,0,0,0.5);
  background-position: 2px 4px;
  background-size: 23px 16px;
}
.leisure-ranking-btn-wrap .img-box .rank-3 {
  background: url('https://static.tenki.jp/images/icon/leisure/rank-3.png') no-repeat, rgba(0,0,0,0.5);
  background-position: 2px 4px;
  background-size: 23px 16px;
}


/*** 凡例 ***/
.rank-index-box {
  background-color: #edf6ff;
  margin: 0 auto 30px;
  padding: 5px 0;
  text-align: center;
  font-size: 0.625em;
  max-width: 640px;
}
.rank-index-box ul {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.rank-index-box li {
  display: table-cell;
}
.rank-index-box li span {
  display: block;
}


/*** 日直記事 ***/
.recent-entries {
  margin: 0 10px;
}
.recent-entries ul {
  margin: 0 auto 20px;
  max-width: 640px;
}
.recent-entries ul li {
  width: 48%;
  float: left;
  margin-right: 10px;
}
.recent-entries ul li:nth-child(even) {
  margin-right: 0;
}
.recent-entries ul li a {
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}
.recent-entries ul li:last-child a,
.recent-entries ul li:nth-last-child(2) a {
  margin-bottom: 0;
}
.recent-entries ul li .recent-entries-img-wrap {
  margin-bottom: 5px;
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 63%;
  overflow: hidden;
}
.recent-entries ul li .recent-entries-img-box {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.recent-entries ul li .recent-entries-img-box img {
  width: 120%;
  height: auto;
}
.recent-entries ul li .recent-entries-title {
  color: #444;
  line-height: 1.4;
}
.recent-entries ul li .recent-entries-date {
  color: #999;
  font-size: 0.687em;
  text-align: right;
  display: block;
}

/*** tenki.jpサプリ ***/
.recent-entries-suppl-box {
  margin: 0 4px 10px 4px;
}
.recent-entries-suppl-box ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px 0;
  max-width: 640px;
  padding-bottom: 10px;
  margin: 0 auto;
}
.recent-entries-suppl-box ul:last-child {
  padding-top: 10px;
  border-top: 1px solid #EEE;
}
.recent-entries-suppl-box ul.one-line {
  border-top: 0;
}
.recent-entries-suppl-box ul li {
  display: table-cell;
  border-right: 1px solid #EEE;
  padding: 0 5px 0 0;
  vertical-align: top;
}
.recent-entries-suppl-box ul li:last-child {
  border-right: 0;
}
.recent-entries-suppl-box ul li a {
  display: block;
  background-color: #FFF;
  overflow: hidden;
}
.recent-entries-suppl-box ul li .recent-entries-img {
  width: 100%;
  height: 70px;
  margin-bottom: 5px;
  border-radius: 3px;
  max-width: 92px;
  overflow: hidden;
  margin: 0 auto;
}
.recent-entries-suppl-box ul li .recent-entries-img img {
  width: auto;
  height: 120%;
}
.recent-entries-suppl-box ul li .recent-entries-title {
  color: #444;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  margin-top: 5px;
  line-height: 1.4;
}
.recent-entries-suppl-box ul li .recent-entries-date {
  color: #999;
  font-size: 0.687em;
  text-align: right;
  display: block;
}

/* サプリの特集・記事共通（2列） */
.suppl-other-contents,
.common-recent-entries {
  margin: 0 auto 20px;
  max-width: 640px;
  position: relative;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.suppl-other-contents li,
.common-recent-entries li {
  width: 48%;
  float: left;
  margin-right: 10px;
}
.suppl-other-contents li:nth-child(even),
.common-recent-entries li:nth-child(even) {
  margin-right: 0;
}
.suppl-other-contents li:last-child a, .suppl-other-contents li:nth-last-child(2) a,
.common-recent-entries li:last-child a, .common-recent-entries li:nth-last-child(2) a {
  margin-bottom: 0px;
}
.suppl-other-contents li a,
.common-recent-entries li a {
  margin-bottom: 20px;
  position: relative;
  display: block;
  overflow: hidden;
}
div.suppl-other-contents-img-wrap,
.common-recent-entries .img-wrap {
  margin-bottom: 5px;
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 63%;
  overflow: hidden;
}
div.suppl-other-contents-img-box,
.common-recent-entries .img-box {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.suppl-other-contents li a img {
  width: 120%;
  height: auto;
}
.common-recent-entries li a img {
  width: 100%;
  height: auto;
}
.suppl-other-contents li a p,
.common-recent-entries li a p {
  line-height: 1.4;
}
.suppl-other-contents li img.new,
.common-recent-entries li img.new {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 1;
  width: 30px;
  height: 30px;
}
.common-recent-entries li a .date-time {
  margin: 5px 0 0 0;
  text-align: left;
}

/* 記事共通css */
.common-sub-column-entries {
  margin: 0 10px;
}
.common-sub-column-entries a {
  display: block;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 10px;
}
.common-sub-column-entries a:hover {
  color: #0B5DAA;
  text-decoration: none;
}
.common-sub-column-entries ul {
  display: table;
  position: relative;
}
.common-sub-column-entries ul li {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.4;
  color: #444;
}
.common-sub-column-entries ul li.img-box {
  float: left;
  margin-right: 10px;
  overflow: hidden;
  width: 120px;
  height: 75px;
}
.common-sub-column-entries ul li.img-box img {
  width: auto;
  height: 120%;
}
.common-sub-column-entries ul li span.new-box {
  position: absolute;
  top: 3px;
  left: 0;
}

/* 記事共通（画像表示が正方形） */
.common-sub-column-entries-square {
  margin: 0 10px 20px 10px;
}
.common-sub-column-entries-square li {
  border-bottom: 1px solid #EEE;
}
.common-sub-column-entries-square li a {
  display: block;
  width: 100%;
  line-height: 1.4;
  padding: 10px 0;
}
.common-sub-column-entries-square li:first-child a {
  padding-top: 0;
}
.common-sub-column-entries-square .img-wrap {
  display: table-cell;
}
.common-sub-column-entries-square .img-box {
  margin-right: 10px;
  overflow: hidden;
  width: 60px;
  height: 60px;
  display: block;
}
.common-sub-column-entries-square .img-box img {
  width: 100%;
  height: auto;
}
.common-sub-column-entries-square .img-box img.no_img {
  width: 100%;
  height: 100%;
}
.common-sub-column-entries-square .body {
  display: table-cell;
  vertical-align: middle;
  word-break: break-all;
  word-wrap: break-all;
}
.common-sub-column-entries-square .body .new {
  color: #FF0000;
  font-size: 0.687em;
  font-weight: bold;
  padding-left: 5px;
}
.common-sub-column-entries-square .body .date-time {
  display: block;
  margin: 5px 0 0 0;
  text-align: left;
}

/* 気象ニュース */
.news-entries {
  margin: 0 10px;
}
.news-entries li {
  display: table;
  width: 100%;
}
.news-entries li a {
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}
.news-entries li .img-wrap {
  display: table-cell;
}
.news-entries li .img-box {
  position: relative;
  margin-right: 10px;
  overflow: hidden;
  width: 120px;
  height: 80px;
}
.news-entries li .img-box img {
  width: 100%;
  height: auto;
}
.news-entries li .body {
  display: table-cell;
  position: relative;
  width: 100%;
}
.news-entries li .title {
  line-height: 1.4;
}
.news-entries li .date-time {
  font-size: 0.625em;
  color: #999;
}
.news-entries li .news-entries-type {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 0.625em;
  color: #999;
}
.news-entries li .news-entries-no-image {
  text-align: center;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #D0D0D0;
  width: 120px;
  height: 80px;
  margin-right: 10px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.news-entries li .news-entries-no-image span {
  line-height: 80px;
}
.news-entries li .new {
  font-size: 0.687em;
  font-weight: bold;
  padding-left: 5px;
}

.top-sub-column-entries-square .img-box img {
  width: 100%;
  height: auto;
}

.top-sub-column-attention {
  margin: -20px 10px 30px;
}
.top-sub-column-attention .pr-mark {
  color: #999;
  padding-left: 5px;
  font-size: 0.500em;
}

/***  注目の情報  ***/
/* 注目の情報（画像が正方形） */
.common-sub-column-attention {
  margin: 0 10px 20px 10px;
}
.common-sub-column-attention li {
  border-bottom: 1px solid #EEE;
}
.common-sub-column-attention li a {
  display: block;
  width: 100%;
  line-height: 1.4;
  padding: 10px 0;
  color: #0B5DAA;
}
.common-sub-column-attention li:first-child a {
  padding-top: 0;
}
.common-sub-column-attention .img-wrap {
  display: table-cell;
}
.common-sub-column-attention .img-box {
  margin-right: 10px;
  overflow: hidden;
  width: 60px;
  height: 60px;
  display: block;
}
.common-sub-column-attention .img-box img {
  width: auto;
  height: 100%;
}
.common-sub-column-attention .body {
  display: table-cell;
  vertical-align: middle;
}
.common-sub-column-attention .body .title {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.4;
}
.common-sub-column-attention .body .text {
  font-size: 0.750em;
  line-height: 1.4;
}

.lite-twitter-attention {
  margin-top: -20px;
}

/***  メニューアイコン  ***/
/* メニューアイコン 天気予報 */
.icon-menu-forecast {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_forecast.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
}
/* メニューアイコン 雨雲(予報) */
.icon-menu-rainmesh {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_rainmesh.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
}

/* メニューアイコン 雨雲(実況) */
.icon-menu-radar {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_radar.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
}

/* メニューアイコン 豪雨レーダー */
.icon-menu-map {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_map.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
}

/* メニューアイコン PM2.5 */
.icon-menu-particulate_matter {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_particulate_matter.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
}

/* メニューアイコン アメダス */
.icon-menu-amedas {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_amedas.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
}

/* メニューアイコン 警報注意報 */
.icon-menu-warn {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_warn.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
}

/* メニューアイコン 地震 */
.icon-menu-earthquake {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_earthquake.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
}

/* メニューアイコン 天気図 */
.icon-menu-chart {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_chart.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
}

/* メニューアイコン お出かけ天気 */
.icon-menu-park {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_park.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
}

/* メニューアイコン 花粉情報 */
.icon-menu-pollen {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_pollen.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
}

/* メニューアイコン 桜情報 */
.icon-menu-sakura {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_sakura.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
}

/* メニューアイコン GW */
.icon-menu-goldenweek {
  background-image:url(https://static.tenki.jp/images/icon/menu/icon_menu_goldenweek.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
}

/* メニューアイコン 梅雨入り・梅雨明けページ */
.icon-menu-rainy-season {
  background-image:url(https://static.tenki.jp/images/icon/menu/icon_menu_rainy_season.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
}

/* メニューアイコン 熱中症情報 */
.icon-menu-heatstroke {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_heatstroke.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
}

/* メニューアイコン 紅葉情報 */
.icon-menu-kouyou {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_kouyou.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
}

/* メニューアイコン スキー情報 */
.icon-menu-ski {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_ski.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
}

/* メニューアイコン 世界天気 */
.icon-menu-world {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_world.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
}

/* tenki.jp + more への誘導リンク */
.tenkijp-more-link-box {
  border: 2px solid #EEE;
  margin: 30px 10px;
  text-align: center;
}
.tenkijp-more-link-box a {
  display: block;
  color: #0B5DAA;
  font-weight: bold;
  font-size: 0.875em;
  padding: 5px 5px 5px 25px;
}
.tenkijp-more-link-box p {
  display: inline-block;
  position: relative;
}
.tenkijp-more-link-box p:before {
  content: '';
  position: absolute;
  top: 30%;
  left: -19px;
  width: 20px;
  height: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsSAAALEgHS3X78AAAFg0lEQVRYw82Yf2xTVRTHv/e919eVMdaNzcmPZDiNqAy2JQ1igjL+MDNFQv8xM9kfKxGT8daalpgQEcOICGjMumzdw8QpI2bg/mIabVyUMASikvfHBp2GyK/hxjSg2wqjtH171z98bz66rnuvq8JJmvSe3nffp+eee+45h1BKYUYahRZfLMG5onFmZUJGjqa3cLhn45WLPKf8wLLyR23BHUPIghAjgJ7GwPrbd/nOa2NM2WScEiMLryzG7/bc+Pvtoq/lPwP0eppLI5PWE4N/kMczfUFZAcYfscc2B9v9ZzJ5nkm3leeHbVdTwA0A2AtgI4AqKSQQAFXq2A/gC/3kK2OwXxjJ+b6hobUjaxZsaGjtkK5zryWpjwBokkLCtbkWdTjFFQDcAPbo9WuW0P5PP2msmhdgCrghAG4pJPSZ/fcOp1gJoBNAhaarXKac6vjYU50RYKMQqA3fyDmmOwgDAKqlkDBudMEd3wwcTRA2DsDXVlM+7nCKdgAtAOq1OWtL5YPioTfeMu2DI3/lHJ4PHABQkHwA9QylYW9vuFoKCeNSSHDrfXNw1LLT62kuNQW47fVg33CE2v6xKyIAXGbhAEAmTF2+HD2qELIMwElvb9it/uRW3QWTcUoik9YThrfY62kuPT9su6qznl8KCfOKXwe6vuy4UVSm+XJVW015v8MpVgM4qc1Z91js+bnCDwcACZl7Rwc3ZBbuva4318uQHf8uyklv1324bf/h7qLRpau2MJR+BmC1FBL6HE7xFIANAHD3Ht+mhqj0W3w7ym3S6ZrMWmsCY/u65XMB7TOBsX0AsGtrras4HrmlEFLu7Q27ktcfHWfKDfngxZt4VKfrQRZlCsxWnQ9CDVdDAHAzSjlPY2B9WsBGIVCrvyUyORjpZO/mdV9xVPkFgH7d6ZiqKOymOXyQLNGN++cLVMut9e+pa7nPhwMvrXkmadr0bRSXmefSWpBSpiTVg2ZEIUq+9p0FM2rgEcPvYRSK4vla7Tfl1krt++665u5sAnIso4R1Y7sp/+ry+X6ml/dfmPrTlm6etzdsB2BvqynXwAzfxVzSuHK2ibu7hI44Yk9o4xiJLf9WvnJfKlZIrHSW2+A6C3oawKZkQ3CsciktIMMoxwEE1CuuKtlC3fK5AABUcIujA3J6Sz3JFkyksF41CMmTQRI69bQFk3ZwJmBbcMeQ69VD0eEItYFikcMpuqSQMCMWLidFgyWW/AIAmKSxgrPySOGLlrLLhbQomO6A8HTqYJywUDMaLVesAIBcntC5SgIOAIryps4NR5gNuoA6AzBGEwXfqVtawS2OAoCVWoeTQ8pM67HPsqBnW2pW9+kDNgCsKFCuGPLBHD6xG7CeVnVbHE6xUgoJ/Rw46WXu6VMAkEvzumu5IisAWCh//Fj9B0aqtn4Ae6dAelTr2UHgh+qpC22JoOGEtX5r+yVd/TEghYRKZFkcTrEHwBYAWL6IRHs+377AcD6YtyDuzuWJdgorHE6xM8twbg0OAJYVxnaZSliD7f4zT5VM6SuyeodT9GUJTgBweNoYPLnz0zV+RUZFU9JWa9WcL9MkwuEUm5KrO/3aajlgruxMAWm6slOz5yYtOU0jaSFn7SykgNQKqU4APanqY7WCc6mhZIMJQ88Kmbb1IWxvPTA4atk5Sz9mIik9qwSQnzwplyfUzuP6yB1amgnknM0jr6e5NBrjj/x6k33BaONIk1Ul9HLegrj7x6vWsJqkVpiFJGbab8L21gOT99hXJqLM0ukSVSfFNiIXLqS38mzy1xZOflffglO33zQkMdsfnNlkCtS2i/5ugwfHNOS8ATMIO6Yg/3dAk5AbGTwAUYN+tRq2MmtgPiyQDwzQKOQD8cFZfLIzqWgbB+B+KADTyd+U/HxD+eBGWwAAAABJRU5ErkJggg==);
  background-size: 20px 20px;
  background-repeat: no-repeat;
}

/*** アメダスランキング ***/
.amedas-ranking-change-tab-box {
  margin-bottom: 30px;
}

#amedas-ranking-parent-tab.change-tab {
  border-top: 1px solid #1d53a4;
  border-right: 1px solid #1d53a4;
  table-layout: fixed;
  font-size: 0.875em;
  width: 100%;
  text-align: center;
  display: table;
  box-sizing: border-box;
}
#amedas-ranking-parent-tab.change-tab li {
  border-left: 1px solid #1d53a4;
  border-bottom: 1px solid #1d53a4;
  color: #0061ca;
  display: table-cell;
  line-height: 1.4;
  width: 100%;
  height: 100%;
}
#amedas-ranking-parent-tab.change-tab li a {
  display: block;
  padding: 13px 0;
  width: 100%;
  height: 100%;
}
#amedas-ranking-parent-tab.change-tab li a:hover {
  background: #1d53a4;
  color: #fff;
  opacity: 1;
  text-decoration: none;
}
#amedas-ranking-parent-tab.change-tab li.selected {
  position: relative;
  background-color: #1d53a4;
  color: #FFF;
  padding: 13px 0;
}
#amedas-ranking-parent-tab.change-tab li.selected::before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(1, 96, 194, 0);
  border-top-color: #1d53a4;
  border-width: 8px;
  margin-left: -8px;
}

.amedas-ranking-change-tab {
  width: 100%;
  text-align: center;
  font-size: 0.875em;
}
.amedas-ranking-change-tab li {
  width: 49.5%;
  float: left;
  margin-right: 2px;
  margin-top: 10px;
}
.amedas-ranking-change-tab li:last-child {
  margin-right: 0;
}
.amedas-ranking-change-tab li.active-tab {
  background-color: #1d53a4;
  color: #FFF;
  padding: 13px 0 15px;
  border-top: 0;
}
.amedas-ranking-change-tab li a {
  display: block;
  color: #1d53a4;
  background-color: #d9d9d4;
  border-top: 10px solid #FFF;
  padding: 8px 10px 10px 10px;
}
.amedas-ranking-change-tab-precip li {
  width: 32.9%;
}
.amedas-ranking-change-tab-snow li {
  width: 100%;
  margin-right: 0;
}

.amedas-ranking-list-box {
  background-color: #FFF;
  margin-bottom: 30px;
}
.amedas-ranking-list-box ul {
  border: 1px solid #0B5DAA;
  border-top: 3px double #0B5DAA;
}
.amedas-ranking-list-box li {
  padding: 5px 0px;
  font-size: 0.750em;
  line-height: 1.4;
  border-bottom: 1px solid #EEE;
}
.amedas-ranking-list-box li:last-child {
  border-bottom: 0;
}
.amedas-ranking-list-box li a {
  padding: 10px 0px;
  color: #0B5DAA;
}
.amedas-ranking-list-box li span.rank {
  width: 7%;
  text-align: right;
  display: inline-block;
  margin-right: 5px;
  font-weight: bold;
}
.amedas-ranking-list-box li a.pref {
  width: 20%;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
}
.amedas-ranking-list-box li a.point {
  width: 28%;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
}
.amedas-ranking-list-box li span.value,
.amedas-ranking-list-box li span.precip-24,
.amedas-ranking-list-box li span.precip-48,
.amedas-ranking-list-box li span.precip-72 {
  width: 36%;
  display: inline-block;
  text-align: right;
}
.amedas-ranking-list-box li span.time {
  width: 12%;
  display: inline-block;
  padding-left: 5px;
  text-align: right;
}
.amedas-ranking-list-box li span.precip-hour {
  width: 22%;
  display: inline-block;
  text-align: right;
}
.amedas-ranking-list-box li span.wind-value {
  width: 22%;
  display: inline-block;
  text-align: right;
}
.amedas-ranking-list-box li span.wind-direction {
  width: 12%;
  display: inline-block;
  padding-left: 5px;
  text-align: center;
}

.amedas-ranking-list-none,
.amedas-ranking-list-box p {
  font-size: 0.875em;
  border: 1px solid #CCC;
  text-align: center;
  padding: 10px 5px;
}

/* アメダス降水量・降雪量タブ切り替え */
.amedas-record-change-tab {
  margin-bottom: 0;
  font-size: 0.875em;
}
.amedas-record-change-tab li a {
  display: block;
  color: #1d53a4;
  background-color: #d9d9d4;
  border-top: 10px solid #FFF;
  padding: 8px 10px 10px 10px;
}
.amedas-record-change-tab li a.selected {
  padding: 13px 10px 15px 10px;
}

.amedas-card-type-box-wrap {
  margin: 0 10px;
}

#amedas-record-snow-main-column-thumbnail {
  display: none;
}
#amedas-record-snow-main-column-thumbnail,
#amedas-record-main-column-thumbnail {
  background-color: #edf6ff;
  padding-bottom: 20px;
}
#amedas-record-snow-main-column-thumbnail time.date-time,
#amedas-record-main-column-thumbnail time.date-time {
  margin: 0;
  padding: 5px 10px 5px 0;
}
#amedas-record-snow-main-column-thumbnail .common-card-type-box,
#amedas-record-main-column-thumbnail .common-card-type-box {
  margin-bottom: 0;
}

.amedas-card-type-box li a p {
  background-color: #FFF;
  border-radius: 0 0 4px 4px;
}
.amedas-record-change-tab li#common-change-tab-left a span {
  background-image: url(https://static.tenki.jp/images/icon/amedas/precip-blue.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position-y: 50%;
  display: block;
  width: 70px;
  margin: -10px auto;
  padding: 10px 5px;
  text-align: right;
}
.amedas-record-change-tab li#common-change-tab-left a.selected span {
  background-image: url(https://static.tenki.jp/images/icon/amedas/precip-white.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position-y: 50%;
  display: block;
  width: 70px;
  margin: -10px auto;
  text-align: right;
}
.amedas-record-change-tab li#common-change-tab-right a span {
  background-image: url(https://static.tenki.jp/images/icon/amedas/snow-blue.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position-y: 50%;
  display: block;
  width: 70px;
  margin: -10px auto;
  padding: 10px 5px;
  text-align: right;
}
.amedas-record-change-tab li#common-change-tab-right a.selected span {
  background-image: url(https://static.tenki.jp/images/icon/amedas/snow-white.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position-y: 50%;
  display: block;
  width: 70px;
  margin: -10px auto;
  text-align: right;
}

/* 発表中の警報・注意報 */
.warn-announced-table {
  margin: 10px 0 30px 0;
  width: 100%;
}
.warn-announced-table th {
  padding: 10px 0 5px 10px;
  white-space: nowrap;
  text-align: left;
}
.warn-announced-table th.warning {
  padding: 10px;
  background-color: #edf6ff;
  font-size: 1.125em;
}
.warn-announced-table th.special-heavy-rain {
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  position: relative;
}
.warn-announced-table th.special-heavy-rain:first-child {
  /*border-top: 0;*/
}
.warn-announced-table th.special-heavy-rain:before,
.warn-announced-table th.special-heavy-rain:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: 24%;
}
.warn-announced-table th.special-heavy-rain:before {
  border-top: 10px solid #FFF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  z-index: 10;
  bottom: -9px;
}
.warn-announced-table th.special-heavy-rain:after {
  border-top: 10px solid #EEE;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  z-index: 5;
  bottom: -10px;
}
.warn-announced-table th img {
  margin-right: 3px;
  margin-top: 4px;
}
.warn-announced-table th .is-special-warn {
  margin: 0px 6px 5px 0;
  padding: 2px 4px;
  background-color: #C800FF;
  color: #FFF;
  font-weight: normal;
  box-shadow: 0 0 1px rgba(0,0,0,.2);
  border-radius: 3px;
  font-size: 0.84em;
  display: inline-block;
}
.warn-announced-table th .is-warn {
  margin: 0px 6px 5px 0;
  padding: 2px 4px;
  background-color: #FF0909;
  color: #FFF;
  font-weight: normal;
  box-shadow: 0 0 1px rgba(0,0,0,.2);
  border-radius: 3px;
  font-size: 0.84em;
  display: inline-block;
}
.warn-announced-table th .is-alert {
  margin: 0px 6px 5px 0;
  padding: 2px 4px;
  background-color: #FFFF09;
  color: #444;
  font-weight: normal;
  box-shadow: 0 0 1px rgba(0,0,0,.2);
  border-radius: 3px;
  font-size: 0.84em;
  display: inline-block;
}
.warn-announced-table td {
  padding: 15px 5px 20px 5px;
}
.warn-announced-table td a {
  position: relative;
  display: inline-block;
  padding: 5px 20px 5px 10px;
  margin: 0 5px 5px 0;
}

/* 台風の暴風域に入る確率 */
.sub-column-section-wrap {
  margin: 0 5px;
}
.sub-column-typhoon-storm-box {
  width: 100%;
  margin-bottom: 10px;
}
.sub-column-typhoon-storm-box a {
  background-color: #F4F4EE;
  padding: 5px;
  box-shadow: 0 0 2px rgba(0,0,0,.3);
  display: block;
}
.sub-column-typhoon-storm-box .img-box {
  position: relative;
  float: left;
  width: 76px;
  height: 57px;
  overflow: hidden;
}
.sub-column-typhoon-storm-box .img-box img {
  width: 100%;
  height: auto;
}
.sub-column-typhoon-storm-box .img-box .title {
  position: absolute;
  top: 16px;
  left: 0;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  width: 76px;
}
.sub-column-typhoon-storm-box .body {
  float: left;
  margin-left: 5px;
  width: 73%;
}
.sub-column-typhoon-storm-box h3 {
  font-size: 0.875em;
  padding: 0 0 5px 0;
  border-bottom: 0;
  margin-bottom: 0;
  background-color: initial;
  color: #444;
}
.sub-column-typhoon-storm-box ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  text-align: center;
  line-height: 1em;
}
.sub-column-typhoon-storm-box ul li {
  display: table-cell;
  border-right: 1px solid #CCC;
}
.sub-column-typhoon-storm-box ul li:last-child {
  border-right: 0;
}
.sub-column-typhoon-storm-box ul li .date-time {
  font-size: 0.625em;
  color: #999;
}
.sub-column-typhoon-storm-box ul li .percent-value {
  font-size: 0.750em;
  display: inline-block;
  width: 50px;
}
.sub-column-typhoon-storm-box ul li .percent-value.ten {
  background-color: #FFFFD5;
}
.sub-column-typhoon-storm-box ul li .percent-value.twenty {
  background-color: #FFFF9A;
}
.sub-column-typhoon-storm-box ul li .percent-value.thirty {
  background-color: #FFFF28;
}
.sub-column-typhoon-storm-box ul li .percent-value.fourty {
  background-color: #FFF300;
}
.sub-column-typhoon-storm-box ul li .percent-value.fifty {
  background-color: #FFDE00;
}
.sub-column-typhoon-storm-box ul li .percent-value.sixty {
  background-color: #FFC200;
}
.sub-column-typhoon-storm-box ul li .percent-value.seventy {
  background-color: #FFA000;
}
.sub-column-typhoon-storm-box ul li .percent-value.eighty {
  background-color: #FF8000;
  color:#FFFFFF !important;
}
.sub-column-typhoon-storm-box ul li .percent-value.ninety {
  background-color: #FF5400;
  color:#FFFFFF !important;
}
.sub-column-typhoon-storm-box ul li .percent-value.hundred {
  background-color: #F70000;
  color:#FFFFFF !important;
}

/* 背景画像のオン・オフ */
#promotion-switcher {
  display: block;
  font-size: 0.875em;
  margin: 0 auto 20px;
  width: 96px;
  padding: 5px;
  line-height: 1em;
  border-radius: 4px;
  border: 1px solid #EEE;
  background-color: #fff;
}
#promotion-switcher a {
  display: inline-block;
  margin-left: 5px;
  font-size: 0.875em;
  padding: 4px 5px 2px;
  line-height: 1em;
  border-radius: 4px;
}
#promotion-switcher a#promotion-switcher-on {
  background-color: #6FAFFF;
  color: #FFF;
}
#promotion-switcher a#promotion-switcher-off {
  background-color: #EEE;
}

/* 記事タグまとめページ */
.tag-description {
  background-color: #FFF;
  padding: 0 10px;
  margin-bottom: 20px;
}

.tag-recent-entries-wrap {
  margin-bottom: 20px;
}
.tag-recent-entries-box {
  display: flex;
  flex-wrap: wrap;
  padding-right: 10px;
}
.tag-recent-entries {
  box-sizing: border-box;
  width: 50%;
  margin-bottom: 20px;
  padding-left: 10px;
}
.tag-recent-entries > a {
  position: relative;
  display: block;
  overflow: hidden;
}
.tag-recent-entries > a > img.new {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 1;
  width: 30px;
  height: 30px;
}
.tag-recent-entries > a > .img-box-wrap {
  margin-bottom: 5px;
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 63%;
  overflow: hidden;
}
.tag-recent-entries > a > .img-box-wrap > .img-box {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tag-recent-entries > a > .title {
  color: #0a4ba0;
  font-weight: bold;
  line-height: 1.6;
  font-size: 0.850em;
}
.tag-recent-entries > a > .date {
  font-size: 0.750em;
  color: #999;
}


/* 全面ジャック広告用記述 ここから
header,
.ft-sns-box {
  background-color: #fff;
}
.pr-saitama2:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background-image: url("/images/icon/promotion/saitama2/bg-lite.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#slidemenu,
#hd-search-box,
.pr-saitama2 h2,
.pr-saitama2 .forecast-comment,
.pr-saitama2 .top-sub-column-attention,
.pr-saitama2#forecast-list-entries,
.pr-saitama2 .recent-entries-suppl-box,
.pr-saitama2 .contents-body,
.pr-saitama2 .forecast-days-week,
.pr-saitama2 .forecast-point-1h,
.pr-saitama2 .forecast-point-3h,
.pr-saitama2 .forecast-point-10days,
.pr-saitama2 .top-recent-entries-wrap,
.pr-saitama2 .forecaster-diary-sub-column-recent-entries-wrap,
.pr-saitama2 #forecast-others-point-entries,
.pr-saitama2 .news-entries,
.pr-saitama2 .common-amedas-ranking-indexes-wrap,
.pr-saitama2 .forecast-radar-btn,
.pr-saitama2 .forecast10days-list,
.pr-saitama2 #forecast-list-entries,
.pr-saitama2 .amedas-img-box,
.pr-saitama2 .top-forecaster-wrap-box,
.pr-saitama2 .top-suppl-wrap-box,
.pr-saitama2 .leisure-legacy-golf-wrap,
.pr-saitama2 .forecast-days-7days-week,
.pr-saitama2 .sns-account-list-box {
  background-color: rgba(255, 255, 255, 0.9);
}
.pr-saitama2 .top-forecaster-wrap-box,
.pr-saitama2 .top-suppl-wrap-box {
  padding-bottom: 1px;
}
.pr-saitama2 .forecast-map-wrap-outside {
  background-color: rgba(255, 255, 255, 1);
}
.pr-saitama2 .forecast-radar-btn {
  padding-top: 10px;
}
.pr-saitama2 .pr-bgcolor {
  background-color: #ffffff;
  padding-bottom: 10px;
}
.pr-saitama2 .lite-twitter-attention {
  background-color: rgba(255, 255, 255, 0.9);
  padding-top: 10px;
}
.pr-tokubetsu-banner {
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  max-width: 640px;
}
.pr-tokubetsu-banner a {
  display: block;
  margin-top: 0;
}
.pr-saitama2 .pr-tokubetsu-banner a {
  display: block;
  margin-top: 100vh;
}
.pr-tokubetsu-banner a > img {
  width: 100%;
  height: auto;
}

.pr-saitama2 #forecast-public-date-entries-box {
  margin: -28px 0 0;
  background-color: #fff;
}
.pr-saitama2 > time.date-time,
.pr-saitama2 .modal-box .click-title,
.pr-saitama2 > .text-attention-left {
  color: #fff;
}
.pr-saitama2 .forecast-map-wrap-outside {
  padding: 10px 0;
}
.pr-saitama2 .forecast-map-wrap-outside > time.date-time {
  margin-bottom: 0;
}
.pr-saitama2 .recent-entries-suppl-box {
  margin: -10px 0 10px 0;
  padding: 0 4px;
}
.pr-saitama2 .top-recent-entries-wrap,
.pr-saitama2 .news-entries {
  margin: -10px 0 10px 0;
  padding: 10px 10px 0 10px;
}
.pr-saitama2 .forecast-comment {
  margin: 10px 0 0 0;
  padding: 10px;
}
#tenki-ad-SM_north,
.pr-saitama2 .tenki-ad-lite-mid,
.pr-saitama2 .tenki-ad-lite-pd,
.pr-saitama2 .tenki-ad-lite-pd1,
.pr-saitama2 ~ .tenki-ad-lite-pd2,
.pr-saitama2 ~ .tenki-ad-lite-pd3,
.pr-saitama2 ~ .tenki-ad-lite-footer,
.pr-saitama2 ~ #taboola-below-article-thumbnails-pd2,
.pr-saitama2 ~ #sp-forecast-pager-anchor-recommend {
  background-color: #fff;
}
.pr-saitama2 .top-sub-column-attention {
  margin: 0 0 30px 0;
  padding: 10px 10px 0;
}
.pr-saitama2 .recent-entries-suppl-box ul li a {
  background-color: rgba(255, 255, 255, 0);
}
.pr-saitama2 .mb30 {
  margin-bottom: 0 !important;
}
.pr-saitama2 .lite-twitter-attention {
  margin-top: 0 !important;
}
.pr-saitama2 .common-amedas-ranking-parts {
  margin-bottom: 0;
}
.pr-saitama2 ul.forecast-select-btn li {
  border-left: 2px solid rgba(255, 255, 255, 0);
}
.pr-saitama2 .common-change-tab li {
  border-top: none;
  margin-top: 10px;
}
.pr-saitama2 .camp-line-title::before {
  z-index: 0;
}
.pr-saitama2 .leisure-forecast-info,
.pr-saitama2 .leisure-forecast-point-week-info {
  color: #ffffff;
  margin: 0 10px;
}
全面ジャック広告用記述 ここまで */



/* 注意文言 */
.main-column-notification-message {
  font-size: 0.750em;
  line-height: 1.4;
  height: auto;
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px 20px 10px;
}

/* 10日間天気-テキストスクロール */
.text-scroll-wrap {
  overflow: hidden;
  height: 1em;
  margin-bottom: 10px;
}
.text-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 12px;
  padding-left: 10px;
  line-height: 1em;
}
.text-scroll > span {
  display: inline-block;
  line-height: 1em;
  font-size: 0.750em;
  align-self: center;
  position: relative;
  /* padding-left: 13px; */
}
/* .text-scroll > span::before {
  content: "！";
  display: inline-block;
  color: #444444;
  background-color: #ffffff;
  border: 1px solid #444444;
  border-radius: 50%;
  position: absolute;
  left: -3px;
  top: -2px;
} */

/* 10日間天気-セレクトタブ */
.selected-tab {
  display: flex;
  align-items: center;
  border-bottom: 3px solid #1d53a4;
  box-sizing:border-box
}
.selected-tab > a {
  width: 100%;
  min-height:3em;
  text-align: center;
  padding: 0.25em 0;
  align-self: stretch;
  border-radius: 5px 5px 0 0;
  background-color: #d9d9d5;
  border-right: 1px solid #ffffff;
  display: flex;
  text-decoration: none;
  align-self:center;
  box-sizing:border-box;
  font-weight: bold;
}
.selected-tab > a > h3 {
  align-self:center;
  width:100%;
  font-size: 1em;
  padding: 0;
  margin-bottom: 0;
  background-color: rgba(0,0,0,0);
  line-height: 1.5;
  color: #1d53a4;
}
.selected-tab > a span {
  display: block;
  font-weight: normal;
  font-size: 0.625em;
  line-height: 1em;
}
.selected-tab > a span.bold {
  font-weight: bold;
}
.selected-tab > a.selected {
  background-color: #1d53a4;
}
.selected-tab > a.selected > h3 {
  color: #fff;
}
.selected-tab > a:last-of-type {border: none;}


/* 10日間天気-モーダルウィンドウ */
.modal-box {
  text-align: right;
  margin-bottom: 20px
}
.modal-box .click-title {
  color: #999999;
  font-size: 0.750em;
  line-height: 1;
  padding-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
  box-sizing: border-box;
}
.modal-box .click-title::after {
  content: "？";
  display: inline-block;
  margin-left: 5px;
  color: #ffffff;
  background-color: #999999;
  border-radius: 50%;
  padding: 3px;
}
.modal-wrapper {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}

.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}

.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: "";
}

.modal-wrapper .modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: 90%;
  max-width: 600px;
  padding: 15px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .6);
  vertical-align: middle;
}

.modal-wrapper .modal-window .modal-content {
  max-height:  50vh;
  overflow-y: auto;
  text-align: left;
}
.modal-wrapper .modal-window .modal-content .content-title {
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 0.750rem;
  line-height: 1;
}
.modal-wrapper .modal-window .modal-content .box {
  margin-bottom: 15px;
  font-size: 0.625rem;
  line-height: 1.4em;
}

.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .8);
}

.modal-wrapper .modal-close {
  z-index: 20;
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  color: #95979c !important;
  font-size: 1.250rem;
  font-weight: bold;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  background-color: rgba(255, 255, 255, .8);
}
.modal-wrapper .modal-close.text-close {
  position: relative;
  display: block;
  width: 6em;
  font-size: 0.875em;
  border: 1px solid #999999;
  margin: 0 auto;
  line-height: 1;
  padding: 5px 0;
  font-size: 0.750rem;
}

.modal-wrapper .modal-close:hover {
  color: #2b2e38 !important;
}

/* リスト部分のスタイル */
.forecast10days-list {
  width: 100vw;
  box-sizing: border-box;
  position: relative;
  /* border-top: 1px solid #cccccc; */
}
/* .forecast10days-list.andmore .modal-box {
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 1;
  font-size: 0.625rem;
} */
.forecast10days-list .forecast10days-title,
.forecast10days-list .forecast10days-actab {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-self: center;
  box-sizing: border-box;
  position: relative;
  padding: 3px 0;
}
.forecast10days-list .forecast10days-title {
  background-color: #f4f4ee;
  border-bottom: 1px solid #eeeeee;
}
.forecast10days-list .forecast10days-actab {
  border-bottom: 1px solid #eeeeee;
  padding: 10px 0;
}
.forecast10days-list .forecast10days-title div,
.forecast10days-list .forecast10days-actab div {
  box-sizing: border-box;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1;
}
.forecast10days-list .forecast10days-title div {
  font-size: 0.750rem;
  font-weight: bold;
  line-height: 1.4;
}
.forecast10days-list .forecast10days-title div.accuracy,
.forecast10days-list .forecast10days-actab div.accuracy {
  width: 20vw;
  font-weight: bold;
}
.forecast10days-list .forecast10days-title div.days,
.forecast10days-list .forecast10days-title div.temp,
.forecast10days-list .forecast10days-actab div.days,
.forecast10days-list .forecast10days-actab div.temp {
  width: 17vw;
}
.forecast10days-list .forecast10days-actab div.temp span.high-temp,
.forecast10days-list .forecast10days-actab div.temp span.low-temp {
  width: 24px;
  display: inline-block;
  text-align: right;
}
.forecast10days-list .forecast10days-title div.prob-precip,
.forecast10days-list .forecast10days-title div.precip,
.forecast10days-list .forecast10days-actab div.prob-precip,
.forecast10days-list .forecast10days-actab div.precip {
  width: 15vw;
}
.forecast10days-list .forecast10days-title div.forecast,
.forecast10days-list .forecast10days-actab div.forecast {
  width: 30vw;
  align-self: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.forecast10days-list .forecast10days-actab div.forecast > span {
  font-size: 0.625rem;
  padding-left: 5px;
}
.forecast10days-list .forecast10days-actab div.forecast10days-actab-content {
  width: 100vw;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.35s;
  font-weight: normal;
}
.forecast10days-list .forecast10days-actab div.accuracy > span {
  color: #5c5c5c;
  background-color: #f4f4ee;
  border-radius: 3px;
  padding: 3px;
  font-size: 0.750em;
}

.forecast10days-actab input {
  position: absolute;
  opacity: 0;
  width: 100vw;
  height: 100%;
  margin: 0;
}
.forecast10days-actab input:checked + label::before {
  content: "−";
}
.forecast10days-actab input:checked ~ .forecast10days-actab-content {
  max-height: 200em;
  margin-bottom: -10px;
}
.forecast10days-actab label {
  line-height: 1;
  position: relative;
  display: block;
  cursor: pointer;
}
.forecast10days-actab label::before {
  content: "+";
  display: inline-block;
  color: #62bcfe;
  font-weight: bold;
  padding-bottom: 4px;
}

/* アコーディオンの中身 */
.forecast10days-actab-content-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  border-top: 1px dotted #eeeeee;
}
.forecast10days-actab-content-list dt {
  width: 14vw;
  font-size: 0.625rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  background-color: #f4f4ee;
}
.forecast10days-actab-content-list dd {
  width: 86vw;
  padding: 0 2vw;
  font-size: 0.625rem;
  box-sizing: border-box;
  justify-content: space-between;
  display: flex;
  align-items: center;
  align-self: center;
}
.forecast10days-actab-content-list dt.time {
  padding-top: 5px;
}
.forecast10days-actab-content-list dd.time-item {
  padding: 0 4vw;
  font-weight: bold;
  margin-top: 10px;
}
.forecast10days-actab-content-list dd.forecast-item {
  padding: 0 5vw;
}
.forecast10days-actab-content-list dt.prob-precip,
.forecast10days-actab-content-list dt.precip {
  padding: 5px 0;
}
.forecast10days-actab-content-list dd.prob-precip-item,
.forecast10days-actab-content-list dd.precip-item {
  padding: 0 5vw;
}
.forecast10days-actab-content-list dd.forecast-item > p,
.forecast10days-actab-content-list dd.prob-precip-item > span,
.forecast10days-actab-content-list dd.precip-item > span {
  width: 22.5vw;
  text-align: center;
  border-left: 1px solid #eeeeee;
  padding: 5px 0;
  align-self: stretch;
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.forecast10days-actab-content-list dd.precip-item > span.past::after {
  content: "---";
  position: absolute;
  /* border-left: 1px solid #eee;
  height: 130px;
  left: -1px;
  bottom: -130px;
  text-align: center;
  width: 19vw;
  box-sizing: border-box;
  padding-top: 27px; */
  left: -4px;
  bottom: -37px;
}
.forecast10days-actab-content-list dd.prob-precip-item > span.past::after {
  content: "---";
  position: absolute;
  left: -4px;
  bottom: -175px;
}
.forecast10days-actab-content-list dd.precip-item > span.past::before {
  content: "---";
  position: absolute;
  bottom: -102px;
  left: -4px;
}
.forecast10days-actab-content-list dd.wind-item {
  padding-bottom: 10px;
}
.forecast10days-actab-content-list dd.wind-item > p {
  width: 30px;
}

.forecast10days-actab-content-list dd.forecast-item > p:last-of-type,
.forecast10days-actab-content-list dd.prob-precip-item > span:last-of-type,
.forecast10days-actab-content-list dd.precip-item > span:last-of-type {
  border-right: 1px solid #eeeeee;
}
.forecast10days-actab-content-list dd.temp-item,
.forecast10days-actab-content-list dd.humidity-item {
  padding: 0 1vw;
}

/* 注意文言 */
.attention-time {
  font-size: 0.875em;
  margin-bottom: 10px;
}