@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Elms+Sans:ital,wght@0,100..900;1,100..900&family=Shippori+Mincho+B1&display=swap');

:root {
	/*フォント*/
	--ff-got: "Hiragino Kaku Gothic ProN","Hiragino Sans","游ゴシック","Yu Gothic",Meiryo,sans-serif;
	/* font-style, font-variant, font-weight, font-size/line-height, font-family */
	--font-min: normal normal 400 100%/1.8 "Shippori Mincho B1", serif;	/*太さ：400のみ*/
	--font-en: italic normal 400 100%/1 "Elms Sans", sans-serif;	/*斜体基本,太さ：バリアブル*/
	/*コンテンツ幅*/
	--content-width: 94%;
	/*共通色*/
	--color-base: #3e352e;
	--color-border: #e3e2de;	/*←#e3e2de：薄いので少し濃くした*/
	--color-red: #bd563c;
	--color-brown: #5e4843;
	--color-gold: #ad9160;
	--color-navy: #174773;
	/*隙間：最大=**px×0.082vw*/
	--gap-200: min(200px,16vw);
	--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);
	--gap-30: min(30px,3vw);
	/*フォントサイズ：19pxまで文章用*/
	--fs-12: 1.2rem;
	--fs-13: 1.3rem;
	--fs-14: 1.4rem;
	--fs-15: 1.5rem;
	--fs-16: 1.6rem;
	--fs-17: 1.7rem;
	--fs-18: 1.8rem;
	--fs-19: 1.9rem;
	/*フォントサイズ：20pxから見出し用：最大=**rem×0.85vw*/
	--fs-20: min(2.0rem,1.8vw);
	--fs-22: min(2.2rem,1.9vw);
	--fs-24: min(2.4rem,2.0vw);
	--fs-26: min(2.6rem,2.2vw);
	--fs-28: min(2.8rem,2.4vw);
	--fs-30: min(3.0rem,2.6vw);
	--fs-32: min(3.2rem,2.7vw);
	--fs-34: min(3.4rem,2.9vw);
	--fs-36: min(3.6rem,3.1vw);
	--fs-38: min(3.8rem,3.2vw);
	--fs-40: min(4.0rem,3.4vw);
	--fs-44: min(4.4rem,3.7vw);
	--fs-48: min(4.8rem,4.1vw);
	--fs-50: min(5.0rem,4.3vw);
	--fs-56: min(5.6rem,4.8vw);
	--fs-62: min(6.2rem,5.3vw);
	--fs-64: min(6.4rem,5.4vw);
	--fs-72: min(7.2rem,6.1vw);
	--fs-base: var(--fs-16);	/*サイト内基準*/
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
:root {
	/*フォントサイズ：19pxまで文章用*/
	--fs-12: calc(12 * 0.102rem);
	--fs-13: calc(13 * 0.102rem);
	--fs-14: calc(14 * 0.102rem);
	--fs-15: calc(15 * 0.102rem);
	/*--fs-16：変えない*/
	--fs-17: calc(17 * 0.09rem);
	--fs-18: calc(18 * 0.09rem);
	--fs-19: calc(19 * 0.09rem);
	/*フォントサイズ：20pxから見出し用*/
	--fs-20: calc(24 * 0.095vw);	/*小さくなりすぎるので24にまとめる*/
	--fs-22: calc(26 * 0.095vw);	/*小さくなりすぎるので26にまとめる*/
	--fs-24: calc(26 * 0.095vw);	/*小さくなりすぎるので26にまとめる*/
	--fs-26: calc(26 * 0.095vw);
	--fs-28: calc(28 * 0.095vw);
	--fs-30: calc(30 * 0.095vw);
	--fs-32: calc(32 * 0.095vw);
	--fs-34: calc(34 * 0.095vw);
	--fs-36: calc(36 * 0.095vw);
	--fs-38: calc(38 * 0.095vw);
	--fs-40: calc(40 * 0.095vw);
	--fs-44: calc(44 * 0.095vw);
	--fs-48: calc(48 * 0.095vw);
	--fs-50: calc(50 * 0.095vw);
	--fs-56: calc(56 * 0.095vw);
	--fs-62: calc(62 * 0.095vw);
	--fs-64: calc(64 * 0.095vw);
	--fs-72: calc(72 * 0.095vw);
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
:root {
	/*コンテンツ幅*/
	--content-width: 90%;
	/*隙間*/
	--gap-200: calc(200 * 0.075vw + 3.0vw);
	--gap-170: calc(170 * 0.075vw + 3.0vw);
	--gap-150: calc(150 * 0.075vw + 3.0vw);
	--gap-120: calc(120 * 0.075vw + 3.0vw);
	--gap-100: calc(100 * 0.075vw + 3.0vw);
	--gap-90: calc(90 * 0.075vw + 3.0vw);
	--gap-80: calc(80 * 0.075vw + 3.0vw);
	--gap-70: calc(70 * 0.075vw + 3.0vw);
	--gap-60: calc(60 * 0.075vw + 3.0vw);
	--gap-50: calc(50 * 0.075vw + 3.0vw);
	--gap-40: calc(40 * 0.075vw + 3.0vw);
	--gap-30: calc(30 * 0.075vw + 3.0vw);
	/*フォントサイズ：19pxまで文章用*/
	--fs-12: calc(12 * 0.102rem);
	--fs-13: calc(13 * 0.102rem);
	--fs-14: calc(14 * 0.102rem);
	--fs-15: calc(15 * 0.102rem);
	/*--fs-16：変えない*/
	--fs-17: calc(17 * 0.09rem);
	--fs-18: calc(18 * 0.09rem);
	--fs-19: calc(19 * 0.09rem);
	/*フォントサイズ：20pxから見出し用*/
	--fs-20: calc(20 * 0.045rem + 0.94rem);
	--fs-22: calc(22 * 0.045rem + 0.94rem);
	--fs-24: calc(24 * 0.045rem + 0.94rem);
	--fs-26: calc(26 * 0.045rem + 0.94rem);
	--fs-28: calc(28 * 0.045rem + 0.94rem);
	--fs-30: calc(30 * 0.045rem + 0.94rem);
	--fs-32: calc(32 * 0.045rem + 0.94rem);
	--fs-34: calc(34 * 0.045rem + 0.94rem);
	--fs-36: calc(36 * 0.045rem + 0.94rem);
	--fs-38: calc(38 * 0.045rem + 0.94rem);
	--fs-40: calc(40 * 0.045rem + 0.94rem);
	--fs-44: calc(44 * 0.045rem + 0.94rem);
	--fs-48: calc(48 * 0.045rem + 0.94rem);
	--fs-50: calc(50 * 0.045rem + 0.94rem);
	--fs-56: calc(56 * 0.045rem + 0.94rem);
	--fs-62: calc(62 * 0.045rem + 0.94rem);
	--fs-64: calc(64 * 0.045rem + 0.94rem);
	--fs-72: calc(72 * 0.045rem + 0.94rem);
}
}