@media all and (min-width: 1065px) {
	.main_ul {
		display: inline-block;
		margin-bottom:50px;
	}
	.main_ul li {
		float: left;
		width: 224px;
		height: 224px;
		margin-right:20px;
		margin-bottom:25px;
	}
	.main_ul li img {
		width: 100%;
		height: 100%;
	}
	.main_ul li:nth-child(5n) {
		margin-right:0;
	}
	.main_ul li:hover {
		opacity: 0.6;
		transition-duration: 0.5s;
	}
}

@media all and (min-width: 768px) and (max-width: 1064px) {
	.main_ul {
		display: inline-block;
		margin-bottom:50px;
	}
	.main_ul li {
		float: left;
		width: 23%;
		height: 230px;
		margin-right:2%;
		margin-bottom:25px;
	}
	.main_ul li img {
		width: 100%;
		height: 100%;
	}
	.main_ul li:nth-child(4n) {
		margin-right:0;
	}
	.main_ul li:hover {
		opacity: 0.6;
		transition-duration: 0.5s;
	}
}

@media (max-width: 767px) {
	.main_ul {
		display: inline-block;
		margin-bottom:50px;
	}
	.main_ul li {
		float: left;
		width: 48%;
		height: 200px;
		margin:0 1%;
		margin-bottom:20px;
	}
	.main_ul li img {
		width: 100%;
		height: 100%;
	}
	.main_ul li:hover {
		opacity: 0.6;
		transition-duration: 0.5s;
	}
}