/* =========================================================
   SiO キット（06_sio_kits）ページ固有スタイル
   メインセクションは .snets-sio-kits にスコープする
   ========================================================= */

/* 商品カード（.ad-2col__col を流用）に枠線を付けてカード化 */
.snets-sio-kits .ad-2col__col {
  padding: var(--space-24);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-white);
}

/* 画像+仕様表（c2-imgtable）はカード内では画像を小さめに */
.snets-sio-kits .ad-2col__col .c2-imgtable {
  gap: var(--space-16);
}

.snets-sio-kits .ad-2col__col .c2-imgtable__img-wrap {
  width: 200px;
}

/* ad-article は本来記事全体用の上下パディングが大きいため、
   カード内で使う場合は詰める */
.snets-sio-kits .ad-2col__col .ad-article {
  padding-top: var(--space-16);
  padding-bottom: 0;
}

.snets-sio-kits .ad-2col__col .ad-article p + p {
  margin-top: var(--space-16);
}

.snets-sio-kits .ad-2col__col .sw-link-list {
  margin-top: var(--space-8);
}

/* アイテム番号ラベル（セット品の型番見出し）の上余白 */
.snets-sio-kits .ad-2col__col .ad-article p.c2-spectable__td--em {
  margin-top: var(--space-16);
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .snets-sio-kits .ad-2col__col .c2-imgtable__img-wrap {
    width: 100%;
  }
}