@charset "utf-8";
/* zoom -> x1.6[max1920] */
/*-----------------------------------------------
 * #theader
-------------------------------------------------*/
@media screen and (min-width: 768px){
	.theader{
		display: none;
	}
}


/*-----------------------------------------------
 * #hero
-------------------------------------------------*/
#hero{
	width: 100%;
	position: relative;
}

/* hero_content */
.heroContent{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.hero_logo{
	width: min(24.1667%, 464px); /* 290px */
	margin-top: min(2.5%, 48px); /* 30px */
	margin-left: min(3.3334%, 64px); /* 40px */;
}
.hero_logo img{
	width: 100%;
}

.hero_navWrap{
	width: min(24.1667%, 464px); /* 290px */
	margin-top: min(3.3334%, 64px); /* 40px */
	margin-left: min(3.3334%, 64px); /* 40px */;
}
.hero_navWrap .navLists{
	display: block;
}
.hero_navWrap .navList{
	line-height: 0.8;
	padding: 0;
}
.hero_navWrap .navList:not(:last-child){
	margin-bottom: min(1.3667vw, 12px); /* 20px */
}
.hero_navWrap .navList_link{
	font-size: min(1.1667vw, 22px);
	filter: unset;
}
.hero_navWrap .navList_link{
	color: #742f2e;
}
.hero_navWrap .navList_link:before,
.hero_navWrap .navList_link:after{
	background-image: linear-gradient(#742f2e , #742f2e);
}

.hero_movie{
	width: min(10%, 192px);
	margin-top: min(1.6667vw, 32px); /* 20px */
	margin-left: min(3.3334%, 64px); /* 40px */;
}

@media screen and (max-width: 767px){
	.hero_logo{
		width: 56%; /* 420px */
		margin-top: 4.2667%; /* 32px */
		margin-left: 2%; /* 15px */
	}
	.hero_navWrap{
		display: none;
	}
	.hero_movie{
		position: absolute;
		bottom: 0;
		margin-top: unset;
		margin-left: unset;
		right: 0;
		margin-right: 5.3334%;
		margin-bottom: var(--sp-size-32);
		width: 24%;
	}
}


/* hero_onairdate */
.hero_onairdate{
	/* width: min(33.3334%, 640px); 400px */
	width: min(30%, calc(360px * 1.6));/* 360 */
	margin-top: min(2.5%, 48px); /* 30px */
	 /*margin-left: min(3.5%, 67.2px); 42px */;

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.hero_onairdate_txt{
	width: 100%;
	padding-top: 20%; /* 60px */
	position: relative;
	/* filter: drop-shadow(0 0 2px rgba(237, 214, 115, 80%)) drop-shadow(0 0 2px rgba(237, 214, 115, 80%)) drop-shadow(0 0 4px rgba(237, 214, 115, 80%)) drop-shadow(0 0 6px rgba(237, 214, 115, 100%)); */
}
.hero_onairdate_txt img{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center top;
}

@media screen and (max-width: 767px){
	.hero_onairdate{
		width: 45.3334%;
		margin-top: var(--sp-size-16);
		margin-left: 2%;
		margin-right: unset;
		
		position: relative;
		top: unset;
		left: unset;
		right: unset;
	}
	.hero_onairdate_txt{
		/* filter: drop-shadow(0 0 2px rgba(237, 214, 115, 80%)) drop-shadow(0 0 2px rgba(237, 214, 115, 80%)) drop-shadow(0 0 4px rgba(237, 214, 115, 80%)) drop-shadow(0 0 6px rgba(237, 214, 115, 100%)); */
	}
}


/* hero_catch */
.hero_catch{
	width: min(5.08334%, 98px); /* 61px */
	position: absolute;
	top: 0;
	right: 0;
	margin-top: min(15%, 288px); /* 180px */
	margin-right: min(3.3334%, 64px); /* 40px */
	filter: drop-shadow(0 0 0px rgba(255, 255, 255, 80%)) drop-shadow(0 0 0px rgba(255, 255, 255, 80%)) drop-shadow(0 0 1px rgba(255, 255, 255, 80%)) drop-shadow(0 0 0px rgba(255, 255, 255, 80%)) drop-shadow(0 0 2px rgba(255, 255, 255, 80%)) drop-shadow(0 0 0px rgba(255, 255, 255, 80%)) drop-shadow(0 0 0px rgba(255, 255, 255, 80%)) drop-shadow(0 0 0px rgba(255, 255, 255, 80%));
}
.hero_catch_txt{
	width: 100%;
	padding-top: 752.295%; /* 770px */
	position: relative;
}
.hero_catch_txt img{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center top;
}

@media screen and (max-width: 767px){
	.hero_catch{
		width: 10.1334%;
		margin-top: 22.9334%; /* 172px */
		margin-right: var(--sp-size-28);
	}
	.hero_catch_txt{
		padding-top: 600.6721%;
	}
}

.hero_bnr{
	display: flex;
	align-items: flex-end;
	position: absolute;
	top: min(20px,1.6666vw);
	right:min(320px,26.6666vw);
}
@media screen and (max-width:768px){
	.hero_bnr{
		align-items: flex-start;
		top: unset;
		right:unset;
		left:3.2vw;
		bottom:4.8vw;
	}
}
.hero_bnr li {
	width:min(140px,11.6666vw);
	margin-left:min(15px,1.25vw);
}
@media screen and (max-width:768px){
	.hero_bnr li {
		width:18vw;
		margin-left:2vw;
	}
}
.hero_bnr li img {
	display:block;
	width:100%;
	height:auto;
}

.hero_bnr li a:hover {
	opacity: 0.7;
}

/* hero_shareListsWrap[pc Only] */
.hero_shareListsWrap{
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	margin-top: min(3%, 57.6px); /* 36px */
	margin-right: min(3.3334%, 64px); /* 40px */
}
.hero_shareListsWrap .shareLists{
	align-items: center;
}
.hero_shareListsWrap .shareLists__ttl{
	line-height: 1;
	font-size: min(0.8334vw, 16px); /* 10px */
	color:  #742f2e;
}
.hero_shareListsWrap .shareLists__item {
	width: min(3.1667vw, 60.8px); /* 38px */
	height: min(1.6667vw, 32px); /* 20px */
	padding: 0 min(0.75vw, 14.4px);
}
.hero_shareListsWrap .shareLists__item:last-child{
	width: calc(min(3.1667vw, 60.8px) - min(0.75vw, 14.4px));
	padding-right: 0;
}
.hero_shareListsWrap .shareLists__link:before {
	background-color: #742f2e;
}
.hero_shareListsWrap .shareLists__link:hover::before{
	background-color: #c4a154;
}

@media screen and (max-width: 767px){
	.hero_shareListsWrap {
		display: none;
	}
}



/* hero_visual */
.hero_image{
	width: 100%;
	padding-top: 142.1667%;
	pointer-events: none;
	position: relative;
	filter: brightness(2.5);
	transition: 1.6s cubic-bezier(.17,.67,.45,1.03) .2s;
}
body.--loaded .hero_image{
	filter: brightness(1);
}
.hero_imageIn{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/top/visual_3rd.webp) no-repeat center top / cover;
}
html.no-webp .hero_imageIn{
	background-image: url(../img/top/visual_3rd.jpg);
}

@media screen and (max-width: 767px){
	.hero_image{
		padding-top: 144.9334%;
	}
	html.no-webp .hero_imageIn,
	.hero_imageIn{
		background-image: url(../img/top/visual_3rd_sp.jpg);
	}
}





/*-----------------------------------------------
 * tContentWrap - common
-------------------------------------------------*/
.tContentWrap{
	width: 100%;
	/* background-color: var(--color-brown-light); */
	margin-top: max(-22.25%, -267px);
	position: relative;
	z-index: 2;
}
@media screen and (max-width: 767px){
	.tContentWrap{
		margin-top: 0;
	}
}

.tNavWrap{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	top: 0;
	padding-top: 40px;
	z-index: 100;
}
.tLogo{
	width: 370px;
	margin: 0 auto;
}
.tLogo img{
	width: 100%;
	filter: drop-shadow(0 0 2px rgba(70, 16, 15, 80%)) drop-shadow(0 0 2px rgba(70, 16, 15, 80%)) drop-shadow(0 0 4px rgba(70, 16, 15, 80%)) drop-shadow(0 0 12px rgba(70, 16, 15, 100%));
}
@media screen and (max-width: 767px){
	.tNavWrap{
		padding-top: 4.2667%;
		position: relative;
	}
	.tLogo{
		width: 54.6667%;
	}
	.tLogo img{
		filter: drop-shadow(0 0 2px rgba(70, 16, 15, 80%)) drop-shadow(0 0 2px rgba(70, 16, 15, 80%)) drop-shadow(0 0 4px rgba(70, 16, 15, 80%)) drop-shadow(0 0 6px rgba(70, 16, 15, 100%));
	}
}

.tNavListsWrap{
	margin-top: 40px;
}



/* cont_h2 */
.cont_h2{
	width: 100%;
	background-color: var(--color-brown-dark);
	padding: 18px 36px;
	text-align: center;
	color: var(--color-brown-light);
	font-family: var(--font-plex);
	font-weight: 700;
	font-size: 24px;
	line-height: 1;
	letter-spacing: 0.5em;
	position: relative;
	z-index: 2;
}
.cont_h2_txt{
	display: inline-block;
}
@media screen and (max-width: 767px){
	.cont_h2{
		padding: var(--sp-size-32);
		font-size: var(--sp-size-40);
	}
}

/* ani */
.cont_h2 .cont_h2_txt{
	opacity: 0;
	transform: translateY(24px);
	transition: transform .4s cubic-bezier(.57,.37,.51,.92), opacity .4s cubic-bezier(.57,.37,.51,.92);
}
.contentWrap.--is-ani .cont_h2_txt{
	opacity: 1;
	transform: translateY(0%);
}


/*-----------------------------------------------
 * #news
-------------------------------------------------*/
#news{
	width: 100%;
	margin-top: min(6.6667%, 80px);;
	padding-bottom: 64px;
}
.newsLists{
	width: 88.3334%; /* 1060px */
	display: grid;
	gap: min(1.6667vw, 20px);
    grid-template-columns: repeat(3, 1fr);
	margin: 0 auto;
}
.newsList{
	width: 100%;
}
.newsList__link{
	display: flex;
	flex-direction: column;
	color: #FFF;
	background-color: var(--color-brown-dark);
	text-decoration: none;
	padding: 21px 28px 28px;
	padding: 6.1765% 8.2353% 8.2353%;
	border-radius: 5px;
	transition: .3s ease;
}
.newsList__link:hover{
	background-color: #FFF;
	color: var(--color-brown-dark);
}

.newsList__date{
	order: 2;
	font-size: 10px;
	font-family: var(--font-plex);
	font-weight: 700;
	line-height: 1;
}
.newsList__title{
	line-height: 2;
	min-height: 56px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 41px;
}

@media screen and (min-width: 768px){
	.newsList:nth-of-type(n+4){
		display: none;
	}
}

@media screen and (max-width: 767px){
	#news{
		margin-top: 8%;
		padding-bottom: 10.6667%;
	}
	.newsLists{
		width: 93.3334%; /* 700px */
		gap: var(--sp-size-20);
		grid-template-columns: repeat(2, 1fr);
	}
	.newsList__link{
		padding: var(--sp-size-20) var(--sp-size-26) var(--sp-size-26);
	}
	.newsList__date{
		font-size: var(--sp-size-20);
	}
	.newsList__title{
		font-size: var(--sp-size-24);
		-webkit-line-clamp: 3;
		min-height: min(19.2vw, 144px);
		margin-bottom: var(--sp-size-32);
	}
}

