/* pc */
@media screen and (min-width: 501px) {
/*ここにpc用スタイルを記述*/
.da-slider{
	width: 100%;
	min-width: 520px;
	max-width: 1200px;
	height: auto;
	padding-bottom: 64.37%;
	position: relative;
	background-color:#313131;
	margin: 0 auto;
	overflow: hidden;
	-webkit-transition: background-position 1s ease-out 0.3s;
	-moz-transition: background-position 1s ease-out 0.3s;
	-o-transition: background-position 1s ease-out 0.3s;
	-ms-transition: background-position 1s ease-out 0.3s;
	transition: background-position 1s ease-out 0.3s;
	z-index: 2;
}

.da-slide h2.slide01 {
	position: absolute;
	width: 37%;
	top: 6%;
	left: 60%;
	opacity: 0;
}
.da-slide h2.slide02 {
	position: absolute;
	width: 30%;
	top: 10%;
	left: 13%;
	opacity: 0;
}
.da-slide h2.slide03 {
	position: absolute;
	width: 37%;
	top: 15%;
	left: 40%;
	opacity: 0;
}
.da-slide h2.slide04 {
	position: absolute;
	width: 37%;
	top: 22%;
	left: 47%;
	opacity: 0;
}
.da-slide h2.slide07 {
	position: absolute;
	width: 39%;
	top: 18%;
	left: 7%;
	opacity: 0;
}
.da-slide h2.slide08 {
	position: absolute;
	width: 38%;
	top: 33%;
	left: 44%;
	opacity: 0;
}



.da-slide-current h2.slide01 {
	width: 37%;
	top: 6%;
	left: 60%;
	opacity: 1;
}
.da-slide-current h2.slide02 {
	width: 30%;
	top: 10%;
	left: 13%;
	opacity: 1;
}
.da-slide-current h2.slide03 {
	width: 37%;
	top: 15%;
	left: 40%;
	opacity: 1;
}
.da-slide-current h2.slide04 {
	width: 37%;
	top: 22%;
	left: 47%;
	opacity: 1;
}
.da-slide-current h2.slide07 {
	width: 39%;
	top: 18%;
	left: 7%;
	opacity: 1;
}
.da-slide-current h2.slide08 {
	width: 38%;
	top: 33%;
	left: 44%;
	opacity: 1;
}


.da-slide .da_link01 {
	border-radius: 6px;
	padding: 0.5% 1% 0.5% 2%;
	display: inline-block;
	background: #534418;
	transition-duration: 0.5s;
	position: absolute;
	opacity: 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	left: 66%;
	top: 50%;
	width: 10%;
}
.da-slide .da_link02 {
	border-radius: 6px;
	padding: 0.5% 1% 0.5% 2%;
	display: inline-block;
	background: #16215c;
	transition-duration: 0.5s;
	position: absolute;
	opacity: 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	left: 21%;
	top:49%;
	width: 10%;
}
.da-slide .da_link03 {
	border-radius: 6px;
	padding: 0.5% 1% 0.5% 2%;
	display: inline-block;
	background: #531852;
	transition-duration: 0.5s;
	position: absolute;
	opacity: 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	left: 50%;
	top:64%;
	width: 10%;
}
.da-slide .da_link04 {
	border-radius: 6px;
	padding: 0.5% 1% 0.5% 2%;
	display: inline-block;
	background: #405a34;
	transition-duration: 0.5s;
	position: absolute;
	opacity: 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	left: 58%;
	top:66%;
	width: 10%;
}
.da-slide .da_link07 {
	border-radius: 6px;
	padding: 0.5% 1% 0.5% 2%;
	display: inline-block;
	background: #a84000;
	transition-duration: 0.5s;
	position: absolute;
	opacity: 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	left: 17%;
	top:70%;
	width: 10%;
}
.da-slide .da_link08 {
	border-radius: 6px;
	padding: 0.5% 1% 0.5% 2%;
	display: inline-block;
	background: #2b672c;
	transition-duration: 0.5s;
	position: absolute;
	opacity: 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	left: 56%;
	top:80%;
	width: 10%;
}

.da-slide-current .da_link01 {
	width: 10%;
	left: 66%;
	top: 50%;
	opacity: 1;
}
.da-slide-current .da_link02 {
	width: 10%;
	left: 21%;
	top: 49%;
	opacity: 1;
}
.da-slide-current .da_link03 {
	width: 10%;
	left: 50%;
	top: 64%;
	opacity: 1;
}
.da-slide-current .da_link04 {
	width: 10%;
	left: 58%;
	top: 66%;
	opacity: 1;
}
.da-slide-current .da_link07 {
	width: 10%;
	left: 17%;
	top: 70%;
	opacity: 1;
}
.da-slide-current .da_link08 {
	width: 10%;
	left: 56%;
	top: 80%;
	opacity: 1;
}

}

