/* -- world -- */
@charset "utf-8";

/* -------------------------------------------- */
/* 世界天気                                     */
/* -------------------------------------------- */
/*** 共通 ***/
#world_forecast_date_entries {
  width: 100%;
  position: relative;
  display: table;
  table-layout: fixed;
  text-align: center;
  margin: 0 auto 10px;
}
#world_forecast_date_entries li {
  display: table-cell;
}
#world_forecast_date_entries li a {
  position: relative;
  display: block;
  border: 1px solid #1d53a4;
  border-right: 0;
  padding: 10px 0;
  font-weight: bold;
}
#world_forecast_date_entries li:last-child a {
  border-right: 1px solid #1d53a4;
}
#world_forecast_date_entries li a.selected {
  background-color: #1d53a4;
  color: #FFF;
}
#world_forecast_date_entries li a.selected:after {
  position: absolute;
  content: "";
  top: 100%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
  border-color: rgba(1, 96, 194, 0);
  border-top-color: #1d53a4;
  border-width: 8px;
  margin-left: -8px;
}
#world_forecast_date_entries li a span.date {
  font-size: 1.125em;
}
#world_forecast_date_entries li a span.youbi {
  font-size: 0.750em;
}
#world_forecast_date_entries li.saturday a {
  color: #0096FF;
}
#world_forecast_date_entries li.sunday a {
  color: #FF0000;
}
#world_forecast_date_entries li.saturday a.selected,
#world_forecast_date_entries li.sunday a.selected {
  color: #FFF;
}

.world-change-tab li {
  background: initial;
}
.world-change-tab li a {
  border-top: 10px solid #FFF;
  background-color: #d9d9d4;
  background-repeat: no-repeat;
  color: #1d53a4;
}
.world-change-tab li a.selected {
  padding: 15px 10px 15px 10px;
  color: #FFF;
  border-top: 0;
  background-color: #1d53a4;
}

.world-top-tab-box {
  text-align: center;
  margin-bottom: 10px;
  background-color: #edf6ff;
  padding: 20px 0;
}

.map-world-point-attention {
  font-size: 0.875em;
  text-align: right;
}

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

.text-attention-right {
  font-size: 0.750em;
}

.heading-title {
  padding-right: 0;
}
.heading-title::after {
  content: "";
  display: block;
  clear: both;
}
h2 time.heading-datetime {
  position: relative;
  float: right;
}

/*** topページ ***/
.map-world-area-wrap h4 a {
  display: block;
  padding: 5px;
  margin-bottom: 10px;
  background-color: #EEE;
}

.map-world-area-box {
  margin: 0 0 30px 10px;
}

.map-world-area-box h4 {
  margin-bottom: 5px;
}

.map-world-entries {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 30px 10px;
  font-size: 0.875em;
}
.map-world-entries li {
  min-width: 138px;
}
.map-world-entries li a {
  display: block;
  margin-bottom: 10px;
}

/*** 国のページ ***/
.map-world-area-entries-box h4 {
  position: relative;
  background-color: #EEE;
  padding: 5px 5px 4px;
  margin-bottom: 10px;
}
.map-world-area-entries-box h4 a.world-country-map-link {
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA0CAMAAADhcastAAAAbFBMVEUAAAABYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIrFhhfAAAAI3RSTlMA8TmoBsf2IbiWc1AoMI0U275aDIBBnodlbGDpsH0ZStTO4mRQl78AAAKySURBVEjHlVXXsqswDDTNtEDoPSGJ//8f7xE2CFm5M2QfGAS7xqisxX8RPkpHKad8hOJX3Dt1oLv/pnVndcLs/qJtpSKQ7XXt09GaVxSYO+d5WextAu/2d+tPsw6uam8bvdmz/tnC20VxA+QIk4drXUAJ5BbjAOLyorgAso9xD3Hxi1ggHr+ISytB3sVt45dyrLqE+HFRHAJZ7i3pLwpwcTx8sdGdSn9XaxfSgWlf8mGp3cT7vHxXbXg3w+iZ/nTPDHiQ0b6a4rcmDqJTFjpkGKTH8K595CDTee6TgU/umoEYdy1lFp4rEvooEQtZ61QNF59GzXqH5fzgTA78gTCS05ilmhFXR2NUIjz/RphJwkghMFRYKKrFCaMQA4oHEXy8xEVGBtZk7vO/+16ckRyOYDZIq3o/Tc5ikoeIoaKFyR980bICiS0X6LIhahAL/aMy23JqzR0O/Gw3TJjrtIG40imi4ujvxaS/AxzyU64pYn/kYqDi7hizG1SDvEt3w1oWzKA9tLF2eHBo8m7YxfVenpyKJygu3tGFE2Gho2F7+FJj9oCImXjxmV3I4+8p2xvZGRJSvzhyHJmCIIKJbRsLTasLFafvCiaOsdC0rySzN7AvijzhR+EIbma6HFHDohRNby0GdmCs4GPlkos9Go8wbWSy8VhsbXFCDgwUoafgGyYedUswO+BWMEDyKSYpvtoBt4KGDKiZzvtXOwAfX2lRuTiFR9wOuBWIhZ9qK6zP7YBbgQi4uFWD1XJgB8wKnusjePfrU1jVa7gddGcrCNM+mpXBHPVpiKXRQ4s8ZzOBAa7+rcpLRzE4ZV7dfLAqbReUV4gGOBL5HDKIp1W9sikOKE+yo/jlJW2beC/FwHmixPjdjXgg1e7YvSmf8wqzsyHzBYOfDWSvNm82OfkOzJLzhfcPWKl85Jy4A5sAAAAASUVORK5CYII=);
  background-size: 22px 19px;
  background-repeat: no-repeat;
  background-position: 10px 50%;
  padding: 2px 24px 0px 42px;
  background-color: #f4f4ee;
  border-bottom: 2px solid #adadad;
  color: #444;
  position: relative;
  margin-left: 10px;
  font-weight: normal;
  font-size: 0.875em;
}
.map-world-area-entries-box h4 a.world-country-map-link: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;
}

