/* ベンダープレフィックスのみを含むCSS - 互換性のために追加 */

/* フレックスボックス用プレフィックス */
.flex-container, 
.blog-list, 
.blog-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* アニメーション関連 */
.transition,
.blog-item,
a {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* 変形（transform） */
.transform:hover,
.blog-item:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

/* ボックスシャドウ */
.box-shadow,
.blog-item-content {
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* object-fit（画像表示用） */
.object-fit-cover,
.blog-item img {
  -o-object-fit: cover;
  object-fit: cover;
}