@charset "utf-8";

/* ****************************************************
Title: .css
---------------------------------------------------------------------------- */

/* =============================
 .section1
==============================*/
.sec01 .catch {width:315px; margin-bottom:50px;}

.sec01 .album {width: 450px;}

.sec01 figcaption {
	text-align:right;
	font-size:0.8em;
	margin-top:0.2em;
}

.sec01 .title {font-family:Georgia, "Times New Roman", Times, serif; text-align:center; margin-bottom:20px; font-size:125%; color:#333;}
.sec01 .albumlist {width:500px;}


.hov {
	width:			450px;
	height:			475px;
	overflow:		hidden;
	margin:			10px 8px 10px 16px;
	position:		relative;
}
.hov .caption {
	font-size:		130%;
	text-align: 		center;
	color:			#fff;
}
.hov .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(132,11,21,0.7);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
}
.hov:hover .mask {
	opacity:		1;	/* マスクを表示する */
	padding-top:		40%;	/* ホバーで下にずらす */
}



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

.sec01 .catch {width:152px; margin-bottom:50px;}
.sec01 .catch img {width:100%;}

.sec01 .album {width: 100%;}
.sec01 .albumlist {width:100%;}


.jp-video-270p {width:100%;}
.jp-controls-holder {width:100%;}

.jp-video .jp-type-playlist .jp-controls {margin-left:125px;}
.jp-video .jp-volume-controls {left:20px;}



.sec01 .cont_wrap {padding:0 1em;}
.sec01 .album {margin-bottom:1em;}

}