/* **************************************************

  		　      　ブログ記事一覧s

************************************************** */
section#blog_body {
    background:#000;
    padding:1rem 0 3rem;
}


/* **************************************************

  		　　　

************************************************** */
ul.wp-block-post-template {
    padding:3rem 0 0 0;
    max-width:640px;
    margin:0 auto;
}
ul.wp-block-post-template > li {
    border-bottom:1px solid #000;
    display:grid;
    grid-template-columns: 50% 50%; /* 横 縦 */
    background:#3E3E3E;
    margin:0;
}
ul.wp-block-post-template > li:last-child  {
}
/* サムネイル画像サイズ */
figure.wp-block-post-featured-image {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    padding:2rem 2rem 2rem 2rem;
    display:block;
}
/* 投稿日 */
.wp-block-post-date {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    justify-self:start;
    align-self:end;
    display:block;
}
.wp-block-post-date time {
    color:#fff;
    font-size:0.8rem;
    line-height:1em;
    margin:0 1rem 0.5rem 0;
    display:block;
}

/* 記事タイトル */
h2.wp-block-post-title {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    justify-self:start;
    align-self:start;
}
h2.wp-block-post-title a {
    display:block;
    color:#fff;
    font-size:1.1rem;
    line-height:1.2em;
    font-weight:bold;
    text-align:left;
    margin:0 1rem 0 0;
}

/* ページネーション */
.wp-block-query-pagination {
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:3rem;
}
.page-numbers {
    height:2rem;
    width:2rem;
    border:1px solid #fff;
    display:inline-block;
    line-height:2rem;
    text-align:center;
    color:#fff;
}

/* 現在のページ */
span.current {
    background:#fff;
    color:#000;
}

.is-arrow-chevron {
    color:#fff;
    font-size:2rem;
    line-height:1em;
}