/* scrlani */
.newsList,
#news .btn_com{
	opacity: 0;
	transform: translateY(24px);
	transition: transform .4s cubic-bezier(.57,.37,.51,.92), opacity .4s cubic-bezier(.57,.37,.51,.92);
}
.newsList:nth-of-type(1){
	transition-delay: .1s;
}
.newsList:nth-of-type(2){
	transition-delay: .2s;
}
.newsList:nth-of-type(3){
	transition-delay: .3s;
}
.newsList:nth-of-type(4){
	transition-delay: .4s;
}
#news .btn_com{
	transition-delay: .4s;
}
@media screen and (max-width: 767px){
	#news .btn_com{
		transition-delay: .5s;
	}	
}
#news.--is-ani .newsList,
#news.--is-ani .btn_com{
	opacity: 1;
	transform: translateY(0%);
}

/*-----------------------------------------------
 * #story
-------------------------------------------------*/
.story_txtWrap{
	width: 75%;
	padding: 72px 6% 64px;
	/* max-width: 900px; */
	margin: 0 auto;
}
.story_txt{
	line-height: 2;
	color: #FFF;
}
#story .contentBg{
	background: url(../img/top/story_bg.jpg) no-repeat center top / cover;
}

@media screen and (max-width: 767px){
	.story_txtWrap{
		width: 93.3334%;
		padding: 9.6% 0;
	}
}



