body{
    font-family:'Arial', 'Helvetica', 'Clean', sans-serif;
    font-feature-settings: 'palt';
    font-kerning: auto;
    font-family: var(--thm_common_font_family);
}

.entry-title a,
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
    font-family:var(--thm_heading_font_family);
    font-weight:var(--thm_heading_font_weight);
    text-transform:var(--thm_heading_font_transform);
    a{
        text-transform:var(--thm_heading_font_transform);
    }
}

div[data-block],
.entry-content{
    h1,h2,h3,h4,h5,h6,
    .h1,.h2,.h3,.h4,.h5,.h6{
        line-height:var( --thm_common_line_height, 1.15 );
    }
    .use-font-heading{
        font-family:var(--thm_heading_font_family);
        font-weight:var(--thm_heading_font_weight);
        text-transform:var(--thm_heading_font_transform);
        line-height:var( --thm_common_line_height, 1.15 );
    }
    .use-font-common{
        font-family:var(--thm_common_font_family);
        line-height:var( --thm_content_line_height );
        font-size:var(--thm_common_font_size, 16px);
        line-height:var(--thm_content_line_height, 1.5);
    }
    .use-font-meta{
        font-family:var(--thm_meta_data_font_family);
        font-size:var(--thm_meta_data_font_size);
        text-transform:var(--thm_meta_data_font_transform);
    }
}

/**
 * Monospaced font
 */

.wp-block-code{
    font-size:var(--thm_meta_data_font_size);
    text-transform:none;
}
.wp-block-code,
pre[class],
pre code,
.form-allowed-tags code,
code, kbd, samp,
tt {
    font-family:'Osaka', 'Consolas', 'Courier New', 'Courier', 'MS Gothic', monospace;
}
kbd, samp,tt {
    line-height:100%;
}

/**
 * Absolute Font Sizes
 * Override the relative font size and change it to absolute font size.
 *
 *If you change the base font size, overwrite it to suppress the font of the sidebar and menu from becoming large.
 */

[lang="ja"]{
    blockquote{
        cite{
            font-size:var(--thm_meta_data_font_size);
            text-transform:var(--thm_meta_data_font_transform);
            font-style:normal;
        }
    }
    @font-face {
        font-family:italicJa;
        src: local('Meiryo');
    }
    pre.wp-block-verse em{
        font-family:italicJa;
        font-weight:normal;
        font-style:italic;
    }
    pre.wp-block-verse.use-font-common{
        font-family:var(--thm_common_font_family);
    }
}

