@charset "UTF-8";
/* キラキラ背景 */
.kirakira {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.kirakira__parts {
	-webkit-animation: kirakira01 2s linear infinite;
	animation: kirakira01 2s linear infinite;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	background: url('/contents_file/products/kamisori/product/pretty/images/kirakira01.png') center top no-repeat;
	background-size: 100%;
	width: 40px;
	height: 40px;
	position: absolute;
	z-index: 1;
	opacity: 0;
	overflow: hidden;
}
.kirakira__parts:before {
	content: "";
	background: inherit;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	z-index: -1;
}
// キービジュアル
.kirakira--top .kirakira__parts--01 {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
    top: 41.5%;
    left: 1.8%;
}
.kirakira--top .kirakira__parts--02 {
	background: url('/contents_file/products/kamisori/product/pretty/images/kirakira02.png') center top no-repeat;
	background-size: 100%;
	-webkit-animation: kirakira02 1.5s linear infinite;
	animation: kirakira02 1.5s linear infinite;
	top: 17.5%;
	left: 9%;
}
.kirakira--top .kirakira__parts--03 {
	-webkit-animation-delay: 2.3s;
	animation-delay: 2.3s;
    top: 60.5%;
    left: 37%;
}
.kirakira--top .kirakira__parts--04 {
	-webkit-animation-delay: 3.2s;
	animation-delay: 3.2s;
    top: 29%;
    left: 61.7%;
}
.kirakira--top .kirakira__parts--05 {
	background: url('/contents_file/products/kamisori/product/pretty/images/kirakira02.png') center top no-repeat;
	background-size: 100%;
	-webkit-animation: kirakira02 2.5s linear infinite;
	animation: kirakira02 2.5s linear infinite;
    top: 8%;
    left: 76%;
}
.kirakira--top .kirakira__parts--06 {
	background: url('/contents_file/products/kamisori/product/pretty/images/kirakira02.png') center top no-repeat;
	background-size: 100%;
	-webkit-animation: kirakira02 2s linear infinite;
	animation: kirakira02 2s linear infinite;
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s;
    top: 45%;
    left: 89%;
}

// 動画ブロック
.kirakira--movie .kirakira__parts--01 {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
    top: 46.5%;
    left: 25.5%;
}
.kirakira--movie .kirakira__parts--02 {
	background: url('/contents_file/products/kamisori/product/pretty/images/kirakira02.png') center top no-repeat;
	background-size: 100%;
	-webkit-animation: kirakira02 1.5s linear infinite;
	animation: kirakira02 1.5s linear infinite;
	top: 48%;
	left: 6.5%;
}
.kirakira--movie .kirakira__parts--03 {
	background: url('/contents_file/products/kamisori/product/pretty/images/kirakira02.png') center top no-repeat;
	background-size: 100%;
	-webkit-animation: kirakira02 2s linear infinite;
	animation: kirakira02 2s linear infinite;
	-webkit-animation-delay: 2.3s;
	animation-delay: 2.3s;
	top: 33%;
	left: 44%;
}
.kirakira--movie .kirakira__parts--04 {
	-webkit-animation-delay: 3.2s;
	animation-delay: 3.2s;
    top: 29.5%;
    left: 76.7%;
}
.kirakira--movie .kirakira__parts--05 {
	background: url('/contents_file/products/kamisori/product/pretty/images/kirakira02.png') center top no-repeat;
	background-size: 100%;
	-webkit-animation: kirakira02 2.5s linear infinite;
	animation: kirakira02 2.5s linear infinite;
	top: 11%;
	left: 65.5%;
}
.kirakira--movie .kirakira__parts--06 {
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s;
    top: 51.5%;
    left: 66.5%;
}
@media (min-width: 768px) {
	.kirakira__parts {
		width: 90px;
		height: 90px;
	}
	.kirakira--movie .kirakira__parts--02 {
		width: 150px;
		height: 150px;
	}
	.kirakira--movie .kirakira__parts--04 {
		width: 150px;
		height: 150px;
	}
}
@-webkit-keyframes kirakira01 {
	0% {
		-webkit-transform:translateY(10vh);
		transform:translateY(10vh);
		opacity:0;
	}
	25% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	75% {
		opacity: 0;
		background: url('/contents_file/products/kamisori/product/pretty/images/kirakira01_fade.png') center top no-repeat;
		background-size: 100%;
	}
	100% {
		-webkit-transform:translateY(0);
		transform:translateY(0);
		opacity:0;
	}
}
@keyframes kirakira01 {
	0% {
		-webkit-transform:translateY(10vh);
		transform:translateY(10vh);
		opacity:0;
	}
	25% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	75% {
		opacity: 0;
		background: url('/contents_file/products/kamisori/product/pretty/images/kirakira01_fade.png') center top no-repeat;
		background-size: 100%;
	}
	100% {
		-webkit-transform:translateY(0);
		transform:translateY(0);
		opacity:0;
	}
}
@-webkit-keyframes kirakira02 {
	0% {
		-webkit-transform:translateY(10vh);
		transform:translateY(10vh);
		opacity:0;
	}
	25% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	75% {
		opacity: 0;
		background: url('/contents_file/products/kamisori/product/pretty/images/kirakira01_fade.png') center top no-repeat;
		background-size: 100%;
	}
	100% {
		-webkit-transform:translateY(0);
		transform:translateY(0);
		opacity:0;
	}
}
@keyframes kirakira02 {
	0% {
		-webkit-transform:translateY(10vh);
		transform:translateY(10vh);
		opacity:0;
	}
	25% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	75% {
		opacity: 0;
		background: url('/contents_file/products/kamisori/product/pretty/images/kirakira02_fade.png') left top no-repeat;
		background-size: 100%;
	}
	100% {
		-webkit-transform:translateY(0);
		transform:translateY(0);
		opacity:0;
	}
}
@media all and (-ms-high-contrast: none){
	.kirakira__parts {
		-webkit-animation: kirakira01-ms 2s linear infinite;
		animation: kirakira01-ms 2s linear infinite;
	}
	.kirakira--top .kirakira__parts--02,
	.kirakira--top .kirakira__parts--05,
	.kirakira--top .kirakira__parts--06,
	.kirakira--movie .kirakira__parts--02,
	.kirakira--movie .kirakira__parts--03,
	.kirakira--movie .kirakira__parts--05 {
		-webkit-animation: kirakira02-ms 2s linear infinite;
		animation: kirakira02-ms 2s linear infinite;
	}
}
@-webkit-keyframes kirakira01-ms {
	0% {
		-webkit-transform:translateY(50px);
		transform:translateY(50px);
		opacity:0;
	}
	25% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	75% {
		opacity: 0;
		background: url('/contents_file/products/kamisori/product/pretty/images/kirakira01_fade.png') center top no-repeat;
		background-size: 100%;
	}
	100% {
		-webkit-transform:translateY(0);
		transform:translateY(0);
		opacity:0;
	}
}
@keyframes kirakira01-ms {
	0% {
		-webkit-transform:translateY(50px);
		transform:translateY(50px);
		opacity:0;
	}
	25% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	75% {
		opacity: 0;
		background: url('/contents_file/products/kamisori/product/pretty/images/kirakira01_fade.png') center top no-repeat;
		background-size: 100%;
	}
	100% {
		-webkit-transform:translateY(0);
		transform:translateY(0);
		opacity:0;
	}
}
@-webkit-keyframes kirakira02-ms {
	0% {
		-webkit-transform:translateY(50px);
		transform:translateY(50px);
		opacity:0;
	}
	25% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	75% {
		opacity: 0;
		background: url('/contents_file/products/kamisori/product/pretty/images/kirakira02_fade.png') left top no-repeat;
		background-size: 100%;
	}
	100% {
		-webkit-transform:translateY(0);
		transform:translateY(0);
		opacity:0;
	}
}
@keyframes kirakira02-ms {
	0% {
		-webkit-transform:translateY(50px);
		transform:translateY(50px);
		opacity:0;
	}
	25% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	75% {
		opacity: 0;
		background: url('/contents_file/products/kamisori/product/pretty/images/kirakira02_fade.png') left top no-repeat;
		background-size: 100%;
	}
	100% {
		-webkit-transform:translateY(0);
		transform:translateY(0);
		opacity:0;
	}
}