推しの「おめでとう」を、駅の街角から届ける | 推しアド
:root{
–night:#180F33;
–night-deep:#0E0A24;
–cream:#FFF8F0;
–pink:#FF4FA3;
–pink-soft:#FF8CC6;
–gold:#FFD166;
–purple:#7A4FE0;
–ink:#2B2340;
}
*{box-sizing:border-box;}
body{
margin:0;
font-family:”Noto Sans JP”,”Hiragino Sans”,sans-serif;
background:var(–night);
color:var(–cream);
-webkit-font-smoothing:antialiased;
}
.wrap{
max-width:640px;
margin:0 auto;
background:var(–night);
position:relative;
overflow-x:hidden;
}
h1,h2,h3{
font-family:”Zen Maru Gothic”,sans-serif;
margin:0;
}
a{ text-decoration:none; }
img{ max-width:100%; display:block; }
.pr-bar{
background:var(–night-deep);
text-align:center;
padding:6px 10px;
font-size:11px;
color:#B9AEDD;
letter-spacing:.02em;
}
.hero{
position:relative;
padding:36px 22px 40px;
text-align:center;
background:
radial-gradient(circle at 20% 15%, rgba(255,209,102,.25), transparent 40%),
radial-gradient(circle at 85% 75%, rgba(255,79,163,.30), transparent 45%),
linear-gradient(160deg,#180F33 0%, #241350 55%, #180F33 100%);
overflow:hidden;
}
.stars span{
position:absolute;
width:4px;height:4px;
background:var(–gold);
border-radius:50%;
opacity:.8;
box-shadow:0 0 6px 1px rgba(255,209,102,.7);
}
.eyebrow{
display:inline-flex;
align-items:center;
gap:6px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.18);
color:var(–gold);
font-size:12px;
font-weight:700;
padding:6px 14px;
border-radius:999px;
margin-bottom:18px;
}
.hero h1{
font-size:28px;
line-height:1.5;
font-weight:900;
color:var(–cream);
margin-bottom:14px;
}
.hero h1 .hl{
color:var(–gold);
}
.hero p.lead{
font-size:14.5px;
line-height:1.9;
color:#DCD3F5;
margin:0 auto 26px;
max-width:480px;
}
.signage{
position:relative;
margin:0 auto 26px;
width:88%;
max-width:380px;
border-radius:14px;
background:#000;
padding:14px;
box-shadow:0 0 0 3px #3A2A6B, 0 18px 40px -10px rgba(0,0,0,.6), 0 0 50px rgba(255,79,163,.25);
}
.signage-screen{
background:linear-gradient(135deg,#1B0E3E,#3A1259 60%, #1B0E3E);
border-radius:8px;
padding:22px 16px;
position:relative;
overflow:hidden;
}
.signage-screen::before{
content:””;
position:absolute; inset:0;
background:repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0px, rgba(255,255,255,.025) 1px, transparent 1px, transparent 3px);
pointer-events:none;
}
.signage-tag{
font-size:10px;
color:var(–gold);
letter-spacing:.15em;
font-weight:700;
margin-bottom:6px;
}
.signage-msg{
font-family:”Zen Maru Gothic”,sans-serif;
font-size:21px;
font-weight:900;
color:#fff;
line-height:1.4;
}
.signage-msg .name-blank{
display:inline-block;
border-bottom:2px dashed var(–pink-soft);
color:var(–pink-soft);
padding:0 4px;
}
.signage-sub{
margin-top:8px;
font-size:11.5px;
color:#C9BEEC;
}
.signage-loc{
margin-top:14px;
display:flex;
justify-content:space-between;
font-size:10px;
color:#8F82BE;
border-top:1px solid rgba(255,255,255,.08);
padding-top:8px;
}
.cta-btn{
display:block;
width:100%;
max-width:400px;
margin:0 auto;
background:linear-gradient(135deg,var(–pink),#FF7AB8);
color:#fff;
font-family:”Zen Maru Gothic”,sans-serif;
font-weight:900;
font-size:16px;
text-align:center;
padding:16px 18px;
border-radius:999px;
box-shadow:0 10px 24px -6px rgba(255,79,163,.55);
}
.cta-sub{
font-size:11px;
color:#B9AEDD;
margin-top:10px;
}
section{
padding:44px 24px;
}
.section-cream{
background:var(–cream);
color:var(–ink);
border-radius:28px 28px 0 0;
margin-top:-18px;
position:relative;
z-index:2;
}
.kicker{
font-size:12px;
font-weight:700;
color:var(–pink);
letter-spacing:.12em;
text-align:center;
margin-bottom:8px;
}
.section-title{
font-size:20px;
font-weight:900;
text-align:center;
margin-bottom:28px;
line-height:1.6;
}
.pain-list{ display:flex; flex-direction:column; gap:14px; }
.pain-item{
display:flex;
gap:12px;
align-items:flex-start;
background:#fff;
border:1px solid #F0E3EC;
border-radius:16px;
padding:16px 16px;
}
.pain-icon{
font-size:20px;
line-height:1;
flex-shrink:0;
}
.pain-text b{
display:block;
font-size:14.5px;
margin-bottom:3px;
}
.pain-text span{
font-size:12.5px;
color:#6B6280;
line-height:1.7;
}
.pain-arrow{
text-align:center;
font-size:12px;
color:var(–purple);
font-weight:700;
margin:6px 0;
}
.feat-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}
.feat-card{
background:#fff;
border-radius:16px;
padding:18px 14px;
text-align:center;
box-shadow:0 6px 16px -8px rgba(120,80,180,.25);
}
.feat-card .ico{
font-size:26px;
margin-bottom:8px;
}
.feat-card b{
display:block;
font-size:13.5px;
margin-bottom:5px;
}
.feat-card p{
font-size:11.5px;
color:#6B6280;
line-height:1.6;
margin:0;
}
.steps{
display:flex;
flex-direction:column;
gap:0;
}
.step{
display:flex;
gap:16px;
position:relative;
padding-bottom:26px;
}
.step:last-child{ padding-bottom:0; }
.step::before{
content:””;
position:absolute;
left:17px; top:36px; bottom:0;
width:2px;
background:repeating-linear-gradient(to bottom, #E3B6D6 0 6px, transparent 6px 12px);
}
.step:last-child::before{ display:none; }
.step-num{
flex-shrink:0;
width:34px; height:34px;
border-radius:50%;
background:linear-gradient(135deg,var(–pink),var(–purple));
color:#fff;
font-family:”Zen Maru Gothic”,sans-serif;
font-weight:900;
font-size:14px;
display:flex; align-items:center; justify-content:center;
}
.step-body b{
display:block;
font-size:14px;
margin-bottom:4px;
}
.step-body span{
font-size:12.5px;
color:#6B6280;
line-height:1.7;
}
.section-dark{
background:linear-gradient(160deg,#1E1140,#180F33);
color:var(–cream);
}
.section-dark .section-title{ color:var(–cream); }
.testi-list{
display:flex;
flex-direction:column;
gap:14px;
}
.testi-card{
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.12);
border-radius:16px;
padding:16px;
}
.testi-top{
display:flex;
align-items:center;
gap:10px;
margin-bottom:10px;
}
.avatar{
width:34px; height:34px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-family:”Zen Maru Gothic”,sans-serif;
font-weight:700;
font-size:13px;
color:#fff;
flex-shrink:0;
}
.testi-name{
font-size:12px;
color:#C9BEEC;
}
.testi-body{
font-size:13px;
line-height:1.8;
color:#EDE7FA;
margin:0;
}
.stars-rate{ color:var(–gold); font-size:11px; margin-top:8px; }
.plan-box{
background:#fff;
border-radius:18px;
padding:22px 18px;
text-align:center;
box-shadow:0 10px 30px -10px rgba(120,80,180,.3);
border:2px solid var(–pink-soft);
}
.plan-box .from{
font-size:12px; color:#6B6280;
}
.plan-box .price{
font-family:”Zen Maru Gothic”,sans-serif;
font-weight:900;
font-size:34px;
color:var(–pink);
margin:4px 0 6px;
}
.plan-box .price small{ font-size:14px; color:var(–ink); }
.plan-note{
font-size:11.5px;
color:#8B819E;
margin-top:10px;
line-height:1.7;
}
.final-cta{
text-align:center;
padding:50px 22px 44px;
background:
radial-gradient(circle at 30% 20%, rgba(255,209,102,.18), transparent 45%),
radial-gradient(circle at 80% 80%, rgba(255,79,163,.25), transparent 45%),
linear-gradient(160deg,#180F33,#241350);
}
.final-cta h2{
font-size:22px;
line-height:1.6;
color:#fff;
margin-bottom:10px;
}
.final-cta p{
font-size:13px;
color:#C9BEEC;
margin-bottom:24px;
}
.banner-wrap{
margin:26px auto 0;
display:flex;
justify-content:center;
}
footer{
background:var(–night-deep);
padding:22px 20px 30px;
text-align:center;
}
footer p{
font-size:10.5px;
color:#6E63A0;
line-height:1.8;
margin:0 0 8px;
}
.fixed-cta{
position:sticky;
bottom:0;
left:0; right:0;
z-index:10;
background:rgba(24,15,51,.92);
backdrop-filter:blur(6px);
padding:10px 16px;
box-shadow:0 -6px 18px rgba(0,0,0,.35);
}
@media (min-width:641px){
.fixed-cta{ display:none; }
}
【PR】本ページは広告主とのアフィリエイト提携（A8.net）に基づく紹介記事です
✨ 推し活・センイル広告サービス
推しの誕生日、
渋谷の街角から
「おめでとう」を届けよう
全国の主要駅にあるポスター・デジタルサイネージに、あなたの「おめでとう」を掲出できるサービス「推しアド」。5万円以下から、一人でも仲間とでも出稿できます。
SHIBUYA STATION SIGNAGE
HAPPY BIRTHDAY
推しの名前 🎉
いつもありがとう。これからも応援してます。
渋谷 / 新宿 / 大阪 他
21:00 – 24:00 掲出イメージ
LINEで無料相談してみる →
相談だけでもOK。申込みは相談後でも大丈夫です
ONE MORE STEP
「推し活広告」で、
こんなふうに悩んでいませんか？
💸
広告費、一人で出すのは正直しんどい
誕生日広告って憧れるけど、費用は決して安くない。一人で背負うのは気が引ける。
↓ 推しアドなら
🤝
クラウドファンディング機能で仲間と分担できる
ファン同士で費用を出し合って、一人あたりの負担を抑えながら広告を実現できます。
🏢
広告って敷居が高そう…
企業広告のイメージが強く、個人のファンが出せるものだと思っていなかった。
↓ 推しアドなら
💰
5万円以下の低価格帯から出稿可能
個人の推し活ファンでも気軽に始められる価格帯を用意しています。
❓
申し込み方法がわからない
デザインの決め方、掲出場所の選び方…何から手をつければいいのか不安。
↓ 推しアドなら
💬
LINE相談で専門コンサルタントがサポート
広告初心者でも、LINEでのやり取りだけで安心して進められます。
FEATURES
推しアドが選ばれる理由
🚉
全国主要駅に掲出
渋谷・新宿・大阪など、全国の主要駅のポスター・デジタルサイネージに対応
💰
5万円以下から
個人のファンでも気軽に始められる低価格帯からスタートできる
🤝
クラファン機能
複数のファンで費用を分担しながら、みんなの広告を実現できる
💬
LINE相談サポート
専門コンサルタントが最初から最後までLINEでサポート
HOW IT WORKS
申し込みまでの4ステップ
1
LINEで相談する
まずは公式LINEを追加。やりたいことをそのまま伝えるだけでOKです。
2
プランを選ぶ
一人で出稿する個人プランか、仲間と費用を分担するクラファンプランを選択。
3
デザイン・掲出先を決める
コンサルタントと相談しながら、メッセージや掲出する駅・期間を決めます。
4
広告が掲出される
指定した期間、駅のポスターやデジタルサイネージにあなたの応援広告が掲出されます。
VOICE
利用したファンの声
初めての推し活広告でしたが、LINEで一つずつ教えてもらえたので迷わず進められました。当日渋谷駅で見た瞬間、じんわり嬉しかったです。
★★★★★
一人だと出せない金額だったので、同担の友達3人でクラファン機能を使って費用を分担。負担が思ったより軽くて助かりました。
★★★★★
広告なんて敷居が高いと思っていましたが、5万円以下のプランがあると知って挑戦。想像以上にしっかりした仕上がりでした。
★★★★★
PLAN
まずは相談から。
費用感もLINEで確認できます
出稿費用イメージ
1口 5万円以下〜
掲出場所・期間・プラン（個人／クラファン）によって費用は変動します。
正式な金額はLINE相談時に確認できます。
あなたの「ありがとう」を、
街角のあの場所に
相談は無料。まずは公式LINEでメッセージを送ってみてください。
LINEで無料相談してみる →
#推しアド 推し活応援広告サービス
】
