/* Y'S GEAR : label.css */


/*======================================================================*
 *  [ commonList example ] 
 *======================================================================*/

.commonList .example {
	float: left;
	width: 25%;
	padding: 0 15px 0 0;
	box-sizing: border-box;
}
.commonList .example:nth-child(4n+1) { clear: both; }
.commonList .example p { line-height: 1; }
.commonList .example img {
	margin: 5px 0 10px 0 !important;
	border: 1px solid #ccc;
	box-sizing: border-box;
}


/*======================================================================*
 *  [ Media Queries 667 ] 
 *======================================================================*/

@media screen and (max-width: 667px) {
	.commonList .example { width: 33.33333333%; }
	.commonList .example:nth-child(4n+1) { clear: none; }
	.commonList .example:nth-child(3n+1) { clear: both; }
}


/*======================================================================*
 *  [ Media Queries 480 ] 
 *======================================================================*/

@media screen and (max-width: 480px) {
	.commonList .example { width: 50%; }
	.commonList .example:nth-child(3n+1) { clear: none; }
	.commonList .example:nth-child(2n+1) { clear: both; }
}