/* S367: お支払い方法の変更 (デザイン「06 お支払い方法の変更(会員設定)」)。style.css (.pay-* の入力欄・.btn.wide) + session.css の上に読む */
.px{background:#F6F1E7;padding:44px 24px 64px;min-height:60vh}
.px-bc{text-align:center;margin-bottom:20px}
.px-card{width:560px;max-width:100%;margin:0 auto;background:#fff;border-radius:6px;padding:38px 40px 34px;box-shadow:0 4px 24px rgba(60,40,30,.06)}
.px-card h1{font-size:19px;font-weight:700;color:#14100F;margin:0 0 18px}
/* 現在のお支払い方法 */
.px-cur{background:#FAF6EE;border-radius:4px;padding:14px 18px 16px}
.px-cur > b{display:block;font-size:13px;color:#14100F;margin-bottom:10px}
.px-cur-row{display:flex;align-items:center;gap:14px}
.px-badge{display:inline-block;flex:none;background:#6A1928;color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.06em;border-radius:4px;padding:8px 10px;line-height:1}
.px-cur-main{font-size:14px;font-weight:700;color:#14100F}
.px-num{font-weight:700;letter-spacing:.06em;margin-left:4px}
.px-cur-sub{font-size:12px;color:#6B615C;margin-top:4px}
.px-cur-none{font-size:12.5px;color:#6B615C;margin:0;line-height:1.7}
.px-h2{font-size:13.5px;font-weight:700;color:#14100F;margin:24px 0 2px}
.px-card .pay-field{margin-top:18px}
.btn.wide.center.px-save{margin-top:22px}
.btn.wide.center.px-save:disabled{background:#C7B9BC;cursor:not-allowed;opacity:1}
.px-note{font-size:12.5px;color:#6B615C;line-height:1.7;margin:12px 0 0}
.px-note:empty{display:none}
.px .msg{margin-top:12px}
.px .msg:empty{display:none}
.px-back{margin:18px 0 0;font-size:13px}
.px-back a{color:#7D5C2E;text-decoration:underline;text-underline-offset:3px}
.px-back a:hover{color:#7B1F2F}
.px-card .pay-secure{margin-top:20px}
.px-apply{font-size:12px;color:#574E49;margin:10px 0 0;line-height:1.7}
.px-card .notice{margin-top:16px}
@media (max-width:640px){
  .px{padding:28px 16px 48px}
  .px-card{padding:26px 20px 24px}
  .px-cur-row{align-items:flex-start}
}