/*
 * File Info: Chrome Hearts
 * Chrome Hearts用スタイル
*/

/*============================================================
 * $
 * デスクトップ
============================================================*/
.visual_ladies {
	float: left;
	width: 49.75%;
}
.visual_mens {
	float: right;
	width: 49.75%;
}

.visual_ladies img,
.visual_mens img {
	width: 100%;
}


.visual_ladies img {
	transform: scale3d(1,1,1);

	-webkit-animation: ladies-in 1s linear;
	-moz-animation: ladies-in 1s linear;
	-ms-animation: ladies-in 1s linear;
	-o-animation: ladies-in 1s linear;
	animation: ladies-in 1s linear;

	-webkit-animation-delay: .3s;
	animation-delay: .3s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	opacity: 0;
}


@-webkit-keyframes ladies-in {
	0% {-webkit-transform: scale3d(0,0,1); opacity: 0;}
	50% {-webkit-transform: scale3d(.5,.5,1); opacity: 1;}
	100% {-webkit-transform: scale3d(1,1,1); opacity: 1;}
}
@-moz-keyframes ladies-in {
	0% {-moz-transform: scale3d(0,0,1); opacity: 0;}
	50% {-moz-transform: scale3d(.5,.5,1); opacity: 1;}
	100% {-moz-transform: scale3d(1,1,1); opacity: 1;}
}
@-ms-keyframes ladies-in {
	0% {-ms-transform: scale3d(0,0,1); opacity: 0;}
	50% {-ms-transform: scale3d(.5,.5,1); opacity: 1;}
	100% {-ms-transform: scale3d(1,1,1); opacity: 1;}
}
@-o-keyframes ladies-in {
	0% {-o-transform: scale3d(0,0,1); opacity: 0;}
	50% {-o-transform: scale3d(.5,.5,1); opacity: 1;}
	100% {-o-transform: scale3d(1,1,1); opacity: 1;}
}
@keyframes ladies-in {
	0% {transform: scale3d(0,0,1); opacity: 0;}
	50% {transform: scale3d(.5,.5,1); opacity: 1;}
	100% {transform: scale3d(1,1,1); opacity: 1;}
}


.visual_mens img {
	transform: scale3d(1,1,1);

	-webkit-animation: mens-in 1s linear;
	-moz-animation: mens-in 1s linear;
	-ms-animation: mens-in 1s linear;
	-o-animation: mens-in 1s linear;

	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	opacity: 0;
}

@-webkit-keyframes mens-in {
	0% {-webkit-transform: scale3d(0,0,1); opacity: 0;}
	50% {-webkit-transform: scale3d(.5,.5,1); opacity: 1;}
	100% {-webkit-transform: scale3d(1,1,1); opacity: 1;}
}
@-moz-keyframes mens-in {
	0% {-moz-transform: scale3d(0,0,1); opacity: 0;}
	50% {-moz-transform: scale3d(.5,.5,1); opacity: 1;}
	100% {-moz-transform: scale3d(1,1,1); opacity: 1;}
}
@-ms-keyframes mens-in {
	0% {-ms-transform: scale3d(0,0,1); opacity: 0;}
	50% {-ms-transform: scale3d(.5,.5,1); opacity: 1;}
	100% {-ms-transform: scale3d(1,1,1); opacity: 1;}
}
@-o-keyframes mens-in {
	0% {-o-transform: scale3d(0,0,1); opacity: 0;}
	50% {-o-transform: scale3d(.5,.5,1); opacity: 1;}
	100% {-o-transform: scale3d(1,1,1); opacity: 1;}
}
@keyframes mens-in {
	0% {transform: scale3d(0,0,1); opacity: 0;}
	50% {transform: scale3d(.5,.5,1); opacity: 1;}
	100% {transform: scale3d(1,1,1); opacity: 1;}
}







/*============================================================
 * $
 * モバイル
============================================================*/
@media screen and (max-width:768px){

}
