@charset "utf-8";
.final-result section#mainvisual {
	padding-bottom: 3.2em;
}
.final-result section#mainvisual .ttl h2{
}
.final-result section#mainvisual .ttl {
	background-image: url(../img/fin_res_main_visual_bg.png);
}
@media (min-width: 960px) {
	.final-result section#mainvisual {
		padding-bottom: 4.8em;
	}
	.final-result section#mainvisual .ttl {
		background-image: url(../img/fin_res_main_visual_bg.png);
	}
}
.final-result .page-nav ul li{
    flex: 1 0 20%;
	margin: 0 0 0.48em 0.16em;
	background-color: transparent;
	box-shadow: none;
}
.final-result .page-nav ul li:hover{
	background-color: transparent;
	margin-top: 0;
	margin-bottom: 0.48em;
}
.final-result .page-nav ul li:nth-of-type(2){
	margin-right: 0;
}
.final-result .page-nav ul li:first-of-type{
	margin-left: 0;
}
.final-result .page-nav ul li a::after{
	height: 1em;
	background-image: url(../img/page_nav_fin_res.png);
	background-size: 8em auto;
}
.final-result .page-nav ul li:nth-of-type(2) a::after{
	background-position-y: -1.1em;
}
.final-result .page-nav ul li:nth-of-type(3) a::after{
	background-position-y: -2.3em;
}
.final-result .page-nav ul li:nth-of-type(4) a::after{
	background-position-y: -3.4em;
}
@media (min-width: 960px) {
	.final-result .page-nav ul li {
		height: 4em;
	}
	.final-result .page-nav ul li a {
		font-size: 140%;
	}
	.final-result .page-nav ul li a::after{
		height: 1.5em;
		background-size: 10.24em auto;
		background-position-y: 0.1em;
	}
	.final-result .page-nav ul li:nth-of-type(2) a::after {
		background-position-y: -1.4em;
	}
	.final-result .page-nav ul li:nth-of-type(3) a::after {
		background-position-y: -2.8em;
	}
	.final-result .page-nav ul li:nth-of-type(4) a::after {
		background-position-y: -4.22em;
	}
}
section div h3 {
	background-image: url(../img/sub_ttl_fin_res.png);
	background-size: 20.84em auto;
	background-position-y: 0;
}
section div h3.area-1st {
	background-position-y: -2.8em;
}
section div h3.area-2nd {
	background-position-y: -5.6em;
}
section div h3.area-3rd {
	background-position-y: -8.4em;
}
.final-result section#result {
	padding-top: 3.2em;
}

