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

/* -------------------------------------------- */
/* アメダス情報                                       */
/* -------------------------------------------- */
/*** アメダス共通 ***/

.text-attention {
  font-size: 0.750em;
  margin: 0 0 10px;
  line-height: 1.4;
}

.precip-rank-color-1 {
  background-color: #D3E3F2;
}
.precip-rank-color-2 {
  background-color: #B4D2F3;
}
.precip-rank-color-3 {
  background-color: #92C1F1;
}
.precip-rank-color-4 {
  background-color: #6BABEB;
}
.precip-rank-color-5 {
  color: #FFF;
  background-color: #4597EA;
}
.precip-rank-color-6 {
  color: #fff;
  background-color: #1D7FE1;
}
.precip-rank-color-7 {
  color: #fff;
  background-color: #1766B4;
}

.amedas-top-tab-box {
  text-align: center;
  /*background-color: #edf6ff;*/
  /*background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABaCAAAAABcN2NhAAAAHklEQVQIW2P4z8SAFf5HodHJ/1h56JgUWWwkgkaBAIiLHZafb77tAAAAAElFTkSuQmCC");
  background-repeat: repeat;
  background-size: 692px 65px;*/
  background: #e3e3e3;
  background: -moz-linear-gradient(top, #fff 0%, #eee 95%, #cccbcb 100%);
  background: -webkit-linear-gradient(top, #fff 0%,#eee 95%,#cccbcb 100%);
  background: linear-gradient(to bottom, #fff 0%,#eee 95%,#cccbcb 100%);
}

.amedas-top-tab-box map area {
  border: none;
  outline: none;
}

#amedas-slider {
  width: 586px;
  height: 64px;
  margin: 1px auto 0 auto;
  position: relative;
  background: url("https://static.tenki.jp/images/icon/amedas/amedas-slider.png") no-repeat top left;
}

#amedas-range-max {
  width :480px;
  position: absolute;
  top: 19px;
  left: 71px;
  display:inline-block;
}

.amedas-top-tab-list li span {
  display: block;
}
.amedas-top-tab-list li img {
  border: 1px solid #FFF;
  margin-top: 5px;
}

.amedas-top-img-box {
  margin-bottom: 40px;
  text-align: center;
  background: #e3e3e3;
  background: -moz-linear-gradient(top, #fff 0%, #eee 95%, #cccbcb 100%);
  background: -webkit-linear-gradient(top, #fff 0%,#eee 95%,#cccbcb 100%);
  background: linear-gradient(to bottom, #fff 0%,#eee 95%,#cccbcb 100%);
}

.common-card-type-box a {
  color: #0b5daa;
}
.amedas-card-type-box li {
  width: 18.8%;
  margin-right: 10px;
}

.amedas-past-card-type-box li {
  width: 18.8%;
  margin-right: 10px;
}

.amedas-more-link {
  text-align: right;
  font-weight: bold;
}
.amedas-more-link a {
  padding-left: 17px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAA1VBMVEUBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIFdXVxAAAARnRSTlMA+egCAdv8PvNJymIDISiJP2PrzIrDwkZH9sVcxIvs4NwxJx3hM0AWcmH+5i7e/TBTb0rt8kJI+O73EiDLshhY9TRe4yJgSmPRSQAAAQdJREFUeF5d09duwzAMhtFfHrHjmdhJM+q0abr33nvp/R+psExQYr874QACQUigEERl4ynlNaMogMxPQ82Fqe9anmhRklvbqwi4KgI1UQycmna2uiEQxavWsoQg2d0/6FlNMgAp2dE2gHVHh0AQEnqA1DDAgA+fRr+sDlAyfv8Y/WUtMdbcTm708IxwDZ62bXZ6yVMo7epzi8Fxh0pidYK2U0Jx7ca5sQu+duzYlrErxQON2K476/MUpbOEW2N393YJdn0PxqaPbKEPDAl7TwAmM7F4ZC+kr2/++4e1OgOAItbUTNviAs58MtUHSOP/FrMBRS2tLuSjXlpa8qNmjhbz9jvMFxHTH/eOg07IL9mfAAAAAElFTkSuQmCC");
  background-position: left 4px;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  display: inline-block;
  color: #0b5daa;
}
p.text-attention-right-snow{
  margin: -40px 0 40px;
  text-align: right;
  font-size: 0.875em;
}

/* pref */
.amedas-point-entries-table {
  width: 100%;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  font-size: 0.875em;
  margin-bottom: 10px;
}
.amedas-point-entries-table th {
  width: 92px;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  background-color: #F4F4EE;
  padding: 5px;
  line-height: 1.4;
}
.amedas-point-entries-table td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 5px;
  text-align: center;
}
.amedas-point-entries-table td.point-name a {
  display: block;
  color: #0B5DAA;
  font-weight: bold;
}
.amedas-point-entries-table td.point-name a:hover {
  color: #F89E1C;
}

.amedas-btn-blue a {
  background-image: url(https://static.tenki.jp/images/icon/common/search-map-blue.png);
  background-size: 40px 35px;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding-left: 60px;
}

/* point */
.amedas-point-graph-table {
  width: 100%;
}
.amedas-point-graph-table th {
  width: 64px;
  font-size: 0.875em;
  border: 1px solid #CCC;
  height: 135px;
  background-color: #F4F4EE;
}
.amedas-point-graph-table th:first-child {
  border-right: 0;
}
.amedas-point-graph-table th:last-child {
  border-left: 0;
}
.amedas-point-graph-table th .unit {
  font-size: 0.875em;
}
.amedas-point-graph-table tr.tr-time th {
  font-size: 0.675em;
  height: 18px;
  line-height: 1em;
  border-bottom: 0;
  -webkit-box-shadow: 0px -1px 0px 0px #ccc inset;
  -moz-box-shadow: 0px -1px 0px 0px #ccc inset;
  box-shadow: 0px -1px 0px 0px #ccc inset;
}

.amedas-table-current {
  font-size: 0.875em;
  margin-bottom: 5px;
}
.amedas-table-current th {
  width: 15%;
}
.amedas-table-current td ul li {
  width: 33%;
}
.amedas-table-current td ul li.amedas-current-list-wind {
  width: 50%;
}
.amedas-table-current td ul li.amedas-current-list-wind img {
  vertical-align: middle;
}
.amedas-table-current td ul li.amedas-current-list-wind:last-child {
  padding-top: 7px;
}
.amedas-table-current td ul.amedas-history-list li {
  width: 25%;
}

.amedas-table-entries {
  font-size: 0.875em;
}
.amedas-table-entries th,
.amedas-table-entries td {
  width: auto;
  padding: 4px 2px;
  text-align: center;
}

.common-list-entries td.amedas-checked-map-link {
  padding: 8px 0 8px 10px;
}
.amedas-checked-map-button a {
  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%;
  background-repeat: no-repeat;
  padding: 2px 24px 0px 42px;
  background-color: #f4f4ee;
  border-bottom: 2px solid #adadad;
  color: #444;
  position: relative;
  margin-left: 10px;
}
.amedas-checked-map-button 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;
}
a.help-link {
  color: #0B5DAA;
  display: block;
}
a.help-link:hover {
  color: #F89E1C;
}

/*** アメダスの記録 pref ***/
.amedas-record-point-table {
  font-size: 0.875em;
}
.amedas-record-point-table th,
.amedas-record-point-table td {
  width: 20%;
  text-align: center;
  padding: 5px 8px;
}
.amedas-record-point-table td:first-child {
  font-weight: bold;
}

/*** アメダスの記録 point ***/
.amedas-pref-point-popup-html {
  border: 1px solid #CCC;
  border-bottom: 0;
  font-size: 0.750em;
  background-color: #FFF;
  opacity: 0.95;
}
.amedas-pref-point-popup-html th {
  border-bottom: 1px solid #CCC;
  padding: 5px 10px;
}
.amedas-pref-point-popup-html td {
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  padding: 5px 10px;
}

/* 今日のアメダスの記録 */
.amedas-extreme-table {
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  width: 100%;
  font-size: 0.875em;
  margin-bottom: 10px;
}
.amedas-extreme-table th {
  border-right: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  background-color: #F4F4EE;
  text-align: center;
  padding: 5px;
  line-height: 1.4;
}
.amedas-extreme-table a {
  color: #0B5DAA;
  display: block;
}
.amedas-extreme-table a:hover {
  color: #F89E1C;
}
.amedas-extreme-table th span.unit {
  font-size: 0.875em;
}
.amedas-extreme-table td {
  border-right: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  width: 100px;
  padding: 5px;
  text-align: center;
}
.amedas-extreme-table td.area-name {
  width: auto;
  padding: 5px;
  text-align: center;
}
.amedas-extreme-table td.pref-name {
  width: 80px;
  padding: 5px;
  text-align: center;
}
.amedas-extreme-table td.point-name {
  width: 70px;
  padding: 5px;
  text-align: center;
}
.amedas-extreme-table td.precip-total {
  width: 60px;
}

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

/*** アメダスランキング ***/
.common-select-list {
  margin-bottom: 20px;
}
.amedas-change-tab li {
  border-top: 0;
  background-color: initial;
}
.amedas-change-tab-snow li {
  width: 100%;
}
.amedas-change-tab li a {
  border-top: 10px solid #FFF;
  /*padding-left: 50px;*/
  background-color: #d9d9d4;
  background-repeat: no-repeat;
  color: #1d53a4;
}
.amedas-change-tab li a.selected {
  padding: 20px 10px 10px 10px;
  color: #FFF;
  border-top: 0;
  background-color: #1d53a4;
}
.amedas-change-tab-precip li {
  width: 229px;
}

.amedas-ranking-list-box {
  margin-bottom: 40px;
}
.amedas-ranking-main-list-box ul {
  border: 1px solid #1d53a4;
  border-top: 3px double #1d53a4;
}
.amedas-ranking-main-list-box li span.rank {
  width: 40px;
  margin-right: 15px;
}
.amedas-ranking-main-list-box li a.pref {
  width: 100px;
}
.amedas-ranking-main-list-box li a.point {
  width: 160px;
}
.amedas-ranking-main-list-box li span.value {
  width: 150px;
}
.amedas-ranking-main-list-box li span.wind-direction {
  width: 150px;
}
.amedas-ranking-main-list-box li span.time {
  width: 120px;
}
.amedas-ranking-list-none {
  padding: 10px;
  text-align: center;
  border: 1px solid #CCC;
  margin: 10px 0 40px;
  font-size: 0.875em;
}
ul.bg-icon li:nth-child(1) a span {
  background-image: url(https://static.tenki.jp/images/icon/amedas/temp-blue.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position-y: 30%;
  display: block;
  width: 70px;
  margin: -10px auto;
  text-align: right;
  padding: 10px 0;
}
ul.bg-icon li:nth-child(1) a.selected span {
  background-image: url(https://static.tenki.jp/images/icon/amedas/temp-white.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position-y: 30%;
  display: block;
  width: 70px;
  margin: -10px auto;
  text-align: right;
  padding: 10px 0;
}
ul.bg-icon li:nth-child(2) a span {
  background-image: url(https://static.tenki.jp/images/icon/amedas/precip-blue.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position-y: 30%;
  display: block;
  width: 86px;
  margin: -10px auto;
  text-align: right;
  padding: 10px 0;
}
ul.bg-icon li:nth-child(2) a.selected span {
  background-image: url(https://static.tenki.jp/images/icon/amedas/precip-white.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position-y: 30%;
  display: block;
  width: 86px;
  margin: -10px auto;
  text-align: right;
  padding: 10px 0;
}
ul.bg-icon li:nth-child(3) a span {
  background-image: url(https://static.tenki.jp/images/icon/amedas/wind-blue.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position-y: 45%;
  display: block;
  width: 54px;
  margin: -10px auto;
  text-align: right;
  padding: 10px 0;
}
ul.bg-icon li:nth-child(3) a.selected span {
  background-image: url(https://static.tenki.jp/images/icon/amedas/wind-white.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position-y: 45%;
  display: block;
  width: 54px;
  margin: -10px auto;
  text-align: right;
  padding: 10px 0;
}
ul.bg-icon li:nth-child(4) a span {
  background-image: url(https://static.tenki.jp/images/icon/amedas/snow-blue.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position-y: 30%;
  display: block;
  width: 86px;
  margin: -10px auto;
  text-align: right;
  padding: 10px 0;
}
ul.bg-icon li:nth-child(4) a.selected span {
  background-image: url(https://static.tenki.jp/images/icon/amedas/snow-white.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position-y: 30%;
  display: block;
  width: 86px;
  margin: -10px auto;
  text-align: right;
  padding: 10px 0;
}

/*** アメダス地点を地図から探す ***/
/* popup */
.leaflet-container a {
  display: block;
}

.leaflet-popup-content .amedas-map-popup-box {
  width: 210px;
}

.amedas-map-popup-box {
  border: 1px solid #CCC;
  border-bottom: 0;
}
.amedas-map-popup-box th {
  padding: 5px 0;
  border-bottom: 1px solid #CCC;
  width: 60px;
  text-align: center;
  color: #444;
}
.amedas-map-popup-box th.name {
  font-weight: bold;
  font-size: 1.125em;
  text-align: center;
  color: #0B5DAA;
}
.amedas-map-popup-box td {
  padding: 5px;
  border-bottom: 1px solid #CCC;
  width: 150px;
  color: #444;
}

/* 凡例 */
.amedas-map-index-image-box {
  display: table;
  font-size: 0.750em;
  margin-bottom: 5px;
  padding: 10px 20px;
  border: 1px solid #0061ca;
  border-radius: 6px;
  width: 100%;
  box-sizing: border-box;
}
.amedas-map-index-image-box dt {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
  width: 50px;
}
.amedas-map-index-image-box dd {
  display: table-cell;
  padding: 0 10px;
  text-align: center;
  line-height: 1.4;
  width: 155px;
}
.amedas-map-index-image-box dd span {
  display: block;
  margin-top: 5px;
}

/*** アメダスを知るページへの誘導ボタン ***/
.amedas-note-btn-box {
  margin: 0 0 30px;
}
.amedas-note-btn-box ul li {
  border-bottom: 0;
}
.amedas-note-btn-box ul li a {
  position: relative;
}
.amedas-note-btn-box ul li a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 12px;
  right: 3px;
  border-top: 4px solid transparent;
  border-right: 4px solid #0061ca ;
  border-bottom: 4px solid #0061ca ;
  border-left: 4px solid transparent;
}
.amedas-note-btn-box .img-box {
  margin-right: 0;
}
.amedas-note-btn-box .body {
  background-color: #edf6ff ;
  padding-left: 10px;
}
.amedas-note-btn-box .body .title {
  font-weight: normal;
  font-size: 1em;
}
.amedas-note-btn-box .body .title span {
  font-weight: bold;
  font-size: 1.125em;
}

/* スキーへの誘導 */
.amedas-ski-btn {
  margin: 20px auto;
  text-align: center;
}
.amedas-ski-btn a {
  display: inline-block;
  position: relative;
  padding: 10px;
  width: 500px;
  border: 2px solid #0f64c7;
  border-radius: 4px;
}
.amedas-ski-btn a::after{
position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 2px;
  right: 2px;
  border-top: 4px solid transparent;
  border-right: 4px solid #0160c2;
  border-bottom: 4px solid #0160c2;
  border-left: 4px solid transparent;
}
.amedas-ski-btn a img {
  float: left;
  margin-right: 10px;
}
.amedas-ski-btn a .title {
  font-weight: bold;
  padding-top: 5px;
  display: inline-block;
  font-size: 1.125em;
  color: #0160c2;
}

/* 雨雲レーダーへの誘導 */
.radar-btn-link-box {
  background-color: #0f64c7;
  text-align: center;
  border-top: 2px solid #FFF;
}
.radar-btn-link-box a {
  display: block;
  position: relative;
  padding: 10px 10px 8px;
  color: #FFF;
}
.radar-btn-link-box a::after {
  position: absolute;
  content: "";
  top: 15px;
  bottom: 0;
  right: 10px;
  width: 11px;
  height: 11px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  transform: rotate(45deg);
}
.radar-btn-link-box a .title-box {
  display: flex;
  justify-content: center;
}
.radar-btn-link-box a .img-box {
  width: 22.5px;
  height: 22.5px;
  overflow: hidden;
  margin-right: 10px;
}
.radar-btn-link-box a .img-box img {
  width: 100%;
  height: auto;
}
.radar-btn-link-box a .title {
  font-weight: bold;
}
.radar-btn-link-box a .sub-title {
  font-weight: normal;
  font-size: 0.750em;
}