@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;
  border: 0;
  outline: 0;
  font-size: 1em;
  /*vertical-align: baseline;*/
}
html, body {
  width: 100%;
  min-width: 1048px;
  height: 100%;
}
html {
  overflow-y: scroll;
}
body {
  font: normal 1em/1.56em Meiryo, メイリオ, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  color: #444;
  /*text-align: center;*/
  letter-spacing: 0;
  background: #FFF;
  width: 1048px;
  //position: relative;
  margin: auto;
  padding: 0px 20px;
}

body.widesize {
  width: 1280px;
}

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:hover {
  opacity: 0.8;
}
a:hover img {
  opacity: 0.8;
}
a.text-link {
  color: #0B5DAA;
}

ins {
  background-color: #FF9;
  color: #000;
  text-decoration: none;
}
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, .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; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }

/*   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 {
  display: inline-block;
  width: 139px;
  height: 40px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-image: url(https://static.tenki.jp/images/icon/logo/tenkijp-logo.png);
  background-size: 139px 40px;
  background-position: 0 0;
  float: left;
  margin-right: 10px;
}
h1 a {
  display: block;
  height: 50px;
}
h2 {
  border-left: 10px solid #0061ca;
  padding: 5px 120px 5px 10px;
  margin-bottom: 20px;
  font-size: 1.500em;
  line-height: 1.2em;
  position: relative;
}
h2 time.date-time,
h3 time.date-time {
  font-size: 0.625em;
  font-weight: normal;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #999;
}
h2 time.date-time {
  font-size: 0.563em;
}

h3 {
  position: relative;
  font-size: 1.250em;
  /*border-left: 10px solid #0061ca;*/
  border-bottom: 4px solid #0061ca;
  padding: 5px 0;
  margin-bottom: 10px;
}
h3.left-style {
  border-left: 10px solid #0061ca;
  padding: 5px 0 0 10px;
  border-bottom: 0;
}
h3.bottom-style {
  /*border-bottom: 4px solid #0061ca;*/
  /*border-left: 0;*/
  /*padding: 5px 0;*/
}
h3.date-set {
  padding-right: 170px;
}
h3 span.sub-title {
  font-size: 0.750em;
  padding-left: 5px;
}
h3.date-time-set {
  padding-right: 95px;
}
h3.date-time-set span.point-name {
  font-size: 0.750em;
}
h3.date-time-set span.date {
  font-size: 0.625em;
  font-weight: normal;
  color: #999;
  position: absolute;
  top: 4px;
  right: 3px;
}
h3 .sub-title-right {
  font-size: 0.625em;
  font-weight: normal;
  position: absolute;
  right: 0;
  bottom: 0;
}
h4.top-recent-entries {
  margin-bottom: 10px;
}

/* 広告まわり */
.tenki-ad-pc-ct {
  min-width: 920px;
  min-height: 70px;
  max-height: 130px;
  margin-bottom: 20px;
  text-align: center;
}

.tenki-ad-pc-ct-thin {
  min-width: 920px;
  height: 30px;
  margin-bottom: 20px;
  text-align: center;
}

.tenki-ad-1h_point_text {
  min-width: 920px;
  min-height: 70px;
  max-height: 130px;
  margin-bottom: 20px;
}

.tenki-ad-3h_point_text {
  min-width: 692px;
  min-height: 70px;
  max-height: 130px;
  margin-bottom: 20px;
  text-align: center;
}

#tenki-ad-1st_PD {
  min-height: 250px;
}

#tenki-ad-2nd_PD {
  min-height: 250px;
}

.tenki-ad-pd {
  min-width: 300px;
  /*max-width: 336px;*/
  /*min-height: 250px;*/
  max-height: 600px;
  position: relative;
  margin-bottom: 30px;
}

.tenki-ad-3rd-pd {
  position: relative;
  margin-bottom: 30px;
}

.tenki-ad-footer_left {
  float:left;
  margin-right: 20px;
}

.tenki-ad-footer_right {
  float:left;
}

.tenki-ad-footer_left2 {
  float:left;
  margin-right: 20px;
}

.tenki-ad-footer_right2 {
  float:left;
}

.tenki-ad-skyscraper-left {
  position: absolute;
  top: 0;
  left: 50%;
  width: 120px;
  height: 913px;
  margin-left: -664px;
}

.tenki-ad-skyscraper-right {
  position: absolute;
  top: 0;
  left: 50%;
  width: 120px;
  height: 913px;
  margin-left: 544px;
}

#tenki-ad-pc-billboard {
  text-align: center;
  xmargin: 10px 0;
  max-height: 250px;
}

/* -- header --*/
body.widesize .header {
  width: 1280px;
}
.header {
  height: 78px;
  position: relative;
  width: 1048px;
}

.hd-help {
  position: absolute;
  top: 3px;
  right: 0;  
  font-size: 14px;
}
.hd-help a {
  color: #0B5DAA;
}
.hd-help a:hover {
  color: #F89E1C;
}

.hd-suppl-link {
  margin: 5px 0 0;
  height:28px;
}
.hd-suppl-link a {
  display: inline-block;
  position: relative;
  color: #0B5DAA;
  font-size: 12px;
  background-color: #F4F4EE;
  padding: 5px 10px;
  border-radius: 4px;
  line-height: 1;
}
.hd-suppl-link a:after {
  top: 21px;
  left: 15px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #EEE ;
  border-left-color: #EEE ;
  border-width: 6px;
}

#hd {
  width: 1048px;
  height: 40px;
  z-index: 100000;
  background-color: rgba(255,255,255,1.0);
  padding: 5px 0;
  box-shadow: 0 15px 15px -15px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 15px 15px -15px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 15px 15px -15px rgba(0,0,0,0.2);
}

#hd-search-box {
  display: inline-block;
  float: left;
}
#hd-search-box .hd-search-input {
  width: 120px;
  border: 1px solid #CCC;
  border-right: 0;
  border-radius: 4px 0 0 4px;
  vertical-align: top;
  line-height: 1;
  font-family: Meiryo, メイリオ;
  height: 34px;
  font-size: 14px;
  padding: 2px;
}
#hd-search-box button {
  background-color: #0061ca;
  color: #FFF;
  border-style: none;
  border-radius: 0 4px 4px 0;
  line-height: 1;
  font-family: Meiryo, メイリオ;
  height: 40px;
  font-size: 14px;
  padding: 0 6px;
}
#hd-search-box button:hover {
  cursor: pointer;
}

#hd-search-gps {
  display: inline-block;
  float: left;
  margin: 1px 4px 0 5px;
}
#hd-search-gps a {
  display: block;
  background-color: #edf6ff;
  background-image: url('https://static.tenki.jp/images/icon/search-gps.png');
  background-repeat: no-repeat;
  background-size: 17px 17px;
  background-position: 50% 3px;
  padding: 25px 12px 3px;
  color: #0B5DAA;
  font-size: 11px;
  line-height: 1;
  box-shadow: 0 0 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 2px rgba(0,0,0,0.3);
}

.history-entries {
  float: left;
  background-color: #FFF;
}
.history-entries li {
  position: relative;
  float: left;
  margin-left: 4px;
}
.history-entries li:first-child {
  margin-left: 0;
}
.history-entries li a.history-entries-link {
  display: block;
  width: 105px;
  border: 1px solid #CCCCCC;
  padding: 3px 0 4px 0;
}
.history-entries li .img-box {
  padding-right: 2px;
  display: table-cell;
  vertical-align: middle;
  width: 47px;
  text-align: center;
}
.history-entries li .info-box {
  font-size: 10px;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.4;
}
.history-entries li .name {
  overflow: hidden;
  width: 57px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.history-entries li .temp-box {
  display: inline-block;
}
.history-entries li .max_t {
  color: #FF0000;
}
.history-entries li .min_t {
  color: #0096FF;
}
.history-entries li a.history-entry-close {
  width: 13px;
  height: 13px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  font-size: 12px;
  line-height: 1;
  color: #999;
  z-index: 1000;
}
/*.history-entries li a.history-entry-close:after {
  content: "";
  position: absolute;
  bottom: 6px;
  right: -1px;
}*/


/* top nav */
#menu li div {
  display: none;
}
#menu li:hover div {
  display: block;
}
.dropmenu {
  zoom: 1;
  /*margin: 0 auto;*/
  /*padding: 0;*/
  position: relative;
  display: table;
  width: 100%;
  table-layout: fixed;
  background: #0061ca;
}
/*.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}*/
.dropmenu li.main-menu {
  /*width: 12.5%;*/
  /*float: left;*/
  /*margin: 0;*/
  /*padding: 0;*/
  text-align: center;
  display: table-cell;
}
.dropmenu li.main-menu a.main-link {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #FFF;
  line-height: 1;
  font-weight: bold;
}
.dropmenu li.main-menu a.main-link:hover {
  background: #6fafff;
  text-decoration: none;
}
.dropmenu li div {
  background: #002346;
  opacity: 0.9;
  width: 1048px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}

body.widesize .dropmenu li div {
  width: 1280px;
}

.dropmenu li div ul li {
  display: table-cell;
  padding: 10px 0;
}
.dropmenu li div ul li:first-child {
  padding-left: 10px;
}
.dropmenu li div ul li:last-child {
  padding-right: 10px;
}
.dropmenu li div.sub-menu-indexes ul li {
  padding: 4px 0 4px 10px;
}
.dropmenu li div.sub-menu-indexes ul li.title {
  font-size: 0.875em;
  line-height: 1;
  color: #FFF;
  font-weight: bold;
}
.dropmenu li ul li a {
  padding: 13px 10px 13px 25px;
  text-align: left;
  font-size: 0.875em;
  font-weight: normal;
  position: relative;
  border-radius: 4px;
  display: block;
  line-height: 1;
  color: #FFF;
}
.dropmenu li div.sub-menu-indexes ul li a {
  padding: 5px 10px 3px 25px;
}
.dropmenu li ul li a:hover {
  background: #5e97de;
  opacity: 1;
  text-decoration: none;
}
.dropmenu li ul li a::before {
  position: absolute;
  content: "";
  top: 15px;
  left: 9px;
  box-sizing: border-box;
  border: 5px solid transparent;
  border-left: 7px solid #FFF;
}
.dropmenu li div.sub-menu-indexes ul li a::before {
  top: 5px;
}

#menu-basis {
  background-color: #f4f4ee;
  padding: 10px 0px;
  height: 40px;
  margin-bottom: 10px;
  display: table;
  table-layout: fixed;
  box-sizing: border-box;
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px 0;
}
#menu-basis li {
  /*width: 161px;*/
  /*float: left;*/
  display: table-cell;
  margin-right: 8px;
}
#menu-basis li:last-child {
  margin-right: 0;
}
#menu-basis li a {
  font-size: 0.875em;
  display: block;
  background-color: #FFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
  position: relative;
}
#menu-basis li a::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 2px;
  right: 2px;
  border-top: 5px solid transparent;
  border-right: 5px solid #0061ca;
  border-bottom: 5px solid #0061ca;
  border-left: 5px solid transparent;
}
#menu-basis li a:hover {
  text-decoration: none;
}
#menu-basis li .img {
  position: relative;
  float: left;
  overflow: hidden;
  width: 40px;
  height: 40px;
  margin-right: 8px;
}
#menu-basis li .img 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%);
}
#menu-basis li a span.title {
  display: block;
  padding: 11px 0;
  line-height: 1.3;
}
#menu-basis li a span.title-2 {
  font-size: 0.750em;
}
#menu-basis li a span.attention {
  position: absolute;
  color: #FFF;
  background-color: #d81f1f;
  padding: 3px 3px 2px 3px;
  border-radius: 10px;
  font-size: 0.72em;
  top: 12px;
  right: 5px;
  line-height: 1;
  font-weight: bold;
}

