/* === Amazon Affiliate Section (外部CSS化 2026-09-08) === */
.affiliate-section{margin:2rem 0;padding:1.2rem 1.5rem;background:#fff8ee;border:1px solid #f0a500;border-radius:8px;}
.affiliate-heading{font-size:.95rem;color:#333;margin-bottom:.8rem;border-bottom:2px solid #f0a500;padding-bottom:.4rem;font-weight:700;}
.affiliate-cards{display:flex;gap:1rem;flex-wrap:wrap;}
.affiliate-card{display:flex;flex-direction:column;flex:1;min-width:180px;padding:.8rem;background:#fff;border:1px solid #ddd;border-radius:8px;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s;}
.affiliate-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.18);transform:translateY(-2px);}
.affiliate-card-image{display:block;width:100%;aspect-ratio:1/1;border-radius:6px;overflow:hidden;background:#f5f5f5;margin-bottom:.6rem;}
.affiliate-card-image img{width:100%;height:100%;object-fit:contain;display:block;}
.affiliate-card-label{font-size:.65rem;background:#ff9900;color:#fff;display:inline-block;padding:2px 6px;border-radius:3px;margin-bottom:.4rem;align-self:flex-start;}
.affiliate-card-name{font-size:.85rem;color:#333;margin-bottom:.7rem;line-height:1.4;flex-grow:1;}
.affiliate-card-cta{display:block;text-align:center;font-size:.85rem;color:#fff;font-weight:700;background:#cc0000;padding:.6rem .8rem;border-radius:6px;transition:background .2s;}
.affiliate-card:hover .affiliate-card-cta{background:#a30000;}
.affiliate-disclosure{font-size:.65rem;color:#999;margin-top:.6rem;margin-bottom:0;}

@media(max-width:480px){
  .affiliate-cards{gap:.8rem;}
  .affiliate-card{min-width:140px;}
}