.world-country-table {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  margin-bottom: 20px;
  font-size: 0.875em;
  width: 100%;
}
.world-country-table th,
.world-country-table td {
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
}
.world-country-table th {
  background-color: #F4F4EE;
  padding: 7px 10px;
}
.world-country-table th.point-name-left,
.world-country-table th.point-name-right {
  width: 20%;
}
.world-country-table th.today-weather-left,
.world-country-table th.today-temp-left,
.world-country-table th.today-weather-right,
.world-country-table th.today-temp-right {
  width: 15%;
}
.world-country-table td {
  padding: 10px;
  line-height: 1.4;
}
.world-country-table td.today-weather-left,
.world-country-table td.today-temp-left,
.world-country-table td.today-weather-right,
.world-country-table td.today-temp-right {
  text-align: center;
}

/*** 国の地図から探すページ ***/
#world-forecast-map {
  margin-bottom: 10px;
  width : 100%;
  height: 500px;
}

.map-world-country-attention {
  font-size: 0.750em;
  margin-bottom: 40px;
  text-align: center;
}

.common-link-btn-rectangle-one .forecast-telop {
  color: #444;
}
.common-link-btn-rectangle-one .temp-box {
  color: #444;
}

/*** 地点詳細ページ ***/
/* 予報・実況 */
.common-select-tab h3 {
  font-size: 1em;
  border-bottom: 0;
  padding: 0;
  margin-bottom: 0;
}

.world-live-forecast-table {
  margin-bottom: 40px;
  width: 100%;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
}
.world-live-forecast-table th,
.world-live-forecast-table td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 5px;
}
.world-live-forecast-table th {
  background-color: #F4F4EE;
  font-weight: normal;
}
.world-live-forecast-table th h4.live {
  text-align: left;
  position: relative;
}
.world-live-forecast-table th h4.live .date-time {
  position: absolute;
  top: 0;
  right: 0;
}
.world-live-forecast-table th h4.forecast time {
  font-weight: bold;
}

.world-live-entry-table {
  width: 100%;
  margin-bottom: 10px;
  font-size: 0.875em;
  border-bottom: 1px solid #CCC;
}
.world-live-entry-table th,
.world-live-entry-table td {
  border: 0;
}
.world-live-entry-table th {
  background-color: #FFF;
}
.world-live-entry-table td.weather-image {
  text-align: center;
}
.world-live-entry-table td.weather-image span {
  display: block;
}
.world-live-entry-table td.wind-image img {
  vertical-align: middle;
}

.world-table-today-date-time {
  font-size: 0.750em;
  text-align: right;
  display: block;
}

.world-forecast-entry-table {
  font-size: 0.875em;
}
.world-forecast-entry-table th,
.world-forecast-entry-table td {
  border: 0;
}
.world-forecast-entry-table th {
  background-color: #FFF;
}
.world-forecast-entry-table td.weather-image {
  text-align: center;
}
.world-forecast-entry-table td.weather-image span {
  display: block;
}

.world-past-more-link {
  font-size: 0.875em;
}
.world-past-more-link a {
  margin-bottom: 0;
}

/* 過去の天気 */
.world-point-past-attention {
  font-size: 0.750em;
  text-align: right;
  margin-bottom: 5px;
}