/***    検索box   ***/
#search {
  margin-bottom: 10px;
}
#search-box {
  width: 317px;
  height: 28px;
  margin: 1px 11px 1px 0;
  border: 1px solid #AAAAAA;
  float: left;
}
#search-box input {
  width: 280px;
  height: 28px;
  margin: 0;
  padding: 0 0 0 9px;
  line-height: 28px;
  border: none;
}
#search-box button {
  width: 28px;
  height: 28px;
  padding: 0;
  text-indent: -9999px;
  border: none;
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #FFFFFF;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAAAAABXZoBIAAAA1ElEQVQoz73SQQ/BQBCGYf//p7zQbZtUBA4UBDdFuQihOFBVSCQ4IGtL3Zhb98lOtjNf4vqlEj/GoFfQ9VJ/9wEv3TQAZAZveGlAexEEXhM6UXQwlvdvTzBUcZdOrZ4Hc7Sjgg4t2auGq2CepcQpZQVF8uUPfIx43GAqWGQhcUJFwT5NiTYjBcNM0pPv0U7qEAaI2aNpCm0bmW0H6pPNelwFMLeRrbgCAIQO6H5kZQe3Ypj26Li35N33ZYcWYPgxSThkgVxcTEIL7NgMhcXq+R/R/FQ3hJDnDuFX2z0AAAAASUVORK5CYII=);
  *background-image: url(https://static.tenki.jp/images/icon/bg_search.png);
}
#search-box button:hover {
  cursor: pointer;
}
#search .search-box-short {
  width: 220px;
  height: 29px;
  margin: 1px 5px 1px 0;
  border: 1px solid #AAAAAA;
  float: left;
}
#search .search-box-short input {
  width: 183px;
  height: 28px;
  margin: 0;
  padding: 0 0 0 9px;
  line-height: 28px;
  border: none;
}
#search .search-box-long {
  width: 308px;
  height: 28px;
  margin: 1px 5px 1px 0;
  border: 1px solid #AAAAAA;
  float: left;
}
#search .search-box-long input {
  width: 271px;
  height: 28px;
  margin: 0;
  padding: 0 0 0 9px;
  line-height: 28px;
  border: none;
}
#search .search-box-short button,
.search_box_long button {
  width: 28px;
  height: 28px;
  padding: 0;
  text-indent: -9999px;
  border: none;
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #FFFFFF;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAACA0lEQVRoge1ZvbHCMAzWCBmBERiBERghIzDBO8pXsoHTKdIULhiAipoRsgGvQHDBz0kMWDbJ+btzl0j6rN8oAAUFBQUFBXnAzGtmXue2IwqEzIGZLTNfB46VZ+ZDmplrIjqNkPIeeafObf8gEHE14a3QYxFxlZvPE5i5ZubOY2xHRA0z14i4kUtYI+JGPN2MvLfNzQsAHuRcAy+vhJvIuHjkBMtQwQC5gzGmelWWMaYSj7q5mceTEm5ueNWfyvVcWpclJz0FpY4o2yVpY8l+14BDbB1uuCYNVafPXd7JuSkYY6p+4SGiU2wdXsiEkqTSeSJFf+KR0epRADR1iRe7nhf3mvoA4Lm4EFGjrc/JRautD1I3YjdMtfU9EUTEjbY+GevSEPQUGPWkT0pQppe+B1eqCiExQYCFhyhA+iLTtu0uNcHFt4nFN/plj2oASYftLml43uHerEYuZv1cAlD/4P1xyB1jyQ6G1sqCiH4dmVciOmukQYgxW48xTcylU0/uKQtJT6V7rA1DDJJiMrRX/Q6S4smQxe/jtG27G1n8fh/JWKt7IjoS0fkrSQLcvPnOzxdmtvdWIPk4KiMrSYDbxENE+wmvWnnm34QyC5KfopAsJGeEEJKc+h9GbISQnLUXAaZJzp4gwChJm9u2aJAZtt9j7SK858IYUy2SWEFBQUFBDvwBFqCHIYoIlKQAAAAASUVORK5CYII=);
  *background-image: url(https://static.tenki.jp/images/icon/bg_search.png);
  background-size: 28px 28px;
}
#search .search-box-short button:hover,
.search_box_long button:hover {
  cursor: pointer;
}

/* 右カラムの検索box */
#right-search-form {
  margin-bottom: 10px;
}
.right-search-input {
  width: 265px;
  padding: 9px 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;
  height: 16px;
}
#right-search-form button {
  padding: 0 10px;
  background-color: #0061ca;
  color: #FFF;
  border-style: none;
  border-radius: 0 4px 4px 0;
  line-height: 1;
  height: 36px;
}
#right-search-form button:hover {
  cursor: pointer;
}

/* hdのfb,twボタン */
.fb-hd-icon {
  position: absolute;
  top: 35px;
  right: 65px;
  font-size: 0.750em;
  padding-left: 40px;
  width: 70px;
  height: 36px;
}
.fb-hd-icon:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  top: 0px;
  left: 0px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA4CAMAAADdG7i7AAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMA+pzQMWCx9uBHkIBS7NzYysCtljYM7saJcmdZHhStwoq7AAAAhElEQVQ4y+3QSQ7CMBAFURtIPGZOmOn7HxMpQlYiQrGApWv7Nt1frZqc7+qjltQSH6GS1Bu7RuQzRyvA91aIvSaeWiF2FvlSIZ8NsmferQ63ZV/ObbEeVGqDG4e8H5kP/+JiLnbLt8KteKWEMsw18wlZ98wDc2C+MkdkM34ZNXPmzD/yEzpBZUsyuZkAAAAAAElFTkSuQmCC);
  background-size: 9px 18px;
  background-position: center center;
  background-color: #385691;
  border-radius: 20px;
  padding: 12px;
}
.fb-hd-icon a.icon-link-fb {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 36px;
  height: 36px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 0;
  padding: 0;
}
.fb-hd-icon a.icon-link-fb:hover,
.tw-hd-icon a.icon-link-tw:hover {
  background-color: #FFF;
  opacity: 0.2;
}
.tw-hd-icon {
  position: absolute;
  top: 35px;
  right: 0px;
  font-size: 0.750em;
  padding-left: 40px;
  width: 84px;
  height: 36px;
  line-height: 1.5;
}
.tw-hd-icon a.icon-link-tw {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 36px;
  height: 36px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.tw-hd-icon a.link {
  position: relative;
  background-color: #f4f4ee;
  color: #444;
  padding: 0px 5px;
  border-radius: 6px;
  line-height: 1.3;
  display: inline-block;
  margin-top: 3px;
}
.tw-hd-icon:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  top: 0px;
  left: 0px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAoCAMAAACPWYlDAAABqlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8LmKHRAAAAjXRSTlMAuiUHXN4IKpPYhzcjOBlUP2D7t2cUL75aqukRxTYS+f4O58Rfn4XMrMHf7Uq10LTgkgp1W5lEK9JMUq244p6k9nRlLAGlQChv/R0GGPUFcx9Nz1jcvycQx2y8yw170zKwdhp8+vMeSCmbu9ExT6hma1UCiuwmzWmgeHK975bKhLZH5fdtFoOiyKeMaDoqutuoAAABfklEQVR4Xq3OU7vkQACE4crgDI1ja+fYNta2bds26z/vPslkgu7gYt/brxpwt33H1MpYLg3dPrjKDlNTSEK1tq6GTAhSPTScBJqKo6xVQx3PQ2KEZg1DJC+robTKtg0I4hRsBY4D2EYyn4LNDAW92KNMAJhUQxFWy7TrjD9juAZAiKqhGpiMD1AiFgSAaWracjAkKDGr3ZnOVy+Yg26eogU9Lhph6eIlqDIUJVFxkGaHegevbSJFUQC6Mm0au+p2UrALmt1AH33Y2wHN/tiB4BZ660fFYfKInwNHUXGM/kShO0FfuqHrpi8BVJ2iD6dhOBOmt7Mw6Tjn80eGeq9HLsCsqQWRBrrKwqKZV66200UZVtfp4QZsbtJVHIJbdHEbElE6ao9A5o5CB3fhpHSPEvfhaLCRogdwEuqkxENIPUo8fkKJ/qewaX3+4uWr6Os3lHoLUaSPTt7VQqr1/QAlPrTA2ceeTzT7rHz5Cg+B+m/fC10/mpWfv37/CeK/+QvHgEzFutEREAAAAABJRU5ErkJggg==);
  background-size: 18px 15px;
  background-position: center center;
  background-color: #55ACEE;
  border-radius: 20px;
  padding: 12px;
}

/* フッターまわり */
.ft-nav {
  clear: both;
  padding: 10px;
  margin-bottom: 20px;
  background-color: #f4f4ee;
}
.ft-nav a {
  color: #0B5DAA;
}
.ft-nav a:hover {
  color: #F89E1C;
}
#ft-nav-title {
  float: left;
  font-weight: bold;
  font-size: 1.125em;
  margin-left: 10px;
}
#ft-nav-top-link {
  float: right;
  font-weight: bold;
  font-size: 0.875em;
  margin-right: 10px;
}
#ft-nav-top-link a {
  background-image: url(https://static.tenki.jp/images/icon/home.png);
  background-size: 14px 13px;
  background-position: 0px 3px;
  background-repeat: no-repeat;
  padding-left: 18px;
}
#ft-nav-menu-wrap {
  clear: both;
  padding-top: 10px;
  font-size: 0.875em;
}
.ft-nav-menu-entry {
  border-right: 1px solid #ECEBE6;
  float: left;
  padding: 0 3px 0 6px;
  padding-bottom: 6px;
  text-align: left;
  width: 11%;
}
.ft-nav-menu-entry p {
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.3;
  border-left: 5px solid #0061ca;
  padding-left: 5px;
}
#ft-nav-menu-weatherguide {
  width: 10%;
}
#ft-nav-menu-disaster {
  width: 10%;
}
#ft-nav-menu-chart {
  width: 7%;
}
#ft-nav-menu-indexes {
  width: 16%;
}
#ft-nav-menu-leisure {
  width: 15%;
}
#ft-nav-menu-season {
  width: 12%;
}
#ft-nav-menu-season ul li {
  margin-bottom: 5px;
  line-height: 1.3;
}
#ft-nav-menu-labo {
  border-right: 0 none;
  margin-right: 0;
  white-space: nowrap;
}

.ft-nav-menu-entry .ft-nav-menu-entry-indexes { /* 指数 */
  float: left;
  margin-right: 7px;
}
.ft-nav-menu-entry a, .ft-nav-menu-entry span {
  display: block;
  padding: 1px 3px 1px 10px;
}
.ft-nav-menu-entry ul li.title {
  display: block;
  padding: 1px 3px 1px 10px;
  font-weight: bold;
}
.ft-nav div ul li.active {
  position: relative;
}
.ft-nav div ul li.active a {
  background: none repeat scroll 0 0 #5e97de;
  color: #FFFFFF;
  font-weight: bold;
  padding: 1px 3px 1px 10px;
  border-radius: 4px;
}
.ft-nav div ul li.active a::before {
  position: absolute;
  content: "";
  top: 8px;
  left: 3px;
  border: 4px solid transparent;
  border-left: 5px solid #FFF;
}

footer {
  border-bottom: 4px solid #0061ca;
}
#footer a {
  color: #0B5DAA;
}
#footer a:hover {
  color: #F89E1C;
}

.ft-app {
  width: 1048px;
  height: 240px;
  clear:both;
  margin-bottom: 20px;
}

body.widesize .ft-app-official {
  width: 1280px;
}

.ft-app-left {
  position: absolute;
  top: 80px;
  left: 220px;
  width: 360px;
  z-index: 1000;
}
.ft-app-left a {
  display: inline-block;
}
.ft-app-left a.ft-app-ipad {
  margin-left: 40px;
}
.ft-app-right {
  position: relative;
  top: 62px;
  left: 539px;
  width: 509px;
  height: 159px;
}
.ft-app-android {
  position: absolute;
  top: 18px;
  left: 90px;
}
.ft-app-title {
  font-size: 0.81em;
  padding: 0 10px 15px 0;
  float: left;
}
.ft-app-text {
  font-size: 2.5em;
  display: block;
  padding-bottom: 10px;
}

#footer-switcher {
  text-align: center;
}

.ft-menu {
  margin-bottom: 20px;
  text-align: center;
}
.ft-menu li {
  display: inline;
  padding: 0 12px;
  border-right: solid 1px #CCCCCC;
}
.ft-menu li:last-child {
  border-right: none;
}

.device-changed {
  text-align: center;
}
.ft-copyright {
  padding-bottom: 25px;
  text-align: center;
  display: block;
}
.device-change {
  text-align: center;
}

