@charset "utf-8";
/*------------------------------------------------
* FV
* NEWS
* MOVIE
* INTRODUCTION
-------------------------------------------------*/
@media screen and (min-width: 768px){
	.header__logo{
		transition: transform .6s ease;
		transform-origin: left top;
	}
	.header__logo.--sclw{
		transform: scale(187.5%);
	}
}


/*------------------------------------------------
* FV
-------------------------------------------------*/
.fv{
	width: 100%;
	position: relative;
}

/**
* visualImageWrap
**/
.visualImageWrap{
	width: 51.3334%;/* 616 */
	position: relative;
	margin: 0 auto;
	padding-top: min(2.6667%, 32px);/* 32 */
}
@media screen and (min-width: 767px){
	.visualImageWrap{
		pointer-events: none;
	}
}

.visualImageInWrap{
	width: 100%;
	position: relative;
	padding: 1.2988%;/* 8 */
}
.visualImageListsWrap{
	position: relative;
}
.visualImageListsWrap:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: max(calc(1 / var(--vw-min) * 100vw), 1px) solid rgba(255,255,255,40%);
}
.visualImageLists,
.visualImageList{
	width: 100%;
}
.visualImageList img{
	width: 100%;
}


.visualImageFrameWrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.visualImageFrame{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 40%;
}
.visualImageFrame-in_dot{
	width: 5.5195%;/* 34 */
	padding-top: 5.5195%;/* 34 */
	position: absolute;
}
.visualImageFrame-in_dotCircle{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 23.5295%;/* 8 */
	height: 23.5295%;/* 8 */
	border-radius: 50%;
	border: max(calc(1 / var(--vw-min) * 100vw), 1px) solid rgba(255,255,255,100%);;
}

.visualImageFrame-in_dot.-tr{
	top: 0;
	right: 0;
}
.visualImageFrame-in_dot.-tl{
	top: 0;
	left: 0;
}
.visualImageFrame-in_dot.-br{
	bottom: 0;
	right: 0;
}
.visualImageFrame-in_dot.-bl{
	bottom: 0;
	left: 0;
}

.visualImageFrame.-out{
	background: url(../img/top/visual/visual_frame-o.svg) no-repeat center / contain;
}


.fv__onair{
	width: 103.2468%;/* 636 */
	margin-top: -2%;/* -72 */
	margin-left: -1.6234%;
	position: relative;
	z-index: 2;
}
.fv__onair img{
	width: 100%;
}


