.animate1 {
	-webkit-transition:all 0.3s linear 0s;
	-moz-transition:all 0.3s linear 0s;
	transition:all 0.3s linear 0s;
	-webkit-transform:translate(0,8px);
	-moz-transform:translate(0,8px);
	transform:translate(0,8px);
	opacity:0;
}
.animate1.animateend {
	-webkit-transform:translate(0,0px);
	-moz-transform:translate(0,0px);
	transform:translate(0,0px);
	opacity:1;
}

.animate2 {
	-webkit-transition: width 1.5s linear;
	-moz-transition: width 1.5s linear;
	-ms-transition: width 1.5s linear;
	-o-transition: width 1.5s linear;
	transition: width 1.5s linear;

	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;

    background-position: 0% 50%;
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 999;
    background-repeat: no-repeat;

}

.slick-active .animate2 {
    /*background-image: url(/wp-content/themes/josuikan/img/slide/jyosuikan.png);*/
	width: 100%;
	text-align: center;
	/*max-width: 1000px;*/
}


/*===============================================
画面の横幅が768pxまで *モバイル*
===============================================*/
@media screen and (max-width: 768px){
	.animate1 {
		opacity:1;
	}
	.slick-active .animate2 {
		max-width: 768px;
	}

}