/* smartPhone */
@media screen and (max-width: 500px) {
/*ここにスマホ用スタイルを記述*/
.da-slider{
	width: 100%;
	height: auto;
	padding-bottom: 120%;
	position: relative;
	background-color:#313131;
	margin: 0 auto;
	overflow: hidden;
	-webkit-transition: background-position 1s ease-out 0.3s;
	-moz-transition: background-position 1s ease-out 0.3s;
	-o-transition: background-position 1s ease-out 0.3s;
	-ms-transition: background-position 1s ease-out 0.3s;
	transition: background-position 1s ease-out 0.3s;
	z-index:2;
}
.da-slide h2.slide01 {
	position: absolute;
	width: 65%;
	top: 9%;
	left: 25%;
	opacity: 0;
}
.da-slide h2.slide02 {
	position: absolute;
	width: 60%;
	top: 23%;
	left: 30%;
	opacity: 0;
}
.da-slide h2.slide03 {
	position: absolute;
	width: 65%;
	top: 7%;
	left: 33%;
	opacity: 0;
}
.da-slide h2.slide04 {
	position: absolute;
	width: 68%;
	top: 22%;
	left: 29%;
	opacity: 0;
}
.da-slide h2.slide07 {
	position: absolute;
	width: 66%;
	top: 33%;
	left: -6%;
	opacity: 0;
}
.da-slide h2.slide08 {
	position: absolute;
	width: 67%;
	top: 35%;
	left: 28%;
	opacity: 0;
}



.da-slide-current h2.slide01 {
	width: 65%;
	top: 9%;
	left: 25%;
	opacity: 1;
}
.da-slide-current h2.slide02 {
	width: 60%;
	top: 23%;
	left: 30%;
	opacity: 1;
}
.da-slide-current h2.slide03 {
	width: 65%;
	top: 7%;
	left: 33%;
	opacity: 1;
}
.da-slide-current h2.slide04 {
	width: 68%;
	top: 22%;
	left: 29%;
	opacity: 1;
}
.da-slide-current h2.slide07 {
	width: 66%;
	top: 33%;
	left: -6%;
	opacity: 1;
}
.da-slide-current h2.slide08 {
	width: 67%;
	top: 35%;
	left: 28%;
	opacity: 1;
}


.da-slide .da_link01 {
	border-radius: 6px;
	padding: 0.5% 1% 0.5% 2%;
	display: inline-block;
	background: #534418;
	transition-duration: 0.5s;
	position: absolute;
	opacity: 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	left: 40%;
	top: 50%;
	width: 30%;
}
.da-slide .da_link02 {
	border-radius: 6px;
	padding: 0.5% 1% 0.5% 2%;
	display: inline-block;
	background: #16215c;
	transition-duration: 0.5s;
	position: absolute;
	opacity: 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	left: 43%;
	top:64%;
	width: 30%;
}
.da-slide .da_link03 {
	border-radius: 6px;
	padding: 0.5% 1% 0.5% 2%;
	display: inline-block;
	background: #531852;
	transition-duration: 0.5s;
	position: absolute;
	opacity: 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	left: 50%;
	top:53%;
	width: 30%;
}
.da-slide .da_link04 {
	border-radius: 6px;
	padding: 0.5% 1% 0.5% 2%;
	display: inline-block;
	background: #405a34;
	transition-duration: 0.5s;
	position: absolute;
	opacity: 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	left: 47%;
	top:66%;
	width: 30%;
}
.da-slide .da_link07 {
	border-radius: 6px;
	padding: 0.5% 1% 0.5% 2%;
	display: inline-block;
	background: #a84000;
	transition-duration: 0.5s;
	position: absolute;
	opacity: 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	left: 8%;
	top:80%;
	width: 30%;
}
.da-slide .da_link08 {
	border-radius: 6px;
	padding: 0.5% 1% 0.5% 2%;
	display: inline-block;
	background: #2b672c;
	transition-duration: 0.5s;
	position: absolute;
	opacity: 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	left: 50%;
	top:80%;
	width: 30%;
}

.da-slide-current .da_link01 {
	width: 30%;
	left: 40%;
	top: 50%;
	opacity: 1;
}
.da-slide-current .da_link02 {
	width: 30%;
	left: 43%;
	top: 64%;
	opacity: 1;
}
.da-slide-current .da_link03 {
	width: 30%;
	left: 50%;
	top: 53%;
	opacity: 1;
}
.da-slide-current .da_link04 {
	width: 30%;
	left: 47%;
	top: 66%;
	opacity: 1;
}
.da-slide-current .da_link07 {
	width: 30%;
	left: 8%;
	top: 80%;
	opacity: 1;
}
.da-slide-current .da_link08 {
	width: 30%;
	left: 50%;
	top: 80%;
	opacity: 1;
}

}






.da-slide{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	text-align: left;
}
.da-slide-current{
	z-index: 1000;
}
.da-slider-fb .da-slide{
	left: 100%;
}
.da-slider-fb .da-slide.da-slide-current{
	left: 0;
}

.da-slide p {
	position: absolute;
	opacity: 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}


.da-slider-fb .da-slide p {
	left: 0;
	opacity: 1;
}








.da-slide .da_link01:hover,
.da-slide .da_link02:hover,
.da-slide .da_link03:hover,
.da-slide .da_link04:hover,
.da-slide .da_link07:hover,
.da-slide .da_link08:hover  {	
	background: #d32300;
}





