投稿日時:2026/10/29 20:43
:root{
--bg1:#0e1330;
--bg2:#1b244c;
--card:#ffffffee;
--ink:#0a2540;
--accent:#7ae0ff;
--accent2:#c79bff;
--line:#e9eff6;
}
body{
margin:0;
background:
radial-gradient(1200px 600px at 10% -10%, #2a3a7a30 0%, transparent 60%),
radial-gradient(900px 500px at 110% 0%, #9ad7ff22 0%, transparent 60%),
linear-gradient(180deg, var(--bg1), var(--bg2));
font-family: "Helvetica Neue", Arial, "Noto Sans JP", system-ui, -apple-system, sans-serif;
color:#eef6ff;
}
.wrap{
max-width: 820px;
margin: 24px auto;
padding: 20px;
}
.hero{
position:relative;
overflow:hidden;
border-radius:18px;
border:1px solid #2d3a6b;
background:
radial-gradient(600px 300px at 80% -10%, #7ae0ff22, transparent 60%),
radial-gradient(500px 260px at 20% 0%, #c79bff22, transparent 60%),
linear-gradient(160deg, #171d44, #1f295a 60%, #273269);
box-shadow: 0 12px 36px rgba(0,0,0,.35);
}
.header{
text-align:center;
padding: 26px 16px 12px;
}
.badge{
display:inline-block;
padding:6px 12px;
border-radius:999px;
background: linear-gradient(90deg, var(--accent2), var(--accent));
color:#10233a;
font-weight:800;
letter-spacing:.06em;
font-size:14px;
}
.ttl{
margin:10px auto 0;
font-weight:900;
letter-spacing:.02em;
font-size: clamp(22px, 4.2vw, 34px);
color:#eaf6ff;
text-shadow: 0 1px 0 rgba(0,0,0,.2);
}
.sub{
margin:6px auto 18px;
color:#cfe6ff;
font-weight:600;
font-size: clamp(13px, 2.2vw, 16px);
}
.card{
background: var(--card);
color: var(--ink);
border:1px solid var(--line);
border-radius:16px;
margin: 0 16px 16px;
padding:18px 16px;
box-shadow: 0 10px 28px rgba(10,37,64,.08);
}
.lead{
display:flex; gap:12px; align-items:center; flex-wrap:wrap;
font-weight:900; font-size: clamp(18px, 3.5vw, 22px);
color:#0b2a4a;
}
.pill{
display:inline-block; padding:6px 10px; border-radius:999px;
background: linear-gradient(90deg, #7ae0ff, #c79bff);
color:#07253f; font-weight:800; font-size:12px; letter-spacing:.06em;
}
.price{
margin-top:10px; font-size:16px; line-height:1.7; color:#173452;
}
.hl{
display:inline-block; padding:2px 6px; border-radius:8px;
background:#e8f9ff; color:#003a54; font-weight:800;
border:1px solid #bfeeff;
}
.targets{
display:flex; gap:10px; flex-wrap:wrap; margin-top:14px;
}
.chip{
display:inline-block; padding:6px 10px; border-radius:999px;
background:#f2f6fb; color:#0b2a4a; border:1px solid #e6ecf3; font-weight:700; font-size:12px;
}
.cta{
text-align:center; padding:14px 16px 22px; color:#dff4ff; font-weight:700;
}
.cta .key{
display:inline-block; margin-top:10px; padding:8px 14px; border-radius:999px;
background: linear-gradient(90deg, #7ae0ff, #c79bff);
color:#0a2540; border:1px solid #bfe1ff; font-weight:900;
}
.notes{
text-align:center; color:#b9c8df; font-size:12px; padding:0 16px 18px;
}
...【全て表示する】
Mrs.Dandy Ginza (東京 ／エステ)
03-6456-4155
11：00～5：00
