@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Cinzel&family=Shippori+Mincho&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%/2.0 "Shippori Mincho", serif;	/*太さ：400のみ*/
	--font-en: normal normal 400 100%/1 "Cinzel", serif;	/*斜体不可,太さ：400のみ*/
	/*コンテンツ幅*/
	--content-width: 94%;
	/*共通色*/
	--color-base: #1a1a1a;
	--color-gray: #484848;
	--color-navy: #31314f;
	--color-blue: #2a53a3;
	--color-red: #ad2337;
	--color-light: #f8f8fa;
	--color-bright: #fbfbfc;
	--color-web: #4a6db1;
	/*隙間*/
	--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);
	--gap-20: min(40px,2vw);
	/*フォントサイズ：19pxまで文章用*/
	--fs-12: 1.2rem;
	--fs-14: 1.4rem;
	--fs-15: 1.5rem;
	--fs-17: 1.7rem;
	--fs-19: 1.9rem;
	/*フォントサイズ：20pxから見出し用*/
	--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-29: min(2.9rem,2.5vw);
	--fs-30: min(3.0rem,2.6vw);
	--fs-38: min(3.8rem,3.2vw);
	--fs-43: min(4.3rem,3.7vw);
	--fs-49: min(4.9rem,4.3vw);
	--fs-base: var(--fs-17);	/*サイト内基準*/
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
:root {
	/*フォントサイズ：19pxまで文章用*/
	--fs-12: calc(12 * 0.102rem);
	--fs-14: calc(14 * 0.102rem);
	--fs-15: calc(15 * 0.102rem);
	--fs-17: calc(17 * 0.09rem);
	--fs-19: calc(19 * 0.09rem);
	/*フォントサイズ：20pxから見出し用*/
	--fs-20: calc(22 * 0.095vw);	/*小さくなりすぎるので22にまとめる*/
	--fs-22: calc(24 * 0.095vw);	/*小さくなりすぎるので24にまとめる*/
	--fs-24: calc(24 * 0.095vw);
	--fs-26: calc(26 * 0.095vw);
	--fs-29: calc(29 * 0.095vw);
	--fs-30: calc(30 * 0.095vw);
	--fs-38: calc(38 * 0.095vw);
	--fs-43: calc(43 * 0.095vw);
	--fs-49: calc(49 * 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;
	--gap-30: 5vw;
	--gap-20: 4vw;
	
	/*フォントサイズ：19pxまで文章用*/
	--fs-12: calc(12 * 0.102rem);
	--fs-14: calc(14 * 0.102rem);
	--fs-15: calc(15 * 0.102rem);
	--fs-17: calc(17 * 0.09rem);
	--fs-19: calc(19 * 0.09rem);
	/*フォントサイズ：20pxから見出し用*/
	--fs-20: calc(20 * 0.13vw + 1.9vw);
	--fs-22: calc(22 * 0.13vw + 1.9vw);
	--fs-24: calc(24 * 0.13vw + 1.9vw);
	--fs-26: calc(26 * 0.13vw + 1.9vw);
	--fs-29: calc(29 * 0.13vw + 1.9vw);
	--fs-30: calc(30 * 0.13vw + 1.9vw);
	--fs-38: calc(38 * 0.13vw + 1.9vw);
	--fs-43: calc(43 * 0.13vw + 1.9vw);
	--fs-49: calc(46 * 0.13vw + 1.9vw);
}
}