.mh-campaign-box.mhc{--mhc-ink:#0f2740;--mhc-sub:#475569;--mhc-line:#dbe3ec;margin:22px 0 28px;border-radius:18px;background:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:var(--mhc-ink);box-shadow:0 14px 34px #0f27401a;overflow:hidden}
      .mh-campaign-box.mhc *{box-sizing:border-box}
      .mhc .mhc-top{padding:0 0 14px;background:#0f2740}
      .mhc .mhc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 0}
      .mhc .mhc-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 4px;color:#fcd34d;font-size:13px;font-weight:800;line-height:1.4;letter-spacing:.04em}
      .mhc .mhc-pr{padding:1px 6px;border:1px solid #94a3b8;border-radius:4px;color:#e2e8f0;font-size:11px;font-weight:700;letter-spacing:0}
      .mhc .mhc-head>div:first-child{flex:1;min-width:0}
      .mhc .mhc-title{display:block;white-space:nowrap;margin:0;color:#fff;font-size:24px;font-weight:900;line-height:1.35;letter-spacing:.01em}
      .mhc .mhc-count{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:999px;background:#fcd34d;color:#0f2740;font-size:14px;font-weight:900;vertical-align:4px}
      .mhc [hidden]{display:none!important}
      .mhc .mhc-nav{display:flex;flex:0 0 auto;gap:8px;padding-top:4px}
      .mhc .mhc-btn{display:inline-flex!important;width:44px;height:44px;min-height:44px!important;align-items:center;justify-content:center;margin:0;padding:0 0 3px;border:2px solid #fff;border-radius:50%;background:#fff;color:#0f2740;font-size:26px;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 4px 12px #0003}
      .mhc .mhc-btn:disabled{border-color:#64748b;background:transparent;color:#94a3b8;box-shadow:none;cursor:default}
      .mhc .mhc-lead{margin:6px 20px 0;color:#cbd5e1;font-size:14px;font-weight:600;line-height:1.5}
      .mhc .mhc-cd{margin:12px 20px 0;padding:10px 12px 12px;border:2px solid #fcd34d;border-radius:12px;background:#0b1e33;text-align:center}
      .mh-campaign-box.mhc .mhc-cd-label{margin:0 0 6px;padding:0;color:#fff;font-size:15px;font-weight:800;line-height:1.45}
      .mhc .mhc-cd-label b{color:#fcd34d}
      .mhc .mhc-cd-units{display:grid;grid-template-columns:repeat(4,minmax(0,72px));justify-content:center;gap:8px}
      .mhc .mhc-cd-unit{display:flex;flex-direction:column;align-items:center;padding:5px 2px 3px;border-radius:9px;background:#fcd34d;color:#0f2740}
      .mhc .mhc-cd-unit b{font-size:30px;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums}
      .mhc .mhc-cd-unit small{font-size:12px;font-weight:800;color:#3b2a05}
      .mhc .mhc-time{flex-wrap:wrap}
      .mhc .mhc-left{padding:1px 8px;border-radius:999px;background:var(--mhc-accent);color:#fff;font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}
      .mhc .mhc-hint{display:flex;align-items:center;gap:6px;margin:10px 20px 0;color:#e2e8f0;font-size:14px;font-weight:700;line-height:1.4}
      .mhc .mhc-arrow{display:inline-block;color:#fcd34d;font-size:17px;animation:mhc-hint 1.3s ease-in-out 4}
      @keyframes mhc-hint{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
      .mhc .mhc-viewport{position:relative}
      .mhc .mhc-viewport::after{content:"";position:absolute;top:0;right:0;bottom:12px;width:36px;pointer-events:none;background:linear-gradient(to right,#f1f5f900,#f1f5f9);transition:opacity .2s}
      .mhc.is-end .mhc-viewport::after{opacity:0}
      .mhc .mhc-track{display:flex;align-items:stretch;gap:14px;margin:0;padding:16px 20px 12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 20px;scrollbar-width:none}
      .mhc .mhc-track::-webkit-scrollbar{display:none}
      .mhc .mhc-card{--mhc-accent:#b45309;--mhc-tint:#fff7ed;display:flex;flex-direction:column;flex:0 0 calc((100% - 28px) / 2.35);min-width:0;margin:0;padding:0;border:1px solid var(--mhc-line);border-radius:14px;background:#fff;box-shadow:0 6px 18px #0f274014;scroll-snap-align:start;overflow:hidden}
      .mhc .mhc-card.is-rakuten{--mhc-accent:#bf0000;--mhc-tint:#fef2f2}
      .mhc .mhc-card.is-yahoo{--mhc-accent:#d6003a;--mhc-tint:#fff1f4}
      .mhc.is-nudge .mhc-card{animation:mhc-nudge 1.1s ease-in-out 2}
      @keyframes mhc-nudge{0%,100%{transform:translateX(0)}45%{transform:translateX(-18px)}}
      .mhc .mhc-band{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 14px;background:var(--mhc-accent);color:#fff}
      .mhc .mhc-mall{color:#fff;font-size:15px;font-weight:900;line-height:1.3;letter-spacing:.02em}
      .mhc .mhc-kind{margin-right:auto;padding:1px 8px;border:1px solid #ffffffb3;border-radius:6px;color:#fff;font-size:12px;font-weight:900;line-height:1.5;letter-spacing:.04em}
      .mhc .mhc-kind.is-sale{border-color:#fcd34d;background:#fcd34d;color:#7c2d12}
      .mhc .mhc-kind.is-deal{border-color:#fff;background:#fff;color:#dc2626}
      .mhc .mhc-status{flex-shrink:0;padding:2px 9px;border-radius:999px;background:#fff;color:var(--mhc-accent);font-size:12px;font-weight:900;line-height:1.5}
      .mhc .mhc-status.is-last{background:#fcd34d;color:#7c2d12}
      .mhc .mhc-status.is-soon{background:#0f2740;color:#fff}
      .mhc .mhc-main{display:flex;flex:1;flex-direction:column;gap:8px;padding:14px 15px 15px}
      .mhc .mhc-label{color:var(--mhc-sub);font-size:13px;font-weight:700;line-height:1.5}
      .mhc .mhc-label.is-product{color:var(--mhc-ink);font-size:16px;font-weight:800}
      .mhc .mhc-price{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:2px}
      .mhc .mhc-off{flex-shrink:0;padding:4px 8px;border-radius:8px;background:#dc2626;color:#fff;font-size:20px;font-weight:900;line-height:1.1;letter-spacing:-.02em}
      .mh-campaign-box.mhc .mhc-off small{margin-left:1px;color:#fff;font-size:12px;font-weight:900}
      .mh-campaign-box.mhc .mhc-benefit.mhc-yen{margin:0;color:#dc2626;font-size:28px;line-height:1.1;letter-spacing:-.02em;white-space:nowrap}
      .mhc .mhc-yen small{margin-left:3px;color:var(--mhc-sub);font-size:12px;font-weight:700;letter-spacing:0}
      .mhc .mhc-was{color:var(--mhc-sub);font-size:13px;font-weight:600;line-height:1.4}
      .mhc .mhc-tag{align-self:flex-start;padding:3px 8px;border:1px solid var(--mhc-accent);border-radius:6px;background:var(--mhc-tint);color:var(--mhc-accent);font-size:13px;font-weight:800;line-height:1.45}
      .mh-campaign-box.mhc .mhc-benefit{display:block;margin:2px 0 0;padding:0;background:none;color:var(--mhc-ink);font-size:22px;font-weight:900;line-height:1.38;letter-spacing:-.01em;overflow-wrap:anywhere}
      .mhc .mhc-time{display:flex;align-items:center;gap:5px;color:var(--mhc-accent);font-size:14px;font-weight:800;line-height:1.4}
      .mhc .mhc-summary{color:var(--mhc-sub);font-size:14px;font-weight:500;line-height:1.7}
      .mh-campaign-box.mhc .mhc-cond{margin:auto 0 0;padding:0;border:0;border-top:1px solid #e8edf3;background:none}
      .mh-campaign-box.mhc .mhc-cond>summary{display:list-item;margin:0;padding:11px 0 10px;border:0;background:none;color:#334155;font-size:14px;font-weight:700;line-height:1.5;cursor:pointer}
      .mh-campaign-box.mhc .mhc-cond>summary::before,.mh-campaign-box.mhc .mhc-cond>summary::after{display:none}
      .mh-campaign-box.mhc .mhc-essential{list-style:none;margin:0 0 10px;padding:0;color:#334155;font-size:14px;line-height:1.7}
      .mh-campaign-box.mhc .mhc-essential li{position:relative;margin:0;padding:0 0 0 16px;border:0}
      .mh-campaign-box.mhc .mhc-essential li::before{content:"";position:absolute;top:.72em;left:3px;width:6px;height:6px;border-radius:50%;background:var(--mhc-accent)}
      .mh-campaign-box.mhc .mhc-essential li+li{margin-top:5px}
      .mh-campaign-box.mhc .mhc-detail p{margin:0 0 10px;color:#334155;font-size:13px;line-height:1.8}
      .mhc .mhc-detail b{display:block;margin-bottom:2px;color:var(--mhc-ink);font-size:13px;font-weight:800}
      .mh-campaign-box.mhc a.mhc-cta{display:flex!important;align-items:center;justify-content:space-between;gap:8px;min-height:50px;margin:4px 0 0;padding:12px 14px;border:0;border-radius:10px;background:var(--mhc-accent);color:#fff!important;font-size:15px;font-weight:800;line-height:1.45;text-decoration:none!important;box-shadow:0 4px 0 #0000002e;transition:filter .15s,transform .15s}
      .mhc .mhc-cta-arrow{font-size:20px}
      .mhc a.mhc-cta:hover{filter:brightness(1.1);transform:translateY(-1px)}
      .mhc .mhc-dots{display:flex;justify-content:center;gap:6px;padding:0 0 16px}
      .mhc .mhc-dot{width:8px;height:8px;border-radius:4px;background:#cbd5e1;transition:width .2s,background .2s}
      .mhc .mhc-dot.is-active{width:22px;background:#0f2740}
      .mhc a:focus-visible,.mhc summary:focus-visible,.mhc .mhc-track:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
      .mhc .mhc-btn:focus-visible{outline:3px solid #fcd34d;outline-offset:2px}
      @media(max-width:760px){.mhc .mhc-card{flex-basis:86%}.mhc .mhc-card:only-child{flex-basis:100%}.mh-campaign-box.mhc .mhc-benefit{font-size:23px}.mh-campaign-box.mhc .mhc-benefit.mhc-yen{font-size:27px}}
      @media(max-width:640px){.mhc .mhc-cd{margin:10px 14px 0;padding:8px 8px 10px}.mhc .mhc-cd-units{gap:6px}.mhc .mhc-cd-unit b{font-size:26px}.mh-campaign-box.mhc{margin:16px -4px 24px;border-radius:14px}.mhc .mhc-head{padding:16px 14px 0}.mhc .mhc-title{font-size:20px}.mhc .mhc-count{font-size:13px}.mhc .mhc-lead{margin:6px 14px 0;font-size:13px}.mhc .mhc-hint{margin:8px 14px 0}.mhc .mhc-track{gap:12px;padding:14px 14px 12px;scroll-padding:0 14px}}
      @media(prefers-reduced-motion:reduce){.mhc .mhc-arrow,.mhc.is-nudge .mhc-card{animation:none}.mhc a.mhc-cta{transition:none}}