/* === Ikapoit Affiliate Card – v5 (legacy, float) === */

/* 外枠 */
.ikp-card{
  width:100%;
  border:1px solid #e5e5e5;
  background:#fff;
  border-radius:10px;
  box-shadow:0 4px 16px rgba(0,0,0,.06);
  padding:14px;
  margin:0 0 18px;
  overflow:hidden;
}

/* 画像＋本文の上段ラッパー */
.ikp-top{ overflow:hidden; }

/* 画像（外側DIVにサイズ制限） */
.ikp-img{
  float:left;
  width:130px;
  margin-right:20px !important;
  text-align:center;
  background:#f8f8f8;
  border-radius:8px;
  overflow:hidden;
}
.ikp-img img{
  width:100%;
  height:auto;
  display:block;
}

/* タイトル／サブ */
.ikp-body{ overflow:hidden; }
.ikp-title{ margin:2px 0 6px; line-height:1.35; font-size:20px; font-weight:bold; }
.ikp-title a{ color:#0ea5c6; text-decoration:underline; }
.ikp-sub{ color:#9aa3ab; font-size:14px; }

/* ボタン（PCは横並び・小さめ） */
.ikp-btns{ margin-top:12px; }
.ikp-btn{
  display:inline-block;
  padding:10px 18px;
  margin:0 10px 0 0;
  border-radius:8px;
  text-decoration:none;
  font-weight:bold;
  color:#fff;
  border:1px solid rgba(0,0,0,.05);
  box-shadow:0 2px 0 rgba(0,0,0,.12), 0 8px 18px rgba(0,0,0,.06);
}
.ikp-btn:active{
  position:relative; top:2px;
  box-shadow:0 1px 0 rgba(0,0,0,.16), 0 4px 10px rgba(0,0,0,.08);
}

/* 色 */
.ikp-btn-rakuten{ background:#e25757; }
.ikp-btn-amazon { background:#f6a624; color:#1f2937; }
.ikp-btn-yahoo  { background:#ea6a8f; }

/* ===== レスポンシブ ===== */
/* スマホ：画像＋タイトルは横並び維持、ボタンは下で幅いっぱいの縦積み */
@media screen and (max-width: 600px){
  .ikp-title{ font-size:18px; }
  .ikp-sub{ font-size:13px; }

  /* 画像＆タイトルはそのまま横並び（float維持） */
  .ikp-img{ width:110px; margin-right:16px !important; }
  .ikp-body{ overflow:hidden; }

  /* ボタンだけブロック落ち＆フル幅 */
  .ikp-btns{
    clear:both;     /* 上段から独立させて下段へ */
    margin-top:14px;
  }
  .ikp-btn{
    display:block;  /* 幅いっぱい */
    width:100%;
    text-align:center;
    padding:14px 16px;
    margin:0 0 10px 0; /* 縦積みの間隔 */
    font-size:18px;
    border-radius:10px;
  }
}