/**
* Detail
**/
.story_detailWrap{
	width: 75%;
	margin: 0 auto;
	padding: 0 0 72px;
}

.story_detailSwiper{
	width: 100%;
}
.story_detailImage{
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	background-color: var(--color-brown-light);
	overflow: hidden;
}
.story_detailImage a{
	display: block;
}
.story_detailImage img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	transition: .3s ease;
}
.story_detail_title{
	font-size: 18px;
	font-weight: 500;
	padding: 16px 0;
	text-align: center;
	color: #FFF;
}

.story_episodeSelectListsWrap{
	margin-top: 8px;
}
.episodeSelectLists{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.episodeSelectList.btn_com{
	width: auto;
	display: inline-block;
	pointer-events: none;
	padding: 8px;
	margin-top: 0;
}
.episodeSelectList.btn_com a{
	padding: 10px 20px;
	position: relative;
	pointer-events: auto;
}
@media (hover: hover) and (pointer: fine) {
	.episodeSelectList.btn_com a:hover{
		background-color: #BC9B4E;
		color: #FFF;
	}
	.story_detailImage a:hover img{
		transform: scale(1.05);
		filter: brightness(110%);
	}
}
.episodeSelectList.btn_com a.is-active{
	background-color: #BC9B4E;
	color: #FFF;
}


@media screen and (max-width: 767px){
	.story_detailWrap{
		width: 93.3334%;
		padding: 0% 0 9.6%;
	}
	.story_detail_title{
		font-size: var(--sp-size-24);
		padding: var(--sp-size-12) 0;
	}
	.story_episodeSelectListsWrap{
		margin-top: var(--sp-size-8);
	}
	.episodeSelectList.btn_com{
		padding: var(--sp-size-8);
	}
	.episodeSelectList.btn_com a{
		padding: var(--sp-size-12) var(--sp-size-24);
	}
}



/* ani */
#story .contentInWrap{
	opacity: 1;
}
.story_txt,
.story_detailWrap{
	opacity: 0;
	transform: scale(95%);
	filter: blur(4px);
	transition: transform .4s cubic-bezier(.57,.37,.51,.92) .3s, filter .6s cubic-bezier(.57,.37,.51,.92) .4s, opacity .4s cubic-bezier(.57,.37,.51,.92) .4s;
}
#story.--is-ani .story_txt,
#story.--is-ani .story_detailWrap{
	opacity: 1;
	transform: scale(1);
	filter: blur(0px);
}
/*-----------------------------------------------
 * #staffcast
-------------------------------------------------*/
#staffcast{
	background-color: #fff;
	overflow: hidden;
}
#staffcast .cont_h2_txt span{
	display: inline-block;
	padding: 0 40px;
}
#staffcast .contentIn{
	padding: 64px 0;
}
.staffcastListsWrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.staffcastListsInWrap{
	padding: 0 4.1667%;;
}
#cast .staffcastLists{
	padding-left: min(4.1667vw, 50px);
}
.staffcastList{
	display: flex;
	align-items: flex-end;
}
.staffcastList:not(:last-child){
	margin-bottom: 24px;
}
.staffcastList dt{
	width: calc(10em + 30px);
	flex-shrink: 0;
	color: var(--color-gray);
}
.staffcastList dd{
	font-size: 18px;
	color: var(--color-brown-light);
}
.staffcastList dd small{
	font-size: 66.6667%;
	padding-left: 0.5em;
}
.staffcast_comment{
	display: inline-block;
	padding-right: 48px;
	position: relative;
}
.btn_comment{
	position: absolute;
	right: 12px;
	top: 0;
	right: 12px;
	bottom: 0;
	display: inline-flex;
	width: 24px;
	background: url(../img/common/icon_fukidashi.svg) no-repeat center / contain;
}

@media screen and (max-width: 911px){
	.staffcastLists{
		min-width: 520px;
	}
	#cast .staffcastLists{
		padding-left: 0;
		padding-top: 64px;
	}
}

