@charset "UTF-8";

/* ------------------------------ SP ------------------------------ */
@media not screen and (min-width: 781px) {

/* エピソード部分のスライダー */	
#episode .episode-swiper {
	width: calc(640vw / 7.8);
	overflow: visible;
}
	/* アクティブ外のスライド */
	#episode .swiper-slide:not(.swiper-slide-visible) .slide {
		pointer-events: none;
		opacity: 1 !important;
	}
	#episode .swiper-wrapper {
	}
	#episode .swiper-wrapper .slide {
		margin: 0 auto;
		width: calc(600vw / 7.8);
	}
	/* 矢印の高さと幅 */
	#episode .episode-swiper-prev {
		left: calc(25vw / 7.8) !important;
	}
	#episode .episode-swiper-next {
		right: calc(25vw / 7.8) !important;
	}
	#episode .episode-swiper-next::after, .episode-swiper-prev::after {
		font-size: calc(75vw / 7.8);
		color: #BDBDBD;
	}
	/*ページネーション（ドット）*/
	#episode .swiper-pagination {
		height: calc(15vw / 7.8);
		font-size: 0; /* これがないとドットが欠ける */
		bottom: 0 !important;
	}
		#episode .swiper-pagination-bullet {
			margin: 0 calc(10vw / 7.8) !important;
			width: calc(15vw / 7.8);
			height: calc(15vw / 7.8);
		}
		#episode .swiper-pagination-bullet-active {
			background-color: #4cd85f ;
		}

}	/* 削除注意 */
	
/* ------------------------------ PC ------------------------------ */
@media screen and ( min-width: 781px )  {

/* エピソード部分のスライダー */	
#episode .episode-swiper {
	width: 480px;
	overflow: visible;
	}
	/* アクティブ外のスライド */
	#episode .swiper-slide:not(.swiper-slide-visible) .slide {
		pointer-events: none;
		opacity: 0.5 !important;
	}
	#episode .swiper-wrapper {
	}
	#episode .swiper-wrapper .slide {
		margin: 0 auto;
		width: 450px;
	}
	/* 矢印の高さと幅 */
	#episode .episode-swiper-prev {
		left: calc(50vw - 310px) !important;
	}
	#episode .episode-swiper-next {
		right: calc(50vw - 310px) !important;
	}
	#episode .episode-swiper-next::after, .episode-swiper-prev::after {
		font-size: 60px;
		color: #BDBDBD;
	}
	/*ページネーション（ドット）*/
	#episode .swiper-pagination {
		height: 15px !important;
		font-size: 0; /* これがないとドットが欠ける */
		bottom: 0 !important;
	}
		#episode .swiper-pagination-bullet {
			margin: 0 10px !important;
			width: 15px;
			height: 15px;
		}
		#episode .swiper-pagination-bullet-active {
			background-color: #4cd85f ;
		}
		
}	/* 削除注意 */