.da-dots{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 20px;
	z-index: 2000;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-dots span{
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #e4b42d;
	margin: 3px;
	cursor: pointer;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);
}
.da-dots span.da-dots-current:after{
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 50%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.da-arrows{
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-arrows span{
	position: absolute;
	top: 50%;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background: #e4b42d;
	cursor: pointer;
	z-index: 2000;
	opacity: 0;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);
	-webkit-transition: opacity 0.4s ease-in-out-out 0.2s;
	-moz-transition: opacity 0.4s ease-in-out-out 0.2s;
	-o-transition: opacity 0.4s ease-in-out-out 0.2s;
	-ms-transition: opacity 0.4s ease-in-out-out 0.2s;
	transition: opacity 0.4s ease-in-out-out 0.2s;
}
.da-slider:hover .da-arrows span{
	opacity: 1;
}
.da-arrows span:after{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	left: 5px;
	background: transparent url(../../images/arrows.png) no-repeat top left;
	border-radius: 50%;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after{
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active:after{
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next:after{
	background-position: top right;
}
.da-arrows span.da-arrows-prev{
	left: 15px;
}
.da-arrows span.da-arrows-next{
	right: 15px;
}


.da-slide-current p {
	left: 0;
	opacity: 1;
}










/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2.slide01 {
	-webkit-animation: fromRightAnim001 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim001 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim001 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim001 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim001 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright h2.slide02 {
	-webkit-animation: fromRightAnim002 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim002 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim002 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim002 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim002 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright h2.slide03 {
	-webkit-animation: fromRightAnim003 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim003 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim003 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim003 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim003 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright h2.slide04 {
	-webkit-animation: fromRightAnim004 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim004 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim004 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim004 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim004 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright h2.slide07 {
	-webkit-animation: fromRightAnim007 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim007 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim007 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim007 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim007 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright h2.slide08 {
	-webkit-animation: fromRightAnim008 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim008 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim008 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim008 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim008 0.6s ease-in-out 0.8s both;
}

.da-slide-fromright p {
	-webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright .da_link01 {
	-webkit-animation: fromRightAnimxx1 0.4s ease-in-out 1.2s both;
	-moz-animation: fromRightAnimxx1 0.4s ease-in-out 1.2s both;
	-o-animation: fromRightAnimxx1 0.4s ease-in-out 1.2s both;
	-ms-animation: fromRightAnimxx1 0.4s ease-in-out 1.2s both;
	animation: fromRightAnimxx1 0.4s ease-in-out 1.2s both;
}
.da-slide-fromright .da_link02 {
	-webkit-animation: fromRightAnimxx2 0.4s ease-in-out 1.2s both;
	-moz-animation: fromRightAnimxx2 0.4s ease-in-out 1.2s both;
	-o-animation: fromRightAnimxx2 0.4s ease-in-out 1.2s both;
	-ms-animation: fromRightAnimxx2 0.4s ease-in-out 1.2s both;
	animation: fromRightAnimxx2 0.4s ease-in-out 1.2s both;
}
.da-slide-fromright .da_link03 {
	-webkit-animation: fromRightAnimxx3 0.4s ease-in-out 1.2s both;
	-moz-animation: fromRightAnimxx3 0.4s ease-in-out 1.2s both;
	-o-animation: fromRightAnimxx3 0.4s ease-in-out 1.2s both;
	-ms-animation: fromRightAnimxx3 0.4s ease-in-out 1.2s both;
	animation: fromRightAnimxx3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromright .da_link04 {
	-webkit-animation: fromRightAnimxx4 0.4s ease-in-out 1.2s both;
	-moz-animation: fromRightAnimxx4 0.4s ease-in-out 1.2s both;
	-o-animation: fromRightAnimxx4 0.4s ease-in-out 1.2s both;
	-ms-animation: fromRightAnimxx4 0.4s ease-in-out 1.2s both;
	animation: fromRightAnimxx4 0.4s ease-in-out 1.2s both;
}
.da-slide-fromright .da_link07 {
	-webkit-animation: fromRightAnimxx7 0.4s ease-in-out 1.2s both;
	-moz-animation: fromRightAnimxx7 0.4s ease-in-out 1.2s both;
	-o-animation: fromRightAnimxx7 0.4s ease-in-out 1.2s both;
	-ms-animation: fromRightAnimxx7 0.4s ease-in-out 1.2s both;
	animation: fromRightAnimxx7 0.4s ease-in-out 1.2s both;
}
.da-slide-fromright .da_link08 {
	-webkit-animation: fromRightAnimxx8 0.4s ease-in-out 1.2s both;
	-moz-animation: fromRightAnimxx8 0.4s ease-in-out 1.2s both;
	-o-animation: fromRightAnimxx8 0.4s ease-in-out 1.2s both;
	-ms-animation: fromRightAnimxx8 0.4s ease-in-out 1.2s both;
	animation: fromRightAnimxx8 0.4s ease-in-out 1.2s both;
}


/* pc */
@media screen and (min-width: 501px) {
/*ここにpc用スタイルを記述*/

	@-webkit-keyframes fromRightAnim001 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 60%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnim002 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 13%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnim003 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 40%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnim004 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 47%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnim007 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 7%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnim008 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 44%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnimxx1 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 66%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnimxx2 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 21%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnimxx3 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 50%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnimxx4 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 58%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnimxx7 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 17%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnimxx8 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 56%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnim2{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 0; opacity: 1; }
	}
	
	
	
	@keyframes fromRightAnim001{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 60%; opacity: 1; }
	}
	@keyframes fromRightAnim002{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 13%; opacity: 1; }
	}
	@keyframes fromRightAnim003{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 40%; opacity: 1; }
	}
	@keyframes fromRightAnim004{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 47%; opacity: 1; }
	}
	@keyframes fromRightAnim007{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 7%; opacity: 1; }
	}
	@keyframes fromRightAnim008{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 44%; opacity: 1; }
	}
	@keyframes fromRightAnimxx1 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 66%; opacity: 1; }
	}
	@keyframes fromRightAnimxx2 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 21%; opacity: 1; }
	}
	@keyframes fromRightAnimxx3 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 50%; opacity: 1; }
	}
	@keyframes fromRightAnimxx4 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 58%; opacity: 1; }
	}
	@keyframes fromRightAnimxx7 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 17%; opacity: 1; }
	}
	@keyframes fromRightAnimxx8 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 56%; opacity: 1; }
	}
	@keyframes fromRightAnim2{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 0; opacity: 1; }
	}
}


