@charset "utf-8";

.container {
	display: flex;
	gap: 20px;
	max-width: 1200px;
	margin: 0 auto;
}

main {
	flex: 3;
	background: #fff;
	padding: 0 5px;
}

aside {
	flex: 1;
	background: #f9f9f9;
	padding: 0 20px;
	margin: 20px 0;
}

.aside_content {
  margin: 20px 0;
}

@media screen and (max-width: 990px) {
	/* 990px以下に適用されるCSS（スマホ用） */
	.container {
		flex-direction: column; /* スマホでは縦並び */
	}
}