@charset "utf-8";
/* CSS Document */

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
投稿内容部分 page.php single.php　共通
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

#the_content {
    font-size: var(--fsize_m);
    line-height: 1.6;

    /*--------------------*/
    /* 本文 */
    p {
        margin: 1.8em 0;

        /* 背景がある場合 */
        &.has-background {
            padding: 1.25em 2em;

            @media screen and (max-width: 480px) {
                padding: 1em 1.25em;
            }
        }
    }

    /*--------------------*/
    /* タイトル */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.5;
        margin: 1.25em 0;
    }

    h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 1.75em;
        text-align: center;
    }

    h3 {
        font-size: 1.5em;
    }

    h4 {
        font-size: 1.25em;
    }

    h5,
    h6 {
        font-size: 1em;
    }

    h6 {
        color: #666;
    }

    /*--------------------*/
    /* リスト */
    ul {
        list-style-type: disc;
    }

    ol {
        list-style-type: decimal;
    }

    ul,
    ol {
        padding: 0 0 0 2em;
        margin: 2em 0;

        &li {
            margin: 0.5em 0;
        }
    }

    /*--------------------*/
    /* テキスト付き要素 */
    figure {
        /* 画像 */
        /* 埋込要素 */
        &.wp-block-image,
        &.wp-block-embed {
            margin: 6rem auto;

            @media screen and (max-width: 480px) {
                margin: 3rem auto;
            }
        }

        /* テーブル */
        &.wp-block-table {
            margin: 3em 0;

            @media screen and (max-width: 480px) {
                margin: 2em 0;
            }

            /* 通常のテーブル */
            &.is-style-regular {
                table {
                    border: 2px solid #000;
                }
            }
        }

        /* テーブル・画像などのキャプション */
        figcaption {
            &.wp-element-caption {
                font-size: var(--fsize_s);
                color: #333;
                margin-top: 0.5em;
            }
        }
    }

    /*--------------------*/
    /* ボタン */

    .wp-block-buttons {
        margin: 4em 0;

        .wp-block-button {
            margin: 0.25em;

            .wp-block-button__link {
                min-width: 10em;
                background-color: lightblue;
            }
        }
    }

    /* ファイル */

    .wp-block-file {
        margin: 1em 0 1em 2em;
        display: list-item;
        list-style-type: disc;

        .wp-block-file__button {
            padding: 0.25em 1em;
            background-color: lightcoral;
        }
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
single.php
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

body.single {
    /* 投稿のタイトル */
    .post_title_wrap {
        margin: 4rem auto;

        h1 {
            font-size: calc(var(--fsize_m) * 2);
            line-height: 1.5;
            letter-spacing: 0.05em;
        }

        /* データ部分 */
        .data_wrap {
            font-size: var(--fsize_s);

            /* 日付 */
            .postdate {
                display: inline-block;
            }
        }
    }
}