/* 切手の経済（2026-09-29）— inc/cm-economy.php・js/cm-economy.js */
.econ-g{margin:10px 0;padding:11px 12px 10px;border-radius:14px;background:linear-gradient(160deg,#fffdf7,#fff4dc);border:1.5px solid #f0dcb0;color:#3a2a55;font-size:13px;line-height:1.6}
.econ-g__top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.econ-g__top b{font-size:13.5px;font-weight:900}
.econ-g__top span{font-size:12px;color:#8b7f95;font-variant-numeric:tabular-nums}
.econ-g__bar{position:relative;height:10px;margin:6px 0 7px;border-radius:999px;background:#f3e6c6;overflow:hidden}
.econ-g__bar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#f6cf49,#e2a23a);transition:width .6s ease}
.econ-g__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;margin:0}
.econ-g__free{font-size:12.5px;color:#5b4d6e}
.econ-g__free b{color:#b23b7d;font-size:14px}
.econ-g__buy{appearance:none;border:0;border-radius:999px;padding:7px 13px;min-height:34px;background:#b23b7d;color:#fff;font-size:12.5px;font-weight:900;cursor:pointer}
.econ-g__ok{margin:0;font-size:12.5px;color:#2e7d5b;font-weight:700}
.econ-2x{display:block;margin:6px 0 0;padding:3px 8px;border-radius:999px;background:#fff0f6;color:#b23b7d;font-size:10.5px;font-weight:900;text-align:center;line-height:1.5}
.econ-2x--s{display:inline-block;margin:4px 0 0;font-style:normal}
.econ-note{margin:9px 2px 0;font-size:11px;line-height:1.75;color:#8b7f95}
.econ-best{border-color:#e2b04a!important;box-shadow:0 6px 18px rgba(200,138,16,.2)!important}
.sh2__pack .sh2__badge{z-index:3}
.econ-frs{margin:12px 0}
.econ-fr{display:grid;grid-template-columns:84px 1fr;gap:6px 12px;align-items:center;padding:12px;border-radius:16px;background:linear-gradient(160deg,#2b2350,#4a2f6e);color:#fff;border:1.5px solid #f39a3a;box-shadow:0 6px 18px rgba(80,40,120,.25)}
.econ-fr__art img{display:block;width:84px;height:84px}
.econ-fr__tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.econ-fr__tx b{font-size:15px;font-weight:900}
.econ-fr__tx small{font-size:11px;line-height:1.6;color:#e6dcf5}
.econ-fr__lim{align-self:flex-start;font-size:10.5px;font-weight:900;color:#2b2350;background:#f7b44a;border-radius:999px;padding:1px 8px}
.econ-fr__btn{display:inline-block;align-self:flex-start;margin-top:4px;appearance:none;border:0;border-radius:999px;padding:8px 14px;min-height:36px;background:#f39a3a;color:#2b2350;font-size:12.5px;font-weight:900;text-decoration:none;cursor:pointer;line-height:1.5}
.econ-fr__btn--off{background:#6b5f7d;color:#fff}
.econ-fr__btn--own{background:#e6dcf5;color:#3a2a55}
.econ-fr__g{grid-column:1/-1}
.econ-fr__g .econ-g{margin:4px 0 0;color:#3a2a55}
.econ-age{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-end;justify-content:center;background:rgba(30,20,50,.55);padding:0 0 env(safe-area-inset-bottom,0)}
.econ-age__in{width:100%;max-width:480px;max-height:90vh;overflow:auto;background:#fffdf7;border-radius:18px 18px 0 0;padding:18px 18px 20px;color:#3a2a55;font-size:14px;line-height:1.7;outline:none}
.econ-age__h{display:block;font-size:16px;font-weight:900;margin:0 0 6px}
.econ-age__d{margin:0 0 10px;font-size:13px}
.econ-age__d small{color:#8b7f95;font-size:11.5px}
.econ-age__sel{display:flex;gap:8px;margin:0 0 10px}
.econ-age__sel select{flex:1;min-height:44px;font-size:16px;border:1.5px solid #e2cfa0;border-radius:10px;background:#fff;padding:0 8px;color:#3a2a55}
.econ-age__minor{margin:4px 0 8px;padding:10px 12px;border-radius:12px;background:#fff0f6}
.econ-age__cap{margin:0 0 6px;font-size:12.5px;font-weight:700;color:#b23b7d}
.econ-age__chk{display:flex;gap:8px;align-items:flex-start;font-size:13px;cursor:pointer}
.econ-age__chk input{width:20px;height:20px;margin-top:2px;flex:0 0 auto}
.econ-age__msg{min-height:1.2em;margin:4px 0 8px;font-size:12.5px;color:#b23b3b;font-weight:700}
.econ-age__btns{display:flex;gap:8px}
.econ-age__go{flex:1;min-height:46px;border:0;border-radius:999px;background:#b23b7d;color:#fff;font-size:15px;font-weight:900;cursor:pointer}
.econ-age__go:disabled{opacity:.45}
.econ-age__x{min-height:46px;padding:0 16px;border:1.5px solid #d9cce8;border-radius:999px;background:#fff;color:#5b4d6e;font-size:14px;cursor:pointer}
