/* 院一覧: 現在地から近い院を探す（モック）。js/202609/nearby-clinic.js と対 */
.nearby {
  margin: 32px auto 8px;
  text-align: center;
}
.nearby-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 11px 32px;
  border: 1px solid #3e3a39;
  border-radius: 4px;
  background: #fff;
  color: #3e3a39;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  cursor: pointer;
}
.nearby-btn:hover {
  background: #f5f5f5;
}
.nearby-btn:disabled {
  opacity: .6;
  cursor: wait;
}
/* 位置のピン（装飾） */
.nearby-btn::before {
  content: "";
  width: 12px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cpath d='M6 0a6 6 0 0 0-6 6c0 4.5 6 10 6 10s6-5.5 6-10a6 6 0 0 0-6-6zm0 8.5A2.5 2.5 0 1 1 6 3.5a2.5 2.5 0 0 1 0 5z' fill='%23bba171'/%3E%3C/svg%3E") no-repeat center / contain;
}
.nearby-status {
  margin: 12px 0 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
  color: #3e3a39;
}
.nearby-status.is-error {
  color: #c0392b;
}
.nearby-reset {
  margin-top: 8px;
  padding: 4px 8px;
  border: 0;
  background: none;
  color: #3e3a39;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}
/* 院名の下（写真の上）に出す距離。写真の明るさに左右されないよう半透明の黒地に載せる */
.nearby-distance {
  display: table;
  margin: 8px auto 0;
  padding: 3px 12px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .6);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .nearby {
    margin: 24px 16px 4px;
  }
  .nearby-btn {
    width: 100%;
    max-width: 343px;
  }
  .nearby-distance {
    font-size: 12px;
  }
}

/* 院ページの「お近くのゴリラクリニック」（common/inc/clinic_list.php） */
.nearby--clinic {
  margin: 0 0 28px;
}
.nearby--clinic .nearby-result {
  margin-top: 20px;
  text-align: left;
}
/* 院名と距離を横に並べると院名が折り返すため、2段にする
   （院ボタンの display: flex は access/css/202609/renewal.css） */
#wrapper .accpage-section .nearby--clinic .accpage-btn-gp li a.accpage-link {
  flex-direction: column;
  gap: 2px;
}
.nearby--clinic .accpage-link .nearby-km {
  display: block;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
  color: #595959;
}
.nearby-caption {
  margin: 6px 0 0;
  font-size: 12px;
  color: #666;
}