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

.fadeDown{
	animation-name:fadeDownAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
	opacity:0;}
@keyframes fadeDownAnime{
  from {
	opacity: 0;
	transform: translateY(-100px);}
  to {
	opacity: 1;
	transform: translateY(0);}
}
.fadeUp {
	animation-name:fadeUpAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
	opacity: 0;}
@keyframes fadeUpAnime{
  from {
	opacity: 0;
	transform: translateY(100px);}

  to {
	opacity: 1;
	transform: translateY(0);}
}
/*　キラッ　*/
.shine span.mask{
	position: relative;
	display: block;
	line-height: 0;
	overflow: hidden;
	text-align: center;}
.shine span.mask::before {
	position: absolute;
	content:"";
	width: 50%;
	height: 100%;
	top: 0;
	left: -75%;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	transform: skewX(-25deg);}
.shine span.mask:hover::before {
	animation: shine 0.7s;}
@keyframes shine {
  100% {
    left: 125%;}
}

.fluffy1 {
	animation: fluffy 3s infinite;}
@keyframes fluffy {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}