@media screen and (max-width:767px){
	#staffcast .cont_h2 span{
		padding: 0 0.5em;
	}
	#staffcast .contentIn{
		padding: 8.5334% 8.5334%;
	}
	.staffcastListsInWrap{
		width: 100%;
		padding: 0;
	}
	.staffcastLists{
		min-width: unset;
	}
	#cast .staffcastLists{
		padding-top: var(--sp-size-96);
	}
	.staffcastList:not(:last-child){
		margin-bottom: var(--sp-size-32);
	}
	.staffcastList dt{
		font-size: var(--sp-size-20);
		min-width: calc(10em + var(--sp-size-48));
		width: auto;
		padding-right: var(--sp-size-24);
	}
	.staffcastList dd{
		font-size: var(--sp-size-24);
	}
	.staffcastList dd small{
		font-size: var(--sp-size-20);
	}
	.staffcast_comment{
		padding-right: var(--sp-size-56);
	}
	.btn_comment{
		right: var(--sp-size-12);
		width: var(--sp-size-32);
	}
}

/* comment */
.modalComment{
	width: 100%;
	font-size: 16px;
	color: #FFF;
	line-height: 2;
	padding: 4%;
}
.comment_name{
	font-size: 24px;
	margin-bottom: 16px;
}
.comment_name small{
	display: inline-block;
	font-size: 18px;
	padding-right: 1em;
}
@media screen and (max-width: 767px){
	.modalComment{
		font-size: var(--sp-size-24);
		padding: 8.5334%;
	}
	.comment_name{
		font-size: var(--sp-size-32);
		margin-bottom: var(--sp-size-24);
	}
	.comment_name small{
		font-size: var(--sp-size-26);
	}
}


/* ani */
#staff{
	opacity: 0;
	transform: translateX(-25%);
	filter: blur(4px);
	transition: transform .4s cubic-bezier(.57,.37,.51,.92) .3s, filter .6s cubic-bezier(.57,.37,.51,.92) .4s, opacity .4s cubic-bezier(.57,.37,.51,.92) .4s;
}
#cast{
	opacity: 0;
	transform: translateX(25%);
	filter: blur(4px);
	transition: transform .4s cubic-bezier(.57,.37,.51,.92) .3s, filter .6s cubic-bezier(.57,.37,.51,.92) .4s, opacity .4s cubic-bezier(.57,.37,.51,.92) .4s;
}
#staff.--is-ani,
#cast.--is-ani{
	opacity: 1;
	transform: translateX(0%);
	filter: blur(0px);
}



/*-----------------------------------------------
 * #character
-------------------------------------------------*/
.character_h2{
	position: absolute;
	z-index: 2;
	width: 100%;
	padding: 0 3.3334%;
}
.character_h2 span{
	display: block;
	width: 100%;
	max-width: 1120px;
	padding-top: 4.4643%;
	font-family: var(--font-plex);
	font-size: var(--pc-size-24);
	font-weight: 700;
	letter-spacing: 0.5em;
	color: var(--color-brown-light);
	margin: 0 auto;
}


.characterContWrap{
	width: 100%;
	position: relative;
	z-index: 2;
}
.characterDetailList{
	width: 100%;
	padding: 0 3.3334%;
	position: relative;
}
.charaDetailIn{
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	position: relative;
	display: flex;
}

.charaDetail_img{
	order: 2;
	width: 59.8215%; /* 670px */
	position: relative;
	transition: opacity .3s ease-in-out, transform .3s ease-in-out;
	opacity: 0;
	transform: translateX(10%);
}
.charaDetail_img img{
	display: block;
	margin-left: -4.477%;
	width: 104.4777%; /* 700px */
}

.charaDetail_txtWrap{
	width: 40.1786%; /* 450px */
	margin-top: 19.6429%; /* 220px */
	color: var(--color-brown-light);
}

.chara_nameWrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	line-height: 1;
	margin-bottom: 7.1112%; /* 32px */
}
.chara_name__ja{
	font-size: var(--pc-size-24);
	font-weight: 500;
	padding-right: 1.5em;
	transition: opacity .3s ease-in-out, transform .3s ease-in-out;
	opacity: 0;
	transform: translateY(10%);
}
.chara_cv{
	font-size: var(--pc-size-18);
	font-weight: 500;
	transition: opacity .3s ease-in-out, transform .3s ease-in-out;
	opacity: 0;
	transform: translateY(10%);
}

.chara_detail__txt{
	width: 93.3334%; /* 420px */
	font-weight: 500;
	line-height: 2;
	font-size: var(--pc-size-14);
	transition: opacity .3s ease-in-out, transform .3s ease-in-out;
	opacity: 0;
	transform: translateY(10%);
}


.p-chara_name__eng{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
}
.chara_name__eng_m,
.chara_name__eng_b{
	text-align: right;
	font-family: var(--font-plex);
	font-weight: 700;
	line-height: 1;
	color: var(--color-brown-light);
	letter-spacing: 0.45em;
}
.chara_name__eng_m{
	font-size: var(--pc-size-64);
	margin-bottom: var(--pc-size-20);
	width: calc(100% + 0.5em);
	transition: opacity .3s ease-in-out, transform .3s ease-in-out;
	opacity: 0;
	transform: translateX(10%);
}
.chara_name__eng_b{
	font-size: var(--pc-size-124);
	line-height: 0.6;
	width: calc(100% + 0.5em);
	transition: opacity .3s ease-in-out, transform .3s ease-in-out;
	opacity: 0;
	transform: translateX(-10%);
}

