@charset "UTF-8";
 :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,
#bt-root .bt-monitor-section__button,
#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,
#bt-root .bt-monitor-section__button: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,
#bt-root .bt-monitor-section__button::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;
} #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-monitor-section__button,
#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-monitor-section__button,
#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-monitor-section__button::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;
} #bt-root .bt-sidecta__btn,
.bt-sidecta__btn {
width: 100px !important;
height: 100px !important;
padding: 20px 0 13px !important;
font-size: 13.5px !important;
}
#bt-root .bt-sidecta__btn svg,
.bt-sidecta__btn svg {
width: 33px !important;
height: 33px !important;
}
#bt-root .bt-sidecta__btn--fore,
.bt-sidecta__btn--fore {
padding-top: 18px !important;
padding-bottom: 11px !important;
font-size: 12px !important;
letter-spacing: 0 !important;
line-height: 1.3 !important;
}
#bt-root .bt-sidecta__btn--fore span,
.bt-sidecta__btn--fore span {
display: block !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-monitor-section__button,
#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-monitor-section__button,
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-monitor-section__button,
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-monitor-section__button,
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-monitor-section__button,
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-monitor-section__button,
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;
} @media (max-width: 768px) {
#bt-root .bt-bottombar,
.bt-bottombar {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
#bt-root .bt-bottombar__btn,
.bt-bottombar__btn {
box-sizing: border-box !important;
flex-direction: row !important;
gap: clamp(4px, 1.25vw, 7px) !important;
min-width: 0 !important;
min-height: clamp(54px, 14vw, 62px) !important;
padding: 6px clamp(3px, 1.4vw, 7px) !important;
overflow: hidden !important;
text-align: center !important;
white-space: normal !important;
}
#bt-root .bt-bottombar__btn svg,
.bt-bottombar__btn svg {
display: block !important;
width: clamp(17px, 4.5vw, 22px) !important;
height: clamp(17px, 4.5vw, 22px) !important;
transform: translateY(1.5px) !important;
}
#bt-root .bt-bottombar__btn span,
.bt-bottombar__btn span {
display: -webkit-box !important;
max-width: 100% !important;
padding-bottom: .08em !important;
margin-bottom: -.08em !important;
overflow: hidden !important;
color: inherit !important;
font-size: clamp(13px, 3.35vw, 15.5px) !important;
font-weight: 700 !important;
line-height: 1.18 !important;
letter-spacing: 0 !important;
text-align: center !important;
word-break: keep-all !important;
overflow-wrap: anywhere !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
} #bt-root .bt-bottombar__btn.bt-bottombar__btn--fore,
.bt-bottombar__btn.bt-bottombar__btn--fore {
flex-direction: row !important;
gap: clamp(3px, 1vw, 6px) !important;
text-align: center !important;
}
#bt-root .bt-bottombar__btn--fore span,
.bt-bottombar__btn--fore span {
display: block !important;
flex: 0 1 auto !important;
min-width: 0 !important;
overflow: visible !important;
white-space: normal !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
line-height: 1.16 !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
-webkit-line-clamp: unset !important;
font-size: clamp(8.5px, 2.3vw, 15px) !important;
}
}
@media (max-width: 768px) {
html[lang]:not([lang^="ja"]) #bt-root .bt-bottombar__btn,
html[lang]:not([lang^="ja"]) .bt-bottombar__btn,
html.translated-ltr #bt-root .bt-bottombar__btn,
html.translated-ltr .bt-bottombar__btn,
html.translated-rtl #bt-root .bt-bottombar__btn,
html.translated-rtl .bt-bottombar__btn,
body.translated-ltr #bt-root .bt-bottombar__btn,
body.translated-ltr .bt-bottombar__btn,
body.translated-rtl #bt-root .bt-bottombar__btn,
body.translated-rtl .bt-bottombar__btn,
body.is-translated #bt-root .bt-bottombar__btn,
body.is-translated .bt-bottombar__btn {
gap: clamp(3px, 1vw, 5px) !important;
}
html[lang]:not([lang^="ja"]) #bt-root .bt-bottombar__btn span,
html[lang]:not([lang^="ja"]) .bt-bottombar__btn span,
html.translated-ltr #bt-root .bt-bottombar__btn span,
html.translated-ltr .bt-bottombar__btn span,
html.translated-rtl #bt-root .bt-bottombar__btn span,
html.translated-rtl .bt-bottombar__btn span,
body.translated-ltr #bt-root .bt-bottombar__btn span,
body.translated-ltr .bt-bottombar__btn span,
body.translated-rtl #bt-root .bt-bottombar__btn span,
body.translated-rtl .bt-bottombar__btn span,
body.is-translated #bt-root .bt-bottombar__btn span,
body.is-translated .bt-bottombar__btn span {
font-size: clamp(10px, 2.6vw, 12px) !important;
line-height: 1.05 !important;
word-break: normal !important;
overflow-wrap: anywhere !important;
}
}
@media (max-width: 390px) {
#bt-root .bt-bottombar__btn,
.bt-bottombar__btn {
align-items: center !important;
justify-content: center !important;
gap: 3px !important;
padding-right: 2px !important;
padding-left: 2px !important;
white-space: nowrap !important;
}
#bt-root .bt-bottombar__btn svg,
.bt-bottombar__btn svg {
display: block !important;
flex: 0 0 auto !important;
transform: none !important;
}
#bt-root .bt-bottombar__btn span,
.bt-bottombar__btn span {
display: inline-block !important;
flex: 0 1 auto !important;
min-width: 0 !important;
font-size: clamp(10.5px, 2.9vw, 11.5px) !important;
line-height: 1.1 !important;
padding-bottom: .08em !important;
margin-bottom: 0 !important;
overflow: visible !important;
white-space: nowrap !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
-webkit-line-clamp: unset !important;
}
#bt-root .bt-bottombar__btn.bt-bottombar__btn--fore,
.bt-bottombar__btn.bt-bottombar__btn--fore {
flex-direction: row !important;
gap: 3px !important;
}
#bt-root .bt-bottombar__btn--fore span,
.bt-bottombar__btn--fore span {
display: block !important;
flex: 0 1 auto !important;
min-width: 0 !important;
white-space: normal !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
overflow: visible !important;
line-height: 1.16 !important;
padding-bottom: 0 !important;
font-size: clamp(8px, 2.5vw, 11px) !important;
}
html[lang]:not([lang^="ja"]) #bt-root .bt-bottombar__btn span,
html[lang]:not([lang^="ja"]) .bt-bottombar__btn span,
html.translated-ltr #bt-root .bt-bottombar__btn span,
html.translated-ltr .bt-bottombar__btn span,
html.translated-rtl #bt-root .bt-bottombar__btn span,
html.translated-rtl .bt-bottombar__btn span,
body.translated-ltr #bt-root .bt-bottombar__btn span,
body.translated-ltr .bt-bottombar__btn span,
body.translated-rtl #bt-root .bt-bottombar__btn span,
body.translated-rtl .bt-bottombar__btn span,
body.is-translated #bt-root .bt-bottombar__btn span,
body.is-translated .bt-bottombar__btn span {
display: -webkit-box !important;
font-size: clamp(8.4px, 2.3vw, 9px) !important;
line-height: 1.12 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: anywhere !important;
overflow: hidden !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
}  @media (min-width: 769px) {
#bt-root .bt-sidecta,
.bt-sidecta { display: flex !important; }
#bt-root .bt-bottombar,
.bt-bottombar { display: none !important; }
} @media (max-width: 768px) {
#bt-root .bt-sidecta,
.bt-sidecta { display: none !important; }
#bt-root .bt-bottombar,
.bt-bottombar {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
position: fixed !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
z-index: 90 !important;
padding-bottom: env(safe-area-inset-bottom) !important;
} #bt-root .bt-bottombar__btn,
.bt-bottombar__btn {
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: clamp(3px, 1vw, 6px) !important;
padding: 6px clamp(2px, 1.2vw, 6px) !important;
overflow: hidden !important;
}
#bt-root .bt-bottombar__btn span,
.bt-bottombar__btn span {
display: block !important;
flex: 0 1 auto !important;
min-width: 0 !important;
white-space: nowrap !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
-webkit-line-clamp: unset !important;
overflow: hidden !important;
line-height: 1.16 !important;
font-weight: 700 !important;
font-size: clamp(10px, 3vw, 14px) !important;
} #bt-root .bt-bottombar__btn.bt-bottombar__btn--fore,
.bt-bottombar__btn.bt-bottombar__btn--fore {
gap: 2px !important;
padding-left: 1px !important;
padding-right: 1px !important;
}
#bt-root .bt-bottombar__btn--fore span,
.bt-bottombar__btn--fore span {
white-space: normal !important;
font-size: clamp(9px, 2.7vw, 15px) !important;
}
}
@media (max-width: 390px) {
#bt-root .bt-bottombar__btn span,
.bt-bottombar__btn span {
font-size: clamp(9px, 2.9vw, 12px) !important;
}
#bt-root .bt-bottombar__btn--fore span,
.bt-bottombar__btn--fore span {
font-size: clamp(8px, 2.6vw, 12px) !important;
}
}