@charset "UTF-8";
/* Unified secondary CTA colors for beauty pages. */

:root {
  --beauty-unified-button-bg: #BEA76B;
  --beauty-unified-button-bg-hover: #AA955F;
  --beauty-unified-button-text: #fff;
}

#bt-root .bt-btn,
#bt-root .bt-campaign__btn,
#bt-root .bt-case__btn,
#bt-root .bt-clinic__parking-button,
#bt-root .bt-clinic__access-button,
#bt-root .bt-doctor__more,
#bt-root .bt-insta__more .bt-btn,
#beauty-case-page .bcase-detail-link,
#beauty-case-page .bcase-back,
#beauty-price .bp-cta__item,
#umekita-menu-container .uc-price-btn,
.btn-detail,
.btn-fee,
.ritz-menu-more a,
.umk-btn-detail,
.umk-btn-fee,
.td-injection-menu__button,
.td-breast-menu__button,
.td-machine__button,
.td-price__more,
.uklp-menu-detail,
.uklp-rich-btn--detail,
.dr-back-btn {
  background: var(--beauty-unified-button-bg) !important;
  background-color: var(--beauty-unified-button-bg) !important;
  background-image: none !important;
  border-color: var(--beauty-unified-button-bg) !important;
  color: var(--beauty-unified-button-text) !important;
  text-shadow: none !important;
}

#bt-root .bt-btn:hover,
#bt-root .bt-campaign__card:hover .bt-campaign__btn,
#bt-root .bt-campaign__btn:hover,
#bt-root .bt-case__btn:hover,
#bt-root .bt-clinic__parking-button:hover,
#bt-root .bt-clinic__access-button:hover,
#bt-root .bt-doctor__more:hover,
#bt-root .bt-insta__more .bt-btn:hover,
#beauty-case-page .bcase-detail-link:hover,
#beauty-case-page .bcase-back:hover,
#beauty-price .bp-cta__item:hover,
#umekita-menu-container .uc-price-btn:hover,
.btn-detail:hover,
.btn-fee:hover,
.ritz-menu-more a:hover,
.umk-btn-detail:hover,
.umk-btn-fee:hover,
.td-injection-menu__button:hover,
.td-breast-menu__button:hover,
.td-machine__button:hover,
.td-price__more:hover,
.uklp-menu-detail:hover,
.uklp-rich-btn--detail:hover,
.dr-back-btn:hover {
  background: var(--beauty-unified-button-bg-hover) !important;
  background-color: var(--beauty-unified-button-bg-hover) !important;
  background-image: none !important;
  border-color: var(--beauty-unified-button-bg-hover) !important;
  color: var(--beauty-unified-button-text) !important;
}

#bt-root .bt-btn::after,
#bt-root .bt-campaign__btn > span,
#bt-root .bt-case__btn::after,
#bt-root .bt-clinic__parking-button span,
#bt-root .bt-doctor__more::after,
#bt-root .bt-insta__more .bt-btn::after,
#beauty-case-page .bcase-detail-link::after,
#beauty-case-page .bcase-back::before,
.td-injection-menu__button span,
.td-breast-menu__button span,
.td-machine__button span[aria-hidden="true"],
.dr-back-btn::before {
  border-color: currentColor !important;
}

/* Keep the top-page CTA family visually consistent without enlarging every button. */
#bt-root .bt-campaign__btn,
#bt-root .bt-news .bt-btn,
#bt-root .bt-concept .bt-btn,
#bt-root .bt-case__btn,
#bt-root .bt-insta__more .bt-btn,
#bt-root .bt-videos__btn,
#bt-root .bt-clinic__parking-button,
#bt-root .bt-clinic__access-button {
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: .12em !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

#bt-root .bt-campaign__btn,
#bt-root .bt-news .bt-btn,
#bt-root .bt-concept .bt-btn,
#bt-root .bt-case__btn,
#bt-root .bt-insta__more .bt-btn,
#bt-root .bt-videos__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 260px !important;
  min-height: 56px !important;
  padding: 12px 54px !important;
  border-radius: 8px !important;
  font-family: var(--bt-inter), var(--bt-sans) !important;
  position: relative;
}

#bt-root .bt-campaign__btn > span {
  position: absolute !important;
  right: 24px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(45deg) !important;
}

#bt-root .bt-campaign__btn {
  min-width: 220px !important;
  min-height: 50px !important;
  padding: 10px 46px !important;
  font-size: 14px !important;
}

#bt-root .bt-case__btn::after,
#bt-root .bt-insta__more .bt-btn::after,
#bt-root .bt-videos__btn::after,
#bt-root .bt-news .bt-btn::after,
#bt-root .bt-concept .bt-btn::after {
  content: "" !important;
  position: absolute !important;
  right: 30px !important;
  top: 50% !important;
  width: 10px !important;
  height: 10px !important;
  border-top: 1.5px solid currentColor !important;
  border-right: 1.5px solid currentColor !important;
  transform: translateY(-50%) rotate(45deg) !important;
}

#bt-root .bt-clinic__parking-button,
#bt-root .bt-clinic__access-button {
  width: 188px !important;
  min-height: 38px !important;
  padding: 8px 18px !important;
  border-radius: 8px !important;
}