@media screen and (max-width: 767px){
	#character{
		padding-bottom: 6.4%;
	}
	.character_h2{
		position: relative;
		text-align: center;
		line-height: 1;
		padding: 0;
	}
	.character_h2 span{
		max-width: 100%;
		padding-top: 6.4%;
		padding-bottom: 5.3334%;
		font-size: var(--sp-size-40);
	}

	.charaDetailIn{
		max-width: 100%;
		flex-direction: column;
	}
	.charaDetail_img{
		order: unset;
		width: 100%;
		position: relative;
		padding-bottom: var(--sp-size-20);
	}
	.charaDetail_img img{
		width: 100%;
		margin-left: unset;
	}
	.s-chara_name_eng{
		position: absolute;
		bottom: 0;
		left: -3.5715%;
		width: 107.1429%;
	}
	.chara_name__eng_m{
		font-size: min(7.2vw, 54px);
		margin-bottom: var(--sp-size-20);
	}
	.chara_name__eng_b{
		font-size: min(11.0667vw, 83px);
	}

	.charaDetail_txtWrap{
		width: 100%;
		margin-top: 4.5715%;
	}
	.chara_nameWrap{
		margin-bottom: 4.5715%;
	}
	.chara_name__ja{
		font-size: var(--sp-size-40);
	}
	.chara_cv{
		font-size: var(--sp-size-20);
	}
	.chara_detail__txt{
		width: 100%;
		font-size: var(--sp-size-24);
	}
}


/* selected */
#character.--is-ani .characterDetailList.swiper-slide-active .charaDetail_img,
#character.--is-ani .characterDetailList.swiper-slide-active .chara_name__ja,
#character.--is-ani .characterDetailList.swiper-slide-active .chara_cv,
#character.--is-ani .characterDetailList.swiper-slide-active .chara_detail__txt,
#character.--is-ani .characterDetailList.swiper-slide-active .chara_name__eng_m,
#character.--is-ani .characterDetailList.swiper-slide-active .chara_name__eng_b{
	opacity: 1;
	transform: translate(0,0);
}
.characterDetailList.swiper-slide-active .charaDetail_img{
	transition-delay: .3s, .25s;
}
.characterDetailList.swiper-slide-active .chara_name__ja,
.characterDetailList.swiper-slide-active .chara_cv{
	transition-delay: .2s;
}
.characterDetailList.swiper-slide-active .chara_detail__txt{
	transition-delay: .4s;
}
.characterDetailList.swiper-slide-active .chara_name__eng_m,
.characterDetailList.swiper-slide-active .chara_name__eng_b{
	transition-delay: .4s;
}


/* character Select */
.charaSelectListsWrap{
	position: absolute;
	width: 100%;
	padding: 0 3.3334% min(2.6667%, 32px);
	left: 0;
	bottom: 0;
	z-index: 3;
}
.swiper-pagination-horizontal.swiper-pagination-bullets.charaSelectLists{
	display: flex;
	margin-left: -2px;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.charaSelectList{
	width: 74px;
	padding: 0 2px;
	margin: unset;
	height: auto;
	background: unset;
	border-radius: 0;
	opacity: 1;
	line-height: 1;
}
.btn_characterselect{
	width: 100%;
	border-radius: 5px;
	background-color: #fff;
	transition: .3s ease;
}
.charaSelectList.swiper-pagination-bullet-active .btn_characterselect{
	background-color: var(--color-brown-light);
}
.btn_characterselect img{
	width: 100%;
}

@media screen and (max-width: 767px){
	.charaSelectListsWrap{
		position: relative;
		width: 94.6667%;
		padding: 0;
		margin: var(--sp-size-72) auto 0;
	}
	.swiper-pagination-horizontal.swiper-pagination-bullets.charaSelectLists{
		justify-content: center;
		margin-left: 0;
	}
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.charaSelectList{
		width: min(17.3334vw, 130px);
		padding: 0 min(0.6667vw, 5px);
	}
}



/* character bg */
#character .contentBg{
	background: url(../img/top/character_bg.jpg) no-repeat center center / cover;
}
@media screen and (max-width: 767px){
	#character .contentBg{
		background: url(../img/top/character_bg_sp.jpg) no-repeat center top / cover;
	}
}


/*-----------------------------------------------
 * #movie
-------------------------------------------------*/
#movie{
	padding-top: 68px;
}
.movieWrap{
	width: 88.3334%;
	padding: 50px 0%;
	margin: 0 auto;
	/* max-width: 960px; */
}

.movieList{
	line-height: 0;
}
.btn_moviePlay{
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	overflow: hidden;
	background-color: var(--color-brown-dark);
	line-height: 0;
}
.btn_moviePlay img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.movie_title{
	color: #FFF;
	text-align: center;
	margin-top: 28px;
	font-size: 16px;
	line-height: 2;
}

@media screen and (max-width: 767px){
	#movie{
		padding-top: 10.6667%;
	}
	.movieWrap{
		width: 93.3334%;
		padding: 6.4% 0;
	}
	.movie_title{
		margin-top: var(--sp-size-32);
		font-size: var(--sp-size-24);
	}
}


/* pager */
.mov_swiperPager{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 24px;
}
.swiper-pagination-horizontal.swiper-pagination-bullets.mov_swiperPager .swiper-pagination-bullet{
	width: 20px;
	height: 20px;
	position: relative;
	margin: 5px;
	opacity: 1;
	background-color: transparent;
	border-radius: 50%;
	border: 2px solid #FFF;
}
.swiper-pagination-horizontal.swiper-pagination-bullets.mov_swiperPager .swiper-pagination-bullet:before,
.swiper-pagination-horizontal.swiper-pagination-bullets.mov_swiperPager .swiper-pagination-bullet:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: .3s;
}
.mov_swiperPager .swiper-pagination-bullet:before{
	border-radius: 50%;
	background-color: #FFF;
}
.mov_swiperPager .swiper-pagination-bullet:after{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #FFF;
	margin: auto;
	opacity: 0;
}
@media screen and (max-width: 767px){
	.mov_swiperPager{
		margin-top: var(--sp-size-16);
	}
	.swiper-pagination-horizontal.swiper-pagination-bullets.mov_swiperPager .swiper-pagination-bullet{
		width: var(--sp-size-20);
		height: var(--sp-size-20);
		margin: var(--sp-size-8);
		border-width: var(--sp-size-2);
	}
	.mov_swiperPager .swiper-pagination-bullet:after{
		width: var(--sp-size-10);
		height: var(--sp-size-10);
	}
}

