@charset "UTF-8";

/*------------------------------------------------------------

各種アニメーション

------------------------------------------------------------*/

/*回転エフェクト*/
.spin{
	-webkit-animation: spin 10s linear infinite;
	-moz-animation: spin 10s linear infinite;
	-ms-animation: spin 10s linear infinite;
	-o-animation: spin 10s linear infinite;
	animation: spin 10s linear infinite;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

/*横スクロールエフェクト*/
.scroll{
	-webkit-animation: scroll 15s ease .2s infinite;
	-moz-animation: scroll 15s ease .2s infinite;
	-ms-animation: scroll 15s ease .2s infinite;
	-o-animation: scroll 15s ease .2s infinite;
	-animation: scroll 15s ease .2s infinite;
}

@-webkit-keyframes scroll{
	0% {background-position: 0 0;}
	100% {background-position:960px 0;}
}
@-moz-keyframes scroll{
	0% {background-position: 0 0;}
	100% {background-position:960px 0;}
}
@-ms-keyframes scroll{
	0% {background-position: 0 0;}
	100% {background-position:960px 0;}
}
@-o-keyframes scroll{
	0% {background-position: 0 0;}
	100% {background-position:960px 0;}
}
@keyframes scroll{
	0% {background-position: 0 0;}
	100% {background-position:960px 0;}
}

/*点滅*/
.blink{
	-webkit-animation:blink .8s ease-in-out infinite alternate;
	-moz-animation:blink .8s ease-in-out infinite alternate;
	animation:blink .8s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% {opacity:1;}
	100% {opacity:0.6;}
}
@-moz-keyframes blink{
	0% {opacity:1;}
	100% {opacity:0.6;}
}
@keyframes blink{
	0% {opacity:1;}
	100% {opacity:0.6;}
}


/* Bounce Out */
.hvr-bounce-out{
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}

.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/*拡大縮小（1回）*/
.scale_out_01{
	animation: scale_out_01 5s ease;
	-webit-animation: scale_out 5s ease;
}

@keyframes scale_out_01{
	0%{transform: scale(.8, .8);}
	5%{transform: scale(1.2, 1.2);}
	20%{transform: scale(1.0, 1.0);}
	100%{transform: scale(1.0, 1.0);}
}

@-webkit-keyframes scale_out_01{
	0%{-webkit-transform: scale(.8, .8);}
	5%{-webkit-transform: scale(1.2, 1.2);}
	20%{-webkit-transform: scale(1.0, 1.0);}
	100%{-webkit-transform: scale(1.0, 1.0);}
}

/*拡大縮小（繰り返し）*/
.scale_out_02{
	animation: scale_out_02 5s ease infinite;
	-webit-animation: scale_out_02 5s ease infinite;
}

@keyframes scale_out_02{
	0%{transform: scale(.8, .8);}
	5%{transform: scale(1.2, 1.2);}
	20%{transform: scale(1.0, 1.0);}
	100%{transform: scale(1.0, 1.0);}
}

@-webkit-keyframes scale_out_02{
	0%{-webkit-transform: scale(.8, .8);}
	5%{-webkit-transform: scale(1.2, 1.2);}
	20%{-webkit-transform: scale(1.0, 1.0);}
	100%{-webkit-transform: scale(1.0, 1.0);}
}

/*スイング01*/
.swing_01{
	animation: swing_01 1.8s linear 0s infinite alternate;
	-webkit-animation: swing_01 1.8s linear 0s infinite alternate;
}

@keyframes swing_01{
	0%{transform: rotate(-5deg);}
	100%{transform: rotate(5deg);}
}

@-webkit-keyframes swing_01{
	0%{-webkit-transform: rotate(-5deg);}
	100%{-webkit-transform: rotate(5deg);}
}

/*スイング02*/
.swing_02{
	animation: swing_02 2.0s linear 0s infinite alternate;
	-webkit-animation: swing_02 2.0s linear 0s infinite alternate;
}
@keyframes swing_02{
	0%{transform: rotate(5deg);}
	100%{transform: rotate(-5deg);}
}
@-webkit-keyframes swing_02{
	0%{-webkit-transform: rotate(5deg);}
	100%{-webkit-transform: rotate(-5deg);}
}


.horizontal1{
    -webkit-animation: horizontal1 1s ease-in-out infinite alternate;

}

@-webkit-keyframes horizontal1 {
    0% { -webkit-transform:translateX( -3px); }
  100% { -webkit-transform:translateX(  0px); }
}


/* ふわふわ */
.fuwafuwa {
	-webkit-animation-name:fuwafuwa;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;

	-ms-animation-name:fuwafuwa;
	-ms-animation-duration:2s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-timing-function:ease;

}

@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}

@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}

@-ms-keyframes fuwafuwa {
	0% {-ms-transform:translate(0, 0);}
	50% {-ms-transform:translate(0, -10px);}
	100% {-ms-transform:translate(0, 0);}
}