@media print{
body,html{
	display:none;
}
}
img{
	pointer-events:none;
}
#cmMovie{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		z-index:10;
		opacity:0;
		pointer-events:none;
		transition-duration:0.6s;
		transition-property:opacity;
}
#cmMovie.on{
	display:block;
	pointer-events:all;
	opacity:1;
}
@media screen and (max-width: 768px) {
	.c-lineup__slide-inner{
		transition-duration:0.6s;
		transition-property:transform;
	}

}
@media screen and (min-width: 769px){
	.c-lineup__slide-inner{
		transform:none!important;
	}
}
.c-kv h1{
	opacity:0;
	transition-duration:0.9s;
	transform:translateY(10%);
	transition-property:opacity,transform;
}
.c-kv__butter{
	opacity:0;
	transform:translateX(-50%);
	transition-duration:0.9s;
	transition-property:opacity,transform;
	transition-delay:0.5s;
}
.c-kv__pie{
	opacity:0;
	transform:translateX(50%);
	transition-duration:1.5s;
	transition-property:opacity,transform;
	transition-delay:1s;
}
.c-kv__items{
	opacity:0;
	/*transform:translateX(50%);*/
	transition-duration:0.9s;
	transition-property:opacity,transform;
	transition-delay:1.5s;
}
.c-kv__item01,.c-kv__item02{
	opacity:0;
	transform:translateY(20%);
	transition-duration:0.9s;
	transition-property:opacity,transform;
	transition-delay:1.5s;
}

.c-kv.on *{
	transform:none;
	opacity:1;
}
.c-lead__text {
  -webkit-mask-image: linear-gradient(180deg, black 0%, black 52%, transparent 54%, transparent 100%);
          mask-image: linear-gradient(180deg, black 0%, black 52%, transparent 54%, transparent 100%);
  -webkit-mask-size: 200% 240%;
          mask-size: 200% 240%;
  -webkit-mask-position: 0 100%;
          mask-position: 0 100%;
  opacity: 1;
  transition-duration: 6s;
  transition-delay: 0s;
  transition-timing-function:linear;
  transition-property: opacity, -webkit-mask-position;
  transition-property: mask-position, opacity;
  transition-property: mask-position, opacity, -webkit-mask-position;
}


.on .c-lead__text{
  -webkit-mask-position: 0% 0;
          mask-position: 0% 0;
  opacity: 1;
}
.c-lead__body > img,.c-lead__body > div{
	opacity:0;
	transform:scale(150%);transition-duration:0.9s;
	transition-property:opacity,transform;
	transition-timing-function:cubic-bezier(.17,.67,.39,1.42);
}
.on.c-lead__body > img,.on.c-lead__body > div{
	opacity:1;
	transform:none;
}
.c-lead__deco01{
	transition-delay:0.8s;
}
.c-lead__deco02{
	transition-delay:1.2s;
}
.c-lead__deco03{
	transition-delay:1.8s;
}
.c-lead__deco04{
	transition-delay:2.4s;
}
.c-lead__deco05{
	transition-delay:3.0s;
}
.c-lead__deco06{
	transition-delay:3.6s;
}
.c-lead__deco07{
	transition-delay:4.2s;
}
.c-lead__body .c-lead__deco06{
	transform:translateX(-40%) scale(1.2);
}
.c-lead__deco06 img{
	animation-name:dance1;
	animation-duration:1s;
	animation-iteration-count:infinite;
}

@media screen and (max-width: 768px) {
	.c-lead__text {
		transition-duration:9s;
	}
	.c-lead__deco01{
		transition-delay:1.2s;
	}
	.c-lead__deco02{
		transition-delay:1.8s;
	}
	.c-lead__deco03{
		transition-delay:2.7s;
	}
	.c-lead__deco04{
		transition-delay:3.6s;
	}
	.c-lead__deco05{
		transition-delay:5.0s;
	}
	.c-lead__deco06{
		transition-delay:6.0s;
	}
	.c-lead__deco07{
		transition-delay:7.5s;
	}
	
}
@keyframes dance1{
	0%{
		transform:rotate(-5deg);
	}
	50%{
		transform:rotate(5deg);
	}
	100%{
		transform:rotate(-5deg);
	}
}

