@charset "UTF-8";

/* 約半フォント */
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp.css');
/* Noto Sans JP */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
/* Zen Old Mincho static */
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');
/* Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


:root {
	/* フォント */
	--font-base: YakuHanJP, "Noto Sans JP", sans-serif;/* weight 100-900 */
	--font-sub: YakuHanJP, "Zen Old Mincho", sans-serif;/* weight 300-500 */
	--font-en: "Roboto", sans-serif;/* weight 400-800 */

	/* フォントサイズ */
	--fontsize-base: 1.4rem;
	/* 文字間 */
	--letter-spacing: 0.15em;
	/* 行間 */
	--lingh-height: 1.8;
	/* 最高幅 */
	--max-width: 1200px;
	/* 最低幅 */
	--min-width: 980px;

	/* カラー */
	--color-font: #3e3a39;
	--color-main: #c8a514;
    --color-sub: #fff462;
    --color-accent: #d0cdcb;
    --color-red: #ea5550;

	/* フォントウェイト */
	--weight-thin: 100;
	--weight-extralight: 200;
	--weight-light: 300;
	--weight-regular: 400;
	--weight-medium: 500;
	--weight-semibold: 600;
	--weight-bold: 700;
	--weight-extrabold: 800;
	--weight-black: 900;
}