main{
	padding:0 5%;
}
#blog_wrapper{
	max-width:1280px;
	margin:0 auto 100px;
	display:flex;
	gap:50px;
	padding:100px 0 0;
}
#blog_wrapper aside{
	width:200px;
}
#blog_wrapper aside dl{
	border-radius:10px;
	background:rgba(255,255,255,0.8);
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	padding:10px;
}
#blog_wrapper aside dl dt{
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}
#blog_wrapper aside select{
	border-radius:5px;
	width:100%;
	line-height:40px;
}
#bloglist{
	width:calc(100% - 250px);
	flex:none;
}
#bloglist article{
	display:flex;
	flex-wrap:wrap;
	gap:50px 40px;
}
#bloglist dl{
	padding:10px;
	background:#fff;
	box-sizing:border-box;
	width:calc((100% - 120px) / 4);
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}
#blogitem{
	width:100%;
	box-sizing:border-box;
	padding:40px;
	border-radius:20px;
	background:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}
#blogitem h3 {
	background: #4bb9a3;
	border-radius:30px;
	color:#fff;
	text-align:center;
	padding:10px;
	font-size:120%;
}
#blogitem time{
	display:block;
	text-align:right;
	padding:20px 0;
}