/*** コンテンツ共通部分 ***/
.breadcrumb-navi {
  margin-bottom: 10px;
}
.breadcrumb-navi li {
  position: relative;
  font-size: 0.812em;
  line-height: 1.5;
  float: left;
}
.breadcrumb-navi li:after {
  content: ">";
  padding-right: 5px;
}
.breadcrumb-navi li:first-child a {
  background-image: url(https://static.tenki.jp/images/icon/home.png);
  background-size: 14px 13px;
  background-position: 0px 2px;
  background-repeat: no-repeat;
  padding-left: 18px;
}
.breadcrumb-navi li:last-child:after {
  content: "";
  padding-right: 0;
}
.breadcrumb-navi a {
  color: #0B5DAA;
}
.breadcrumb-navi a:hover {
  color: #F89E1C;
}

.new {
  font-weight: bold;
  color: #FF0000;
  font-size: 0.750em;
  position: relative;
  top: -3px;
}
.date-time {
  font-size: 0.750em;
  color: #999;
}

.main-column {
  float: left;
  width: 692px;
}

body.widesize .main-column {
  width: 924px;
}

.sub-column {
  float: right;
  margin: 0 0 0 20px;
  width: 336px;
}

.wrap {
  border: 1px solid #CCC;
  padding: 10px;
}
.section-wrap {
  margin-bottom: 40px;
}

.box-336 {
  margin-bottom: 20px;
}
.box-336 li, .box-336-ad, .today-weather, .tomorrow-weather, .two-box li {
  width: 336px;
  float: left;
  margin-right: 20px;
}
.box-336 li:last-child, .tomorrow-weather, .two-box li:last-child {
  margin-right: 0;
}

.today-weather .roku-you, .tomorrow-weather .roku-you {
  font-size: 0.750em;
  font-weight: normal;
  padding-left: 10px;
}

.two-box li a {
  width: 336px;
  height: 210px;
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
}
.two-box li a img {
  width: auto;
  height: 120%;
}

.precip-table table {
  width: 100%;
}
.precip-table table th {
  background: #F4F4EE none repeat scroll 0 0;
}
.precip-table table th, .precip-table table td {
  font-size: 0.875em;
  font-weight: normal;
  border: 1px solid #CCC;
  width: 20%;
  text-align: center;
  padding: 8px 3px;
}
.precip-table table tr.rain-probability td {
  font-size: 1.125em;
}
.precip-table table tr.rain-probability td span.unit {
  font-size: 0.750em;
}
.precip-table table tr.wind-wave td {
  text-align: left;
  padding-left: 7px;
}

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

.sub-column-img {
  margin-bottom: 30px;
  padding: 8px;
  background-color: #d7e6ff;
}

/* タブ切り替え(5tab) */
.change-tab {
  border-top: 1px solid #0061ca;
  border-right: 1px solid #0061ca;
  table-layout: fixed;
  margin-bottom: 8px;
  font-size: 0.875em;
  width: 100%;
  text-align: center;
  display: table;
}
.change-tab li {
  border-left: 1px solid #0061ca;
  border-bottom: 1px solid #0061ca;
  color: #0061ca;
  display: table-cell;
  line-height: 1.4;
  width: 100%;
  height: 100%;
}
.change-tab li a {
  display: block;
  padding: 5px 0;
  width: 100%;
  height: 100%;
}
.change-tab li a:hover {
  background: #0061ca;
  color: #fff;
  opacity: 1;
  text-decoration: none;
}
.change-tab li.selected {
  position: relative;
  background-color: #0061ca;
  color: #FFF;
  padding: 5px 0;
}
.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: #0061ca;
  border-width: 8px;
  margin-left: -8px;
}

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

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


/* 吹き出し型のセレクトボタン(タブ４つ) */
.common-select-btn {
  margin-bottom: 20px;
}
.common-select-btn li {
  width: 25%;
  float: left;
  text-align: center;
  border-right: 2px solid #FFF;
  box-sizing: border-box;
  font-weight: bold;
  position: relative;
}
.common-select-btn li:last-child {
  border-right: 0;
}
.common-select-btn li.selected {
  padding: 18px 0;
  background-color: #1d53a4;
  color: #FFF;
}
.common-select-btn li.selected:after {
  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: 12px;
  margin-left: -12px;
}
.common-select-btn li a {
  display: block;
  padding: 18px 0;
  background-color: #d9d9d4;
  color: #1d53a4;
}
.common-select-btn li a:hover {
  text-decoration: none;
}

/* 吹き出し型のセレクトボタン(複数タブ対応) */
.common-select-tab {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 20px;
}
.common-select-tab li {
  display: table-cell;
  text-align: center;
  position: relative;
}
.common-select-tab li a {
  display: block;
  padding: 18px 0;
  background-color: #d9d9d4;
  color: #1d53a4;
  font-weight: bold;
  border-right: 2px solid #FFF;
}
.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 {
  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: 12px;
  margin-left: -12px;
}

.common-select-tab .img-text-box {
  display: table;
}
.common-select-tab .img-text-box img {
  display: table-cell;
}
.common-select-tab .img-text-box span.name {
  display: table-cell;
  vertical-align: middle;
}


/* プルダウンのセレクトボタン */
.common-select-pull-down-wrap {
  display: inline-block;
  float: right;
  width: 227px;
  height: 40px;
  border-radius: 3px;
  margin-bottom: 10px;
  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: 247px;
  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,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAIBAMAAAA/ygPCAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAACnRSTlMAKgr11qCh1V9geb3QPwAAADlJREFUeF5jiFoFBMsY1EGUEwOj1apViwUYGLpWrVrJwMDAumpVAgMDA1PVEgUGIBA2ZAABjgkMDAA0Ow9YQJoQJwAAAABJRU5ErkJggg==);
  background-position: 201px 50%;
  background-repeat: no-repeat;
  z-index: 15;
  &::-ms-expand {
    display: none;
  }
}

/* infomation-table */
.common-info-table {
  width: 100%;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  font-size: 0.875em;
}
.common-info-table a {
  color: #0B5DAA;
}
.common-info-table th,
.common-info-table td {
  padding: 5px;
  border-bottom: 1px solid #CCC;
}
.common-info-table th {
  background-color: #F4F4EE;
  width: 24%;
  text-align: left;
  font-weight: normal;
}
.common-info-table td {
  border-right: 1px solid #CCC;
}
.common-info-table td.right-border {
  border-right: 1px dotted #CCC;
  width: 110px;
}

/* 地方、都道府県リストをテーブル表示 */
.common-list-entries {
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  width: 100%;
}
.common-list-entries th {
  border-right: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  background-color: #F4F4EE;
  padding: 5px 10px;
  width: 25%;
  text-align: left;
}
.common-list-entries a {
  color: #0B5DAA;
  display: block;
}
.common-list-entries a:hover {
  color: #F89E1C;
}
.common-list-entries td {
  border-right: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  padding: 2px 0 2px 10px;
  width: 75%;
}
.common-list-entries td ul li {
  float: left;
  padding: 3px 0;
  width: 25%;
}

/* 地方、都道府県リストをボタン表示 */
.common-select-list {
  margin-bottom: 10px;
  background-color: #edf6ff;
  padding: 10px 10px 0 10px;
}
.common-select-list a {
  color: #444;
  padding: 8px;
  background-color: #FFF;
  display: inline-block;
  margin: 0 10px 10px 0;
}
.common-select-list a:hover {
  background-color: #0061ca;
  color: #fff;
  opacity: 1;
  text-decoration: none;
}
.common-select-list a.selected {
  background-color: #0061ca;
  color: #fff;
  opacity: 1;
  text-decoration: none;
}
.common-select-list span {
  padding: 8px;
  background-color: #FFF;
  display: inline-block;
  margin: 0 10px 10px 0;
}

/* 市区町村のリスト */
h4.forecast-point-city-name {
  background-color: #f4f4ee;
  padding: 4px 0 3px 5px;
}
.forecast-point-entries {
  margin-bottom: 15px;
  width: 100%;
}
.forecast-point-entries li {
  display: block;
  float: left;
  margin-top: 5px;
  padding-left: 9px;
  width: 23%;
}
.forecast-point-entries li.selected {
}
.forecast-point-entries li a {
  display: inline-block;
  padding: 2px 5px;
  color: #0B5DAA;
}
.forecast-point-entries li a:hover {
  color: #F89E1C;
}


/* おすすめ情報 */
.common-recommend-entries-box {
  width: 100%;
}
.common-recommend-entries-box li {
  float: left;
  width: 31.4%;
  margin-right: 20px;
}
.common-recommend-entries-box li:last-child {
  margin-right: 0;
}
.common-recommend-entries-box li a {
  display: block;
  position: relative;
}
.common-recommend-entries-box li .img-box {
}
.common-recommend-entries-box li .img-box img {
  width: 100%;
  height: auto;
}
.common-recommend-entries-box li a p {
  text-align: center;
  padding: 10px 0;
  position: absolute;
  background: rgba(0,0,0,.5);
  width: 100%;
  bottom: 0;
  color: #FFF;
}
.common-recommend-entries-two-box li {
  width: 48.5%;
}

/* 横並びリンクボタン */
.menu-recommendation {
  background-color: #edf6ff;
  padding: 10px 5px;
  margin: -10px 0 40px 0;
}
.menu-recommendation ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px 0;
}
.menu-recommendation li {
  display: table-cell;
}
.menu-recommendation li a {
  font-size: 0.875em;
  display: block;
  background-color: #FFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
  position: relative;
}
.menu-recommendation li a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 2px;
  right: 2px;
  border-top: 5px solid transparent;
  border-right: 5px solid #0061ca;
  border-bottom: 5px solid #0061ca;
  border-left: 5px solid transparent;
}
.menu-recommendation li .img-box {
  float: left;
  overflow: hidden;
  width: 40px;
  height: 40px;
  margin-right: 8px;
}
.menu-recommendation li .img-box img {
  width: auto;
  height: 100%;
}
.menu-recommendation li .title {
  display: block;
  padding: 11px 0;
  line-height: 1.3;
}
.menu-recommendation li .title-2 {
  font-size: 0.750em;
}
.forecast-point-1h-menu-recommendation,
.forecast-point-3h-menu-recommendation {
  margin-top: 0;
}

/* カード型（横4つ） */
.common-card-type-box {
  margin-bottom: 20px;
}
.common-card-type-box li {
  margin-right: 20px;
  text-align: center;
  float: left;
  width: 22.6%
}
.common-card-type-box li:last-child {
  margin-right: 0;
}
.common-card-type-box li a {
  display: block;
  border: 1px solid #EEE;
  border-radius: 4px;
}
.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;
}
.common-link-btn-rectangle li {
  float: left;
  width: 165px;
  margin: 0 4px 3px 0;
}
.common-link-btn-rectangle li:nth-child(4n) {
  margin-right: 0;
}
.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 a .img-box {
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px;
}
.common-link-btn-rectangle li a p {
  display: table-cell;
  vertical-align: middle;
  font-size: 0.875em;
  line-height: 1.4;
}


/* 注釈box */
.box-information,
.box-information-left {
  margin: 10px 0;
  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.875em;
  margin: -5px 0 10px;
}

/* オフシーズン対応 */
.off-season-box {
  background-color: #FFF;
  margin-bottom: 30px;
  font-size: 1em;
  color: #D81F1F;
  background-color: #FFF;
  border: 2px solid #D81F1F;
  padding: 10px;
}
.off-season-box img {
  float: left;
  margin-right: 10px;
}
.off-season-box p {
}
.off-season-box p span {
  font-size: 0.875em;
  display: inline-block;
}


/* pager */
.pager-index {
  display: inline-block;
  margin-bottom: 10px;
}
.pager-entries {
  text-align: center;
}
.pager-entries li {
  display: inline-block;
}
.pager-entries li span {
  padding: 10px 15px;
  border-radius: 3px;
  background-color: #EEE;
  display: block;
}
.pager-entries li a {
  padding: 10px 15px;
  border-radius: 3px;
  background-color: #d2e6ff;
  display: block;
}

.pager-index-left {
  margin-bottom: 26px;
}


/* ボタン */
.common-btn-blue {
  text-align: center;
  margin: 0 auto 40px;
  max-width: 600px;
}
.common-btn-blue a {
  position: relative;
  color: #FFF;
  display: inline-block;
  padding: 16px 25px 16px 55px;
  font-size: 1.125em;
  font-weight: bold;
  background-color: #6FAFFF;
  border-bottom: 4px solid #0B5DAA;
  background-image: url(https://static.tenki.jp/images/icon/more_dots.png);
  background-size: 32px 7px;
  background-position: 10px 50%;
  background-repeat: no-repeat;
  text-align: left;
}
.common-btn-blue a::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 6px;
  right: 6px;
  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.8;
  text-decoration: none;
}

/* 現在地ボタン */
.current-place-button {
  padding: 0 0 0 45px;
  margin: 10px auto 40px;
  background: #6FAFFF;
  height: 55px;
  text-align: center;
  border-bottom: 4px solid #0B5DAA;
  font-size: 1.125em;
  width: 500px;
}
.current-place-button a {
  position: relative;
  display: block;
  color: #FFF;
  width: 100%;
  height: 100%;
}
.current-place-button 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;
}
.current-place-button a span {
  position: relative;
  top: 16px;
}
.current-place-button a span:after {
  position: absolute;
  content: "";
  left: -45px;
  top: -5px;
  width: 34px;
  height: 34px;
  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: 34px 34px;
}

/* snsボタン */
.social-buttons-wrap {
  margin-bottom: 10px;
}
.social_icon_entries {
  float: right;
}
.social_icon_entries p {
  float: left;
  margin-right: 5px;
}
.social_icon_entries p.img {
  border: none;
}
.social_icon_entries p.social_icon_entries_facebook {
  width: 120px;
}

/*** ソーシャルボックスボタン ***/
.social-box-large {
  margin-bottom: 40px;
}
.social-box-large ul {
  width: 100%;
  text-align: center;
}
.social-box-large ul li {
  display: inline-block;
  margin-right: 5px;
}

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

.top-notice-news {
  margin: 0 0 10px;
}
.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 {
  width: 100%;
  position: relative;
  top: -28px;
}
#forecast-public-date-entries li {
  float: left;
  position: relative;
}
#forecast-public-date-entries li span.date {
  font-size: 18px;
}
#forecast-public-date-entries li span.youbi {
  font-size: 12px;
}
#forecast-public-date-entries li.saturday a {
  color: #0096FF;
}
#forecast-public-date-entries li.sunday a {
  color: #FF0000;
}

