#page_title{
	background:url('../images/garden/bg_h2.jpg') no-repeat top center;
}
main{
	padding:0 5%;
	box-sizing:border-box;
}
#page_title p{
	position:absolute;
	bottom:-60px;
	left:0;
	text-align:center;
	font-size:90%;
	line-height:1.5em;
	width:100%;
}
#blog_wrapper{
	max-width:1280px;
	margin:0 auto 100px;
	display:flex;
	gap:50px;
	padding:100px 0 0;
}
#blog_wrapper aside{
	width:200px;
	flex:none;
}
#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;
	margin-bottom:40px;
}
#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;
}
#blog_wrapper aside dd ul{
	padding:0 0 0 20px;
}
#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);
}
#bloglist dl dt a{
	display:block;
	height:160px;
}
#bloglist dl dt a img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
#bloglist dl dt .noimage{
	display:block;
	min-height:150px;
	height:10dvw;
	background:#ccc;
}
#bloglist dl dt .noimage img{
	object-fit:contain !important;
}
#bloglist dl dt .thumb{
	display:block;
	width:100%;
	min-height:150px;
	height:10dvw;
	object-fit:cover;
}
#blogitem{
	width:calc(100% - 250px);
	flex:none;
	box-sizing:border-box;
	padding:40px;
	border-radius:20px;
	background:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	font-size:16px;
	line-height:1.8em;
}
#blogitem h3 {
	background: #002c60;
	border-radius:30px;
	color:#fff;
	text-align:center;
	padding:10px;
	font-size:140%;
}
#blogitem h4 {
	font-size:124%;
	margin-bottom:10px;
}
#blogitem h5 {
	font-size:114%;
	margin-bottom:10px;
}
#blogitem time{
	display:block;
	text-align:right;
	padding:20px 0;
}
#blogitem{
	word-break: break-all;
}
#blogitem hr{
	clear:both;
}
#blogitem img.alignright{
	display:block;
	float:right;
	margin:0 0 20px 20px;
	max-width:48%;
	height:auto;
}
#blogitem img.alignleft{
	display:block;
	float:left;
	margin:0 20px 20px 0;
	max-width:48%;
	height:auto;
}
#blogitem img.alignleft{
	display:block;
	margin:0 auto 20px;
}