.form-allowed-tags code,
code{
    line-height: var(--thm_content_line_height, 1.5 );
}
pre.wp-block-preformatted{
    lin-height:var(--thm_common_line_height);
    font-size:var(--thm_common_font_size, 16px);
    font-family: var(--thm_common_font_family);
}
pre.wp-block-verse{
    @include font_size(3);
    margin-top:calc( var(--thm_common_font_size, 16px) * var(--thm_content_line_height, 1.5) );
    margin-bottom:calc( var(--thm_common_font_size, 16px) * var(--thm_content_line_height, 1.5) / 2 );
    line-height:2;
    font-family: var(--thm_common_font_family);
    font-style:italic;
}
body{
    .has-large-font-size,
    .has-extra-large-font-size{
        line-height:var(--thm_common_line_height);
    }
    .tag-cloud-style-flat a{
        font-size:var(--thm_meta_data_font_size);
        text-transform:var(--thm_meta_data_font_transform);
    }
    .primary-menu-wrapper a{
        font-size:var(--thm_meta_data_font_size);
        text-transform:var(--thm_meta_data_font_transform);
    }
    .relate-posts{
        .relate-post-no-icon{
            font-size:24px;
            font-family:fantasy,serif;
        }
    }
    .wp-embed
    .menu-placeholder{
        font-size:16px;
    }
    & > header{
        &.header-layer{
            .site-title{
                @include font_size(3,no-margin);
            }
            .site-description{
                @include font_size(4,no-margin);
            }
            .taxonomy-description{
                font-size:var(--thm_meta_data_font_size);
                text-transform:var(--thm_meta_data_font_transform);
            }
        }
    }
    .taxonomy-description{
        font-size:var(--thm_meta_data_font_size);
        text-transform:var(--thm_meta_data_font_transform);
    }
    .trancate{
        font-size:var(--thm_meta_data_font_size);
        text-transform:var(--thm_meta_data_font_transform);
    }

    article{
        .skin-button{
            font-size:var(--thm_meta_data_font_size);
            text-transform:var(--thm_meta_data_font_transform);
        }
        &.post-password-required{
            .message{
                font-size:var(--thm_meta_data_font_size);
                text-transform:var(--thm_meta_data_font_transform);
            }
        }
        figcaption{
            font-size:var(--thm_meta_data_font_size);
            text-transform:var(--thm_meta_data_font_transform);
        }
    }
    .wp-block-search{
        .wp-block-search__label,
        .wp-block-search__button{
            font-size:var(--thm_meta_data_font_size);
            text-transform:var(--thm_meta_data_font_transform);
        }

    }
}
.footer-widget-area{
    &.template-part-widget-footer{
        .footer-widget-area-lists{
            li{
                #wp-calendar caption,
                .widgettitle{
                    font-size:20px
                }
                line-height:calc( var(--thm_common_font_size, 16px) * var( --thm_content_line_height, 1.5 ) );
                font-size:var(--thm_meta_data_font_size);
                text-transform:var(--thm_meta_data_font_transform);
            }
            font-size:var(--thm_meta_data_font_size);
            text-transform:var(--thm_meta_data_font_transform);
        }
        .emulsion-archive-count,
        .emulsion-cat-count,
        a{
            font-size:var(--thm_meta_data_font_size);
            text-transform:var(--thm_meta_data_font_transform);
        }
        .calendar_wrap{
            #wp-calendar{
                th,
                td{
                    font-size:var(--thm_meta_data_font_size);
                    text-transform:var(--thm_meta_data_font_transform);
                }
            }
        }
        [name="cat"],
        [name="archive-dropdown"]{
            font-size:var(--thm_meta_data_font_size);
            text-transform:var(--thm_meta_data_font_transform);
        }
        &.widget_rss{
            .rss-date,
            cite{
                font-size:var(--thm_meta_data_font_size);
                text-transform:var(--thm_meta_data_font_transform);
            }
        }
        &.widget_recent_comments{
            .recentcomments{
                font-size:var(--thm_meta_data_font_size);
                text-transform:var(--thm_meta_data_font_transform);
            }
        }
    }
}
.relate-content-wrapper{
        font-family:var(--thm_common_font_family);
        line-height:var( --thm_content_line_height );
        font-size:var(--thm_common_font_size, 16px);
        line-height:var(--thm_content_line_height, 1.5);
    .relate-posts-title{
        font-size:calc(var(--thm_meta_data_font_size) * 1.4);
        text-transform:var(--thm_meta_data_font_transform);
    }
}
article{
    footer{
        font-size:var(--thm_common_font_size, 16px);
    }
}
.post-navigation{
    a{
        font-size:var(--thm_meta_data_font_size);
        text-transform:var(--thm_meta_data_font_transform);
    }
}
footer.banner{
    font-size:var(--thm_meta_data_font_size);
    .privacy-policy-link{
        font-size:var(--thm_meta_data_font_size);
    }
    a{
        font-size:var(--thm_meta_data_font_size);
        text-transform:var(--thm_meta_data_font_transform);
    }
}
.entry-meta{
    a{
        font-size:var(--thm_meta_data_font_size);
        text-transform:var(--thm_meta_data_font_transform);
    }
}
.posted-on{
    a{
        font-size:var(--thm_meta_data_font_size);
        text-transform:var(--thm_meta_data_font_transform);
    }
}
.footer-widget-area{
    .footer-widget-area-lists{
        a{
            font-size:var(--thm_meta_data_font_size);
            text-transform:var(--thm_meta_data_font_transform);
        }
    }
}
&.layout-grid{
    .entry-title{
        font-size:22px;
    }
}
&.layout-stream{
    .entry-title{
        font-size:22px;
    }
}
.relate-posts-title{
    font-size:22px;
}
#document .wp-block-columns{
    /**
     * Page Layout
     */
    .wp-block-column{

        &.sidebar{
            @include font_size(5);
            margin-top:0;
            font-size:var(--thm_meta_data_font_size);
            text-transform:var(--thm_meta_data_font_transform);
            .wp-block-latest-comments__comment-meta{
                font-size:var(--thm_meta_data_font_size);
                text-transform:var(--thm_meta_data_font_transform);
            }
        }
        &.is-style-main,
        &.main{
            @include font_size(4);
            margin-top:0;
            margin-bottom:0;
            line-height:var( --thm_content_line_height );
            font-size:var(--thm_common_font_size, 16px);
            line-height:var(--thm_content_line_height, 1.5);
            .entry-title a,
            h1,h2,h3,h4,h5,h6,
            .h1,.h2,.h3,.h4,.h5,.h6{
                font-weight:var(--thm_heading_font_weight);
                text-transform:var(--thm_heading_font_transform);
                a{
                    text-transform:var(--thm_heading_font_transform);
                }
            }
        }
    }
}

/**
 * font weight class
 */
$step: 100;
@while $step < 1000 {
    .layout-list.font-heading-sans-serif .fw-#{$step},
    .layout-list.font-heading-serif .fw-#{$step},
    .layout-list.font-common-sans-serif .fw-#{$step},
    .layout-list.font-common-serif .fw-#{$step}{
        font-weight:#{$step};
    }
    $step: $step + 100;
}

/**
 * Editor font sizes
 *
 * has-regular-font-size
 * has-large-font-size
 */

@each $font_size in $editor_font_sizes {
    $slug: nth($font_size, 1);
    $size: nth($font_size, 2);
    .wp-block.is-style-has-#{$slug}-font-size,
    .layout .has-#{$slug}-font-size {
        font-size:#{$size}px;
    }
    p.has-#{$slug}-font-size{
        margin:calc( #{$size}px * var(--thm_content_line_height, 1.5) ) auto;
    }
}

/**
 * wp-block
 */
