Skip to content
- Choosing a selection results in a full page refresh.
- Opens in a new window.
/* =========================
MENU GLASS EFFECT
========================= */
/* メニュー全体 */
.menu-drawer{
background:
rgba(255,255,255,0.10) !important;
backdrop-filter: blur(24px);
-webkit-backdrop-filter: blur(24px);
border-right:
1px solid rgba(255,255,255,0.18);
box-shadow:
0 8px 32px rgba(0,0,0,0.12);
}
/* 内側 */
.menu-drawer__inner-container{
background:
linear-gradient(
180deg,
rgba(255,255,255,0.10),
rgba(255,255,255,0.05)
) !important;
}
/* メニュー文字 */
.menu-drawer__menu-item{
color: white !important;
font-weight: 300;
letter-spacing: 0.04em;
}
/* 閉じるボタン */
.menu-drawer__close-button{
color: white !important;
}
/* アイコン */
.menu-drawer svg{
stroke: white !important;
}
/* 下のログイン部分 */
.menu-drawer .list-social,
.menu-drawer .menu-drawer__utility-links{
background: transparent !important;
}
/* hover */
.menu-drawer__menu-item:hover{
opacity: 0.7;
transform: translateX(4px);
transition: all 0.3s ease;
}
/* =========================
REAL GLASS MENU
========================= */
.menu-drawer__inner-container{
background:
rgba(255,255,255,0.08) !important;
backdrop-filter: blur(30px) !important;
-webkit-backdrop-filter: blur(30px) !important;
}
/* drawer本体 */
.menu-drawer{
background: transparent !important;
}
/* menu内部 */
.menu-drawer__navigation{
background: transparent !important;
}
/* utility */
.menu-drawer__utility-links{
background: transparent !important;
}
/* メニューアイテム */
.menu-drawer__menu-item{
color: white !important;
}
