/*
  スマホ表示において投稿記事表示を縦から横に変えるCSSコード
*/
/* カスタムクラス名: mobile-list-horizontal を使用した場合 */
@media (max-width: 1024px) {
    .mobile-list-horizontal .ba-classic-layout .ba-blog-post {
        flex-direction: row !important; /* 横並びに変更 */
    }
    /* 間隔調整もカスタムクラスを付ける */
    .mobile-list-horizontal .ba-blog-post img {
        margin-right: 25px !important; /* 例: 画像の右側に余白 */
    }
}