@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Forum&family=Noto+Sans+JP:wght@100..900&display=swap');

:root {
	/*フォント*/
	--ff-got: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","游ゴシック","Yu Gothic",Meiryo,sans-serif;
	/* font-style, font-variant, font-weight, font-size/line-height, font-family */
	--font-en: normal normal 400 100%/1 "Forum", serif;	/*斜体不可,太さ：400のみ*/
	/*コンテンツ幅*/
	--content-width: 94%;
	/*共通色*/
	--color-base: #49412e;
	--color-web: #f5a737;
	/*隙間：最大=**px×0.082vw*/
	--gap-170: min(170px,14vw);
	--gap-150: min(150px,12vw);
	--gap-120: min(120px,10vw);
	--gap-100: min(100px,8vw);
	--gap-90: min(90px,8vw);
	--gap-80: min(80px,7vw);
	--gap-70: min(70px,6vw);
	--gap-60: min(60px,5vw);
	--gap-50: min(50px,4vw);
	--gap-40: min(40px,4vw);
	/*フォントサイズ：19pxまで文章用*/
	--fs-12: 80%;
	--fs-13: 87%;
	--fs-14: 93%;
	--fs-15: 100%;
	--fs-16: 107%;
	--fs-17: 113%;
	--fs-18: 120%;
	--fs-19: 127%;
	/*フォントサイズ：20pxから見出し用：最大=**rem×0.85vw*/
	--fs-base: var(--fs-15);	/*サイト内基準*/
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
:root {
	/*フォントサイズ：19pxまで文章用*/
	/*フォントサイズ：20pxから見出し用*/
	--fs-20: calc(22 * 0.095vw);	/*小さくなりすぎるので22にまとめる*/
	--fs-30: calc(30 * 0.095vw);
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
:root {
	/*コンテンツ幅*/
	/*--content-width: 90%;*/
	/*隙間*/
	--gap-170: 18vw;
	--gap-150: 14vw;
	--gap-120: 13vw;
	--gap-100: 12vw;
	--gap-90: 11vw;
	--gap-80: 10vw;
	--gap-70: 9vw;
	--gap-60: 8vw;
	--gap-50: 7vw;
	--gap-40: 6vw;
	/*フォントサイズ：19pxまで文章用*/
	/*フォントサイズ：20pxから見出し用*/
}
}