@charset "UTF-8";

/* ////////////////////////////////////////////////////////////

KeyFrame設定

/////////////////////////////////////////////////////////////*/

/* ***************** 
FInFOut
*******************/

@-webkit-keyframes FInFOut {
	  0% {	opacity: 0; }
		20% {	opacity: 1; }
		90% {	opacity: 1; }
		100% {	opacity: 0; }
}

@keyframes FInFOut {
	  0% {	opacity: 0; }
		20% {	opacity: 1; }
		90% {	opacity: 1; }
		100% {	opacity: 0; }
}	



/* ***************** 
popup
*******************/

@-webkit-keyframes popup {
	  50% {	-webkit-transform: scale(1.4, 1.4); transform: scale(1.4, 1.4); }	
}

@keyframes popup {
	  50% {	-webkit-transform: scale(1.4, 1.4); transform: scale(1.4, 1.4); }	
}	


/* ***************** 
Spin -- 横にちょっと回転
*******************/

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

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


/* ***************** 
flash
*******************/

@-webkit-keyframes flash {
	50% { opacity:0; }
}

@keyframes flash {
	50% { opacity:0; }
}

/* ***************** 
heartbeat
*******************/

@-webkit-keyframes heartbeat {
	  0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
	  /*0% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }*/	
	  30% {	-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }	
	  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@keyframes heartbeat {
	  0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
	  /*0% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }*/	
	  30% {	-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }	
	  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}	


/* ***************** 
spin
*******************/

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


/* ***************** 
scrollR
*******************/


@-webkit-keyframes scrollR {
 0% {margin-right: 0;}
 100% {margin-right: -100%;}
}

@keyframes scrollR {
 0% {margin-right: 0;}
 100% {margin-right: -100%;}
}

/* ***************** 
scrollBg
*******************/


@-webkit-keyframes scrollBg {
 0% {background-position: 0 0;}
 100% {background-position: 50% 0;}
}

@keyframes scrollBg {
 0% {background-position: 0 0;}
 100% {background-position: 50% 0;}
}

/* ***************** 
scrollBgRev
*******************/


@-webkit-keyframes scrollBgRev {
 0% {background-position: 0 0;}
 100% {background-position: -50% 0;}
}

@keyframes scrollBgRev {
 0% {background-position: 0 0;}
 100% {background-position: -50% 0;}
}


/* ***************** 
dropDown
*******************/

@-webkit-keyframes dropDown {
	0% { top: -1000% ; opacity:0; }
	50% { top: -300%; opacity:.5; }
	90% { top: 5%; opacity:1; }
	100% { top: 0; opacity:1; }
}

@keyframes dropDown {
	0% { top: -1000% ; opacity:0; }
	50% { top: -300%; opacity:.5; }
	90% { top: 5%; opacity:1; }
	100% { top: 0; opacity:1; }
}


/* ***************** 
cloudMove
*******************/

@-webkit-keyframes cloudMove {
	0% { background-position: 0 20%; opacity:0; }
	5% { background-position: 10% 20%; opacity:1; }
	13% { background-position: 50% 20%; opacity:1; }
	25% { background-position: 150% 20%; opacity:1; }
	50% { background-position: 300% 20%; opacity:1; }
	75% { background-position: 450% 20%; opacity:1; }
	100% { background-position: 600% 20%; opacity:1; }
}

@keyframes cloudMove {
	0% { background-position: 0 20%; opacity:0; }
	5% { background-position: 10% 20%; opacity:1; }
	13% { background-position: 50% 20%; opacity:1; }
	25% { background-position: 150% 20%; opacity:1; }
	50% { background-position: 300% 20%; opacity:1; }
	75% { background-position: 450% 20%; opacity:1; }
	100% { background-position: 600% 20%; opacity:1; }
}

/* ***************** 
cloudMove_s
*******************/

@-webkit-keyframes cloudMove_s {
	0% { background-position: 0 30%; opacity:0; }
	5% { background-position: 10% 30%; opacity:1; }
	13% { background-position: 50% 30%; opacity:1; }
	25% { background-position: 150% 30%; opacity:1; }
	50% { background-position: 300% 30%; opacity:1; }
	75% { background-position: 450% 30%; opacity:1; }
	100% { background-position: 600% 30%; opacity:1; }
}

@keyframes cloudMove_s {
	0% { background-position: 0 30%; opacity:0; }
	5% { background-position: 10% 30%; opacity:1; }
	13% { background-position: 50% 30%; opacity:1; }
	25% { background-position: 150% 30%; opacity:1; }
	50% { background-position: 300% 30%; opacity:1; }
	75% { background-position: 450% 30%; opacity:1; }
	100% { background-position: 600% 30%; opacity:1; }
}

/* ***************** 
fadeInOut
*******************/

@-webkit-keyframes fadeInOut {
	  0% { opacity: 0; }
	  25% { opacity: 1; }
	  50% { opacity: 1; }
	  75% { opacity: 1; }
	  100% { opacity: 0; }
}

@keyframes fadeInOut {
	  0% { opacity: 0; }
	  25% { opacity: 1; }
	  50% { opacity: 1; }
	  75% { opacity: 1; }
	  100% { opacity: 0; }
}

/* ***************** 
fadeIn 
*******************/

@-webkit-keyframes fadeIn {
	  0% { opacity: 0; }
	  50% { opacity: 0; }
	  100% { opacity: 1; }
}

@keyframes fadeIn {
	  0% { opacity: 0; }
	  50% { opacity: 0; }
	  100% { opacity: 1; } 
}

/* ***************** 
logoBounce 
*******************/

@-webkit-keyframes logoBounce {
	  0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
	  0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3);	transform: scale3d(.3, .3, .3); }	
	  20% {	-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
	  40% {	-webkit-transform: scale3d(.9, .9, .9);	 transform: scale3d(.9, .9, .9); }
	  60% {	opacity: 1;	-webkit-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03); }
	  80% {	-webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); }
	  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1);	transform: scale3d(1, 1, 1); }
}

