@charset "utf-8";
/*-----------------------------------------------
 * TOP
-------------------------------------------------*/
html, body {
}


/**
* HEADER NAV
**/
body[data-nowsection="mv"] .headerNavArea .navLink[data-nav="top"],
body[data-nowsection="movie"] .headerNavArea .navLink[data-nav="movie"],
body[data-nowsection="staffcast"] .headerNavArea .navLink[data-nav="staffcast"],
body[data-nowsection="news"] .headerNavArea .navLink[data-nav="news"],
body[data-nowsection="introduction"] .headerNavArea .navLink[data-nav="introduction"],
body[data-nowsection="character"] .headerNavArea .navLink[data-nav="character"],
body[data-nowsection="special"] .headerNavArea .navLink[data-nav="special"]{
	color: var(--color-gold);
}


/*-----------------------------------------------
 * Loading
-------------------------------------------------*/
.tLoading{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tLoading__bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
}
.tLoading__princessStar{
	position: relative;
	width: min(calc(196 / var(--vw-min) * 100vw), 196px);
	height: min(calc(196 / var(--vw-min) * 100vw), 196px);
	transition: opacity .8s cubic-bezier(.4,.27,.18,.87), filter .8s cubic-bezier(.4,.27,.18,.87);
}
.tLoading__princessStar img{
	width: 100%;
}

body.--is-load .tLoading__princessStar{
	opacity: 0;
}

@media screen and (max-width:768px){
	.tLoading__princessStar{
		width: calc(96 / var(--vw-min) * 100vw);
		height: calc(96 / var(--vw-min) * 100vw);
		max-width: 160px;
		height: 160px;
	}
}


/*-----------------------------------------------
 * MV
-------------------------------------------------*/
.mv{
	position: relative;
	width: 100%;
}
.visualArea{
	width: 100%;
	height: calc(max(calc(1929 / var(--vw-min) * 100vw), 100vh) + max(50vh, var(--mv-minOverflow-height)));
	position: relative;
	display: flex;
	align-items: flex-end;
	background-color: #65cae2;
}

.visualAreaIn{
	position: sticky;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-top: 141.2153%;/* 1929 */
	padding-top: max(141.2153%, 100vh);
}

.visualLayerGroup{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.visualLayer{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.visualLayer img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media screen and (max-width:768px){
	.visualArea{
		height: calc(max(calc(529 / var(--vw-min) * 100vw), 100vh) + max(50vh, var(--mv-minOverflow-height)));
	}
	.visualAreaIn{
		padding-top: max(141.2153%, 100vh);
	}
	.visualLayer img{
		object-fit: contain;
	}
}


/**
* Visual1 - Animation
**/
.visualLayer.-visual1_title{
	opacity: 0;
	transform: translateY(12.5%);
	transition: opacity .3s ease .3s, transform .6s ease .3s;
}
.visualLayer.-visual1_title.-shadow{
	mix-blend-mode: color-burn;
}
.visualLayer.-visual1_cMari{
	opacity: 0;
	transform: translateX(25%);
	transition: opacity .3s ease .2s, transform .45s ease .2s;
}
.visualLayer.-visual1_cLara{
	opacity: 0;
	transform: translate(-25%, -25%);
	transition: opacity .3s ease .175s, transform .5s ease .15s;
}
.visualLayer.-visual1_gra{
	opacity: 0;
	transition: opacity .4s ease .6s;
}


/* loaded */
body.--is-loaded .visualLayer.-visual1_title{
	opacity: 1;
	transform: translateY(0%);
}
body.--is-loaded .visualLayer.-visual1_cMari{
	opacity: 1;
	transform: translateX(0%);
}
body.--is-loaded .visualLayer.-visual1_cLara{
	opacity: 1;
	transform: translate(0%, 0%);
}
body.--is-loaded .visualLayer.-visual1_gra{
	opacity: 1;
}



/* --firstAccess */
body.--is-loaded.--firstAccess .visualLayer.-visual1_title{
	transition-delay: 0.4s;
}
body.--is-loaded.--firstAccess .visualLayer.-visual1_cMari{
	transition-delay: 0s;
}
body.--is-loaded.--firstAccess .visualLayer.-visual1_cLara{
	transition-delay: .6s;
}
body.--is-loaded.--firstAccess .visualLayer.-visual1_gra{
	transition-delay: 1s;
}




/**
* mvOnair
**/
.mvOnair{
	position: relative;
	margin-top: calc(-100vh - max(50vh, var(--mv-minOverflow-height)));
	height: calc(100vh + max(50vh, var(--mv-minOverflow-height)));
}
.mvOnair__posWrap{
	position: absolute;
	bottom: 0;
	width: 100%;
	margin-top: max(-50vh, calc(var(--mv-minOverflow-height) * -1));
	height: max(50vh, var(--mv-minOverflow-height));
	/* background-color: #fff; */
	/* opacity: 20%; */
}
.mvOnair__pos{
	position: absolute;
	top: 12.5%;
	width: 100%;
	height: 75%;
	/* background-color: yellow; */
	/* opacity: 40%; */
}

.mvOnair__cont{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	background: linear-gradient(180deg, rgba(30, 29, 34, 0.70) 0%, rgba(30, 29, 34, 0.76) 40%, #1E1D22 100%);
}
.mvOnair__contIn{
	position: sticky;
	top: 0;
	/* height: 100vh; */
	min-height: 100vh;
	display: flex;
	align-items: center;
	padding-top: min(calc(160 / var(--vw-min) * 100vw), 160px);
	padding-bottom: var(--movie-wave-height);
}
.mvOnair__txt{
	width: min(calc(635 / var(--vw-min) * 100vw), 635px);
	margin: 0 auto;
}
.mvOnair__txt img{
	width: 100%;
}

@media screen and (max-width:768px){
	.mvOnair__contIn{
		padding-top: calc(144 / var(--vw-min) * 100vw);
		padding-bottom: calc(144 / var(--vw-min) * 100vw);
	}
	.mvOnair__txt{
		width: calc(320 / var(--vw-min) * 100vw);
	}
	.mvOnair__pos{
		top: 10%;
		height: 25%;
	}
}



/*-----------------------------------------------
 * Top - Content
-------------------------------------------------*/
/* TOP SETTING */
:root{
/* MV */
	--mv-onair-height: min(calc(260 / var(--vw-min) * 100vw), 260px); /* onairTextの高さ */
	--mv-minOverflow-height: calc(min(calc(160 / var(--vw-min) * 100vw), 160px) + var(--mv-onair-height) + var(--movie-wave-height)); /* mvOnairコンテンツエリアの最小値設定 */

/* MOVIE */
	--movie-wave-height: calc(232 / var(--vw-min) * 100vw); /* #movie:before のwaveの高さ設定 */
}
@media screen and (max-width:768px){
	:root{
	/* MV */
		--mv-onair-height: calc(64 / var(--vw-min) * 100vw); /* onairTextの高さ */
		--mv-minOverflow-height: calc(calc(144 / var(--vw-min) * 100vw) + var(--mv-onair-height) + var(--movie-wave-height)); /* mvOnairコンテンツエリアの最小値設定 */

	/* MOVIE */
		--movie-wave-height: calc(64 / var(--vw-min) * 100vw);
	}
}


.tContent{
	width: 100%;
	position: relative;
}
.tContentIn{
	position: relative;
}

/*
* .tContentIn.-pflex[PC ONLY]
*/
@media screen and (min-width:769px){
	.tContentIn.-pFlex{
		display: flex;
	}
	.tContentIn.-pFlex .pContentTitle.-p_t{
		min-width: min(calc(300 / var(--vw-min) * 100vw), calc(300px * var(--max-percent)));
		flex-shrink: 0;
	}
}



/*
* deco_sectionBg
*/
.deco_sectionBg{
	position: absolute;
	height: 12px;
	background-repeat: repeat;
	z-index: 1;
	background-image: url(../img/common/deco_wave.svg);
}
.deco_sectionBg.-btm{
	bottom: 0;
	left: max(calc(-240 / var(--vw-min) * 100vw), calc(-240px * var(--max-percent)));
	right: 0;
	transform: scale(-1,-1);
	background-position: center bottom;
}
.deco_sectionBg.-tp{
	top: 0;
	left: 0;
	right: 0;
	background-position: center top;
}
@media screen and (max-width:768px){
	.deco_sectionBg{
		height: 8px;
		background-image: url(../img/common/deco_wave-s.svg);
	}
	.deco_sectionBg.-btm{
		transform: unset;
	}
	.deco_sectionBg.-tp{
		transform: scale(-1,-1);
	}
}


/*-----------------------------------------------
 * MOVIE
-------------------------------------------------*/
#movie{
	padding-top: var(--movie-wave-height);
	margin-top: calc(-232 / var(--vw-min) * 100vw);
	z-index: 1;
}
#movie:before{
	content: '';
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	height: var(--movie-wave-height);
	background: url(../img/top/wave_movie.svg) no-repeat center / cover;
}

#movie .pContentTitle{
	width: min(calc(1000 / var(--vw-min) * 100vw), calc(1000px * var(--max-percent)));
	display: flex;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

@media screen and (min-width:769px){
	#movie .pContentTitle{
		position: absolute;
		top: calc(var(--movie-wave-height) - min(calc(92 / var(--vw-min) * 100vw), 92px));
		left: 0;
		right: 0;
		z-index: 2;
	}	
}

#movie .tContentIn__cont{
	width: 100%;
	background: linear-gradient(180deg, rgb(0, 90, 225) 0%, rgb(66, 144, 234) 100%);
}

@media screen and (max-width:768px){
	#movie{
		margin-top: calc(-64 / var(--vw-min) * 100vw);
	}
	#movie .tContentIn__cont{
		padding-top: calc(40 / var(--vw-min) * 100vw);
	}
	#movie .pContentTitle{
		width: calc(335 / var(--vw-min) * 100vw);
		position: absolute;
		top: calc(var(--movie-wave-height) - min(calc(92 / var(--vw-min) * 100vw), 92px));
		left: 0;
		right: 0;
		z-index: 2;
	}
}



.movieSwiper{
	position: relative;
	z-index: 1;
}
#character.--noSwiper .movieLists{
	justify-content: center;
}
.movieList{
	width: min(calc(880 / var(--vw-min) * 100vw), calc(880px * var(--max-percent)));
	padding: 0 min(calc(10 / var(--vw-min) * 100vw), calc(10px * var(--max-percent)));
}
@media screen and (max-width:768px){
	.movieList{
		width: calc(315 / var(--vw-min) * 100vw);
		padding: 0 calc(2 / var(--vw-min) * 100vw);
	}
}


.movieListCont{
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}
.movieThumb,
.movieThumb__img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-mask: url(../img/movie/movieFrame.svg) no-repeat center / contain;
	mask: url(../img/movie/movieFrame.svg) no-repeat center / contain;
}
.movieThumb{
	background-color: #0D3FD6;
}


.movieThumb__line{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/movie/movieLine.png) repeat 0 0;
}
.movieThumb__color{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/movie/movieColor.png) no-repeat center / cover;
}
@supports (background-image: url(../img/movie/movieColor.webp)){
	.movieThumb__color{
		background-image:url(../img/movie/movieColor.webp);
	}
}
.movieThumb__overlay{
	position: absolute;
	top: -3.5556%;/* -16 */
	left: -1%;/* 8 */
	right: 0;
	bottom: 0;
	background: url(../img/movie/movieOverlay.png) no-repeat center / cover;
}
@supports (background-image: url(../img/movie/movieOverlay.webp)){
	.movieThumb__overlay{
		background-image:url(../img/movie/movieOverlay.webp);
	}
}


