@charset "utf-8";
.episodes{
	padding:min(calc(60 / var(--vw-min) * 100vw),60px) 8.3333% min(calc(100 / var(--vw-min) * 100vw),100px);
}
@media screen and (max-width:768px){
	.episodes{
		padding:calc(100 / var(--vw-min) * 100vw) 8.3333% min(calc(100 / var(--vw-min) * 100vw),100px);
	}
}
.episodes__wrap{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.episodes__title{
	font-family:var(--font-bodoni);
	font-size:min(calc(60 / var(--vw-min) * 100vw),60px);
	line-height:0.783;
	font-weight:700;
	color:var(--color-blue);
	text-align:center;
	margin-bottom:min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.episodes__title{
		font-size:calc(60 / var(--vw-min) * 100vw);
		margin-bottom:calc(60 / var(--vw-min) * 100vw);
	}
}
.episodes__lists{
	margin:0 max(calc(-40 / var(--vw-min) * 100vw),-40px) min(calc(50 / var(--vw-min) * 100vw),50px);
	display:flex;
	flex-wrap:wrap;
}
@media screen and (max-width:768px){
	.episodes__lists{
		margin:0 0 calc(-80 / var(--vw-min) * 100vw);
		display:block;
	}
}
.episodes__item{
	width:calc(100% / 3);
	padding:0 min(calc(40 / var(--vw-min) * 100vw),40px);
	margin-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.episodes__item{
		width:100%;
		padding:0;
		margin-bottom:calc(80 / var(--vw-min) * 100vw);
	}
}
.episodes__itemLink{
	display:block;
	position:relative;
	padding-top:min(calc(17 / var(--vw-min) * 100vw),17px);
	text-decoration:none;
	height:100%;
}
.episodes__itemLink:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:1px;
	background:var(--color-lightblue);
}
.episodes__itemLink:after{
	content:'';
	position:absolute;
	left:0;
	width:20%;
	top:0;
	height:1px;
	background:var(--color-blue);
	animation:newsLine-out 0.3s ease forwards;
}
@media screen and (max-width:768px){
	.episodes__itemLink:after{
		width:calc(56 / var(--vw-min) * 100vw);
		animation:unset;
	}
}
.episodes__itemLink:hover:after{
	animation:episodesLine-in 0.3s ease forwards;
}
.episodes__itemMark{
	position:absolute;
	left:50%;
	top:0;
	width:min(calc(30 / var(--vw-min) * 100vw),30px);
	height:min(calc(30 / var(--vw-min) * 100vw),30px);
	margin:max(calc(-15 / var(--vw-min) * 100vw),-15px) 0 0 max(calc(-15 / var(--vw-min) * 100vw),-15px);
	background:#fff;
	z-index:10;
	display:flex;
	justify-content:center;
	align-items:center;
}
@media screen and (max-width:768px){
	.episodes__itemMark{
		width:calc(53 / var(--vw-min) * 100vw);
		height:calc(53 / var(--vw-min) * 100vw);
		margin:calc(-26.5 / var(--vw-min) * 100vw) 0 0 calc(-26.5 / var(--vw-min) * 100vw);
	}
}
.episodes__itemMark:before{
	content:'';
	display:block;
	width:min(calc(14 / var(--vw-min) * 100vw),14px);
	height:min(calc(14 / var(--vw-min) * 100vw),14px);
	-webkit-mask:url(../img/common/icon_moon.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_moon.svg) no-repeat center center / contain;
	background:var(--color-lightblue);
	transition:all 0.1s ease;
}
@media screen and (max-width:768px){
	.episodes__itemMark:before{
		width:calc(32 / var(--vw-min) * 100vw);
		height:calc(32 / var(--vw-min) * 100vw);
	}
}
.episodes__itemLink:hover .episodes__itemMark:before{
	background:var(--color-paleblue);
	transition-delay:0.06s;
}
.episodes__number{
	display:flex;
	align-items:center;
	font-weight:700;
	font-family:var(--font-bodoni);
	color:var(--color-blue);
	margin-bottom:0.5em;
	transition:all 0.3s ease;
	padding-top:0.25em;
}
@media screen and (max-width:768px){
	.episodes__number{
		margin-bottom:0;
		padding-top:0.7em;
	}
}
.episodes__number:after{
	content:'';
	display:block;
	width:min(calc(5 / var(--vw-min) * 100vw),5px);
	height:min(calc(5 / var(--vw-min) * 100vw),5px);
	box-sizing:border-box;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	margin-left:min(calc(16 / var(--vw-min) * 100vw),16px);
	transform:rotate(45deg);
}
.episodes__number--no{
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	display:block;
	padding-top:0;
	line-height:1;
	margin-top:-0.5em;
	margin-right:0.5em;
}
@media screen and (max-width:768px){
	.episodes__number--no{
		font-size:calc(20 / var(--vw-min) * 100vw);
		display:block;
		padding-top:0;
		line-height:1;
		margin-top:-0.5em;
		margin-right:0.5em;
	}
}
.episodes__number--num{
	font-size:min(calc(30 / var(--vw-min) * 100vw),30px);
	display:block;
	line-height:1;
}
@media screen and (max-width:768px){
	.episodes__number--num{
		font-size:calc(40 / var(--vw-min) * 100vw);
	}
}
.episodes__itemTitle{
	line-height:1.8;
	color:#000;
	transition:all 0.3s ease;
	margin-bottom:1em;
}
@media screen and (max-width:768px){
	.episodes__itemTitle{
		font-size:calc(24 / var(--vw-min) * 100vw);
	}
}
.episodes__itemLink:hover .episodes__itemTitle{
	color:var(--color-blue);
}
.episodes__itemThumb{
	width:100%;
	padding-top:56.25%;
	position:relative;
	background:#fff;
	overflow:hidden;
}
.episodes__itemThumb img{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all 0.8s ease;
}
.episodes__itemLink:hover .episodes__itemThumb img{
	transform:scale(1.1)
}
@keyframes episodesLine-in{
	0%{
		width:20%;
	}
	100%{
		width:100%;
	}
}
@keyframes episodesLine-out{
	0%{
		width:100%;
		left:0;
	}
	80%{
		width:0;
		left:100%;
	}
	80.01%{
		width:0;
		left:0;
	}
	100%{
		width:20%;
		left:0;
	}
}
.episodes__tabLists {
	display: flex;
	flex-wrap: wrap;
	margin:0 max(calc(-5 / var(--vw-min) * 100vw),-5px) min(calc(60 / var(--vw-min) * 100vw),60px);
	justify-content: center;
}
.episodes__tabItem {
	width:calc(100% / 12);
	padding:0 min(calc(5 / var(--vw-min) * 100vw),5px);
}
@media screen and (max-width:768px){
	.episodes__tabItem {
		width:calc(100% / 6);
		padding:0 min(calc(5 / var(--vw-min) * 100vw),5px) calc(10 / var(--vw-min) * 100vw);
	}
}
.episodes__tabItem.is-active {
	pointer-events: none;
}
.episodes__tabItemLink {
	display: flex;
	width:100%;
	border:1px solid var(--color-blue);
	color:var(--color-blue);
	justify-content: center;
	align-items: center;
	font-family: var(--font-bodoni);
	text-decoration: none;
	font-weight: 700;
	font-size:min(calc(22 / var(--vw-min) * 100vw),22px);
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.episodes__tabItemLink {
		font-size:calc(28 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover){
	.episodes__tabItemLink:hover {
		background:var(--color-blue);
		color:#fff;
	}
}
.episodes__tabItem.is-active .episodes__tabItemLink {
	background:var(--color-blue);
	color:#fff;
}
.episodes__tabItem--no {
	font-size:min(calc(15 / var(--vw-min) * 100vw),15px);
	display: block;
	line-height:1;
	padding-bottom:min(calc(4 / var(--vw-min) * 100vw),4px);
	padding-right:min(calc(4 / var(--vw-min) * 100vw),4px);
}
@media screen and (max-width:768px){
	.episodes__tabItem--no {
		font-size:calc(18 / var(--vw-min) * 100vw);
		padding-bottom:calc(5 / var(--vw-min) * 100vw);
		padding-right:calc(4 / var(--vw-min) * 100vw);
	}
}
.episodes__epTitle {
	padding:min(calc(40 / var(--vw-min) * 100vw),40px) 0 min(calc(34 / var(--vw-min) * 100vw),34px);
}
@media screen and (max-width:768px){
	.episodes__epTitle {
		padding:calc(40 / var(--vw-min) * 100vw) 0 calc(38 / var(--vw-min) * 100vw);
	}
}
.episodes__epNumber{
	display:flex;
	align-items:center;
	font-weight:700;
	font-family:var(--font-bodoni);
	color:var(--color-blue);
	margin-bottom:0.5em;
	transition:all 0.3s ease;
	padding-top:0.25em;
	justify-content: center;
	width:100%;
}
@media screen and (max-width:768px){
	.episodes__epNumber{
		margin-bottom:0;
	}
}
.episodes__epTitleLable {
	display: block;
	text-align: center;
	font-size:min(calc(44 / var(--vw-min) * 100vw),44px);
	color:var(--color-blue);
	line-height:1.5;
}
@media screen and (max-width:768px){
	.episodes__epTitleLable {
		font-size:calc(40 / var(--vw-min) * 100vw);
	}
}
.episodes__epImgs {
	margin-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
.episodes__epImg {}
.episodes__epImg img {
	width:100%;
	height:auto;
}
.episodes__epImgLists {
	display: flex;
	margin:0 max(calc(-5 / var(--vw-min) * 100vw),-5px);
	padding-top:min(calc(5 / var(--vw-min) * 100vw),5px);
	flex-wrap: wrap;
}
.episodes__epImgItem {
	width:calc(100% / 6);
	padding:min(calc(5 / var(--vw-min) * 100vw),5px);
}
@media screen and (max-width:768px){
	.episodes__epImgItem {
		width:calc(100% / 3);
		padding:calc(5 / var(--vw-min) * 100vw);
	}
}
.episodes__epImgItem.is-active {
	pointer-events: none;
}
.episodes__epImgLink {
	display: block;
	position: relative;
}
.episodes__epImgLink:before {
	content:'';
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,.4);
	transition: all 0.3s ease;
}
.episodes__epImgLink:after {
	content:'';
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	box-sizing: border-box;
	border:min(calc(3 / var(--vw-min) * 100vw),3px) solid var(--color-blue);
	transition: all 0.3s ease;
	opacity:0;
}
@media screen and (hover:hover){
	.episodes__epImgLink:hover:before {
		opacity:0;
	}
}
.episodes__epImgItem.is-active .episodes__epImgLink:before {
	opacity:0;
}
.episodes__epImgItem.is-active .episodes__epImgLink:after {
	opacity:1;
}
.episodes__epImgLink img {
	display: block;
	width:100%;
	height:auto;
}
.episodes__epDescription {
	margin-bottom:min(calc(60 / var(--vw-min) * 100vw),60px);
}
.episodes__epDescriptionText {
	line-height:2;
}
.episodes__epMovie {}
.episodes__epMoviein {
	position: relative;
	width:100%;
	padding-top:56.25%;
	margin-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
.episodes__epMoviein iframe {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}