/* 未ログイン案内。週間波予報の .surfok-ps と同じ枠 */
.surfok-fav-gate {
  margin: 0 0 0.8em;
  padding: 1em 1.1em;
  background: #fff7f0;
  border: 1px solid #fb7f00;
  border-radius: 8px;
  line-height: 1.7;
}
.surfok-fav-gate__lead {
  margin: 0 0 0.7em;
  font-weight: 600;
}
.surfok-fav-gate__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6em;
  margin: 0;
}
.surfok-fav-gate__btn {
  display: inline-block;
  padding: 0.55em 1.2em;
  border: 1px solid #fb7f00;
  border-radius: 6px;
  background: #fb7f00;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  line-height: 1.4;
}
.surfok-fav-gate__btn--sub {
  background: #fff;
  color: #c45a00;
}
.surfok-fav-gate__btn:hover {
  color: #fff;
  opacity: 0.92;
}
.surfok-fav-gate__btn--sub:hover {
  color: #c45a00;
  background: #fff7f0;
}

.surfok-fav-card {
  margin: 1.4em 0;
  padding: 1.3em 1.3em 1em;
  border: 1px solid #d7e3ea;
  border-radius: 10px;
  background: #f7fbfe;
}
.surfok-fav-card.is-go { border-color: #0077b6; }
.surfok-fav-card.is-nogo,
.surfok-fav-card.is-empty { background: #f4f5f6; border-color: #b8c2c8; }
.surfok-fav-card__date { margin: 0 0 0.3em; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; color: #c45a00; }
.surfok-fav-card__answer { margin: 0 0 0.3em; font-size: 1.7rem; font-weight: 700; line-height: 1.35; }
.surfok-fav-card.is-nogo .surfok-fav-card__answer,
.surfok-fav-card.is-empty .surfok-fav-card__answer { color: #4a5a63; }
.surfok-fav-card__sub { margin: 0 0 1em; font-size: 14px; }
.surfok-fav-card__list { margin: 0; padding: 0; list-style: none; border-top: 1px solid #d5dee4; }
.surfok-fav-card__row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.2em 0.9em;
  padding: 0.55em 0;
  border-bottom: 1px solid #d5dee4;
}
.surfok-fav-card__score { min-width: 6.5em; font-weight: 700; font-variant-numeric: tabular-nums; }
.surfok-fav-card__score.is-cross,
.surfok-fav-card__score.is-missing { color: #7a878e; }
.surfok-fav-card__err { flex-basis: 100%; font-size: 12px; color: #b00020; }
.surfok-fav-region-select { margin: 0.4em 0 1.2em; }
.surfok-fav-region-select label { display: block; font-weight: 700; margin-bottom: 0.4em; }
.surfok-fav-region-select select {
  width: 100%;
  max-width: 28em;
  padding: 0.65em 0.7em;
  font-size: 16px;
  border: 1px solid #d5dee4;
  border-radius: 6px;
  background: #fff;
}
.surfok-fav-region-select__note { margin: 0.5em 0 0; font-size: 13px; color: #4a5a63; }
.surfok-fav-region-panel[hidden] { display: none !important; }
.surfok-fav-mypage { margin: 0 0 2em; }
.surfok-fav-mypage__ok { margin: 0 0 0.8em; color: #0b6b3a; font-weight: 700; }
.surfok-fav-mypage .surfok-fav-edit > p:last-child { margin: 1.2em 0 0; }
.surfok-fav-mypage-link { margin: 1.6em 0 0; }
.mypage-paid-article .surfok-fav-mypage-link a,
.surfok-fav-mypage-link a {
  color: #c45a00;
  font-weight: 700;
  text-decoration: underline;
}
.mypage-paid-article .surfok-fav-mypage-link a:hover,
.surfok-fav-mypage-link a:hover { color: #ff7f00; }
.surfok-fav-area { margin-top: 0.8em; }
.surfok-fav-edit__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0.6em 0 1em;
  padding: 0;
  list-style: none;
}
.surfok-fav-edit__item {
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid #ff7f00;
  border-radius: 999px;
  color: #c45a00;
  font-size: 13px;
  cursor: pointer;
}
.surfok-fav-edit__item.is-on { background: #ff7f00; color: #fff; }
.surfok-fav-edit button {
  padding: 0.7em 1.4em;
  background: #ff7f00;
  color: #fff;
  border: 0;
  border-radius: 6px;
  font-weight: 700;
  cursor: pointer;
}
/* 保存案内。PANDORA本文（.tcdce-body）の段落余白 */
.surfok-fav-edit + .surfok-fav-note {
  margin-top: calc(var(--tcdce-base-margin-bottom-pc) + var(--tcdce-half-leading));
}
@media (max-width: 767px) {
  .surfok-fav-edit + .surfok-fav-note {
    margin-top: calc(var(--tcdce-base-margin-bottom-sp) + var(--tcdce-half-leading));
  }
}