#forecast-public-date-entries li a {
  position: relative;
  display: block;
  padding: 11px 0 0 8px;
  font-weight: bold;
  width: 63px;
  height: 29px;
  background-image: url('https://static.tenki.jp/images/icon/tab-grey.png');
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 71px 40px;
  margin-left: -2px;
}
#forecast-public-date-entries li:first-child a {
  margin-left: 0;
}

#forecast-public-date-entries li a.selected {
  padding: 9px 0 2px 8px;
  color: #FFF;
  background-image: url('https://static.tenki.jp/images/icon/tab-blue.png');
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 71px 40px;
}

#forecast-public-date-entries li#forecast-public-date-entry-1 a {
  z-index: 100;
}
#forecast-public-date-entries li#forecast-public-date-entry-2 a {
  z-index: 90;
}
#forecast-public-date-entries li#forecast-public-date-entry-3 a {
  z-index: 80;
}
#forecast-public-date-entries li#forecast-public-date-entry-4 a {
  z-index: 70;
}
#forecast-public-date-entries li#forecast-public-date-entry-5 a {
  z-index: 60;
}
#forecast-public-date-entries li#forecast-public-date-entry-6 a {
  z-index: 50;
}
#forecast-public-date-entries li#forecast-public-date-entry-7 a {
  z-index: 40;
}
#forecast-public-date-entries li#forecast-public-date-entry-8 a {
  z-index: 30;
}
#forecast-public-date-entries li#forecast-public-date-entry-9 a {
  z-index: 20;
}
#forecast-public-date-entries li#forecast-public-date-entry-10 a {
  z-index: 10;
}
#forecast-public-date-entries li#forecast-public-date-entry-1 a.selected,
#forecast-public-date-entries li#forecast-public-date-entry-2 a.selected,
#forecast-public-date-entries li#forecast-public-date-entry-3 a.selected,
#forecast-public-date-entries li#forecast-public-date-entry-4 a.selected,
#forecast-public-date-entries li#forecast-public-date-entry-5 a.selected,
#forecast-public-date-entries li#forecast-public-date-entry-6 a.selected,
#forecast-public-date-entries li#forecast-public-date-entry-7 a.selected,
#forecast-public-date-entries li#forecast-public-date-entry-8 a.selected,
#forecast-public-date-entries li#forecast-public-date-entry-9 a.selected,
#forecast-public-date-entries li#forecast-public-date-entry-10 a.selected {
  z-index: 1000;
}

#forecast-map-wrap {
  position: relative;
  width: 100%;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  margin-bottom: 10px;
  border-top: 2px solid #0b5caa;
  padding-bottom: 10px;
  top: -28px;
  clear: both;
}

#forecast-map a {
  color: #444;
  text-decoration: none;
  font-size: 0.812em;
}
#forecast-map a.forecast-map-entry {
  position: absolute;
  width:72px;
  height:75px;
  text-align: center;
  line-height: 1.2;
  padding-top: 3px;
  border-radius: 5px;
}
#forecast-map-wrap a.forecast-map-entry:hover {
  background-color: #E9F4FE;
}

#forecast-public-date {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #666;
  font-weight: bold;
}

#forecast-map-announce-datetime {
  position: absolute;
  top: 5px;
  right: 10px;
}

#forecast-map-image {
  position: absolute;
  top:0;
  left:0;
  width: 586px;
  height: 439px;
}

/* 天気予報 top */
.top-recent-entries-wrap {
  padding-bottom: 10px;
  border-bottom: 1px solid #EEE;
  margin-bottom: 10px;
}
.top-recent-entries-wrap a {
  display: block;
}
.top-recent-entries-wrap .top-recent-entries-left {
  float: left;
  margin-right: 10px;
}
.top-recent-entries-wrap .top-recent-entries-left a {
  position: relative;
}
.top-recent-entries-wrap .top-recent-entries-left .new {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.top-recent-entries-wrap .top-recent-entries-left .img-box {
  width: 320px;
  height: 240px;
  overflow: hidden;
}
.top-recent-entries-wrap .top-recent-entries-left .img-box img {
  width: 100%;
  height: auto;
}
.top-recent-entries-wrap .top-recent-entries-left .text-box {
  padding: 10px;
  position: absolute;
  background: rgba(0,0,0,.5);
  width: 300px;
  bottom: 0;
  color: #FFF;
}
.top-recent-entries-wrap .top-recent-entries-left .text-box .title {
  padding: 0 5px;
}
.top-recent-entries-wrap .top-recent-entries-left .text-box .date-time {
  padding: 0 5px;
  color: #FFF;
}
.top-recent-entries-wrap .top-recent-entries-right {
  width: 362px;
  float: left;
}
.top-recent-entries-wrap .top-recent-entries-right li {
  border-bottom: 1px solid #EEE;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.top-recent-entries-wrap .top-recent-entries-right li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.top-recent-entries-wrap .top-recent-entries-right .img-wrap {
  display: table-cell;
}
.top-recent-entries-wrap .top-recent-entries-right .img-box {
  margin-right: 10px;
  overflow: hidden;
  width: 66px;
  height: 66px;
  display: block;
}
.top-recent-entries-wrap .top-recent-entries-right .img-box img {
  width: auto;
  height: 120%;
}
.top-recent-entries-wrap .top-recent-entries-right .text-box {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.4;
}
.top-recent-entries-wrap .top-recent-entries-right .date {
  font-size: 0.750em;
  color: #999;
}

.common-list-entries li.warn-icon-set {
  position: relative;
}
.common-list-entries li.warn-icon-set a.pref-link {
  display: inline;
  padding-right: 2px;
}
.common-list-entries li.warn-icon-set a.warn-icon {
  display: inline;
  position: absolute;
  top: 7px;
}


/* 地図上の自社広告枠 */
.thumbnail-recommend-btn {
  position: absolute;
  top: 30px;
  right: 10px;
}
.thumbnail-recommend-btn a {
  position: relative;
  border: 1px solid #ddd;
  display: block;
  border-radius: 4px;
  text-align: center;
}
.thumbnail-recommend-btn a .img-box {
  width: 100px;
}
.thumbnail-recommend-btn a .img-box img {
  width: 100%;
  height: auto;
}
.thumbnail-recommend-btn a .text {
  padding: 7px 0 6px;
  font-size: 0.875em;
  line-height: 1.0;
}
.thumbnail-recommend-btn a .pr {
  position: absolute;
  bottom: 30px;
  opacity: 0.8;
  right: 0;
  background-color: #ccc;
  padding: 3px;
  font-size: 0.750em;
  line-height: 1.0;
}

/* 天気履歴,現在地の天気,住所から検索 */
.forecast-map-btn-wrap {
  position: absolute;
  top: 145px;
  right: 10px;
  padding: 0 5px 5px 5px;
  background-color: #F4F4EE;
  font-size: 13px;
  width: 90px;
  z-index: 10000;
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
  border: 1px solid #EEE;
}
.forecast-map-btn-wrap p {
  color: #999;
  line-height: 1.0;
  padding: 5px 0;
  font-size: 12px;
  text-align: center;
}

.forecast-map-btn-wrap a.history-btn {
  position: relative;
  background-color: #0B5DAA;
  display: block;
  height: 15px;
  margin-top: -1px;
  border-bottom: 2px solid #EEE;
}
.forecast-map-btn-wrap a.history-btn:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 5px;
  left: 40px;
  border-top: 6px solid #FFF;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
}
.forecast-map-btn-wrap a.history-btn.active:after {
  top: -1px;
  border-top: 5px solid transparent;
  border-bottom: 6px solid #FFF;
}
.forecast-map-btn-wrap .forecast-map-history-wrap {
  position: relative;
  display: none;
}

.forecast-map-btn-wrap .forecast-map-history-box {
  background-color: #FFF;
  margin-bottom: 2px;
  text-align: center;
  width: 90px;
  height: 78px;
}
.forecast-map-btn-wrap .forecast-map-history-box a {
  display: block;
  padding: 0 2px;
  overflow: hidden;
  width: 86px;
  height: 78px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.forecast-map-btn-wrap .forecast-map-history-box .prob-precip {
  padding-left: 5px;
}
.forecast-map-btn-wrap .forecast-map-gps-btn a {
  display: block;
  background-color: #FFF;
  margin-bottom: 2px;
  background-image: url('https://static.tenki.jp/images/icon/search-gps.png');
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: 50% 10px;
  padding: 43px 5px 0px;
}
.forecast-map-btn-wrap .forecast-map-search-btn a {
  display: block;
  background-color: #FFF;
  background-image: url('https://static.tenki.jp/images/icon/glass.png');
  background-repeat: no-repeat;
  background-size: 28px 28px;
  background-position: 50% 10px;
  padding: 43px 5px 0px;
}


/* 天気予報 pref */
#forecast-list-entries {
  margin: 3px 10px 2px 10px;
  font-size: 0.812em;
}
#forecast-list-entries li {
  float: left;
  text-align: center;
}
#forecast-list-entries li a {
  display: block;
  width: 162px;
  height: 53px;
  border-radius: 5px;
  margin-right: 8px;
  margin-bottom: 8px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
}
#forecast-list-entries li.all-point a {
  display: inline-block;
  margin-right: 0;
  padding: 14.5px 36px 14.5px 22px;
  background-color: #F4F4EE;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAANCAMAAABxTNVSAAAAbFBMVEUAAACzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7MsEJcTAAAAI3RSTlMA5OD7zz0lHQ8H9erb1MmLhHljTkQV8Ne9squklpFvWjUtKseR7hgAAAB8SURBVBjTXc5XAoMgFETRAYGgsZf0/va/xzBiQuL5UObyA0alLX69zN5Ci+weSJwS0ayyfeJjKsNWsAWzQ+TrsLIBGDPebkD5QYKex4G5nPOJscPszlxNwIWxwaLnMr7l74yvG7fm55gj6SSqGZNWqPL4d43vW2sK47B4A2q9DL1SWO6NAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 140px 24px;
  background-size: 10px 6px;
  width: initial;
  height: initial;
}
#forecast-list-entries li a:hover,
#forecast-list-entries li.all-point a:hover {
  background-color: #E9F4FE;
}
#forecast-list-entries li:nth-child(4) a {
  margin-right: 0;
}
#forecast-list-entries li p.name {
  line-height: 1;
  padding: 8px 0 1px;
}
#forecast-list-entries li p.temp-precip {
  margin-top: 5px;
  display: inline-block;
}
#forecast-list-entries li span.max-temp {
  margin-left: 1px;
}
#forecast-list-entries li span.prob-precip {
  margin-left: 4px;
}

.forecast-comment {
  background-color: #F4F4EE;
  margin: 0 10px;
  padding: 10px;
  font-size: 0.875em;
  line-height: 1.4;
}


/*** ピンポイント天気まわり ***/
/* 台風情報 */
.top-typhoon-news {
  margin-bottom: 10px;
  background-color: #edf6ff;
}
.top-typhoon-news a {
  display: block;
  padding: 10px;
  position: relative;
}
.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 .img-box {
  display: table-cell;
  width: 80px;
  height: 60px;
  background-color: #CCC;
}
.top-typhoon-news .text {
  display: table-cell;
  color: #0B5DAA;
  vertical-align: middle;
  padding: 0 10px;
  line-height: 1.4;
  font-weight: bold;
}
.top-typhoon-news table {
  display: table-cell;
  font-size: 0.750em;
  text-align: center;
  vertical-align: middle;
}
.top-typhoon-news table th {
  font-size: 0.750em;
  font-weight: normal;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  background-color: #F4F4EE;
  padding: 0 7px;
}
.top-typhoon-news table th:last-child {
  border-right: 1px solid #CCC;
}
.top-typhoon-news table td {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  background-color: #FFF;
}
.top-typhoon-news table td:last-child {
  border-right: 1px solid #CCC;
}
.top-typhoon-news table td.ten {
  background-color: #FFFFD5;
}
.top-typhoon-news table td.twenty {
  background-color: #FFFF9A;
}
.top-typhoon-news table td.thirty {
  background-color: #FFFF28;
}
.top-typhoon-news table td.fourty {
  background-color: #FFF300;
}
.top-typhoon-news table td.fifty {
  background-color: #FFDE00;
}
.top-typhoon-news table td.sixty {
  background-color: #FFC200;
}
.top-typhoon-news table td.seventy {
  background-color: #FFA000;
}
.top-typhoon-news table td.eighty {
  background-color: #FF8000;
  color: #FFF;
}
.top-typhoon-news table td.ninety {
  background-color: #FF5400;
  color: #FFF;
}
.top-typhoon-news table td.hundred {
  background-color: #F70000;
  color: #FFF;
}

