.sample6 {
	overflow:		hidden;
	margin:			0;
	position:		relative;
}
.sample6 .caption {
	font-size: 1em;
	color: #fff;
	padding-top: 20px;
	padding-left: 20px;
	font-family: メイリオ;
}
.sample6 .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			-100%;	/* 枠の上に置いて表示させない */
	left:			0;
	background-color:	rgba(0,0,0,0.4);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
}
.sample6:hover .mask {
	top:			0;	/* 下に降りてくるように見せる */
}

@media only screen and (max-width: 959px) {
.sample6 .caption {
	font-size: 0.8em;
	color: #fff;
	padding-top: 5px;
	padding-left: 5px;
	font-family: メイリオ;

}





}