.revia-unauth-wrap {
display: flex;
align-items: center;
justify-content: center;
min-height: 60vh;
padding: 40px 16px;
background: linear-gradient(135deg, #f0ecfa 0%, #e8e0f5 50%, #f5f0fb 100%);
}
.revia-unauth-card {
background: white;
border-radius: 20px;
box-shadow: 0 20px 60px rgba(61,47,120,0.15);
padding: 48px 40px;
max-width: 460px;
width: 100%;
text-align: center;
}
.revia-unauth-icon {
width: 80px; height: 80px;
border-radius: 50%;
background: linear-gradient(135deg, #3d2f78, #6b5b9e);
display: flex; align-items: center; justify-content: center;
font-size: 32px; color: white;
margin: 0 auto 24px;
box-shadow: 0 8px 28px rgba(107,91,158,0.32);
}
.revia-unauth-label {
font-size: 10px;
letter-spacing: 0.2em;
color: #a898d0;
margin-bottom: 8px;
font-family: 'Cormorant Garamond', serif;
}
.revia-unauth-title {
font-size: 22px;
font-weight: 400;
color: #2d2540;
margin: 0 0 12px;
font-family: 'Noto Serif JP', serif;
}
.revia-unauth-text {
font-size: 14px;
color: #5a5070;
line-height: 1.8;
margin-bottom: 32px;
}
.revia-unauth-btn-primary {
display: flex; align-items: center; justify-content: center; gap: 8px;
width: 100%; padding: 15px;
background: linear-gradient(135deg, #3d2f78, #6b5b9e);
color: white; border: none; border-radius: 12px;
font-size: 15px; font-weight: 600;
font-family: 'Noto Sans JP', sans-serif;
text-decoration: none;
box-shadow: 0 5px 18px rgba(61,47,120,0.28);
transition: all 0.2s;
margin-bottom: 12px;
}
.revia-unauth-btn-primary:hover {
box-shadow: 0 8px 26px rgba(61,47,120,0.36);
transform: translateY(-1px);
color: white;
}
.revia-unauth-btn-secondary {
display: flex; align-items: center; justify-content: center; gap: 8px;
width: 100%; padding: 13px;
background: white;
color: #6b5b9e;
border: 1.5px solid #ddd8f0;
border-radius: 12px;
font-size: 14px; font-weight: 500;
font-family: 'Noto Sans JP', sans-serif;
text-decoration: none;
transition: all 0.2s;
}
.revia-unauth-btn-secondary:hover {
border-color: #6b5b9e;
background: #f5f2fc;
color: #6b5b9e;
}
.revia-unauth-divider {
height: 1px; background: #ddd8f0;
margin: 24px 0;
}
.revia-unauth-footer {
font-size: 12px; color: #8880aa;
}
.revia-unauth-footer a {
color: #6b5b9e; text-decoration: none;
}
.revia-unauth-footer a:hover { text-decoration: underline; }
MEMBERS ONLY
会員専用ページです
このページはREVIA Beauty会員の方のみご覧いただけます。
ログインまたは新規会員登録をお願いします。
ご不明な点は LINEサポート へお気軽にご連絡ください。