.breadcrumb{color:var(--muted);font-size:.85rem}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent);text-decoration:underline}.crumb-sep{color:#c3cddb;margin:0 .3rem}.title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;display:flex}.title-row h1{margin:0;font-size:1.3rem;line-height:1.4}.favorite-toggle{background:var(--bg);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:.3rem;padding:.4rem .9rem;font-size:.85rem;display:inline-flex}.favorite-toggle:hover{border-color:var(--accent);color:var(--accent)}.favorite-toggle.active{color:#a9720a;background:#fff8e6;border-color:#f0b429}.favorite-toggle .star{font-size:1rem}.title-icon{margin-right:.35rem}.guide-steps{margin-bottom:.6rem;padding:.6rem 1.1rem}.steps{flex-wrap:wrap;gap:.4rem 0;margin:0;padding:0;list-style:none;display:flex}.steps li{border-left:1px solid var(--border);flex:190px;align-items:flex-start;gap:.55rem;min-width:170px;padding:0 .9rem;display:flex}.steps li:first-child{border-left:none;padding-left:0}.step-num{background:var(--accent);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.8rem;font-weight:800;display:inline-flex}.steps strong{color:var(--accent-dark);font-size:.85rem;display:block}.steps p{color:var(--muted);margin:.1rem 0 0;font-size:.76rem;line-height:1.35}.tag-filter{margin:0 0 .6rem;padding:.55rem 1.1rem}.tag-filter h2{margin:0 0 .4rem;font-size:.88rem}.tag-chips{flex-wrap:wrap;gap:.5rem;display:flex}.tag-chip{border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.85rem;display:inline-flex}.main-grid{grid-template-columns:60fr 18fr 22fr;align-items:stretch;gap:.8rem;margin-bottom:.7rem;display:grid}@media (width<=980px){.main-grid{grid-template-columns:1fr}}.howto-link{color:var(--accent);white-space:nowrap;flex-shrink:0;font-size:.78rem;text-decoration:none}.howto-link:hover{text-decoration:underline}.howto-link.small{color:var(--muted);margin-left:.5rem;font-size:.72rem}.source-badge{color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;font-size:.85rem;font-style:italic;font-weight:800;display:inline-flex}.badge-yahoo{background:#f03}.badge-rakuten{background:#bf0000;border-radius:999px}.badge-amazon{color:#f90;background:#131a22}.point-mode{padding:.9rem 1.3rem}.point-mode-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.point-mode h2{margin:0;font-size:1.05rem}.point-mode-sub{color:var(--muted);margin-top:.15rem;font-size:.72rem;font-weight:400;display:block}.rate-inputs{gap:.9rem;margin-top:.6rem;display:flex}.rate-box{border:1px solid var(--border);background:var(--page-bg);cursor:text;border-radius:10px;flex-direction:column;flex:1 1 0;align-items:center;gap:.3rem;padding:.6rem .75rem;display:flex}.rate-label{text-align:center;font-size:.82rem;font-weight:700}.rate-sub{color:var(--muted);font-size:.68rem;font-weight:500;display:block}.rate-field{align-items:baseline;gap:.25rem;display:flex}.rate-input{border:1px solid var(--border);background:var(--bg);width:100%;max-width:6.5rem;color:var(--fg);text-align:center;border-radius:6px;padding:.3rem;font-size:1.5rem;font-weight:800}.rate-pct{color:var(--muted);font-size:1.1rem;font-weight:700}.rate-note{margin:.5rem 0 0;font-size:.75rem}@media (width<=640px){.rate-inputs{flex-direction:column}.rate-box{flex-direction:row;justify-content:flex-start}}.event-panel{padding:.9rem}.event-panel h2{margin:0 0 .55rem;font-size:.88rem;line-height:1.3}.event-banners{flex-direction:column;gap:.4rem;display:flex}.event-banner{color:#fff;cursor:pointer;border-radius:9px;align-items:center;gap:.5rem;padding:.45rem .65rem;display:flex}.event-banner .event-badge{background:#ffffff40;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;font-size:.72rem;font-style:italic;font-weight:800;display:inline-flex}.event-copy{flex-direction:column;font-size:.7rem;line-height:1.25;display:flex}.event-copy strong{font-size:.8rem}.banner-rakuten{background:linear-gradient(135deg,#d92626,#b30000)}.banner-yahoo{background:linear-gradient(135deg,#ff2f5e,#d6003c)}.banner-amazon{background:linear-gradient(135deg,#232f3e,#131a22)}.hint-panel{padding:.9rem 1rem}.hint-panel h2{align-items:baseline;margin:0 0 .3rem;font-size:.88rem;display:flex}.hint-item{border-top:1px solid var(--border)}.hint-item:first-of-type{border-top:none}.hint-item summary{cursor:pointer;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.8rem;font-weight:600;list-style:none;display:flex}.hint-item summary::-webkit-details-marker{display:none}.hint-item .source-badge{width:1.4rem;height:1.4rem;font-size:.72rem}.hint-item p{color:var(--muted);margin:0 0 .65rem;font-size:.76rem;line-height:1.4}.badge-soon{color:var(--muted);text-align:center;background:#f1f4f9;border-radius:5px;flex-shrink:0;margin-left:auto;padding:.1rem .4rem;font-size:.6rem;font-weight:700;line-height:1.15}.point-banner{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:8px;margin:0 0 1.5rem;padding:.75rem 1rem;font-size:.85rem}.leaderboard{margin:1rem 0;padding:0;list-style:none}.card{grid-template-columns:auto 64px 1fr auto;align-items:center;gap:1rem;margin-bottom:.85rem;padding:1.1rem 1.25rem;display:grid}.rank-badge{background:var(--accent);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;font-weight:800;display:inline-flex}.thumb{background:#f1f4f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.thumb img{object-fit:contain;width:100%;height:100%}.thumb-empty{opacity:.4;font-size:1.5rem}.body{min-width:0}.name{margin-bottom:.3rem;font-weight:700;line-height:1.4}.meta{color:var(--muted);font-size:.8rem}.freshness.stale{color:#c0392b;font-weight:600}.stale-badge{color:#c0392b;font-size:.8rem}.price-block{text-align:right;flex-direction:column;align-items:flex-end;gap:.4rem;display:flex}.price strong{color:#c02626;white-space:nowrap;font-size:1.5rem;font-weight:800}.price .unit{color:var(--muted);margin-left:.15rem;font-size:.8rem;font-weight:500}.price .sub{color:var(--muted);margin-top:.1rem;font-size:.78rem;display:block}.cta{border:1px solid var(--accent);color:var(--accent);white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.45rem .85rem;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.cta:hover{background:var(--accent);color:#fff}.empty{color:var(--muted);padding:1rem;list-style:none}@media (width<=640px){.card{grid-template-columns:auto 1fr}.price-block{text-align:left;flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center}}.reference{margin-top:2rem;padding:1.1rem 1.25rem}.reference h2{align-items:center;gap:.6rem;margin-top:0;font-size:1rem;display:flex}.ref-toggle-all{color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:999px;padding:.15rem .65rem;font-size:.75rem;font-weight:600}.reference-list{margin:.75rem 0 0;padding:0;list-style:none}.reference-list li{border-bottom:1px solid var(--border)}.reference-list li:last-child{border-bottom:none}.ref-item summary{cursor:pointer;align-items:center;gap:.7rem;padding:.6rem .2rem;list-style:none;display:flex}.ref-item summary::-webkit-details-marker{display:none}.ref-item summary:before{content:"›";color:var(--muted);flex-shrink:0;transition:transform .15s;display:inline-block;transform:rotate(90deg)}.ref-item[open] summary:before{transform:rotate(270deg)}.ref-thumb{background:#f1f4f9;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.ref-thumb img{object-fit:contain;width:100%;height:100%}.ref-thumb .thumb-empty{font-size:1rem}.ref-name{flex:1;min-width:0;font-size:.88rem}.ref-price{color:var(--muted);white-space:nowrap;font-size:.85rem;font-weight:700}.ref-detail{color:var(--muted);padding:0 .2rem .7rem 2.5rem;font-size:.82rem}