@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@500;700&family=Noto+Serif+JP&display=swap');

:root {
	/*フォント*/
	--ff_got: "Hiragino Kaku Gothic ProN","Hiragino Sans","游ゴシック","Yu Gothic",Meiryo,sans-serif;
	--font_min: normal normal 400 100%/1 "Noto Serif JP", serif;
	--font_eng: normal normal 600 100%/1 "Montserrat Alternates", serif;
	
	/*コンテンツ幅*/
	--content_width: 94%;
	
	/*共通色 3つ以上の箇所で使用色*/
	--color_base: #4c3e36;
	--color_white: #ffffff;
	--color_yellow: #f7e16f;
	--color_yellow2: #ffe269;
	--color_yellow3: #ffba26;
	
	/*隙間
	--gap_120: 120px;
	*/
	
	/*角丸*/
	--radius8: min(8px,0.5vw);
	--radius20: min(20px,1vw);
	--radius30: min(30px,2vw);
	--radius40: min(40px,3vw);
	--radius100: min(100px,7vw);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
:root {
	/*隙間
	--gap_120: 12%;
	*/
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
:root {
	/*コンテンツ幅*/
	--content_width: 90%;
	
	/*隙間
	--gap_120: 15%;
	*/
	
	/*角丸*/
	--radius8: 2vw;
	--radius20: 3vw;
	--radius30: 5vw;
	--radius40: 8vw;
	--radius100: 10vw;
}
}