:root {
	--sat: env(safe-area-inset-top);
	--sar: env(safe-area-inset-right);
	--sab: env(safe-area-inset-bottom);
	--sal: env(safe-area-inset-left);

	--iosb: 4px;
	
	/* 横向き表示用の変数 */
	--landscape-padding: 20px;
	--landscape-header-height: 50px;
	--landscape-content-height: calc(100vh - var(--landscape-header-height) - var(--landscape-padding) * 2);
}

/* デバイス向き検出のためのメタタグを追加 */
@media screen and (orientation: landscape) {
	html, body {
		overflow-x: hidden;
		width: 100%;
	}
	
	.wrapper {
		max-width: 1200px;
		margin: 0 auto;
	}
}