.world-point-past-table {
  width: 100%;
  margin-bottom: 40px;
  text-align: center;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
}
.world-point-past-table th,
.world-point-past-table td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 10px 5px;
}
.world-point-past-table th {
  background-color: #F4F4EE;
  /*font-weight: normal;*/
  font-size: 0.875em;
}
.world-point-past-table th span {
  font-size: 0.875em;
}
.world-point-past-table td img {
  vertical-align: middle;
}
.world-point-past-table td span.weather-image-telop {
  font-size: 0.875em;
}

/* ポイント気温・湿度比較 */

#map_world_point_compare_chart_table {
  width: 100%;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  margin-bottom: 1px;
}

#map_world_point_compare_chart_table th {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

#map_world_point_compare_chart_table td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

#map_world_point_compare_chart_table th {
  width: 100px;
  text-align: left;
  padding-left: 5px;
  background-color: #F4F4EE;
}

#map_world_point_compare_chart_table th a {
  display: block;
  padding: 7px 12px;
  color: #444;
  font-weight: normal;
}

#map_world_point_compare_chart_table th.selected {
  border-right: 1px solid #FFF;
  background-color: #FFF;
}

#map_world_point_compare_chart_table th.selected a {
  background: url(data:image/gif;base64,R0lGODlhBAAHAIAAAP////93ACH5BAEAAAAALAAAAAAEAAcAAAIIDB4GaeyrFCgAOw==) scroll no-repeat 4px 45%;
  font-weight: bold;
}

#map_world_point_compare_chart_index {
  margin-top: 1px;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  padding: 5px 10px;
}

#map_world_point_compare_chart_index_link {
  float: left;
  padding: 10px;
}

#map_world_point_compare_chart_index_link a {
  padding: 5px 3px;
}

#map_world_point_compare_chart_index_link a.selected {
  padding: 5px;
  font-weight: bold;
  background-color: #549CF4;
  color: #FFF;
}

#map_world_point_compare_chart_index_span {
  float: right;
  text-align: right;
  font-size: 0.875em;
}

#map_world_point_compare_chart_area_index {
  padding: 5px 10px;
  text-align: right;
  font-size: 0.875em;
}

#map_world_point_compare_chart_area_index span.domestic,
 .map_world_point_compare_chart_tooltip span.domestic {
  color:#6FA6EA;
}

#map_world_point_compare_chart_area_index span.foreign,
 .map_world_point_compare_chart_tooltip span.foreign {
  color:#FF7700;
}

#map_world_point_compare_chart {
  width: 610px;
  height: 290px;
}

.map_world_point_compare_chart_tooltip {
  padding: 5px;
}

.forecast-point-week th {
  width: 16%;
}
.forecast-point-week td {
  width: 12%;
}

.map_world_point_compare_chart_notice {
  font-size: 0.875em;
  text-align: right;
  line-height: 1.5;
}

a.live_forecast_city_link {
  display: block;
  padding-left: 20px;
  color: #0B5DAA;
  text-align: right;
  margin-top: 10px;
}
#live_forecast_city_name {
  position: relative;
}
#live_forecast_city_name:before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  top: 5px;
  left: -20px;
  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;
}

/* ポイント地図 */
#map-world-point-map-content {
  width  : 692px;
  height : 600px;
  margin: 0;
  border: 1px solid #CCC;
}

#map-world-map-content {
  margin:auto;
  width: 100%;
  height: 600px;
  border: 1px solid #CCC;
}

#map-world-point-past-span {
  text-align: right;
}

.map-world-point-past-content {
  width: 100%;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
}

.map-world-point-past-content th {
  background-color:#F4F4EE;
  padding: 5px;
  border-top: 2px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.map-world-point-past-content td {
  padding: 5px;
  text-align: center;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

/*** 地図から探す ***/
#world-forecast-map-all {
  width : 100%;
  height: 500px;
}

/*** 右カラム ***/
.world-docs-note-link {
  margin-bottom: 30px;
}

.sub-column-date-time {
  font-size: 0.750em;
  color: #999;
  text-align: right;
  display: block;
  margin-top: -10px;
}

/*** tenki.jp×JAXA 世界の雨雲の動き部分 ***/
h2 {
  padding-right: 0;
  margin-bottom: 30px;
}
h2 time.date-time {
  bottom: -25px;
}

.common-pickup-entries li a {
  color: #0B5DAA;
}
.common-pickup-entries li.selected a {
  color: #444;
  font-weight: bold;
}
.common-pickup-entries li a .img-box img {
  width: 100%;
  height: auto;
  border-radius: 4px 4px 0 0;
}

.more-link-box {
  position: absolute;
  bottom: 10px;
  right: 10px;
}