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

/****************************************************
	LP用追加																					*/
.zoomIn10b::before {
	opacity: 0;
	-webkit-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
}
.zoomIn10ba::before {
	-webkit-animation: zoomIn10 .5s forwards;
	animation: zoomIn10 .5s forwards;
}


/****************************************************
	ヘッダーナビボタン		    														*/
.navTggl00 {
    -webkit-transform: translateY(-170%);
        transform: translateY(-170%);
}
.navTgglShow {
  -webkit-animation: navTgglDown .5s forwards;
  animation: navTgglDown .5s forwards;
}
@-webkit-keyframes navTgglDown {
  0% {    -webkit-transform: translateY(-170%); }
  100% {    -webkit-transform: translateY(0%);  }
}
@keyframes navTgglDown {
  0% {    transform: translateY(-170%); }
  100% {    transform: translateY(0%);  }
}

.navTgglHide {
  -webkit-animation: navTgglUp .5s forwards;
  animation: navTgglUp .5s forwards;
}
@-webkit-keyframes navTgglUp {
  0% {    -webkit-transform: translateY(0%);  }
  100% {    -webkit-transform: translateY(-170%); }
}
@keyframes navTgglUp {
  0% {    transform: translateY(0%);  }
  100% {    transform: translateY(-170%); }
}


/****************************************************
	スライド表示																					*/
.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;	}
}
/*.slideOpenLeft10 {
	width: .6em;
	overflow: hidden;
}
.slideOpenLeft10a {
	-webkit-animation: slideOpenLeft00 .5s forwards;
	animation: slideOpenLeft00 .5s forwards;
}

@-webkit-keyframes slideOpenLeft00 {
	0% {	width: .6em;	}
	100% {	width: 7.493em;	}
}
@keyframes slideOpenLeft00 {
	0% {	width: .6em;	}
	100% {	width: 7.493em;	}
}*/


.slideOpenLeftT10 {
  position: relative;
	overflow: hidden;
}
.slideOpenLeftT10::after {
  position: absolute;
  content: '';
  z-index: 2;
	top: -1%;
  left: 0;
  width: 100%;
  height: 102%;
}
.slideOpenLeftT10::after {
	background-color: #FFF;
}
.slideOpenLeftT10t::after {
  -webkit-transition: -webkit-transform .5s .25s;
  transition: transform .5s .25s;
  -webkit-transform: translateX(100%) translateZ(0);
  transform: translateX(100%) translateZ(0);
}
.slideOpenLeftT11t::after {
  -webkit-transition: -webkit-transform .5s 1.25s;
  transition: transform .5s 1.25s;
  -webkit-transform: translateX(100%) translateZ(0);
  transform: translateX(100%) translateZ(0);
}


/****************************************************
*	上下ループ
*/
/*.balloonM {
	transform: translate(0px, -15%);
	-webkit-transform: translate(0px, -15%);
}
.balloonMa {
	animation: balloonM 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation: balloonM 1.5s;
	-webkit-animation-iteration-count: infinite;
}

@keyframes balloonM {
	 0% {	transform: translate(0px, -15%);	}
	 50% {	transform: translate(0px, 5%);	}
	100% {	transform: translate(0px, -15%);	}
}
@-webkit-keyframes balloonM {
	 0% {	-webkit-transform: translate(0px, -15%);	}
	 50% {	-webkit-transform: translate(0px, 5%);	}
	100% {	-webkit-transform: translate(0px, -15%);	}
}*/

.balloonM10 {
	transform: translate(0px, 5%);
	-webkit-transform: translate(0px, 5%);

	-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;
}

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

/****************************************************
* 右から左へスライド
*/
.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: slideRL00 .5s forwards;
	animation: slideRL00 .5s forwards;
}
@-webkit-keyframes slideRL00 {
	0% {		-webkit-transform:  translateX(40%); 		opacity: 0;	}
	100% {		-webkit-transform:  translateX(0%); 		opacity: 1;	}
}
@keyframes slideRL00 {
	0% {	transform:  translateX(40%); 		opacity: 0;	}
	100% {	transform:  translateX(0%); 		opacity: 1;	}
}

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

.slideLR10 {
	-webkit-transform:  translateX(-40%);
	transform:  translateX(-40%);
	opacity: 0;
}
.slideLR10a {
	-webkit-animation: slideLR00 .5s forwards;
	animation: slideLR00 .5s forwards;
}
@-webkit-keyframes slideLR00 {
	0% {		-webkit-transform:  translateX(-40%); 		opacity: 0;	}
	100% {		-webkit-transform:  translateX(0%); 		opacity: 1;	}
}
@keyframes slideLR00 {
	0% {	transform:  translateX(-40%); 		opacity: 0;	}
	100% {	transform:  translateX(0%); 		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;	}
}

/*.upturn10 {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 0;
}
.upturn10a {
	-webkit-animation: drop10 .5s forwards;
	animation: drop10 .5s forwards;
}
@-webkit-keyframes drop10 {
	  0% {		-webkit-transform: translateY(100%);		opacity: 0;	}
	100% {		-webkit-transform: translateY(0);		opacity: 1;	}
}
@keyframes drop10 {
	  0% {		transform: translateY(100%);		opacity: 0;	}
	100% {		transform: translateY(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;	}
}*/

/****************************************************
*	中央から表示（小から大）
*/
.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);	}
}

.zoomIn10 {
	opacity: 0;
	-webkit-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
}
.zoomIn10a {
	-webkit-animation: zoomIn10 .5s forwards;
	animation: zoomIn10 .5s forwards;
}
@-webkit-keyframes zoomIn10 {
	0%{		opacity: 0;		-webkit-transform: scale3d(0, 0, 0);	}
	25%{		opacity: 0;		-webkit-transform: scale3d(.3, .3, .3);	}
	50%{		opacity: 1;		-webkit-transform: scale3d(.2, .2, .2);	}
	80%{		opacity: 1;		-webkit-transform: scale3d(1.2, 1.2, 1.2);	}
	90%{		opacity: 1;		-webkit-transform: scale3d(1.1, 1.1, 1.1);	}
	100%{		opacity: 1;		-webkit-transform: scale3d(1, 1, 1);	}
}
@keyframes zoomIn10 {
	0%{		opacity: 0;		transform: scale3d(0, 0, 0);	}
	25%{		opacity: 0;		transform: scale3d(.3, .3, .3);	}
	50%{		opacity: 1;		transform: scale3d(.2, .2, .2);	}
	80%{		opacity: 1;		transform: scale3d(1.2, 1.2, 1.2);	}
	90%{		opacity: 1;		transform: scale3d(1.1, 1.1, 1.1);	}
	100%{		opacity: 1;		transform: scale3d(1, 1, 1);	}
}

/****************************************************
*	フェードイン
*/
.fadeIn00 {
	opacity: 0;
}
.fadeIn00a {
	-webkit-animation: fadeIn00 .5s forwards;
	animation: fadeIn00 .5s forwards;
}
@-webkit-keyframes fadeIn00 {
	  0% {		opacity: 0;	}
	100% {		opacity: 1;	}
}
@keyframes fadeIn00 {
	  0% {		opacity: 0;	}
	100% {		opacity: 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;
}
.aniSpd10 {
	-webkit-animation-duration: 1s;
	animation-duration: 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;
}