/*----------------------------------------------------------------------
	 	アニメーション
----------------------------------------------------------------------*/

/****************************************************
	輝き																								*/
.efftctShine {
	-webkit-animation: efftctShine 1s linear infinite;
	-webkit-transform-origin: 50% 50%;
	animation: efftctShine 1s linear infinite;
	transform-origin: 50% 50%;
}
@-webkit-keyframes efftctShine {
	0% {	-webkit-transform: scale(1.0)	}
	50% {	-webkit-transform: scale(0.3)	}
	100% {	-webkit-transform: scale(1.0)	}
}
@keyframes efftctShine {
	0% {	transform: scale(1.0)	}
	50% {	transform: scale(0.3)	}
	100% {	transform: scale(1.0)	}
}


/****************************************************
	スライド表示																					*/
.slideOpenLeft00 {
	width: 0;
	overflow: hidden;
}
.slideOpenLeft00a {
	-webkit-animation: slideOpenLeft00 .5s forwards;
	animation: slideOpenLeft00 .5s forwards;
}

@-webkit-keyframes slideOpenLeft00 {
	0% {	width:0;	}
	100% {	width: 1.45em;	}
}
@keyframes slideOpenLeft00 {
	0% {	width:0;	}
	100% {	width: 1.45em;	}
}


/****************************************************
*	上下ループ
*/
.balloonM10 {
	-webkit-transform: translate(0px, 10%);
	transform: translate(0px, 10%);

	-webkit-transition: all .5s;
	        transition: all .5s;
}
.balloonM10a {
	animation: balloonM10 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation: balloonM10 1.5s;
	-webkit-animation-iteration-count: infinite;
}

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

/****************************************************
* 右から左へスライド
*/
.slideRL00 {
	-webkit-transform:  translateX(100%);
	transform:  translateX(100%);
	opacity: 0;
}
.slideRL00a {
	-webkit-animation: slideRL00 .5s forwards;
	animation: slideRL00 .5s forwards;
}
@-webkit-keyframes slideRL00 {
	0% {		-webkit-transform:  translateX(100%); 		opacity: 0;	}
	100% {		-webkit-transform:  translateX(0%); 		opacity: 1;	}
}
@keyframes slideRL00 {
	0% {	transform:  translateX(100%); 		opacity: 0;	}
	100% {	transform:  translateX(0%); 		opacity: 1;	}
}

.slideRL10 {
	-webkit-transform:  translateX(40%);
	transform:  translateX(40%);
	opacity: 0;
}
.slideRL10a {
	-webkit-animation: slideRL10 .5s forwards;
	animation: slideRL10 .5s forwards;
}
@-webkit-keyframes slideRL10 {
	0% {		-webkit-transform:  translateX(40%); 		opacity: 0;	}
	100% {		-webkit-transform:  translateX(0%); 		opacity: 1;	}
}
@keyframes slideRL10 {
	0% {	transform:  translateX(40%); 		opacity: 0;	}
	100% {	transform:  translateX(0%); 		opacity: 1;	}
}

/****************************************************
* 左から右へスライド
*/
.slideLR10 {
	-webkit-transform:  translateX(-40%);
	transform:  translateX(-40%);
	opacity: 0;
}
.slideLR10a {
	-webkit-animation: slideLR10 .5s forwards;
	animation: slideLR10 .5s forwards;
}
@-webkit-keyframes slideLR10 {
	0% {		-webkit-transform:  translateX(-40%); 		opacity: 0;	}
	100% {		-webkit-transform:  translateX(0%); 		opacity: 1;	}
}
@keyframes slideLR10 {
	0% {	transform:  translateX(-40%); 		opacity: 0;	}
	100% {	transform:  translateX(0%); 		opacity: 1;	}
}