/* hover */
.mov_swiperPager .swiper-pagination-bullet:hover::before{
	opacity: 80%;
}

/* active */
.mov_swiperPager .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
	opacity: 0;
}
.mov_swiperPager .swiper-pagination-bullet.swiper-pagination-bullet-active:after{
	opacity: 1;
}



/* ani */
.movieWrap{
	opacity: 0;
	transform: translateY(25px);
	transition: transform .4s cubic-bezier(.57,.37,.51,.92) .3s, opacity .4s cubic-bezier(.57,.37,.51,.92) .4s;
}
#movie.contentWrap.--is-ani .movieWrap{
	opacity: 1;
	transform: translateY(0px);
}

/*-----------------------------------------------
 * #special
-------------------------------------------------*/
#special .contentIn{
	padding: 50px 0 60px;
}
.specialLists{
	width: 88.3334%; /* 1060px */
	display: grid;
	gap: min(1.6667vw, 20px);
    grid-template-columns: repeat(3, 1fr);
	margin: 0 auto;
}
.specialList{
	width: 100%;
}
.specialList__link{
	height: 100%;
	display: flex;
	flex-direction: column;
	color: #FFF;
	background-color: var(--color-brown-dark);
	text-decoration: none;
	padding: 21px 28px 28px;
	padding: 6.1765% 8.2353% 8.2353%;
	border-radius: 5px;
	transition: .3s ease;
}
.specialList__link:hover{
	background-color: #FFF;
	color: var(--color-brown-dark);
}

.specialList__thumb{
	width: 100%;
	padding-top: 141.7267%;
	margin: auto 0 30px;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}
.specialList__thumb img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	transition: .3s ease;
}
.specialList__link:hover .specialList__thumb img{
	transform: scale(1.05);
}

.specialList__date{
	order: 2;
	font-size: 10px;
	font-family: var(--font-plex);
	font-weight: 700;
	line-height: 1;
}
.specialList__title{
	line-height: 2;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 30px;
}

@media screen and (min-width: 768px){
	.specialList:nth-of-type(n+4){
		display: none;
	}
}

@media screen and (max-width: 767px){
	#special .contentIn{
		padding: 6.4% 0 10.6667%;
	}
	.specialLists{
		width: 93.3334%; /* 700px */
		gap: var(--sp-size-20);
		grid-template-columns: repeat(2, 1fr);
	}
	.specialList__link{
		padding: var(--sp-size-20) var(--sp-size-26) var(--sp-size-26);
	}
	.specialList__thumb{
		margin: auto 0 var(--sp-size-48);
	}
	.specialList__date{
		font-size: var(--sp-size-20);
	}
	.specialList__title{
		font-size: var(--sp-size-24);
		-webkit-line-clamp: 3;
		margin-bottom: var(--sp-size-24);
	}
}

/* scrlani */
.specialList,
#special .btn_com{
	opacity: 0;
	transform: translateY(24px);
	transition: transform .4s cubic-bezier(.57,.37,.51,.92), opacity .4s cubic-bezier(.57,.37,.51,.92);
}
.specialList:nth-of-type(1){
	transition-delay: .4s;
}
.specialList:nth-of-type(2){
	transition-delay: .5s;
}
.specialList:nth-of-type(3){
	transition-delay: .6s;
}
.specialList:nth-of-type(4){
	transition-delay: .7s;
}
#special .btn_com{
	transition-delay: .7s;
}
@media screen and (max-width: 767px){
	#news .btn_com{
		transition-delay: .8s;
	}	
}
#special.--is-ani .specialList,
#special.--is-ani .btn_com{
	opacity: 1;
	transform: translateY(0%);
}


/*-----------------------------------------------
 * #music
-------------------------------------------------*/
#music .contentIn{
	padding: 50px 0 0;
}
.musicLists{
	width: 88.3334%; /* 1060px */
	display: grid;
	gap: min(1.6667vw, 20px);
    grid-template-columns: repeat(2, 1fr);
	margin: 0 auto;
	padding-top: 20px;
}
.musicList{
	width: 100%;
}
.musicList__link{
	height: 100%;
	display: flex;
	flex-direction: column;
	color: #FFF;
	background-color: var(--color-brown-dark);
	text-decoration: none;
	padding: 21px 28px 28px;
	padding: 6.1765% 8.2353% 8.2353%;
	border-radius: 5px;
	transition: .3s ease;
}
.musicList__link:hover{
	background-color: #FFF;
	color: var(--color-brown-dark);
}

.musicList__thumb{
	width: 100%;
	margin: auto 0 30px;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}
.musicList__thumb img{
	width: 100%;
	transition: .3s ease;
}
.musicList__link:hover .musicList__thumb img{
	transform: scale(1.05);
}

.musicList__date{
	order: 2;
	font-size: 10px;
	font-family: var(--font-plex);
	font-weight: 700;
	line-height: 1;
}
.musicList__title{
	line-height: 2;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 30px;
}

@media screen and (min-width: 768px){
	.musicList:nth-of-type(n+4){
		display: none;
	}
}

