/*
 Theme Name:   Divi Child
 Theme URI:    https://example.com
 Description:  Diviの子テーマ
 Author:       あなたの名前
 Author URI:   https://example.com
 Template:     Divi
 Version:      1.0.0
*/

@import url("../Divi/style.css");

/* 記事一覧のスタイル */
.custom-all-posts-list .custom-list-post {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e0e0e0;
}

.custom-all-posts-list .custom-list-post .post-media {
    flex-shrink: 0;
    width: 300px;
}

.custom-all-posts-list .custom-list-post .post-media img {
    width: 100%;
    height: auto;
    display: block;
}

.custom-all-posts-list .custom-list-post .post-content {
    flex: 1;
}

/* スマホビュー用のレスポンシブスタイル */
@media (max-width: 767px) {
    .custom-all-posts-list .custom-list-post {
        flex-direction: column;
        gap: 15px;
    }
    
    .custom-all-posts-list .custom-list-post .post-media {
        width: 100%;
    }
    
    .custom-all-posts-list .custom-list-post .post-content {
        width: 100%;
    }
}

/* カテゴリバッジのスタイル */
.custom-all-posts-list .entry-category {
    display: inline-block;
    margin: 0 2px;
}