.slideSlantingLR00 {
	-webkit-transform:  translate(-40%, -40%);
	transform:  translate(-40%, -40%);
	opacity: 0;
}
.slideSlantingLR00a {
	-webkit-animation: slideSlantingLR00 .5s forwards;
	animation: slideSlantingLR00 .5s forwards;
}
@-webkit-keyframes slideSlantingLR00 {
	0% {		-webkit-transform:  translate(-40%, -40%); 		opacity: 0;	}
	100% {		-webkit-transform:  translate(0, 0); 		opacity: 1;	}
}
@keyframes slideSlantingLR00 {
	0% {	transform:  translate(-40%, -40%); 		opacity: 0;	}
	100% {	transform:  translate(0, 0); 		opacity: 1;	}
}


.slideSlantingLR10 {
	-webkit-transform:  translate(-40%, 40%);
	transform:  translate(-40%, 40%);
	opacity: 0;
}
.slideSlantingLR10a {
	-webkit-animation: slideSlantingLR10 .5s forwards;
	animation: slideSlantingLR10 .5s forwards;
}
@-webkit-keyframes slideSlantingLR10 {
	0% {		-webkit-transform:  translate(-40%, 40%); 		opacity: 0;	}
	100% {		-webkit-transform:  translate(0, 0); 		opacity: 1;	}
}
@keyframes slideSlantingLR10 {
	0% {	transform:  translate(-40%, 40%); 		opacity: 0;	}
	100% {	transform:  translate(0, 0); 		opacity: 1;	}
}

/****************************************************
*	上から下への移動表示
*/
.drop00 {
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px);
	opacity: 0;
}
.drop00a {
	-webkit-animation: drop00 0.5s forwards;
	animation: drop00 0.5s forwards;
}
@-webkit-keyframes drop00 {
	  0% {		-webkit-transform: translateY(-50px);		opacity: 0;	}
	100% {		-webkit-transform: translateY(0px);		opacity: 1;	}
}
@keyframes drop00 {
	  0% {		transform: translateY(-50px);		opacity: 0;	}
	100% {		transform: translateY(0px);		opacity: 1;	}
}

/****************************************************
*	下から上への移動表示
*/
.upturn00 {
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	opacity: 0;
}
.upturn00a {
	-webkit-animation: upturn00 0.5s forwards;
	animation: upturn00 0.5s forwards;
}
@-webkit-keyframes upturn00 {
	  0% {		-webkit-transform: translateY(50px);		opacity: 0;	}
	100% {		-webkit-transform: translateY(0);		opacity: 1;	}
}
@keyframes upturn00 {
	  0% {		transform: translateY(50px);		opacity: 0;	}
	100% {		transform: translateY(0);		opacity: 1;	}
}

/****************************************************
*	中央から表示（小から大）
*/
.zoomIn00 {
	opacity: 0;
	-webkit-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
}
.zoomIn00a {
	-webkit-animation: zoomIn00 .5s forwards;
	animation: zoomIn00 .5s forwards;
}
@-webkit-keyframes zoomIn00 {
	0%{		opacity: 0;		-webkit-transform: scale3d(0, 0, 0);	}
	25%{		opacity: 0;		-webkit-transform: scale3d(.3, .3, .3);	}
	50%{		opacity: .5;		-webkit-transform: scale3d(.2, .2, .2);	}
	80%{		opacity: .8;		-webkit-transform: scale3d(1.2, 1.2, 1.2);	}
	90%{		opacity: .9;		-webkit-transform: scale3d(1.1, 1.1, 1.1);	}
	100%{		opacity: 1;		-webkit-transform: scale3d(1, 1, 1);	}
}
@keyframes zoomIn00 {
	0%{		opacity: 0;		transform: scale3d(0, 0, 0);	}
	25%{		opacity: 0;		transform: scale3d(.3, .3, .3);	}
	50%{		opacity: .5;		transform: scale3d(.2, .2, .2);	}
	80%{		opacity: .8;		transform: scale3d(1.2, 1.2, 1.2);	}
	90%{		opacity: .9;		transform: scale3d(1.1, 1.1, 1.1);	}
	100%{		opacity: 1;		transform: scale3d(1, 1, 1);	}
}


