/* General style */
.grid-gallery ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.grid-gallery figure {
	margin: 0;
}

.grid-gallery figure img {
	display: block;
	width: 100%;
}
.grid-gallery figcaption {
	position:relative;
}

.grid-gallery figcaption span.date {
	position:absolute;
	top:10px;
	right:10px;
	font-size:0.875rem;
	color:#3f628d;
}

.grid-gallery figcaption h3 {
	margin: 0;
	padding: 0 0 0.5em;
	font-size:1.0625rem;
	font-weight:normal;
	font-family:'WF Godo';
	width:90%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.grid-gallery figcaption p {
	margin: 0;
	font-size:0.9375rem;
	color:#565656;
}

/* Grid style */
.grid-wrap {
	max-width: 1070px;
	margin: 0 auto;
	/*padding: 0 1em 1.875em;*/
	padding:0;
}

.grid {
	margin: 0 auto;
}

.grid li {
	position:relative;
	width: 33.33%;
	float: left;
	cursor: pointer;
}

.grid li div {margin:5px; background:#fff; border:1px solid #bbbbbb;}
.grid figure {
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	overflow:hidden;
}

.grid li:hover figure {
	opacity: 1;
}

.grid li figure img {-webkit-transition:all 0.35s ease; transition:all 0.35s ease;}
.grid li:hover img {-ms-transform: scale(1.05,1.05);
	-webkit-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);}

.grid figcaption {
	color:#454545;
	padding: 10px;
	display:block;
	margin:5px;
}

@media screen and (max-width: 768px) {
	.grid li {
		width: 50%;
	}
}

@media screen and (max-width: 478px) {
	.grid li {
		width: 100%;
	}
}