/* 自動生成: tools/make_wx_css.py（css/sections/hero_top.css の天気パネル部分を .g-wx で囲ったもの）。手で直さない */
.g-wx .status__panel { position: absolute; left: 181px; top: 1088px; width: 1078px; height: 320px; background: rgba(255, 255, 255, 0.60); border: 1px solid rgba(255, 255, 255, 0.67); border-radius: 40px; box-shadow: none; z-index: 2; }
.g-wx .status__date { position: absolute; left: 127px; top: 40px; font-family: var(--font-en); font-feature-settings: normal; font-size: 53.57px; line-height: 1; letter-spacing: -0.015em; color: var(--color-text); }
.g-wx .status__heading { position: absolute; left: 342px; top: 30px; font-family: var(--font-en); font-feature-settings: normal; font-size: 72px; line-height: 1; letter-spacing: -0.015em; color: var(--color-primary); }
.g-wx .status__cell { position: absolute; background: #fff; border-radius: 12px; }
.g-wx .status__cell--weather, .g-wx .status__cell--snow { box-shadow: none; }
.g-wx .status__cell--weather { left: 39px;  top: 120px; width: 100px; height: 168px; display: flex; flex-direction: column; align-items: center; }
.g-wx .status__cell--temp { left: 159px; top: 120px; width: 202px; height: 80px; }
.g-wx .status__cell--snow { left: 159px; top: 208px; width: 202px; height: 80px; }
.g-wx .status__weather-icon { margin-top: 16px; }
.g-wx .status__weather-icon svg { width: 60px; height: 60px; stroke: #ffa300; color: #ffa300; fill: none; }
.g-wx .status__weather-main { margin-top: 8px; font-family: var(--font-jp); font-size: 20.86px; letter-spacing: 0.11em; color: var(--color-text); }
.g-wx .status__weather-sub { margin-top: 12px; font-family: var(--font-jp); font-size: 17px; letter-spacing: 0.11em; color: var(--color-label); }
.g-wx .status__metric { position: relative; width: 100%; height: 100%; }
.g-wx .status__metric-label { position: absolute; left: 9px; top: 22px; font-family: var(--font-jp); font-size: 17px; letter-spacing: 0.11em; color: var(--color-label); }
.g-wx .status__metric-value { position: absolute; left: 60px; top: 11px; font-family: var(--font-en); font-size: 54.47px; line-height: 1; letter-spacing: 0.005em; color: var(--color-text); }
.g-wx .status__metric-unit { position: absolute; top: 33px; font-family: Meiryo, "Hiragino Sans", "Noto Sans JP", sans-serif; font-size: 26.33px; font-weight: 700; line-height: 1; color: var(--color-text); }
.g-wx .status__cell--temp .status__metric-unit { left: 145.4px; letter-spacing: 0.11em; }
.g-wx .status__cell--snow .status__metric-unit { left: 145.4px; letter-spacing: -0.03em; }
.g-wx .status__cell--snow .status__metric-value { left: 72px; }
.g-wx .status__cell--snow .status__metric-label { left: 12.3px; top: 26px; }
.g-wx .status__panel-photo { position: absolute; left: 716px; top: 119px; width: 323px; height: 169px; object-fit: cover; border-radius: 12px; }
@media (max-width: 768px) {
  .g-wx .status__panel { left: 23px; right: 23px; top: 199.5px; width: auto; height: 690.5px; background: rgba(255, 255, 255, 0.60); border: 1px solid rgba(255, 255, 255, 0.67); border-radius: 25px; z-index: 2; }
  .g-wx .status__date, .g-wx .status__weather-main, .g-wx .status__metric-value, .g-wx .status__metric-unit { color: #2d2d2d; }
  .g-wx .status__date { left: 0; right: 0; top: 20px; text-align: center; font-size: 41.04px; letter-spacing: -0.015em; }
  .g-wx .status__heading { left: 0; right: 0; top: 67px; text-align: center; font-size: 53.05px; }
  .g-wx .status__cell { border-radius: 8px; }
  .g-wx .status__cell--weather { left: 14.5px; top: 131px; width: 100px; height: 168px; }
  .g-wx .status__weather-icon svg { width: 61px; height: 61px; }
  .g-wx .status__weather-main { margin-top: 2px; }
  .g-wx .status__weather-sub { margin-top: 11px; }
  .g-wx .status__cell--temp { left: 128.5px; right: 12.5px; top: 131px; width: auto; height: 80px; }
  .g-wx .status__cell--snow { left: 128.5px; right: 12.5px; top: 219px; width: auto; height: 80px; }
  .g-wx .status__cell--temp .status__metric-label { left: 13px; top: 23px; }
  .g-wx .status__cell--snow .status__metric-label { left: 17.5px; top: 28px; }
  .g-wx .status__cell--temp .status__metric-value { left: 66px; }
  .g-wx .status__cell--snow .status__metric-value { left: 78px; }
  .g-wx .status__cell--temp .status__metric-unit { left: 152px; }
  .g-wx .status__cell--snow .status__metric-unit { left: 151px; }
  .g-wx .status__panel-photo { left: 14.5px; top: 495px; width: calc(100% - 27px); height: 168.5px; border-radius: 8px; }
}
.g-wx .status__weather-icon.is-cloud svg { stroke: #8a97a3; color: #8a97a3; }
.g-wx .status__weather-icon.is-rain svg, .g-wx .status__weather-icon.is-snow svg { stroke: #1673e2; color: #1673e2; }
.g-wx .status__panel-photo.is-live { background: #d8dde2; }
.g-wx .status__panel-live { position: absolute; z-index: 3; padding: 2px 7px 1px; border-radius: 3px; background: rgba(22, 92, 226, 0.9); color: #fff; font-size: 11px; letter-spacing: 0.08em; line-height: 1.4; text-decoration: none; }
.g-wx .status__cell--weather { justify-content: center; }
.g-wx .status__weather-sub { order: -1; margin-top: 0; }
.g-wx .status__weather-icon { margin-top: 8px; }
.g-wx .status__weather-main { margin-top: 6px; }
@media (max-width: 768px) {
  .g-wx .status__weather-sub { margin-top: 0; }
  .g-wx .status__weather-icon { margin-top: 8px; }
  .g-wx .status__weather-main { margin-top: 4px; }
}

/* ---- ゲレンデ用の位置合わせ（運行状況・ボタンを外した分）---- */
.g-wx { position: relative; }
.g-wx .status__panel { position: relative; left: auto; right: auto; top: auto; width: 741px; height: 320px; margin: 0 auto; }
.g-wx .status__date { left: 62px; }
.g-wx .status__heading { left: 277px; }
.g-wx .status__panel-photo { left: 378px; top: 119px; }
@media (max-width: 768px) {
  .g-wx .status__panel { left: auto; right: auto; top: auto; width: auto; height: 503.5px; margin: 0; }
  .g-wx .status__date { left: 0; right: 0; }
  .g-wx .status__heading { left: 0; right: 0; }
  .g-wx .status__panel-photo { left: 14.5px; top: 313px; }
}