@charset "utf-8";
#matching_area{
	font-size:3vw;
	margin-top:2em;
}

#matching_area .images{
	width:96%;
	margin:auto;
	overflow:hidden;
	height:60%;
	position:relative;
}

#matching_area .images li{
}
#matching_area .images li.ease{
	transition:.6s ease;
	-webkit-transition:.6s ease;
}
#matching_area .images .main{
	width:100%;
	position:relative;
}
#matching_area .images .main.moved{
	transform:translateX(-100%);
}
#matching_area .images .next1,
#matching_area .images .next2{
	width:100%;
	position:absolute;
	top:0;
	transform:translateX(100%);
}
#matching_area .images .next1.moved,
#matching_area .images .next2.moved{
	transform:translateX(0px);
}


#matching_area .images img{
	width:100%;
	display:block;
}
#matching_area .buttons{
	width:96%;
	margin:auto;
	height:11em;
}
#matching_area .buttons a{
	display:block;
}
#matching_area .buttons a.yes,
#matching_area .buttons a.no{
	width:50%;
	float:left;
}
#matching_area .buttons a img{
	width:100%;
}
#matching_area .buttons a.yes.result{
	width:100%;
}