/*************************************
juwery
*************************************/
.pretty-juwery {
	position: absolute;
	z-index: 2;
	/*
	-webkit-transition: 1s;
	transition: 1s;
	*/
	opacity: 1;
}
.pretty-juwery01 {
	-webkit-transform: translateY(-80px);
			transform: translateY(-80px);
}
.pretty-juweryWrapper {
	position: absolute;
}
/* JS記載のインラインCSSを打ち消すために!importantを使用。 */
.js-is-trigger + .pretty-juwery{
	-webkit-transform: translateY(0) !important;
	transform: translateY(0) !important;
	margin-top: 0 !important;
	-webkit-transition: .3s;
	transition: .3s;
}
/* JS記載のインラインCSSを打ち消すために!importantを使用。 */
.js-is-trigger + .pretty-juwery.pretty-juwery02 {
	-webkit-transform: translateY(0) rotate(-3deg) !important;
	transform: translateY(0) rotate(-3deg) !important;
}
/* juweryのアニメーション設定 */
.js-is-trigger + .pretty-juwery01{
	-webkit-animation: juweryBound01 .7s ease infinite alternate;
	animation: juweryBound01 .7s ease infinite alternate;
}
.js-is-trigger + .pretty-juwery02 {
	-webkit-animation: juweryBound02 .7s ease infinite alternate;
	animation: juweryBound02 .7s ease infinite alternate;
}
.js-is-trigger + .pretty-juwery03 {
	-webkit-animation: juweryBound03 .7s ease infinite alternate;
	animation: juweryBound03 .7s ease infinite alternate;
}
.js-is-trigger + .pretty-juwery04 {
	-webkit-animation: juweryBound04 .7s ease infinite alternate;
	animation: juweryBound04 .7s ease infinite alternate;
}
.js-is-trigger + .pretty-juwery05 {
	-webkit-animation: juweryBound05 .7s ease infinite alternate;
	animation: juweryBound05 .7s ease infinite alternate;
}
.js-is-trigger + .pretty-juwery06 {
	-webkit-animation: juweryBound06 .7s ease infinite alternate;
	animation: juweryBound06 .7s ease infinite alternate;
}
.js-is-trigger + .pretty-juwery07 {
	-webkit-animation: juweryBound07 .7s ease infinite alternate;
	animation: juweryBound07 .7s ease infinite alternate;
}
.js-is-trigger + .pretty-juwery08 {
	-webkit-animation: juweryBound08 .7s ease infinite alternate;
	animation: juweryBound08 .7s ease infinite alternate;
}
.pretty-juwery09.js-is-animate {
	-webkit-animation: juweryBound09 .7s ease infinite alternate;
	animation: juweryBound09 .7s ease infinite alternate;
}
@media (max-width: 767px) {
	.pretty-juweryWrapper {
		height: auto;
	}
	.pretty-juwery01,
	.pretty-juweryWrapper--01 {
		width: 21.679688%;
		position: absolute;
		left: -3%;
		top: -56%;
	}
	.pretty-juweryWrapper--01 {
		padding: 37.734929% 0 0;
	}
	@-webkit-keyframes juweryBound01 {
		0% {
			top: -56%;
		}
		100% {
			top: calc(-56% - 10px);
		}
	}
	@keyframes juweryBound01 {
		0% {
			top: -56%;
		}
		100% {
			top: calc(-56% - 10px);
		}
	}
	.pretty-juwery02,
	.pretty-juweryWrapper--02 {
		width: 31.640625%;
		position: absolute;
		top: 70%;
		right: 8%;
	}
	.pretty-juweryWrapper--02 {
		padding: 46.289062% 0 0;
	}
	@-webkit-keyframes juweryBound02 {
		0% {
			top:70%;
		}
		100% {
			top: calc(70% - 10px);
		}
	}
	@keyframes juweryBound02 {
		0% {
			top:70%;
		}
		100% {
			top: calc(70% - 10px);
		}
	}
	.pretty-juwery03,
	.pretty-juweryWrapper--03 {
		width: 20.703125%;
		position: absolute;
		left: 12.3%;
		top: 87.9%;
	}
	.pretty-juweryWrapper--03 {
		padding: 36.035156% 0 0;
	}
	@-webkit-keyframes juweryBound03 {
		0% {
			top: 87.9%;
		}
		100% {
			top: calc(87.9% - 10px);
		}
	}
	@keyframes juweryBound03 {
		0% {
			top: 87.9%;
		}
		100% {
			top: calc(87.9% - 10px);
		}
	}
	.pretty-juwery04,
	.pretty-juweryWrapper--04 {
		width: 25.683594%;
		position: absolute;
		left: 72%;
		top: 72%;
	}
	.pretty-juweryWrapper--04 {
		padding: 49.21875% 0 0;
	}
	@-webkit-keyframes juweryBound04 {
		0% {
			top: 72%;
		}
		100% {
			top: calc(72% - 10px);
		}
	}
	@keyframes juweryBound04 {
		0% {
			top: 72%;
		}
		100% {
			top: calc(72% - 10px);
		}
	}
	.pretty-juwery05,
	.pretty-juweryWrapper--05 {
		width: 15.722656%;
		position: absolute;
		top: 67%;
		right: 81%;
	}
	.pretty-juweryWrapper--05 {
		padding: 25.78125% 0 0;
	}
	@-webkit-keyframes juweryBound05 {
		0% {
			top: 67%;
		}
		100% {
			top: calc(67% - 10px);
		}
	}
	@keyframes juweryBound05 {
		0% {
			top: 67%;
		}
		100% {
			top: calc(67% - 10px);
		}
	}
	.pretty-juwery06,
	.pretty-juweryWrapper--06 {
		width: 13.867188%;
		position: absolute;
		left: 8%;
		top: 3.6%;
	}
	@-webkit-keyframes juweryBound06 {
		0% {
			top: 3.6%;
		}
		100% {
			top: calc(3.6% - 10px);
		}
	}
	@keyframes juweryBound06 {
		0% {
			top: 3.6%;
		}
		100% {
			top: calc(3.6% - 10px);
		}
	}
	.pretty-juwery07,
	.pretty-juweryWrapper--07 {
		width: 26.855469%;
		position: absolute;
		top: 48%;
		right: -2%;
	}
	.pretty-juweryWrapper--07 {
		padding: 41.210938% 0 0;
	}
	@-webkit-keyframes juweryBound07 {
		0% {
			top: 48%;
		}
		100% {
			top: calc(48% - 10px);
		}
	}
	@keyframes juweryBound07 {
		0% {
			top: 48%;
		}
		100% {
			top: calc(48% - 10px);
		}
	}
	.pretty-juwery08,
	.pretty-juweryWrapper--08 {
		width: 14.84375%;
		position: absolute;
		left: 7%;
		top: 83.5%;
	}
	.pretty-juweryWrapper--08 {
		padding: 21.777344% 0 0;
	}
	@-webkit-keyframes juweryBound08 {
		0% {
			top: 83.5%;
		}
		100% {
			top: calc(83.5% - 10px);
		}
	}
	@keyframes juweryBound08 {
		0% {
			top: 83.5%;
		}
		100% {
			top: calc(83.5% - 10px);
		}
	}
	.pretty-juwery09,
	.pretty-juweryWrapper--09 {
		width: 20.507812%;
		position: absolute;
		left: 7%;
		top: -5.5%;
	}
	@-webkit-keyframes juweryBound09 {
		0% {
			top: -5.5%;
		}
		100% {
			top: calc(-5.5% - 10px);
		}
	}
	@keyframes juweryBound09 {
		0% {
			top: -5.5%;
		}
		100% {
			top: calc(-5.5% - 10px);
		}
	}
}
@media (min-width: 768px) {
	.pretty-juwery01,
	.pretty-juweryWrapper--01 {
		width: 135px;
		left: 146px;
		top: -90px;
	}
	.pretty-juweryWrapper--01 {
		height: 213px;
	}
	@-webkit-keyframes juweryBound01 {
		0% {
			top: -90px;
		}
		100% {
			top: -100px;
		}
	}
	@keyframes juweryBound01 {
		0% {
			top: -90px;
		}
		100% {
			top: -100px;
		}
	}
	.pretty-juwery02,
	.pretty-juweryWrapper--02 {
		width: 190px;
		top: 300px;
		right: 133px;
	}
	.pretty-juweryWrapper--02 {
		height: 278px;
	}
	@-webkit-keyframes juweryBound02 {
		0% {
			top: 300px;
		}
		100% {
			top: 290px;
		}
	}
	@keyframes juweryBound02 {
		0% {
			top: 300px;
		}
		100% {
			top: 290px;
		}
	}
	.pretty-juwery03,
	.pretty-juweryWrapper--03 {
		width: 148px;
		left: -62px;
		top: 655px;
	}
	.pretty-juweryWrapper--03 {
		height: 258px;
	}
	@-webkit-keyframes juweryBound03 {
		0% {
			top: 655px;
		}
		100% {
			top: 645px;
		}
	}
	@keyframes juweryBound03 {
		0% {
			top: 655px;
		}
		100% {
			top: 645px;
		}
	}
	.pretty-juwery04,
	.pretty-juweryWrapper--04 {
		width: 162px;
		left: 421px;
		top: 885px;
	}
	.pretty-juweryWrapper--04 {
		height: 310px;
	}
	@-webkit-keyframes juweryBound04 {
		0% {
			top: 885px;
		}
		100% {
			top: 875px;
		}
	}
	@keyframes juweryBound04 {
		0% {
			top: 885px;
		}
		100% {
			top: 875px;
		}
	}
	.pretty-juwery05,
	.pretty-juweryWrapper--05 {
		width: 120px;
		left: 536px;
		top: 193px;
	}
	.pretty-juweryWrapper--05 {
		height: 197px;
	}
	@-webkit-keyframes juweryBound05 {
		0% {
			top: 193px;
		}
		100% {
			top: 183px;
		}
	}
	@keyframes juweryBound05 {
		0% {
			top: 193px;
		}
		100% {
			top: 183px;
		}
	}
	.pretty-juwery06,
	.pretty-juweryWrapper--06 {
		width: 100px;
		left: 142px;
		top: 125px;
	}
	.pretty-juweryWrapper--06 {
		height: 170px;
	}
	@-webkit-keyframes juweryBound06 {
		0% {
			top: 125px;
		}
		100% {
			top: 115px;
		}
	}
	@keyframes juweryBound06 {
		0% {
			top: 125px;
		}
		100% {
			top: 115px;
		}
	}
	.pretty-juwery07,
	.pretty-juweryWrapper--07 {
		width: 219px;
		top: 1056px;
		right: 111px;
	}
	.pretty-juweryWrapper--07 {
		height: 336px;
	}
	@-webkit-keyframes juweryBound07 {
		0% {
			top: 1056px;
		}
		100% {
			top: 1046px;
		}
	}
	@keyframes juweryBound07 {
		0% {
			top: 1056px;
		}
		100% {
			top: 1046px;
		}
	}
	.pretty-juwery08,
	.pretty-juweryWrapper--08 {
		width: 105px;
		left: 152px;
		top: 1695px;
	}
	.pretty-juweryWrapper--08 {
		height: 154px;
	}
	@-webkit-keyframes juweryBound08 {
		0% {
			top: 1695px;
		}
		100% {
			top: 1685px;
		}
	}
	@keyframes juweryBound08 {
		0% {
			top: 1695px;
		}
		100% {
			top: 1685px;
		}
	}
	.pretty-juwery09,
	.pretty-juweryWrapper--09 {
		width: 145px;
		left: 130px;
		top: -145px;
	}
	.pretty-juweryWrapper--09 {
		height: 333px;
	}
	@-webkit-keyframes juweryBound09 {
		0% {
			top: -145px;
		}
		100% {
			top: -155px;
		}
	}
	@keyframes juweryBound09 {
		0% {
			top: -145px;
		}
		100% {
			top: -155px;
		}
	}
}