@charset"utf-8";

#main .page-title {
	margin-bottom: 45px;
	background-image: url('../img/h1.gif');
}
.photo #main .page-stitle {
	background-image: url('../img/h2.gif');
	background-repeat: no-repeat;
	background-position: left top;
}

.photo-gallery {
	margin-top: -40px;
	margin-left: -40px;
	zoom: 1;
}
.photo-gallery li {
	width: 220px;
	height: 219px;
	margin-left: 40px;
	margin-top: 40px;
	float: left;

	opacity: 0;
	-webkit-transform: scale(0);
	-webkit-transition: all .8s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all .8s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.photo-gallery li.show {
	opacity: 1;
	-webkit-transform: scale(1);
}



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

	#main .page-title {
		margin-bottom: 10px;
		background-color: #abcd03;
	}
	
	.photo #main .page-stitle {
		margin-bottom: 10px;
		background-size: auto 13px;
		-webkit-background-size: auto 13px;
	}
	
	.photo-gallery {
		margin: 0 10px;
		text-align: center;
	}
	
	.photo-gallery li {
		display: inline-block;
		width: 50px;
		height: 49px;
		margin-left: 20px;
		margin-top: 20px;
		float: none;
	}
	.photo-gallery li:nth-child(4n-3){
		margin-left: 0;
	}

}