.movieLink{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;
	overflow: hidden;
}


.moviePlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;
	overflow: hidden;
}
.btn_moviePlay{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;
}
.moviePlay__icon{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	height: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	background: url(../img/common/icon_play.svg) no-repeat center / contain;
	margin: auto;
}

@media screen and (max-width:768px){
	.moviePlay__icon{
		width: calc(48 / var(--vw-min) * 100vw);
		height: calc(48 / var(--vw-min) * 100vw);
	}
}


@media screen and (hover:hover) and (pointer: fine){
	.moviePlay__icon{
		transition: transform .3s ease;
	}
	.btn_moviePlay:hover .moviePlay__icon{
		transform: scale(105%);
	}
}


.movieTitle{
	text-align: center;
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	line-height: 1.6667;
	margin-top: min(calc(20 / var(--vw-min) * 100vw), 20px);
	opacity: 0;
	transform: translateY(25%);
	transition: opacity .3s ease .1s, transform .3s ease .15s;
}
.is-ani .swiper-slide-active .movieTitle{
	opacity: 1;
	transform: translateY(0%);
}
@media screen and (max-width:768px){
	.movieTitle{
		font-size: calc(13 / var(--vw-min) * 100vw);
		line-height: 184.615%;
	}
}



/**
* Arrow
**/
.movieSwiperArrowArea{
	width: min(calc(840 / var(--vw-min) * 100vw), calc(840px * var(--max-percent)));
	margin: min(calc(32 / var(--vw-min) * 100vw), 32px) auto 0;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.btn_swiperArrow{
	display: block;
	width: min(calc(64 / var(--vw-min) * 100vw), calc(64px * var(--max-percent)));
	height: min(calc(48 / var(--vw-min) * 100vw), calc(48px * var(--max-percent)));
	position: relative;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255, 50%);
}
.btn_swiperArrow:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 20%;
	height: 20%;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;

	-webkit-mask-image: url(../img/common/arrow_l.svg);
	mask-image: url(../img/common/arrow_l.svg);

	background-color: #fff;
	margin: auto;
}

.btn_swiperArrow.-next:after{
	transform: rotate(225deg);
}
.btn_swiperArrow.-prev:after{
	transform: rotate(45deg);
}

@media screen and (max-width:768px){
	.movieSwiperArrowArea{
		width: 100%;
		margin: calc(16 / var(--vw-min) * 100vw) 0 0;
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
	.btn_swiperArrow{
		width: calc(40 / var(--vw-min) * 100vw);
		height: calc(32 / var(--vw-min) * 100vw);
	}
	.btn_swiperArrow:after{
		width: calc(6 / var(--vw-min) * 100vw);
		height: calc(6 / var(--vw-min) * 100vw);
	}
}


@media screen and (hover:hover) and (pointer: fine){
	.btn_swiperArrow:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(255, 255, 255, 60%);
		opacity: 0;
		transform: scale(88%);
		transition: .4s ease;
		border-radius: 50%;
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
	}
	.btn_swiperArrow:after{
		transition: transform .3s ease;
	}

	.btn_swiperArrow:hover::before{
		opacity: 60%;
		transform: scale(100%);
	}

	.btn_swiperArrow.-next:hover::after{
		transform: rotate(225deg) scale(125%);
	}
	.btn_swiperArrow.-prev:hover::after{
		transform: rotate(45deg) scale(125%);
	}
}


.movieSwiperPaginations,
.movieSwiperPaginations.swiper-pagination-bullets.swiper-pagination-horizontal{
	display: flex;
	position: relative;
	margin: 0 auto;
	top: unset;
	bottom: unset;
	width: auto;
}
.movieSwiperPagination,
.movieSwiperPagination.swiper-pagination-horizontal.swiper-pagination-bullets .imagePagination.swiper-pagination-bullet{
	display: block;
	cursor: pointer;
	pointer-events: auto;
	width: 8px;
	height: 8px;
	margin: 0 7px;
	background-color: #FFF;
	border-radius: unset;
	-webkit-mask: url(../img/common/icon_pagination.svg) no-repeat center / contain;
	mask: url(../img/common/icon_pagination.svg) no-repeat center / contain;
	opacity: 70%;
	transition: .3s ease;
}
.movieSwiperPaginations.swiper-pagination-horizontal.swiper-pagination-bullets .movieSwiperPagination.swiper-pagination-bullet-active{
	background-color: #D3BD8F;
	transform: scale(125%);
	opacity: 1;
}



/**
* Scroll Animation
**/
.movieListCont{
	transform: scale(70%);
	opacity: 0;
	transition: opacity .3s ease .1s, transform .4s ease .15s;
}
.is-ani .movieListCont{
	transform: scale(100%);
	opacity: 1;
}


/*-----------------------------------------------
 * STAFFCAST
-------------------------------------------------*/
#staffcast{
	padding-top: min(calc(160 / var(--vw-min) * 100vw), 160px);
	margin-top: max(calc(-80 / var(--vw-min) * 100vw), -80px);
	padding-bottom: calc(540 / var(--vw-min) * 100vw);
}
#staffcast .tContentInWrap{
	width: min(calc(1366 / var(--vw-min) * 100vw), calc(1366px * var(--max-percent)));
	min-width: min(1366px, 100%);
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
#staffcast .tContentIn{
	padding: 0 min(13.3968%, calc(183px * var(--max-percent)));
	margin: 0 auto;
}
#staffcast .pContentTitle{
	text-align: left;
}
#staffcast .tContentIn__cont{
	padding-top: min(calc(64 / var(--vw-min) * 100vw), 64px);
}

.staffcastContWrap{
	display: flex;
	width: 100%;
	gap: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
}
.staffcastCont{
	width: calc(50% - min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent))));
}

.staffcast_h3{
	font-family: var(--font-en-sub);
	font-style: italic;
	font-size:min(calc(48 / var(--vw-min) * 100vw), 48px);
	line-height: 0.8;
	text-align: center;
	display: flex;
	align-items: center;
}
.staffcast_h3 span{
	display: inline-block;
	padding: 0 10px;
	flex-shrink: 0;
}
.staffcast_h3:before,
.staffcast_h3:after{
	content: '';
	display: inline-block;
	width: 100%;
	height: 1px;
	background-color: rgba(255,255,255,50%);
	margin-top: min(calc(10 / var(--vw-min) * 100vw), 10px);
}
.staffcastContIn{
	width: 100%;
	padding-top: min(calc(48 / var(--vw-min) * 100vw), 48px);
}
.staffcastLists{
	display: flex;
	flex-wrap: wrap;
	gap: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.staffcastList{
	width: calc(50% - min(calc(20 / var(--vw-min) * 100vw), 20px));
}
.staffcastList__dl{
	text-align: center;
}
.staffcastList__dt{
	font-weight: 600;
	line-height: 1.5625;
}
.staffcastList__dd{
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	line-height: 1.41667;
	letter-spacing: 0;
	margin-top: min(calc(4 / var(--vw-min) * 100vw), 4px);
}
.commentSet{
	display: inline-flex;
	align-items: flex-end;
}
.staffcastComBtn{
	display: inline-block;
	padding-left: min(calc(10 / var(--vw-min) * 100vw), 10px);
	transform: translateY(max(calc(-8 / var(--vw-min) * 100vw), -8px));
}
.btn_comment{
	display: block;
	width: min(calc(20 / var(--vw-min) * 100vw), 20px);
	height: min(calc(20 / var(--vw-min) * 100vw), 20px);
	background: url(../img/common/icon_comment2.svg) no-repeat center / contain;
}
.staffcastList__en{
	font-family: var(--font-en-main);
	font-size: min(calc(11 / var(--vw-min) * 100vw), 11px);
	margin-top: min(calc(4 / var(--vw-min) * 100vw), 4px);
	line-height: 136.3654%;
	display: flex;
	justify-content: center;
}
.staffcastList__en > dt{
	flex-shrink: 0;
	padding-right: 0.25em;
}

@media screen and (hover:hover) and (pointer: fine){
	.btn_comment{
		transition: transform .3s ease;
	}
	.btn_comment:hover{
		transform: scale(112.5%);
	}
}

@media screen and (max-width:768px){
	#staffcast{
		margin-top: 0;
		padding-top: calc(80 / var(--vw-min) * 100vw);
		padding-bottom: calc(160 / var(--vw-min) * 100vw);
	}
	#staffcast .tContentInWrap{
		width: 100%;
		min-width: 100%;
	}
	#staffcast .tContentIn{
		padding: 0;
	}
	#staffcast .pContentTitle{
		text-align: center;
	}
	#staffcast .tContentIn__cont{
		flex-direction: column;
	}
	.staffcastContWrap{
		width: 100%;
		gap: calc(40 / var(--vw-min) * 100vw);
	}
	.staffcastCont{
		width: 100%;
	}
	.staffcast_h3{
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.staffcast_h3 span{
		padding: 0 min(calc(10 / var(--vw-min) * 100vw), 10px);
	}
	.staffcastContIn{
		padding-top: calc(32 / var(--vw-min) * 100vw);
		padding-left: calc(20 / var(--vw-min) * 100vw);
		padding-right: calc(20 / var(--vw-min) * 100vw);
	}
	.staffcastLists{
		gap: calc(16 / var(--vw-min) * 100vw);
	}
	.staffcastList{
		width: calc(50% - calc(8 / var(--vw-min) * 100vw));
	}
	.staffcastList__dt{
		font-size: calc(12 / var(--vw-min) * 100vw);
	}
	.staffcastList__dd{
		font-size: calc(17 / var(--vw-min) * 100vw);
		margin-top: calc(2 / var(--vw-min) * 100vw);
	}
	.staffcastComBtn{
		padding-left: calc(12 / var(--vw-min) * 100vw);
	}
	.btn_comment{
		width: calc(17 / var(--vw-min) * 100vw);
		height: calc(17 / var(--vw-min) * 100vw);
	}
	.staffcastList__en{
		margin-top: min(calc(4 / var(--vw-min) * 100vw), 4px);
		font-size: calc(10 / var(--vw-min) * 100vw);
		text-align: center;
		letter-spacing: 0;
	}
}