@keyframes logoBounce {
	  0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
	  0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3);	transform: scale3d(.3, .3, .3); }	
	  20% {	-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
	  40% {	-webkit-transform: scale3d(.9, .9, .9);	 transform: scale3d(.9, .9, .9); }
	  60% {	opacity: 1;	-webkit-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03); }
	  80% {	-webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); }
	  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1);	transform: scale3d(1, 1, 1); }
}		

/* ***************** 
bounce 
*******************/

@-webkit-keyframes bounce {
	  0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
	  /*0% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }*/	
	  20% {	-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }	
	  40% {	-webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); }	
	  60% {	-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }	
	  80% {	-webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); }	
	  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@keyframes bounce {
	  0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
	  /*0% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }*/	
	  20% {	-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }	
	  40% {	-webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); }	
	  60% {	-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }	
	  80% {	-webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); }	
	  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}		

/* ***************** 
horizontalIntoRight 
*******************/

@-webkit-keyframes horizontalIntoRight {
  0% { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
  100% { -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes horizontalIntoRight {
  0% { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
  100% { -webkit-transform: none; transform: none; opacity: 1; }
}


/* ***************** 
horizontalIntoLeft
*******************/

@-webkit-keyframes horizontalIntoLeft {
  0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
  100% { -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes horizontalIntoLeft {
  0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
  100% { -webkit-transform: none; transform: none; opacity: 1; }
}

/* ***************** 
fadeOut 
*******************/

@-webkit-keyframes fadeOut {
	  0% { opacity: 1; }
	  100% { opacity: 0; }
}

@keyframes fadeOut {
	  0% { opacity: 1; }
	  100% { opacity: 0; }
}

/* ***************** 
fadeIn 
*******************/

@-webkit-keyframes fadeIn {
	  0% { opacity: 0; }
	  100% { opacity: 1; }
}

@keyframes fadeIn {
	  0% { opacity: 0; }
	  100% { opacity: 1; }
}

/* ***************** 
boxfadeIn 
*******************/

@-webkit-keyframes boxfadeIn {
	  0%,40%,60%,80%,100% { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
	  0% { opacity: 0; -webkit-transform: scale3d(.7, .7, .7);	transform: scale3d(.7, .7, .7); }
	  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1);	transform: scale3d(1, 1, 1); }
}

@keyframes boxfadeIn {
	   0%,40%,60%,80%,100% { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
	  0% { opacity: 0; -webkit-transform: scale3d(.7, .7, .7);	transform: scale3d(.7, .7, .7); }	
	  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1);	transform: scale3d(1, 1, 1); }
}

/* ***************** 
boxfadeInBounce 
*******************/

@-webkit-keyframes boxfadeInBounce {
	  0%,40%,60%,80%,100% { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
	  0% { opacity: 0; -webkit-transform: scale3d(.7, .7, .7);	transform: scale3d(.7, .7, .7); }
	  60% {	opacity: 1;	-webkit-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03); }
	  80% {	-webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); }
	  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1);	transform: scale3d(1, 1, 1); }
}

@keyframes boxfadeInBounce {
	   0%,40%,60%,80%,100% { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
	  0% { opacity: 0; -webkit-transform: scale3d(.7, .7, .7);	transform: scale3d(.7, .7, .7); }
	  60% {	opacity: 1;	-webkit-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03); }
	  80% {	-webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); }
	  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1);	transform: scale3d(1, 1, 1); }
}


