/* v020(10/7): りかこさん側が実際に AI でつくった物を全面に。本人「りかこさんが実際に、AIで作ったアウトプットを、LPに全面的に掲載してほしい」 */
.r20-block{margin:24px 16px 0}
.r20-ttl{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:0 0 4px;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:19px;line-height:1.45;color:#3F2A2E;text-align:center}
.r20-ttl small{font-size:13px;color:var(--rose)}
.r20-gap{margin:30px 16px 6px}
.r20-sub{margin:0 0 12px;text-align:center;font-size:13.5px;color:var(--sub)}
/* Instagram の投稿画面(リボンバッグ8選) */
.igp20{background:#fff;border-radius:22px;overflow:hidden;color:#000;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Segoe UI",Roboto,"Noto Sans JP",sans-serif;box-shadow:0 14px 34px rgba(63,42,46,.14),0 0 0 1px #dbdbdb}
.igp20-h{display:flex;align-items:center;gap:10px;padding:10px 12px}
.igp20-av{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 2px #d6249f}
.igp20-h b{font-size:14px;font-weight:700}
.igp20-more{margin-left:auto;font-size:13px;letter-spacing:1px}
.igp20-wrap{position:relative}
.igp20-slides{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.igp20-slides::-webkit-scrollbar{display:none}
.igp20-s{flex:0 0 100%;scroll-snap-align:start;padding:0;border:0;background:#f6eef0;cursor:zoom-in}
.igp20-s img{display:block;width:100%;height:auto}
.igp20-count{position:absolute;top:10px;right:10px;padding:2px 9px;border-radius:999px;background:rgba(18,18,18,.72);color:#fff;font-size:12px;font-weight:600;pointer-events:none}
.igp20-count b{font-weight:600}
.igp20-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 12px 12px}
.igp20-ic{display:flex;gap:14px}
.igp20-ic.r{justify-content:flex-end}
.igp20 svg{display:block;width:24px;height:24px}
.igp20-dots{display:flex;gap:4px}
.igp20-dots i{width:6px;height:6px;border-radius:50%;background:#c7c7c7}
.igp20-dots i.on{background:#0095f6}
.r20-voice{margin:16px 0 0;text-align:center}
.r20-voice > span{display:block;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:18px;color:var(--rose)}
.r20-voice small{font-size:12px;color:var(--sub)}
/* 新しい節: 広告も、漫画も、AIで。 */
.p20-ads{display:block;background:linear-gradient(180deg,#FBEEF1,#FFF8F9);padding:40px 0 30px}
.ad20{columns:3;column-gap:6px}
.ad20-b{display:block;width:100%;margin:0 0 6px;padding:0;border:0;border-radius:8px;overflow:hidden;background:#F3E4E8;break-inside:avoid;cursor:zoom-in;box-shadow:0 4px 10px rgba(63,42,46,.08)}
.ad20-b img{display:block;width:100%;height:auto}
.ad20:not(.open) .ad20-b.more{display:none}
.ad20-open{display:flex;justify-content:center;margin-top:10px}
.mg20{position:relative;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 11% 10px;margin:0 -16px;scrollbar-width:none;overscroll-behavior-x:contain}
.mg20::-webkit-scrollbar{display:none}
.mg20-p{flex:0 0 78%;scroll-snap-align:center;padding:0;border:0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 8px 20px rgba(63,42,46,.12);cursor:zoom-in}
.mg20-p img{display:block;width:100%;height:auto}
.mg20-hint{margin:4px 0 0;text-align:center;font-size:12.5px;color:var(--sub)}
.r20-note{margin:18px 22px 0}
/* 見本は下で1列に(見本と明記) */
.sm20{padding:36px 0 6px}
.sm20-row{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 16px 10px;scrollbar-width:none}
.sm20-row::-webkit-scrollbar{display:none}
.sm20-i{flex:0 0 38%;aspect-ratio:1;padding:0;border:0;border-radius:12px;overflow:hidden;background:#EFE7DE;cursor:zoom-in;scroll-snap-align:start}
.sm20-i img{display:block;width:100%;height:100%;object-fit:cover}
.sm20-note{margin:6px 22px 0}
.r20-lead-note{margin:-4px 22px 4px;text-align:center}
.igp20-pre{margin-left:auto;padding:2px 9px;border-radius:999px;background:#efefef;color:#3a3a3a;font-size:11.5px;font-weight:700}
.igp20-pre + .igp20-more{margin-left:10px}