/* BG */
.staffcast__bg{
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.staffcast__bg--color{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: calc(620 / var(--vw-min) * 100vw);
	mask: linear-gradient(180deg,#FFF 0%, #FFF 90%, transparent 100%);
	background: linear-gradient(180deg, rgb(66, 144, 234) 0%, rgb(79, 148, 238) 100%);
}
.staffcast__bg--img{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: calc(1366 / var(--vw-min) * 100vw);
}
.staffcast__bg--img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom center;
}

@media screen and (max-width:768px){
	.staffcast__bg--color{
		bottom: calc(300 / var(--vw-min) * 100vw);
	}
	.staffcast__bg--img{
		height: calc(375 / var(--vw-min) * 100vw);
	}
}


/**
* ScrollAnimation
**/
.staffcast_h3:before,
.staffcast_h3:after{
	opacity: 0;
	transition: opacity .3s ease .15s;
}
.staffcast_h3 span{
	opacity: 0;
	transform: translateY(25%);
	transition: opacity .3s ease, transform .6s cubic-bezier(.31, .57, .62, 1);
}
.staffcastList__dt{
	opacity: 0;
	transform: translateY(12.5%);
	transition: opacity .3s ease .2s, transform .6s cubic-bezier(.31, .57, .62, 1) .2s;
}
.staffcastList__dd,
.staffcastList__en{
	opacity: 0;
	transform: translateY(8%);
	transition: opacity .3s ease .2s, transform .6s cubic-bezier(.31, .57, .62, 1) .2s;
}

.staffcastCont.is-ani .staffcast_h3 span,
.staffcastCont.is-ani .staffcastList__dt,
.staffcastCont.is-ani .staffcastList__dd,
.staffcastCont.is-ani .staffcastList__en{
	opacity: 1;
	transform: translateY(0%);
}
.staffcastCont.is-ani .staffcast_h3:before,
.staffcastCont.is-ani .staffcast_h3:after{
	opacity: 1;
}

/*-----------------------------------------------
 * NEWS
-------------------------------------------------*/
#news{
	padding-top: min(calc(132 / var(--vw-min) * 100vw), 132px);
	padding-bottom: min(calc(224 / var(--vw-min) * 100vw), 224px);
	background-color: lightgray;
}
#news .tContentInWrap{
	width: min(calc(1366 / var(--vw-min) * 100vw), calc(1366px * var(--max-percent)));
	min-width: min(1366px, 100%);
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
#news .tContentIn{
	padding: 0 min(13.3968%, calc(183px * var(--max-percent)));
	margin: 0 auto;
}

@media screen and (max-width:768px){
	#news{
		padding-top: calc(64 / var(--vw-min) * 100vw);
		padding-bottom: calc(72 / var(--vw-min) * 100vw);
	}
	#news .tContentInWrap{
		width: 100%;
	}
	#news .tContentIn{
		padding: 0 0;
	}
	#news .tContentIn__cont {
		padding-top: calc(32 / var(--vw-min) * 100vw);
	}
}


.newsList{
	padding-bottom: min(calc(16 / var(--vw-min) * 100vw), calc(16px * var(--max-percent)));
	position: relative;
}
.newsList:not(:first-child){
	padding-top: min(calc(32 / var(--vw-min) * 100vw), calc(32px * var(--max-percent)));
}
.newsList:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: rgba(255,255,255, 30%);
}


.newsList__link{
	display: block;
	text-decoration: none;
	color: #FFF;
	padding-bottom: min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent)));
	padding-right: min(calc(72 / var(--vw-min) * 100vw), 72px);
}

.newsDate{
	display: block;
	line-height: 2;
	margin-bottom: min(calc(4 / var(--vw-min) * 100vw), 4px);
}
.newsList__title{
	line-height: 2;
	font-weight: 500;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.newsList__arrow{
	position: absolute;
	top: 0;
	right: 0;
	bottom: min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent)));
	width: min(calc(40 / var(--vw-min) * 100vw), 40px);
	height: min(calc(40 / var(--vw-min) * 100vw), 40px);
	margin: auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.newsList__arrow:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	border: 1px solid #FFF;
	opacity: 50%;
}
.newsList__arrow > span{
	display: inline-block;
	width: 20%;
	height: 20%;
	-webkit-mask: url(../img/common/arrow_rt.svg) no-repeat center / contain;
	mask: url(../img/common/arrow_rt.svg) no-repeat center / contain;
	background-color: #fff;
	opacity: 80%;
}

@media screen and (hover:hover) and (pointer: fine){
	.newsList__arrow:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(255, 255, 255, 60%);
		opacity: 0;
		transform: scale(88%);
		transition: .4s ease;
		border-radius: 50%;
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
	}

	.newsList__arrow > span{
		transition: transform .3s ease;
	}

	.newsList__link:hover .newsList__arrow::before{
		opacity: 60%;
		transform: scale(100%);
	}

	.newsList__link:hover .newsList__arrow > span{
		transform: scale(110%);
	}
}


@media screen and (max-width:768px){
	.newsList{
		padding-bottom: calc(16 / var(--vw-min) * 100vw);
		padding-left: calc(20 / var(--vw-min) * 100vw);
		padding-right: calc(20 / var(--vw-min) * 100vw);
	}
	.newsList:not(:first-child){
		padding-top: calc(16 / var(--vw-min) * 100vw);
	}
	.newsList__link{
		padding-bottom: 0;
		padding-right: calc(40 / var(--vw-min) * 100vw);
		position: relative;
	}
	.newsList__arrow{
		width: calc(28 / var(--vw-min) * 100vw);
		height: calc(28 / var(--vw-min) * 100vw);
	}

	.newsList__arrow > span{
		width: calc(6 / var(--vw-min) * 100vw);
		height: calc(6 / var(--vw-min) * 100vw);
	}
}


/*
* More
*/
.moreLink{
	font-family: var(--font-en-main);
	line-height: 1;
	text-align: right;
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.moreLink__link{
	display: inline-flex;
	align-items: center;
	color: #FFF;
	text-decoration: none;
}
.moreLink__link--txt{
	display: inline-block;
	padding-right: min(calc(16 / var(--vw-min) * 100vw), 16px);
}
.moreLink__link--arrow{
	display: inline-flex;
	width: min(calc(40 / var(--vw-min) * 100vw), 40px);
	height: min(calc(40 / var(--vw-min) * 100vw), 40px);
	margin: auto 0;
	align-items: center;
	justify-content: center;
	position: relative;
}
.moreLink__link--arrow:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	border: 1px solid #FFF;
	opacity: 50%;
}
.moreLink__link--arrow > span{
	display: inline-block;
	width: min(calc(12 / var(--vw-min) * 100vw), 12px);
	height: min(calc(12 / var(--vw-min) * 100vw), 12px);
	-webkit-mask: url(../img/common/arrow_r.svg) no-repeat center / contain;
	mask: url(../img/common/arrow_r.svg) no-repeat center / contain;
	background-color: #fff;
	opacity: 80%;
}
@media screen and (hover:hover) and (pointer: fine){
	.moreLink__link--arrow:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(255, 255, 255, 60%);
		opacity: 0;
		transform: scale(88%);
		transition: .4s ease;
		border-radius: 50%;
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
	}

	.moreLink__link--arrow > span{
		transition: transform .3s ease;
	}

	.moreLink__link:hover .moreLink__link--arrow::before{
		opacity: 60%;
		transform: scale(100%);
	}

	.moreLink__link:hover .moreLink__link--arrow > span{
		transform: scale(110%);
	}
}

@media screen and (max-width:768px){
	.moreLink{
		padding-right: calc(20 / var(--vw-min) * 100vw);
		font-size: calc(16 / var(--vw-min) * 100vw);
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
	.moreLink__link--arrow{
		width: calc(32 / var(--vw-min) * 100vw);
		height: calc(32 / var(--vw-min) * 100vw);
	}
	.moreLink__link--arrow > span{
		width: calc(10 / var(--vw-min) * 100vw);
		height: calc(10 / var(--vw-min) * 100vw);
	}
}



.newsBg__color{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/common/bg2/bg_2.jpg) 50% / cover no-repeat, #FFFBF3;
	background-blend-mode: multiply, normal;
}
@supports (background-image: url(../img/common/bg2/bg_2.webp)){
	.newsBg__color{
		background-image:url(../img/common/bg2/bg_2.webp);
	}
}
.newsBg__contArea{
	width: min(calc(1366 / var(--vw-min) * 100vw), calc(1366px * var(--max-percent)));
	min-width: min(1366px, 100%);
	max-width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
}

.newsBg__contArea.-feet{
	overflow: hidden;
}


.newsBg__contArea.-img{
	z-index: 2;
}
.newsBg__img{
	position: absolute;
	width: min(calc(456 / var(--vw-min) * 100vw), 456px);
	height: min(calc(264 / var(--vw-min) * 100vw), 264px);
	left: max(calc(-8 / var(--vw-min) * 100vw), -8px);
	bottom: max(calc(-104 / var(--vw-min) * 100vw), -104px);
}
.newsBg__img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media screen and (max-width:768px){
	.newsBg__contArea{
		width: 100%;
		min-width: 100%;
	}
	.newsBg__contArea.-feet{
		right: max(calc(-26 / var(--vw-min) * 100vw), -26px);
	}

	.newsBg__color{
		overflow: hidden;
	}
	.newsBg__img{
		width: calc(276 / var(--vw-min) * 100vw);
		height: calc(160 / var(--vw-min) * 100vw);
		left: calc(-32 / var(--vw-min) * 100vw);
		bottom: calc(-62 / var(--vw-min) * 100vw);
	}
}


/**
* ScrollAnimation
**/
.newsList,
#news .moreLink{
	opacity: 0;
	transform: translateY(12.5%);
	transition: opacity .3s ease, transform .4s cubic-bezier(.31, .57, .62, 1);
}
.is-ani .newsList,
#news.is-ani .moreLink{
	opacity: 1;
	transform: translateY(0%);
}
.is-ani .newsList:nth-of-type(1){
	transition-delay: .25s;
}
.is-ani .newsList:nth-of-type(2){
	transition-delay: .3s;
}
.is-ani .newsList:nth-of-type(3){
	transition-delay: .35s;
}
#news.is-ani .moreLink{
	transition-delay: .4s;
}

.newsBg__img img{
	opacity: 0;
	transform: translateY(25%);
	transition: opacity .4s ease, transform .6s cubic-bezier(.31, .57, .62, 1);
}
.newsBg__img.is-ani img{
	opacity: 1;
	transform: translateY(0%);
}


/*-----------------------------------------------
 * INTRODUCTIOn
-------------------------------------------------*/
#introduction{
	padding-top: min(calc(144 / var(--vw-min) * 100vw), 144px);
	padding-bottom: calc(646 / var(--vw-min) * 100vw);
}
#introduction .tContentInWrap{
	width: min(calc(1366 / var(--vw-min) * 100vw), calc(1366px * var(--max-percent)));
	min-width: min(1366px, 100%);
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
#introduction .tContentIn{
	padding: 0 min(13.3968%, calc(183px * var(--max-percent)));
	margin: 0 auto;
}
@media screen and (min-width:769px){
	#introduction .pContentTitle{
		width: min(calc(414 / var(--vw-min) * 100vw), calc(414px * var(--max-percent)));
		padding-right: min(calc(160 / var(--vw-min) * 100vw), calc(160px * var(--max-percent)));
	}
}

@media screen and (max-width:768px){
	#introduction{
		padding-top: calc(84 / var(--vw-min) * 100vw);
		padding-bottom: calc(248 / var(--vw-min) * 100vw);
	}
	#introduction .tContentInWrap{
		width: 100%;
		min-width: 100%;
	}
	#introduction .tContentIn{
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
}


.introContentArea{
	position: relative;
	width: calc(100% - min(calc(414 / var(--vw-min) * 100vw), calc(414px * var(--max-percent))));
}

@media screen and (max-width:768px){
	.introContentArea{
		width: 100%;
		padding-top: calc(32 / var(--vw-min) * 100vw);
	}
}