/* 時間毎の切り替えのセレクトボタン */
.forecast-select-btn {
  margin-bottom: 20px;
}
.forecast-select-btn li {
  width: 25%;
  float: left;
  text-align: center;
  border-right: 2px solid #FFF;
  box-sizing: border-box;
  font-weight: bold;
  position: relative;
}
.forecast-select-btn li:last-child {
  border-right: 0;
}
.forecast-select-btn li.selected {
  padding: 18px 0;
  background-color: #1d53a4;
  color: #FFF;
}
.forecast-select-btn li.selected:after {
  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: 12px;
  margin-left: -12px;
}
.forecast-select-btn li a {
  display: block;
  padding: 18px 0;
  background-color: #d9d9d4;
  color: #1d53a4;
}
.forecast-select-btn li a:hover {
  text-decoration: none;
}

.forecast-common-btn {
  margin: -30px auto 40px;
}

/* ピンポイント天気 今日・明日 */
.forecast-days-wrap {
  margin: 20px 0 40px;
}
.weather-wrap {
  width: 100%;
  text-align: center;
  display: table;
  margin: 0 0 20px 0;
}
.weather-wrap .weather-icon {
  display: table-cell;
  float: left;
  margin: 0 20px 0 15px;
}
.weather-wrap .weather-telop {
}

.forecast-days-wrap .date-value-wrap {
  display: table-cell;
  width: 175px;
  vertical-align: middle;
  text-align: right;
  line-height: 1em;
}

.forecast-days-temp-telop {
  text-align: left;
  height: 20px;
}
.forecast-days-temp-telop span {
  padding: 3px 15px 1px;
  line-height: 1;
  border-radius: 10px;
  font-size: 0.875em;
  display: inline-block;
}
.forecast-days-temp-telop span:first-child {
  margin-right: 5px;
}
.forecast-mousyo {
  color: #9b0000;
  border: 1px solid #9b0000;
}
.forecast-manatsu {
  color: #d81f1f;
  border: 1px solid #d81f1f;
}
.forecast-natsu {
  color: #f89e1c;
  border: 1px solid #f89e1c;
}
.forecast-mafuyu {
  color: #6fafff;
  border: 1px solid #6fafff;
}
.forecast-fuyu {
  color: #0160c2;
  border: 1px solid #0160c2;
}
.forecast-nettaiya {
  color: #651fd8;
  border: 1px solid #651fd8;
}

.date-value {
  display: table-cell;
  width: 175px;
  vertical-align: middle;
  text-align: right;
  line-height: 1em;
}
.date-value dt.sumarry {
  font-size: 1.125em;
  font-weight: bold;
  float: left;
  clear: left;
  padding-right: 10px;
}
.date-value dd.temp {
  float: left;
  width: 63px;
  margin-right: 5px;
}
.date-value dd.temp span.value {
  font-weight: bold;
  font-size: 1.62em;
}
.date-value dd.temp span.unit {
  font-size: 1.125em;
}
.date-value dd.tempdiff {
  font-size: 1.125em;
  float: left;
  margin-top: 2px;
}
.date-value dd.high-temp.temp {
  margin-bottom: 20px;
}

.forecast-days-wrap .weather-telop {
  margin-top: 5px;
}
.forecast-days-wrap .date-value {
  margin-top: 15px;
  display: block;
}
.forecast-days-wrap .date-value dd.high-temp.temp {
  margin-bottom: 15px;
}

.precip-table table {
  width: 100%;
}
.precip-table table th {
  background: #F4F4EE none repeat scroll 0 0;
}
.precip-table table th, .precip-table table td {
  font-size: 0.875em;
  font-weight: normal;
  border: 1px solid #CCC;
  width: 20%;
  text-align: center;
  padding: 8px 3px;
}
.precip-table table tr.rain-probability td {
  font-size: 1.125em;
}
.precip-table table tr.rain-probability td span.unit {
  font-size: 0.750em;
}
.precip-table table tr.wind-wave td {
  text-align: left;
  padding-left: 7px;
}


/* ピンポイント天気 1h,3h */
#forecast-point-1h-tomorrow,
#forecast-point-3h-tomorrow {
  margin-top: -20px;
}

#forecast-point-1h-dayaftertomorrow,
#forecast-point-3h-dayaftertomorrow {
  margin-bottom: 40px;
}

table.forecast-point-1h,
table.forecast-point-3h {
  border: 1px solid #CCC;
  border-collapse: collapse;
  border-spacing: 0;
  width: 1280px;
  margin-bottom: 20px;
}
table.forecast-point-3h {
  width: 690px;
}

table.forecast-point-1h th, table.forecast-point-1h td,
table.forecast-point-3h th, table.forecast-point-3h td {
  border: 1px solid #CCC;
  text-align: center;
  padding: 5px 0;
  font-size: 0.750em;
}
table.forecast-point-3h th, table.forecast-point-3h td {
  font-size: 0.875em;
}
table.forecast-point-1h tr.head th, table.forecast-point-1h tr.head td,
table.forecast-point-3h tr.head th, table.forecast-point-3h tr.head td {
  background-color: #F4F4EE;
}
table.forecast-point-3h tr.head th {
  width: 280px;
}
table.forecast-point-1h tr.head td p {
  font-weight: bold;
  font-size: 1.250em;
}
table.forecast-point-3h tr.head td p {
  font-weight: bold;
  font-size: 1.125em;
}
table.forecast-point-1h tr.head td span.rokuyoh,
table.forecast-point-3h tr.head td span.rokuyoh {
  display: inline;
  font-size: 0.875em;
  font-weight: normal;
  margin-left: 5px;
}
table.forecast-point-3h tr.head td span.rokuyoh {
  font-size: 0.750em;
}
table.forecast-point-1h td,
table.forecast-point-3h td {
  padding: 0;
}
table.forecast-point-1h th span.unit,
table.forecast-point-3h th span.unit {
  font-size: 0.750em;
}

table.forecast-point-1h tr.temp-telop td,
table.forecast-point-3h tr.temp-telop td {
  padding: 2px 0 0;
}
table.forecast-point-1h tr.temp-telop span,
table.forecast-point-3h tr.temp-telop span {
  padding: 3px 15px 1px;
  line-height: 1;
  border-radius: 10px;
  display: inline-block;
}
table.forecast-point-3h tr.temp-telop span {
  font-size: 0.875em;
}

/* ピンポイント天気 10日間 */
table.forecast-point-10days {
  width: 100%;
  border: 1px solid #CCC;
  text-align: center;
  font-size: 0.875em;
  margin-bottom: 40px;
}
table.forecast-point-10days th {
  background-color: #EDF6FF;
  height: 55px;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
table.forecast-point-10days tr.tr-name th {
  background-color: #F4F4EE;
  height: 40px;
}
table.forecast-point-10days th.forecast-10days-indexes {
  width: 230px;
  font-size: 0.875em;
}
table.forecast-point-10days th.forecast-10days-indexes ul li {
  margin: 4px 0;
  text-align: left;
  background-color: #FFF;
  border-radius: 2px;
  display: inline-block;
  width: 170px;
  line-height: 1.0;
  padding: 3px 10px;
}
table.forecast-point-10days th.forecast-10days-indexes ul li a {
  display: block;
}
table.forecast-point-10days th.forecast-10days-indexes ul li:last-child {
  float: none;
  border-right: 0;
  margin-top: 0;
}
table.forecast-point-10days th.forecast-10days-indexes ul li img {
  vertical-align: middle;
  padding-right: 5px;
}
table.forecast-point-10days td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
table.forecast-point-10days span.forecast-telop {
  margin-left: 5px;
  display: inline-block;
  padding-top: 5px;
}
table.forecast-point-10days span.high-temp {
  padding-right: 10px;
}
table.forecast-point-10days th:last-child,
table.forecast-point-10days td:last-child {
  border-right: 0;
}
table.forecast-point-10days td span.wind-speed {
  display: block;
  padding-bottom: 5px;
}
.forecast-info,
.leisure-forecast-info {
  font-size: 0.750em;
  margin: -30px 0 40px 0;
}

/* 10日間(8日間)天気パーツ */
.forecast-point-week-wrap {
  margin-bottom: 40px;
}
.forecast-point-week {
  width: 100%;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  margin-bottom: 10px;
}
.forecast-point-week td.cityday {
  background-color: #F4F4EE;
  font-size: 0.875em;
}
.forecast-point-week th, .forecast-point-week td {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
.forecast-point-week th {
  background-color: #F4F4EE;
  width: 8%;
  font-weight: normal;
  font-size: 0.875em;
}
.forecast-point-week td {
  width: 11.5%;
}
.forecast-point-week td.weather-icon p {
  font-size: 0.875em;
}
.forecast-point-week .high-temp, .forecast-point-week .low-temp, .forecast-point-week .precip {
  font-size: 1.125em;
}
.precip span.unit {
  font-size: 0.750em;
}

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

.common-amedas-ranking-parts {
  float: left;
  width: 442px;
  background-color: #edf6ff;
  padding: 0 10px 9px 10px;
}
.common-amedas-ranking-parts h3 {
  font-size: 1.125em;
  margin-bottom: 0;
  border-bottom: 0;
  padding: 12px 0 8px 37px;
  line-height: 1;
  background-image: url('https://static.tenki.jp/images/icon/amedas/graph.png');
  background-repeat: no-repeat;
  background-size: 27px 20px;
  background-position: 0px 50%;
}
.common-amedas-ranking-parts .date-time {
  font-size: 0.750em;
  top: 15px;
}

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

.common-amedas-ranking-box {
  float: left;
  width: 216px;
  margin-right: 10px;
}
.common-amedas-ranking-box a {
  position: relative;
  background-color: #FFF;
  display: block;
  border-radius: 6px;
}
.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-weight: bold;
  color: #FFF;
}
.common-amedas-ranking-box li:first-child .value {
  position: absolute;
  top: 6px;
  right: 5px;
  width: 95px;
  background-color: #FFF;
  border-radius: 4px;
  padding: 2px 5px;
  text-align: center;
  line-height: 1;
}
.common-amedas-ranking-box li:first-child .value .unit {
  font-size: 0.750em;
  padding: 0 0 0 5px;
}
.common-amedas-ranking-box li:nth-child(2) {
  display: table;
  width: 100%;
  padding: 15px 0 10px;
  height: 45px;
}
.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;
  text-align: center;
}
.common-amedas-ranking-box .ranking {
  position: relative;
}
.common-amedas-ranking-box .rank {
  font-size: 1.500em;
  font-weight: bold;
}
.common-amedas-ranking-box ranking-box .unit {
  font-size: 0.875em;
  padding: 0 5px;
  font-weight: bold;
}
.common-amedas-ranking-box .total-number {
  font-size: 0.750em;
  padding-left: 5px;
}
.common-amedas-ranking-box .text {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1;
  margin-top: 10px;
}

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

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

.common-amedas-ranking-parts .generations-rank-link a {
  background-image: url('https://static.tenki.jp/images/icon/amedas/graph.png');
  background-repeat: no-repeat;
  background-size: 16px 12px;
  background-position: 10px 50%;
}

.common-indexes-pickup-wrap {
  float: left;
  width: 200px;
  background-color: #edf6ff;
  margin-left: 10px;
  padding: 10px 10px 0 10px;
}

.common-indexes-pickup {
  font-size: 0.875em;
  text-align: left;
  width: 100%;
}
.common-indexes-pickup li {
  font-weight: normal;
  padding-bottom: 10px;
}
.common-indexes-pickup li a {
  display: block;
}
.common-indexes-pickup .title {
  display: table-cell;
  width: 50px;
  vertical-align: middle;
}
.common-indexes-pickup .body {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  background-color: #FFF;
  border-radius: 4px;
  padding: 6px 5px 6px 10px;
  width: 150px;
}
.common-indexes-pickup .body: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-indexes-pickup .img-box {
  float: left;
  margin-right: 10px;
}
.common-indexes-pickup img {
  vertical-align: middle;
}
.common-indexes-pickup .telop {
  float: left;
}

.forecast-more-link-wrap {
  margin: -30px 0 40px;
}
.forecast-more-link-wrap .generations-rank-link {
  float: left;
}