/* smartPhone */
@media screen and (max-width: 500px) {
/*ここにスマホ用スタイルを記述*/

	@-webkit-keyframes fromRightAnim001 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 25%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnim002 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 42%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnim003 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 33%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnim004 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 29%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnim007 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: -6%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnim008 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 28%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnimxx1 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 40%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnimxx2 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 43%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnimxx3 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 50%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnimxx4 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 47%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnimxx7 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 8%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnimxx8 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 50%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnim2{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 0; opacity: 1; }
	}
	
	
	
	@keyframes fromRightAnim001{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 25%; opacity: 1; }
	}
	@keyframes fromRightAnim002{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 30%; opacity: 1; }
	}
	@keyframes fromRightAnim003{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 33%; opacity: 1; }
	}
	@keyframes fromRightAnim004{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 29%; opacity: 1; }
	}
	@keyframes fromRightAnim007{
		0%{ left: 110%; opacity: 0; }
		100%{ left: -6%; opacity: 1; }
	}
	@keyframes fromRightAnim008{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 28%; opacity: 1; }
	}
	@keyframes fromRightAnimxx1 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 40%; opacity: 1; }
	}
	@keyframes fromRightAnimxx2 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 43%; opacity: 1; }
	}
	@keyframes fromRightAnimxx3 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 50%; opacity: 1; }
	}
	@keyframes fromRightAnimxx4 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 47%; opacity: 1; }
	}
	@keyframes fromRightAnimxx7 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 8%; opacity: 1; }
	}
	@keyframes fromRightAnimxx8 {
		0%{ left: 110%; opacity: 0; }
		100%{ left: 50%; opacity: 1; }
	}
	@keyframes fromRightAnim2{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 0; opacity: 1; }
	}
}

/* Slide in from the left*/
.da-slide-fromleft h2.slide01 {
	-webkit-animation: fromLeftAnim001 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim001 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim001 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim001 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim001 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft h2.slide02 {
	-webkit-animation: fromLeftAnim002 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim002 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim002 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim002 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim002 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft h2.slide03 {
	-webkit-animation: fromLeftAnim003 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim003 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim003 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim003 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim003 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft h2.slide04 {
	-webkit-animation: fromLeftAnim004 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim004 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim004 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim004 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim004 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft h2.slide07 {
	-webkit-animation: fromLeftAnim007 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim007 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim007 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim007 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim007 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft h2.slide08 {
	-webkit-animation: fromLeftAnim008 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim008 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim008 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim008 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim008 0.6s ease-in-out 0.6s both;
}


.da-slide-fromleft p {
	-webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}


.da-slide-fromleft .da_link01 {
	-webkit-animation: fromLeftAnimxx1 0.6s ease-in-out 1.2s both;
	-moz-animation: fromLeftAnimxx1 0.6s ease-in-out 1.2s both;
	-o-animation: fromLeftAnimxx1 0.6s ease-in-out 1.2s both;
	-ms-animation: fromLeftAnimxx1 0.6s ease-in-out 1.2s both;
	animation: fromLeftAnimxx1 0.6s ease-in-out 1.2s both;
}
.da-slide-fromleft .da_link02 {
	-webkit-animation: fromLeftAnimxx2 0.6s ease-in-out 1.2s both;
	-moz-animation: fromLeftAnimxx2 0.6s ease-in-out 1.2s both;
	-o-animation: fromLeftAnimxx2 0.6s ease-in-out 1.2s both;
	-ms-animation: fromLeftAnimxx2 0.6s ease-in-out 1.2s both;
	animation: fromLeftAnimxx2 0.6s ease-in-out 1.2s both;
}
.da-slide-fromleft .da_link03 {
	-webkit-animation: fromLeftAnimxx3 0.6s ease-in-out 1.2s both;
	-moz-animation: fromLeftAnimxx3 0.6s ease-in-out 1.2s both;
	-o-animation: fromLeftAnimxx3 0.6s ease-in-out 1.2s both;
	-ms-animation: fromLeftAnimxx3 0.6s ease-in-out 1.2s both;
	animation: fromLeftAnimxx3 0.6s ease-in-out 1.2s both;
}
.da-slide-fromleft .da_link04 {
	-webkit-animation: fromLeftAnimxx4 0.6s ease-in-out 1.2s both;
	-moz-animation: fromLeftAnimxx4 0.6s ease-in-out 1.2s both;
	-o-animation: fromLeftAnimxx4 0.6s ease-in-out 1.2s both;
	-ms-animation: fromLeftAnimxx4 0.6s ease-in-out 1.2s both;
	animation: fromLeftAnimxx4 0.6s ease-in-out 1.2s both;
}
.da-slide-fromleft .da_link07 {
	-webkit-animation: fromLeftAnimxx7 0.6s ease-in-out 1.2s both;
	-moz-animation: fromLeftAnimxx7 0.6s ease-in-out 1.2s both;
	-o-animation: fromLeftAnimxx7 0.6s ease-in-out 1.2s both;
	-ms-animation: fromLeftAnimxx7 0.6s ease-in-out 1.2s both;
	animation: fromLeftAnimxx7 0.6s ease-in-out 1.2s both;
}
.da-slide-fromleft .da_link08 {
	-webkit-animation: fromLeftAnimxx8 0.6s ease-in-out 1.2s both;
	-moz-animation: fromLeftAnimxx8 0.6s ease-in-out 1.2s both;
	-o-animation: fromLeftAnimxx8 0.6s ease-in-out 1.2s both;
	-ms-animation: fromLeftAnimxx8 0.6s ease-in-out 1.2s both;
	animation: fromLeftAnimxx8 0.6s ease-in-out 1.2s both;
}


/* pc */
@media screen and (min-width: 501px) {
/*ここにpc用スタイルを記述*/
	
	@-webkit-keyframes fromLeftAnim001 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 60%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnim002 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 13%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnim003 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 40%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnim004 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 47%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnim007 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 7%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnim008 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 44%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnimxx1 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 66%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnimxx2 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 21%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnimxx3 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 50%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnimxx4 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 58%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnimxx7 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 17%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnimxx8 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 56%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnim2{
		0%{ left: -110%; opacity: 0; }
		100%{ left: 0; opacity: 1; }
	}
	
	
	
	
	@keyframes fromLeftAnim001 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 60%; opacity: 1; }
	}
	@keyframes fromLeftAnim002 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 13%; opacity: 1; }
	}
	@keyframes fromLeftAnim003 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 40%; opacity: 1; }
	}
	@keyframes fromLeftAnim004 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 47%; opacity: 1; }
	}
	@keyframes fromLeftAnim007 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 7%; opacity: 1; }
	}
	@keyframes fromLeftAnim008 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 44%; opacity: 1; }
	}
	@keyframes fromLeftAnimxx1 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 66%; opacity: 1; }
	}
	@keyframes fromLeftAnimxx2 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 21%; opacity: 1; }
	}
	@keyframes fromLeftAnimxx3 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 50%; opacity: 1; }
	}
	@keyframes fromLeftAnimxx4 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 58%; opacity: 1; }
	}
	@keyframes fromLeftAnimxx7 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 17%; opacity: 1; }
	}
	@keyframes fromLeftAnimxx8 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 56%; opacity: 1; }
	}
	@keyframes fromLeftAnim2{
		0%{ left: -110%; opacity: 0; }
		100%{ left: 0; opacity: 1; }
	}
}