.introdutcion__tagLists{
	display: flex;
	flex-wrap: wrap;
	gap: min(calc(8 / var(--vw-min) * 100vw), 8px);
	padding-bottom: min(calc(64 / var(--vw-min) * 100vw), 64px);
}
.btn_introTab{
	display: inline-block;
	text-align: center;
	padding: min(calc(4 / var(--vw-min) * 100vw), 4px) min(calc(16 / var(--vw-min) * 100vw), 16px);
	border-radius: min(calc(40 / var(--vw-min) * 100vw), 40px);
	font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
	line-height: 142.8572%;
	font-family: var(--font-main);
	color: #FFF;
	font-weight: 600;
	position: relative;
	transition: color .3s ease;
}
.btn_introTab:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: min(calc(40 / var(--vw-min) * 100vw), 40px);
	border: 1px solid rgba(255,255,255,50%);
}
.btn_introTab:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: min(calc(40 / var(--vw-min) * 100vw), 40px);
	background-color: rgba(255,255,255,100%);
	opacity: 0;
	transition: opacity .3s ease;
}

.btn_introTab--txt{
	position: relative;
	z-index: 1;
}

@media screen and (hover:hover) and (pointer: fine){
	.btn_introTab:hover::after{
		opacity: 30%;
	}
}

.btn_introTab.--is-current{
	color: #4FA9DD;
}

.btn_introTab.--is-current::after{
	opacity: 100%;
}

.introdutcion__textAreaSwiper{
	width: 100%;
}
.introdutcion__textArea{
	line-height: 2;
	font-weight: 500;
}
.introdutcion__text:not(:first-child){
	margin-top: min(calc(28 / var(--vw-min) * 100vw), 28px);
}

@media screen and (max-width:768px){
	.introdutcion__tagLists{
		gap: calc(8 / var(--vw-min) * 100vw);
		position: relative;
		padding-bottom: calc(52 / var(--vw-min) * 100vw);
	}
	.introdutcion__tagLists:after{
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: calc(16 / var(--vw-min) * 100vw);
		width: calc(16 / var(--vw-min) * 100vw);
		height: calc(16 / var(--vw-min) * 100vw);
	}
	.btn_introTab{
		padding: calc(4 / var(--vw-min) * 100vw) calc(14 / var(--vw-min) * 100vw);
		font-size: calc(13 / var(--vw-min) * 100vw);
		line-height: 152.046%;
	}
	.introdutcion__textArea{
		text-align: center;
	}
	.introdutcion__text:not(:first-child){
		margin-top: calc(22 / var(--vw-min) * 100vw);
	}
}


/*
* IntroBG
*/
.introduction__bg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.introduction__bg--color{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: calc(646 / var(--vw-min) * 100vw);
	mask: linear-gradient(180deg,#FFF 0%, #FFF 80%, transparent 100%);
	background: linear-gradient(180deg, #4FA9DD 0%, #4495DC 100%);
}
.introduction__bg--img{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: calc(902 / var(--vw-min) * 100vw);
}
.introduction__bg--img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom center;
}

@media screen and (max-width:768px){
	.introduction__bg--color{
		mask: linear-gradient(180deg,#FFF 0%, #FFF 90%, transparent 100%);
		bottom: calc(144 / var(--vw-min) * 100vw);
	}
	.introduction__bg--img{
		height: calc(248 / var(--vw-min) * 100vw);
	}
}


/**
* ScrollAnimation
**/
.introdutcion__textArea{
	opacity: 0;
	transition: opacity .4s ease .4s;
}
.is-ani .introdutcion__textArea{
	opacity: 1;
}



/*-----------------------------------------------
 * CHARACTER
-------------------------------------------------*/
#character{
	padding-top: min(calc(144 / var(--vw-min) * 100vw), 144px);
	margin-bottom: calc(232 / var(--vw-min) * 100vw);
	padding-bottom: min(calc(164 / var(--vw-min) * 100vw), 164px);
}
#character .tContentInWrap{
	width: min(calc(1366 / var(--vw-min) * 100vw), calc(1366px * var(--max-percent)));
	min-width: min(1366px, 100%);
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
#character .tContentIn{
	padding: 0 min(13.3968%, calc(183px * var(--max-percent)));
	margin: 0 auto;
}
@media screen and (min-width:769px){
	#character .pContentTitle{
		min-width: unset;
		width: min(calc(133 / var(--vw-min) * 100vw), calc(133px * var(--max-percent)));
	}
}

.charaContentArea{
	position: relative;
	width: calc(100% - min(calc(133 / var(--vw-min) * 100vw), calc(133px * var(--max-percent))));
	display: flex;
}

@media screen and (max-width:768px){
	#character{
		padding-top: calc(64 / var(--vw-min) * 100vw);
		padding-bottom: calc(64 / var(--vw-min) * 100vw);
		margin-bottom: 0;
	}
	#character .tContentInWrap{
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
	#character .tContentIn{
		padding: 0;
	}
	.charaContentArea{
		width: 100%;
		flex-direction: column;
		padding-top: calc(28 / var(--vw-min) * 100vw);
	}
}


/**
* Thumb
**/
.characterThumbArea{
	order: 1;
	flex-shrink: 0;
}
.characterThumbLists{
	display: flex;
	flex-direction: column;
	gap: min(calc(4 / var(--vw-min) * 100vw), 4px);
}
.btn_charaThumb{
	width: min(calc(88 / var(--vw-min) * 100vw), 88px);
	height: min(calc(88 / var(--vw-min) * 100vw), 88px);
	border-radius: 50%;
	overflow: hidden;
	display: block;
	padding: min(calc(4 / var(--vw-min) * 100vw), 4px);
	background-color: #FFF;
	position: relative;
}
.btn_charaThumb:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 1px solid #FF7C9D;
}
.btn_charaThumb--img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: block;
	overflow: hidden;
	background-color: #6BBBD0;
}
.btn_charaThumb--img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.btn_charaThumb.--is-current .btn_charaThumb--img{
	background-color: #FF7C9D;
}

