@charset "utf-8";

/*=====================================

tieup02.anime.css

=====================================*/


.white-bar {
	position: absolute;
	background-color: white;
	width: 1280px;
	height: 655px;
	top: 75px;
	left: 0px;
}


.idou1 {
	-moz-transform: translateX(1280px);
	-webkit-transform: translateX(1280px);
	-o-transform: translateX(1280px);
	-ms-transform: translateX(1280px);
	transform: translateX(1280px);
}

.idou2 {
	-moz-transform: translateX(2560px);
	-webkit-transform: translateX(2560px);
	-o-transform: translateX(2560px);
	-ms-transform: translateX(2560px);
	transform: translateX(2560px);
}



.kakudai {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.shukushou {
    -moz-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}

.dur1 {
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

.dur2 {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.dur3 {
	-webkit-transition: all 1.5s ease-out;
	-moz-transition: all 1.5s ease-out;
	-ms-transition: all 1.5s ease-out;
	-o-transition: all 1.5s ease-out;
	transition: all 1.5s ease-out;
}

.dur4 {
	-webkit-transition: all 1.0s ease-out;
	-moz-transition: all 1.0s ease-out;
	-ms-transition: all 1.0s ease-out;
	-o-transition: all 1.0s ease-out;
	transition: all 1.0s ease-out;
}

.delay1 {
	-moz-transition-delay:1s;
	-webkit-transition-delay:1s;
	-o-transition-delay:1s;
	-ms-transition-delay:1s;
	transition-delay:1s;
}

.delay2 {
	-moz-transition-delay:0.5s;
	-webkit-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
	transition-delay:0.5s;
}
.delay3 {
	-moz-transition-delay:5s;
	-webkit-transition-delay:5s;
	-o-transition-delay:5s;
	-ms-transition-delay:5s;
	transition-delay:5s;
}



.tieupArea .tieupVisual .pic li.last img {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	opacity: 0;
}

.tieupArea .tieupVisual .txt {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	opacity: 0;
}

.tieupArea .tieupVisual .txt img {
	-webkit-transition: all 1.5s ease-out;
	-moz-transition: all 1.5s ease-out;
	-ms-transition: all 1.5s ease-out;
	-o-transition: all 1.5s ease-out;
	transition: all 1.5s ease-out;
	width: 280px;
}

.tieupArea .tieupVisual .inner {
	height: 665px;
}

.tieupArea .tieupVisual .arw {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	opacity: 0;
	bottom: 10px;
}

.yajirushi {
	animation: sdb 2s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb {
	0% {
		-webkit-transform: translate(0, 0);
	}
	20% {
		-webkit-transform: translate(0, 10px);
	}
	40% {
		-webkit-transform: translate(0, 0);
	}
}
@keyframes sdb {
	0% {
		transform: translate(0, 0);
	}
	20% {
		transform: translate(0, 10px);
	}
	40% {
		transform: translate(0, 0);
	}
}


/*-------------------------------------------------------------------
 Media Queries
-------------------------------------------------------------------*/


/* SP layout
-------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	

.tieupArea .tieupVisual .inner {
	height: auto;
}

.tieupArea .tieupVisual .txt img {
	-webkit-transition: all 1.5s ease-out;
	-moz-transition: all 1.5s ease-out;
	-ms-transition: all 1.5s ease-out;
	-o-transition: all 1.5s ease-out;
	transition: all 1.5s ease-out;
	width: 200px;
}

}
	
	
/* PC layout
-------------------------------------------------------------------*/
@media screen and (min-width: 768px) {



}