/* smartPhone */
@media screen and (max-width: 500px) {
/*ここにスマホ用スタイルを記述*/
	
	@-webkit-keyframes fromLeftAnim001 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 25%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnim002 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 30%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnim003 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 33%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnim004 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 29%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnim007 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: -6%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnim008 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 28%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnimxx1 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 40%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnimxx2 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 43%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnimxx3 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 50%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnimxx4 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 47%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnimxx7 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 8%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnimxx8 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 50%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnim2{
		0%{ left: -110%; opacity: 0; }
		100%{ left: 0; opacity: 1; }
	}
	
	
	
	
	@keyframes fromLeftAnim001 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 25%; opacity: 1; }
	}
	@keyframes fromLeftAnim002 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 30%; opacity: 1; }
	}
	@keyframes fromLeftAnim003 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 33%; opacity: 1; }
	}
	@keyframes fromLeftAnim004 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 29%; opacity: 1; }
	}
	@keyframes fromLeftAnim007 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: -6%; opacity: 1; }
	}
	@keyframes fromLeftAnim008 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 28%; opacity: 1; }
	}
	@keyframes fromLeftAnimxx1 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 40%; opacity: 1; }
	}
	@keyframes fromLeftAnimxx2 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 43%; opacity: 1; }
	}
	@keyframes fromLeftAnimxx3 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 50%; opacity: 1; }
	}
	@keyframes fromLeftAnimxx4 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 47%; opacity: 1; }
	}
	@keyframes fromLeftAnimxx7 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 8%; opacity: 1; }
	}
	@keyframes fromLeftAnimxx8 {
		0%{ left: -110%; opacity: 0; }
		100%{ left: 50%; opacity: 1; }
	}
	@keyframes fromLeftAnim2{
		0%{ left: -110%; opacity: 0; }
		100%{ left: 0; opacity: 1; }
	}
}

/* Slide out to the right */
.da-slide-toright h2.slide01 {
	-webkit-animation: toRightAnim001 0.6s ease-in-out 0.6s both;
	-moz-animation: toRightAnim001 0.6s ease-in-out 0.6s both;
	-o-animation: toRightAnim001 0.6s ease-in-out 0.6s both;
	-ms-animation: toRightAnim001 0.6s ease-in-out 0.6s both;
	animation: toRightAnim001 0.6s ease-in-out 0.6s both;
}
.da-slide-toright h2.slide02 {
	-webkit-animation: toRightAnim002 0.6s ease-in-out 0.6s both;
	-moz-animation: toRightAnim002 0.6s ease-in-out 0.6s both;
	-o-animation: toRightAnim002 0.6s ease-in-out 0.6s both;
	-ms-animation: toRightAnim002 0.6s ease-in-out 0.6s both;
	animation: toRightAnim002 0.6s ease-in-out 0.6s both;
}
.da-slide-toright h2.slide03 {
	-webkit-animation: toRightAnim003 0.6s ease-in-out 0.6s both;
	-moz-animation: toRightAnim003 0.6s ease-in-out 0.6s both;
	-o-animation: toRightAnim003 0.6s ease-in-out 0.6s both;
	-ms-animation: toRightAnim003 0.6s ease-in-out 0.6s both;
	animation: toRightAnim003 0.6s ease-in-out 0.6s both;
}
.da-slide-toright h2.slide04 {
	-webkit-animation: toRightAnim004 0.6s ease-in-out 0.6s both;
	-moz-animation: toRightAnim004 0.6s ease-in-out 0.6s both;
	-o-animation: toRightAnim004 0.6s ease-in-out 0.6s both;
	-ms-animation: toRightAnim004 0.6s ease-in-out 0.6s both;
	animation: toRightAnim004 0.6s ease-in-out 0.6s both;
}
.da-slide-toright h2.slide07 {
	-webkit-animation: toRightAnim007 0.6s ease-in-out 0.6s both;
	-moz-animation: toRightAnim007 0.6s ease-in-out 0.6s both;
	-o-animation: toRightAnim007 0.6s ease-in-out 0.6s both;
	-ms-animation: toRightAnim007 0.6s ease-in-out 0.6s both;
	animation: toRightAnim007 0.6s ease-in-out 0.6s both;
}
.da-slide-toright h2.slide08 {
	-webkit-animation: toRightAnim008 0.6s ease-in-out 0.6s both;
	-moz-animation: toRightAnim008 0.6s ease-in-out 0.6s both;
	-o-animation: toRightAnim008 0.6s ease-in-out 0.6s both;
	-ms-animation: toRightAnim008 0.6s ease-in-out 0.6s both;
	animation: toRightAnim008 0.6s ease-in-out 0.6s both;
}

.da-slide-toright p{
	-webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-o-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	animation: toRightAnim2 0.6s ease-in-out 0.3s both;
}

