/* ------------------------------
 フォト
------------------------------ */
.photo {
	display: block;
	margin: 0 0 30px 0;
	.transition(opacity .2s linear);
	&:hover {
		.opacity(.6);
	}
}
.photoParent {
	display: block;
	position: relative;
	margin-bottom: @module-btm;
	color: #FFF;
	&:hover,
	&:visited,
	&:active,
	&:focus {
		color: #FFF;
	}
	&:hover {
		.transition(opacity .2s linear);
		.opacity(.8);
	}
}
/* 下付けタイトル */
.photoTitleBottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 20px;
}
/* 日付 */
.photoDate {
	.font-size(16);
}
/* タイトル */
.photoTitle {
	.font-size(20);
}
/* フィルター */
.photoFilter {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	.vertical(@start-color:rgba(0,0,0,0), @start-percent:0%, @end-color:rgba(0,0,0,0.5), @end-percent:100%);
}