@media screen and (max-width:768px){
	.characterThumbArea{
		order: unset;
		width: 100%;
	}
	.characterThumbLists{
		justify-content: center;
		flex-direction: row;
		gap: calc(6 / var(--vw-min) * 100vw);
	}
	.btn_charaThumb{
		width: calc(62 / var(--vw-min) * 100vw);
		height: calc(62 / var(--vw-min) * 100vw);
		padding: calc(3 / var(--vw-min) * 100vw);
	}
	.btn_charaThumb:before{
		border-width: max(calc(1 / var(--vw-min) * 100vw), 1px);
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.btn_charaThumb--img img{
		transition: transform .3s ease;
	}
	.btn_charaThumb:not(.--is-current):hover .btn_charaThumb--img img{
		transform: scale(112.5%);
	}
}

/**
* Main
**/
.characterMainArea{
	width: min(calc(762 / var(--vw-min) * 100vw), 762px);
	max-width: 100%;
	margin: 0 auto;
	position: relative;
}
.characterList{
	position: relative;
	display: flex;
}

@media screen and (max-width:768px){
	.characterMainArea{
		width: 100%;
		padding-top: calc(40 / var(--vw-min) * 100vw);
	}
	.characterList{
		flex-direction: column;
	}
}


/** ImageArea **/
.charaImageArea{
	width: min(calc(386 / var(--vw-min) * 100vw), 386px);
	min-height: min(calc(640 / var(--vw-min) * 100vw), 640px);
	position: relative;
	display: flex;
	flex-direction: column;
}
.charaImage__bg{
	position: absolute;
	bottom: 0;
	left: min(calc(40 / var(--vw-min) * 100vw), 40px);
	right: max(calc(-20 / var(--vw-min) * 100vw), -20px);
}
.charaImage__bg img{
	width: 100%;
	object-fit: contain;
}

.charaImageLists{
	width: min(calc(320 / var(--vw-min) * 100vw), 320px);
	height: min(calc(640 / var(--vw-min) * 100vw), 640px);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.charaImageList{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.charaImage{
	opacity: 0;
	transition: opacity .3s ease;
}
.is-ani .--active .charaImage{
	opacity: 1;
}

.charaImage img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.charaName{
	position: absolute;
	top: 0;
	right: 0;
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	writing-mode: vertical-rl;
}
.charaName__en{
	font-family: var(--font-en-sub);
	font-style: italic;
	font-size:min(calc(88 / var(--vw-min) * 100vw), 88px);
	line-height: 50%;
	color: var(--color-gold);
}
.charaName__ja{
	font-size: min(calc(48 / var(--vw-min) * 100vw), 48px);
	line-height: 1;
	font-weight: 600;
	position: relative;
	padding-top: min(calc(4 / var(--vw-min) * 100vw), 4px);
}

.charaCV{
	margin-top: auto;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	position: relative;
	min-height:min(calc(320 / var(--vw-min) * 100vw), 320px);
}
.charaCV__name{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.charaCV__name--cv{
	font-family: var(--font-en-main);
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	line-height: 1;
	padding-bottom: min(calc(30 / var(--vw-min) * 100vw), 30px);
	position: relative;
}
.charaCV__name--cv:after{
	content: '';
	position: absolute;
	bottom: min(calc(6 / var(--vw-min) * 100vw), 6px);
	left: 0;
	right: 0;
	margin: 0 auto;
	width: min(calc(20 / var(--vw-min) * 100vw), 20px);
	height: min(calc(20 / var(--vw-min) * 100vw), 20px);
	background: url(../img/common/icon_star.svg) no-repeat center / contain;
}
.charaCV__name--name{
	writing-mode: vertical-rl;
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	line-height: 1;
	font-weight: 600;
	text-align: center;
}
.charaCV__en{	
	writing-mode: vertical-rl;
	font-family: var(--font-en-sub);
	font-style: italic;
	font-size: min(calc(40 / var(--vw-min) * 100vw), 40px);
	color: var(--color-gold);
	line-height: 0.8;
	padding-right: min(calc(12 / var(--vw-min) * 100vw), 12px);
}

@media screen and (max-width:768px){
	.charaImageArea{
		width: 100%;
		min-height: calc(670 / var(--vw-min) * 100vw);
		z-index: 1;
	}
	.charaImage__bg{
		left: calc(64 / var(--vw-min) * 100vw);
		right: calc(-80 / var(--vw-min) * 100vw);
		bottom: calc(-40 / var(--vw-min) * 100vw);
	}
	.charaImageLists{
		position: relative;
		width: calc(335 / var(--vw-min) * 100vw);
		height: calc(670 / var(--vw-min) * 100vw);
		margin: auto;
	}
	.charaName{
		margin-top: calc(40 / var(--vw-min) * 100vw);
		right: calc(8 / var(--vw-min) * 100vw);
	}
	.charaName__en{
		font-size: calc(72 / var(--vw-min) * 100vw);
	}
	.charaName__ja{
		font-size: calc(40 / var(--vw-min) * 100vw);
		line-height: 105%;
	}

	.charaCV{
		position: absolute;
		bottom: 0;
		left: calc(8 / var(--vw-min) * 100vw);
		align-items: center;
		min-height: calc(248 / var(--vw-min) * 100vw);
	}
	.charaCV__name--cv{
		font-size: calc(16 / var(--vw-min) * 100vw);
		padding-bottom: calc(24 / var(--vw-min) * 100vw);
	}
	.charaCV__name--cv:after{
		width: calc(16 / var(--vw-min) * 100vw);
		height: calc(16 / var(--vw-min) * 100vw);
		bottom: calc(4 / var(--vw-min) * 100vw);
	}
	.charaCV__name--name{
		font-size: calc(19 / var(--vw-min) * 100vw);
		text-wrap: nowrap;
	}
	.charaCV__en{
		font-size: calc(32 / var(--vw-min) * 100vw);
		padding-right: calc(8 / var(--vw-min) * 100vw);
	}
}




/* characterDetail */
.characterDetailArea{
	order: -1;
	width: min(calc(366 / var(--vw-min) * 100vw), 366px);
	position: relative;
	padding-top: min(calc(334 / var(--vw-min) * 100vw), 334px);
}
.characterDetail__text{
	width: min(calc(280 / var(--vw-min) * 100vw), 280px);
	margin: 0 auto;
	position: relative;
}

.charaDetail__bg{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
.charaBgList{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
@media screen and (max-width:768px){
	.characterDetailArea{
		order: unset;
		width: 100%;
		position: unset;
		padding-top: calc(40 / var(--vw-min) * 100vw);
	}
	.charaDetail__bg{
		width: calc(322 / var(--vw-min) * 100vw);
		height: calc(528 / var(--vw-min) * 100vw);
		left: calc(-110 / var(--vw-min) * 100vw);
	}
	.characterDetail__text{
		width: 100%;
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
}



.characterVisualChange{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: min(calc(88 / var(--vw-min) * 100vw), 88px);
	height: min(calc(88 / var(--vw-min) * 100vw), 88px);
}
.btn_charaVisualChange{
	display: block;
	border-radius: unset;
	width: 100%;
	height: 100%;
	padding: min(calc(10 / var(--vw-min) * 100vw), 10px) min(calc(9 / var(--vw-min) * 100vw), 9px) min(calc(7 / var(--vw-min) * 100vw), 7px) min(calc(7 / var(--vw-min) * 100vw), 7px);
	position: relative;
}
.btn_charaVisualChange:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/character/vchange_frame.svg) no-repeat center / contain;
}
.btn_charaVisualChange--imgs{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.btn_charaVisualChange--img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #EFE5B6;
	overflow: hidden;
	opacity: 0;
	transition: opacity .3s ease;
}
.btn_charaVisualChange--img::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #FFF;
}
.btn_charaVisualChange--img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.btn_charaVisualChange[data-now="1"] [data-c="1"]{
	opacity: 1;
}
.btn_charaVisualChange[data-now="2"] [data-c="2"]{
	opacity: 1;
}

@media screen and (hover:hover) and (pointer: fine){
	.btn_charaVisualChange:before,
	.btn_charaVisualChange--img img{
		transition: transform .3s ease;
	}
	.btn_charaVisualChange:hover::before{
		transform: rotate(15deg);
	}
	.btn_charaVisualChange:hover .btn_charaVisualChange--img img{
		transform: scale(104%);
	}
}

@media screen and (max-width:768px){
	.characterVisualChange{
		width: calc(88 / var(--vw-min) * 100vw);
		height: calc(88 / var(--vw-min) * 100vw);
		top: unset;
		left: unset;
		bottom: 0;
		right: calc(10 / var(--vw-min) * 100vw);
	}
	.btn_charaVisualChange{
		padding: calc(10 / var(--vw-min) * 100vw) calc(9 / var(--vw-min) * 100vw) calc(7 / var(--vw-min) * 100vw) calc(7 / var(--vw-min) * 100vw);
	}
}



.characterSwiperArrowArea{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: min(calc(32 / var(--vw-min) * 100vw), 32px);
	display: flex;
	justify-content: space-between;
	align-items: center;
	pointer-events: none;
	z-index: 1;
}
.characterSwiperArrowArea > button{
	pointer-events: auto;
}
@media screen and (max-width:768px){
	.characterSwiperArrowArea{
		left: calc(20 / var(--vw-min) * 100vw);
		right: calc(20 / var(--vw-min) * 100vw);
	}
}


/**
* Scroll & ChangeAnimation
**/
.characterThumbList{
	opacity: 0;
	transform: translateY(12.5%) rotate(30deg);
	transition: transform .4s ease, opacity .6s ease;
}
.is-ani .characterThumbList{
	opacity: 1;
	transform: translateY(0%) rotate(0deg);
}
.is-ani .characterThumbList:nth-of-type(1){
	transition-delay: .2s;
}
.is-ani .characterThumbList:nth-of-type(2){
	transition-delay: .275s;
}


.charaImageList{
	transform: translateX(-12%);
	transition: transform .4s cubic-bezier(.31,.57,.62,1);
}
.is-ani .swiper-slide-active .charaImageList.--active{
	transform: translateX(0%);
}

.charaBgList{
	filter: blur(4px);
	transform: translateY(0%) scale(85%);
	transition: transform .5s cubic-bezier(.31,.57,.62,1), filter .8s ease;
}
.is-ani .swiper-slide-active .charaBgList.--active{
	filter: blur(0px);
	transform: translateY(0%) scale(100%);
}


.charaName__en{
	opacity: 0;
	transform: translateY(20px);
	transition: opacity .3s ease, transform .4s cubic-bezier(.31,.57,.62,1);
}
.charaName__ja{
	opacity: 0;
	transform: translateX(50%);
	transition: opacity .3s ease, transform .4s cubic-bezier(.31,.57,.62,1);
}
.is-ani .swiper-slide-active .charaName__en{
	opacity: 1;
	transform: translateY(0%);
	transition-delay: .1s;
}
.is-ani .swiper-slide-active .charaName__ja{
	opacity: 1;
	transform: translateX(0%);
	transition-delay: .1s;
}

.charaCV{
	opacity: 0;
	transition: opacity .4s ease
}
.is-ani .swiper-slide-active .charaCV{
	opacity: 1;
	transition-delay: .2s;
}

.characterDetail__text{
	opacity: 0;
	transform: translateY(24px);
	transition: opacity .3s ease, transform .4s cubic-bezier(.31,.57,.62,1);
}
.is-ani .swiper-slide-active .characterDetail__text{
	opacity: 1;
	transform: translateX(0%);
	transition-delay: .2s;
}

.charaImage__bg{
	opacity: 0;
	filter: blur(4px);
	transform: scale(95%) translateY(4%);
	transition: transform .6s cubic-bezier(.17,.67,.45,1.03) .2s, opacity .4s ease .2s, filter .6s ease .2s;
}
.is-ani .swiper-slide-active .charaImage__bg{
	opacity: 1;
	filter: blur(0px);
	transform: scale(100%) translateY(0%);
}


.characterVisualChange{
	opacity: 0;
	transition: opacity .4s ease;
}
.is-ani .swiper-slide-active .characterVisualChange{
	opacity: 1;
	transition-delay: .2s;
}




/*-----------------------------------------------
 * SPECIAL
-------------------------------------------------*/
#special{
	padding-top: var(--movie-wave-height);
    margin-top: calc(-232 / var(--vw-min) * 100vw);
	padding-bottom: calc(384 / var(--vw-min) * 100vw);
	overflow: hidden;
}
#special:before {
	content: '';
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	height: var(--movie-wave-height);
	background: url(../img/top/wave_special-t.svg) no-repeat center / cover;
}
#special:after {
	content: '';
	position: absolute;
	bottom: 1px;
	left: 0;
	width: 100%;
	height: calc(384 / var(--vw-min) * 100vw);
	background: url(../img/top/wave_special-b.svg) no-repeat center / cover;
}
@media screen and (min-width:769px){
	#special .pContentTitle{
		position: absolute;
		left: 0;
		right: 0;
		top: calc(var(--movie-wave-height) - min(calc(92 / var(--vw-min) * 100vw), 92px));
		z-index: 2;
	}	
}
#special .tContentInCont{
	width: 100%;
	position: relative;
	z-index: 1;
	background-color: #EE95AC;
	padding-top: min(calc(56 / var(--vw-min) * 100vw), 56px);
}
#special .tContentInWrap{
	width: min(calc(1366 / var(--vw-min) * 100vw), calc(1366px * var(--max-percent)));
	min-width: min(1366px, 100%);
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
#special .tContentIn{
	padding: 0 min(13.3968%, calc(183px * var(--max-percent)));
	margin: 0 auto;
}
#special .tContentIn__cont{
	position: relative;
}

.specialLists{
	display: grid;
	gap: min(calc(32 / var(--vw-min) * 100vw), 32px);
    grid-template-columns: repeat(4, 1fr);
	padding-top: min(calc(64 / var(--vw-min) * 100vw), 64px);
	position: relative;
	z-index: 2;
}
.specialList{
	width: 100%;
}
.specialList__link{
	display: block;
	text-decoration: none;
	color: #FFF;
}
.specialList__img{
	width: 100%;
	padding-top: 50%;
	position: relative;
	overflow: hidden;
}
.specialList__img img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.specialList__title{
	margin-top: min(calc(12 / var(--vw-min) * 100vw), 12px);
	line-height: 162.5%;
	font-weight: 600;
}

@media screen and (hover:hover) and (pointer: fine){
	.specialList__img img{
		transition: transform .3s ease;
	}
	.specialList__link:hover .specialList__img img{
		transform: scale(108%);
	}
}


@media screen and (max-width:768px){
	#special{
		padding-top: calc(176 / var(--vw-min) * 100vw);
		margin-top: 0;
		padding-bottom: calc(152 / var(--vw-min) * 100vw);
	}
	#special:before{
		height: calc(176 / var(--vw-min) * 100vw);
		background-image: url(../img/top/wave_special-t_s.svg);
	}
	#special:after {
		height: calc(152 / var(--vw-min) * 100vw);
		background-position: center bottom;
		background-image: url(../img/top/wave_special-b_s.svg);
		background-size: cover;
	}
	#special .pContentTitle{
		margin-top: calc(-176 / var(--vw-min) * 100vw);
		padding-top: calc(24 / var(--vw-min) * 100vw);
	}
	#special .tContentInCont{
		background: unset;
		padding-top: calc(32 / var(--vw-min) * 100vw);
	}
	#special .tContentInCont:before{
		content: '';
		position: absolute;
		top: calc(72 / var(--vw-min) * 100vw);
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #EE95AC;
	}
	#special .tContentInWrap{
		width: 100%;
		min-width: 100%;
	}
	#special .tContentIn{
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
	.specialLists{
		padding-top: 0;
		grid-template-columns: repeat(2, 1fr);
		gap: calc(20 / var(--vw-min) * 100vw);
	}
	.specialList__title{
		margin-top: calc(8 / var(--vw-min) * 100vw);
		font-size: calc(12 / var(--vw-min) * 100vw);
		line-height: 166.667%;
	}
}



/**
* SCROLL ANIMTION
**/
.specialList{
	opacity: 0;
	transform: translateY(10%);
	transition: opacity .3s ease .3s, transform .5s ease .3s;
}
.is-ani .specialList{
	opacity: 1;
	transform: translateY(0%);
}




/*-----------------------------------------------
 * CLIONE BG
-------------------------------------------------*/
.clioneBg {
	overflow: hidden;
	width: 100%;
	height: calc(100% + 100px);
	height: calc(100dvh + 100px);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	pointer-events: none;
}


.lenis-scrolling.--is-scrolling-down body[data-nowsection="staffcast"] .clione.-down .item,
.lenis-scrolling.--is-scrolling-down body[data-nowsection="news"] .clione.-down .item,
.lenis-scrolling.--is-scrolling-down body[data-nowsection="introduction"] .clione.-down .item,
.lenis-scrolling.--is-scrolling-down body[data-nowsection="character"] .clione.-down .item,
.lenis-scrolling.--is-scrolling-down body[data-nowsection="special"] .clione.-down .item,
.lenis-scrolling.--is-scrolling-down body[data-nowsection="footer"] .clione.-down .item,

