@charset "utf-8";
.content__title:before{
	opacity:1;
	transform:translateY(0);
}
.t__episodes{
	opacity:1;
	transform:translateY(0);
}
.episodes{
	position:relative;
	z-index:20;
	background:url(../img/common/news_flower-s.png) no-repeat right max(calc(-86 / var(--vw-min) * 100vw),-86px) top / min(calc(296 / var(--vw-min) * 100vw),296px) auto;
}
body.color--y .episodes{
	background-image:url(../img/common/news_flower-s-y.png);
}
@media screen and (max-width:768px){
	.episodes {
		background-image:unset !important;
	}
}
.episodes:before{
	content:'';
	position:absolute;
	left:min(calc(15 / var(--vw-min) * 100vw),15px);
	top:min(calc(240 / var(--vw-min) * 100vw),240px);
	right:min(calc(20 / var(--vw-min) * 100vw),20px);
	bottom:0;
	background-image:url(../img/top/introduction_flower-r.png),url(../img/top/introduction_flower-l.png);
	background-repeat:no-repeat;
	background-position:right top,left bottom;
	background-size:min(calc(210 / var(--vw-min) * 100vw),210px) auto,min(calc(379 / var(--vw-min) * 100vw),379px) auto;
}
@media screen and (max-width:768px){
	.episodes:before{
		top:calc(240 / var(--vw-min) * 100vw);
		bottom:0;
		background-image:url(../img/top/introduction_flower-l.png);
		background-position:left bottom;
		background-size:min(calc(379 / var(--vw-min) * 100vw),379px) auto;
	}
}
body.color--y .episodes:before{
	filter:invert(1) grayscale(1);
}
.episodes__inner {
	padding:min(calc(84 / var(--vw-min) * 100vw),84px) 0 0;
}
@media screen and (max-width:768px){
	.episodes__inner {
		padding:calc(72 / var(--vw-min) * 100vw) 0 0;
	}
}
.episodes__tabLists {
	display: flex;
	justify-content: center;
	padding-bottom:min(calc(6 / var(--vw-min) * 100vw),6px);
	flex-wrap: wrap;
	width:min(calc(600 / var(--vw-min) * 100vw),600px);
	margin:0 auto;
}
@media screen and (max-width:768px){
	.episodes__tabLists {
		padding-bottom:calc(18 / var(--vw-min) * 100vw);
		width:calc(456 / var(--vw-min) * 100vw);
	}
}
.episodes__tabItem {
	width:min(calc(42 / var(--vw-min) * 100vw),42px);
	margin:0 min(calc(4 / var(--vw-min) * 100vw),4px) min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
	.episodes__tabItem {
		width:calc(64 / var(--vw-min) * 100vw);
		margin:0 calc(6 / var(--vw-min) * 100vw) calc(12 / var(--vw-min) * 100vw);
	}
}
.episodes__tabLink {
	display: flex;
	width:100%;
	height: min(calc(42 / var(--vw-min) * 100vw), 42px);
	justify-content: center;
	align-items: center;
	border: min(calc(2 / var(--vw-min) * 100vw), 2px) solid var(--color-lightyellow);
	border-radius: 24px;
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 600;
	color: var(--color-lightyellow);
	text-decoration: none;
	transition: all 0.3s ease;
	position: relative;
	font-family: var(--font-cinzel);
}
@media screen and (max-width:768px){
	.episodes__tabLink {
		height:calc(64 / var(--vw-min) * 100vw);
		border: calc(2 / var(--vw-min) * 100vw) solid var(--color-lightyellow);
		border-radius: 64px;
		font-size:calc(28 / var(--vw-min) * 100vw);
	}
}
body.color--y .episodes__tabLink {
	border-color:#000;
	color:#000;
}
@media screen and (hover:hover){
	.episodes__tabLink:hover {
		background:var(--color-lightyellow);
		color:var(--color-red);
	}
	body.color--y .episodes__tabLink:hover {
		background:#000;
		color:var(--color-lightyellow);
	}
}
.episodes__tabLink.is-active {
	background:var(--color-lightyellow);
	color:var(--color-red);
}
body.color--y .episodes__tabLink.is-active {
	background:#000;
	color:var(--color-lightyellow);
}
.episodes__subInner {
	position: relative;
	padding-bottom:min(calc(160 / var(--vw-min) * 100vw),160px);
}
@media screen and (max-width:768px){
	.episodes__subInner {
		padding-bottom:calc(160 / var(--vw-min) * 100vw);
	}
}
.episodes__subContent {
	max-width: 800px;
	margin: 0 auto 5em;
	position: relative;
	padding-top: min(calc(64 / var(--vw-min) * 100vw), 64px);
	overflow:visible;
}
@media screen and (max-width:768px){
	.episodes__subContent {
		max-width: calc(650 / var(--vw-min) * 100vw);
		width:calc(650 / var(--vw-min) * 100vw);
		padding-top:calc(72 / var(--vw-min) * 100vw);
	}
}
.episodes__top--top{
	position:absolute;
	left:min(calc(10 / var(--vw-min) * 100vw),10px);
	right:min(calc(10 / var(--vw-min) * 100vw),10px);
	top:min(calc(10 / var(--vw-min) * 100vw),10px);
	height:min(calc(100 / var(--vw-min) * 100vw),100px);
	pointer-events:none;
	z-index:5;
}
.episodes__top--top:before,
.episodes__top--top:after{
	content:'';
	position:absolute;
	top:0;
	width:min(calc(100 / var(--vw-min) * 100vw),100px);
	height:min(calc(100 / var(--vw-min) * 100vw),100px);
	-webkit-mask:url(../img/common/nav_corner.svg) no-repeat left top / contain;
	mask:url(../img/common/nav_corner.svg) no-repeat left top / contain;
	background:var(--color-gold);
}
body.color--y .episodes__top--top:before,
body.color--y .episodes__top--top:after{
	background:var(--color-red);
}
.episodes__top--top:before{
	left:0;
	transform:rotate(-90deg);
}
.episodes__top--top:after{
	right:0;
}
.episodes__top--bottom{
	position:absolute;
	left:min(calc(10 / var(--vw-min) * 100vw),10px);
	right:min(calc(10 / var(--vw-min) * 100vw),10px);
	bottom:min(calc(10 / var(--vw-min) * 100vw),10px);
	height:min(calc(100 / var(--vw-min) * 100vw),100px);
	pointer-events:none;
	z-index:5;
}
.episodes__top--bottom:before,
.episodes__top--bottom:after{
	content:'';
	position:absolute;
	top:0;
	width:min(calc(100 / var(--vw-min) * 100vw),100px);
	height:min(calc(100 / var(--vw-min) * 100vw),100px);
	-webkit-mask:url(../img/common/nav_corner.svg) no-repeat left top / contain;
	mask:url(../img/common/nav_corner.svg) no-repeat left top / contain;
	background:var(--color-gold);
}
body.color--y .episodes__top--bottom:before,
body.color--y .episodes__top--bottom:after{
	background:var(--color-red);
}
.episodes__top--bottom:before{
	left:0;
	transform:rotate(-180deg);
}
.episodes__top--bottom:after{
	right:0;
	transform:rotate(-270deg);
}
.episodes__subTitle {
	position: relative;
	min-height:min(calc(80 / var(--vw-min) * 100vw),80px);
	padding-left:min(calc(40 / var(--vw-min) * 100vw),40px);
	margin-bottom: min(calc(32 / var(--vw-min) * 100vw),32px);
}
@media screen and (max-width:768px){
	.episodes__subTitle {
		position: relative;
		min-height:calc(96 / var(--vw-min) * 100vw);
		padding-left:calc(52 / var(--vw-min) * 100vw);
		margin-bottom:calc(36 / var(--vw-min) * 100vw);
	}
}
.episodes__subTitle--num {
	position: absolute;
	left:0;
	top:0;
	font-size:min(calc(80 / var(--vw-min) * 100vw),80px);
	font-family: var(--font-cinzel);
	font-weight: 700;
	color:#fff;
	opacity:.3;
	line-height: 1;
}
@media screen and (max-width:768px){
	.episodes__subTitle--num {
		font-size:calc(96 / var(--vw-min) * 100vw);
	}
}
.episodes__subTitle--text {
	color:var(--color-lightyellow);
	font-size:min(calc(30 / var(--vw-min) * 100vw),30px);
	display: block;
	margin:0 -12.5%;
	transform:scale(0.8,1);
	font-weight: 700;
	letter-spacing: 0.12em;
	padding-top:min(calc(16 / var(--vw-min) * 100vw),16px);
	line-height:1.4;
}
@media screen and (max-width:768px){
	.episodes__subTitle--text {
		font-size:calc(40 / var(--vw-min) * 100vw);
		padding-top:calc(28 / var(--vw-min) * 100vw);
		line-height:1.4;
	}
}
body.color--y .episodes__subTitle--text {
	color:var(--color-red);
}
.episodes__imgs {
	width:min(calc(920 / var(--vw-min) * 100vw),920px);
	margin:0 max(calc(-60 / var(--vw-min) * 100vw),-60px) min(calc(28 / var(--vw-min) * 100vw),28px);
	overflow:visible;
}
@media screen and (max-width:768px){
	.episodes__imgs {
		width:calc(746 / var(--vw-min) * 100vw);
		margin-left:calc(-48 / var(--vw-min) * 100vw);
		margin-right:calc(-48 / var(--vw-min) * 100vw);
	}
}
.episodes__carousel {
	position:relative;
	padding:0;
	overflow:visible;
}
.episodes__swiper {
	width:min(calc(800 / var(--vw-min) * 100vw),800px);
	margin:0 auto;
}
@media screen and (max-width:768px){
	.episodes__swiper {
		width:calc(650 / var(--vw-min) * 100vw);
	}
}
.episodes__swiper-wrapper {
	padding-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.episodes__swiper-wrapper {
		padding-bottom:calc(56 / var(--vw-min) * 100vw);
	}
}
.episodes__swiper-slide {
	aspect-ratio:16 / 9;
	background:#000;
}
.episodes__swiper-slide img {
	width:100%;
	height:100%;
	object-fit:contain;
	display:block;
}
.episodes__swiper-pagination {
	bottom:0 !important;
	top:unset !important;
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	display:flex;
	align-items:center;
	justify-content:center;
}
@media screen and (max-width:768px){
	.episodes__swiper-pagination {
		height:calc(56 / var(--vw-min) * 100vw);
	}
}
.episodes__swiper-pagination .swiper-pagination-bullet {
	background:#fff;
	opacity:.4;
}
.episodes__swiper-pagination .swiper-pagination-bullet-active {
	background:var(--color-lightyellow);
	opacity:1;
}
body.color--y .episodes__swiper-pagination .swiper-pagination-bullet-active {
	background:var(--color-red);
}
.episodes__navLists {
	pointer-events:none;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:auto;
	margin-top:0;
}
@media screen and (max-width:768px){
	.episodes__navLists {
		bottom:calc(56 / var(--vw-min) * 100vw);
	}
}
.episodes__navItem {
	width:min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.episodes__navItem {
		width:calc(48 / var(--vw-min) * 100vw);
	}
}
.episodes__navItem:last-child {
	transform:rotate(180deg);
}
@media screen and (max-width:768px){
	.episodes__navItem:last-child {
		transform:none;
	}
}
.episodes__navLink {
	display:block;
	position:relative;
	overflow:hidden;
	width:100%;
	height:min(calc(60 / var(--vw-min) * 100vw),60px);
	pointer-events:auto;
	transition:all .6s ease;
}
@media screen and (max-width:768px){
	.episodes__navLink {
		width:calc(48 / var(--vw-min) * 100vw);
		height:calc(48 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover){
	.episodes__navLink:hover {
		transform:translateX(max(calc(-6 / var(--vw-min) * 100vw),-6px));
	}
}
.episodes__navLink:before {
	content:'';
	position:absolute;
	left:min(calc(30 / var(--vw-min) * 100vw),30px);
	top:max(calc(-18 / var(--vw-min) * 100vw),-18px);
	width:min(calc(96 / var(--vw-min) * 100vw),96px);
	height:min(calc(96 / var(--vw-min) * 100vw),96px);
	box-sizing:border-box;
	border-left:min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-lightyellow);
	border-bottom:min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-lightyellow);
	transform:rotate(45deg);
}
@media screen and (max-width:768px){
	.episodes__navLink:before {
		left:50%;
		top:50%;
		width:calc(20 / var(--vw-min) * 100vw);
		height:calc(20 / var(--vw-min) * 100vw);
		border-left-width:calc(2 / var(--vw-min) * 100vw);
		border-bottom-width:calc(2 / var(--vw-min) * 100vw);
		transform:translate(-50%, -50%) rotate(45deg);
	}
	.js-episodesNext:before {
		transform:translate(-50%, -50%) rotate(-135deg);
	}
}
body.color--y .episodes__navLink:before {
	border-color:var(--color-red);
}
.episodes__description {
	font-weight: 600;
	letter-spacing: 0.12em;
	margin:0 -12.5% min(calc(40 / var(--vw-min) * 100vw),40px);
	transform:scale(.8,1);
	color:#fff;
}
@media screen and (max-width:768px){
	.episodes__description {
		font-size:calc(28 / var(--vw-min) * 100vw);
	}
}
body.color--y .episodes__description {
	color:#000;
}
.episodes__trailer {
	width:min(calc(800 / var(--vw-min) * 100vw),800px);
	margin:0 auto;
}
@media screen and (max-width:768px){
	.episodes__trailer {
		width:100%;
		margin:0 auto;
	}
}
.episodes__trailerin {
	width:100%;
	padding-top:56.25%;
	position: relative;
}
.episodes__trailerin iframe {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.episodes__lists {
	width:min(calc(800 / var(--vw-min) * 100vw),800px);
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	min-height:calc(100vh - min(calc(84 / var(--vw-min) * 100vw),84px));
	min-height: calc(100dvh - min(calc(84 / var(--vw-min) * 100vw),84px));
	font-weight: 600;
}
@media screen and (max-width:768px){
	.episodes__lists {
		width:calc(654 / var(--vw-min) * 100vw);
		display: block;
		min-height:calc(100vh - calc(294 / var(--vw-min) * 100vw));
		min-height: calc(100dvh - calc(294 / var(--vw-min) * 100vw));
	}
}
.episodes__item {
	width:min(calc(380 / var(--vw-min) * 100vw),380px);
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
	position: relative;
}
@media screen and (max-width:768px){
	.episodes__item {
		width:100%;
		margin-bottom:min(calc(64 / var(--vw-min) * 100vw),64px);
	}
}
.episodes__item--num {
	position: absolute;
	font-size:min(calc(80 / var(--vw-min) * 100vw),80px);
	font-family: var(--font-cinzel);
	font-weight: 700;
	color:#fff;
	opacity:.3;
	line-height: 1;
	left:max(calc(-40 / var(--vw-min) * 100vw),-40px);
	top:max(calc(-40 / var(--vw-min) * 100vw),-40px);
	z-index:50;
	pointer-events: none;
}
.episodes__itemLink {
	display: block;
	width:100%;
	padding-top:56.25%;
	position: relative;
	margin-bottom:1em;
	overflow: hidden;
}
.episodes__itemLink img {
	display: block;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transition: all 0.6s ease;
}
@media screen and (hover:hover){
	.episodes__itemLink:hover img {
		transform:scale(1.05);
	}
}
.episodes__itemTitle {
	color:#fff;
	position: relative;
}
@media screen and (max-width:768px){
	.episodes__itemTitle {
		font-size:min(calc(28 / var(--vw-min) * 100vw),28px);
	}
}
body.color--y .episodes__itemTitle {
	color:#000;
}