/* アフィリエイトの導線（2026-09-13）
   swell_child/assets/css/affiliate.css
   ★細い線で囲まない。面と余白で区切る。塗る面は枠の地（薄いグレー）と公式ボタン（濃紺）の2つだけ。
   ★AdSense の枠には触らない。 */

/* ことわりの1文 */
.ai-affnote{margin:0;font-size:12px;line-height:1.6;color:#6a7a88;}
.ai-affnote--head{margin:10px 0 0;}
.ai-affnote--box{margin:0 0 12px;}
.ai-affnote--tool{margin:12px 0 0;flex-basis:100%;}
.ai-affnote--list{margin:0 0 10px;}
/* /ai-tools のカードの公式ボタンに付く PR の印 */
.ai-tools .go .pr{font-style:normal;font-size:10px;font-weight:700;margin-left:6px;opacity:.75;letter-spacing:.06em;}

/* 枠 */
.ai-aff{background:#F2F6F8;border-radius:12px;padding:22px 24px 18px;margin:34px 0 8px;}
.ai-aff--slot{margin:34px 0 10px;}
.ai-aff__wrap{max-width:var(--ai-wrap,1200px);margin:0 auto;padding:0 18px;}
.ai-aff__hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 10px;}
.ai-aff__t{font-size:17px;font-weight:800;color:#0D1B2A;letter-spacing:.01em;}
.ai-aff__sub{font-size:12px;color:#6a7a88;}
.ai-aff__list{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.ai-aff__item{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;background:#fff;border-radius:10px;padding:12px 14px;}
.ai-aff__logo{width:44px;height:44px;border-radius:10px;object-fit:contain;background:#fff;display:block;}
.ai-aff__logo--t{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#0A7FA8;background:#E8EFF3;}
.ai-aff__body{min-width:0;display:flex;flex-direction:column;gap:2px;}
.ai-aff__name{font-size:15.5px;font-weight:800;color:#0D1B2A;line-height:1.3;}
.ai-aff__pr{display:inline-block;margin-left:8px;font-style:normal;font-size:10.5px;font-weight:700;color:#6a7a88;letter-spacing:.06em;vertical-align:2px;}
.ai-aff__price{font-size:13px;color:#0A7FA8;font-weight:700;}
.ai-aff__good{font-size:12.5px;color:#5C7080;line-height:1.55;}
.ai-aff__act{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;}
/* ★記事の中では .ai-single .post_content a（青・下線）が勝つので、親のクラスまで書いて詳細度で勝たせる */
.ai-aff__act a,.ai-single .post_content .ai-aff__act a{display:inline-block;padding:9px 14px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;line-height:1.2;}
.ai-aff__act a.ai-aff__page,.ai-single .post_content .ai-aff__act a.ai-aff__page{background:#E8EFF3;color:#0D1B2A;}
.ai-aff__act a.ai-aff__page:hover,.ai-single .post_content .ai-aff__act a.ai-aff__page:hover{background:#DCE4E9;color:#0D1B2A;}
.ai-aff__act a.ai-aff__go,.ai-single .post_content .ai-aff__act a.ai-aff__go{background:#0D1B2A;color:#fff;}
.ai-aff__act a.ai-aff__go:hover,.ai-single .post_content .ai-aff__act a.ai-aff__go:hover{background:#0A7FA8;color:#fff;}
.ai-aff__act a.ai-aff__go.is-pr,.ai-single .post_content .ai-aff__act a.ai-aff__go.is-pr{background:#0A7FA8;color:#fff;}
.ai-aff__act a.ai-aff__go.is-pr:hover,.ai-single .post_content .ai-aff__act a.ai-aff__go.is-pr:hover{background:#0D1B2A;color:#fff;}
.ai-aff--slot .ai-aff__item{grid-template-columns:1fr auto;}

@media (max-width:640px){
  .ai-aff{padding:18px 16px 14px;border-radius:10px;}
  .ai-aff__item{grid-template-columns:40px 1fr;gap:10px 12px;padding:12px;}
  .ai-aff__logo{width:40px;height:40px;}
  .ai-aff__act{grid-column:1/-1;justify-content:flex-start;}
  .ai-aff__act a,.ai-single .post_content .ai-aff__act a{flex:1 1 40%;text-align:center;white-space:normal;}
  .ai-aff--slot .ai-aff__item{grid-template-columns:1fr;}
  .ai-aff__wrap{padding:0 14px;}
}