/*
Theme Name: Spike Chunsoft 2024
Theme URI: 
Description: 
Author: 
Author URI: 
Version: 1.0.0
Tested up to: 
Requires PHP: 
License: 
License 
Text Domain: 
*/

/* 幅広・全幅ブロック以外にデフォルトコンテンツ幅を指定 */
.entry-content>*:not(.alignwide):not(.alignfull) {
    max-width: var(--wp--style--global--content-size);
}

/* 幅広ブロックに幅広コンテンツ幅を指定 */
.entry-content>*.alignwide {
    max-width: var(--wp--style--global--wide-size);
}

/* 全幅ブロックを除いて左右にオートマージンを付与する */
.entry-content>*:not(.alignfull) {
    margin-right: auto;
    margin-left: auto;
}

/*  投稿コンテンツを包含する要素  */
.entry-content {
    padding-left: var(--wp--custom--gutter);
    padding-right: var(--wp--custom--gutter);
}

/*  全幅ブロックにはネガティブマージンを指定  */
.entry-content>*.alignfull {
    margin-left: calc(var(--wp--custom--gutter) * -1);
    margin-right: calc(var(--wp--custom--gutter) * -1);
}

.entry-content {
    font-size: calc(13/16 * 1rem);
    font-weight: 400;
    line-height: 1.8;
    h1.wp-block-heading,
    h2.wp-block-heading,
    h3.wp-block-heading,
    h4.wp-block-heading,
    h5.wp-block-heading,
    h6.wp-block-heading {
        font-weight: bold;
        line-height: 1.4;
    }
    h1.wp-block-heading {
        margin-top: calc(21/16 * 1rem);
        margin-bottom: calc(21/16 * 1rem);
        font-size: calc(21/16 * 1rem);
    }
    h2.wp-block-heading {
        margin-top: calc(18/16 * 1rem);
        margin-bottom: calc(18/16 * 1rem);
        font-size: calc(18/16 * 1rem);
    }
    h3.wp-block-heading {
        margin-top: calc(16/16 * 1rem);
        margin-bottom: calc(16/16 * 1rem);
        font-size: calc(16/16 * 1rem);
    }
    h4.wp-block-heading {
        margin-top: calc(14/16 * 1rem);
        margin-bottom: calc(14/16 * 1rem);
        font-size: calc(14/16 * 1rem);
    }
    h5.wp-block-heading {
        margin-top: calc(12/16 * 1rem);
        margin-bottom: calc(12/16 * 1rem);
        font-size: calc(12/16 * 1rem);
    }
    h6.wp-block-heading {
        margin-top: calc(12/16 * 1rem);
        margin-bottom: calc(12/16 * 1rem);
        font-size: calc(12/16 * 1rem);
    }
    figure.wp-block-image{
        margin-top: calc(16/16 * 1rem);
        margin-bottom: calc(16/16 * 1rem);
    }
    figure.wp-block-table{
        margin-top: calc(16/16 * 1rem);
        margin-bottom: calc(16/16 * 1rem);
    }
    p {
        margin-top: calc(16/16 * 1rem);
        margin-bottom: calc(16/16 * 1rem);
    }
    ul, ol{
        margin-top: calc(16/16 * 1rem);
        margin-bottom: calc(16/16 * 1rem);
    }
    ul {
        list-style-type: disc;
        padding-left: calc(26/16 * 1rem);
        ul {
            list-style-type: circle;
        }
        ul, ol {
            margin-top: calc(8/16 * 1rem);
            margin-bottom: calc(8/16 * 1rem);
        }
    }
    ol{
        list-style-type: decimal;
        padding-left: calc(26/16 * 1rem);
        ul {
            list-style-type: circle;
        }
        ul, ol {
            margin-top: calc(8/16 * 1rem);
            margin-bottom: calc(8/16 * 1rem);
        }
    }
    a{
        color: #0001fd;
        text-decoration: underline;
    }
    iframe{
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .entry-content {
        font-size: calc(18/16 * 1rem);
        h1.wp-block-heading {
            margin-top: calc(34/16 * 1rem);
            margin-bottom: calc(34/16 * 1rem);
            font-size: calc(34/16 * 1rem);
        }
        h2.wp-block-heading {
            margin-top: calc(24/16 * 1rem);
            margin-bottom: calc(24/16 * 1rem);
            font-size: calc(24/16 * 1rem);
        }
        h3.wp-block-heading {
            margin-top: calc(18/16 * 1rem);
            margin-bottom: calc(18/16 * 1rem);
            font-size: calc(18/16 * 1rem);
        }
        h4.wp-block-heading {
            margin-top: calc(16/16 * 1rem);
            margin-bottom: calc(16/16 * 1rem);
            font-size: calc(16/16 * 1rem);
        }
        h5.wp-block-heading {
            margin-top: calc(14/16 * 1rem);
            margin-bottom: calc(14/16 * 1rem);
            font-size: calc(14/16 * 1rem);
        }
        h6.wp-block-heading {
            margin-top: calc(14/16 * 1rem);
            margin-bottom: calc(14/16 * 1rem);
            font-size: calc(14/16 * 1rem);
        }
    }
}



.entry-content {
    .wp-block-embed :where(figcaption) {
        margin-bottom: 1em;
        margin-top: .5em
    }
    
    .wp-block-embed iframe {
        max-width: 100%
    }
    
    .wp-block-embed__wrapper {
        position: relative
    }
    
    .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
        content: "";
        display: block;
        padding-top: 50%
    }
    
    .wp-has-aspect-ratio iframe {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }
    
    .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
        padding-top: 56.25%
    }
}