.da-slide-toright .da_link01 {
	-webkit-animation: toRightAnimxx1 0.4s ease-in-out 0.6s both;
	-moz-animation: toRightAnimxx1 0.4s ease-in-out 0.6s both;
	-o-animation: toRightAnimxx1 0.4s ease-in-out 0.6s both;
	-ms-animation: toRightAnimxx1 0.4s ease-in-out 0.6s both;
	animation: toRightAnimxx1 0.4s ease-in-out 0.6s both;
}
.da-slide-toright .da_link02 {
	-webkit-animation: toRightAnimxx1 0.4s ease-in-out 0.6s both;
	-moz-animation: toRightAnimxx2 0.4s ease-in-out 0.6s both;
	-o-animation: toRightAnimxx2 0.4s ease-in-out 0.6s both;
	-ms-animation: toRightAnimxx2 0.4s ease-in-out 0.6s both;
	animation: toRightAnimxx2 0.4s ease-in-out 0.6s both;
}
.da-slide-toright .da_link03 {
	-webkit-animation: toRightAnimxx3 0.4s ease-in-out 0.6s both;
	-moz-animation: toRightAnimxx3 0.4s ease-in-out 0.6s both;
	-o-animation: toRightAnimxx3 0.4s ease-in-out 0.6s both;
	-ms-animation: toRightAnimxx3 0.4s ease-in-out 0.6s both;
	animation: toRightAnimxx3 0.4s ease-in-out 0.6s both;
}
.da-slide-toright .da_link04 {
	-webkit-animation: toRightAnimxx4 0.4s ease-in-out 0.6s both;
	-moz-animation: toRightAnimxx4 0.4s ease-in-out 0.6s both;
	-o-animation: toRightAnimxx4 0.4s ease-in-out 0.6s both;
	-ms-animation: toRightAnimxx4 0.4s ease-in-out 0.6s both;
	animation: toRightAnimxx4 0.4s ease-in-out 0.6s both;
}
.da-slide-toright .da_link07 {
	-webkit-animation: toRightAnimxx7 0.4s ease-in-out 0.6s both;
	-moz-animation: toRightAnimxx7 0.4s ease-in-out 0.6s both;
	-o-animation: toRightAnimxx7 0.4s ease-in-out 0.6s both;
	-ms-animation: toRightAnimxx7 0.4s ease-in-out 0.6s both;
	animation: toRightAnimxx7 0.4s ease-in-out 0.6s both;
}
.da-slide-toright .da_link08 {
	-webkit-animation: toRightAnimxx8 0.4s ease-in-out 0.6s both;
	-moz-animation: toRightAnimxx8 0.4s ease-in-out 0.6s both;
	-o-animation: toRightAnimxx8 0.4s ease-in-out 0.6s both;
	-ms-animation: toRightAnimxx8 0.4s ease-in-out 0.6s both;
	animation: toRightAnimxx8 0.4s ease-in-out 0.6s both;
}


