html,
body {
overflow-x: hidden;
}
#article h1,
#article h2,
#article h3 {
text-align: left;
}
#article .vk_highlighter mark,
#article .has-inline-color {
font-style: normal !important;
background: transparent !important;
}
.my-youtube-wrap {
width: 100%;
max-width: 100%;
}
@media screen and (min-width: 768px) {
.my-youtube-wrap {
width: 50%;
margin: 0 auto;
}
}
.my-youtube-wrap iframe {
width: 100%;
aspect-ratio: 16 / 9;
display: block;
height: auto;
} html body .floating-footer,
html body #floating-footer,
html body footer.footer:not(.prcl-footer),
html body #footer_icon_banner,
html body #footer_image_carousel,
html body .footer:not(.prcl-footer) {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
} @media screen and (min-width: 1025px) {
html,
body {
margin-top: 0 !important;
padding-top: 0 !important;
}
html body.admin-bar {
margin-top: 0 !important;
padding-top: 0 !important;
}
html body #header,
html body header#header {
position: sticky !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 9999 !important;
width: 100% !important;
height: 64px !important;
min-height: 64px !important;
max-height: 64px !important;
margin: 0 !important;
padding: 0 !important;
background: rgba(255,255,255,.985) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
box-shadow: 0 1px 0 rgba(0,0,0,.06) !important;
overflow: visible !important;
}
html body.admin-bar #header,
html body.admin-bar header#header {
top: 32px !important;
}
html body #header .inner,
html body header#header .inner,
html body #header .header_inner,
html body header#header .header_inner {
width: 100% !important;
max-width: none !important;
height: 64px !important;
min-height: 64px !important;
max-height: 64px !important;
margin: 0 auto !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
html body #header_logo2,
html body header#header #header_logo2 {
position: absolute !important;
left: 28px !important;
top: 50% !important;
right: auto !important;
bottom: auto !important;
transform: translateY(-50%) !important;
width: auto !important;
height: auto !important;
max-width: 240px !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
z-index: 200 !important;
}
html body #header_logo2 a,
html body #header_logo2 .text_image {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
html body #header_logo2 img,
html body #header_logo2 img.mobile {
display: block !important;
width: 190px !important;
max-width: 190px !important;
height: auto !important;
max-height: 48px !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
object-position: left center !important;
transform: none !important;
}
html body #global_menu,
html body .global_menu,
html body #header #global_menu,
html body header#header #global_menu {
position: relative !important;
margin: 0 auto !important;
padding: 0 !important;
min-height: 64px !important;
height: 64px !important;
line-height: 64px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 2 !important;
}
html body #global_menu > ul,
html body .global_menu > ul,
html body #header #global_menu > ul {
margin: 0 !important;
padding: 0 !important;
height: 64px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
html body #global_menu li,
html body .global_menu li {
margin: 0 !important;
padding: 0 !important;
line-height: 64px !important;
}
html body #global_menu a,
html body .global_menu a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 64px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 1.4 !important;
}
html body #drawer_menu_button,
html body #global_menu_button {
display: none !important;
}
html body #container,
html body #main_contents,
html body main,
html body .contents {
padding-top: 0 !important;
margin-top: 0 !important;
}
} @media screen and (min-width: 1025px) {
body.home .main-banner {
clear: both !important;
position: relative !important;
z-index: 1 !important;
width: min(100% - 140px, 1451px) !important;
max-width: 1451px !important;
margin: 0 auto 28px !important;
padding: 0 !important;
line-height: 0 !important;
overflow: hidden !important;
background: #fff !important;
box-shadow: 0 20px 48px rgba(0,0,0,.07) !important;
}
body.home .main-banner img,
body.home .main-banner img.pc {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin: 0 auto !important;
object-fit: contain !important;
object-position: center top !important;
transform: none !important;
}
body.home .main-banner img.sp {
display: none !important;
}
} @media screen and (min-width: 1221px) {
html body #site_desc {
position: fixed !important;
left: 30px !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 120 !important;
width: auto !important;
height: auto !important;
pointer-events: none !important;
}
html body #site_desc h2,
html body #site_desc p,
html body #site_desc .desc {
writing-mode: vertical-rl !important;
text-orientation: mixed !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 232px !important;
padding: 22px 8px !important;
margin: 0 !important;
color: #f9efd3 !important;
font-size: 13px !important;
font-weight: 500 !important;
letter-spacing: .12em !important;
line-height: 1.6 !important;
background:
linear-gradient(180deg, rgba(15,15,15,.96), rgba(54,42,22,.82), rgba(15,15,15,.96)) padding-box,
linear-gradient(180deg, rgba(255,244,207,.88), rgba(181,142,43,.20), rgba(255,244,207,.78)) border-box !important;
border: 1px solid transparent !important;
border-radius: 999px !important;
box-shadow:
0 18px 38px rgba(0,0,0,.18),
0 0 30px rgba(212,175,55,.18),
inset 0 1px 0 rgba(255,255,255,.14) !important;
text-shadow: 0 1px 8px rgba(0,0,0,.76) !important;
}
}
@media screen and (max-width: 1220px) {
html body #site_desc {
display: none !important;
}
} @media screen and (max-width: 800px) {
html body #header,
html body header#header {
position: sticky !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 9999 !important;
width: 100% !important;
height: 64px !important;
min-height: 64px !important;
max-height: 64px !important;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
display: flex !important;
align-items: center !important;
overflow: visible !important;
box-shadow: 0 1px 0 rgba(0,0,0,.05) !important;
}
body.home.no_header_logo_image #header_logo2,
body.home #header_logo2,
body.no_header_logo_image #header_logo2,
html body #header_logo2,
html body header#header #header_logo2 {
position: relative !important;
top: 0 !important;
left: 0 !important;
right: auto !important;
bottom: auto !important;
width: auto !important;
max-width: calc(100% - 88px) !important;
height: 64px !important;
min-height: 64px !important;
max-height: 64px !important;
margin: 0 !important;
padding: 0 0 0 18px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
transform: none !important;
line-height: 1 !important;
z-index: 200 !important;
}
html body #header_logo2 a,
html body #header_logo2 .text_image {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: auto !important;
height: 64px !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
html body #header_logo2 img,
html body #header_logo2 img.mobile {
display: block !important;
width: 178px !important;
max-width: 178px !important;
height: auto !important;
max-height: 46px !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
object-position: left center !important;
transform: none !important;
}
html body #drawer_menu_button {
position: absolute !important;
top: 50% !important;
right: 20px !important;
transform: translateY(-50%) !important;
margin: 0 !important;
padding: 0 !important;
z-index: 4 !important;
}
body.home .main-banner {
margin-top: 0 !important;
}
} @media screen and (max-width: 800px) { html body #drawer_menu {
display: block !important;
position: fixed !important;
inset: 0 !important;
width: 100vw !important;
max-width: 100vw !important;
height: 100vh !important;
height: 100dvh !important;
min-height: 100vh !important;
min-height: 100dvh !important;
margin: 0 !important;
padding: 0 !important;
color: #fff !important;
background:
radial-gradient(circle at 18% 7%, rgba(218,184,83,.22), transparent 28%),
radial-gradient(circle at 92% 14%, rgba(255,255,255,.08), transparent 25%),
linear-gradient(rgba(255,255,255,.044) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.044) 1px, transparent 1px),
linear-gradient(180deg, rgba(14,14,14,.955) 0%, rgba(10,10,9,.975) 58%, rgba(2,2,2,.99) 100%) !important;
background-size: auto, auto, 30px 30px, 30px 30px, auto !important;
backdrop-filter: blur(18px) saturate(1.12) !important;
-webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
z-index: 100000 !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: none !important;
transition: opacity .24s ease, visibility .24s ease !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
html.open_menu body #drawer_menu,
html.show-drawer body #drawer_menu,
body.open_menu #drawer_menu,
body.show-drawer #drawer_menu {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
html.open_menu body .prcl-mobile-fixed-cta,
html.show-drawer body .prcl-mobile-fixed-cta,
body.open_menu .prcl-mobile-fixed-cta,
body.show-drawer .prcl-mobile-fixed-cta,
html.open_menu body #dp-footer-bar,
html.show-drawer body #dp-footer-bar,
body.open_menu #dp-footer-bar,
body.show-drawer #dp-footer-bar,
html.open_menu body .p-footer-bar,
html.show-drawer body .p-footer-bar,
body.open_menu .p-footer-bar,
body.show-drawer .p-footer-bar {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
html body #drawer_menu,
html body #drawer_menu *,
html body #drawer_menu *::before,
html body #drawer_menu *::after {
box-sizing: border-box !important;
}
html body #drawer_menu::before {
content: "" !important;
position: fixed !important;
left: 0 !important;
right: 0 !important;
top: 82px !important;
height: 1px !important;
background: linear-gradient(90deg, transparent, rgba(223,190,93,.78), transparent) !important;
z-index: 100021 !important;
pointer-events: none !important;
}
html body #drawer_menu::after {
content: "PRO CLINIC MEN'S" !important;
position: fixed !important;
left: 50% !important;
bottom: calc(22px + env(safe-area-inset-bottom)) !important;
transform: translateX(-50%) !important;
z-index: 0 !important;
color: rgba(255,255,255,.035) !important;
font-family: "Times New Roman", serif !important;
font-size: clamp(38px, 13vw, 62px) !important;
font-weight: 700 !important;
letter-spacing: .08em !important;
line-height: 1 !important;
white-space: nowrap !important;
pointer-events: none !important;
} html body #drawer_menu .simplebar-wrapper,
html body #drawer_menu .simplebar-mask,
html body #drawer_menu .simplebar-offset,
html body #drawer_menu .simplebar-content-wrapper,
html body #drawer_menu .simplebar-content {
max-width: 100% !important;
box-sizing: border-box !important;
}
html body #drawer_menu .simplebar-wrapper {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
overflow: hidden !important;
}
html body #drawer_menu .simplebar-mask,
html body #drawer_menu .simplebar-offset {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
}
html body #drawer_menu .simplebar-content-wrapper {
height: 100% !important;
max-height: 100% !important;
padding: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
overscroll-behavior: contain !important;
}
html body #drawer_menu .simplebar-content {
min-height: 100% !important;
padding: 106px 17px calc(38px + env(safe-area-inset-bottom)) !important;
overflow: visible !important;
} html body #drawer_menu > #drawer_logo,
html body #drawer_menu > .close_button_area,
html body #drawer_menu > .prcl-drawer-pro,
html body #drawer_menu > #drawer_icon_button,
html body #drawer_menu > #mobile_menu {
position: relative !important;
}
html body #drawer_menu:not(:has(.simplebar-content)) {
overflow-x: hidden !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
padding: 106px 17px calc(38px + env(safe-area-inset-bottom)) !important;
} html body #drawer_menu #drawer_logo {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 82px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: auto !important;
height: 82px !important;
min-height: 82px !important;
max-height: 82px !important;
margin: 0 !important;
padding: 0 18px 0 22px !important;
background:
linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.035)),
rgba(9,9,9,.78) !important;
backdrop-filter: blur(18px) saturate(1.08) !important;
-webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
border-bottom: 1px solid rgba(217,183,86,.30) !important;
box-shadow: 0 12px 34px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08) !important;
z-index: 100030 !important;
overflow: hidden !important;
}
html body #drawer_menu #drawer_logo .logo,
html body #drawer_menu #drawer_logo a,
html body #drawer_menu #drawer_logo .text_image,
html body #drawer_menu #drawer_logo .prcl-drawer-logo {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: auto !important;
max-width: 100% !important;
height: 82px !important;
min-height: 82px !important;
max-height: 82px !important;
margin: 0 !important;
padding: 0 !important;
line-height: 0 !important;
overflow: hidden !important;
}
html body #drawer_menu #drawer_logo img {
display: block !important;
width: auto !important;
max-width: min(260px, calc(100vw - 126px)) !important;
height: auto !important;
max-height: 50px !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
object-position: left center !important;
transform: none !important;
filter: brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.42)) !important;
}
html body #drawer_menu #drawer_logo img:not(:first-of-type),
html body #drawer_menu #drawer_logo picture:not(:first-of-type),
html body #drawer_menu #drawer_logo .pc:not(.mobile) {
display: none !important;
}
html body #drawer_menu .close_button_area {
display: flex !important;
position: fixed !important;
top: 0 !important;
right: 0 !important;
width: 82px !important;
height: 82px !important;
min-height: 82px !important;
max-height: 82px !important;
margin: 0 !important;
padding: 0 !important;
align-items: center !important;
justify-content: center !important;
background: linear-gradient(135deg, rgba(238,209,110,.95), rgba(154,117,32,.96)) !important;
border-left: 1px solid rgba(255,255,255,.18) !important;
border-bottom: 1px solid rgba(217,183,86,.40) !important;
box-shadow: 0 12px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.22) !important;
z-index: 100050 !important;
cursor: pointer !important;
}
html body #drawer_menu .close_button {
position: relative !important;
display: block !important;
width: 42px !important;
height: 42px !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 999px !important;
background: rgba(0,0,0,.08) !important;
}
html body #drawer_menu .close_button::before,
html body #drawer_menu .close_button::after {
content: "" !important;
position: absolute !important;
left: 7px !important;
top: 20px !important;
display: block !important;
width: 28px !important;
height: 2px !important;
background: #fff !important;
border-radius: 999px !important;
transform-origin: center center !important;
box-shadow: 0 1px 5px rgba(0,0,0,.34) !important;
}
html body #drawer_menu .close_button::before { transform: rotate(45deg) !important; }
html body #drawer_menu .close_button::after { transform: rotate(-45deg) !important; } html body #drawer_menu .prcl-drawer-pro {
position: relative !important;
z-index: 2 !important;
display: block !important;
width: 100% !important;
max-width: 760px !important;
margin: 0 auto !important;
padding: 0 !important;
color: #fff !important;
background: transparent !important;
border: 0 !important;
}
html body #drawer_menu .prcl-drawer-kicker {
display: block !important;
margin: 0 0 17px !important;
padding: 0 !important;
color: #d9bd69 !important;
font-family: "Times New Roman", "Yu Mincho", serif !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: .26em !important;
line-height: 1.5 !important;
text-align: center !important;
text-shadow: 0 0 18px rgba(217,183,86,.28) !important;
}
html body #drawer_menu .prcl-drawer-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
width: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
gap: 0 !important;
border-top: 1px solid rgba(255,255,255,.12) !important;
border-left: 1px solid rgba(255,255,255,.12) !important;
}
html body #drawer_menu .prcl-drawer-link {
position: relative !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
width: 100% !important;
min-width: 0 !important;
height: 70px !important;
min-height: 70px !important;
max-height: 70px !important;
margin: 0 !important;
padding: 10px 14px !important;
color: #fff !important;
background: linear-gradient(135deg, rgba(255,255,255,.072), rgba(255,255,255,.018)), rgba(10,10,10,.52) !important;
border-right: 1px solid rgba(255,255,255,.12) !important;
border-bottom: 1px solid rgba(255,255,255,.12) !important;
text-decoration: none !important;
text-align: left !important;
overflow: hidden !important;
border-radius: 0 !important;
box-shadow: none !important;
transition: background .22s ease, transform .22s ease, color .22s ease !important;
}
html body #drawer_menu .prcl-drawer-link.is-gold {
background: linear-gradient(135deg, rgba(218,188,91,.30), rgba(255,255,255,.06)), rgba(24,21,12,.66) !important;
}
html body #drawer_menu .prcl-drawer-link:hover,
html body #drawer_menu .prcl-drawer-link:active {
background: linear-gradient(135deg, rgba(217,183,86,.25), rgba(255,255,255,.05)), rgba(14,14,14,.78) !important;
}
html body #drawer_menu .prcl-drawer-en {
display: block !important;
margin: 0 0 4px !important;
padding: 0 !important;
color: #fff !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: clamp(22px, 6.1vw, 30px) !important;
font-weight: 900 !important;
letter-spacing: .055em !important;
line-height: .94 !important;
text-align: left !important;
white-space: nowrap !important;
text-shadow: 0 8px 22px rgba(0,0,0,.36) !important;
}
html body #drawer_menu .prcl-drawer-ja {
display: block !important;
margin: 0 !important;
padding: 0 !important;
color: rgba(255,255,255,.92) !important;
font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif !important;
font-size: clamp(11px, 3vw, 13px) !important;
font-weight: 800 !important;
line-height: 1.3 !important;
letter-spacing: .02em !important;
text-align: left !important;
white-space: normal !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
}
html body #drawer_menu .prcl-drawer-link[href*="/mission/"] .prcl-drawer-ja,
html body #drawer_menu .prcl-drawer-link[href*="/mission/"] .prcl-drawer-ja {
font-size: clamp(10px, 2.7vw, 12px) !important;
letter-spacing: -.02em !important;
}
html body #drawer_menu .prcl-drawer-banners {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
width: 100% !important;
margin: 18px auto 0 !important;
padding: 0 !important;
}
html body #drawer_menu .prcl-drawer-banner {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
min-height: 58px !important;
margin: 0 !important;
padding: 12px 18px !important;
color: #fff !important;
text-decoration: none !important;
border: 1px solid rgba(255,255,255,.13) !important;
background: linear-gradient(135deg, rgba(0,126,150,.58), rgba(4,66,70,.70)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 28px rgba(0,0,0,.18) !important;
}
html body #drawer_menu .prcl-drawer-banner:not(.is-okinawa) {
background: linear-gradient(135deg, rgba(0,110,78,.60), rgba(5,72,55,.70)) !important;
}
html body #drawer_menu .prcl-drawer-banner strong {
display: block !important;
color: #fff !important;
font-family: "Times New Roman", serif !important;
font-size: 22px !important;
line-height: 1 !important;
letter-spacing: .12em !important;
}
html body #drawer_menu .prcl-drawer-banner span span {
display: block !important;
margin-top: 4px !important;
color: rgba(255,255,255,.86) !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
}
html body #drawer_menu .prcl-drawer-banner em {
color: #e7ce77 !important;
font-style: normal !important;
font-size: 20px !important;
line-height: 1 !important;
}
html body #drawer_menu .prcl-drawer-cta {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
width: 100% !important;
margin: 22px auto 0 !important;
padding: 0 !important;
}
html body #drawer_menu .prcl-drawer-cta a,
html body #drawer_menu .prcl-drawer-language {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 48px !important;
margin: 0 !important;
padding: 10px 8px !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: .04em !important;
text-decoration: none !important;
border-radius: 999px !important;
border: 1px solid rgba(255,255,255,.20) !important;
background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html body #drawer_menu .prcl-drawer-cta a.is-primary {
color: #111 !important;
background: linear-gradient(135deg, #f1d77b, #a77e23) !important;
border-color: rgba(255,255,255,.28) !important;
}
html body #drawer_menu .prcl-drawer-language {
width: min(220px, 58vw) !important;
margin: 18px auto 0 !important;
} html body #drawer_menu #drawer_icon_button {
position: relative !important;
z-index: 2 !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
width: 100% !important;
max-width: 760px !important;
margin: 0 auto !important;
padding: 0 !important;
gap: 0 !important;
background: transparent !important;
border-top: 1px solid rgba(255,255,255,.12) !important;
border-left: 1px solid rgba(255,255,255,.12) !important;
}
html body #drawer_menu #drawer_icon_button::before {
content: "PRO CLINIC MEN'S NAVIGATION" !important;
grid-column: 1 / -1 !important;
display: block !important;
margin: 0 0 17px !important;
padding: 0 !important;
color: #d9bd69 !important;
font-family: "Times New Roman", "Yu Mincho", serif !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: .26em !important;
line-height: 1.5 !important;
text-align: center !important;
border: 0 !important;
background: transparent !important;
text-shadow: 0 0 18px rgba(217,183,86,.28) !important;
}
html body #drawer_menu #drawer_icon_button .item,
html body #drawer_menu #drawer_icon_button > a {
display: block !important;
width: 100% !important;
min-height: 70px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border-right: 1px solid rgba(255,255,255,.12) !important;
border-bottom: 1px solid rgba(255,255,255,.12) !important;
overflow: hidden !important;
}
html body #drawer_menu #drawer_icon_button .item a,
html body #drawer_menu #drawer_icon_button > a {
position: relative !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
width: 100% !important;
min-width: 0 !important;
height: 70px !important;
min-height: 70px !important;
max-height: 70px !important;
margin: 0 !important;
padding: 10px 14px !important;
color: #fff !important;
background: linear-gradient(135deg, rgba(255,255,255,.072), rgba(255,255,255,.018)), rgba(10,10,10,.52) !important;
text-decoration: none !important;
text-align: left !important;
border-radius: 0 !important;
white-space: normal !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
}
html body #drawer_menu #drawer_icon_button .item a::before,
html body #drawer_menu #drawer_icon_button > a::before {
content: "MENU" !important;
display: block !important;
margin: 0 0 4px !important;
padding: 0 !important;
color: #fff !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: clamp(22px, 6.1vw, 30px) !important;
font-weight: 900 !important;
letter-spacing: .055em !important;
line-height: .94 !important;
text-align: left !important;
white-space: nowrap !important;
text-shadow: 0 8px 22px rgba(0,0,0,.36) !important;
}
html body #drawer_menu #drawer_icon_button .item a span,
html body #drawer_menu #drawer_icon_button > a span,
html body #drawer_menu #drawer_icon_button .item a .label,
html body #drawer_menu #drawer_icon_button > a .label {
display: block !important;
margin: 0 !important;
padding: 0 !important;
color: rgba(255,255,255,.92) !important;
font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif !important;
font-size: clamp(11px, 3vw, 13px) !important;
font-weight: 800 !important;
line-height: 1.3 !important;
letter-spacing: .02em !important;
text-align: left !important;
white-space: normal !important;
word-break: keep-all !important;
overflow-wrap: n .men_menu,.men_menu_mb{overflow:hidden!important;max-width:100vw!important;width:100%!important;position:relative!important}
.men_menu .men_menu_contents{max-width:100vw!important}
html{overflow-x:hidden!important;max-width:100vw!important}body{overflow-x:clip!important;max-width:100vw!important} html .men_menu,html .men_menu_mb{overflow:hidden!important;max-width:100vw!important;width:100%!important;position:relative!important}
html .men_menu .men_menu_contents{max-width:100vw!important}  #global_menu .sub-menu li.menu-item-has-children > ul.sub-menu{top:0!important;left:100%!important;right:auto!important;bottom:auto!important}  #header_logo2{position:relative!important;z-index:100!important}
#site-header,#header{position:relative!important;z-index:100!important}  body{overflow-x:clip!important} #page_header .overlay{pointer-events:none!important}