/* 応援する（5-03）2026-09-06 */
.ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:1.5em 0}
.way{display:flex;flex-direction:column;gap:6px;border:2px solid var(--c-line);border-radius:var(--r-m);padding:16px 18px;text-decoration:none;color:var(--c-ink);background:var(--c-paper)}
.way:hover{border-color:var(--c-green)}
.way b{color:var(--c-green-text);font-size:1.05rem}
.way span{font-size:.9rem;color:var(--c-muted);line-height:1.8}

.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:1.2em 0}
.plan{display:flex;flex-direction:column;align-items:center;gap:2px;border:2px solid var(--c-line);border-radius:var(--r-m);padding:16px 12px;text-decoration:none;color:var(--c-ink);background:var(--c-paper);text-align:center}
a.plan:hover{border-color:var(--c-green);background:var(--c-tint)}
.plan.off{opacity:.75}
.p-yen{font-size:1.7rem;font-weight:700;color:var(--c-green-text);line-height:1.2}
.p-yen small{font-size:.9rem;margin-left:2px}
.p-per{font-size:.8rem;color:var(--c-muted)}
.p-note{font-size:.8rem;color:var(--c-muted);margin-top:6px;line-height:1.7}
.p-soon{margin-top:8px;font-size:.75rem;font-weight:700;color:var(--c-muted);border:1px solid var(--c-line);border-radius:var(--r-pill);padding:1px 10px}

.post-body .hint-note{font-size:.9rem;color:var(--c-muted);background:var(--c-tint);border-radius:var(--r-m);padding:12px 16px}
.post-body .note-plain{font-size:.92rem;color:var(--c-muted)}

.goods-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:1.2em 0}
.goods{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--c-ink)}
.goods img{border:1px solid var(--c-line);border-radius:var(--r-m);width:100%;height:auto}
.goods span{font-size:.82rem;color:var(--c-muted);line-height:1.7}

.sns-follow{display:flex;gap:8px 10px;flex-wrap:wrap;align-items:center;margin:1.2em 0}
.sns-follow .lbl{font-size:.85rem;color:var(--c-muted);width:100%}
.sns-follow a{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:2px solid var(--c-line);border-radius:var(--r-pill);padding:0 16px;font-weight:700;text-decoration:none;color:var(--c-ink)}
.sns-follow a:hover{border-color:var(--c-green);background:var(--c-tint)}
.sns-follow .ic.brand{background:var(--c-green-text)}

/* バナー素材 */
.bn-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:1.4em 0}
.bn{border:2px solid var(--c-line);border-radius:var(--r-m);padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--c-paper)}
.bn>img{align-self:center;max-width:100%;height:auto;border:1px solid var(--c-line);border-radius:6px;background:var(--c-tint)}
.bn-t{margin:0;font-weight:700;font-size:.9rem}
.bn-t small{font-weight:400;color:var(--c-muted);margin-left:8px;font-size:.8rem}
.bn-code{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;line-height:1.6;border:2px solid var(--c-line);border-radius:var(--r-m);padding:8px 10px;background:var(--c-tint);color:var(--c-ink);resize:vertical}
.bn-copy{align-self:flex-start;cursor:pointer}
.bn-copy.done{background:var(--c-green);color:#fff;border-color:var(--c-green)}