/* GW天気 10日間天気 */
.week-index-table {
  width: 100%;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  margin: 0 0 20px;
  font-size: 0.875em;
}
.week-index-table th, .week-index-table td {
  padding: 5px 0;
  text-align: center;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
.week-index-table th {
  background-color: #F4F4EE;
  font-weight: normal;
  line-height: 1.4;
}
.week-index-table td {
  width: 9%;
}
.week-index-table td.area-name a {
  color: #0B5DAA;
  display: block;
  font-weight: bold;
  font-size: 1.125em;
  line-height: 1.4;
}
.week-index-table td.area-name span.point-name {
  display: block;
}
.week-index-table td.point-name a {
  display: block;
  color: #0B5DAA;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.4;
}
.week-index-table td.point-name span.city-name {
  display: block;
  padding-top: 5px;
  font-size: 0.750em;
  line-height: 1.4;
}
.week-index-table td.forecast-wrap span.forecast-telop {
  font-size: 0.875em;
}
.week-index-table td.forecast-wrap span.high-temp {
  padding-right: 2px;
}
.week-index-table td.forecast-wrap span.low-temp {
  padding-left: 2px;
}

.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: 31px 31px;
  background-position: 115px 50%;
  background-repeat: no-repeat;
}
.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: 31px 31px;
  background-position: 115px 50%;
  background-repeat: no-repeat;
}
.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: 35px 35px;
  background-position: 115px 50%;
  background-repeat: no-repeat;
}
.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: 35px 35px;
  background-position: 115px 50%;
  background-repeat: no-repeat;
}
.gw-common-select-btn li h3 {
  font-size: inherit;
  border-bottom: 0;
  padding: 0;
  margin-bottom: 0;
}

.gw-spot-tag-box {
  margin-top: 20px;
}
.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 10px;
  color: #444;
}
.common-spot-tag li a:hover {
  background-color: #edf6ff;
  opacity: 1;
  color: #0B5DAA;
  text-decoration: none;
}

.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: #edf6ff;
  color: #0061ca;
  font-size: 1.125em;
}
.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-satellite-world-link a {
  display: block;
}
.gw-satellite-world-link a img {
  width: 320px;
  height: auto;
}

/* おすすめ記事・ピックアップ */
.gw-pickup-entries span.pickup,
.pickup-entries span.pickup {
  position: relative;
  font-size: 0.5em;
  padding: 5px;
  display: inline-block;
  background-color: #f89e1c;
  line-height: 1.0;
  border-radius: 4px;
  margin-left: 10px;
  color: #FFF;
  font-weight: normal;
  vertical-align: top;
}
.gw-pickup-entries span.pickup:after,
.pickup-entries span.pickup:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 5px;
  left: -7px;
  border-top: 4px solid transparent;
  border-right: 4px solid #f89e1c;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
}
.gw-pickup-entries .common-sub-column-entries a,
.pickup-entries .common-sub-column-entries a {
  border-bottom: 0;
  padding-bottom: 0;
}

/* お天気パーツ */
.days-thumbnail-wrap {
  min-width: 400px;
}

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

.days-box {
  width: 47%;
  text-align: center;
  float: left;
  background: rgba(255,255,255,.7);
  margin-right: 2%;
  padding: 1% 2% 0 0;
  border-radius: 4px;
  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:last-child {
  margin-right: 0;
}

.days-box h3 {
  border-bottom: 0;
  margin-bottom: 0;
  font-weight: normal;
  margin-left: 2%;
  font-size: 1em;
}

.days-left-list {
  width: 37%;
  float: left;
}

.days-left-list .telop {
  font-size: 0.875em;
}

.days-right-table {
  width: 50%;
  height: 64px;
  margin: 8px 10px 8px 0;
  float: right;
  font-size: 0.875em;
}

.days-right-table .temp-max {
  color: #FF0000;
}

.days-right-table .temp-min {
  color: #0096FF;
}

.days-right-table .name {
  width: 50%;
  text-align: left;
}

.days-right-table .value {
  width: 25%;
  font-size: 20px;
  font-weight: bold;
  text-align: right;
  padding: 2px;
}

.days-right-table .unit {
  width: 15%;
  text-align: right;
}


/*** 共通 警報注意報 ***/

.common-warn-entry-box {
  margin-bottom: 20px;
  background-color: #edf6ff;
}

.common-warn-entry-box a {
  color: #0B5DAA;
  display: block;
  border-bottom: 1px solid #FFF;
  /*margin-bottom: 10px;*/
  padding: 10px 15px 0px;
}
.common-warn-entry-box a:last-child {
  border-bottom: 0;
  margin-bottom: -10px;
}

.common-warn-entry-box dl.common-warn-entries {
  padding: 0 0 10px 35px;
  text-align: left;
  background-repeat: no-repeat;
  background-position: 2px 3px;
  background-size: 25px 21px;
}
.common-warn-entry-box dl.is-alert-information {
  background-image: url(https://static.tenki.jp/images/icon/warn/alert.png);
}
.common-warn-entry-box dl.is-warn-information {
  background-image: url(https://static.tenki.jp/images/icon/warn/warn.png);
}
.common-warn-entry-box dl.is-special-warn-information {
  background-image: url(https://static.tenki.jp/images/icon/warn/special-warn.png);
}

.common-warn-entries dt {
  font-weight: bold;
  display: inline-block;
}

.common-warn-entries dd {
  display: inline-block;
}

.common-warn-entries dd.special-warn-entry {
  color: #FFF;
  background-color: #c800ff;
  border: 1px solid #FFF;
  margin: 0px 6px 0px 0;
  padding: 3px 4px;
}

.common-warn-entries dd.warn-entry {
  color: #FFF;
  background-color: #ff0909;
  border: 1px solid #FFF;
  color: #fff;
  margin: 0px 6px 0px 0;
  padding: 3px 4px;
}

.common-warn-entries dd.alert-entry {
  color: #444;
  background-color: #ffff09;
  border: 1px solid #FFF;
  margin: 0px 6px 0px 0;
  padding: 3px 4px;
}

.common-warn-entries dd.no-entry {
  color: #444;
}

.special-warn-notice-entries {
  position: relative;
  background-color: #FFF;
  border: 2px solid #C800FF;
  padding: 10px 10px 10px 70px;
  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: 50px 42px;
}
.special-warn-notice-entries p {
  color: #C800FF;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1.25em;
}
.special-warn-notice-entries p .date-time {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 0.625em;
}
.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 3px;
  padding-left: 19px;
}
.special-warn-notice-entries a:hover {
  color: #F89E1C;
}

/*** 周辺の施設 ***/
#near-exist-entries-box {
  position: relative;
  width: 642px;
  height: 170px;
  padding: 10px 25px;
}
#near-exist-entries-box .slide-frame {
  position: relative;
  height: 170px;
  overflow: hidden;
  margin-bottom: 10px;
}

/* slide images */
#near-exist-entries-box .slide-frame ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 1300px;
  margin: 0;
}
#near-exist-entries-box .slide-frame ul li {
  float: left;
  width: 110px;
  margin-right: 10px;
}
#near-exist-entries-box .slide-frame ul li:last-child {
  margin-right: 0;
}
#near-exist-entries-box .slide-frame ul li a {
  background: none;
}
#near-exist-entries-box .slide-frame ul li .img-box {
  width: 110px;
  height: 110px;
  overflow: hidden;
  margin-bottom: 5px;
}
#near-exist-entries-box .slide-frame ul li img {
  width: auto;
  height: 120%;
}
#near-exist-entries-box .slide-frame ul li .name {
  margin-bottom: 10px;
  line-height: 1.4;
  font-size: 0.875em;
  font-weight: bold;
}

/* gallery items */
#near-exist-entries-box ul li,
#near-exist-entries-box ul li label,
#near-exist-entries-box p label {
}

/* slider arrow button */
#near-exist-entries-box p label {
  position: absolute;
  top: 5px;
  margin: 0;
  width: 50px;
  height: 150px;
  cursor: pointer;
}
#near-exist-entries-box .prev label {
  left: 0;
}
#near-exist-entries-box .next label {
  right: 0;
}

#near-exist-entries-box p i {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: 55px;
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #6FAFFF;
}
#near-exist-entries-box p i:after {
  content: "";
  position: absolute;
  top: -17px;
  right: -8px;
  width: 20px;
  height: 32px;
  border: 1px solid #6FAFFF;
}

#near-exist-entries-box .prev i {
  transform: rotateY(180deg);
  left: 0;
}
#near-exist-entries-box .next i {
  margin-left: 35px;
  right: 0;
}

/* CSS Programming */
#near-exist-entries-box #switch1:checked ~ .slide-frame ul {
  left: 0px;
}
#near-exist-entries-box #switch2:checked ~ .slide-frame ul {
  left: -550px;
}

#near-exist-entries-box input {
  display: none;
}

#near-exist-entries-box #switch1:checked ~ .prev label[for="switch2"],
#near-exist-entries-box #switch2:checked ~ .prev label[for="switch1"],
#near-exist-entries-box #switch1:checked ~ .next label[for="switch2"],
#near-exist-entries-box #switch2:checked ~ .next label[for="switch1"] {
  z-index: 1;
}

/* transition  */
#near-exist-entries-box i {
  transition: margin 0.3s ease 0s;
  -webkit-transition: margin 0.3s ease 0;
}
#near-exist-entries-box .slide-frame ul {
  transition: all 1s cubic-bezier(0.85, 0.03, 0.15, 0.96) 0s;
  -webkit-transition: all 1s cubic-bezier(0.85, 0.03, 0.15, 0.96) 0;
}


/*** 指数ページ ***/
/* 地図 */
.map-wrap {
  position: relative;
  margin: 0 0 20px 53px;
}
.map-date {
  position: absolute;
  top: 0px;
  left: -53px;
  font-weight: bold;
}
.map-wrap li {
  position: absolute;
  text-align: center;
  line-height: 1.0;
}
.map-wrap li a {
  display: block;
  width: 72px;
  height: 78px;
}
.map-wrap li span {
  font-size: 0.750em;
  display: block;
  padding: 5px 0;
}
.map-wrap li span:last-of-type {
  font-size: 0.687em;
}

#map-image-clickable area {
  outline: none;
  border: none;
}

.indexes-pickup-others-entries {
  margin-bottom: 20px;
}
.indexes-pickup-others-entries div.indexes-img-box {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  line-height: 1;
  background: rgba(0,0,0,0.5);
}
.indexes-pickup-others-entries div.indexes-img-box img {
  vertical-align: middle;
}

.common-link-btn-rectangle.indexes-link-btn-rectangle {
  margin-bottom: 20px;
}
.common-link-btn-rectangle.indexes-link-btn-rectangle a {
  padding: 5px;
}
.common-link-btn-rectangle.indexes-link-btn-rectangle .name {
  text-align: center;
  font-size: 0.750em;
}
.common-link-btn-rectangle.indexes-link-btn-rectangle .img-wrap {
  text-align: center;
  margin-top: 5px;
}
.common-link-btn-rectangle.indexes-link-btn-rectangle .img-box {
  margin-left: 10px;
}
.common-link-btn-rectangle.indexes-link-btn-rectangle p {
  font-size: 0.750em;
  color: #999;
}

.common-select-tab.indexes-select-tab li a,
.common-select-tab.indexes-select-tab-lot li a {
  line-height: 1.4;
  padding: 10px 5px 10px 10px;
  height: 43px;
}
.common-select-tab.indexes-select-tab li a img,
.common-select-tab.indexes-select-tab-lot li a img {
  background-color: #FFF;
  border: 4px solid #FFF;
  border-radius: 4px;
  margin-right: 6px;
  vertical-align: middle;
}
.common-select-tab.indexes-select-tab li span.no-img,
.common-select-tab.indexes-select-tab-lot li span.no-img {
  background-color: #FFF;
  border-radius: 4px;
  margin-right: 6px;
  height: 24px;
  width: 35px;
  display: block;
  padding: 10px 4px 9px;
}

.common-select-tab.indexes-select-tab li span.name,
.common-select-tab.indexes-select-tab-lot li span.name {
  font-size: 0.875em;
  text-align: left;
}
.common-select-tab.indexes-select-tab li span.name-lot {
  font-size: 0.750em;
}

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

.indexes-weather-wrap {
  background-color: #edf6ff;
  position: relative;
  text-align: center;
  margin-bottom: 10px;
}
.indexes-weather-wrap .indexes-icon-box {
  float: left;
  width: 50%;
  padding: 15px 0 0;
}
.indexes-weather-wrap .indexes-icon-box .indexes-telop-0 {
  display: block;
  margin-top: 5px;
}
.indexes-weather-wrap .weather-icon-box {
  position: absolute;
  top: 13px;
  right: 20px;
  background-color: #FFF;
  padding: 5px 20px;
  border-radius: 4px;
  width: 110px;
}
.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.875em;
}
.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;
  margin: 20px 20px 10px;
}

.indexes-uv-graph-box img {
  margin: 0 auto;
  display: block;
}

.forecast-point-week td.indexes-icon {
  padding-bottom: 0;
}
.forecast-point-week td .indexes-telop-0 {
  font-size: 0.750em;
}
.forecast-point-week td .indexes-telop-1 {
  font-size: 0.687em;
  padding: 5px 5px 0;
  line-height: 1.4;
  height: 40px;
}

.index-comment {
  font-size: 0.750em;
  line-height: 1.4;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dotted #CCC;
  color: #666;
}


