/*---------------
index,S1-Sx
---------------*/
@media screen and (min-width:751px) {
	.inc_s8_episodes .pc_none {
		display: none!important;
	}
	.inc_s8_episodes .sp_none {
		display: block;
	}
}
@media screen and (max-width: 750px) {
	.inc_s8_episodes .pc_none {
		display: block;
	}
	.inc_s8_episodes .sp_none {
		display: none!important;
	}
}
/*---------------
 .s8_episodes PC
---------------*/
@media screen and (min-width:751px) {
	.s8_episodes{
		padding: 60px 0 80px;
		text-align: center;
		background-color: #ffff50;
	}
	.s8_episodes .inner{
		width: 1368px;
		margin: 0 auto;
	}
	.s8_episodes .tit{
		margin: 0 auto 40px;
	}
	.s8_episodes .tit img.sp_none{
		display: block;
		width: 827px;
		max-width: 100%;
		margin: 0 auto;
		vertical-align: bottom;
	}
	.s8_episodes .list{
		display: flex;
		justify-content: center;
		align-items: flex-end;
		gap: 18px;
	}
	.s8_episodes .item img{
		vertical-align: bottom;
	}
	.s8_episodes .item_ep1 img{
		width: 327px;
		max-width: 100%;
	}
	.s8_episodes .item_ep2 img{
		width: 308px;
		max-width: 100%;
	}
	.s8_episodes .item_ep3 img{
		width: 296px;
		max-width: 100%;
	}
}
/*---------------
 .s8_episodes SP
---------------*/
@media screen and (max-width: 750px) {
	.s8_episodes{
		padding: calc(100vw * 40 / 750) 0 calc(100vw * 50 / 750);
		background-color: #ffff50;
		text-align: center;
	}
	.s8_episodes .inner{
		width: 100%;
		padding: 0 calc(100vw * 30 / 750);
		box-sizing: border-box;
	}
	.s8_episodes .tit{
		margin: 0 auto calc(100vw * 20 / 750);
	}
	.s8_episodes .tit img.pc_none{
		display: block;
		width: calc(100vw * 528 / 750);
		max-width: 100%;
		margin: 0 auto;
		vertical-align: bottom;
	}
	.s8_episodes .list{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: calc(100vw * 15 / 750);
	}
	.s8_episodes .item img.pc_none{
		display: block;
		max-width: 100%;
		margin: 0 auto;
		vertical-align: bottom;
	}
	.s8_episodes .item_ep1 img.pc_none{
		width: calc(100vw * 658 / 750);
	}
	.s8_episodes .item_ep2 img.pc_none,
	.s8_episodes .item_ep3 img.pc_none{
		width: calc(100vw * 628 / 750);
	}
}

/*---------------
 scroll fade-in (EP buttons only)
---------------*/
.s8_episodes .s8_episodes_anim .item.animation_items {
	opacity: 0;
	transition: opacity 1s;
}
.s8_episodes .s8_episodes_anim .item_ep1.animation_items {
	transition-delay: 0s;
}
.s8_episodes .s8_episodes_anim .item_ep2.animation_items {
	transition-delay: 0.2s;
}
.s8_episodes .s8_episodes_anim .item_ep3.animation_items {
	transition-delay: 0.4s;
}
.s8_episodes .s8_episodes_anim.is-show .item.animation_items {
	opacity: 1;
}