@charset "utf-8";
/* CSS Document */

#resultCard {
	height: 540px;
	width: 354px;
	position: absolute;
	left: -37px;
	top: -56px;
	transform:translateX(400px);
}
#resultCard.active {
	transition:all 1s ease;
	transform:translateX(0);
}
/*#resultCard:before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: url(../img/result_9Y7OehIB/result_card_ug6Y3G9v_ef.png) no-repeat center center / contain;
	opacity:0;
	animation:resultCard 4s ease-in-out alternate infinite; 
}*/
@keyframes resultCard {
	from {
		opacity:0
	}
	to {
		opacity:1;
	}
}
#resultCard img {
	display:block;
	position:relative;
}
.resultHead {
	background: url(../img/result_9Y7OehIB/reult_title_ug6Y3G9v.png);
	position: absolute;
	height: 96px;
	width: 733px;
	left: 402px;
	top: -44px;
	z-index: 6000;
	display: none;
}
#resultLists {
	position: absolute;
	height: 466px;
	width: 895px;
	left: 318px;
	top: -10px;
	display:none;
}
#resultLists li {
	width:466px;
	height:466px;
	top:0;
	position:absolute;

}
#resultLists li:first-child {
	left:0;
	background:url(../img/result_9Y7OehIB/result_illust_circle_ug6Y3G9v.png) no-repeat center center / contain;
}
#resultLists li:last-child {
	right:0;
	background:url(../img/result_9Y7OehIB/result_illust_square_ug6Y3G9v.png) no-repeat center center / contain;
}
#resultLists li a {
	display:block;
	position:absolute;
	left:98px;
	top:407px;
	width:268px;
	height:56px;
	transition:all 0.3s ease;
}
#resultLists li a:hover {
	opacity:0.7;
}
#resultLists li:first-child a {
	background:url(../img/result_9Y7OehIB/result_btn_circle_ug6Y3G9v.png) no-repeat center center;
}
#resultLists li:last-child a {
	background:url(../img/result_9Y7OehIB/result_btn_square_ug6Y3G9v.png) no-repeat center center;
}
#resultLoad {
	background: #FFF;
	position: fixed;
	z-index: 99999;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
@media screen and (max-width:771px) {
	#firstCont {
		height:2750px !important;
	}
	#resultCard {
	height: 1118px;
	width: 730px;
	left: 10px;
	top: 26px;
	transform:translateX(0);
}
.resultHead {
	background: url(../img/result_9Y7OehIB/reult_title_sp_ug6Y3G9v.png);
	height: 243px;
	width: 711px;
	left: 24px;
	top: 1170px;
	display:block !important;
	opacity:0;
}
#resultLists {
	height: 1379px;
	width: 699px;
	left: 25px;
	top: 1321px;
	display:block !important;
	opacity:0;
}
.resultHead.active,#resultLists.active {
	opacity:1 !important;
	transition:opacity 1s ease !important;
}
#resultLists li {
	width:699px;
	height:699px;
	top:auto;
	left:0;
}
#resultLists li:first-child {
	top:0;
	z-index:5000
}
#resultLists li:last-child {
	bottom:0;
}
#resultLists li a {
	left:125px;
	top:600px;
	width:450px;
	height:90px;
	transition:all 0.3s ease;
}
#resultLists li:first-child a {
	background:url(../img/result_9Y7OehIB/result_btn_circle_sp_ug6Y3G9v.png) no-repeat center center;
}
#resultLists li:last-child a {
	background:url(../img/result_9Y7OehIB/result_btn_square_sp_ug6Y3G9v.png) no-repeat center center;
}
.lineBg .b {
	position:fixed !important;
	bottom:0 !important;
}
}