/*** レジャー天気ページ ***/
.common-link-btn-rectangle-one {
  margin-bottom: 20px;
  background-color: #edf6ff;
  padding: 10px;
}
.common-link-btn-rectangle-one li {
  margin-bottom: 10px;
  position: relative;
  margin: 0 4px 3px 0;
}
.common-link-btn-rectangle-one li a {
  display: flex;
  position: relative;
  background-color: #FFF;
  padding: 10px 5px 10px 10px;
}
.common-link-btn-rectangle-one li:last-child {
  margin-bottom: 0;
}
.common-link-btn-rectangle-one .name {
  width: 415px;
  margin-right: 10px;
  line-height: 1.4em;
  margin: auto;
}
.common-link-btn-rectangle-one .img-wrap {
  margin: auto;
}
.common-link-btn-rectangle-one .img-box {
  width: 120px;
  margin-right: 10px;
  display: table-cell;
  padding-right: 10px;
}
.common-link-btn-rectangle-one .img-box img {
  vertical-align: middle;
  margin-right: 5px;
}
.common-link-btn-rectangle-one .forecast-telop {
  font-size: 0.875em;
}
.common-link-btn-rectangle-one .temp-box {
  display: table-cell;
  text-align: center;
  padding-right: 10px;
  vertical-align: middle;
}

.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 {
  max-width: 424px;
}


/* 凡例 */
.rank-index-box {
  margin: 20px auto 40px;
  background-color: #edf6ff;
  padding: 10px 20px;
}
.rank-index-box dl {
  position: relative;
  font-size: 0.750em;
  width: 100%;
  display: table;
  table-layout: fixed;
}
.rank-index-box dt {
  display: table-cell;
  font-weight: bold;
  vertical-align: middle;
}
.rank-index-box dd {
  display: table-cell;
  text-align: center;
}
.rank-index-box dd:last-child {
  padding-right: 0;
}
.rank-index-box dd img {
  padding: 2px;
  background-color: #FFF;
  border-radius: 4px;
}
.rank-index-box dd span {
  display: block;
  color: #999;
}


/*** tenki.jpサプリ ***/
.recent-entries ul {
  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;
}
.recent-entries ul li {
  width: 217px;
  float: left;
  margin: 0 20px 30px 0;
}
.recent-entries ul li:last-child,
.recent-entries ul li:nth-child(3n) {
  margin-right: 0;
}
.recent-entries ul li a {
  display: block;
}
.recent-entries ul li a:hover {
  text-decoration: none;
}
.recent-entries ul li a img.new {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 1;
}
.recent-entries ul li a div.recent-entries-img {
  width: 217px;
  height: 164px;
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
}
.recent-entries ul li a div.recent-entries-img img {
  width: auto;
  height: 120%;
}
.recent-entries ul li .recent-entries-title {
  font-size: 1.125em;
  margin-bottom: 15px;
  color: #444;
}
.recent-entries ul li .recent-entries-date {
  font-size: 0.812em;
  line-height: 1em;
  margin-top: 15px;
  color: #999;
  display: block;
}

/* サプリ・日直記事（横2記事） */
.common-recent-entries li {
  position: relative;
  width: 336px;
  float: left;
  margin: 0 20px 20px 0;
}
.common-recent-entries li:nth-child(2n) {
  margin-right: 0;
}
.common-recent-entries li:last-child, .common-recent-entries li:nth-last-child(2) {
  margin-bottom: 0;
}
.common-recent-entries li a {
  width: 336px;
  height: 210px;
  display: block;
  overflow: hidden;
}
.common-recent-entries li a img {
  width: auto;
  height: 120%;
}
.common-recent-entries li a p {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  font-size: 1.125em;
  width: 100%;
  color: #FFF;
  padding: 10px;
  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.3;
  height: 70px;
}
.common-recent-entries li a img.new {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 1;
  width: 60px;
  height: 60px;
}

/* 日直・サプリ記事(カード型４つ) */
.recent-entries-card-wrap {
  margin-bottom: 20px;
}
.recent-entries-card-wrap ul {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.recent-entries-card-wrap li {
  display: table-cell;
  padding: 0 10px;
  border-right: 1px solid #eee;
  vertical-align: top;
}
.recent-entries-card-wrap li:last-child {
  padding-right: 0;
  border-right: 0;
}
.recent-entries-card-wrap li a {
  display: block;
}
.recent-entries-card-wrap li .img-box {
  width: 152px;
  height: 95px;
  text-align: center;
  overflow: hidden;
  margin-bottom: 10px;
}
.recent-entries-card-wrap li .img-box img {
  width: 120%;
  height: auto;
}
.recent-entries-card-wrap li .title {
  line-height: 1.4;
}
.recent-entries-card-wrap li .date {
  color: #999;
  font-size: 0.750em;
}


/* 検索ページ */
.select-wrap {
  margin-bottom: 40px;
}

.search-input {
  width: 350px;
  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;
  line-height: 1;
  font-family: Meiryo, メイリオ;
  font-size: 1em;
  height: 24px;
}

#search-form button {
  padding: 0 10px;
  background-color: #0061ca;
  color: #FFF;
  border-style: none;
  border-radius: 0 4px 4px 0;
  line-height: 1;
  font-family: Meiryo, メイリオ;
  font-size: 1em;
  height: 38px;
}

.search-pager-index {
  font-size: 0.875em;
}

.search-entry-data-wrap {
  margin-bottom: 15px;
}
.search-entry-data-wrap p {
  margin-bottom: 10px;
  background-color: #edf6ff;
}
.search-entry-data-wrap p:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.search-entry-data-wrap p a {
  position: relative;
  display: block;
  padding: 5px 10px;
  border-radius: 4px;
}
.search-entry-data-wrap p a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 5px;
  right: 5px;
  border-top: 4px solid transparent;
  border-right: 4px solid #0160c2;
  border-bottom: 4px solid #0160c2;
  border-left: 4px solid transparent;
}
.search-entry-data-wrap p a:hover {
  background-color: #0061ca;
  color: #fff;
  opacity: 1;
  text-decoration: none;
}
.search-entry-data-wrap p a:hover:after {
  border-right: 4px solid #FFF;
  border-bottom: 4px solid #FFF;
}
.search-entry-data-wrap p span.zipcode {
  padding-right: 10px;
}

.search-entry-no-data {
  padding: 10px;
  background-color: #edf6ff;
}
.search-entry-no-data dl {
  font-size: 0.875em;
  line-height: 1.4;
  margin-top: 5px;
}


/***     サイドメニュー        ***/
.sub-column-section-wrap {
  margin-bottom: 30px;
}

/* サイドメニュー アメダス10分値 */
.sub-column-amedas-ten {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
}
.sub-column-amedas-ten th, .sub-column-amedas-ten td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  text-align: center;
  vertical-align: middle;
}
.sub-column-amedas-ten th {
  width: 16.6%;
  padding: 2px 0;
  background-color: #F4F4EE;
  font-size: 0.750em;
  font-weight: normal;
  line-height: 1.4;
}
.sub-column-amedas-ten td {
  font-size: 0.875em;
  width: 16.6%;
  padding: 2px 0;
}

/* サイドメニュー 日直記事 */
.sub-column-forecaster-diary-entries {
  margin: 20px 0;
}
.sub-column-forecaster-diary-entries li {
  border-bottom: 1px solid #CCC;
}
.sub-column-forecaster-diary-entries li a {
  display: block;
  width: 100%;
  line-height: 1.4;
  padding: 10px 0;
}
.sub-column-forecaster-diary-entries li:first-child a {
  padding-top: 0;
}
.sub-column-forecaster-diary-entries .forecaster-diary-img-box {
  display: table-cell;
}
.sub-column-forecaster-diary-entries .forecaster-diary-image {
  margin-right: 10px;
  overflow: hidden;
  width: 60px;
  height: 60px;
  display: block;
}
.sub-column-forecaster-diary-entries .forecaster-diary-image img {
  width: auto;
  height: 120%;
}
.sub-column-forecaster-diary-entries .forecaster-diary-image img.no_img {
  width: 100%;
  height: 100%;
}
.sub-column-forecaster-diary-entries .forecaster-diary-body {
  display: table-cell;
  width: 266px;
  vertical-align: middle;
}
.sub-column-forecaster-diary-entries .forecaster-diary-body .date-time {
  display: block;
}

/* サイドメニュー もっと見るボタン */
.more-link-box {
  text-align: right;
}
.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;
}

/* サイドメニュー 今日の天気 */
.sub-column-forecast-pickup li {
  font-size: 0.875em;
}
.sub-column-forecast-pickup li a {
  position: relative;
  display: block;
  padding: 7px 5px;
  border-bottom: 1px dotted #CCC;
  padding-right: 0;
  width: 100%;
}
.sub-column-forecast-pickup li a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 3px;
  right: 0;
  border-top: 4px solid transparent;
  border-right: 4px solid #0160c2;
  border-bottom: 4px solid #0160c2;
  border-left: 4px solid transparent;
}
.sub-column-forecast-pickup li p {
  display: inline-block;
  vertical-align: middle;
}
.sub-column-forecast-pickup li p.name {
  width: 33%;
  line-height: 1.4;
}
.sub-column-forecast-pickup li p.img-box {
  width: 15%;
}
.sub-column-forecast-pickup li p.img-box img {
  vertical-align: middle;
}
.sub-column-forecast-pickup li p.date-value {
  width: 31%;
  text-align: center;
}
.sub-column-forecast-pickup li p.precip {
  width: 10%;
}

/* サイドメニュー 警報・注意報 */
.section-warn-sub-column {
  margin-bottom: 10px;
}

.warn_sidemenu_recent_entries a {
  color: #0b5daa;
}

.warn_sidemenu_recent_entries li {
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: dotted 1px #CCC;
}
.warn_sidemenu_recent_entries li:first-child {
  padding-top: 0;
}
.warn_sidemenu_recent_entries li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.warn_sidemenu_recent_entries li dd {
  margin-left: 3px;
}

.warn_sidemenu_map_pref_name {
  font-weight: bold;
  margin: 3px 3px 7px 0;
}

.warn_sidemenu_map_pref_name img {
  margin-left: 3px;
  margin-bottom: -1px;
}

.warn_sidemenu_public_datetime {
  margin: 3px 3px 7px 3px;
}

/* サイドメニューの記事共通css */
.common-sub-column-entries {
  margin-top: 20px;
}
.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: 20px 0;
}
.common-sub-column-entries-square li {
  border-bottom: 1px solid #CCC;
}
.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: auto;
  height: 120%;
}
.common-sub-column-entries-square .img-box img.no_img {
  width: 100%;
  height: 100%;
}
.common-sub-column-entries-square .img-box img.height-adjust {
  width: auto;
  height: 100%;
}
.common-sub-column-entries-square .body {
  display: table-cell;
  width: 266px;
  vertical-align: middle;
}
.common-sub-column-entries-square .body .date-time {
  display: block;
}


/* サイドメニュー台風情報 */
.typhoon-notice-sub-column-wrap {
  margin-bottom: 30px;
}
.typhoon-notice-sub-column-wrap h3.is-special-warn {
  border-left: 10px solid #c800ff;
}
.typhoon-notice-sub-column-wrap h3.is-warn {
  border-left: 10px solid #ff0909;
}
.typhoon-notice-sub-column-wrap h3.is-alert {
  border-left: 10px solid #ffff09;
}
.typhoon-notice-sub-column-box {
  border: 1px solid #CCC;
  padding: 10px;
  margin-bottom: 10px;
}
.typhoon-notice-sub-column-box.is-special-warn {
  border-bottom: 2px solid #c800ff;
}
.typhoon-notice-sub-column-box.is-warn {
  border-bottom: 2px solid #ff0909;
}
.typhoon-notice-sub-column-box.is-alert {
  border-bottom: 2px solid #ffff09;
}
.typhoon-notice-sub-column-box a {
  display: block;
  position: relative;
}
.typhoon-notice-sub-column-box a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-top: 5px solid transparent;
  border-right: 5px solid #0061ca;
  border-bottom: 5px solid #0061ca;
  border-left: 5px solid transparent;
}
.typhoon-notice-sub-column-box.is-special-warn a:after {
  border-right: 5px solid #c800ff;
  border-bottom: 5px solid #c800ff;
}
.typhoon-notice-sub-column-box.is-warn a:after {
  border-right: 5px solid #ff0909;
  border-bottom: 5px solid #ff0909;
}
.typhoon-notice-sub-column-box.is-alert a:after {
  border-right: 5px solid #ffff09;
  border-bottom: 5px solid #ffff09;
}
.typhoon-notice-sub-column-box ul {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  border-bottom: 1px dotted #EEE;
  padding-bottom: 5px;
}
.typhoon-notice-sub-column-box li {
  display: table-cell;
  vertical-align: middle;
}
.typhoon-notice-sub-column-box li:nth-child(2) {
  width: 100%;
}
.typhoon-notice-sub-column-box li .img-box {
  width: 120px;
  height: 90px;
  overflow: hidden;
  padding-right: 10px;
}
.typhoon-notice-sub-column-box li img {
  width: 100%;
  height: auto;
}
.typhoon-notice-sub-column-box .typhoon-notice-table {
  font-size: 0.875em;
}
.typhoon-notice-sub-column-box .typhoon-notice-table th {
  padding-right: 10px;
}
.typhoon-notice-sub-column-box .body {
  font-size: 0.875em;
}

