@charset "utf-8";

/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/
	/*** main px ***/
	#s2010_list{
		
		}
		#s2010_list ul{
			padding:20px 0 0 0;
			}
			#s2010_list ul li{
				width:15.6%;
				float:left;
				padding:0 0.5%;
				margin:0 0 5px 0;
				}


/*-----------------------------------------------------	*/
/*	 769-1020		*/    /*パソコン*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1020px) {
	
}



/*-----------------------------------------------------	*/
/*	 481-768	 */    /*タブレット*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 768px) {
	
	#s2010_list{
		
		}
		#s2010_list ul{
			padding:0;
			}
			#s2010_list ul li{
				width:18%;
				float:left;
				padding:0;
				margin:10px 2.5% 0 0;
				}
				#s2010_list ul li:nth-child(5n){
					margin:10px 0 0 0;
				}
				#s2010_list ul li:nth-child(5n+1){
					clear:both;
				}
	
}



/*-----------------------------------------------------	*/
/*	 320-480	 */   /*大きいスマホ*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 480px) {
	#s2010_list{
		
		}
		#s2010_list ul{
			padding:0;
			}
			#s2010_list ul li{
				width:23.5%;
				float:left;
				padding:0;
				margin:10px 2% 0 0;
				}
				#s2010_list ul li:nth-child(5n){
					margin:10px 2% 0 0;
				}
				#s2010_list ul li:nth-child(5n+1){
					clear:none;
				}
				#s2010_list ul li:nth-child(4n){
					margin:10px 0 0 0;
				}
				#s2010_list ul li:nth-child(4n+1){
					clear:both;
				}
	
}


/*-----------------------------------------------------	*/
/*	 319px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 319px) {
	#s2010_list{
		}
		#s2010_list ul{
			}
			#s2010_list ul li{
				width:32%;
				margin:10px 0 0 0;
				}
				#s2010_list ul li:nth-child(5n),
				#s2010_list ul li:nth-child(4n){
					margin:10px 0 0 0;
				}
				#s2010_list ul li:nth-child(4n+1){
					clear:none;
				}
				#s2010_list ul li:nth-child(3n+2){
					margin:10px 2% 0 2%;
				}
				#s2010_list ul li:nth-child(3n+1){
					clear:both;
				}
				

}