@charset "utf-8";
/*
HTMLファイルの「head」タグに記述するコード
<link rel="preload" href="../Images/BackgroundImages/BG_001.jpg" as="image">
<link rel="preload" href="../Images/BackgroundImages/BG_002.jpg" as="image">
*/
@keyframes before {
	0%   {opacity: 0;}
	3%   {opacity: 1;}
	50%  {opacity: 1;}
	53%  {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes after {
	0%   {opacity: 1;}
	3%   {opacity: 0;}
	50%  {opacity: 0;}
	53%  {opacity: 1;}
	100% {opacity: 1;}
}

.img::before,
.img::after {
	position: absolute;
	z-index: 298;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: block;
}
.slick-active .img::before {
	animation: before 10s ease 0s infinite normal;
	-webkit-animation: before 10s ease 0s infinite normal;
}
.slick-active .img::after {
	animation: after 10s ease 0s infinite normal;
	-webkit-animation: after 10s ease 0s infinite normal;
}

.slick-active #yu .img {
	position: absolute;
	z-index: 298;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: block;
	background-image: url(../img/tv/member/c01.png);
}

.slick-active #ayumu .img::before {
	background-image: url(../img/tv/member/c02.png);
}
.slick-active #ayumu .img::after {
	background-image: url(../img/tv/member/c02a.png);
}
.slick-active #kasumi .img::before {
	background-image: url(../img/tv/member/c03.png);
}
.slick-active #kasumi .img::after {
	background-image: url(../img/tv/member/c03a.png);
}
.slick-active #shizuku .img::before {
	background-image: url(../img/tv/member/c04.png);
}
.slick-active #shizuku .img::after {
	background-image: url(../img/tv/member/c04a.png);
}
.slick-active #karin .img::before {
	background-image: url(../img/tv/member/c05.png);
}
.slick-active #karin .img::after {
	background-image: url(../img/tv/member/c05a.png);
}
.slick-active #ai .img::before {
	background-image: url(../img/tv/member/c06.png);
}
.slick-active #ai .img::after {
	background-image: url(../img/tv/member/c06a.png);
}
.slick-active #kanata .img::before {
	background-image: url(../img/tv/member/c07.png);
}
.slick-active #kanata .img::after {
	background-image: url(../img/tv/member/c07a.png);
}
.slick-active #setsuna .img::before {
	background-image: url(../img/tv/member/c08.png);
}
.slick-active #setsuna .img::after {
	background-image: url(../img/tv/member/c08a.png);
}
.slick-active #emma .img::before {
	background-image: url(../img/tv/member/c09.png);
}
.slick-active #emma .img::after {
	background-image: url(../img/tv/member/c09a.png);
}
.slick-active #rina .img::before {
	background-image: url(../img/tv/member/c10.png);
}
.slick-active #rina .img::after {
	background-image: url(../img/tv/member/c10a.png);
}
.slick-active #shioriko .img::before {
	background-image: url(../img/tv/member/c11.png);
}
.slick-active #shioriko .img::after {
	background-image: url(../img/tv/member/c11a.png);
}
.slick-active #mia .img::before {
	background-image: url(../img/tv/member/c12.png);
}
.slick-active #mia .img::after {
	background-image: url(../img/tv/member/c12a.png);
}
.slick-active #lanzhu .img::before {
	background-image: url(../img/tv/member/c13.png);
}
.slick-active #lanzhu .img::after {
	background-image: url(../img/tv/member/c13a.png);
}