/* ========================================
   1. 共通設定
======================================== */

:root {
	/* レイアウト */
	--ararano-window-width: 1100px;
	--ararano-side-space: 16px;

	/* フォント */
	--font-body:
		"BIZ UDPGothic",
		"Yu Gothic UI",
		"Meiryo",
		sans-serif;
	--font-title:
		"DotGothic16",
		"Yu Gothic UI",
		"Meiryo",
		sans-serif;

	/* 基本色 */
	--color-white: #ffffff;
	--color-light: #f7ffe2;
	--color-base: #d9e8a7;
	--color-dark: #536632;
	--color-text: #33421f;
	--color-dark-glass: rgba(83, 102, 50, 0.55);
	--color-soft-shadow: rgba(55, 68, 35, 0.3);

	/* レトロボタン */
	--button-middle: #f7ffe6;
	--button-bottom: #dcefb0;
	--button-border-dark: #7f9164;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	color: var(--color-text);
}

img {
	max-width: 100%;
	height: auto;
}

button,
input,
select,
textarea {
	font: inherit;
}

/* ========================================
   2. フォント
======================================== */

body,
.wp-site-blocks,
p,
li,
input,
select,
textarea {
	font-family: var(--font-body) !important;
	font-style: normal !important;
	font-weight: 400;
}

.wp-block-site-title,
.wp-block-site-title a,
.wp-block-heading,
h1,
h2,
h3,
h4,
h5,
h6,
button,
.wp-element-button,
input[type="submit"],
.diary-preview__more-link {
	font-family: var(--font-title) !important;
	font-style: normal !important;
	font-weight: 400 !important;
}

.wp-block-post-title,
.wp-block-site-title,
.wp-block-heading,
.navigation-panel a {
	letter-spacing: 0.08em;
}

/* WordPress側などの意図しない斜体を解除 */
em,
i,
.wp-block-site-title,
.wp-block-site-title a {
	font-style: normal !important;
}