/*----------------------------------------------------------------------------
Unity-webgl
----------------------------------------------------------------------------*/
#unity-webgl{
	/* 16:9 */
	width: 640px ;/*デフォルトの横幅*/
	height: 360px ;/*デフォルトの縦幅*/
}
@media screen and (max-width: 1240px){/*1240px以下*/
	#unity-webgl{
		width: 640px ;
		height: 360px ;
	}
}
@media screen and (max-width: 1023px){/*1023px以下*/
	#unity-webgl{
		width: 640px ;
		height: 3600px ;
	}
}
@media screen and (max-width: 834px){/*834px以下*/
	#unity-webgl{
		width: 480px ;
		height: 270px ;
	}
}
@media screen and (max-width: 480px){/*480px以下*/
	#unity-webgl{
		width: 400px ;
		height: 225px ;
	}
}


:root {
	/* ################################
	 　   フォントに関するグローバル変数
	#################################*/

	/* --- 英語ゴシック体 --- */
	--font-mac-en1: Futura;
	--font-mac-en2: ;
	--font-win-en1: 'Century Gothic';
	--font-win-en2: ;

	/* ------ 日本語 ------ */
	--font-jp0: 'FOT-TsukuARdGothic Std';
	--font-mac-jp1: YuGothic;
	--font-mac-jp2: 'Hiragino Kaku Gothic ProN';
	--font-win-jp1: 'Yu Gothic';
	--font-win-jp2: Meiryo;

	/* -- ファミリー -- */
	--font-gen-family: sans-serif;
}


body {
	/* ---- フォントの優先順位指定 ---- */
	font-family: var(--font-jp0), var(--font-mac-jp1), var(--font-mac-jp2), var(--font-win-jp1), var(--font-win-jp2), var(--font-gen-family);

	margin: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh; /* 100% of viewport height */
	background-color: #000; /* Set a background color if necessary */
}