.offer-rates{margin:36px 0 52px;padding-top:12px}
.offer-rates .rate-eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:#a34520;margin-bottom:8px}
.offer-rates h2{margin-top:0}
.rate-comparison{min-width:620px}
.rate-comparison caption span{display:block;font-size:11px;font-weight:400;color:#666;margin-top:5px}
.rate-comparison th[scope=row]{background:#fff;white-space:nowrap}
.rate-comparison td small{display:block;font-size:11px;color:#666;margin-top:6px}
.rate-comparison td strong{font-size:19px;white-space:nowrap}
.rate-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--rate-color);margin-right:7px}
.rate-actions{display:flex;flex-direction:column;gap:8px;min-width:150px}
.ad-article .rate-link{display:block;background:#263c35;color:#fff!important;border-radius:5px;text-align:center;padding:9px 12px;font-size:12px;text-decoration:none}
.rate-referral{font-size:11px;text-align:center}
.rate-link-empty{font-size:12px;color:#666}
.ad-article .rate-footnote{font-size:11px;line-height:1.9;color:#666;margin:14px 0}
.rate-chart-card{padding:24px;border:1px solid #ddd;border-radius:10px;margin-top:28px;background:#fff}
.rate-chart-card[hidden]{display:none}
.rate-chart-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ad-article .rate-chart-top h3{margin:0;font-size:18px}
.rate-chart-top h3 span{display:block;font-size:11px;font-weight:400;color:#666;margin-top:4px}
.rate-periods{display:flex;gap:4px;background:#f0f2f1;padding:4px;border-radius:7px}
.rate-periods button{font:inherit;font-size:12px;border:0;background:transparent;border-radius:4px;padding:7px 14px;cursor:pointer;color:#333}
.rate-periods button[aria-pressed=true]{background:#263c35;color:white}
.rate-legend{display:flex;flex-wrap:wrap;gap:12px 20px;margin:20px 0 12px}
.rate-legend label{display:flex;align-items:center;font-size:12px;gap:4px;cursor:pointer}
.rate-legend input{accent-color:#263c35}
.ad-article .rate-range{font-size:11px;line-height:1.8;color:#666}
.rate-chart svg{display:block;width:100%;height:auto;touch-action:pan-y}
.rate-axis{fill:#59616a;font-size:13px}
.rate-empty{fill:#666;font-size:15px}
.rate-date-label{display:block;font-size:11px;color:#666}
.rate-date{display:block;width:100%;margin:12px 0;accent-color:#263c35}
.rate-detail{display:flex;flex-wrap:wrap;gap:5px 16px;min-height:52px;font-size:12px;padding:12px;background:#f6f7f6;border-radius:6px}
.rate-detail strong{flex-basis:100%}
.rate-stale{color:#98511d!important}
.rate-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.offer-rates :focus-visible{outline:3px solid #267a9e;outline-offset:3px}
@media(max-width:600px){.rate-chart-card{padding:14px 10px}
.rate-chart-top{align-items:flex-start}
.ad-article .rate-chart-top h3{font-size:16px}
.rate-periods button{padding:7px 11px}
.rate-axis{font-size:16px}
.rate-legend{gap:10px;font-size:11px}
.rate-comparison{min-width:600px}
.rate-empty{font-size:17px}
}

.ad-article .rate-comparison{min-width:620px}
.rate-sr-only{top:0;left:0}
.rate-actions a{position:relative}
@media(max-width:600px){.ad-article .rate-comparison{min-width:600px}
}

@media(max-width:600px){.ad-article .rate-comparison{display:block;min-width:0}
.rate-comparison caption{display:block}
.rate-comparison thead{display:none}
.rate-comparison tbody{display:grid;gap:14px}
.rate-comparison tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ddd;border-radius:7px;overflow:hidden}
.ad-article .rate-comparison th[scope=row]{grid-column:1/-1;background:#f6f7f6;padding:12px}
.ad-article .rate-comparison td{border:0;padding:12px}
.rate-comparison td:nth-child(2):before{content:'還元額';display:block;font-size:10px;color:#666;margin-bottom:6px}
.rate-comparison td:nth-child(3):before{content:'データ確認日';display:block;font-size:10px;color:#666;margin-bottom:6px}
.rate-comparison td:last-child{grid-column:1/-1;border-top:1px solid #eee}
.rate-actions{min-width:0;gap:12px}
.ad-article .rate-link{padding:12px}
.rate-referral{padding:5px}
.rate-axis{font-size:14px}
.rate-empty{font-size:15px}
}


.rate-guides{margin-top:26px;padding-top:10px;border-top:1px solid #d6e1dd}.rate-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rate-guide-grid>div{background:#f1f6f4;padding:16px;border-radius:7px}.ad-article .rate-guide-grid h4{margin:0 0 8px;font-size:14px}.ad-article .rate-guide-grid ul{margin:0;padding-left:16px}.ad-article .rate-guide-grid li,.ad-article .rate-guides>p{font-size:12px;line-height:1.9}.rate-comparison th a{color:inherit}@media(max-width:600px){.rate-guide-grid{grid-template-columns:1fr}.rate-guide-grid>div{padding:14px}.rate-guide-grid ul{display:flex;flex-wrap:wrap;gap:0 24px}}

.rate-conversions{font-size:11px;line-height:1.9;color:#59616a;margin:12px 0}.rate-conversions summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.rate-conversions p{font-size:11px!important}.rate-legend label{max-width:100%}.rate-legend input{flex-shrink:0}