@media(min-width:780px){

    /* 投稿 */
    li.index-post{
        display: grid;
        column-gap: 18px;
        grid-template-columns: 1fr 320px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        margin-bottom: 16px;
        padding-bottom: 16px;
    }

    /* サムネイル */
    .index-post-thumbnail{
        grid-column: 2 / 3;
        grid-row: 1;
    }

    /* サムネイル */
    .index-post-thumbnail img,
    .index-post-thumbnail svg{
        height: 180px;
        width: 320px;
        object-fit: cover;
    }
    
    /* 投稿一覧　タイトル　抜粋　日時　コメント数　カテゴリ */
    .index-post-info{
        grid-column: 1 / 2;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    /* 投稿一覧 日付 */
    .index-post-date{
        margin-top: auto;
    }
    
    /* 投稿一覧 メタ(コメント数、カテゴリ) */
    .index-post-meta{
        display: flex;
        align-items: baseline;
        column-gap: 12px;
    }
}