@charset "UTF-8";

/*
**************************************
*Since: 2013-07-12
*Modified: 2013-00-00
**************************************
*/

/* result
---------------------------------------------------------------------------------------- */
#result {
	position: absolute;
	width: 100%;
	padding: 150.78125% 0 0 0;
	top: 0;
	left: 0;
	background: url(../img/bg_result.png) no-repeat top #000;
	background-size: 100% auto;
	z-index: 100;
}

#result img {width: 100%;}

#result .inner {
	position: absolute;
	width: 100%;
	top: 0;
}

#result .inner h3 {
	width: 100%;
	margin: 63% auto 0 auto;
	text-align: center;
}

#result .inner p.nickname {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#result .inner p.nickname strong {
	display: block;
	width: 67%;
	margin: 0 auto;
	padding: 0.5% 0;
	background: #FFF;
	border: 0;
	outline: 0;
	color: #F00;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	-webkit-appearance: none;
	border-radius: 0;
}

#result .inner ul {
	padding: 4.2% 0 2% 0;
}

#result .inner ul li {
	display: block;
	width: 85.5%;
	margin: 0 0 3% 0;
	padding: 0 14.5% 0 0;
	font-size: 0;
	line-height: 0;
	text-align: right;
}

#result .inner ul li.game {
	background: url(../img/bg_result_game.png) no-repeat;
	background-size: 100% auto;
}

#result .inner ul li.big {
	background: url(../img/bg_result_big.png) no-repeat;
	background-size: 100% auto;
}

#result .inner ul li.probability {
	margin: 0 0 2% 0;
	background: url(../img/bg_result_probability.png) no-repeat;
	background-size: 100% auto;
}

#result .inner ul li img {
	width: 9.2%;
	margin: 0 0 0 0.7%;
}

#result .inner p#jud {
	width: 100%;
	font-size: 0;
	line-height: 0;
}

#result .inner p.close {
	float: left;
	width: 30%;
	margin: 4% 0 0 15%;
	text-align: center;
	cursor: pointer;
}

#result .inner p.retry {
	float: right;
	width: 30%;
	margin: 4% 15% 0 0;
	text-align: center;
	cursor: pointer;
}