/**
* fvCont
**/
.fvContWrap{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 31.6667%;/* 380 */
	max-width: 380px;
	padding: 0 min(9.5%, 40px);
}
.fvContInWrap{
	position: sticky;
	top: 0;
	width: 100%;
	height: min(100vh, 100%);
	min-height: 640px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

@media screen and (min-width: 767px){
	.p-fv_seriesLists{
		padding-top: 13.3334%;/* 40 */
		min-height: 220px;
	}
	.s-fv_logo{
		display: none;
	}	
}

.fv_movieCont{
	width: 100%;
	margin: auto 0;
}
.btn_movieframePlay{
	width: 100%;
	padding-top: 50%;
	border-radius: 300px;
	position: relative;
	overflow: hidden;
	overflow: hidden;
}
.btn_movieframePlay:before{
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	right: 4px;
	bottom: 4px;
	border-radius: 300px;
	border: 1px solid rgba(255, 255, 255, .4);
	z-index: 2;
}
.movie_thumb{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.movie_thumb:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: .2;
}
.movie_thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.fvBannerSwiperWrap{
	width: 100%;
	min-height: min(calc(220 / var(--vw-min) * 100vw),220px);
}
.fv_bannerLists{
	width: 100%;
}

.fv_bannerInLists{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: min(calc(16 / var(--vw-min) * 100vw), 16px);
	min-height: min(calc(176 / var(--vw-min) * 100vw), 176px);
}
.fv_bannerInList{
	margin-top: auto;
	width: 100%;
}
.fv_bannerInList a{
	display: block;
}
.fv_bannerInList a img{
	width: 100%;
}

@media screen and (hover:hover) and (pointer: fine){
	.movie_thumb:before{
		transition: .3s ease;
	}
	.fv_bannerInList a{
		transition: .3s ease;
	}
	.fv_bannerInList a:hover{
		filter: brightness(125%);
	}

	.btn_movieframePlay:hover .movie_thumb:before{
		opacity: 0;
	}
}

@media screen and (max-width: 767px){
	.visualImageWrap{
		width: 91.4667%;/* 686 */
		padding-top: var(--sp-size-80);
	}
	.visualImageInWrap{
		padding: var(--sp-size-16);
	}
	.visualImageListsWrap:after{
		border-width: var(--sp-size-2);
	}
	.visualImageFrame-in_dot{
		width: var(--sp-size-64);
		padding-top: var(--sp-size-64);
		position: absolute;
	}
	.visualImageFrame-in_dotCircle{
		width: var(--sp-size-16);
		height: var(--sp-size-16);
	}
	.visualImageFrame.-out{
		background-image: url(../img/top/visual/visual_frame-o_s.svg);
	}

	.s-fv_logo{
		width: 76.2377%;/* 462 */
		margin: var(--sp-size-20) auto var(--sp-size-96);
	}
	.s-fv_logo img{
		width: 100%;
	}
	.fv__onair{
		width: 109.3295%;
		position: absolute;
		bottom: 0;
		margin-left: -4.6648%;
		margin-top: unset;
	}

/**
* fvCont
**/
	.fvContWrap{
		position: relative;
		width: 100%;/* 380 */
		max-width: 100%;
		bottom: unset;
		padding:  var(--sp-size-72);
	}
	.fvContInWrap{
		width: 100%;
		min-width: 100%;
		min-height: unset;
		padding: 0;
		display: block;
	}
	.fv_movieCont{
		margin-bottom: var(--sp-size-96);
	}
	.btn_movieframePlay:before{
		top: var(--sp-size-8);
		left: var(--sp-size-8);
		right: var(--sp-size-8);
		bottom: var(--sp-size-8);
	}
	.fvBannerSwiperWrap{
		min-height: unset;
	}
	.fv_bannerInLists{
		gap: var(--sp-size-48);
	}
}



/*------------------------------------------------
* NEWS
-------------------------------------------------*/
.news {
	padding: min(calc(160 / var(--vw-min) * 100vw), 160px) 0 min(calc(160 / var(--vw-min) * 100vw), 160px) min(calc(300 / var(--vw-min) * 100vw), 300px);
}
@media screen and (max-width:768px) { 
	.news {
		padding: calc(96 / var(--vw-min) * 100vw) 0 calc(96 / var(--vw-min) * 100vw) calc(48 / var(--vw-min) * 100vw);
	}
}
.newsWrap {
	padding: min(calc(40 / var(--vw-min) * 100vw), 40px) 0 0 0;
}
@media screen and (max-width:768px) { 
	.newsWrap {
		padding: calc(48 / var(--vw-min) * 100vw) 0 0 0;
	}
}
.news__contLists {
	width: 100%;
	background-color: rgba(0, 0, 0, .4);
	padding: min(calc(36 / var(--vw-min) * 100vw), 36px) min(calc(40 / var(--vw-min) * 100vw), 40px);
	margin-bottom: min(calc(50 / var(--vw-min) * 100vw), 50px);
}
@media screen and (max-width:768px) { 
	.news__contLists {
		padding: calc(48 / var(--vw-min) * 100vw);
		margin-bottom:calc(64 / var(--vw-min) * 100vw);
	}
}
.news__contItem {
	position: relative;
	padding-bottom: 1px;
}
.news__contItem:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: var(--color-white-op);
}
.news__contItem a {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	display: flex;
	flex-direction: column;
	position: relative;
	text-decoration: none;
	padding-bottom: min(calc(30 / var(--vw-min) * 100vw), 30px);
}
@media screen and (max-width:768px) { 
	.news__contItem a {
		font-size: calc(24 / var(--vw-min) * 100vw);
		padding-bottom: calc(35 / var(--vw-min) * 100vw);
	}
}
.news__contItem:not(:first-child) a {
	padding: min(calc(30 / var(--vw-min) * 100vw), 30px) 0;
}
@media screen and (max-width:768px) { 
	.news__contItem:not(:first-child) a {
		padding: calc(35 / var(--vw-min) * 100vw) 0;
	}
}
.news__contItem-dateTime {
	color: var(--color-blue);
	line-height: 1;
	margin-bottom: min(calc(15 / var(--vw-min) * 100vw), 15px);
}
@media screen and (max-width:768px) { 
	.news__contItem-dateTime {
		margin-bottom: calc(30 / var(--vw-min) * 100vw);
	}
}
.news__contItem-Tit {
	color: #fff;
	line-height: 2;
	width: min(calc(780 / var(--vw-min) * 100vw), 780px);
	overflow: hidden;
}
@media screen and (max-width:768px) { 
	.news__contItem-Tit {
		width: calc(580 / var(--vw-min) * 100vw);
	}
}
.news__contItem-Tit span {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news__decoDot {
	width: min(calc(8 / var(--vw-min) * 100vw), 8px);
	height: min(calc(8 / var(--vw-min) * 100vw), 8px);
	position: absolute;
	bottom: min(calc(5 / var(--vw-min) * 100vw), 5px);
	right: min(calc(5 / var(--vw-min) * 100vw), 5px);
	border-radius: 50%;
	border: 1px solid var(--color-white-op);
}
@media screen and (max-width:768px) { 
	.news__decoDot {
		width: calc(9 / var(--vw-min) * 100vw);
		height: calc(9 / var(--vw-min) * 100vw);
		bottom: calc(5 / var(--vw-min) * 100vw);
		right: calc(5 / var(--vw-min) * 100vw);
	}
}
.news__decoDot::before {
	content: "";
	width: 1px;
	height: min(calc(40 / var(--vw-min) * 100vw), 40px);
	background-color: var(--color-white-op);
	position: absolute;
	right: max(calc(-6 / var(--vw-min) * 100vw), -6px);
	bottom: max(calc(-6 / var(--vw-min) * 100vw), -6px);
}
@media screen and (max-width:768px) { 
	.news__decoDot::before {
		height: calc(50 / var(--vw-min) * 100vw);
		right: calc(-6 / var(--vw-min) * 100vw);
		bottom: calc(-6 / var(--vw-min) * 100vw);
	}
}
.news__decoDot::after {
	content: "";
	width: 1px;
	height: min(calc(67 / var(--vw-min) * 100vw), 67px);
	background-color: var(--color-white-op);
	position: absolute;
	right: min(calc(8 / var(--vw-min) * 100vw), 8px);
	bottom:  max(calc(-22 / var(--vw-min) * 100vw), -22px);
	transform: rotate(45deg);
}
@media screen and (max-width:768px) { 
	.news__decoDot::after {
	   height: calc(79 / var(--vw-min) * 100vw);
	   right: calc(11 / var(--vw-min) * 100vw);
		bottom: calc(-27 / var(--vw-min) * 100vw);
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.news__contItem-Tit{
		transition: color .4s ease;
	}
	.news__contItem:after{
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 1px;
		background: linear-gradient(var(--color-blue), var(--color-blue)) right bottom / 0 100% no-repeat;
		transition: background-size 0.6s ease;
	}
	.news__decoDot{
		transition: .3s ease;
	}
	.news__decoDot::before,
	.news__decoDot::after{
		transition: .3s ease .3s;
	}

	.news__contItem a:hover .news__contItem-Tit{
		color: var(--color-blue);
		transition-delay: 0s;
	}
	.news__contItem:hover::after{
		background-size: 100% 100%;
		background-position: left bottom;
	}
	.news__contItem a:hover .news__decoDot{
		border-color: var(--color-blue);
		transition-delay: .8s;
	}
	.news__contItem a:hover .news__decoDot::before,
	.news__contItem a:hover .news__decoDot::after{
		background-color: var(--color-blue);
		transition-delay: .6s;
	}

}



/*------------------------------------------------
* MOVIE
-------------------------------------------------*/
/** MOVIE BG **/
.movieBg {
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:#000;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
.movieBg:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.6);
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px);
	z-index:50;
}
.movieBg__inner {
	display: block;
	width:100%;
	height:100%;
	position: relative;
}
.movie {
	padding: min(calc(160 / var(--vw-min) * 100vw), 160px) 0;
	clip-path: inset(0);
}
@media screen and (max-width:768px) {
	.movie {
		padding: calc(96 / var(--vw-min) * 100vw) 0;
	}
}
.cont-titIn {
	position: relative;
	width: min(calc(190 / var(--vw-min) * 100vw), 190px);
   	margin: 0 auto;
}
.movieWrap {
	position: relative;
	z-index: 50;
	margin-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
}
@media screen and (max-width:768px) {
	.movieWrap {
		margin-top: calc(96 / var(--vw-min) * 100vw);
	}
}
/** SWIPER **/
.movieSwiperItem {
	width: calc(600 / var(--vw-min) * 100vw);
	margin: 0 min(calc(40 / var(--vw-min) * 100vw), 40px);
	transition: all .3s ease;
}
@media screen and (max-width:768px) {
	.movieSwiperItem {
		width: calc(558 / var(--vw-min) * 100vw);
		margin: 0 calc(24 / var(--vw-min) * 100vw);
	}
}
.movieSwiperItem:not(.swiper-slide-active) {
	opacity: 0.6;
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%);
}
.movieSwiperItemIn {
	position: relative;
	z-index: 1;
	width: calc(600 / var(--vw-min) * 100vw);
	padding-top: 56.25%;
	overflow: hidden;
}
@media screen and (max-width:768px) {
	.movieSwiperItemIn {
		width: calc(558 / var(--vw-min) * 100vw);
	}
}
.movieSwiperItemIn a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}
.movieSwiperItemIn a::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, .4);
	transition: 0.3s ease;
}
.movieSwiperItemIn a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}
.movieSwiperItem-tit {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-weight: 700;
	text-align: center;
	margin-top: min(calc(25 / var(--vw-min) * 100vw), 25px);
}
@media screen and (max-width:768px) {
	.movieSwiperItem-tit {
		font-size: calc(24 / var(--vw-min) * 100vw);
		margin-top: calc(24 / var(--vw-min) * 100vw);
	}
}
/** PAGER **/
.movie__pagerListsWrap {
	margin: min(calc(40 / var(--vw-min) * 100vw), 40px) 0 min(calc(90 / var(--vw-min) * 100vw), 90px);
}
@media screen and (max-width:768px) {
	.movie__pagerListsWrap {
		margin: calc(48 / var(--vw-min) * 100vw) 0 calc(110 / var(--vw-min) * 100vw);
	}
}
.movie__pagerLists {
	display: flex;
	justify-content: center;
}
.movie__pagerItem {
	width: min(calc(8 / var(--vw-min) * 100vw), 8px);
	height: min(calc(8 / var(--vw-min) * 100vw), 8px);
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .4);
	margin: 0 min(calc(8 / var(--vw-min) * 100vw), 8px);
}
@media screen and (max-width:768px) {
	.movie__pagerItem {
		width: calc(16 / var(--vw-min) * 100vw);
		height:calc(16 / var(--vw-min) * 100vw);
		margin: 0 calc(15 / var(--vw-min) * 100vw);
	}
}
.movie__pagerItem.is-active {
	border: 1px solid var(--color-blue);
	background-color: var(--color-blue);
}

