/* infomation.css */
/* お知らせ一覧関連 ページネイション等ほぼ専用となっている項目も併記 */
/* 独自作成クラスはエディターの同名ブロックの 追加CSSクラス で指定しています */
/* プラグインが PCファーストのコードのため遵守 */

/* お知らせ一覧 */
    /* 投稿記事レイアウト */

    /* memo ブロックエディターのカラムの「モバイルでは縦に並べる」はブレークポイントが 781px で固定なので使用できない */

    /* アイキャッチ画像にテキストを回り込ませる */
    .information-main img{
        float: left;
        margin: 2%;
    }
    .information-main .entry-content{
        display: block;
    }
    .information-main .entry-content::after{
        content: "";
        display: block;
        clear: both;
    }

    /* リスト、箇条書きが画像に被るのを防ぐ */
    .information-main ol,ul {
        list-style-position: inside;
    }

    /* 日付 (「掲載」はエディターで直接変更)*/
    .wp-block-post-date{
        font-weight:bold ;
        color: #60930e;
    }

/* サイドバー月別アーカイブ */
    .wp-block-archives-list{
        list-style: none; /* 「・」削除　*/
        white-space: nowrap;    /* 改行しない */
    }
    ul.wp-block-archives-list{
        padding-inline-start: 0;    /* インデント削除 */
        border-top: 2px solid #f0e68c;
    }
    .wp-block-archives-list li{
        border-bottom: 2px solid #f0e68c;
        background-color: #f9f9f9;
        padding: 1rem 0 1rem 1rem;
    }
    /* 縞設定 */
    .wp-block-archives-list li:nth-child(2n+1){
        background-color: #fff8dc;
    }

    /* SP版設 */
    @media only screen and (max-width: 768px) {
        /* 3列に分けて並べる */
            ul.wp-block-archives-list{
                column-count: 3;
                column-gap: 0;
            }
            .wp-block-archives-list li{
                display: flex;
                justify-content: center;
                padding: 0;
            }
    }

/* ページネイション */
    /* 現在ページをハイライト */
    .page-numbers.current {
        color: #60930e;
    }
    /* 前ページブロック幅 */
    .pagination-columns > .previous{
        flex-basis: 25% !important;
    }
    /* ページ番号ブロック幅 */
    .pagination-columns > .number{
        flex-basis: 50% !important;
    }
    .pagination-columns > .number .wp-block-query-pagination-numbers{
        /* 均等割り付け */
        width: 100%;
        display: flex;
        justify-content: space-evenly;
    }
    .pagination-columns > .number .page-numbers{
        min-width: 1.5rem;  /* クリック範囲が小さくなりすぎないように */
        display: flex;
        justify-content: center;
    }

    /* 次ページブロック幅 */
    .pagination-columns > .next{
        flex-basis: 25% !important;
    }

    /* 前、次ページリンク */
    /* レスポンシブで文字を切り替えるため、 after で指定 */
        .wp-block-query-pagination-previous::after{
            content: "前のページ";  /* PCでは「前のページ」で表示 */
        }
        .wp-block-query-pagination-next::after{
            content: "次のページ";  /* PCでは「次のページ」で表示 */
        }

    /* SP版 */
        @media only screen and (max-width: 768px) {
            /* 前ページブロック幅 */
            .pagination-columns > .previous{
                flex-basis: 10% !important;
            }
            /* ページ番号ブロック幅 */
            .pagination-columns > .number{
                flex-basis: 80% !important;
            }
            /* 次ページブロック幅 */
            .pagination-columns > .next{
                flex-basis: 10% !important;
            }
            /* 前、次ページリンク */
            /* レスポンシブで文字を切り替えるため、 after で指定 */
                .wp-block-query-pagination-previous::after{
                    content: "«";   /* SPでは「«」で表示 */
                    min-width: 1rem;
                    display: flex;
                    justify-content: flex-start;
                }
                .wp-block-query-pagination-next::after{
                    content: "»";   /* SPでは「»」で表示 */
                    min-width: 1rem;
                    display: flex;
                    justify-content: flex-end;
                }
        }

/* 個別投稿 前、次の投稿 */
.previous-post, .next-post{
    white-space: nowrap;
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}
    /* SP版 */
        @media only screen and (max-width: 768px) {
            .previous-post, .next-post{
                max-width: 160px;
            }
        }