@charset "utf-8";
#detailfree_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	-webkit-box-pack: start;
		-ms-flex-pack: start;
			justify-content: flex-start;
	-ms-flex-line-pack: start;
		align-content: flex-start;
	-webkit-box-align: stretch;
		-ms-flex-align: stretch;
			align-items: stretch;
}
#detailfree_wrapper .detail_free,
#main_body #detailfree_wrapper div.detail_free {
	width: calc(100% / 3 - 20px);
	margin: 5px 10px 10px;
	vertical-align: top;
	-webkit-box-sizing: border-box;
		box-sizing: border-box;
}

@media screen and (max-width: 800px) {
	#detailfree_wrapper .detail_free,
	#main_body #detailfree_wrapper div.detail_free {
		width: calc(100% / 2 - 20px);
	}
}