@charset "UTF-8";

/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/





	


/* 1024px */
@media screen and (max-width: 1024px) {
	
	#main {
		width: 1200px;
		margin: 0 auto;
	}
	
	#columnIndex {
	}
		#columnIndex a {
			display: block;
			width: 350px !important;
			float: left;
			margin-bottom: 20px;
			margin-right: 75px;
		}
		#columnIndex a:nth-child(3n) {
			margin-right: 0;
		}
		#columnIndex a dl {
			width: 350px !important;
		}
	
		#columnIndex a img {
			width: 100%;
			height: auto;
		}
	
	#columnIndex .cat {
		font-size: 12px;
	}

	
}





/* max 768px */
@media screen and (max-width: 768px) {

	#main {
		padding: 5%;
	}

	
	#columnIndex {
	}
		#columnIndex a {
			display: block;
			width: 49%;
			float: left;
			margin-bottom: 2%;
			margin-right: 2%;
		}
		#columnIndex a:nth-child(2n) {
			margin-right: 0;
		}
		#columnIndex a img {
			width: 100%;
			height: auto;
		}
	
	#columnIndex .cat {
		font-size: 12px;
	}
	
	
	
	
	
	
	
	
	
	
}