@media screen and (max-width: 767px){
	#music .contentIn{
		padding: 6.4% 0 0;
	}
	.musicLists{
		width: 93.3334%; /* 700px */
		gap: var(--sp-size-20);
		grid-template-columns: repeat(2, 1fr);
	}
	.musicList__link{
		padding: var(--sp-size-20) var(--sp-size-26) var(--sp-size-26);
	}
	.musicList__thumb{
		margin: auto 0 var(--sp-size-48);
	}
	.musicList__date{
		font-size: var(--sp-size-20);
	}
	.musicList__title{
		font-size: var(--sp-size-24);
		-webkit-line-clamp: 3;
		margin-bottom: var(--sp-size-24);
	}
}

/* scrlani */
.musicList,
#music .btn_com{
	opacity: 0;
	transform: translateY(24px);
	transition: transform .4s cubic-bezier(.57,.37,.51,.92), opacity .4s cubic-bezier(.57,.37,.51,.92);
}
.musicList:nth-of-type(1){
	transition-delay: .4s;
}
.musicList:nth-of-type(2){
	transition-delay: .5s;
}
.musicList:nth-of-type(3){
	transition-delay: .6s;
}
.musicList:nth-of-type(4){
	transition-delay: .7s;
}
#music .btn_com{
	transition-delay: .7s;
}
@media screen and (max-width: 767px){
	#news .btn_com{
		transition-delay: .8s;
	}	
}
#music.--is-ani .musicList,
#music.--is-ani .btn_com{
	opacity: 1;
	transform: translateY(0%);
}


/*-----------------------------------------------
 * #onair
-------------------------------------------------*/
#onair .contentIn{
	padding: 50px 0 80px;
}
.onairArticle{
	width: 88.3334%; /* 1060px */
	margin: 0 auto;
}

.onairTitle{
	width: 100%;
	background-color: #FFF;
	color: var(--color-brown-dark);
	padding: 1.9812% 2.6415% 2.6415%;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}
.onairTitle_date{
	order: 2;
	font-size: 10px;
	font-family: var(--font-plex);
	line-height: 1;
	font-weight: 700;
}
.onairTitle_title{
	line-height: 2;
	margin-bottom: 41px;
}

.onairArticleIn{
	width: 100%;
	padding: 3.0189%;
	margin: 1.8868% auto 0;
	line-height: 2;
	background-color: var(--color-brown-dark);
	color: #FFF;
	border-radius: 5px;
	word-break: break-all;
}

.notice{
	line-height: 2;
	margin-bottom: 41px;
	color:#fff;
}

/* p */
.onairArticleIn > p:not(:first-of-type) {
	margin-top: 32px;
}
.onairArticleIn p.center{
	text-align: center;
}
.onairArticleIn p.right{
	text-align: right;
}


/* a */
.onairArticleIn a {
	color: #FFF;
	font-weight: 500;
}


/* img */
.onairArticleIn img {
	height: auto!important;
	max-width: 100%;
}


@media screen and (max-width: 767px){
	#onair .contentIn{
		padding: 6.4% 0 10.6667%;
	}
	.onairLists{
		width: 93.3334%; /* 700px */
		gap: var(--sp-size-20);
		grid-template-columns: repeat(2, 1fr);
	}
	.onairList__link{
		padding: var(--sp-size-20) var(--sp-size-26) var(--sp-size-26);
	}
	.onairList__thumb{
		margin: auto 0 var(--sp-size-48);
	}
	.onairList__date{
		font-size: var(--sp-size-20);
	}
	.onairList__title{
		font-size: var(--sp-size-24);
		-webkit-line-clamp: 3;
		margin-bottom: var(--sp-size-24);
	}
	.notice{
		margin-bottom: 0;
	}
}


/* scrlani */
.onairList,
#onair .btn_com{
	opacity: 0;
	transform: translateY(24px);
	transition: transform .4s cubic-bezier(.57,.37,.51,.92), opacity .4s cubic-bezier(.57,.37,.51,.92);
}
.onairList:nth-of-type(1){
	transition-delay: .4s;
}
.onairList:nth-of-type(2){
	transition-delay: .5s;
}
.onairList:nth-of-type(3){
	transition-delay: .6s;
}
.onairList:nth-of-type(4){
	transition-delay: .7s;
}
#onair .btn_com{
	transition-delay: .7s;
}
@media screen and (max-width: 767px){
	#onair .btn_com{
		transition-delay: .8s;
	}	
}
#onair.--is-ani .onairList,
#onair.--is-ani .btn_com{
	opacity: 1;
	transform: translateY(0%);
}



/*-----------------------------------------------
 * #bluRay
-------------------------------------------------*/
#bd .contentIn{
	padding: 50px 0 60px;
}
.bdLists{
	width: 88.3334%; /* 1060px */
	display: grid;
	gap: min(1.6667vw, 20px);
    grid-template-columns: repeat(3, 1fr);
	margin: 0 auto;
}
.bdList{
	width: 100%;
}
.bdList__link{
	height: 100%;
	display: flex;
	flex-direction: column;
	color: #FFF;
	background-color: var(--color-brown-dark);
	text-decoration: none;
	padding: 21px 28px 28px;
	padding: 6.1765% 8.2353% 8.2353%;
	border-radius: 5px;
	transition: .3s ease;
}
.bdList__link:hover{
	background-color: #FFF;
	color: var(--color-brown-dark);
}

.bdList__thumb{
	width: 100%;
	padding-top: 141.7267%;
	margin: auto 0 0;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}
.bdList__thumb img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	transition: .3s ease;
}
.bdList__link:hover .bdList__thumb img{
	transform: scale(1.05);
}

.bdList__title{
	line-height: 2;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 30px;
}