/* サイドメニュー注目の情報 */
.common-sub-column-attention {
  margin: 10px 0 20px;
}
.common-sub-column-attention li {
  border-bottom: 1px solid #CCC;
}
.common-sub-column-attention li a {
  display: block;
  width: 100%;
  line-height: 1.4;
  padding: 10px 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;
  width: 266px;
  vertical-align: middle;
  font-size: 0.875em;
  line-height: 1.4;
}
.common-sub-column-attention .body .title {
  font-weight: bold;
  font-size: 1.125em;
}
.common-sub-column-attention a .body {
  color: #0B5DAA;
}
.common-sub-column-attention a:hover .body {
  color: #F89E1C;
}

/* サイドメニュー天気app誘導 */
#sub-column-attention-iphone {
  margin: 3px 10px 0 0;
  display: inline-block;
  padding: 1px 15px 1px 18px;
  background-color: #d7e6ff;
  border-radius: 4px;
  width: 90px;
  font-size: 0.875em;
}
#sub-column-attention-android {
  display: inline-block;
  padding: 1px 15px 1px 18px;
  background-color: #d7e6ff;
  border-radius: 4px;
  width: 90px;
  font-size: 0.875em;
}

/* サイドメニュー登山天気誘導 */
#sub-column-attention-yama-iphone,
#sub-column-attention-yama-android {
  display: inline-block;
  padding: 1px;
  background-color: #d7e6ff;
  border-radius: 4px;
  width: 48%;
  font-size: 0.875em;
  text-align: center;
}
#sub-column-attention-yama-iphone {
  margin-right: 2%;
}

/* サイドメニューアプリ誘導枠 */
.app-banner-wrap {
  border: 1px solid #CCC;
  padding: 5px;
  position: relative;
  background-color: #FFF;
}
.app-banner-wrap:before,
.app-banner-wrap:after {
  position: absolute;
  pointer-events: none;
  content: "";
  bottom: 100%;
  left: 20%;
  height: 0;
  width: 0;
  border: solid transparent;
}
.app-banner-wrap:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #FFF;
  border-width: 30px;
  margin-left: -30px;
}
.app-banner-wrap:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #CCC;
  border-width: 31px;
  margin-left: -31px;
}
.app-banner-wrap li {
  border-bottom: 0;
}
#sub-column-attention-iphone {
  margin: 0 10px 0 0;
}

/* サイドメニュー天気ガイド */
.sub-column-contents-link-title {
  background-color: #F4F4EE;
  padding: 2px 5px;
  margin-bottom: 5px;
}
.sub-column-contents-link-box {
  margin-bottom: 20px;
  font-size: 0.875em;
}
.sub-column-contents-link-box li {
  float: left;
  width: 164px;
  margin-right: 8px;
}
.sub-column-contents-link-box li:nth-child(even) {
  margin-right: 0;
}
.sub-column-contents-link-box li a {
  display: block;
  border-bottom: 1px dotted #EEE;
  padding: 5px 5px 5px 25px;
  position: relative;
}
.sub-column-contents-link-box li a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 2px;
  right: 2px;
  border-top: 3px solid transparent;
  border-right: 3px solid #0061ca;
  border-bottom: 3px solid #0061ca;
  border-left: 3px solid transparent;
}

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

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

/* メニューアイコン 日直予報士 */
.icon-menu-diary {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_diary.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

/* メニューアイコン 10日間予報 */
.icon-menu-week {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_week.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

/* メニューアイコン 長期予報 */
.icon-menu-long {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_long.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

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

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

/* メニューアイコン 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: 2px center;
}

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

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

/* メニューアイコン 実況天気 */
.icon-menu-live {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_live.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

/* メニューアイコン 過去天気 */
.icon-menu-past {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_past.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

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

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

/* メニューアイコン 津波 */
.icon-menu-tsunami {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_tsunami.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

/* メニューアイコン 火山 */
.icon-menu-volcano {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_volcano.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

/* メニューアイコン 台風 */
.icon-menu-typhoon {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_typhoon.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

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

/* メニューアイコン 気象衛星 */
.icon-menu-satellite {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_satellite.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

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

/* メニューアイコン 指数 通年 洗濯 */
.icon-menu-indexes-cloth_dried {
  background-image: url(https://static.tenki.jp/images/icon/indexes/cloth_dried/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 通年 服装 */
.icon-menu-indexes-dress {
  background-image: url(https://static.tenki.jp/images/icon/indexes/dress/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 通年 お出かけ */
.icon-menu-indexes-odekake {
  background-image: url(https://static.tenki.jp/images/icon/indexes/odekake/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 通年 星空 */
.icon-menu-indexes-starry_sky {
  background-image: url(https://static.tenki.jp/images/icon/indexes/starry_sky/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 通年 傘 */
.icon-menu-indexes-umbrella {
  background-image: url(https://static.tenki.jp/images/icon/indexes/umbrella/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 通年 紫外線 */
.icon-menu-indexes-uv_index_ranking {
  background-image: url(https://static.tenki.jp/images/icon/indexes/uv_index_ranking/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 通年 体感温度 */
.icon-menu-indexes-self_temp {
  background-image: url(https://static.tenki.jp/images/icon/indexes/self_temp/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 通年 洗車 */
.icon-menu-indexes-carwashing {
  background-image: url(https://static.tenki.jp/images/icon/indexes/carwashing/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 通年 レジャー */
.icon-menu-indexes-leisure {
  background-image: url(https://static.tenki.jp/images/icon/indexes/leisure/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 通年 のど飴 */
.icon-menu-indexes-throat_lozenge {
  background-image: url(https://static.tenki.jp/images/icon/indexes/throat_lozenge/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 通年 部屋干し */
.icon-menu-indexes-room_drying {
  background-image: url(https://static.tenki.jp/images/icon/indexes/room_drying/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 夏季 汗かき */
.icon-menu-indexes-sweat {
  background-image: url(https://static.tenki.jp/images/icon/indexes/sweat/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 夏季 不快 */
.icon-menu-indexes-discomfort {
  background-image: url(https://static.tenki.jp/images/icon/indexes/discomfort/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 夏季 冷房 */
.icon-menu-indexes-reibo {
  background-image: url(https://static.tenki.jp/images/icon/indexes/reibo/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 夏季 アイス */
.icon-menu-indexes-ice_cream {
  background-image: url(https://static.tenki.jp/images/icon/indexes/ice_cream/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 夏季 ビール */
.icon-menu-indexes-beer {
  background-image: url(https://static.tenki.jp/images/icon/indexes/beer/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 夏季 除菌 */
.icon-menu-indexes-disinfect {
  background-image: url(https://static.tenki.jp/images/icon/indexes/disinfect/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 冬季 水道凍結 */
.icon-menu-indexes-freezing_water {
  background-image: url(https://static.tenki.jp/images/icon/indexes/freezing_water/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 冬季 うるおい */
.icon-menu-indexes-skin_dried {
  background-image: url(https://static.tenki.jp/images/icon/indexes/skin_dried/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 冬季 霜 */
.icon-menu-indexes-frost {
  background-image: url(https://static.tenki.jp/images/icon/indexes/frost/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 冬季 風邪ひき */
.icon-menu-indexes-cough {
  background-image: url(https://static.tenki.jp/images/icon/indexes/cough/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 冬季 掛け布団 */
.icon-menu-indexes-quilt {
  background-image: url(https://static.tenki.jp/images/icon/indexes/quilt/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 冬季 暖房 */
.icon-menu-indexes-danbo {
  background-image: url(https://static.tenki.jp/images/icon/indexes/danbo/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 冬季 鍋もの */
.icon-menu-indexes-hot_pot {
  background-image: url(https://static.tenki.jp/images/icon/indexes/hot_poticon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 冬季 シミ指数 */
.icon-menu-indexes-skin_spot {
  background-image: url(https://static.tenki.jp/images/icon/indexes/skin_spot/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 冬期 からだ乾燥指数 */
.icon-menu-indexes-karada {
  background-image: url(https://static.tenki.jp/images/icon/indexes/karada/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 指数 冬期 寒風指数 */
.icon-menu-indexes-cold_wind {
  background-image: url(https://static.tenki.jp/images/icon/indexes/cold_wind/icon-small-1.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 15px 15px;
}

/* メニューアイコン 山の天気 */
.icon-menu-mountain {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_mountain.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

/* メニューアイコン 海の天気 */
.icon-menu-wave {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_wave.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

/* メニューアイコン 空港 */
.icon-menu-airport {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_airport.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

/* メニューアイコン 野球場 */
.icon-menu-baseball {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_baseball.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

/* メニューアイコン サッカー場 */
.icon-menu-soccer {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_soccer.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

/* メニューアイコン ゴルフ場 */
.icon-menu-golf {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_golf.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

/* メニューアイコン キャンプ場 */
.icon-menu-camp {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_camp.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

/* メニューアイコン 競馬・競艇・競輪場 */
.icon-menu-horse {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_horse.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

/* メニューアイコン 釣り */
.icon-menu-fishing {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_fishing.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

/* メニューアイコン テーマパーク */
.icon-menu-park {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_park.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

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

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

/* メニューアイコン GW */
.icon-menu-goldenweek {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAn1BMVEX////UpgDUpgDUpgDUpgDUpgDUpgDmy2nfvULUpgDUpgDUpgDfvULZsBvZsBvZsBvZsSDgvkXZsSDmy2rUpgDUpgDZsSDZsBvZsSDmy2rmy2nZsBvfvULmy2nmy2nUpgDmy2nmy2rmy2nmy2nmy2ngvkXgvkXZsSDmy2rZsSDZsBvZsBvUpgDUpgDfvULUpgDgvkXmy2nZsSDmy2rZsBvvD+ahAAAALnRSTlMAQDAgoBDwwIBwwOCQQMDg8OBAwIBg4LDAgGDwcODwkFDg0EAgQCBgYKBQcNCw5f4YgwAAAIxJREFUeF6FjkUWwzAUxMYOM5WZuf+b7n+25jUHiJaz0AjjyEQgEB6khCcAn5nTgCcIM+wZUw79jJOwnxhphplp0ZpFWRXOFes5VIMe5BQTbSiG7bC01q70abuL9AH2iEdn7VnrKNL6gkZdcVMKRHFOBNxN/ayNQeVeb1di+P8wviwF+0Of9AS8IXKMH3umDmsF06sZAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 2px center;
}

/* メニューアイコン 梅雨入り・梅雨明けページ */
.icon-menu-rainy-season {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAxlBMVEX///9dpdFPmx6Dzf9dpdFPmx6Dzf9psd9dpdGDzf9Pmx5dpdF5wvNPmx5dpdGDzf9Pmx6Dzf9dpdGDzf94ws5Pmx5dpdFdpdFPmx6Dzf9fqmJPmx6Dzf+Dzf9dpdFPmx5Pmx5gq2eDzf9XokBPmx5tuJ+Dzf9zvrmDzf+AyvB8xuFZpUqCzPyCzPmDzf9Pmx6K0f+h3f+46f+N0v+Gz/+X2P+e2/9cqFaU1v+r4v+y5v+15/9SniyQ1P9ZpEik3/+a2f+u5P+/me+pAAAALnRSTlMAEBAQICAgLjAwMDw9QEBAUFBgYGZwcICAgJ6goLCwsMDE0Nbg4ODo8PDw8/P3uR9iXwAAALNJREFUeF4tx9dCwkAYBeGzyYJgBSwLaqLiqsFytqXQbO//Uv6K39UMMDDQygAolYIGDgYwam+WY3JxjBLaIC+uKz6ezg4x0VA6n3On6huIMX1MXAbPEy07rNjGwHVsOM/lC5JfNf0nyUK+zxSX0vX3qh7LnzHE5n0T0nrlh8DogWzYbgKTf7vPYD8WFN6Tz1t3BSeeyAVfX5xAbzSdHt11rru0sjf4c+6czYB9/MvsbW9XP01jGZJaLkh7AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 2px center;
}

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

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

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

/* メニューアイコン ラボ */
.icon-menu-labo {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_labo.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

/* メニューアイコン サプリ */
.icon-menu-suppl {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_suppl.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

/* メニューアイコン more+ 雷予報 */
.icon-menu-more-thunder {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_more_thunder.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

/* メニューアイコン more+ 海況図 */
.icon-menu-more-sea {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_more_sea.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

/* メニューアイコン more+ 長期グラフ */
.icon-menu-more-long {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_more_long.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

/* メニューアイコン more+ 過去の気温降水 */
.icon-menu-more-past {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_more_past.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}
/* メニューアイコン 天気概況 */
.icon-menu-generalcondition {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_generalcondition.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}
/* メニューアイコン tenki用語辞典 */
.icon-menu-dic {
  background-image: url(https://static.tenki.jp/images/icon/menu/icon_menu_dic.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}