.fadeIn {
	opacity: 0;
	transition: 1.5s;
	-webkit-transition: 1.5s;
}
.fadeIn.run {
	opacity: 1;
}
.fadeIn_up {
	opacity: 0;
	transform: translate(0, 35px);
	-webkit-transform: translate(0, 35px);
	transition: 1.5s;
	-webkit-transition: 1.5s;
}
.fadeIn_up.run {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_right {
	opacity: 0;
	transform: translate(35px, 0px);
	-webkit-transform: translate(35px, 0px);
	transition: 1.5s;
	-webkit-transition: 1.5s;
}
.fadeIn_right.run {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_left {
	opacity: 0;
	transform: translate(-35px, 0px);
	-webkit-transform: translate(-35px, 0px);
	transition: 1.5s;
	-webkit-transition: 1.5s;
}
.fadeIn_left.run {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}

.header__pj_logo,
.header__cp_logo,
.header__hakutake {
	
}


.main__copy,
.main__logo {
	opacity: 0;
	transform: translate(0, 15px);
	-webkit-transform: translate(0, 15px);
	transition: 1.9s all cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: 1.9s all cubic-bezier(0.19, 1, 0.22, 1);
}
.main__copy.run,
.main__logo.run {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.drink__item {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: ease 1.2s;
	-webkit-transition: ease 1.2s;
}
.run .drink__item {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.drink__item:nth-of-type(2) {transition-delay: .15s;}
.drink__item:nth-of-type(3) {transition-delay: .3s;}
.drink__item:nth-of-type(4) {transition-delay: .45s;}

.site__txt_01,
.site__txt_02,
.site__glass,
.site__btn__container {
	opacity: 0;
	transform: translate(0, 35px);
	-webkit-transform: translate(0, 35px);
	transition: 1.2s;
	-webkit-transition: 1.2s;
}
.run .site__txt_01,
.run .site__txt_02,
.run .site__glass,
.run .site__btn__container {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.site__txt_01 {transition-delay: .15s;}
.site__txt_02 {transition-delay: .3s;}
.run .site__glass {transition-delay: .45s;}

.fadeIn_right_b {
	opacity: 0;
	transform: translate(1em, 0px);
	-webkit-transform: translate(1em, 0px);
	transition: 3s all cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: 3s all cubic-bezier(0.19, 1, 0.22, 1);
}
.run .fadeIn_right_b {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.p-closing__lead {
	transition-delay: 1s;
}
.p-closing__text {
	transition-delay: 1s;
}
.fadeIn_up_b {
	opacity: 0;
	transform: translate(0, 1em);
	-webkit-transform: translate(0, 1em);
	transition: 2s all cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: 2s all cubic-bezier(0.19, 1, 0.22, 1);
}
.run .fadeIn_up_b {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.p-closing__induction {
	transition-delay: 2s;
}

/* PC ================================================== */
@media all and (min-width:1025px){
.star-box {
	width: 1px;
	height: 200px;
	position: absolute;
	top: 20%;
	right: 25%;
	transform: translate(-50%,-50%) rotate(55deg);
}
	.star {
		height: 180px;
		width: 1px;
		border-radius: 0.5px;
		background: rgb(51,212,230);
		background: linear-gradient(0deg, rgba(51,212,230,1) 0%, rgba(51,212,230,0) 100%);
		position: absolute;
		top: 0;
		left: 0;
		transform: scale(1,0);
		transform-origin: center top;
	}
	.star.run {
		animation: 1.4s ease-in-out 1 shooting;
	}
	@keyframes shooting {
		0% {
			transform: scale(1,0);
			opacity: .5;
			transform-origin: center top;
		}
		40% {
			transform: scale(1,1);
			opacity: 1;
			transform-origin: center top;
		}
		41% {
			transform: scale(1,1);
			opacity: 1;
			transform-origin: center bottom;
		}
		50% {
			transform: scale(1,0.8);
			opacity: .8;
			transform-origin: center bottom;
		}
		70% {
			transform: scale(1,0.3);
			opacity: 0;
			transform-origin: center bottom;
			top: 30px;
		}
		100% {
			transform: scale(1,0.1);
			opacity: 0;
			transform-origin: center bottom;
			top: 60px;
		}
	}

.site__kaoru,
.site__shiro {
	opacity: 0;
	transform: translate(-35px, 0px);
	-webkit-transform: translate(-35px, 0px);
	transition: 1.2s;
	-webkit-transition: 1.2s;
}
.site__kaoru {
	transition-delay: .95s;
}
.site__shiro {
	transition-delay: .85s;
}
.run .site__kaoru,
.run .site__shiro {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}

.p-closing__image {
	opacity: 0;
	transform: translate(-1em, 0px);
	-webkit-transform: translate(-1em, 0px);
	transition: 3s all cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: 3s all cubic-bezier(0.19, 1, 0.22, 1);
}
.run .p-closing__image {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
/*.p-closing__image {
	transition-delay: 3s;
}*/
}

/* Tablet ================================================== */
@media all and (min-width:600px) and (max-width:1024px){
.star-box {
	width: 1px;
	height: 200px;
	position: absolute;
	top: 15%;
	right: 20%;
	transform: translate(-50%,-50%) rotate(55deg);
}
	.star {
		height: 180px;
		width: 1px;
		border-radius: 0.5px;
		background: rgb(51,212,230);
		background: linear-gradient(0deg, rgba(51,212,230,1) 0%, rgba(51,212,230,0) 100%);
		position: absolute;
		top: 0;
		left: 0;
		transform: scale(1,0);
		transform-origin: center top;
	}
	.star.run {
		animation: 1.4s ease-in-out 1 shooting;
	}
	@keyframes shooting {
		0% {
			transform: scale(1,0);
			opacity: .5;
			transform-origin: center top;
		}
		40% {
			transform: scale(1,1);
			opacity: 1;
			transform-origin: center top;
		}
		41% {
			transform: scale(1,1);
			opacity: 1;
			transform-origin: center bottom;
		}
		50% {
			transform: scale(1,0.8);
			opacity: .8;
			transform-origin: center bottom;
		}
		70% {
			transform: scale(1,0.3);
			opacity: 0;
			transform-origin: center bottom;
			top: 30px;
		}
		100% {
			transform: scale(1,0.1);
			opacity: 0;
			transform-origin: center bottom;
			top: 60px;
		}
	}

.site__kaoru,
.site__shiro {
	opacity: 0;
	transform: translate(-35px, 0px);
	-webkit-transform: translate(-35px, 0px);
	transition: 1.2s;
	-webkit-transition: 1.2s;
}
.site__kaoru {
	transition-delay: .95s;
}
.site__shiro {
	transition-delay: .85s;
}
.run .site__kaoru,
.run .site__shiro {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}

.p-closing__image {
	opacity: 0;
	webkit-transform: translateY(4em) scale(0.8);
	-ms-transform: translateY(4em) scale(0.8);
	transform: translateY(4em) scale(0.8);
	transition: .9s all cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: .9s all cubic-bezier(0.19, 1, 0.22, 1);
}
.run .p-closing__image {
	transform: translate(0, 0) scale(1);
	-webkit-transform: translate(0, 0) scale(1);
	opacity: 1;
}
}

/* SP ================================================== */
@media all and (max-width:599px){
.star-box {
	width: 1px;
	height: 200px;
	position: absolute;
	top: 15%;
	right: 15%;
	transform: translate(-50%,-50%) rotate(55deg);
}
	.star {
		height: 180px;
		width: 1px;
		border-radius: 0.5px;
		background: rgb(51,212,230);
		background: linear-gradient(0deg, rgba(51,212,230,1) 0%, rgba(51,212,230,0) 100%);
		position: absolute;
		top: 0;
		left: 0;
		transform: scale(1,0);
		transform-origin: center top;
	}
	.star.run {
		animation: 1.4s ease-in-out 1 shooting;
	}
	@keyframes shooting {
		0% {
			transform: scale(1,0);
			opacity: .5;
			transform-origin: center top;
		}
		40% {
			transform: scale(1,1);
			opacity: 1;
			transform-origin: center top;
		}
		41% {
			transform: scale(1,1);
			opacity: 1;
			transform-origin: center bottom;
		}
		50% {
			transform: scale(1,0.8);
			opacity: .8;
			transform-origin: center bottom;
		}
		70% {
			transform: scale(1,0.3);
			opacity: 0;
			transform-origin: center bottom;
			top: 30px;
		}
		100% {
			transform: scale(1,0.1);
			opacity: 0;
			transform-origin: center bottom;
			top: 60px;
		}
	}

.site__kaoru,
.site__shiro {
	opacity: 0;
	transform: translate(0px, 35px);
	-webkit-transform: translate(0px, 35px);
	transition: 1.2s;
	-webkit-transition: 1.2s;
}
.site__shiro {
	transition-delay: .15s;
}
.run > .site__kaoru,
.run > .site__shiro {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}

.p-closing__image {
	opacity: 0;
	webkit-transform: translateY(4em) scale(0.8);
	-ms-transform: translateY(4em) scale(0.8);
	transform: translateY(4em) scale(0.8);
	transition: .9s all cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: .9s all cubic-bezier(0.19, 1, 0.22, 1);
}
.run .p-closing__image {
	transform: translate(0, 0) scale(1);
	-webkit-transform: translate(0, 0) scale(1);
	opacity: 1;
}
}