/* SNS icons — frameless & full-size */
/* ここだけでサイズ調整できます */
:root{
  --kmv-ico-size: 72px;     /* 例：72px（今の白枠くらい） */
  --kmv-ico-radius: 12px;   /* 角丸。完全な四角にしたいなら 0 に */
}

.kmv-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:var(--kmv-ico-size);
  height:var(--kmv-ico-size);

  /* ← 白枠を作っていた要素を全部オフ */
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0;

  border-radius:var(--kmv-ico-radius);
  text-decoration:none;
}

.kmv-ico img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;       /* アイコンの縦横比を維持してフィット */
  border-radius:inherit;    /* 角丸を画像にも適用（不要なら削除） */
}

/* 軽いホバーだけ（色は変えない） */
@media (prefers-reduced-motion: no-preference){
  .kmv-ico{ transition: transform .12s ease; }
  .kmv-ico:hover{ transform: translateY(-1px); }
}