@media(max-width: 767px) {
		.episode.n2 .cnt-area .egg {
				position: relative;
		}
		.episode.n2 .cnt-area .egg::before, .episode.n2 .cnt-area .egg::after {
				content: '';
				display: block;
				position: absolute;
				height: calc(100% + 10px);
				background: #fff;
				z-index: 10;
				top: -10px;
				box-sizing: content-box;
				pointer-events: none
		}
		.episode.n2 .cnt-area .egg::before {
				left: 0;
				width: 20px;
				border-right: 1px solid #E4002B;
		}
		.episode.n2 .cnt-area .egg::after {
				right: 0;
				width: 20px;
				border-left: 1px solid #E4002B;
		}
}
.egg {
		height: 100vh;
		max-height: 405px;
		position: relative;
}
#sticky {
		width: 100%;
		height: 100%;
		position: absolute;
		top: -150%;
}
.center {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
}
.viewer {
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		max-height: 405px;
		width: 100%;
		background-image: url(../../mayonnaise_day/imgs/egg_sprite_pc.jpg);
		background-repeat: no-repeat;
		background-position: 50% 0;
}
.viewer.frame1 {
		background-position: 50% -405px;
}
.viewer.frame2 {
		background-position: 50% -810px;
}
.viewer.frame3 {
		background-position: 50% -1215px;
}
.viewer.frame4 {
		background-position: 50% -1620px;
}
.viewer.frame5 {
		background-position: 50% -2025px;
}
.viewer.frame6 {
		background-position: 50% -2430px;
}
.viewer.frame7 {
		background-position: 50% -2835px;
}
.viewer.frame8 {
		background-position: 50% -3240px;
}
.viewer.frame9 {
		background-position: 50% -3645px;
}
.viewer.frame10 {
		background-position: 50% -4050px;
}
.viewer.frame11 {
		background-position: 50% -4455px;
}
.viewer.frame12 {
		background-position: 50% -4860px;
}
.viewer.frame13 {
		background-position: 50% -5265px;
}
.viewer.frame14 {
		background-position: 50% -5670px;
}
.viewer.frame15 {
		background-position: 50% -6075px;
}
.viewer.frame16 {
		background-position: 50% -6480px;
}
.viewer.frame17 {
		background-position: 50% -6885px;
}
.viewer.frame18 {
		background-position: 50% -7290px;
}
.viewer.frame19 {
		background-position: 50% -7695px;
}
.viewer.frame20 {
		background-position: 50% -8100px;
}
.viewer.frame21 {
		background-position: 50% -8505px;
}
.viewer.frame22 {
		background-position: 50% -8910px;
}
.viewer.frame23 {
		background-position: 50% -9315px;
}
.viewer.frame24 {
		background-position: 50% -9720px;
}
.viewer.frame25 {
		background-position: 50% -10125px;
}
.viewer.frame26 {
		background-position: 50% -10530px;
}
.viewer.frame27 {
		background-position: 50% -10935px;
}
.viewer.frame28 {
		background-position: 50% -11340px;
}
.viewer.frame29 {
		background-position: 50% -11745px;
}
.viewer.frame30 {
		background-position: 50% -12150px;
}
.viewer.frame31 {
		background-position: 50% -12555px;
}
.viewer.frame32 {
		background-position: 50% -12960px;
}
.viewer.frame33 {
		background-position: 50% -13365px;
}
.viewer.frame34 {
		background-position: 50% -13770px;
}
.viewer.frame35 {
		background-position: 50% -14175px;
}
.viewer.frame36 {
		background-position: 50% -14580px;
}
.viewer.frame37 {
		background-position: 50% -14985px;
}
.viewer.frame38 {
		background-position: 50% -15390px;
}
.viewer.frame39 {
		background-position: 50% -15795px;
}
.viewer.frame40 {
		background-position: 50% -16200px;
}
.viewer.frame41 {
		background-position: 50% -16605px;
}
.viewer.frame42 {
		background-position: 50% -17010px;
}
.viewer.frame43 {
		background-position: 50% -17415px;
}
.viewer.frame44 {
		background-position: 50% -17820px;
}
.viewer.frame45 {
		background-position: 50% -18225px;
}
.viewer.frame46 {
		background-position: 50% -18630px;
}
.viewer.frame47 {
		background-position: 50% -19035px;
}
.viewer.frame48 {
		background-position: 50% -19440px;
}
@keyframes egg-anime {
		to {
				background-position: 50% -19440px;
		}
}
@media screen and (max-width: 768px) {
		.egg {
				height: auto;
				max-height: auto;
				position: relative;
		}
		.viewer {
				height: 100%;
				max-height: auto;
				padding-top: 80%;
				background-size: auto 100%;
				background-image: url(../../mayonnaise_day/imgs/egg_sprite_sp.jpg);
				background-position: 0 0;
		}
		.viewer.frame1 {
				background-position: -100vw 50%;
		}
		.viewer.frame2 {
				background-position: -200vw 50%;
		}
		.viewer.frame3 {
				background-position: -300vw 50%;
		}
		.viewer.frame4 {
				background-position: -400vw 50%;
		}
		.viewer.frame5 {
				background-position: -500vw 50%;
		}
		.viewer.frame6 {
				background-position: -600vw 50%;
		}
		.viewer.frame7 {
				background-position: -700vw 50%;
		}
		.viewer.frame8 {
				background-position: -800vw 50%;
		}
		.viewer.frame9 {
				background-position: -900vw 50%;
		}
		.viewer.frame10 {
				background-position: -1000vw 50%;
		}
		.viewer.frame11 {
				background-position: -1100vw 50%;
		}
		.viewer.frame12 {
				background-position: -1200vw 50%;
		}
		.viewer.frame13 {
				background-position: -1300vw 50%;
		}
		.viewer.frame14 {
				background-position: -1400vw 50%;
		}
		.viewer.frame15 {
				background-position: -1500vw 50%;
		}
		.viewer.frame16 {
				background-position: -1600vw 50%;
		}
		.viewer.frame17 {
				background-position: -1700vw 50%;
		}
		.viewer.frame18 {
				background-position: -1800vw 50%;
		}
		.viewer.frame19 {
				background-position: -1900vw 50%;
		}
		.viewer.frame20 {
				background-position: -2000vw 50%;
		}
		.viewer.frame21 {
				background-position: -2100vw 50%;
		}
		.viewer.frame22 {
				background-position: -2200vw 50%;
		}
		.viewer.frame23 {
				background-position: -2300vw 50%;
		}
		.viewer.frame24 {
				background-position: -2400vw 50%;
		}
		.viewer.frame25 {
				background-position: -2500vw 50%;
		}
		.viewer.frame26 {
				background-position: -2600vw 50%;
		}
		.viewer.frame27 {
				background-position: -2700vw 50%;
		}
		.viewer.frame28 {
				background-position: -2800vw 50%;
		}
		.viewer.frame29 {
				background-position: -2900vw 50%;
		}
		.viewer.frame30 {
				background-position: -3000vw 50%;
		}
		.viewer.frame31 {
				background-position: -3100vw 50%;
		}
		.viewer.frame32 {
				background-position: -3200vw 50%;
		}
		.viewer.frame33 {
				background-position: -3300vw 50%;
		}
		.viewer.frame34 {
				background-position: -3400vw 50%;
		}
		.viewer.frame35 {
				background-position: -3500vw 50%;
		}
		.viewer.frame36 {
				background-position: -3600vw 50%;
		}
		.viewer.frame37 {
				background-position: -3700vw 50%;
		}
		.viewer.frame38 {
				background-position: -3800vw 50%;
		}
		.viewer.frame39 {
				background-position: -3900vw 50%;
		}
		.viewer.frame40 {
				background-position: -4000vw 50%;
		}
		.viewer.frame41 {
				background-position: -4100vw 50%;
		}
		.viewer.frame42 {
				background-position: -4200vw 50%;
		}
		.viewer.frame43 {
				background-position: -4300vw 50%;
		}
		.viewer.frame44 {
				background-position: -4400vw 50%;
		}
		.viewer.frame45 {
				background-position: -4500vw 50%;
		}
		.viewer.frame46 {
				background-position: -4600vw 50%;
		}
		.viewer.frame47 {
				background-position: -4700vw 50%;
		}
		.viewer.frame48 {
				background-position: -4800vw 50%;
		}
		.viewer.frame49 {
				background-position: -4900vw 50%;
		}
		@keyframes egg-anime {
				to {
						background-position: -4900vw 50%;
				}
		}
}