.purchase-card{-webkit-font-smoothing:antialiased;border-radius:var(--du-purchase-radius-card);padding:var(--du-purchase-content-offset) var(--du-sp-4) var(--du-purchase-tag-gap);color:var(--du-ink);text-align:left;background:var(--du-purchase-gradient);box-shadow:var(--du-purchase-shadow);line-height:normal;position:relative}.purchase-card-heading{margin:0 0 var(--du-sp-3);font-size:var(--du-fs-caption);color:var(--du-ink-2);font-weight:700}.purchase-card-grid{gap:var(--du-purchase-grid-gap) 0;grid-template-columns:repeat(7,minmax(0,1fr));justify-items:center;display:grid}.purchase-field{border-radius:var(--du-r-circle);background:var(--du-field-surface);width:40px;height:40px;color:var(--du-field-ink);justify-content:center;align-items:center;display:flex;position:relative}.purchase-field svg{width:50%;height:50%}.purchase-field.is-complete:after{content:"";box-sizing:border-box;border-radius:var(--du-r-circle);border:2px solid var(--du-surface);background:var(--du-purchase-complete);width:15px;height:15px;position:absolute;bottom:-3px;right:-3px}.purchase-card-tags{gap:var(--du-purchase-tag-gap);margin-top:var(--du-purchase-tag-offset);flex-wrap:wrap;display:flex}.purchase-card-tags>span{height:24px;padding:0 var(--du-purchase-tag-inset);border-radius:var(--du-r-sm);font-size:var(--du-fs-micro);letter-spacing:.01em;white-space:nowrap;background:var(--du-field-tag-surface);color:var(--du-field-tag-ink);align-items:center;font-weight:700;display:inline-flex}.purchase-card-lines{margin-top:var(--du-purchase-tag-offset);border-top:1px solid var(--du-purchase-line)}.purchase-card-lines>div{align-items:center;gap:var(--du-purchase-grid-gap);min-height:48px;padding:var(--du-sp-2) 0;display:flex}.purchase-card-lines>div+div{border-top:1px solid var(--du-purchase-line-soft)}.purchase-card-name{font-size:var(--du-purchase-fs-label);font-weight:700;line-height:1.3}.purchase-card-name small{font-size:var(--du-purchase-fs-detail);color:var(--du-ink-2);margin-top:var(--du-sp-half);font-weight:500;display:block}.purchase-card-count{font-size:var(--du-fs-micro);color:var(--du-ink-2);white-space:nowrap;margin-left:auto}.purchase-card-count b{font-size:var(--du-fs-body);color:var(--du-ink);font-variant-numeric:tabular-nums}.purchase-compare{padding:var(--du-sp-3) 0 var(--du-purchase-grid-gap);border-top:1px solid var(--du-purchase-line);row-gap:var(--du-purchase-tag-gap);column-gap:var(--du-sp-3);font-size:var(--du-purchase-fs-compare);color:var(--du-ink-2);grid-template-columns:auto 1fr;margin:0;display:grid}.purchase-compare dt{align-items:center;gap:var(--du-purchase-tag-gap);color:var(--du-ink);font-weight:700;font-size:var(--du-fs-caption);display:inline-flex}.purchase-compare dt i{border-radius:var(--du-r-circle);background:var(--du-purchase-free-dot);flex:none;width:11px;height:11px}.purchase-compare dt:nth-of-type(2) i{background:var(--du-purchase-all-dot)}.purchase-compare dd{margin:0}.purchase-compare b{color:var(--du-ink);font-size:var(--du-fs-sub);font-variant-numeric:tabular-nums}.purchase-card-home{margin-top:var(--du-sp-3);padding:var(--du-purchase-tag-offset) var(--du-sp-4);border-radius:var(--du-r-home-card);background:var(--du-purchase-gradient);box-shadow:var(--du-purchase-home-shadow);display:block}.purchase-card-home .home-buy-head{gap:var(--du-purchase-tag-offset);align-items:center;display:flex}.purchase-card-home .home-buy-maru{flex:none;width:64px;height:64px}.purchase-card-home .home-buy-copy{min-width:0;margin:0}.purchase-card-home .home-buy-maru img{display:block}.purchase-card-home .home-buy-copy b{font-size:var(--du-fs-body);letter-spacing:-.015em;font-weight:700;line-height:1.35;display:block}.purchase-card-home .home-buy-copy span{color:var(--du-ink-2);font-size:var(--du-purchase-fs-summary);margin-top:var(--du-sp-1);line-height:1.5;display:block}.purchase-card-home .home-buy-button{width:100%;margin-top:var(--du-sp-3);gap:var(--du-sp-half)}.home-area-open .home-row-icon{background:var(--du-field-surface);color:var(--du-field-ink)}.home-area .home-row-icon svg{width:19px;height:19px}@media (min-width:960px){.purchase-sheet .purchase-field{width:44px;height:44px}}@media (max-width:359px){.purchase-field{aspect-ratio:1;width:min(40px,100%);height:auto}}