.td-injection-menu__button,
.td-breast-menu__button,
.td-machine__button {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: .12em !important;
}

.td-machine__button {
  width: min(280px, 100%) !important;
  min-height: 58px !important;
  height: auto !important;
  padding: 12px 42px 12px 28px !important;
}

.td-machine__button span:not([aria-hidden="true"]) {
  min-width: 0;
}

.td-machine__button span[aria-hidden="true"] {
  position: absolute !important;
  right: 24px !important;
  top: 50% !important;
  width: 10px !important;
  height: 10px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  border-top: 1.5px solid currentColor !important;
  border-right: 1.5px solid currentColor !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  transform: translateY(-50%) rotate(45deg) !important;
}

@media (min-width: 769px) {
  #bt-root .bt-doctor__more {
    display: none !important;
  }
}

@media (max-width: 768px) {
  #bt-root .bt-doctor__more {
    display: flex !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: min(100%, 260px) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
  }

  #bt-root .bt-campaign__btn,
  #bt-root .bt-news .bt-btn,
  #bt-root .bt-concept .bt-btn,
  #bt-root .bt-case__btn,
  #bt-root .bt-insta__more .bt-btn,
  #bt-root .bt-videos__btn {
    min-width: min(240px, 100%) !important;
    min-height: 50px !important;
    padding: 10px 48px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .1em !important;
  }

  #bt-root .bt-campaign__btn {
    min-width: min(210px, 100%) !important;
    min-height: 46px !important;
    padding: 9px 42px !important;
    font-size: 13px !important;
  }

  #bt-root .bt-clinic__parking-button,
  #bt-root .bt-clinic__access-button {
    width: min(100%, 188px) !important;
  }
}

html[lang]:not([lang^="ja"]) #bt-root .bt-doctor__roman,
html.translated-ltr #bt-root .bt-doctor__roman,
html.translated-rtl #bt-root .bt-doctor__roman,
body.translated-ltr #bt-root .bt-doctor__roman,
body.translated-rtl #bt-root .bt-doctor__roman {
  display: none !important;
}

html[lang]:not([lang^="ja"]) #bt-root .bt-doctor__name-body,
html.translated-ltr #bt-root .bt-doctor__name-body,
html.translated-rtl #bt-root .bt-doctor__name-body,
body.translated-ltr #bt-root .bt-doctor__name-body,
body.translated-rtl #bt-root .bt-doctor__name-body {
  gap: 0;
}

html[lang]:not([lang^="ja"]) #bt-root .bt-campaign__btn,
html[lang]:not([lang^="ja"]) #bt-root .bt-news .bt-btn,
html[lang]:not([lang^="ja"]) #bt-root .bt-concept .bt-btn,
html[lang]:not([lang^="ja"]) #bt-root .bt-case__btn,
html[lang]:not([lang^="ja"]) #bt-root .bt-insta__more .bt-btn,
html[lang]:not([lang^="ja"]) #bt-root .bt-videos__btn,
html[lang]:not([lang^="ja"]) #bt-root .bt-clinic__parking-button,
html[lang]:not([lang^="ja"]) #bt-root .bt-clinic__access-button,
html.translated-ltr #bt-root .bt-campaign__btn,
html.translated-ltr #bt-root .bt-news .bt-btn,
html.translated-ltr #bt-root .bt-concept .bt-btn,
html.translated-ltr #bt-root .bt-case__btn,
html.translated-ltr #bt-root .bt-insta__more .bt-btn,
html.translated-ltr #bt-root .bt-videos__btn,
html.translated-ltr #bt-root .bt-clinic__parking-button,
html.translated-ltr #bt-root .bt-clinic__access-button,
html.translated-rtl #bt-root .bt-campaign__btn,
html.translated-rtl #bt-root .bt-news .bt-btn,
html.translated-rtl #bt-root .bt-concept .bt-btn,
html.translated-rtl #bt-root .bt-case__btn,
html.translated-rtl #bt-root .bt-insta__more .bt-btn,
html.translated-rtl #bt-root .bt-videos__btn,
html.translated-rtl #bt-root .bt-clinic__parking-button,
html.translated-rtl #bt-root .bt-clinic__access-button,
body.translated-ltr #bt-root .bt-campaign__btn,
body.translated-ltr #bt-root .bt-news .bt-btn,
body.translated-ltr #bt-root .bt-concept .bt-btn,
body.translated-ltr #bt-root .bt-case__btn,
body.translated-ltr #bt-root .bt-insta__more .bt-btn,
body.translated-ltr #bt-root .bt-videos__btn,
body.translated-ltr #bt-root .bt-clinic__parking-button,
body.translated-ltr #bt-root .bt-clinic__access-button,
body.translated-rtl #bt-root .bt-campaign__btn,
body.translated-rtl #bt-root .bt-news .bt-btn,
body.translated-rtl #bt-root .bt-concept .bt-btn,
body.translated-rtl #bt-root .bt-case__btn,
body.translated-rtl #bt-root .bt-insta__more .bt-btn,
body.translated-rtl #bt-root .bt-videos__btn,
body.translated-rtl #bt-root .bt-clinic__parking-button,
body.translated-rtl #bt-root .bt-clinic__access-button {
  letter-spacing: .02em !important;
}