.top3 {
	padding: 0 0.8em;
}
.top3 ul {
	display: flex;
	justify-content:space-between;
    height: 10.24em;
	margin-top: 1.2em;
	border-style:solid;
	border-width:0.28em;
	border-image: url(../img/fin_res_top3_01.png) 7;
	background: url(../img/fin_res_top3_01.png) center;
	-moz-border-image: url(../img/fin_res_top3_01.png) 7;
	-webkit-border-image: url(../img/fin_res_top3_01.png) 7;
	-o-border-image: url(../img/fin_res_top3_01.png) 7;
	-ms-border-image: url(../img/fin_res_top3_01.png) 7;
}
.top3 ul.top3-1 {
	margin-top: 2.4em;
}
.top3 ul.top3-2 {
	border-image: url(../img/fin_res_top3_02.png) 7;
	background: url(../img/fin_res_top3_02.png) center;
	-moz-border-image: url(../img/fin_res_top3_02.png) 7;
	-webkit-border-image: url(../img/fin_res_top3_02.png) 7;
	-o-border-image: url(../img/fin_res_top3_02.png) 7;
	-ms-border-image: url(../img/fin_res_top3_02.png) 7;
}
.top3 ul.top3-3 {
	border-image: url(../img/fin_res_top3_03.png) 7;
	background: url(../img/fin_res_top3_03.png) center;
	-moz-border-image: url(../img/fin_res_top3_03.png) 7;
	-webkit-border-image: url(../img/fin_res_top3_03.png) 7;
	-o-border-image: url(../img/fin_res_top3_03.png) 7;
	-ms-border-image: url(../img/fin_res_top3_03.png) 7;
}
.top3 ul li.top3-user-data{
	flex: 1 0;
	margin-top: 0.4em;
	text-align: center;
	align-self:center;
}
.top3 ul li.top3-user-photo{
	flex: 0 0 13.04em;
}
.top3 ul li.top3-user-name{
	text-indent: -9999em;
	font-size: 1.4em;
	font-weight: bold;
}
.top3 ul li .top3-rank{
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-size: 11.8em auto;
	background-position-x: center;
	width: 11.8em;
	height: 3.6em;
	margin: auto;
	align-self: center;
}
.top3 ul.top3-1 li .top3-rank{
}
.top3 ul.top3-2 li .top3-rank{
}
.top3 ul.top3-3 li .top3-rank{
}
.top3 ul li .top3-text{
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-size: 9.6em auto;
	background-position-x: center;
    height: 4em;
}
.top3 ul.top3-2 li .top3-text{
}
.top3 ul.top3-3 li .top3-text{
}
[class*="-result"] #tab1 .tbl-wrap .tbl-list-wrap{
	margin-left: 0;
}
[class*="-result"] #tab1 .tbl-wrap .tbl-list-wrap ul:first-of-type li{
	width: 50%;
}
[class*="-result"] #tab1 .tbl-wrap .tbl-list-wrap ul li:first-of-type{
	border-left-width: 0;
}
[class*="-result"] #tab1 .tbl-wrap .tbl-list-wrap ul li:first-of-type span{
	font-size: 85%;
}
[class*="-result"] #tab1 .tbl-wrap .tbl-list-wrap ul li:last-of-type{
	border-right-width: 0;
}
@media (min-width: 960px) {
	.top3{
		font-size: 200%;
		padding: 0 1.2em;
	}
	.top3 ul.top3-1 {
		margin-top: 1.2em;
	}
	.top3 ul li.top3-user-photo{
		flex: 0 0 14.12em;
	}
	[class*="-result"] #tab1 .tbl-wrap .tbl-num-wrap ul li.position,
	[class*="-result"] #tab1 .tbl-wrap .tbl-list-wrap ul:first-of-type li{
		font-size: 80%;
	}
	[class*="-result"] #tab1 .tbl-wrap .tbl-num-wrap ul:not(:first-of-type) li,
	[class*="-result"] #tab1 .tbl-wrap .tbl-list-wrap ul:not(:first-of-type) li{
		font-size: 0.96em;
	}
	[class*="-result"] #tab1 .tbl-wrap li{
		border-width: 0.10em;
	}
	[class*="-result"] #tab1 .tbl-wrap .tbl-list-wrap ul li:first-of-type{
		border-left-width: 0;
	}
	[class*="-result"] #tab1 .tbl-wrap .tbl-list-wrap ul li:last-of-type{
		border-right-width: 0;
	}
	[class*="-result"] #tab1 .tbl-wrap ul:last-child li{
		border-bottom-width: 0;
	}
	[class*="-result"] #tab1 .tbl-wrap .tbl-num-wrap{
		width: 4.8em;
	}
	[class*="-result"] #tab1 li.user_name{
		width: 20em;
	}
}

@media screen and ( min-width : 960px ) {
	.race li:nth-of-type(1),
	.race li:nth-of-type(2){
		border-bottom: none;
		flex-basis: 50%;
	}
	.race li:nth-of-type(3){
		border-bottom: dashed 0.08em #b0b0b0;
		flex-basis: 100%;
	}
	.race li:nth-of-type(1):after{
		content: '';
		display: block;
		position: absolute;
		margin-top: 0.4em;
		width: 27.72em;
		border-top: dashed 0.08em #b0b0b0;
	}
	.race li:nth-of-type(2):after{
		content: none;
	}
}
.btn-final.btn-main {
	margin-top: 2em;
}
.btn-final.btn-main a{
	background-image: url(../img/btn_final_overview.png);
}
p.caution{
	margin: 1em 1em 0;
}
@media screen and ( min-width : 960px ) {
	p.caution{
		margin: 1em 2.2em 0;
	}
}