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

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

/* サムネイル */
.index-post-thumbnail img,
.index-post-thumbnail svg{
    height: 100px;
    width: 100px;
    object-fit: cover;
}

/* 投稿一覧　タイトル　抜粋　日時　コメント数　カテゴリ */
.index-post-info{
    grid-column: 1 / 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

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