/* ***************** 
slideInTop 
*******************/

@-webkit-keyframes slideInTop {
	  0% { opacity: 0; -webkit-transform: translateY(-20%);  transform: translateY(-20%);}
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}

@keyframes slideInTop {
	  0% { opacity: 0; -webkit-transform: translateY(-20%);  transform: translateY(-20%);}
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}

/* ***************** 
slideInBottom 
*******************/

@-webkit-keyframes slideInBottom {
	  0% { opacity: 0; -webkit-transform: translateY(10%);  transform: translateY(10%);}
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}

@keyframes slideInBottom {
	  0% { opacity: 0; -webkit-transform: translateY(10%);  transform: translateY(10%);}
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}

/* ***************** 
slideInLeft 
*******************/

@-webkit-keyframes slideInLeft {
	  0% { opacity: 0; -webkit-transform: translateX(-20%);  transform: translateX(-20%);}
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}

@keyframes slideInLeft {
	  0% { opacity: 0; -webkit-transform: translateX(-20%);  transform: translateX(-20%);}
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}

/* ***************** 
slideInRight 
*******************/

@-webkit-keyframes slideInRight {
	  0% { opacity: 0; -webkit-transform: translateX(20%);  transform: translateX(20%);}
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}

@keyframes slideInRight {
	  0% { opacity: 0; -webkit-transform: translateX(20%);  transform: translateX(20%);}
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}

/* ***************** 
slideInTop_s 
*******************/

@-webkit-keyframes slideInTop_s {
	  0% { opacity: 0; -webkit-transform: translateY(-3%);  transform: translateY(-3%);}
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}

@keyframes slideInTop_s {
	  0% { opacity: 0; -webkit-transform: translateY(-3%);  transform: translateY(-3%);}
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}

/* ***************** 
slideInBottom_s 
*******************/

@-webkit-keyframes slideInBottom_s {
	  0% { opacity: 0; -webkit-transform: translateY(3%);  transform: translateY(3%);}
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}

@keyframes slideInBottom_s {
	  0% { opacity: 0; -webkit-transform: translateY(3%);  transform: translateY(3%);}
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}

/* ***************** 
slideInLeft_s 
*******************/

@-webkit-keyframes slideInLeft_s {
	  0% { opacity: 0; -webkit-transform: translateX(-3%);  transform: translateX(-3%);}
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}

@keyframes slideInLeft_s {
	  0% { opacity: 0; -webkit-transform: translateX(-3%);  transform: translateX(-3%);}
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}

/* ***************** 
slideInRight_s 
*******************/

@-webkit-keyframes slideInRight_s {
	  0% { opacity: 0; -webkit-transform: translateX(3%);  transform: translateX(3%);}
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}

@keyframes slideInRight_s {
	  0% { opacity: 0; -webkit-transform: translateX(3%);  transform: translateX(3%);}
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}


/* ***************** 
navFxbefore
*******************/

/*@-webkit-keyframes navFxbefore {
	  0% { opacity: 0; -webkit-transform: translateY(-50%);  transform: translateY(-50%);}
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}

@keyframes navFxbefore {
	  0% { opacity: 0; -webkit-transform: translateY(-50%);  transform: translateY(-50%);}
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}*/

/* ***************** 
navFxafter
*******************/

/*@-webkit-keyframes navFxafter {
	  0% { opacity: 0; -webkit-transform: translateY(10%);  transform: translateY(10%);}
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}

@keyframes navFxbefore {
	  0% { opacity: 0; -webkit-transform: translateY(10%);  transform: translateY(10%);}
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}*/