.lenis-scrolling.--is-scrolling-up body[data-nowsection="staffcast"] .clione.-up .item,
.lenis-scrolling.--is-scrolling-up body[data-nowsection="news"] .clione.-up .item,
.lenis-scrolling.--is-scrolling-up body[data-nowsection="introduction"] .clione.-up .item,
.lenis-scrolling.--is-scrolling-up body[data-nowsection="character"] .clione.-up .item,
.lenis-scrolling.--is-scrolling-up body[data-nowsection="special"] .clione.-up .item,
.lenis-scrolling.--is-scrolling-up body[data-nowsection="footer"] .clione.-up .item{
	opacity: 1;
	filter: blur(0px);
}

.clione {
	position: absolute;
	bottom: 0;
	left: 50%;
}
.clione .item{
	display: block;
	position: relative;
	opacity: 0%;
	filter: blur(4px);
	transition: opacity .6s ease, filter .4s ease;
}


/* scrollDown */
.clione.-down .item{
	width: min(calc(138 / var(--vw-min) * 100vw), 138px);
	height: min(calc(236 / var(--vw-min) * 100vw), 236px);
	background: url(../img/common/clione/clione_down.png) no-repeat center / contain;
}

/* scrollUp */
.clione.-up .item{
	width: min(calc(150 / var(--vw-min) * 100vw), 150px);
	height: min(calc(497 / var(--vw-min) * 100vw), 497px);
	background: url(../img/common/clione/clione_up.png) no-repeat center / contain;
	mask: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0) 100%);;
}
.clione.-up{
	animation-direction:reverse;
}


/** KEYFRAMES **/
/* 横揺れ */
@keyframes shake {
	0% {	transform:	translateX(10px); }
	50% {	transform:	translateX(-10px); }
	100% {	transform:	translateX(10px); }
}
@-webkit-keyframes shake {
	0% {	-webkit-transform:	translateX(10px); }
	50% {	-webkit-transform:	translateX(-10px); }
	100% {	-webkit-transform:	translateX(10px); }
}
/* 移動（上昇） */
@keyframes move {
	0% {	transform:	translateY(0px); opacity: 0%;}
	10%{	transform:	translateY(100px); opacity: 100%;}
	95%{	transform:	translateY(-950px); opacity: 100%;}
	100% {	transform:	translateY(-1000px); opacity: 0; }
}
@-webkit-keyframes move {
	0% {	-webkit-transform:	translateY(0px); opacity: 0%;}
	10%{	-webkit-transform:	translateY(100px); opacity: 100%;}
	95%{	-webkit-transform:	translateY(-950px); opacity: 100%;}
	100% {	-webkit-transform:	translateY(-1000px); opacity: 0; }
}

/** SETING **/
/*** 泡のアニメーションパターン量産 ***/
/* 伸縮 */
.stretch0 {
	animation: stretch 2s ease 0s infinite normal;
	-webkit-animation: stretch 2s ease 0s infinite normal;
}
/* 横揺れ */
.shake0 {
	animation: shake 2s ease 0s infinite normal;
	-webkit-animation: shake 2s ease 0s infinite normal;
}
/* 移動（上昇） */
.move0 {
	animation: move 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s infinite normal;
	-webkit-animation: move 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s infinite normal;
}
/* 配置 */
.pos0 {
 left: 0%;
}
/* 大きさ */
.scale0 {
	transform: scale(0);
	-webkit-transform: scale(0);
}
/* 以下同様に変化をつけて50個作成 */
.stretch1 {
	animation: stretch 2.2s ease 0s infinite normal;
	-webkit-animation: stretch 2.2s ease 0s infinite normal;
}
.shake1 {
	animation: shake 2.2s ease 0s infinite normal;
	-webkit-animation: shake 2.2s ease 0s infinite normal;
}
.move1 {
	animation: move 5.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s infinite normal;
	-webkit-animation: move 5.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s infinite normal;
}
.pos1 {
 left: 2%;
}
.scale1 {
	transform: scale(0.2);
	-webkit-transform: scale(0.2);
}
.stretch2 {
	animation: stretch 2.4s ease 0s infinite normal;
	-webkit-animation: stretch 2.4s ease 0s infinite normal;
}
.shake2 {
	animation: shake 2.4s ease 0s infinite normal;
	-webkit-animation: shake 2.4s ease 0s infinite normal;
}
.move2 {
	animation: move 5.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s infinite normal;
	-webkit-animation: move 5.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s infinite normal;
}
.pos2 {
 left: 4%;;
}
.scale2 {
	transform: scale(0.4);
	-webkit-transform: scale(0.4);
}
.stretch3 {
	animation: stretch 2.6s ease 0s infinite normal;
	-webkit-animation: stretch 2.6s ease 0s infinite normal;
}
.shake3 {
	animation: shake 2.6s ease 0s infinite normal;
	-webkit-animation: shake 2.6s ease 0s infinite normal;
}
.move3 {
	animation: move 5.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s infinite normal;
	-webkit-animation: move 5.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s infinite normal;
}
.pos3 {
 left: 6%;
}
.scale3 {
	transform: scale(0.6);
	-webkit-transform: scale(0.6);
}
.stretch4 {
	animation: stretch 2.8s ease 0s infinite normal;
	-webkit-animation: stretch 2.8s ease 0s infinite normal;
}
.shake4 {
	animation: shake 2.8s ease 0s infinite normal;
	-webkit-animation: shake 2.8s ease 0s infinite normal;
}
.move4 {
	animation: move 5.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s infinite normal;
	-webkit-animation: move 5.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s infinite normal;
}
.pos4 {
 left: 8%;
}
.scale4 {
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
}
.stretch5 {
	animation: stretch 3s ease 0s infinite normal;
	-webkit-animation: stretch 3s ease 0s infinite normal;
}
.shake5 {
	animation: shake 3s ease 0s infinite normal;
	-webkit-animation: shake 3s ease 0s infinite normal;
}
.move5 {
	animation: move 6s cubic-bezier(0.47, 0, 0.745, 0.715) 1s infinite normal;
	-webkit-animation: move 6s cubic-bezier(0.47, 0, 0.745, 0.715) 1s infinite normal;
}
.pos5 {
 left: 10%;
}
.scale5 {
	transform: scale(1);
	-webkit-transform: scale(1);
}
.stretch6 {
	animation: stretch 3.2s ease 0s infinite normal;
	-webkit-animation: stretch 3.2s ease 0s infinite normal;
}
.shake6 {
	animation: shake 3.2s ease 0s infinite normal;
	-webkit-animation: shake 3.2s ease 0s infinite normal;
}
.move6 {
	animation: move 6.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s infinite normal;
	-webkit-animation: move 6.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s infinite normal;
}
.pos6 {
 left: 12%;
}
.scale6 {
	transform: scale(1);
	-webkit-transform: scale(1);
}
.stretch7 {
	animation: stretch 3.4s ease 0s infinite normal;
	-webkit-animation: stretch 3.4s ease 0s infinite normal;
}
.shake7 {
	animation: shake 3.4s ease 0s infinite normal;
	-webkit-animation: shake 3.4s ease 0s infinite normal;
}
.move7 {
	animation: move 6.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s infinite normal;
	-webkit-animation: move 6.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s infinite normal;
}
.pos7 {
 left: 14%;
}
.scale7 {
	transform: scale(1);
	-webkit-transform: scale(1);
}
.stretch8 {
	animation: stretch 3.6s ease 0s infinite normal;
	-webkit-animation: stretch 3.6s ease 0s infinite normal;
}
.shake8 {
	animation: shake 3.6s ease 0s infinite normal;
	-webkit-animation: shake 3.6s ease 0s infinite normal;
}
.move8 {
	animation: move 6.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s infinite normal;
	-webkit-animation: move 6.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s infinite normal;
}
.pos8 {
 left: 16%;
}
.scale8 {
	transform: scale(1);
	-webkit-transform: scale(1);
}
.stretch9 {
	animation: stretch 3.8s ease 0s infinite normal;
	-webkit-animation: stretch 3.8s ease 0s infinite normal;
}
.shake9 {
	animation: shake 3.8s ease 0s infinite normal;
	-webkit-animation: shake 3.8s ease 0s infinite normal;
}
.move9 {
	animation: move 6.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s infinite normal;
	-webkit-animation: move 6.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s infinite normal;
}
.pos9 {
 left: 18%;
}
.scale9 {
	transform: scale(1);
	-webkit-transform: scale(1);
}
.stretch10 {
	animation: stretch 4s ease 0s infinite normal;
	-webkit-animation: stretch 4s ease 0s infinite normal; }

.shake10 {
	animation: shake 4s ease 0s infinite normal;
	-webkit-animation: shake 4s ease 0s infinite normal; }

