@charset "UTF-8";

/********************************************************
Design typography
*********************************************************/

:root {
	/* 本文 */
	--theme-font-size-body: 1rem;

	/* maincolumn見出し */
	--theme-font-size-main-h1: clamp(1.75rem, 6vw, 2rem);
	--theme-font-size-main-h2: 1.5rem;
	--theme-font-size-main-h3: 1.25rem;
	--theme-font-size-main-h4: 1.125rem;
	--theme-font-size-main-h5: 1rem;
	--theme-font-size-main-h6: 1rem;

	/* sidebar */
	--theme-font-size-sidebar: 0.9375rem;
	--theme-font-size-sidebar-h1: 1.25rem;
	--theme-font-size-sidebar-h2: 1.0625rem;
	--theme-font-size-sidebar-h3: 1rem;
	--theme-font-size-sidebar-h4: 0.9375rem;
	--theme-font-size-sidebar-h5: 0.9375rem;
	--theme-font-size-sidebar-h6: 0.9375rem;

	/* 補助情報 */
	--theme-font-size-meta: 0.875rem;
}

@media screen and (min-width: 769px) {
	:root {
		--theme-font-size-main-h1: clamp(2rem, 3vw, 2.75rem);
	}
}

/* ========================================
本文
======================================== */

body {
	font-size: var(--theme-font-size-body);
}

body.hiragino-sans {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
}

body.yu-gothic {
	font-family: "Yu Gothic Medium", "Yu Gothic", "游ゴシック Medium", "游ゴシック体", Meiryo, sans-serif;
}

body.meiryo {
	font-family: Meiryo, "メイリオ", "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
}

body.biz-udp-gothic {
	font-family: "BIZ UDPGothic", "BIZ UDPゴシック", Meiryo, sans-serif;
}

body.hiragino-mincho {
	font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "游明朝", serif;
}

body.yu-mincho {
	font-family: "Yu Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN", serif;
}

body.biz-udp-mincho {
	font-family: "BIZ UDPMincho", "BIZ UDP明朝", "Yu Mincho", "游明朝", serif;
}

body.google-noto-sans-jp {
	font-family: "Noto Sans JP", sans-serif;
}

body.google-noto-serif-jp {
	font-family: "Noto Serif JP", serif;
}

body.google-sawarabi-gothic {
	font-family: "Sawarabi Gothic", sans-serif;
}

body.google-kosugi-maru {
	font-family: "Kosugi Maru", sans-serif;
}

body.google-zen-maru-gothic {
	font-family: "Zen Maru Gothic", sans-serif;
}

body.google-shippori-mincho {
	font-family: "Shippori Mincho", serif;
}

body.google-m-plus-1p {
	font-family: "M PLUS 1p", sans-serif;
}

/* ========================================
maincolumn本文
======================================== */

.page-content-section,
.single-content-section {
	line-height: var(--theme-text-line-height);
}

.page-content-section h1,
.single-content-section h1 {
	font-size: var(--theme-font-size-main-h1);
}

.page-content-section h2,
.single-content-section h2 {
	font-size: var(--theme-font-size-main-h2);
}

.page-content-section h3,
.single-content-section h3 {
	font-size: var(--theme-font-size-main-h3);
}

.page-content-section h4,
.single-content-section h4 {
	font-size: var(--theme-font-size-main-h4);
}

.page-content-section h5,
.single-content-section h5 {
	font-size: var(--theme-font-size-main-h5);
}

.page-content-section h6,
.single-content-section h6 {
	font-size: var(--theme-font-size-main-h6);
}

.page-content-section :is(h1, h2, h3, h4, h5, h6),
.single-content-section :is(h1, h2, h3, h4, h5, h6) {
	line-height: var(--theme-heading-line-height);
}

/* ========================================
サイドバー
======================================== */

.sidebar {
	font-size: var(--theme-font-size-sidebar);
	line-height: var(--theme-sidebar-text-line-height);
}

.sidebar h1 {
	font-size: var(--theme-font-size-sidebar-h1);
}

.sidebar h2 {
	font-size: var(--theme-font-size-sidebar-h2);
}

.sidebar h3 {
	font-size: var(--theme-font-size-sidebar-h3);
}

.sidebar h4 {
	font-size: var(--theme-font-size-sidebar-h4);
}

.sidebar h5 {
	font-size: var(--theme-font-size-sidebar-h5);
}

.sidebar h6 {
	font-size: var(--theme-font-size-sidebar-h6);
}

.sidebar :is(h1, h2, h3, h4, h5, h6) {
	font-weight: normal;
	line-height: var(--theme-sidebar-heading-line-height);
}

/* ========================================
メタ情報
======================================== */

.single-meta-section,
.related-meta-section,
.articles-category-section,
.articles-tags-section,
.articles-time-section,
.articles-author-section {
	font-size: var(--theme-font-size-meta);
}