@charset "utf-8";
/* CSS Document */

html,body{overflow-x:hidden;}
.hana{
position:absolute;height:0;width:0;}
.hana::after{
content:"";display:block;position:absolute;top:-7px;left:-7px;height:32px;width:32px;
background-image:url(../img/season/winter/flake1.png);background-repeat:no-repeat;background-size:contain;
-webkit-transform: rotate(15deg);-ms-transform: rotate(15deg);transform: rotate(15deg);
opacity:0.75;}

.t1::after{background-image:url(../img/season/autumn/flake1.png);width:24px}
.t2::after{background-image:url(../img/season/autumn/flake2.png);}
.t3::after{background-image:url(../img/season/autumn/flake3.png);}
.t4::after{background-image:url(../img/season/autumn/flake4.png);width:24px}
.t5::after{background-image:url(../img/season/autumn/flake5.png);}
.t6::after{background-image:url(../img/season/autumn/flake3.png);width:24px}

.y1{-webkit-animation:v1 10s infinite;animation:v1 10s infinite;}
.y2{-webkit-animation:v2 10s infinite;animation:v2 10s infinite;}
.y3{-webkit-animation:v3 9s infinite;animation:v3 9s infinite;}
.y4{-webkit-animation:v4 9s infinite;animation:v4 9s infinite;}
.y5{-webkit-animation:v5 8s infinite;animation:v5 8s infinite;}
.y6{-webkit-animation:v6 8s infinite;animation:v6 8s infinite;}
@-webkit-keyframes v1{
	from{-webkit-transform: rotate(0deg) rotateY(0deg) scale(.75);}
	50%{-webkit-transform: rotate(270deg) rotateY(180deg) scale(.75);}
	to{-webkit-transform: rotate(1deg) rotateY(360deg) scale(.75);}
}
@-webkit-keyframes v2{
	from{-webkit-transform: rotate(-90deg) scale(.7);}
	50%{-webkit-transform: rotate(-360deg) scale(.7);}
	to{-webkit-transform: rotate(-89deg) scale(.7);}
}
@-webkit-keyframes v3{
	from{-webkit-transform: rotate(30deg) rotateY(0deg) scale(.65);}
	50%{-webkit-transform: rotate(300deg) rotateY(-180deg) scale(.65);}
	to{-webkit-transform: rotate(29deg) rotateY(-360deg) scale(.65);}
}
@-webkit-keyframes v4{
	from{-webkit-transform: rotate(-120deg) scale(.6);}
	50%{-webkit-transform: rotate(-390deg) scale(.6);}
	to{-webkit-transform: rotate(-119deg) scale(.6);}
}
@-webkit-keyframes v5{
	from{-webkit-transform: rotate(60deg) rotateY(0deg) scale(.55);}
	50%{-webkit-transform: rotate(330deg) rotateY(60deg) scale(.55);}
	to{-webkit-transform: rotate(59deg) rotateY(0deg) scale(.55);}
}
@-webkit-keyframes v6{
	from{-webkit-transform: rotate(-150deg) scale(.5);}
	50%{-webkit-transform: rotate(-420deg) scale(.5);}
	to{-webkit-transform: rotate(-149deg) scale(.5);}
}
@keyframes v1{
	from{transform: rotate(0deg) rotateY(0deg) scale(.75);}
	50%{transform: rotate(270deg) rotateY(180deg) scale(.75);}
	to{transform: rotate(1deg) rotateY(360deg) scale(.75);}
}
@keyframes v2{
	from{transform: rotate(-90deg) scale(.7);}
	50%{transform: rotate(-360deg) scale(.7);}
	to{transform: rotate(-89deg) scale(.7);}
}
@keyframes v3{
	from{transform: rotate(30deg) rotateY(0deg) scale(.65);}
	50%{transform: rotate(300deg) rotateY(-180deg) scale(.65);}
	to{transform: rotate(29deg) rotateY(-360deg) scale(.65);}
}
@keyframes v4{
	from{transform: rotate(-120deg) scale(.6);}
	50%{transform: rotate(-390deg) scale(.6);}
	to{transform: rotate(-119deg) scale(.6);}
}
@keyframes v5{
	from{transform: rotate(60deg) rotateY(0deg) scale(.55);}
	50%{transform: rotate(330deg) rotateY(60deg) scale(.55);}
	to{transform: rotate(59deg) rotateY(0deg) scale(.55);}
}
@keyframes v6{
	from{transform: rotate(-150deg) scale(.5);}
	50%{transform: rotate(-420deg) scale(.5);}
	to{transform: rotate(-149deg) scale(.5);}
}