img {
	width: 100%;/*画像の大きさ*/
	margin-bottom: 0.6em;
}
.img-orig-size {
	width: auto;
}
.img-fixed-400px { width: 400px; }
#row { padding: 0 0.5em; width: auto; overflow: hidden;
font-size:9px;       
	   }


.block-grid {
	width: auto;
  overflow: hidden;
  list-style: none;
  margin: 0 -1% 30px;
	padding: 0;
}
.block-grid li {
	float: left;
  margin: 0 1% 30px;
  padding: 0;
}
.block-grid a {
	text-decoration: none;
	font-size: 1.6em;
}
	.block-grid-1-2-3 li {/*画像分配*/
		width: 31%;
	}
	.block-grid-1-2-3 li:nth-child(3n+1) {/*横並び画像分配*/
		clear: both;
	}
	



@media (min-width: 600px){
	.block-grid-1-2-3 li {
		width: 31%;/*画像分配*/
	}
	.block-grid-1-2-3 li:nth-child(3n+1) {/*上の横並び画像分配のキャンセル*/
		clear: none;
	}
	.block-grid-1-2-3 li:nth-child(3n+1) {/*横並び画像分配*/
		clear: both;
	}
}

@media (min-width: 640px){

	.grid-12 {
		float: left;
		padding: 0 0.5em;
	}
	.grid-12 {
		width: 100%;
	}
	.grid-center {
		margin-left: auto;
		margin-right: auto;
	}
}


@media (min-width: 800px){
	.block-grid-1-2-3 li {
		width: 14.5%;/*画像分配*/
	}
	.block-grid-1-2-3 li:nth-child(3n+1) {/*上の横並び画像分配のキャンセル*/
		clear: none;
	}
	.block-grid-1-2-3 li:nth-child(6n+1) {/*横並び画像の数字*/
		clear: both;
	}
}