.c-lineup__item,section .inner >*,.c-banner,.c-campaign__pict,.c-lineup__bottom{
	opacity:0;
	transform:translateY(5vw);
	transition-duration:0.6s;
	transition-property:opacity;

}
.c-lineup__item.on,section .inner >*.on,.c-banner.on,.c-campaign__pict.on,.c-lineup__bottom.on{
	transform:none;
	opacity:1;
}



.c-himitsu__body{
	position:relative;
	
}
.c-himitsu{
	overflow:hidden;
	
}

.c-himitsu__body ul li{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.c-himitsu__body ul li picture:nth-child(1) img{
	width:50.1%;
	height:100%;
	object-fit:cover;
	 object-position: 0% 0%;


}
.sizeBase{
	/*opacity:0;*/
}
.c-himitsu__body ul{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.c-himitsu__body ul li img{

	backface-visibility:hidden;
	transition-property:transform;
	transition-timing-function:linear;
}
.c-himitsu__body ul li picture:nth-child(2) img{
	position:absolute;
	right:0;
	top:0;
	width:50%;
	height:100%;
	
	object-fit:cover;
	 object-position: 100% 0%;
	
}
.c-himitsu__body ul li img{
	
	transition-duration:1s;
}
.c-himitsu__body ul li picture:nth-child(1) img{	
	transform-origin:right center;
}
.c-himitsu__body ul li picture:nth-child(2) img{	
	transform-origin:left center;
}

.c-himitsu__body ul li picture:nth-child(1) img{	
	transform:perspective(200vw) rotateY(0deg);
	//opacity:0;
}
.c-himitsu__body ul li picture:nth-child(2) img{	
	transform:perspective(200vw) rotateY(-180deg);
	//opacity:0;
}

.c-himitsu__body ul li.state1 picture:nth-child(1) img{	
	transform:perspective(200vw) rotateY(0deg);
	opacity:1;
}
.c-himitsu__body ul li.state1 picture:nth-child(2) img{	
	transform:perspective(200vw) rotateY(0deg);
	opacity:1;
}

.c-himitsu__body ul li.state2 picture:nth-child(1) img{	
	transform:perspective(200vw) rotateY(180deg);
	opacity:1;
}
.c-himitsu__body ul li.state2 picture:nth-child(2) img{	
	transform:perspective(200vw) rotateY(0deg);
	opacity:1;
}


.c-loading img{
	animation-duration:2.5s;
	animation-iteration-count:infinite;
	animation-name:loadinganim;
}
@keyframes loadinganim{
	0%{
		transform:translate(-50%,-42%) rotate(0deg);
	}
	50%{
		transform:translate(-50%,-58%) rotate(0deg);
	}
	100%{
		transform:translate(-50%,-42%) rotate(0deg);
	}

}
.c-loading{
	opacity:1;
	transition-property:opacity;
	transition-duration:0.6s;
}
.c-loading.loadok{
	pointer-events:none;
	opacity:0;
}
section{
	overflow:hidden;
}
.c-history__icon-next{
	opacity:1;
	transition-property:opacity;
	transition-duration:0.6s;
	pointer-events:none;
	animation-name:swing;
	animation-duration:1s;
	animation-iteration-count:infinite;
}
.c-history__icon-next.off{
	opacity:0;
}
@keyframes swing{
	0%{
		transform:translateX(-10%);
	}
	50%{
		transform:translateX(10%);
	}
	100%{
		transform:translateX(-10%);
	}
}

body .c-menu{
	display:block;
	opacity:0;
	/*transform:translateY(-20vw);*/
	pointer-events:none;
	transition-property:opacity,transform;
	transition-duration:0.6s;
}

body .c-menu.on{
	opacity:1;
	transform:none;
	pointer-events:all;
}