/* v021(10/7): 並び KV → WHY → 作品の壁 → 渾身の1画面(#offer)。本人「WHYを聞いてから、受け取りたいと思うから」 */
.hero-kv{display:block;background:#FBEEF1}
.fvtop .fv{display:block;width:100%;height:auto}
#works-wall{padding-top:8px}
/* 作品の壁: 種類の札を出す(隣は必ず別の種類なので、札が「あれも、これも」を言う) */
.wall .tile figcaption{display:block}
.wall .tile figcaption{font-weight:700;font-size:12px;letter-spacing:.04em;border:1.5px solid currentColor;background:#fff}
.wall .tile figcaption[data-t="投稿"]{color:#C2456A}
.wall .tile figcaption[data-t="漫画"]{color:#3A3034}
.wall .tile figcaption[data-t="広告"]{color:#2E8B57}
.wall .tile figcaption[data-t="動画"]{color:#3E6FA6}
.wall .tile figcaption[data-t="歌の広告"]{color:#7A55A8}
.wall .tile figcaption[data-t="LP"]{color:#B8792A}
/* 壁の帯の上の一言: 「私」=りかこ */
.ww21-kicker{margin:22px 16px 2px;text-align:center;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:15px;color:var(--rose)}
/* 見本の列の先頭の見本のリール(縦) */
.sm21-reel{position:relative;flex:0 0 30%;aspect-ratio:9/16;margin:0}
.sm21-reel video{display:block;width:100%;height:100%;object-fit:cover}
.sm21-reel figcaption{position:absolute;left:6px;bottom:6px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.92);font-size:12px;font-weight:700;color:#3A3034}
/* 渾身の1画面(#offer): 本人「1ページまるっと使って、贅沢に、ここでもう受け取るボタンを押すことを目指して」。上=焼いた1枚絵・下=名札とボタン */
.o21{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100svh;padding:6px 0 14px;background:linear-gradient(180deg,#FFF6F8 0,#FBEEF1 60%,#E7EEF4 100%)}
.o21-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.o21-art img{display:block;width:100%;height:auto}
.o21-foot{margin:-2px 16px 0}
.o21-who{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 6px}
.o21-who img{flex:none;width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:50% 18%;border:2px solid #fff;box-shadow:0 0 0 1.5px rgba(217,80,111,.45)}
.o21-who p{margin:0;display:flex;flex-direction:column;line-height:1.35}
.o21-who b{font-size:15px;color:#3F2A2E}
.o21-who b small{margin-left:8px;font-size:12px;font-weight:500;color:var(--sub)}
.o21-who em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--rose)}
.o21 .cta{padding:10px 0 0}
.o21 .cta .micro{color:#037A37}
.o21-btn{min-height:66px;font-size:17px}
.o21-after{margin:10px 0 0;font-size:12.5px;color:var(--sub)}
@media(max-width:359px){
  .o21-btn{font-size:14.5px;letter-spacing:0;padding:0 12px;min-height:58px}
  .o21-who{margin-bottom:2px}
  .o21-after{margin-top:6px}
}
/* 1画面に収める: Safari の道具の帯が出ている時の高さ(390×約664)でも、絵+名札+ボタンが1画面に入るよう、絵の幅を画面の高さから決める */
.o21-art img{width:min(100%,calc((100svh - 205px) / 1.5));margin:0 auto}
@media(min-width:701px){.o21-art img{width:min(100%,calc((100svh - 265px) / 1.5))}}
.ww21-kicker{margin-top:12px}
.wall .tile figcaption[data-t="LP"]{color:#8F5410}
.igp20-pre{font-size:12px}
/* 375px(iPhone の小さい方)でもボタンの文字を1行に */
@media(max-width:389px){
  .o21-btn{font-size:15px;letter-spacing:0;padding:0 14px}
  .sticky .btn{font-size:13.5px;letter-spacing:0;padding:0 12px}
}
@media(max-width:359px){.o21-btn{font-size:14px;padding:0 10px}}
/* 広告バナー: 先に見せる9枚に切り口の札(10/7 夜) */
.ad20-b{position:relative}
.ad21-tag{display:block;padding:5px 4px 6px;background:#fff;color:#C2456A;font-size:12px;font-weight:700;line-height:1.3;text-align:center;word-break:keep-all;overflow-wrap:anywhere}