/* ***************** 
h1Loop 
*******************/

@-webkit-keyframes h1Loop {
	  0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
	  /*0% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }*/	
	  20% {	-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }	
	  40% {	-webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); }	
	  60% {	-webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); }	
	  80% {	-webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); }	
	  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@keyframes h1Loop {
	  0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
	  /*0% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }*/	
	  20% {	-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }	
	  40% {	-webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); }	
	  60% {	-webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); }	
	  80% {	-webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); }	
	  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}


/* ***************** 
flipY 水平に回転
*******************/

@-webkit-keyframes flipY {
	  0%,40%,60%,80%,100% { -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
	  60% {  -webkit-transform: rotateY( 360deg ); transform: rotateY( 360deg );}
	  100% {  -webkit-transform: rotateY( 360deg ); transform: rotateY( 360deg );}
}

@keyframes flipY {
	  0%,40%,60%,80%,100% { -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
	  60% {  -webkit-transform: rotateY( 360deg ); transform: rotateY( 360deg );}
	  100% {  -webkit-transform: rotateY( 360deg ); transform: rotateY( 360deg );}
}

/* ***************** 
flipX 垂直に回転
*******************/

@-webkit-keyframes flipX {
	  0%,40%,60%,80%,100% { -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
	  60% {  -webkit-transform: rotateX( 360deg ); transform: rotateX( 360deg );}
	  100% {  -webkit-transform: rotateX( 360deg ); transform: rotateX( 360deg );}
}

@keyframes flipX {
	  0%,40%,60%,80%,100% { -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
	  60% {  -webkit-transform: rotateX( 360deg ); transform: rotateX( 360deg );}
	  100% {  -webkit-transform: rotateX( 360deg ); transform: rotateX( 360deg );}
}

/* ***************** 
Arrow 矢印
*******************/

@-webkit-keyframes Arrow {
	  0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
	  100% {  -webkit-transform: scale3d( .8, .8, .8 ); transform: scale3d( .8, .8, .8 );}
}

@keyframes Arrow {
	  0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
	  100% {  -webkit-transform: scale3d( .8, .8, .8 ); transform: scale3d( .8, .8, .8 );}
}


/* ***************** 
headchara 
*******************/

@-webkit-keyframes headchara  {
	  0% { opacity: 0; -webkit-transform: translateY(-40%);  transform: translateY(-40%);}
	  30% { opacity: 1; -webkit-transform: translateY(10%); transform: translateY(10%); }
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}

@keyframes headchara  {
	  0% { opacity: 0; -webkit-transform: translateY(-40%);  transform: translateY(-40%);}
	  30% { opacity: 1; -webkit-transform: translateY(10%); transform: translateY(10%); }
	  100% { opacity: 1; -webkit-transform: none;  transform: none;}
}

/* ***************** 
headcharaMove 
*******************/

/*@-webkit-keyframes headcharaMove  {
	  0% { -webkit-transform: translateY(-10%);  transform: translateY(-10%);}
	  100% { -webkit-transform: none;  transform: none;}
}

@keyframes headcharaMove  {
	  0% { -webkit-transform: translateY(-10%);  transform: translateY(-10%);}
	  100% { -webkit-transform: none;  transform: none;}
}*/

/* ***************** 
jump 
*******************/

@-webkit-keyframes jump {
    45%,55% { -webkit-transform: scaleY(.75); transform: scaleY(.75); }
    75% { -webkit-transform: scaleY(1.1) translateY(-10px); transform: scaleY(1.1) translateY(-10px); }
	85% { -webkit-transform: translateY(2px); transform: translateY(2px); }
}

@keyframes jump {
	45%,55% { -webkit-transform: scaleY(.75); transform: scaleY(.75); }
    75% { -webkit-transform: scaleY(1.1) translateY(-10px); transform: scaleY(1.1) translateY(-10px); }
}

/* ***************** 
typing 
*******************/

@-webkit-keyframes typing {
    from { width: 0 }
    to { width:100% }
}

@-moz-keyframes typing {
    from { width: 0 }
    to { width:100% }
}

/* ***************** 
blink-caret
*******************/

@-webkit-keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: #fff }
}

@-moz-keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: #fff }
}