/* タブレット・スマホ の場合 メニューの開け閉め */
@media screen and (max-width: 1024px)
	{
	#container {
		grid-template-columns: auto 200px; /* 左側：メイン、右側：メニュー ※左右入れ替え */
	}

	#container main { /* mainをasideの上にかぶせる */
		grid-area: 2/1/3/3;
		width: 94vw; /* 左右マージンの残り (メニュー非表示) */
	}
	#container aside { /* メニューは右側に移動 */
		grid-area: 2/2/3/3;
	}

	#container aside:not(.open) { /* (閉じてる時)メニューは後ろに。また右側に移動 */
		z-index: 0; /* マイナスにするとロゴもクリックできない(bodyより下がるため？) */
	}
	#container aside:not(.open) #ct_menu2 /* (閉じてる時)メニューは消す */
		{
		display: none;
		}

	/* レスポンシブ用メニューボタン */
	#container header #btn_menu
		{
		display: flex;
		height: 100%;
		align-items: center;
		gap: 0 10px;
		width: 40px;
		}
	}

/* 暫定：ログインユーザ名を隠す（スマホの幅では足りないケースがあるため。） */
/* 本来は、ログインユーザ名をクリックしてログアウトボタン、メニューを出すようにしたい */
@media screen and (max-width: 420px)
	{
		#usr0 > .user
		{
			display: none;
		}
	}