:root{--mc-red:#c3172c;--mc-ink:#171111;--mc-muted:#71696a;--mc-line:#ded8d8;--mc-soft:#f7f4f3}
.mc-drawer-open{overflow:hidden}
.mc-drawer-root{position:fixed;inset:0;z-index:10000;display:grid;align-items:end;font-family:"Noto Sans JP",system-ui,sans-serif;color:var(--mc-ink)}
.mc-drawer-backdrop{position:absolute;inset:0;border:0;background:rgba(20,12,14,.46);cursor:pointer}
.mc-drawer{position:relative;width:min(100%,760px);max-height:min(88vh,820px);margin:0 auto;padding:16px clamp(22px,5vw,48px) calc(22px + env(safe-area-inset-bottom));overflow:auto;background:#fff;border-radius:26px 26px 0 0;box-shadow:0 -18px 56px rgba(26,12,16,.2);animation:mc-rise .28s cubic-bezier(.22,.8,.26,1)}
.mc-drawer-handle{display:block;width:42px;height:4px;margin:0 auto 18px;border-radius:99px;background:#d8d1d1}
.mc-drawer-close{position:relative;display:block;width:38px;height:38px;margin:-42px 0 4px auto;border:0;background:none;color:#61595a;font:300 34px/1 inherit;cursor:pointer}
.mc-kicker{margin:0 0 8px;color:var(--mc-red);font:700 11px/1.2 inherit;letter-spacing:.18em}
.mc-drawer-title{margin:0;font-family:"Noto Serif JP",serif;font-size:clamp(25px,5.8vw,38px);font-weight:500;letter-spacing:.01em}
.mc-drawer-context{margin:8px 0 22px;color:var(--mc-muted);font-size:13px}
.mc-drawer-summary{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--mc-ink)}
.mc-drawer-summary>div{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:2px 12px;padding:15px 2px}
.mc-drawer-summary>div+div{padding-left:22px;border-left:1px solid var(--mc-line)}
.mc-drawer-summary span{align-self:center;color:var(--mc-muted);font-size:11px;letter-spacing:.1em}
.mc-drawer-summary strong{grid-row:1/3;grid-column:2;font:500 clamp(28px,7vw,44px)/1 "Noto Serif JP",serif;text-align:right}
.mc-drawer-summary small{grid-column:1/3;color:var(--mc-muted);font-size:11px;text-align:right}
.mc-drawer-prompt{margin:17px 0 12px;font-size:13px}
.mc-drawer-packs{display:grid;gap:8px}
.mc-drawer-pack{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr) auto;grid-template-areas:"name amount price" "name detail price";align-items:center;min-height:69px;padding:12px 14px 12px 48px;border:1px solid var(--mc-line);border-radius:3px;background:#fff;color:inherit;text-align:left;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}
.mc-drawer-pack::before{content:"";position:absolute;left:16px;top:50%;width:18px;height:18px;border:1px solid #aaa2a3;border-radius:50%;transform:translateY(-50%);box-sizing:border-box}
.mc-drawer-pack.is-selected::before{border:5px solid var(--mc-red)}
.mc-drawer-pack:hover,.mc-drawer-pack:focus-visible{border-color:var(--mc-red);background:#fffafb;transform:translateY(-1px)}
.mc-drawer-pack:disabled{opacity:.55;cursor:wait;transform:none}
.mc-drawer-pack.is-recommended{border-color:#d8a5ad}
.mc-drawer-pack.is-selected{border-color:var(--mc-red);background:#fffafb}
.mc-pack-name{grid-area:name;color:var(--mc-red);font:700 10px/1.2 inherit;letter-spacing:.12em}
.mc-pack-amount{grid-area:amount;font:600 16px/1.3 "Noto Serif JP",serif}
.mc-pack-detail{grid-area:detail;color:var(--mc-muted);font-size:11px}
.mc-pack-price{grid-area:price;font:600 18px/1.2 "Noto Serif JP",serif}
.mc-drawer-checkout{position:sticky;bottom:calc(-22px - env(safe-area-inset-bottom));z-index:1;margin:12px -2px calc(-22px - env(safe-area-inset-bottom));padding:12px 2px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,rgba(255,255,255,.84),#fff 18px)}
.mc-drawer-action{width:100%;min-height:56px;border:1px solid var(--mc-red);border-radius:3px;background:var(--mc-red);color:#fff;font:600 15px/1.2 "Noto Serif JP",serif;letter-spacing:.04em;cursor:pointer}
.mc-drawer-action:hover,.mc-drawer-action:focus-visible{background:#a80f24;border-color:#a80f24}
.mc-drawer-action:disabled{opacity:.55;cursor:wait}
.mc-drawer-status{min-height:1.3em;margin:8px 0 0;color:var(--mc-red);font-size:12px}
.mc-drawer-note{margin:6px 0 0;color:var(--mc-muted);font-size:11px;text-align:center;letter-spacing:.03em}
@keyframes mc-rise{from{transform:translateY(34px);opacity:.2}to{transform:none;opacity:1}}
@media(min-width:760px){.mc-drawer{margin-bottom:24px;border-radius:26px}.mc-drawer-pack{grid-template-columns:112px minmax(0,1fr) auto}}
@media(prefers-reduced-motion:reduce){.mc-drawer{animation:none}.mc-drawer-pack{transition:none}}

.mc-account-page{background:#fff;color:var(--mc-ink)}
.mc-account{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:92px 0 110px;font-family:"Noto Sans JP",system-ui,sans-serif}
.mc-account-head{display:flex;align-items:end;justify-content:space-between;gap:28px;padding-bottom:28px;border-bottom:1px solid var(--mc-ink)}
.mc-account-head h1,.mc-section-head h2{margin:0;font-family:"Noto Serif JP",serif;font-weight:500;letter-spacing:.01em}
.mc-account-head h1{font-size:clamp(34px,5vw,66px)}
.mc-account-identity{margin:0 0 7px;color:var(--mc-muted);font-size:12px;text-align:right}
.mc-wallet{display:grid;grid-template-columns:minmax(320px,1.08fr) minmax(420px,.92fr);min-height:280px;border-bottom:1px solid var(--mc-ink)}
.mc-balance-block{display:flex;flex-direction:column;justify-content:center;padding:42px 7vw 42px 0;border-right:1px solid var(--mc-line)}
.mc-balance-block>p:first-child{margin:0;color:var(--mc-muted);font-size:12px;letter-spacing:.08em}
.mc-balance{display:flex;align-items:baseline;gap:14px;margin:10px 0 4px}
.mc-balance strong{font:400 clamp(72px,10vw,142px)/.9 "Noto Serif JP",serif;letter-spacing:-.045em}
.mc-balance span{color:var(--mc-muted);font-size:12px;letter-spacing:.1em}
.mc-wallet-status{margin:10px 0 0;color:var(--mc-muted);font-size:12px;line-height:1.7}
.mc-rates{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.mc-rates article{display:flex;flex-direction:column;justify-content:center;padding:36px 34px}
.mc-rates article+article{border-left:1px solid var(--mc-line)}
.mc-rates span{min-height:28px;color:var(--mc-red);font-size:10px;font-weight:700;letter-spacing:.13em}
.mc-rates strong{margin:15px 0 6px;font:500 clamp(46px,6vw,76px)/1 "Noto Serif JP",serif}
.mc-rates small{color:var(--mc-muted);font-size:11px}
.mc-shop,.mc-how,.mc-account-settings{padding:82px 0;border-bottom:1px solid var(--mc-ink)}
.mc-section-head{display:grid;grid-template-columns:190px minmax(260px,1fr) minmax(220px,.65fr);align-items:end;gap:24px;margin-bottom:36px}
.mc-section-head .mc-kicker{margin-bottom:7px}
.mc-section-head h2{font-size:clamp(27px,3.6vw,46px)}
.mc-section-head>p:last-child{margin:0 0 4px;color:var(--mc-muted);font-size:12px;line-height:1.7}
.mc-pack-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--mc-ink)}
.mc-pack-card{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"over over" "amount unit" "bonus bonus" "price action";gap:0;padding:29px 28px;border:0;border-right:1px solid var(--mc-line);background:#fff;color:inherit;text-align:left;cursor:pointer;transition:background .16s,color .16s}
.mc-pack-card:last-child{border-right:0}
.mc-pack-card:hover,.mc-pack-card:focus-visible{background:var(--mc-ink);color:#fff}
.mc-pack-card.is-featured::before{content:"POPULAR";position:absolute;right:28px;top:29px;color:var(--mc-red);font:700 9px/1 inherit;letter-spacing:.14em}
.mc-pack-overline{grid-area:over;margin-bottom:34px;color:var(--mc-red);font-size:10px;font-weight:700;letter-spacing:.15em}
.mc-pack-card strong{grid-area:amount;font:500 clamp(45px,5vw,72px)/.9 "Noto Serif JP",serif;letter-spacing:-.03em}
.mc-pack-unit{grid-area:unit;align-self:end;margin:0 0 6px 10px;color:var(--mc-muted);font-size:11px}
.mc-pack-bonus{grid-area:bonus;margin:12px 0 36px;color:var(--mc-muted);font-size:11px}
.mc-pack-card b{grid-area:price;font:600 22px/1.2 "Noto Serif JP",serif}
.mc-pack-action{grid-area:action;align-self:center;justify-self:end;font-size:11px;letter-spacing:.1em}
.mc-pack-card:hover .mc-pack-unit,.mc-pack-card:hover .mc-pack-bonus,.mc-pack-card:focus-visible .mc-pack-unit,.mc-pack-card:focus-visible .mc-pack-bonus{color:#bfb8b8}
.mc-shop-note{margin:16px 0 0;color:var(--mc-muted);font-size:11px;text-align:right}
.mc-how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--mc-line)}
.mc-how li{display:grid;grid-template-columns:44px 1fr;gap:15px;padding:27px 26px 10px 0}
.mc-how li+li{padding-left:26px;border-left:1px solid var(--mc-line)}
.mc-how li>span{color:var(--mc-red);font:500 18px/1 "Noto Serif JP",serif}
.mc-how li p{margin:0;color:var(--mc-muted);font-size:12px;line-height:1.8}
.mc-how li b{display:block;margin-bottom:8px;color:var(--mc-ink);font-family:"Noto Serif JP",serif;font-size:16px;font-weight:500}
.mc-account-settings{border-bottom:0}
.mc-account-settings .mc-section-head{grid-template-columns:190px 1fr;margin-bottom:24px}
.mc-text-action{padding:10px 0;border:0;border-bottom:1px solid var(--mc-ink);background:none;color:inherit;font:500 12px/1.2 inherit;cursor:pointer}
.mc-danger-details{margin-top:34px;border-top:1px solid var(--mc-line);border-bottom:1px solid var(--mc-line)}
.mc-danger-details summary{padding:18px 0;color:var(--mc-muted);font-size:12px;cursor:pointer}
.mc-danger-details>div{max-width:620px;padding:0 0 28px}
.mc-danger-details p,.mc-danger-details label{color:var(--mc-muted);font-size:12px;line-height:1.8}
.mc-danger-details input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid var(--mc-line);background:#fff;font:inherit}
.mc-danger-button{margin-top:12px;padding:11px 16px;border:1px solid var(--mc-red);background:#fff;color:var(--mc-red);font:600 11px/1 inherit;cursor:pointer}
.mc-danger-button:disabled{opacity:.35;cursor:not-allowed}
.mc-legal-links{display:flex;gap:22px;margin:28px 0 0!important}
.mc-legal-links a{color:var(--mc-muted)}
@media(max-width:820px){.mc-account{width:min(100% - 30px,680px);padding:56px 0 80px}.mc-account-head{display:block}.mc-account-identity{margin-top:16px;text-align:left}.mc-wallet{grid-template-columns:1fr}.mc-balance-block{padding:38px 0;border-right:0;border-bottom:1px solid var(--mc-line)}.mc-rates article{padding:28px 18px}.mc-section-head{grid-template-columns:1fr;gap:8px}.mc-pack-grid{grid-template-columns:1fr}.mc-pack-card{border-right:0;border-bottom:1px solid var(--mc-line)}.mc-pack-card:last-child{border-bottom:0}.mc-how ol{grid-template-columns:1fr}.mc-how li+li{padding-left:0;border-left:0}.mc-shop,.mc-how,.mc-account-settings{padding:58px 0}}
@media(max-width:460px){.mc-account{width:calc(100% - 24px)}.mc-rates{grid-template-columns:1fr}.mc-rates article+article{border-left:0;border-top:1px solid var(--mc-line)}.mc-pack-card{padding-inline:16px}.mc-account-settings .mc-section-head{grid-template-columns:1fr}}
