@charset "utf-8";

/* 左から右へ */

.photo-img-cross-r {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}

.photo-img-cross-r:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 100%;
	background-color: #fff;
	z-index: 1;
	transform-origin: right center;
	transform: scaleX(1);
	transition: width 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s, 
	transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}

.photo-img-cross-r img {
	position: relative;
	width: 100%;
	height: auto;
	opacity: 0;
	left: -100%;
	transition: 0.7s;
}

.photo-move-cross-r img {
	opacity: 1;
	left: 0;
}

.photo-move-cross-r.photo-img-cross-r:before {
	transform: scaleX(0);
	width: 100%;
}

/* 右からへ左 */

.photo-img-cross-l {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}

.photo-img-cross-l:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 100%;
	right: 0;
	background-color: #fff;
	z-index: 1;
	transform-origin: left center;
	transform: scaleX(1);
	transition: width 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s, 
	transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}

.photo-img-cross-l img {
	position: relative;
	width: 100%;
	height: auto;
	opacity: 0;
	right: -100%;
	transition: 0.7s;
}

.photo-move-cross-l img {
	opacity: 1;
	right: 0;
}

.photo-move-cross-l.photo-img-cross-l:before {
	transform: scaleX(0);
	width: 100%;
}