.move10 {
	animation: move 7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s infinite normal;
	-webkit-animation: move 7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s infinite normal;
}
.pos10 {
 left: 20%;
}
.scale10 {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}
.stretch11 {
	animation: stretch 4.2s ease 0s infinite normal;
	-webkit-animation: stretch 4.2s ease 0s infinite normal;
}
.shake11 {
	animation: shake 4.2s ease 0s infinite normal;
	-webkit-animation: shake 4.2s ease 0s infinite normal;
}
.move11 {
	animation: move 7.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s infinite normal;
	-webkit-animation: move 7.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s infinite normal;
}
.pos11 {
 left: 22%;
}
.scale11 {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.stretch12 {
	animation: stretch 4.4s ease 0s infinite normal;
	-webkit-animation: stretch 4.4s ease 0s infinite normal;
}
.shake12 {
	animation: shake 4.4s ease 0s infinite normal;
	-webkit-animation: shake 4.4s ease 0s infinite normal;
}
.move12 {
	animation: move 7.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s infinite normal;
	-webkit-animation: move 7.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s infinite normal;
}
.pos12 {
 left: 24%;
}
.scale12 {
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
}
.stretch13 {
	animation: stretch 4.6s ease 0s infinite normal;
	-webkit-animation: stretch 4.6s ease 0s infinite normal;
}
.shake13 {
	animation: shake 4.6s ease 0s infinite normal;
	-webkit-animation: shake 4.6s ease 0s infinite normal;
}
.move13 {
	animation: move 7.6s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s infinite normal;
	-webkit-animation: move 7.6s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s infinite normal;
}
.pos13 {
 left: 26%;
}
.scale13 {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.stretch14 {
	animation: stretch 4.8s ease 0s infinite normal;
	-webkit-animation: stretch 4.8s ease 0s infinite normal;
}
.shake14 {
	animation: shake 4.8s ease 0s infinite normal;
	-webkit-animation: shake 4.8s ease 0s infinite normal;
}
.move14 {
	animation: move 7.8s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s infinite normal;
	-webkit-animation: move 7.8s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s infinite normal;
}
.pos14 {
 left: 28%;
}
.scale14 {
	transform: scale(1.25);
	-webkit-transform: scale(1.25);
}
.stretch15 {
	animation: stretch 5s ease 0s infinite normal;
	-webkit-animation: stretch 5s ease 0s infinite normal;
}
.shake15 {
	animation: shake 5s ease 0s infinite normal;
	-webkit-animation: shake 5s ease 0s infinite normal;
}
.move15 {
	animation: move 8s cubic-bezier(0.47, 0, 0.745, 0.715) 3s infinite normal;
	-webkit-animation: move 8s cubic-bezier(0.47, 0, 0.745, 0.715) 3s infinite normal;
}
.pos15 {
 left: 30%;
}
.scale15 {
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
}
.stretch16 {
	animation: stretch 5.2s ease 0s infinite normal;
	-webkit-animation: stretch 5.2s ease 0s infinite normal;
}
.shake16 {
	animation: shake 5.2s ease 0s infinite normal;
	-webkit-animation: shake 5.2s ease 0s infinite normal;
}
.move16 {
	animation: move 8.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s infinite normal;
	-webkit-animation: move 8.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s infinite normal;
}
.pos16 {
 left: 32%;
}
.scale16 {
	transform: scale(1.35);
	-webkit-transform: scale(1.35);
}
.stretch17 {
	animation: stretch 5.4s ease 0s infinite normal;
	-webkit-animation: stretch 5.4s ease 0s infinite normal;
}
.shake17 {
	animation: shake 5.4s ease 0s infinite normal;
	-webkit-animation: shake 5.4s ease 0s infinite normal;
}
.move17 {
	animation: move 8.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4s infinite normal;
	-webkit-animation: move 8.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4s infinite normal;
}
.pos17 {
 left: 34%; }

.scale17 {
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
}
.stretch18 {
	animation: stretch 5.6s ease 0s infinite normal;
	-webkit-animation: stretch 5.6s ease 0s infinite normal;
}
.shake18 {
	animation: shake 5.6s ease 0s infinite normal;
	-webkit-animation: shake 5.6s ease 0s infinite normal;
}
.move18 {
	animation: move 8.6s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s infinite normal;
	-webkit-animation: move 8.6s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s infinite normal;
}
.pos18 {
 left: 36%;
}
.scale18 {
	transform: scale(1.45);
	-webkit-transform: scale(1.45);
}
.stretch19 {
	animation: stretch 5.8s ease 0s infinite normal;
	-webkit-animation: stretch 5.8s ease 0s infinite normal;
}
.shake19 {
	animation: shake 5.8s ease 0s infinite normal;
	-webkit-animation: shake 5.8s ease 0s infinite normal;
}
.move19 {
	animation: move 8.8s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s infinite normal;
	-webkit-animation: move 8.8s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s infinite normal;
}
.pos19 {
 left: 38%;
}
.scale19 {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
}
.stretch20 {
	animation: stretch 6s ease 0s infinite normal;
	-webkit-animation: stretch 6s ease 0s infinite normal;
}
.shake20 {
	animation: shake 6s ease 0s infinite normal;
	-webkit-animation: shake 6s ease 0s infinite normal;
}
.move20 {
	animation: move 9s cubic-bezier(0.47, 0, 0.745, 0.715) 4s infinite normal;
	-webkit-animation: move 9s cubic-bezier(0.47, 0, 0.745, 0.715) 4s infinite normal;
}
.pos20 {
 left: 40%;
}
.scale20 {
	transform: scale(1.55);
	-webkit-transform: scale(1.55);
}
.stretch21 {
	animation: stretch 6.2s ease 0s infinite normal;
	-webkit-animation: stretch 6.2s ease 0s infinite normal;
}
.shake21 {
	animation: shake 6.2s ease 0s infinite normal;
	-webkit-animation: shake 6.2s ease 0s infinite normal;
}
.move21 {
	animation: move 9.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s infinite normal;
	-webkit-animation: move 9.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s infinite normal;
}
.pos21 {
 left: 42%;
}
.scale21 {
	transform: scale(1.6);
	-webkit-transform: scale(1.6);
}
.stretch22 {
	animation: stretch 6.4s ease 0s infinite normal;
	-webkit-animation: stretch 6.4s ease 0s infinite normal;
}
.shake22 {
	animation: shake 6.4s ease 0s infinite normal;
	-webkit-animation: shake 6.4s ease 0s infinite normal;
}
.move22 {
	animation: move 9.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s infinite normal;
	-webkit-animation: move 9.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s infinite normal;
}
.pos22 {
 left: 44%;
}
.scale22 {
	transform: scale(1.65);
	-webkit-transform: scale(1.65);
}
.stretch23 {
	animation: stretch 6.6s ease 0s infinite normal;
	-webkit-animation: stretch 6.6s ease 0s infinite normal;
}
.shake23 {
	animation: shake 6.6s ease 0s infinite normal;
	-webkit-animation: shake 6.6s ease 0s infinite normal;
}
.move23 {
	animation: move 9.6s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6s infinite normal;
	-webkit-animation: move 9.6s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6s infinite normal;
}
.pos23 {
 left: 46%;
}
.scale23 {
	transform: scale(1.7);
	-webkit-transform: scale(1.7);
}
.stretch24 {
	animation: stretch 6.8s ease 0s infinite normal;
	-webkit-animation: stretch 6.8s ease 0s infinite normal;
}
.shake24 {
	animation: shake 6.8s ease 0s infinite normal;
	-webkit-animation: shake 6.8s ease 0s infinite normal;
}
.move24 {
	animation: move 9.8s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s infinite normal;
	-webkit-animation: move 9.8s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s infinite normal;
}
.pos24 {
	left: 48%;
}
.scale24 {
	transform: scale(1.75);
	-webkit-transform: scale(1.75);
}
.stretch25 {
	animation: stretch 7s ease 0s infinite normal;
	-webkit-animation: stretch 7s ease 0s infinite normal;
}
.shake25 {
	animation: shake 7s ease 0s infinite normal;
	-webkit-animation: shake 7s ease 0s infinite normal;
}
.move25 {
	animation: move 10s cubic-bezier(0.47, 0, 0.745, 0.715) 5s infinite normal;
	-webkit-animation: move 10s cubic-bezier(0.47, 0, 0.745, 0.715) 5s infinite normal;
}
.pos25 {
 left: 50%;
}
.scale25 {
	transform: scale(1.8);
	-webkit-transform: scale(1.8);
}
.stretch26 {
	animation: stretch 7.2s ease 0s infinite normal;
	-webkit-animation: stretch 7.2s ease 0s infinite normal;
}
.shake26 {
	animation: shake 7.2s ease 0s infinite normal;
	-webkit-animation: shake 7.2s ease 0s infinite normal;
}
.move26 {
	animation: move 10.2s cubic-bezier(0.47, 0, 0.745, 0.715) 5.2s infinite normal;
	-webkit-animation: move 10.2s cubic-bezier(0.47, 0, 0.745, 0.715) 5.2s infinite normal;
}
.pos26 {
	left: 52%;
}
.scale26 {
	transform: scale(1.85);
	-webkit-transform: scale(1.85);
}
.stretch27 {
	animation: stretch 7.4s ease 0s infinite normal;
	-webkit-animation: stretch 7.4s ease 0s infinite normal;
}
.shake27 {
	animation: shake 7.4s ease 0s infinite normal;
	-webkit-animation: shake 7.4s ease 0s infinite normal;
}
.move27 {
	animation: move 10.4s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4s infinite normal;
	-webkit-animation: move 10.4s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4s infinite normal;
}
.pos27 {
	left: 54%;
}
.scale27 {
	transform: scale(1.9);
	-webkit-transform: scale(1.9);
}
.stretch28 {
	animation: stretch 7.6s ease 0s infinite normal;
	-webkit-animation: stretch 7.6s ease 0s infinite normal;
}
.shake28 {
	animation: shake 7.6s ease 0s infinite normal;
	-webkit-animation: shake 7.6s ease 0s infinite normal;
}
.move28 {
	animation: move 10.6s cubic-bezier(0.47, 0, 0.745, 0.715) 5.6s infinite normal;
	-webkit-animation: move 10.6s cubic-bezier(0.47, 0, 0.745, 0.715) 5.6s infinite normal;
}
.pos28 {
 left: 56%;
}
.scale28 {
	transform: scale(1.95);
	-webkit-transform: scale(1.95);
}
.stretch29 {
	animation: stretch 7.8s ease 0s infinite normal;
	-webkit-animation: stretch 7.8s ease 0s infinite normal;
}
.shake29 {
	animation: shake 7.8s ease 0s infinite normal;
	-webkit-animation: shake 7.8s ease 0s infinite normal;
}
.move29 {
	animation: move 10.8s cubic-bezier(0.47, 0, 0.745, 0.715) 5.8s infinite normal;
	-webkit-animation: move 10.8s cubic-bezier(0.47, 0, 0.745, 0.715) 5.8s infinite normal;
}
.pos29 {
 left: 58%;
}
.scale29 {
	transform: scale(2);
	-webkit-transform: scale(2);
}
.stretch30 {
	animation: stretch 8s ease 0s infinite normal;
	-webkit-animation: stretch 8s ease 0s infinite normal;
}
.shake30 {
	animation: shake 8s ease 0s infinite normal;
	-webkit-animation: shake 8s ease 0s infinite normal;
}
.move30 {
	animation: move 11s cubic-bezier(0.47, 0, 0.745, 0.715) 6s infinite normal;
	-webkit-animation: move 11s cubic-bezier(0.47, 0, 0.745, 0.715) 6s infinite normal;
}
.pos30 {
 left: 60%;
}
.scale30 {
	transform: scale(2);
	-webkit-transform: scale(2);
}
.stretch31 {
	animation: stretch 8.2s ease 0s infinite normal;
	-webkit-animation: stretch 8.2s ease 0s infinite normal;
}
.shake31 {
	animation: shake 8.2s ease 0s infinite normal;
	-webkit-animation: shake 8.2s ease 0s infinite normal;
}
.move31 {
	animation: move 11.2s cubic-bezier(0.47, 0, 0.745, 0.715) 6.2s infinite normal;
	-webkit-animation: move 11.2s cubic-bezier(0.47, 0, 0.745, 0.715) 6.2s infinite normal;
}
.pos31 {
 left: 62%;
}
.scale31 {
	transform: scale(2.05);
	-webkit-transform: scale(2.05);
}
.stretch32 {
	animation: stretch 8.4s ease 0s infinite normal;
	-webkit-animation: stretch 8.4s ease 0s infinite normal;
}
.shake32 {
	animation: shake 8.4s ease 0s infinite normal;
	-webkit-animation: shake 8.4s ease 0s infinite normal;
}
.move32 {
	animation: move 11.4s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4s infinite normal;
	-webkit-animation: move 11.4s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4s infinite normal;
}
.pos32 {
 left: 64%;
}
.scale32 {
	transform: scale(2.1);
	-webkit-transform: scale(2.1);
}
.stretch33 {
	animation: stretch 8.6s ease 0s infinite normal;
	-webkit-animation: stretch 8.6s ease 0s infinite normal;
}
.shake33 {
	animation: shake 8.6s ease 0s infinite normal;
	-webkit-animation: shake 8.6s ease 0s infinite normal;
}
.move33 {
	animation: move 11.6s cubic-bezier(0.47, 0, 0.745, 0.715) 6.6s infinite normal;
	-webkit-animation: move 11.6s cubic-bezier(0.47, 0, 0.745, 0.715) 6.6s infinite normal;
}
.pos33 {
 left: 66%;
}
.scale33 {
	transform: scale(2.15);
	-webkit-transform: scale(2.15);
}
.stretch34 {
	animation: stretch 8.8s ease 0s infinite normal;
	-webkit-animation: stretch 8.8s ease 0s infinite normal;
}
.shake34 {
	animation: shake 8.8s ease 0s infinite normal;
	-webkit-animation: shake 8.8s ease 0s infinite normal;
}
.move34 {
	animation: move 11.8s cubic-bezier(0.47, 0, 0.745, 0.715) 6.8s infinite normal;
	-webkit-animation: move 11.8s cubic-bezier(0.47, 0, 0.745, 0.715) 6.8s infinite normal;
}
.pos34 {
 left: 68%;
}
.scale34 {
	transform: scale(2.2);
	-webkit-transform: scale(2.2);
}
.stretch35 {
	animation: stretch 9s ease 0s infinite normal;
	-webkit-animation: stretch 9s ease 0s infinite normal;
}
.shake35 {
	animation: shake 9s ease 0s infinite normal;
	-webkit-animation: shake 9s ease 0s infinite normal;
}
.move35 {
	animation: move 12s cubic-bezier(0.47, 0, 0.745, 0.715) 7s infinite normal;
	-webkit-animation: move 12s cubic-bezier(0.47, 0, 0.745, 0.715) 7s infinite normal;
}
.pos35 {
	left: 70%;
}
.scale35 {
	transform: scale(2.25);
	-webkit-transform: scale(2.25);
}
.stretch36 {
	animation: stretch 9.2s ease 0s infinite normal;
	-webkit-animation: stretch 9.2s ease 0s infinite normal;
}
.shake36 {
	animation: shake 9.2s ease 0s infinite normal;
	-webkit-animation: shake 9.2s ease 0s infinite normal;
}
.move36 {
	animation: move 12.2s cubic-bezier(0.47, 0, 0.745, 0.715) 7.2s infinite normal;
	-webkit-animation: move 12.2s cubic-bezier(0.47, 0, 0.745, 0.715) 7.2s infinite normal;
}
.pos36 {
 left: 72%;
}
.scale36 {
	transform: scale(2.3);
	-webkit-transform: scale(2.3);
}
.stretch37 {
	animation: stretch 9.4s ease 0s infinite normal;
	-webkit-animation: stretch 9.4s ease 0s infinite normal;
}
.shake37 {
	animation: shake 9.4s ease 0s infinite normal;
	-webkit-animation: shake 9.4s ease 0s infinite normal;
}
.move37 {
	animation: move 12.4s cubic-bezier(0.47, 0, 0.745, 0.715) 7.4s infinite normal;
	-webkit-animation: move 12.4s cubic-bezier(0.47, 0, 0.745, 0.715) 7.4s infinite normal;
}
.pos37 {
 left: 74%;
}
.scale37 {
	transform: scale(2.35);
	-webkit-transform: scale(2.35);
}
.stretch38 {
	animation: stretch 9.6s ease 0s infinite normal;
	-webkit-animation: stretch 9.6s ease 0s infinite normal;
}
.shake38 {
	animation: shake 9.6s ease 0s infinite normal;
	-webkit-animation: shake 9.6s ease 0s infinite normal;
}
.move38 {
	animation: move 12.6s cubic-bezier(0.47, 0, 0.745, 0.715) 7.6s infinite normal;
	-webkit-animation: move 12.6s cubic-bezier(0.47, 0, 0.745, 0.715) 7.6s infinite normal;
}
.pos38 {
 left: 76%;
}
.scale38 {
	transform: scale(2.4);
	-webkit-transform: scale(2.4);
}
.stretch39 {
	animation: stretch 9.8s ease 0s infinite normal;
	-webkit-animation: stretch 9.8s ease 0s infinite normal;
}
.shake39 {
	animation: shake 9.8s ease 0s infinite normal;
	-webkit-animation: shake 9.8s ease 0s infinite normal;
}
.move39 {
	animation: move 12.8s cubic-bezier(0.47, 0, 0.745, 0.715) 7.8s infinite normal;
	-webkit-animation: move 12.8s cubic-bezier(0.47, 0, 0.745, 0.715) 7.8s infinite normal;
}
.pos39 {
 left: 78%;
}
.scale39 {
	transform: scale(2.45);
	-webkit-transform: scale(2.45);
}
.stretch40 {
	animation: stretch 10s ease 0s infinite normal;
	-webkit-animation: stretch 10s ease 0s infinite normal;
}
.shake40 {
	animation: shake 10s ease 0s infinite normal;
	-webkit-animation: shake 10s ease 0s infinite normal;
}
.move40 {
	animation: move 13s cubic-bezier(0.47, 0, 0.745, 0.715) 8s infinite normal;
	-webkit-animation: move 13s cubic-bezier(0.47, 0, 0.745, 0.715) 8s infinite normal;
}
.pos40 {
	left: 80%;
}
.scale40 {
	transform: scale(2.5);
	-webkit-transform: scale(2.5);
}
.stretch41 {
	animation: stretch 10.2s ease 0s infinite normal;
	-webkit-animation: stretch 10.2s ease 0s infinite normal;
}
.shake41 {
	animation: shake 10.2s ease 0s infinite normal;
	-webkit-animation: shake 10.2s ease 0s infinite normal;
}
.move41 {
	animation: move 13.2s cubic-bezier(0.47, 0, 0.745, 0.715) 8.2s infinite normal;
	-webkit-animation: move 13.2s cubic-bezier(0.47, 0, 0.745, 0.715) 8.2s infinite normal;
}
.pos41 {
 left: 82%;
}
.scale41 {
	transform: scale(2.55);
	-webkit-transform: scale(2.55);
}
.stretch42 {
	animation: stretch 10.4s ease 0s infinite normal;
	-webkit-animation: stretch 10.4s ease 0s infinite normal;
}
.shake42 {
	animation: shake 10.4s ease 0s infinite normal;
	-webkit-animation: shake 10.4s ease 0s infinite normal;
}
.move42 {
	animation: move 13.4s cubic-bezier(0.47, 0, 0.745, 0.715) 8.4s infinite normal;
	-webkit-animation: move 13.4s cubic-bezier(0.47, 0, 0.745, 0.715) 8.4s infinite normal;
}
.pos42 {
 left: 84%;
}
.scale42 {
	transform: scale(2.6);
	-webkit-transform: scale(2.6);
}
.stretch43 {
	animation: stretch 10.6s ease 0s infinite normal;
	-webkit-animation: stretch 10.6s ease 0s infinite normal;
}
.shake43 {
	animation: shake 10.6s ease 0s infinite normal;
	-webkit-animation: shake 10.6s ease 0s infinite normal;
}
.move43 {
	animation: move 13.6s cubic-bezier(0.47, 0, 0.745, 0.715) 8.6s infinite normal;
	-webkit-animation: move 13.6s cubic-bezier(0.47, 0, 0.745, 0.715) 8.6s infinite normal;
}
.pos43 {
 left: 86%;
}
.scale43 {
	transform: scale(2.65);
	-webkit-transform: scale(2.65);
}
.stretch44 {
	animation: stretch 10.8s ease 0s infinite normal;
	-webkit-animation: stretch 10.8s ease 0s infinite normal;
}
.shake44 {
	animation: shake 10.8s ease 0s infinite normal;
	-webkit-animation: shake 10.8s ease 0s infinite normal;
}
.move44 {
	animation: move 13.8s cubic-bezier(0.47, 0, 0.745, 0.715) 8.8s infinite normal;
	-webkit-animation: move 13.8s cubic-bezier(0.47, 0, 0.745, 0.715) 8.8s infinite normal;
}
.pos44 {
	left: 88%;
}
.scale44 {
	transform: scale(2.7);
	-webkit-transform: scale(2.7);
}
.stretch45 {
	animation: stretch 11s ease 0s infinite normal;
	-webkit-animation: stretch 11s ease 0s infinite normal;
}
.shake45 {
	animation: shake 11s ease 0s infinite normal;
	-webkit-animation: shake 11s ease 0s infinite normal;
}
.move45 {
	animation: move 14s cubic-bezier(0.47, 0, 0.745, 0.715) 9s infinite normal;
	-webkit-animation: move 14s cubic-bezier(0.47, 0, 0.745, 0.715) 9s infinite normal;
}
.pos45 {
	left: 90%;
}
.scale45 {
	transform: scale(2.7);
	-webkit-transform: scale(2.7);
}
.stretch46 {
	animation: stretch 11.2s ease 0s infinite normal;
	-webkit-animation: stretch 11.2s ease 0s infinite normal;
}
.shake46 {
	animation: shake 11.2s ease 0s infinite normal;
	-webkit-animation: shake 11.2s ease 0s infinite normal;
}
.move46 {
	animation: move 14.2s cubic-bezier(0.47, 0, 0.745, 0.715) 9.2s infinite normal;
	-webkit-animation: move 14.2s cubic-bezier(0.47, 0, 0.745, 0.715) 9.2s infinite normal;
}
.pos46 {
 left: 92%;
}
.scale46 {
	transform: scale(2.8);
	-webkit-transform: scale(2.8);
}
.stretch47 {
	animation: stretch 11.4s ease 0s infinite normal;
	-webkit-animation: stretch 11.4s ease 0s infinite normal;
}
.shake47 {
	animation: shake 11.4s ease 0s infinite normal;
	-webkit-animation: shake 11.4s ease 0s infinite normal;
}
.move47 {
	animation: move 14.4s cubic-bezier(0.47, 0, 0.745, 0.715) 9.4s infinite normal;
	-webkit-animation: move 14.4s cubic-bezier(0.47, 0, 0.745, 0.715) 9.4s infinite normal;
}
.pos47 {
 left: 94%;
}
.scale47 {
	transform: scale(2.9);
	-webkit-transform: scale(2.9);
}
.stretch48 {
	animation: stretch 11.6s ease 0s infinite normal;
	-webkit-animation: stretch 11.6s ease 0s infinite normal;
}
.shake48 {
	animation: shake 11.6s ease 0s infinite normal;
	-webkit-animation: shake 11.6s ease 0s infinite normal;
}
.move48 {
	animation: move 14.6s cubic-bezier(0.47, 0, 0.745, 0.715) 9.6s infinite normal;
	-webkit-animation: move 14.6s cubic-bezier(0.47, 0, 0.745, 0.715) 9.6s infinite normal;
}
.pos48 {
	left: 96%;
}
.scale48 {
	transform: scale(3);
	-webkit-transform: scale(3);
}
.stretch49 {
	animation: stretch 11.8s ease 0s infinite normal;
	-webkit-animation: stretch 11.8s ease 0s infinite normal;
}
.shake49 {
	animation: shake 11.8s ease 0s infinite normal;
	-webkit-animation: shake 11.8s ease 0s infinite normal;
}
.move49 {
	animation: move 14.8s cubic-bezier(0.47, 0, 0.745, 0.715) 9.8s infinite normal;
	-webkit-animation: move 14.8s cubic-bezier(0.47, 0, 0.745, 0.715) 9.8s infinite normal;
}
.pos49 {
	left: 98%;
}
.scale49 {
	transform: scale(3.1);
	-webkit-transform: scale(3.1);
}
.stretch50 {
	animation: stretch 12s ease 0s infinite normal;
	-webkit-animation: stretch 12s ease 0s infinite normal;
}
.shake50 {
	animation: shake 12s ease 0s infinite normal;
	-webkit-animation: shake 12s ease 0s infinite normal;
}
.move50 {
	animation: move 15s cubic-bezier(0.47, 0, 0.745, 0.715) 10s infinite normal;
	-webkit-animation: move 15s cubic-bezier(0.47, 0, 0.745, 0.715) 10s infinite normal;
}
.pos50 {
	left: 100%;
}
.scale50 {
	transform: scale(3.2);
	-webkit-transform: scale(3.2);
}