#area_omikuji{
	width: 100%;
	height: 350px;
	margin: 0 auto;
	text-align: center;
	  -webkit-transform-style: preserve-3d;
	  -moz-transform-style: preserve-3d;
	  -ms-transform-style: preserve-3d;
	  transform-style: preserve-3d;
}

/* fishにアニメーション指定 */
	#fish {
		-webkit-animation-name:fish; /* fishっていうアニメーションをしてね！ */
		-webkit-animation-duration:10s;
		-webkit-animation-iteration-count:infinite;
		/*-webkit-animation-direction:alternate;*/
		-webkit-animation-timing-function:ease;
		
		-moz-animation-name:fish;
		-moz-animation-duration:10s;
		-moz-animation-iteration-count:infinite;
		/*-moz-animation-direction:alternate;*/
		-moz-animation-timing-function:ease;

		-ms-animation-name:fish;
		-ms-animation-duration:10s;
		-ms-animation-iteration-count:infinite;
		/*-ms-animation-direction:alternate;*/
		-ms-animation-timing-function:ease;
	}

/* fishっていうアニメーションの動き */
	@-webkit-keyframes fish {
		0% {-webkit-transform:translate(0, 0);}
		30% {-webkit-transform:translate(-300px, 50px);}
		31% {-webkit-transform:translate(-300px, 50px)  translateZ(10px) rotateY( 180deg ) ;}
		49% {-webkit-transform:translate(-150px, -50px) translateZ(10px) rotateY( 180deg ) ;}
		50% {-webkit-transform:translate(-150px, -50px);}
		70% {-webkit-transform:translate(-1200px, 0);}
		71% {-webkit-transform:translate(-1200px, 0) translateZ(10px) rotateY( 180deg );}
		100% {-webkit-transform:translate(0, 0) translateZ(10px) rotateY( 180deg );}
	}
	@-moz-keyframes fish {
		0% {-moz-transform:translate(0, 0);}
		30% {-moz-transform:translate(-300px, 50px);}
		31% {-moz-transform:translate(-300px, 50px)  translateZ(10px) rotateY( 180deg ) ;}
		49% {-moz-transform:translate(-150px, -50px) translateZ(10px) rotateY( 180deg ) ;}
		50% {-moz-transform:translate(-150px, -50px);}
		70% {-moz-transform:translate(-1200px, 0);}
		71% {-moz-transform:translate(-1200px, 0) translateZ(10px) rotateY( 180deg );}
		100% {-moz-transform:translate(0, 0) translateZ(10px) rotateY( 180deg );}
	}
	@-ms-keyframes fish {
		0% {-ms-transform:translate(0, 0);}
		30% {-ms-transform:translate(-300px, 50px);}
		31% {-ms-transform:translate(-300px, 50px)  translateZ(10px) rotateY( 180deg ) ;}
		49% {-ms-transform:translate(-150px, -50px) translateZ(10px) rotateY( 180deg ) ;}
		50% {-ms-transform:translate(-150px, -50px);}
		70% {-ms-transform:translate(-1200px, 0);}
		71% {-ms-transform:translate(-1200px, 0) translateZ(10px) rotateY( 180deg );}
		100% {-ms-transform:translate(0, 0) translateZ(10px) rotateY( 180deg );}
	}

/* kaniのアニメーション指定 */
	#kani {
		-webkit-animation-name:kani; /* kaniっていうアニメーションをしてね！ */
		-webkit-animation-duration:10s;
		-webkit-animation-iteration-count:infinite;
		/*-webkit-animation-direction:alternate;*/
		-webkit-animation-timing-function:ease;
		
		-moz-animation-name:kani;
		-moz-animation-duration:10s;
		-moz-animation-iteration-count:infinite;
		/*-moz-animation-direction:alternate;*/
		-moz-animation-timing-function:ease;
		
		-ms-animation-name:kani;
		-ms-animation-duration:10s;
		-ms-animation-iteration-count:infinite;
		/*-ms-animation-direction:alternate;*/
		-ms-animation-timing-function:ease;
	}

/* kaniっていうアニメーションの動き */
	@-webkit-keyframes kani {
		0% {-webkit-transform:translate(0, 0);}
		20% {-webkit-transform:translate(40px, -20px);}
		30% {-webkit-transform:translate(80px, 0);}
		50% {-webkit-transform:translate(120px, -40px);}
		70% {-webkit-transform:translate(80px, 0px);}
		90% {-webkit-transform:translate(40px, -20px);}
		100% {-webkit-transform:translate(0, 0);}
	}
	@-moz-keyframes kani {
		0% {-moz-transform:translate(0, 0);}
		20% {-moz-transform:translate(40px,-20px);}
		30% {-moz-transform:translate(80px, 0);}
		50% {-moz-transform:translate(120px, -40px);}
		70% {-moz-transform:translate(80px, 0);}
		90% {-moz-transform:translate(40px, -20px);}
		100% {-moz-transform:translate(0, 0);}
	}

	@-ms-keyframes kani {
		0% {-ms-transform:translate(0, 0);}
		20% {-ms-transform:translate(40px,-20px);}
		30% {-ms-transform:translate(80px, 0);}
		50% {-ms-transform:translate(120px, -40px);}
		70% {-ms-transform:translate(80px, 0);}
		90% {-ms-transform:translate(40px, -20px);}
		100% {-ms-transform:translate(0, 0);}
	}

.lightboxOverlay {
	 background-color: orange; /*デフォルト　black*/
	 opacity: 0.5; /*デフォルト 0.8*/
}