@charset "UTF-8";

#mainSection li {
	margin-bottom: 15px;
	float: left;
	background: #fff;
}

#mainSection li p {
	margin: 0;
	padding: 5px;
	font-size: 11px;
	line-height: 1.4;
}

#mainSection li p + p {
	padding-top: 0;
}

/* CLEAR FIX */
#mainSection ul:after {
	content:"";
	clear:both;
	display:block;
	height:0;
}

.next {text-align: right;}

/*===============================================
● PC向け 横幅1040px以上
===============================================*/
@media all and (min-width: 1040px){
	#mainSection li {
		margin-right: 15px;
		width: 180px;
	}
	
	#mainSection li:nth-child(5n) {
		margin-right: 0;
	}

	#mainSection li img {
		width: 170px;
	}
}

/*===============================================
● タブレット向け 横幅640px以上1039px以下
===============================================*/
@media all and (min-width: 640px) and (max-width: 1039px){
	#mainSection li {
		margin-right: 16px;
		width: 148px;
	}
	
	#mainSection li:nth-child(4n) {
		margin-right: 0;
	}
	
	#mainSection li img {
		width: 138px;
	}
}

/*===============================================
● スマートフォン向け 横幅639px以下
===============================================*/
@media all and (max-width:639px){
	#mainSection li {
		margin-right:2%;
		margin-bottom:2%;
		width: 49%;
	}
	#mainSection li:nth-child(even){
		margin-right:0;
	}
	
	#mainSection li p {
		padding: 5px 0;
	}

	#mainSection li p + p {
		padding: 0 5px;
	}

	#mainSection li img {
		width: 100%;
	}
}