@charset "UTF-8";

/*
ブログの記事部分のCSS
表画面：.c-news-contents
管理画面：.editor-styles-wrapper
の配下にのみ効くようにする
*/

/* Gutenberg標準の文字サイズを変更（フロント画面のみ）*/
/* 管理画面の文字サイズ変更はtheme.jsonで対応可能だが、そこまでは対応しない */
:root {
  --wp--preset--font-size--small: calc(13 * var(--px)); /* 管理画面では13px */
  --wp--preset--font-size--medium: calc(20 * var(--px)); /* 管理画面では20px */
  --wp--preset--font-size--large: calc(36 * var(--px)); /* 管理画面では36px */
  --wp--preset--font-size--x-large: calc(42 * var(--px)); /* 管理画面では42px */
}
@media (max-width: 768px) {
  :root {
    --wp--preset--font-size--small: calc(12 * var(--px));
    --wp--preset--font-size--medium: calc(16 * var(--px));
    --wp--preset--font-size--large: calc(24 * var(--px));
    --wp--preset--font-size--x-large: calc(28 * var(--px));
  }
}

/* 見出し　*/
.c-news-contents h2.wp-block-heading,
.editor-styles-wrapper h2.wp-block-heading{
  font-size: var(--fs-large-title);
  line-height: var(--lh-tight);
  font-weight: 600;
  margin-bottom: calc(20 * var(--px));
}
.c-news-contents h3.wp-block-heading,
.editor-styles-wrapper h3.wp-block-heading{
  font-size: var(--fs-title);
  line-height: var(--lh-tight);
  font-weight: 600;
  margin-bottom: calc(20 * var(--px));
}
@media screen and (max-width: 767px){
    .c-news-contents h2.wp-block-heading,
    .editor-styles-wrapper h2.wp-block-heading,
    .c-news-contents h3.wp-block-heading,
    .editor-styles-wrapper h3.wp-block-heading{
        margin-bottom: calc(15 * var(--px));
    }
}