/* 2026-09 preview pages. Inherit the site's existing font families. */
.clinic-hours { line-height: 1.6; }
.clinic-hours__department + .clinic-hours__department { margin-top: 20px; }
.clinic-hours .clinic-hours__heading { margin: 0 0 12px; color: #2ea7e0; font-size: 20px; font-weight: 700; line-height: 1.5; }
.clinic-hours .clinic-hours__department--beauty .clinic-hours__heading { color: #f3a5c5; }
.clinic-hours .clinic-hours__phone { margin: -5px 0 8px; font-size: 22px; }
.clinic-hours .clinic-hours__phone a { color: #595757; white-space: nowrap; font-weight:800;}
.clinic-phone-icon { display: inline-block; flex: 0 0 auto; width: .85em; height: 1em; margin-right: .2em; vertical-align: -.08em; background: #13afe0; -webkit-mask: url('../img/common/icon_tel.png') center / contain no-repeat; mask: url('../img/common/icon_tel.png') center / contain no-repeat; }
.clinic-hours__department--beauty .clinic-phone-icon, .clinic-contact-card--beauty .clinic-phone-icon { background-color: #f3a5c5; }
.clinic-hours .clinic-phone-icon, .clinic-contact-card .clinic-phone-icon { background: url('../img/common/icon_tel_blue.png') center / contain no-repeat; -webkit-mask: none; mask: none; }
.clinic-hours .clinic-hours__department--beauty .clinic-phone-icon, .clinic-contact-card--beauty .clinic-phone-icon { background-image: url('../img/common/icon_tel_pink.png'); }
.clinic-hours .clinic-hours__table { width: 100%; max-width: 600px; table-layout: fixed; border-collapse: separate; border-spacing: 1px; margin: 0 0 12px; }
.clinic-hours .clinic-hours__table tr > :first-child { width: 30%; }
.clinic-hours .clinic-hours__table th, .clinic-hours .clinic-hours__table td { padding: 10px 2px; font-size: 14px; text-align: center; vertical-align: middle; line-height: 1.4; }
.clinic-hours .clinic-hours__table thead th { background: #2ea7e0; color: #fff; }
.clinic-hours .clinic-hours__department--beauty thead th { background: #f3a5c5; }
.clinic-hours .clinic-hours__note { font-size: 13px; line-height: 1.8; margin: 10px 0 28px; }
#info .info { margin-bottom: 12px; }
.clinic-contact-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; width: 100%; max-width: 1240px; margin: 0 auto; }
.clinic-contact-card { box-sizing: border-box; min-width: 0; padding: 20px 16px; background: #fff; text-align: center; color: #595757; }
.clinic-contact-card .clinic-contact-card__heading { margin: 0 0 12px; color: #2ea7e0; font-size: 20px; font-weight: 700; line-height: 1.5; }
.clinic-contact-card--beauty .clinic-contact-card__heading { color: #f3a5c5; }
.clinic-contact-card__phone-row { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px 10px; margin-bottom: 16px; }
.clinic-contact-card a.clinic-contact-card__phone { display: inline-flex; align-items: center; color: #595757; font-size: clamp(26px, 2.6vw, 46px); line-height: 1.2; white-space: nowrap; }
.clinic-contact-card__hours { font-size: 14px; line-height: 1.5; white-space: nowrap; }
.clinic-contact-card .clinic-contact-card__note { margin: 0; font-size: 13px; line-height: 1.9; }
.clinic-contact-card__note a { color: #e78ab1; text-decoration: underline; }
#reserve__common.clinic-reserve { padding: 60px 0 80px; }
#reserve__common.clinic-reserve > .inner { width: 94%; max-width: 1500px; margin: 0 auto; }
.clinic-reserve__content { max-width: 1240px; margin: 36px auto 0; }
.clinic-reserve a.clinic-contact-link { display: block; box-sizing: border-box; margin-top: 20px; padding: 20px; background: #f3a5c5; color: #fff; font-size: 36px; font-weight: 700; text-align: center; line-height: 1.4; }
.clinic-reserve a.clinic-contact-link:hover { background: #e995b9; }
.clinic-contact-phone { margin-bottom: 150px; }
@media (max-width: 1000px) {
  .clinic-contact-card__phone-row { flex-direction: column; }
  .clinic-contact-card a.clinic-contact-card__phone { font-size: 30px; }
}
@media (max-width: 640px) {
  .clinic-contact-cards { grid-template-columns: 1fr; gap: 16px; }
  .clinic-contact-card { padding: 22px 12px; }
  .clinic-contact-card a.clinic-contact-card__phone { font-size: 30px; }
  .clinic-contact-phone { margin-bottom: 65px; }
  #reserve__common.clinic-reserve { padding: 40px 0; }
  .clinic-reserve a.clinic-contact-link { padding: 18px 8px; font-size: 23px; }
  .clinic-hours .clinic-hours__table th, .clinic-hours .clinic-hours__table td { font-size: 11px; padding: 9px 1px; }
  #clinic .tbl__clinic > tbody > tr > th, #clinic .tbl__clinic > tbody > tr > td { display: block; width: 100%; box-sizing: border-box; }
  #clinic .tbl__clinic > tbody > tr > th { border-bottom: none; padding-bottom: 0; }
  #clinic .tbl__clinic > tbody > tr > td { padding-top: 10px; }
}

/* Phone enquiries on the contact page. */
#contact-phone .clinic-contact-cards { gap: 20px; align-items: stretch; }
#contact-phone .clinic-contact-card { padding: 18px 20px; border-radius: 0; }
#contact-phone .clinic-contact-card__heading { margin: 0 0 6px; font-size: 20px; line-height: 1.5; }
#contact-phone .clinic-contact-card--beauty .clinic-contact-card__heading { color: #f3a5c5; }
#contact-phone .clinic-contact-card__phone-row { flex-direction: row; flex-wrap: wrap; gap: 6px 10px; margin-bottom: 12px; }
#contact-phone .clinic-contact-card__phone { font-size: clamp(28px, 3.2vw, 50px); line-height: 1.2; font-weight: 400; }
#contact-phone .clinic-phone-icon { width: .7em; height: .9em; margin-right: .2em; }
#contact-phone .clinic-contact-card__hours { color: #231815; font-size: 13px; font-weight: 700; line-height: 1.5; }
#contact-phone .clinic-contact-card__note { margin: 0; color: #231815; font-size: 13px; font-weight: 700; line-height: 1.8; }
@media (max-width: 1000px) {
  #contact-phone .clinic-contact-card { padding: 18px 12px; }
  #contact-phone .clinic-contact-card__phone { font-size: 30px; }
}
@media (max-width: 640px) {
  #contact-phone .clinic-contact-cards { grid-template-columns: 1fr; gap: 16px; }
  #contact-phone .clinic-contact-card { padding: 20px 12px; }
  #contact-phone .clinic-contact-card__phone { font-size: clamp(26px, 7.5vw, 36px); }
  #contact-phone .clinic-contact-card__hours, #contact-phone .clinic-contact-card__note { font-size: 12px; }
}