@media screen and (max-width: 767px){
	#bd .contentIn{
		padding: 6.4% 0 10.6667%;
	}
	.bdLists{
		width: 93.3334%; /* 700px */
		gap: var(--sp-size-20);
		grid-template-columns: repeat(2, 1fr);
	}
	.bdList__link{
		padding: var(--sp-size-20) var(--sp-size-26) var(--sp-size-26);
	}
	.bdList__thumb{
		margin: auto 0 0;
	}
	.bdList__date{
		font-size: var(--sp-size-20);
	}
	.bdList__title{
		font-size: var(--sp-size-24);
		-webkit-line-clamp: 3;
		margin-bottom: var(--sp-size-24);
	}
}

/* scrlani */
.bdList{
	opacity: 0;
	transform: translateY(24px);
	transition: transform .4s cubic-bezier(.57,.37,.51,.92), opacity .4s cubic-bezier(.57,.37,.51,.92);
}
.bdList:nth-of-type(1){
	transition-delay: .4s;
}
.bdList:nth-of-type(2){
	transition-delay: .5s;
}
.bdList:nth-of-type(3){
	transition-delay: .6s;
}
.bdList:nth-of-type(4){
	transition-delay: .7s;
}
.bdList:nth-of-type(5){
	transition-delay: .8s;
}

@media screen and (max-width: 767px){
	#special .btn_com{
		transition-delay: .8s;
	}	
}
#bd.--is-ani .bdList,
#bd.--is-ani .btn_com{
	opacity: 1;
	transform: translateY(0%);
}



/*-----------------------------------------------
 * tLoading
-------------------------------------------------*/
.tLoading{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10002;
}
.tLoadingIn{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #742f2e;
	display: flex;
	align-items: center;
}

.tLoading_logoWrap{
	width: 60%;
	max-width: 1024px;
	margin: 0 auto;
	transition: transform .8s cubic-bezier(.17,.67,.45,1.03) 2.2s,  filter .8s cubic-bezier(.17,.67,.45,1.03) 2s, opacity .6s cubic-bezier(.17,.67,.45,1.03) 2.2s;
}

@media screen and (max-width: 767px){
	.tLoading_logoWrap{
		width: 74.6667%;
	}
}


.tLoading.--a-start .tLoading_logoWrap{
	transform: scale(95%);
	opacity: 0;
	filter: blur(8px);
}

.tLoading_logoInWrap{
	width: 100%;
	padding-top: 18.2662%;
	position: relative;
}
.tLoading_logo_l{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 12.9033%;
}
.i-tLoading_logo_l{
	width: 12.9033%;
	height: 100%;
	position: absolute;
	top: 0;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	transform: rotate(45deg) scale(0.95);
	filter: blur(4px);
	opacity: 0;
	transition: transform 1.2s cubic-bezier(.17,.67,.45,1.03), opacity 1s cubic-bezier(.17,.67,.45,1.03), filter 1.2s cubic-bezier(.17,.67,.45,1.03) .1s;
}
.tLoading_logo_l_a{
	left: 0;
	background-image: url(../img/top/loading/l_a.png);
	transition-delay: .4s, .4s, .5s;
}
.tLoading_logo_l_b{
	left: 21.6442%;
	background-image: url(../img/top/loading/l_b.png);
	transition-delay: .55s, .55s, .65s;
}
.tLoading_logo_l_c{
	left: 43.0802%;
	background-image: url(../img/top/loading/l_c.png);
	transition-delay: .7s, .7s, .8s;
}
.tLoading_logo_l_d{
	left: 65.1405%;
	background-image: url(../img/top/loading/l_d.png);
	transition-delay: .85s, .85s, .95s;
}
.tLoading_logo_l_e{
	left: 87.0967%;
	background-image: url(../img/top/loading/l_e.png);
	transition-delay: 1.0s, 1.0s, 1.1s;
}

.tLoading.--a-start .i-tLoading_logo_l{
	transform: rotate(0deg) scale(1);
	opacity: 1;
	filter: blur(0px);	
}

.tLoading_logo_e{
	width: 76.5719%;
	height: 9.3496%;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	transform: scale(95%);
	transform-origin: center bottom;
	transition: transform 2s cubic-bezier(.17,.67,.45,1.03);
}

.tLoading.--a-start .tLoading_logo_e{
	transform: scale(100%);
}



/* --a-start */

.tLoading_logo_e svg{
	width: 100%;
	height: 100%;
}

.tLoading_logo_e svg .ani-elem-1 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-1 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-2 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.05s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.05s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-2 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-3 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-3 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-4 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.15000000000000002s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.15000000000000002s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-4 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-5 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-5 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-6 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.25s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.25s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-6 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-7 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.30000000000000004s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.30000000000000004s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-7 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-8 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.35000000000000003s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.35000000000000003s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-8 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-9 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-9 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-10 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.45s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.45s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-10 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-11 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.5s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.5s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-11 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-12 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.55s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.55s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-12 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-13 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.6000000000000001s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.6000000000000001s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-13 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-14 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.65s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.65s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-14 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-15 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.7000000000000001s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.7000000000000001s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-15 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-16 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.75s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.75s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-16 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-17 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.8s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.8s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-17 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-18 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.8500000000000001s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.8500000000000001s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-18 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-19 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.9s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.9s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-19 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-20 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.9500000000000001s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.9500000000000001s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-20 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-21 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-21 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-22 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.05s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.05s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-22 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-23 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.1s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.1s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-23 {
fill: rgb(255, 255, 255);
}

.tLoading_logo_e svg .ani-elem-24 {
fill: transparent;
-webkit-transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.1500000000000001s;
				transition: fill 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.1500000000000001s;
}

.tLoading.--a-start .tLoading_logo_e svg .ani-elem-24 {
fill: rgb(255, 255, 255);
}