/* SHOPLINE構築の料金（/pages/shopline-kochiku-ryokin）。表・FAQ・番号つき手順・余白は site.css のものをそのまま使い、ここにはプランのカードと数字まわりだけを置く */
.seo-prose > .ryokin-plans{max-width:none;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-4);margin-top:var(--sp-6);margin-bottom:var(--sp-8)}
.ryokin-plan{position:relative;display:flex;flex-direction:column;gap:var(--sp-3);min-width:0;padding:var(--sp-6);border:var(--bw) solid var(--line);background:var(--paper)}
.ryokin-plan.is-pick{border-color:var(--ink)}
.ryokin-plan h3{margin-top:var(--sp-3);word-break:keep-all}
.ryokin-badge{position:absolute;top:-1px;right:-1px;padding:0 var(--sp-3);background:var(--green);color:#fff;font-size:var(--fs-xs);font-weight:500;letter-spacing:.06em;line-height:1.9}
.ryokin-price{font-weight:500;line-height:1.2}
.ryokin-num{font-family:var(--font-en);font-weight:400;font-size:var(--fs-num);letter-spacing:.02em;font-feature-settings:"tnum"}
.ryokin-unit{margin-left:.25rem;font-size:var(--fs-body)}
.ryokin-tax{margin-top:calc(var(--sp-2) * -1);font-size:var(--fs-sm);color:var(--ink-2)}
.ryokin-dl{display:grid;gap:var(--sp-3);margin-top:var(--sp-2);padding-top:var(--sp-4);border-top:var(--bw) solid var(--line)}
.ryokin-dl dt{font-size:var(--fs-xs);color:var(--ink-2)}
.ryokin-dl dd{font-size:var(--fs-sm)}
.seo-table.is-compact{min-width:0}
.seo-table .en{font-feature-settings:"tnum";letter-spacing:.02em}
.seo-prose > .seo-table-wrap + .seo-table-wrap{margin-top:var(--sp-6)}
.seo-prose > .ryokin-source{font-size:var(--fs-sm);color:var(--ink-2)}
.seo-prose > .ryokin-offer{max-width:44em;padding:var(--sp-6);border:var(--bw) solid var(--ink);font-weight:500}
@media (min-width:768px){
  .seo-prose > .ryokin-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-6)}
}