/*----------------------------------------------------------------------
* 	アニメーション各種調整用
----------------------------------------------------------------------*/
/*完了時間*/
.aniSpd025 {
	-webkit-animation-duration: .25s;
	animation-duration: .25s;
}
.aniSpd05 {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
}
.aniSpd075 {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}
.aniSpd09 {
	-webkit-animation-duration: .9s;
	animation-duration: .9s;
}
.aniSpd10 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
.aniSpd11 {
	-webkit-animation-duration: 1.1s;
	animation-duration: 1.1s;
}
.aniSpd125 {
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s;
}
.aniSpd15 {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}

/*遅延*/
.aniDly01 {
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
}
.aniDly02 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}
.aniDly03 {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}
.aniDly04 {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}
.aniDly06 {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}
.aniDly07 {
	-webkit-animation-delay: .7s;
	animation-delay: .7s;
}
.aniDly08 {
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}
.aniDly09 {
	-webkit-animation-delay: .9s;
	animation-delay: .9s;
}
.aniDly11 {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
}
.aniDly12 {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.aniDly13 {
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
}
.aniDly14 {
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
}
.aniDly16 {
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s;
}
.aniDly17 {
	-webkit-animation-delay: 1.7s;
	animation-delay: 1.7s;
}
.aniDly18 {
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s;
}
.aniDly19 {
	-webkit-animation-delay: 1.9s;
	animation-delay: 1.9s;
}
.aniDly21 {
	-webkit-animation-delay: 2.1s;
	animation-delay: 2.1s;
}
.aniDly22 {
	-webkit-animation-delay: 2.2s;
	animation-delay: 2.2s;
}
.aniDly23 {
	-webkit-animation-delay: 2.3s;
	animation-delay: 2.3s;
}
.aniDly24 {
	-webkit-animation-delay: 2.4s;
	animation-delay: 2.4s;
}
.aniDly26 {
	-webkit-animation-delay: 2.6s;
	animation-delay: 2.6s;
}
.aniDly27 {
	-webkit-animation-delay: 2.7s;
	animation-delay: 2.7s;
}
.aniDly28 {
	-webkit-animation-delay: 2.8s;
	animation-delay: 2.8s;
}
.aniDly29 {
	-webkit-animation-delay: 2.9s;
	animation-delay: 2.9s;
}


.aniDly025 {
	-webkit-animation-delay: .25s;
	animation-delay: .25s;
}
.aniDly05 {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}
.aniDly075 {
	-webkit-animation-delay: .75s;
	animation-delay: .75s;
}
.aniDly10 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.aniDly125 {
	-webkit-animation-delay: 1.25s;
	animation-delay: 1.25s;
}
.aniDly15 {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.aniDly175 {
	-webkit-animation-delay: 1.75s;
	animation-delay: 1.75s;
}
.aniDly20 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
.aniDly225 {
	-webkit-animation-delay: 2.25s;
	animation-delay: 2.25s;
}
.aniDly25 {
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s;
}
.aniDly275 {
	-webkit-animation-delay: 2.75s;
	animation-delay: 2.75s;
}
.aniDly30 {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}
.aniDly325 {
	-webkit-animation-delay: 3.25s;
	animation-delay: 3.25s;
}
.aniDly35 {
	-webkit-animation-delay: 3.5s;
	animation-delay: 3.5s;
}
.aniDly375 {
	-webkit-animation-delay: 3.75s;
	animation-delay: 3.75s;
}
.aniDly40 {
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}
.aniDly425 {
	-webkit-animation-delay: 4.25s;
	animation-delay: 4.25s;
}
.aniDly45 {
	-webkit-animation-delay: 4.5s;
	animation-delay: 4.5s;
}
.aniDly475 {
	-webkit-animation-delay: 4.75s;
	animation-delay: 4.75s;
}
.aniDly50 {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}