.wp-block-columns{
    .wp-block-column:not(.main):not(.is-style-main){
        @include font_size(5);
        margin-top:0;
        margin-bottom:0;
        h1,h2,h3,h4,h5,h6,p,ul,ol,table,.wp-block-table{
            margin-top:20px;
            margin-bottom:20px;
        }
        p.dropdown-on-click-title,
        p.dropdown-on-hover-title,
        h4.emulsion-panel-title{
            margin-top:0;
            margin-bottom:0;
        }
        .h1,
        h1{
            font-size:calc(var(--thm_meta_data_font_size) * 2);
        }
        .h2,
        h2{
            font-size:calc(var(--thm_meta_data_font_size) * 1.4);
        }
        .h3,
        h3{
            font-size:calc(var(--thm_meta_data_font_size) * 1.17);
        }
        .h4,
        h4{
            font-size:calc(var(--thm_meta_data_font_size) * 1);
        }
    }
}
.entry-content{
    .wp-block-latest-posts{
        .h1,
        h1{
            font-size:calc(var(--thm_meta_data_font_size) * 2);
        }
        .h2,
        h2{
            font-size:calc(var(--thm_meta_data_font_size) * 1.4);
        }
        .h3,
        h3{
            font-size:calc(var(--thm_meta_data_font_size) * 1.17);
        }
        .h4,
        h4{
            font-size:calc(var(--thm_meta_data_font_size) * 1);
        }
    }
}
/**
 * Editor Style
 *
 */
.editor-styles-wrapper{
    @if $language == ja {
        .edit-post-visual-editor__post-title-wrapper{
            .editor-post-title{
                border-bottom:1px solid rgba(188,188,188,.5);
                @extend %block_main_wide;
                max-width:100%;
                font-family: "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, "Noto Sans JP", Verdana, Meiryo, sans-serif;
                .editor-post-title__input{
                    margin:0 auto;
                    text-transform: var( --thm_heading_font_transform);
                    font-weight:var(--thm_heading_font_weight);
                    font-family:var(--thm_heading_font_family);
                    @include font_size(2);
                }
            }
        }
        .editor-block-list__block{
            font-family: "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, "Noto Sans JP", Verdana, Meiryo, sans-serif;
            font-family:var(--thm_common_font_family);
            font-size:var(--thm_common_font_size, 16px);
            line-height:var(--thm_content_line_height, 1.5);
        }
        .edit-post-visual-editor{
            font-family: "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, "Noto Sans JP", Verdana, Meiryo, sans-serif;
            p{
                font-family: "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, "Noto Sans JP", Verdana, Meiryo, sans-serif;
                font-family:var(--thm_common_font_family);
                font-size:var(--thm_common_font_size, 16px);
                line-height:var(--thm_content_line_height, 1.5);
            }
        }
    } @else {
        .edit-post-visual-editor__post-title-wrapper{
            .editor-post-title{
                border-bottom:1px solid rgba(188,188,188,.5);
                @extend %block_main_wide;
                max-width:100%;
                font-family: 'Roboto', sans-serif;
                .editor-post-title__input{
                    margin:0 auto;
                    text-transform: var( --thm_heading_font_transform);
                    font-weight:var(--thm_heading_font_weight);
                    font-family:var(--thm_heading_font_family);
                    @include font_size(2);
                }
            }
        }
        .editor-block-list__block{
            font-family: 'Roboto', sans-serif;
            font-family:var(--thm_common_font_family);
            font-size:var(--thm_common_font_size, 16px);
            line-height:var(--thm_content_line_height, 1.5);
        }
        .edit-post-visual-editor{
            font-family: 'Roboto', sans-serif;
            font-family:var(--thm_common_font_family);
            font-size:var(--thm_common_font_size, 16px);
            line-height:var(--thm_content_line_height, 1.5);
            p{
                font-family: 'Roboto', sans-serif;
                font-family:var(--thm_common_font_family);
                font-size:var(--thm_common_font_size, 16px);
                line-height:var(--thm_content_line_height, 1.5);
            }
        }
    }

    p{
        font-family: var(--thm_common_font_family);
        font-size:var(--thm_common_font_size, 16px);
        &.h1{
            @include font_size(1);
            &.alignwide,
            &.is-style-emulsion-wide{
                @extend %block_wide;
            }
        }
        &.h2{
            @include font_size(2);
            &.alignwide,
            &.is-style-emulsion-wide{
                @extend %alignwide;
            }
        }
        &.h3{
            @include font_size(3);
            &.alignwide,
            &.is-style-emulsion-wide{
                @extend %alignwide;
            }
        }
        &.h4{
            @include font_size(4);
            font-family: var(--thm_heading_font_family);
            font-weight:var(--thm_heading_font_weight);
            &.alignwide,
            &.is-style-emulsion-wide{
                @extend %alignwide;
            }
        }
        &.h5{
            @include font_size(5);
            &.alignwide,
            &.is-style-emulsion-wide{
                @extend %alignwide;
            }
        }
        &.h6{
            @include font_size(6);
            &.alignwide,
            &.is-style-emulsion-wide{
                @extend %alignwide;
            }
        }
    }
}