/* Masonryコンテナ */
.masonry {
	position: relative;
	width: 100%;
	margin: 20px auto;
	/* 初期状態は非表示。JSで計算完了後に opacity: 1 になる */
	opacity: 0;
	transition:
		opacity 0.5s ease-in-out,
		height 0.3s ease-in-out;
}

/* Masonryアイテム */
.masonry-item {
	position: absolute; /* JSで位置を計算・設定するため必須 */
	box-sizing: border-box;
	overflow: hidden;
	/* 位置が変わるときのトランジション */
	transition: transform 0.3s ease-in-out;
}

.masonry-item img {
	display: block;
	width: 100%;
	height: auto;
}

.masonry-item .content {
	padding: 15px;
}

.masonry-item h3 {
	margin-top: 0;
	font-size: 1.1em;
}

.masonry-item p {
	font-size: 0.9em;
	line-height: 1.5;
}