@media screen and (hover:hover) and (pointer: fine){
	.movieSwiperItemIn a::before{
		transition: .3s ease;
	}
	.movieSwiperItemIn a:hover::before{
		opacity: 20%;
	}
}



/*------------------------------------------------
* INTRODUCTION
-------------------------------------------------*/
.introduction {
	overflow: hidden;
	padding: min(calc(160 / var(--vw-min) * 100vw), 160px) 0 min(calc(160 / var(--vw-min) * 100vw), 160px) min(calc(300 / var(--vw-min) * 100vw), 300px);
}
@media screen and (max-width:768px) {
	.introduction {
		padding: calc(96 / var(--vw-min) * 100vw) 0 calc(96 / var(--vw-min) * 100vw) calc(48 / var(--vw-min) * 100vw);
	}
}
.introduction .cont-tit-ja {
	line-height: 2;
}
.intro__cont {
	line-height: 2;
	letter-spacing: 0.07em;
}
@media screen and (max-width:768px) {
	.intro__cont {
		letter-spacing: 0.3em;
	}
}
@media screen and (max-width:768px) {
	.intro__cont {
		padding-right: calc(48 / var(--vw-min) * 100vw);
	}
}
.intro__contIn {
	padding: min(calc(80 / var(--vw-min) * 100vw), 80px) 0;
}
@media screen and (max-width:768px) {
	.intro__contIn {
		padding: calc(96 / var(--vw-min) * 100vw) 0 0 0;
	}
}
.intro__contInBox {
	position: relative;
	width: min(calc(900 / var(--vw-min) * 100vw), 900px);
}
@media screen and (max-width:768px) {
	.intro__contInBox {
		width: 100%;
	}
}
.intro__contIn01 {
	border-bottom: 1px solid var(--color-white-op);
}
@media screen and (max-width:768px) {
	.intro__contIn01 {
		padding-bottom: calc(96 / var(--vw-min) * 100vw);
	}
}
.intro__contIn01 .intro__contTxtWrap {
	position: relative;
	padding-right: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
@media screen and (max-width:768px) {
	.intro__contIn01 .intro__contTxtWrap {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		padding-right: 0;
	}
}
.intro__contIn01 .intro__contTxtWrapIn {
	width: calc(100% - min(calc(240 / var(--vw-min) * 100vw), 240px));
	margin-left: auto;
}
@media screen and (max-width:768px) {
	.intro__contIn01 .intro__contTxtWrapIn {
		width: 100%;
		margin: unset;
	}
}
.intro__contIn02 .intro__contTxtWrap {
	width: calc(100% - min(calc(267 / var(--vw-min) * 100vw), 267px));
}
@media screen and (max-width:768px) {
	.intro__contIn02 .intro__contTxtWrap {
		width: calc(580 / var(--vw-min) * 100vw);
	}
}
.intro__contTxt {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
}
@media screen and (max-width:768px) {
	.intro__contTxt {
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}
.intro__contTxtB {
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
@media screen and (max-width:768px) {
	.intro__contTxtB {
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
}
/** DECO IMG **/
.intro__charaImg01 {
	width: min(calc(160 / var(--vw-min) * 100vw), 160px);
	height: min(calc(146 / var(--vw-min) * 100vw), 146px);
	position: absolute;
	top: 0;
	left: 0;
	-webkit-mask: url(../img/top/intro_charaImg01.png)no-repeat center/contain;
	mask: url(../img/top/intro_charaImg01.png)no-repeat center/contain;
	background-color: var(--color-blue);
}
@media screen and (max-width:768px) {
	.intro__charaImg01 {
		width: calc(192 / var(--vw-min) * 100vw);
		height: calc(176 / var(--vw-min) * 100vw);
		position: relative;
		margin-top: calc(50 / var(--vw-min) * 100vw);
	}
}
.intro__charaImg02 {
	width: min(calc(37 / var(--vw-min) * 100vw), 37px);
	height: min(calc(101 / var(--vw-min) * 100vw), 101px);
	position: absolute;
	top: 0;
	right: min(calc(160 / var(--vw-min) * 100vw), 160px);
	-webkit-mask: url(../img/top/intro_charaImg02.png)no-repeat center/contain;
	mask: url(../img/top/intro_charaImg02.png)no-repeat center/contain;
	background-color: var(--color-blue);
}
@media screen and (max-width:768px) {
	.intro__charaImg02 {
		width: calc(50 / var(--vw-min) * 100vw);
		height: calc(134 / var(--vw-min) * 100vw);
		right: min(calc(27 / var(--vw-min) * 100vw), 27px);
	}
}
.intro__charaImg03 {
	width: min(calc(242 / var(--vw-min) * 100vw), 242px);
	height: min(calc(387 / var(--vw-min) * 100vw), 387px);
	position: absolute;
	right: min(calc(70 / var(--vw-min) * 100vw), 70px);
	bottom: max(calc(-80 / var(--vw-min) * 100vw), -80px);
}
@media screen and (max-width:768px) {
	.intro__charaImg03 {
		width: calc(284 / var(--vw-min) * 100vw);
		height: calc(456 / var(--vw-min) * 100vw);
		right: calc(-48 / var(--vw-min) * 100vw);
		top: calc(190 / var(--vw-min) * 100vw);
		bottom: unset;
		overflow: hidden;
	}
}
.intro__charaImg03::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
   	top: 0;
	right: 0;
	-webkit-mask: url(../img/top/intro_charaImg03.png)no-repeat center/contain;
	mask: url(../img/top/intro_charaImg03.png)no-repeat center/contain;
	background-color: var(--color-blue);
}
@media screen and (max-width:768px) {
	.intro__charaImg03::before  {
		right: calc(-20 / var(--vw-min) * 100vw);
	}
}




/*-----------------------------------------------
 * tLoading
-------------------------------------------------*/
.tloading{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10001;
}
.loading__logoWrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 3;
	transition: opacity .4s cubic-bezier(.68,.29,.58,1) .4s;
}
.loading__logo{
	width: min(calc(320 / var(--vw-min) * 100vw),320px);
	animation: ldglogoopacity .8s ease .2s forwards;
	opacity: 0;
}
.loading__logo img{
	width: 100%;
	animation: ldglogolight 2s linear infinite;
}
@keyframes ldglogoopacity {
	0%{opacity: 0;filter: blur(8px);}
	100%{opacity: 100%;filter: blur(0);}
}
@keyframes ldglogolight {
	0%,50%,100%{
		filter:brightness(100%);
	}
	20%,40%,60%,80%{
		filter:brightness(120%);
	}
	30%,70%{
		filter: brightness(90%);
	}
}
.tloading__waitingBG{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: filter 1.4s cubic-bezier(.68,.29,.58,1), opacity .4s cubic-bezier(.68,.29,.58,1) .8s;
	z-index: 2;
}
.tloading__waitingBG img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.tloading__image{
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	transform: scale(150%);
	filter: brightness(400%);
	transition: transform 1.8s cubic-bezier(.68,.29,.58,1), filter .6s cubic-bezier(.68,.29,.58,1), width 2s cubic-bezier(.39,.38,.58,1), height 2s cubic-bezier(.39,.38,.58,1), margin-top 2s cubic-bezier(.39,.38,.58,1) .4s;
}
.tloading__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 100%;
	transition: object-position 1.8s cubic-bezier(.68,.29,.58,1);
}

@media screen and (max-width:768px){
	.loading__logo{
		width: calc(320 / var(--vw-min) * 100vw);
	}
	.tloading__image{
		transform: scale(300%);
		transform-origin: 50% 40%;
		transition-timing-function: ease;
		transition-duration: 3.35s, 1.2s, 2.2s, 2.2s, 2s;
	}
	.tloading__image img{
		object-position: 50% 50%;
		transition-timing-function: ease;
		transition-duration: 3.35s;
	}
}


/**
* loaded[firstVisit]
**/
body.--is-loaded:not(.is-visited) .loading__logoWrap{
	opacity: 0;
}
body.--is-loaded:not(.is-visited) .tloading__waitingBG{
	filter: brightness(20);
	opacity: 0;
}
body.--is-loaded:not(.is-visited) .tloading__image{
	transform: scale(100%);
	filter: brightness(100%);
	transition-delay: 1.1s;
}
body.--is-loaded:not(.is-visited) .tloading__image img{
	object-position: 50% 0%;
	transition-delay: 1.1s;
}

/**
* loaded - a1[firstVisit]
**/
body.--is-loaded.--loadAni-1:not(.is-visited) .tloading__image{
	width: calc(600 / var(--vw-min) * 100vw);
	height: calc(848 / var(--vw-min) * 100vw);
	margin-top: calc(min(calc(32 / var(--vw-min) * 100vw), 32px) + (8 / var(--vw-min) * 100vw));
}
@media screen and (max-width:768px){
	body.--is-loaded.--loadAni-1:not(.is-visited) .tloading__image{
		width: calc(654 / var(--vw-min) * 100vw);
		height: calc(925 / var(--vw-min) * 100vw);
		margin-top: calc(96 / var(--vw-min) * 100vw);
	}
}

/**
* loaded[after]
**/
body.--is-loaded.is-visited .loading__logoWrap,
body.--is-loaded.is-visited .tloading__waitingBG{
	opacity: 0;
}
body.is-visited .tloading__image{
	display: none;
}


/*-----------------------------------------------
 * LOADING - TOP CONTENT
-------------------------------------------------*/
.tContent,
.fvContInWrap{
	opacity: 0;
	transition: opacity .6s ease .4s;
}

.fv__onair{
	opacity: 0;
	transform: translateY(25%);
	transition: opacity .6s ease .4s, transform .6s ease .4s;
}
.visualImageFrameWrap,
.visualImageListsWrap:after{
	opacity: 0;
	transform: scale(95%);
	transition: opacity .6s ease .4s, transform .6s ease .4s;
}
.visualImageFrameWrap{
	transition-delay: 0s, .25s;
}

/* visited Visual */
body.is-visited .visualImageLists{
	filter: brightness(200%);
	opacity: 0;
	transition: opacity .4s ease, filter 1.2s cubic-bezier(.68,.29,.58,1);
}
body.--is-loaded.is-visited .visualImageLists{
	filter: brightness(100%);
	opacity: 1;
	transition-delay: .2s, 1.2s;
}


/**
* LOADANI-FIN
**/
body.--loadAni-fin .tContent,
body.--loadAni-fin .fvContInWrap{
	opacity: 1;
}
body.--loadAni-fin .fv__onair{
	opacity: 1;
	transform: translateY(0%);
}
body.--loadAni-fin .visualImageFrameWrap,
body.--loadAni-fin .visualImageListsWrap:after{
	opacity: 1;
	transform: scale(100%);
}