/* pc */
@media screen and (min-width: 501px) {
/*ここにpc用スタイルを記述*/
	
	@-webkit-keyframes toRightAnim001 {
		0%{ left: 60%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnim002 {
		0%{ left: 13%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnim003 {
		0%{ left: 40%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnim004 {
		0%{ left: 47%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnim007 {
		0%{ left: 7%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnim008 {
		0%{ left: 44%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnimxx1 {
		0%{ left: 66%;  opacity: 1; }
		30%{ left: 58%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnimxx2 {
		0%{ left: 21%;  opacity: 1; }
		30%{ left: 8%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnimxx3 {
		0%{ left: 50%;  opacity: 1; }
		30%{ left: 44%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnimxx4 {
		0%{ left: 58%;  opacity: 1; }
		30%{ left: 52%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnimxx7 {
		0%{ left: 17%;  opacity: 1; }
		30%{ left: 9%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnimxx8 {
		0%{ left: 56%;  opacity: 1; }
		30%{ left: 49%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnim2{
		0%{ left: 0;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	
	
	
	
	@keyframes toRightAnim001 {
		0%{ left: 60%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnim002 {
		0%{ left: 13%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnim003 {
		0%{ left: 40%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnim004 {
		0%{ left: 47%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnim007 {
		0%{ left: 7%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnim008 {
		0%{ left: 44%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnimxx1 {
		0%{ left: 66%;  opacity: 1; }
		30%{ left: 58%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnimxx2 {
		0%{ left: 21%;  opacity: 1; }
		30%{ left: 8%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnimxx3 {
		0%{ left: 50%;  opacity: 1; }
		30%{ left: 44%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnimxx4 {
		0%{ left: 58%;  opacity: 1; }
		30%{ left: 52%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnimxx7 {
		0%{ left: 17%;  opacity: 1; }
		30%{ left: 9%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnimxx8 {
		0%{ left: 56%;  opacity: 1; }
		30%{ left: 49%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnim2{
		0%{ left: 0;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}

}

/* smartPhone */
@media screen and (max-width: 500px) {
/*ここにスマホ用スタイルを記述*/
	
	@-webkit-keyframes toRightAnim001 {
		0%{ left: 25%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnim002 {
		0%{ left: 30%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnim003 {
		0%{ left: 33%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnim004 {
		0%{ left: 29%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnim007 {
		0%{ left: -6%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnim008 {
		0%{ left: 28%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnimxx1 {
		0%{ left: 40%;  opacity: 1; }
		30%{ left: 34%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnimxx2 {
		0%{ left: 43%;  opacity: 1; }
		30%{ left: 35%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnimxx3 {
		0%{ left: 50%;  opacity: 1; }
		30%{ left: 44%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnimxx4 {
		0%{ left: 47%;  opacity: 1; }
		30%{ left: 40%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnimxx7 {
		0%{ left: 8%;  opacity: 1; }
		30%{ left: 0;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnimxx8 {
		0%{ left: 50%;  opacity: 1; }
		30%{ left: 43%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnim2{
		0%{ left: 0;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	
	
	
	
	@keyframes toRightAnim001 {
		0%{ left: 25%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnim002 {
		0%{ left: 30%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnim003 {
		0%{ left: 33%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnim004 {
		0%{ left: 29%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnim007 {
		0%{ left: -6%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnim008 {
		0%{ left: 28%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnimxx1 {
		0%{ left: 40%;  opacity: 1; }
		30%{ left: 34%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnimxx2 {
		0%{ left: 43%;  opacity: 1; }
		30%{ left: 35%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnimxx3 {
		0%{ left: 50%;  opacity: 1; }
		30%{ left: 44%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnimxx4 {
		0%{ left: 47%;  opacity: 1; }
		30%{ left: 40%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnimxx7 {
		0%{ left: 8%;  opacity: 1; }
		30%{ left: 0%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnimxx8 {
		0%{ left: 50%;  opacity: 1; }
		30%{ left: 43%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnim2{
		0%{ left: 0;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}

}

/* Slide out to the left*/
.da-slide-toleft h2.slide01 {
	-webkit-animation: toLeftAnim001 0.6s ease-in-out both;
	-moz-animation: toLeftAnim001 0.6s ease-in-out both;
	-o-animation: toLeftAnim001 0.6s ease-in-out both;
	-ms-animation: toLeftAnim001 0.6s ease-in-out both;
	animation: toLeftAnim001 0.6s ease-in-out both;
}
.da-slide-toleft h2.slide02 {
	-webkit-animation: toLeftAnim002 0.6s ease-in-out both;
	-moz-animation: toLeftAnim002 0.6s ease-in-out both;
	-o-animation: toLeftAnim002 0.6s ease-in-out both;
	-ms-animation: toLeftAnim002 0.6s ease-in-out both;
	animation: toLeftAnim002 0.6s ease-in-out both;
}
.da-slide-toleft h2.slide03 {
	-webkit-animation: toLeftAnim003 0.6s ease-in-out both;
	-moz-animation: toLeftAnim003 0.6s ease-in-out both;
	-o-animation: toLeftAnim003 0.6s ease-in-out both;
	-ms-animation: toLeftAnim003 0.6s ease-in-out both;
	animation: toLeftAnim003 0.6s ease-in-out both;
}
.da-slide-toleft h2.slide04 {
	-webkit-animation: toLeftAnim004 0.6s ease-in-out both;
	-moz-animation: toLeftAnim004 0.6s ease-in-out both;
	-o-animation: toLeftAnim004 0.6s ease-in-out both;
	-ms-animation: toLeftAnim004 0.6s ease-in-out both;
	animation: toLeftAnim004 0.6s ease-in-out both;
}
.da-slide-toleft h2.slide07 {
	-webkit-animation: toLeftAnim007 0.6s ease-in-out both;
	-moz-animation: toLeftAnim007 0.6s ease-in-out both;
	-o-animation: toLeftAnim007 0.6s ease-in-out both;
	-ms-animation: toLeftAnim007 0.6s ease-in-out both;
	animation: toLeftAnim007 0.6s ease-in-out both;
}
.da-slide-toleft h2.slide08 {
	-webkit-animation: toLeftAnim008 0.6s ease-in-out both;
	-moz-animation: toLeftAnim008 0.6s ease-in-out both;
	-o-animation: toLeftAnim008 0.6s ease-in-out both;
	-ms-animation: toLeftAnim008 0.6s ease-in-out both;
	animation: toLeftAnim008 0.6s ease-in-out both;
}
.da-slide-toleft p{
	-webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toleft .da_link01 {
	-webkit-animation: toLeftAnimxx1 0.6s ease-in-out 0.6s both;
	-moz-animation: toLeftAnimxx1 0.6s ease-in-out 0.6s both;
	-o-animation: toLeftAnimxx1 0.6s ease-in-out 0.6s both;
	-ms-animation: toLeftAnimxx1 0.6s ease-in-out 0.6s both;
	animation: toLeftAnimxx1 0.6s ease-in-out 0.6s both;
}
.da-slide-toleft .da_link02 {
	-webkit-animation: toLeftAnimxx2 0.6s ease-in-out 0.6s both;
	-moz-animation: toLeftAnimxx2 0.6s ease-in-out 0.6s both;
	-o-animation: toLeftAnimxx2 0.6s ease-in-out 0.6s both;
	-ms-animation: toLeftAnimxx2 0.6s ease-in-out 0.6s both;
	animation: toLeftAnimxx2 0.6s ease-in-out 0.6s both;
}
.da-slide-toleft .da_link03 {
	-webkit-animation: toLeftAnimxx3 0.6s ease-in-out 0.6s both;
	-moz-animation: toLeftAnimxx3 0.6s ease-in-out 0.6s both;
	-o-animation: toLeftAnimxx3 0.6s ease-in-out 0.6s both;
	-ms-animation: toLeftAnimxx3 0.6s ease-in-out 0.6s both;
	animation: toLeftAnimxx3 0.6s ease-in-out 0.6s both;
}
.da-slide-toleft .da_link04 {
	-webkit-animation: toLeftAnimxx4 0.6s ease-in-out 0.6s both;
	-moz-animation: toLeftAnimxx4 0.6s ease-in-out 0.6s both;
	-o-animation: toLeftAnimxx4 0.6s ease-in-out 0.6s both;
	-ms-animation: toLeftAnimxx4 0.6s ease-in-out 0.6s both;
	animation: toLeftAnimxx4 0.6s ease-in-out 0.6s both;
}
.da-slide-toleft .da_link07 {
	-webkit-animation: toLeftAnimxx7 0.6s ease-in-out 0.6s both;
	-moz-animation: toLeftAnimxx7 0.6s ease-in-out 0.6s both;
	-o-animation: toLeftAnimxx7 0.6s ease-in-out 0.6s both;
	-ms-animation: toLeftAnimxx7 0.6s ease-in-out 0.6s both;
	animation: toLeftAnimxx7 0.6s ease-in-out 0.6s both;
}
.da-slide-toleft .da_link08 {
	-webkit-animation: toLeftAnimxx8 0.6s ease-in-out 0.6s both;
	-moz-animation: toLeftAnimxx8 0.6s ease-in-out 0.6s both;
	-o-animation: toLeftAnimxx8 0.6s ease-in-out 0.6s both;
	-ms-animation: toLeftAnimxx8 0.6s ease-in-out 0.6s both;
	animation: toLeftAnimxx8 0.6s ease-in-out 0.6s both;
}


/* pc */
@media screen and (min-width: 501px) {
/*ここにpc用スタイルを記述*/
	
	@-webkit-keyframes toLeftAnim001 {
		0%{ left: 60%;  opacity: 1; }
		30%{ left: 65%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnim002 {
		0%{ left: 13%;  opacity: 1; }
		30%{ left: 18%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnim003 {
		0%{ left: 40%;  opacity: 1; }
		30%{ left: 45%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnim004 {
		0%{ left: 47%;  opacity: 1; }
		30%{ left: 52%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnim007 {
		0%{ left: 7%;  opacity: 1; }
		30%{ left: 13%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnim008 {
		0%{ left: 44%;  opacity: 1; }
		30%{ left: 51%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnimxx1 {
		0%{ left: 66%;  opacity: 1; }
		30%{ left: 71%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnimxx2 {
		0%{ left: 21%;  opacity: 1; }
		30%{ left: 26%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnimxx3 {
		0%{ left: 50%;  opacity: 1; }
		30%{ left: 58%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnimxx4 {
		0%{ left: 58%;  opacity: 1; }
		30%{ left: 63%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnimxx7 {
		0%{ left: 17%;  opacity: 1; }
		30%{ left: 24%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnimxx8 {
		0%{ left: 56%;  opacity: 1; }
		30%{ left: 62%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnim2 {
		0%{ left: 0;  opacity: 1; }
		30%{ left: 10%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	
	
	
	
	@keyframes toLeftAnim001 {
		0%{ left: 60%;  opacity: 1; }
		30%{ left: 65%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnim002 {
		0%{ left: 13%;  opacity: 1; }
		30%{ left: 18%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnim003 {
		0%{ left: 40%;  opacity: 1; }
		30%{ left: 45%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnim004 {
		0%{ left: 47%;  opacity: 1; }
		30%{ left: 52%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnim007 {
		0%{ left: 7%;  opacity: 1; }
		30%{ left: 13%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnim008 {
		0%{ left: 44%;  opacity: 1; }
		30%{ left: 51%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnimxx1 {
		0%{ left: 66%;  opacity: 1; }
		30%{ left: 71%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnimxx2 {
		0%{ left: 21%;  opacity: 1; }
		30%{ left: 26%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnimxx3 {
		0%{ left: 50%;  opacity: 1; }
		30%{ left: 58%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnimxx4 {
		0%{ left: 58%;  opacity: 1; }
		30%{ left: 63%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnimxx7 {
		0%{ left: 17%;  opacity: 1; }
		30%{ left: 24%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnimxx8 {
		0%{ left: 56%;  opacity: 1; }
		30%{ left: 62%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnim2 {
		0%{ left: 0;  opacity: 1; }
		30%{ left: 10%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
}

/* smartPhone */
@media screen and (max-width: 500px) {
/*ここにスマホ用スタイルを記述*/

	
	@-webkit-keyframes toLeftAnim001 {
		0%{ left: 25%;  opacity: 1; }
		30%{ left: 30%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnim002 {
		0%{ left: 30%;  opacity: 1; }
		30%{ left: 38%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnim003 {
		0%{ left: 33%;  opacity: 1; }
		30%{ left: 40%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnim004 {
		0%{ left: 29%;  opacity: 1; }
		30%{ left: 37%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnim007 {
		0%{ left: -6%;  opacity: 1; }
		30%{ left: 0%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnim008 {
		0%{ left: 28%;  opacity: 1; }
		30%{ left: 36%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnimxx1 {
		0%{ left: 40%;  opacity: 1; }
		30%{ left: 46%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnimxx2 {
		0%{ left: 43%;  opacity: 1; }
		30%{ left: 50%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnimxx3 {
		0%{ left: 50%;  opacity: 1; }
		30%{ left: 58%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnimxx4 {
		0%{ left: 47%;  opacity: 1; }
		30%{ left: 55%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnimxx7 {
		0%{ left: 8%;  opacity: 1; }
		30%{ left: 15%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnimxx8 {
		0%{ left: 50%;  opacity: 1; }
		30%{ left: 58%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnim2 {
		0%{ left: 0;  opacity: 1; }
		30%{ left: 10%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	
	
	
	
	@keyframes toLeftAnim001 {
		0%{ left: 25%;  opacity: 1; }
		30%{ left: 30%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnim002 {
		0%{ left: 30%;  opacity: 1; }
		30%{ left: 38%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnim003 {
		0%{ left: 33%;  opacity: 1; }
		30%{ left: 40%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnim004 {
		0%{ left: 29%;  opacity: 1; }
		30%{ left: 37%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnim007 {
		0%{ left: -6%;  opacity: 1; }
		30%{ left: 0%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnim008 {
		0%{ left: 28%;  opacity: 1; }
		30%{ left: 36%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnimxx1 {
		0%{ left: 40%;  opacity: 1; }
		30%{ left: 46%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnimxx2 {
		0%{ left: 43%;  opacity: 1; }
		30%{ left: 50%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnimxx3 {
		0%{ left: 50%;  opacity: 1; }
		30%{ left: 58%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnimxx4 {
		0%{ left: 47%;  opacity: 1; }
		30%{ left: 55%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnimxx7 {
		0%{ left: 8%;  opacity: 1; }
		30%{ left: 15%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnimxx8 {
		0%{ left: 50%;  opacity: 1; }
		30%{ left: 58%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnim2 {
		0%{ left: 0;  opacity: 1; }
		30%{ left: 10%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
}