/**
 * Sainou Google Fonts
 *
 * These variables can also be used by themes and other plugins:
 * font-family: var(--sainou-font-shippori-mincho);
 * font-family: var(--sainou-font-noto-sans-jp);
 */
:root {
	--sainou-font-shippori-mincho: "Shippori Mincho", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
	/*
	 * YakuHanJPs adjusts brackets only and must precede the Japanese font.
	 * Prefer the locally installed "Noto Sans Japanese".
	 * If it is unavailable, use "Noto Sans JP" from Google Fonts.
	 */
	--sainou-font-noto-sans-jp: "YakuHanJPs", "Noto Sans Japanese", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "YuGothic", Meiryo, sans-serif;
}

/*
 * Apply Noto Sans JP and YakuHanJPs across the front end and the block editor.
 * Form controls are listed because some browsers do not inherit body fonts.
 */
body,
.editor-styles-wrapper,
button,
input,
optgroup,
select,
textarea {
	font-family: var(--sainou-font-noto-sans-jp) !important;
}

/*
 * Add one of these classes in a block's "Additional CSS class(es)" field,
 * or use it in a theme/plugin template.
 */
.sainou-font-shippori-mincho {
	font-family: var(--sainou-font-shippori-mincho) !important;
}

.sainou-font-noto-sans-jp {
	font-family: var(--sainou-font-noto-sans-jp) !important;
}

.sainou-font-weight-400 {
	font-weight: 400 !important;
}

.sainou-font-weight-500 {
	font-weight: 500 !important;
}

/* Font size utilities. */
.sainou-font-size-40 {
	font-size: 40px !important;
}

.sainou-font-size-30 {
	font-size: 30px !important;
}

.sainou-font-size-28 {
	font-size: 28px !important;
}

.sainou-font-size-26 {
	font-size: 26px !important;
}

.sainou-font-size-24 {
	font-size: 24px !important;
}

.sainou-font-size-20 {
	font-size: 20px !important;
}

.sainou-font-size-18 {
	font-size: 18px !important;
}

.sainou-font-size-16 {
	font-size: 16px !important;
}

/* Responsive font size utilities. */
@media (width >= 790px) {
	.sainou-font-size-pc30 {
		font-size: 30px !important;
	}

	.sainou-font-size-pc28 {
		font-size: 28px !important;
	}
}

@media (width < 790px) {
	.sainou-font-size-sp26 {
		font-size: 26px !important;
	}

	.sainou-font-size-sp24 {
		font-size: 24px !important;
	}
}

/* Responsive text alignment utility. */
.sainou-text-align-pc-center-sp-left {
	text-align: center !important;
}

@media (width < 790px) {
	.sainou-text-align-pc-center-sp-left {
		text-align: left !important;
	}
}

/* Letter spacing utilities. */
.sainou-font-spacing-100 {
	letter-spacing: 0.1em !important;
}

.sainou-font-spacing-50 {
	letter-spacing: 0.05em !important;
}

.sainou-font-spacing-0 {
	letter-spacing: 0 !important;
}

/* Unitless line-height utilities. */
.sainou-font-line-height-1875 {
	line-height: 1.875 !important;
}

.sainou-font-line-height-1500 {
	line-height: 1.5 !important;
}