@charset "utf-8";

.episodeArea {
	margin-bottom: 30px;
	width: 100%;
}

.episodeArea .storyset {
	position: relative;
	float: left;
	width: 306px;
}

.episodeArea .storyset:nth-of-type(3n) { width: 308px; }

.episodeArea .storyset:nth-of-type(3n+1) { clear: left; }

.episodeArea .storyset a {
	display: block;
	position: relative;
	box-sizing: border-box;
	padding: 195px 13px 37px;
	color: #333;
}

.episodeArea .storyset a:hover {
	background-color: #f3f3f3;
	text-decoration: none;
}

.coverimg {
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	text-align: center;
}

.coverimg img {
	-webkit-box-shadow:rgb(171, 171, 171) 1px 1px 1px 0px;
	-moz-box-shadow:rgb(171, 171, 171) 1px 1px 1px 0px;
	box-shadow:rgb(171, 171, 171) 1px 1px 1px 0px;
}

.episodeArea .storyset a:hover .coverimg img { opacity: 1; }

h3.ttl {
	margin-top: 12px;
	margin-bottom: 0;
	padding: 0;
	background-color: transparent;
	border-left-width: 0;
	font-size: 114.285%;
	font-weight: bold;
}

h3.ttl span {
	margin-left: 10px;
	color: #36c;
	font-size: 128.571%;
}

.leadtxt { margin-top: 10px; }

.episodeArea .storyset .my-gallery,
.episodeArea .storyset .my-gallery figure {
	position: absolute;
	visibility: hidden;
	width: 120px;
	height: 170px;
	top: -50px;
	left: 54px;
	overflow: hidden;
}

.episodeArea .storyset .my-gallery figcaption { display: none; }

.episodeArea .production {
	font-size: 12px;
	text-align: right;
}

.episodeArea .production { clear: left; }