@charset "utf-8";
section > *{
	padding-left: 0;
	padding-right: 0;
}

/*section mainvisual -------------------------------------------------*/
section#mainvisual {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding: 0;
	margin-top: 0;
	background-color: #444;
	border-width: 0;
}
section#mainvisual > *{
	z-index: 20;
}
section#mainvisual .mv{
	width: 100%;
	height: 33.93em;
	text-align: center;
    position: relative;
}
section#mainvisual .mv .ttl{
    background-image: url(../img/main_visual_logo.png) , url(../img/main_visual_text_sp.png);
    background-size: 100% auto, 100% auto;
    background-position: top 7.0rem center, top center;
    background-repeat: no-repeat;
	text-indent: -9999em;
    position: absolute;
    width: 100%;
    height: 100%;
}
section#mainvisual .mv .ttl.full{
	background-position: top 8rem center, top center;
}
section#mainvisual .mv picture{
    position: absolute;
    width: 100%;
    left: 0;
    top: 23em;
}
section#mainvisual .mv picture.full{
	top: 26em;
}
section#mainvisual .mv p#copy,
section#mainvisual .mv h2,
section#mainvisual .mv p#entry{
	text-indent: -9999px;
	display: none;
}
section#mainvisual .mv a{
    display: block;
	width: 13.92em;
    height: 3.36em;
	margin: -4.9em auto 0;
    background-image: url(../img/btn_howtoentry.png);
	background-size: 100% auto;
	background-position: top center;
	text-indent: -9999em;
}
section#mainvisual .mv .btn-viewingentry a{
    background-image: url(../img/btn_final_viewing.png);
    margin-top: 29.30em;
}
@media screen and ( min-width : 960px ) {
	section#mainvisual .mv{
		height: 19.60em;
	}
	section#mainvisual .mv .ttl{
		background-image: url(../img/main_visual_logo.png) , url(../img/main_visual_text_pc.png);
		background-size: 68% auto, 100% auto;
		background-position: top 1.35rem center, top center;
	}
	section#mainvisual .mv .ttl.full{
		background-size: 80% auto, 100% auto;
		background-position: top 1rem center, top center;
	}
	section#mainvisual .mv a{
		width: 9.76em;
		height: 2.36em;
		margin: -3.2em auto 0;
	}
	section#mainvisual .mv .btn-viewingentry a{
		margin-top: 16.80em;
	}
	section#mainvisual .mv picture{
		top: 12.3em;
		padding: 0 5em;
	}
	section#mainvisual .mv picture.full{
		top: 14.3em;
	}
}
section#mainvisual .mv a:hover{
	opacity: 1;
	background-position: bottom center;
}

section#mainvisual .ami{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	background-image: url(../img/main_visual_bg_dot.png);
	background-size: 0.24em;
	background-repeat: repeat;
	background-position: top left;
	top: 0;
	z-index: 10;
	opacity: 0.4;
}
@media screen and ( min-width : 960px ) {
	section#mainvisual .ami{
		background-size: 0.12em;
	}
}

section#mainvisual #paper{
	position: absolute;
	z-index: 5;
	width: 100%;
	height: 100%;
}

section#mainvisual .light{
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	max-width: 100%;
}
section#mainvisual .light span{
	display: inline-block;
	position: absolute;
	background-position: left top;
	background-repeat: no-repeat;
    transform-origin: center bottom;
}
section#mainvisual .light span:nth-of-type(1){
	top: -10.32em;
	left: 10em;
	width: 4.48em;
	height: 40em;
	background-image: url(../img/main_visual_light_sp_1.png);
	background-size: 4.48em auto;
	animation: 16s ease infinite rotation1;
}
@keyframes rotation1{
    0%{ transform:rotate(-10deg); opacity:0.7;}
    50%{ transform:rotate(-30deg); opacity:0.5;}
    100%{ transform:rotate(-10deg); opacity:0.7;}
}
section#mainvisual .light span:nth-of-type(2){
	top: -1.32em;
	left: 18em;
	width: 5.12em;
	height: 32em;
	background-image: url(../img/main_visual_light_sp_2.png);
	background-size: 5.12em auto;
	animation: 30s ease infinite rotation2;
}
@keyframes rotation2{
    0%{ transform:rotate(30deg); opacity:0.7;}
    50%{ transform:rotate(60deg); opacity:0.5;}
    100%{ transform:rotate(30deg); opacity:0.7;}
}
section#mainvisual .light span:nth-of-type(3){
	top: -14.52em;
	left: 15em;
	width: 3.28em;
	height: 44.2em;
	background-image: url(../img/main_visual_light_sp_3.png);
	background-size: 3.28em auto;
	animation: 34s ease infinite rotation3;
}
@keyframes rotation3{
    0%{ transform:rotate(10deg); opacity:0.7;}
    50%{ transform:rotate(50deg); opacity:0.5;}
    100%{ transform:rotate(10deg); opacity:0.7;}
}
@keyframes rotation3pc{
	0%{ transform:rotate(50deg); opacity:0.7;}
	50%{ transform:rotate(10deg); opacity:0.5;}
	100%{ transform:rotate(50deg); opacity:0.7;}
}
section#mainvisual .light span:nth-of-type(4){
	top: -10.76em;
	left: 8em;
	width: 3.08em;
	height: 40.44em;
	background-image: url(../img/main_visual_light_sp_4.png);
	background-size: 3.08em auto;
	animation: 20s ease infinite rotation4;
}
@keyframes rotation4{
    0%{ transform:rotate(-50deg); opacity:0.5;}
    50%{ transform:rotate(-30deg); opacity:0.7; }
    100%{ transform:rotate(-50deg); opacity:0.5; }
}
@keyframes rotation4pc{
	0%{ transform:rotate(-30deg); opacity:0.5;}
	50%{ transform:rotate(-50deg); opacity:0.7; }
	100%{ transform:rotate(-30deg); opacity:0.5; }
}
section#mainvisual .light span:nth-of-type(5){
	top: -12em;
	left: 13.88em;
	width: 2.24em;
	height: 44em;
	background-image: url(../img/main_visual_light_sp_5.png);
	background-size: 2.24em auto;
	animation: 22s ease infinite rotation5;
}
@keyframes rotation5{
    0%{ transform:rotate(-4deg); opacity:0.5;}
    50%{ transform:rotate(20deg); opacity:1;}
    100%{ transform:rotate(-4deg); opacity:0.5;}
}
@media screen and ( min-width : 960px ) {
	section#mainvisual .light span:nth-of-type(1){
		top: -8em;
		left: 12em;
		width: 4.48em;
		height: 24.8em;
		background-image: url(../img/main_visual_light_pc_1.png);
		background-size: 4.48em auto;
	}
	section#mainvisual .light span:nth-of-type(2){
		top: -4em;
		left: 17em;
		width: 3.72em;
		height: 21.6em;
		background-image: url(../img/main_visual_light_pc_2.png);
		background-size: 3.72em auto;
	}
	section#mainvisual .light span:nth-of-type(3){
		top: -9em;
		left: 18em;
		width: 2.24em;
		height: 26.8em;
		background-image: url(../img/main_visual_light_pc_3.png);
		background-size: 2.24em auto;
		animation: 34s ease infinite rotation3pc;
	}
	section#mainvisual .light span:nth-of-type(4){
		top: -8em;
		left: 14em;
		width: 2.64em;
		height: 28em;
		background-image: url(../img/main_visual_light_pc_4.png);
		background-size: 2.64em auto;
		animation: 20s ease infinite rotation4pc;
	}
	section#mainvisual .light span:nth-of-type(5){
		top: -8em;
		left: 16em;
		width: 2.24em;
		height: 24.8em;
		background-image: url(../img/main_visual_light_pc_5.png);
		background-size: 2.24em auto;
	}
}

section#mainvisual .back{
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	max-width: 100%;
	background-image: url(../img/main_visual_bg_sp.jpg);
	background-size: cover;
	overflow: hidden;
}
section#mainvisual .back .text{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
section#mainvisual .back .text span{
	display: block;
	height: 34em;
	background-image: url(../img/main_visual_bg_text_sp_01.png);
	background-size: auto 100%;
	background-position: center;
	transform-origin: center;
	background-repeat: no-repeat;
	transform: scale(1.0);
	transition:all 10ms ease 0s;
}
section#mainvisual .back .text:nth-of-type(2) span{background-image: url(../img/main_visual_bg_text_sp_02.png);}
section#mainvisual .back .text:nth-of-type(3) span{background-image: url(../img/main_visual_bg_text_sp_03.png);}
section#mainvisual .back .text:nth-of-type(4) span{background-image: url(../img/main_visual_bg_text_sp_04.png);}
section#mainvisual .back .text:nth-of-type(5) span{background-image: url(../img/main_visual_bg_text_sp_05.png);}
section#mainvisual .back .text:nth-of-type(6) span{background-image: url(../img/main_visual_bg_text_sp_06.png);}
section#mainvisual .back .text:nth-of-type(7) span{background-image: url(../img/main_visual_bg_text_sp_07.png);}
section#mainvisual .back .text:nth-of-type(8) span{background-image: url(../img/main_visual_bg_text_sp_08.png);}
section#mainvisual .back .text:nth-of-type(9) span{background-image: url(../img/main_visual_bg_text_sp_09.png);}
section#mainvisual .back .text:nth-of-type(10) span{background-image: url(../img/main_visual_bg_text_sp_10.png);}
section#mainvisual .back .text:nth-of-type(11) span{background-image: url(../img/main_visual_bg_text_sp_11.png);}
section#mainvisual .back .text:nth-of-type(12) span{background-image: url(../img/main_visual_bg_text_sp_12.png);}
section#mainvisual .back .text:nth-of-type(13) span{background-image: url(../img/main_visual_bg_text_sp_13.png);}
section#mainvisual .back .text:nth-of-type(14) span{background-image: url(../img/main_visual_bg_text_sp_14.png);}
section#mainvisual .back .text:nth-of-type(15) span{background-image: url(../img/main_visual_bg_text_sp_15.png);}
section#mainvisual .back .text:nth-of-type(16) span{background-image: url(../img/main_visual_bg_text_sp_16.png);}
section#mainvisual .back .text:nth-of-type(17) span{background-image: url(../img/main_visual_bg_text_sp_17.png);}
section#mainvisual .back .text:nth-of-type(18) span{background-image: url(../img/main_visual_bg_text_sp_18.png);}
section#mainvisual .back .text:nth-of-type(19) span{background-image: url(../img/main_visual_bg_text_sp_19.png);}
section#mainvisual .back .text:nth-of-type(20) span{background-image: url(../img/main_visual_bg_text_sp_20.png);}
section#mainvisual .back .text:nth-of-type(21) span{background-image: url(../img/main_visual_bg_text_sp_21.png);}
section#mainvisual .back .text:nth-of-type(22) span{background-image: url(../img/main_visual_bg_text_sp_22.png);}
section#mainvisual .back .text:nth-of-type(23) span{background-image: url(../img/main_visual_bg_text_sp_23.png);}
section#mainvisual .back .text:nth-of-type(24) span{background-image: url(../img/main_visual_bg_text_sp_24.png);}
section#mainvisual .back .text:nth-of-type(25) span{background-image: url(../img/main_visual_bg_text_sp_25.png);}
section#mainvisual .back .text:nth-of-type(26) span{background-image: url(../img/main_visual_bg_text_sp_26.png);}
section#mainvisual .back .text.zoom span{
	transform: scale(1.2);
	transition:all 20000ms ease 0s;
}
@media screen and ( min-width : 960px ) {
	section {
		font-size: 100%;
	}

	section#mainvisual .back{
		background-image: url(../img/main_visual_bg_pc.jpg);
		background-size: auto 100%;
	}
	section#mainvisual .back .text{
		width: 100%;
		height: 19.60em;
		overflow: hidden;
		position: absolute;
	}
	section#mainvisual .back .text span{
		height: 19.60em;
		background-image: url(../img/main_visual_bg_text_pc_01.png);
	}
	section#mainvisual .back .text:nth-of-type(2) span{background-image: url(../img/main_visual_bg_text_pc_02.png);}
	section#mainvisual .back .text:nth-of-type(3) span{background-image: url(../img/main_visual_bg_text_pc_03.png);}
	section#mainvisual .back .text:nth-of-type(4) span{background-image: url(../img/main_visual_bg_text_pc_04.png);}
	section#mainvisual .back .text:nth-of-type(5) span{background-image: url(../img/main_visual_bg_text_pc_05.png);}
	section#mainvisual .back .text:nth-of-type(6) span{background-image: url(../img/main_visual_bg_text_pc_06.png);}
	section#mainvisual .back .text:nth-of-type(7) span{background-image: url(../img/main_visual_bg_text_pc_07.png);}
	section#mainvisual .back .text:nth-of-type(8) span{background-image: url(../img/main_visual_bg_text_pc_08.png);}
	section#mainvisual .back .text:nth-of-type(9) span{background-image: url(../img/main_visual_bg_text_pc_09.png);}
	section#mainvisual .back .text:nth-of-type(10) span{background-image: url(../img/main_visual_bg_text_pc_10.png);}
	section#mainvisual .back .text:nth-of-type(11) span{background-image: url(../img/main_visual_bg_text_pc_11.png);}
	section#mainvisual .back .text:nth-of-type(12) span{background-image: url(../img/main_visual_bg_text_pc_12.png);}
	section#mainvisual .back .text:nth-of-type(13) span{background-image: url(../img/main_visual_bg_text_pc_13.png);}
	section#mainvisual .back .text:nth-of-type(14) span{background-image: url(../img/main_visual_bg_text_pc_14.png);}
	section#mainvisual .back .text:nth-of-type(15) span{background-image: url(../img/main_visual_bg_text_pc_15.png);}
	section#mainvisual .back .text:nth-of-type(16) span{background-image: url(../img/main_visual_bg_text_pc_16.png);}
	section#mainvisual .back .text:nth-of-type(17) span{background-image: url(../img/main_visual_bg_text_pc_17.png);}
	section#mainvisual .back .text:nth-of-type(18) span{background-image: url(../img/main_visual_bg_text_pc_18.png);}
	section#mainvisual .back .text:nth-of-type(19) span{background-image: url(../img/main_visual_bg_text_pc_19.png);}
	section#mainvisual .back .text:nth-of-type(20) span{background-image: url(../img/main_visual_bg_text_pc_20.png);}
	section#mainvisual .back .text:nth-of-type(21) span{background-image: url(../img/main_visual_bg_text_pc_21.png);}
	section#mainvisual .back .text:nth-of-type(22) span{background-image: url(../img/main_visual_bg_text_pc_22.png);}
	section#mainvisual .back .text:nth-of-type(23) span{background-image: url(../img/main_visual_bg_text_pc_23.png);}
	section#mainvisual .back .text:nth-of-type(24) span{background-image: url(../img/main_visual_bg_text_pc_24.png);}
	section#mainvisual .back .text:nth-of-type(25) span{background-image: url(../img/main_visual_bg_text_pc_25.png);}
	section#mainvisual .back .text:nth-of-type(26) span{background-image: url(../img/main_visual_bg_text_pc_26.png);}
	_:lang(x)::-ms-backdrop, section#mainvisual .back div:first-of-type span{
		display: block;
	}
}

/* popup */
.mfp-bg.mfp-ready{
	overflow-y: scroll;
	position: fixed!important;
}
.howtoentry{
    z-index: 10;
    position: absolute;
    top: 34em;
    width: 100%;
}
#popup-howtoentry{
	display: none;
	width: calc(100vw - 10em);
}
.mfp-content #popup-howtoentry{
	display: block;
	position: relative;
	padding: 1.6em 0;
}
#popup-howtoentry .mfp-close:before,
#popup-howtoentry .mfp-close:after {
	content: none;
}
@media screen and ( min-width : 960px ) {
	.mfp-bg.mfp-ready{
		overflow-y: hidden;
	}
	.mfp-wrap.popup-howtoentry-wrap{
		margin-left: 100px;
	}
	.gallery-arrow{
		margin-top: -4.1em;
		background-size: auto 2.6em;
	}
	.howtoentry{
		top: 19.7em;
	}
	#popup-howtoentry{
		width: 500px;
	}
	#popup-howtoentry ul{
		font-size: 75%;
		max-height: 75vh;
	}
	@-moz-document url-prefix() {
		#popup-howtoentry ul{
			padding-bottom: 0;
		}
		#popup-howtoentry ul::after{
			content: "";
			display: block;
			height: 2.4em;
			width: 1px;
		}
	}
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content{
	width: auto;
}
.mfp-inline-holder .close .mfp-close{
	right: auto;
	top: auto;
	text-indent: 0;
	position: relative;
	width: 7em;
	background-color: #696969;
    height: 2.2em;
    line-height: 2.2em;
	text-align: center;
	margin: 0.8em auto 0;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	border-bottom: 0.16em solid #3e3e3e;
}
.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.mfp-bg.mfp-ready {
	opacity: 0.9;
}
.mfp-bg.mfp-removing {
	opacity: 0;
}
.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

/* slider howtoentry */
.howtoentry-slider{
	padding-bottom: 0.8em;
	background:linear-gradient(-180deg, #a8a7a4 0%, #a8a7a4 11%, #e5e5e5 11%, #e5e5e5 100%);
	border: solid 0.16em #a8a7a4;
}
@media screen and ( min-width : 960px ) {
	.howtoentry-slider{
		background:linear-gradient(-180deg, #a8a7a4 0%, #a8a7a4 15%, #e5e5e5 15%, #e5e5e5 100%);
	}
}
.howtoentry-slider > h4,
.howtoentry-slider > .howtoentry-slider-box li[class^="step-"] p{
	height: 1.68em;
	margin-top: 0.24em;
	background-image: url(../img/top_howtoenty_mdl_slide.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 17.8em auto;
	text-indent: -9999px;
}
.howtoentry-slider > .howtoentry-slider-box li[class^="step-"] p{
	height: 1em;
	margin-top: 0.08em;
	background-position-y: -1.68em;
}
.howtoentry-slider > .howtoentry-slider-box li[class^="step-"]:nth-of-type(2) p{
	background-position-y: -2.68em;
}
.howtoentry-slider > .howtoentry-slider-box li[class^="step-"]:nth-of-type(3) p{
	background-position-y: -3.68em;
}
.howtoentry-slider > .howtoentry-slider-box li[class^="step-"]:nth-of-type(4) p{
	background-position-y: -4.68em;
}
.howtoentry-slider > .howtoentry-slider-box li[class^="step-"] .slide-img{
	margin: 1.56em auto 0;
	width: 17.8125em;
    height: 21.875em;
	background-image: url(../img/top_howtoenty_mdl_slide.png);
    background-repeat: no-repeat;
    background-size: 170% auto;
    background-position-y: -10.3em;
    background-position-x: center;
    text-indent: -9999px;
}
.howtoentry-slider > .howtoentry-slider-box li[class^="step-"]:nth-of-type(2) .slide-img{
	background-position-y: -34em;
}
.howtoentry-slider > .howtoentry-slider-box li[class^="step-"]:nth-of-type(3) .slide-img{
	background-position-y: -56.5em;
}
.howtoentry-slider > .howtoentry-slider-box li[class^="step-"]:nth-of-type(4) .slide-img{
	background-position-y: -105em;
}
@media screen and ( min-width : 960px ) {
	.howtoentry-slider > .howtoentry-slider-box li[class^="step-"] .slide-img{
		margin: 1.56em auto 0;
		width: 17.8125em;
		height: 12.875em;
		background-image: url(../img/top_howtoenty_mdl_slide.png);
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position-y: -6em;
		text-indent: -9999px;
	}
	.howtoentry-slider > .howtoentry-slider-box li[class^="step-"]:nth-of-type(2) .slide-img{
		background-position-y: -20em;
	}
	.howtoentry-slider > .howtoentry-slider-box li[class^="step-"]:nth-of-type(3) .slide-img{
		background-position-y: -33.2em;
	}
	.howtoentry-slider > .howtoentry-slider-box li[class^="step-"]:nth-of-type(4) .slide-img{
		background-position-y: -46.4em;
	}
}

.howtoentry-slider > .howtoentry-slider-box li[class^="step-"] figcaption{
	margin-top: 0.6em;
	font-size: 0.8em;
	text-align: center;
}
.howtoentry-slider .slick-arrow {
	position: absolute;
	top: 7.36em;
	z-index: 10;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	display: block;
    width: 4.65em;
	height: 10.8em;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
    background-size: 2.4em auto;
	background-repeat: no-repeat;
	background-position-y: 4.1em;
	font-size: inherit;
}
@media screen and ( min-width : 960px ) {
	.howtoentry-slider .slick-arrow {
		top: 2.36em;
	}
}
.howtoentry-slider .slick-arrow.slick-prev{
	left: -5.68em;
	background-image: url(../img/top_howtoenty_mdl_arrow_left.png);
	background-position-x: right;
}
.howtoentry-slider .slick-arrow.slick-next{
	right: -5.68em;
	background-image: url(../img/top_howtoenty_mdl_arrow_right.png);
	background-position-x: left;
}
.howtoentry-slider .slick-dots{
	text-align: center;
    height: 1.2em;
}
.howtoentry-slider .slick-dots li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 0.72em;
	height: 0.72em;
	margin: 0 0.4em;
	padding: 0;
	cursor: pointer;
}
.howtoentry-slider .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 0.72rem;
	height: 0.72rem;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border-width: 0;
	outline: none;
	background: #5b5b5b;
	border-radius: 0.72rem;
}
.howtoentry-slider .slick-dots li.slick-active button {
	background: #b98310;
}

/*common -------------------------------------------------*/
section .btn-rankreward{
	margin: 0.8em auto 0;
	width: 100%;
	text-align: center;
}
section .btn-rankreward a{
    display: inline-block;
	margin: auto 0.5rem;
	width: 11.52em;
	height: 2.6em;
	background-image: url(../img/btn_rankreward.png);
	background-position-x: center;
	background-position-y: top;
	background-repeat: no-repeat;
	background-size: 11.52em auto;
}
section .btn-rankreward a.qualifier{
	background-image: url(../img/btn_qualifierreward.png);
	background-position-x: center;
	background-position-y: top;
	background-repeat: no-repeat;
	background-size: 11.52em auto;
}
section .btn-rankreward a.final{
	background-image: url(../img/btn_finalreward.png);
	background-position-x: center;
	background-position-y: top;
	background-repeat: no-repeat;
	background-size: 11.52em auto;
}
section .btn-rankreward a p {
	text-indent: -9999px;
}
@media screen and ( min-width : 960px ) {
	section .btn-rankreward{
		font-size: 200%;
	}
	section .btn-rankreward a:hover{
		opacity: 1;
		background-position-y: -2.72em;
	}
}
.popup-rankrewad-common{
	display: none;
	width: calc(100vw - 2em);
}
.mfp-content .popup-rankrewad-common{
	display: block;
	position: relative;
	padding: 1.6em 0;
}
.popup-rankrewad-common > div:first-of-type{
	padding-bottom: 0.8em;
	background-color: #e5e5e5;
}
#popup-tournament-priority.popup-rankrewad-common > div:first-of-type,
#popup-tournament-qualifier.popup-rankrewad-common > div:first-of-type{
	padding-bottom: 0;
}
.popup-rankrewad-common > div > h4{
	height: 2.4em;
	background-color: #a8a7a4;
	background-image: url(../img/top_rankreward_mdl_text.png);
	background-position-x: center;
	background-position-y: 0.46em;
	background-repeat: no-repeat;
	background-size: 18em auto;
	text-indent: -9999px;
}
#popup-qualifierreward.popup-rankrewad-common > div > h4{
	background-position-y: -1.94em;
}
#popup-finalrankreward.popup-rankrewad-common > div > h4{
	background-position-y: -3.8em;
}
.popup-rankrewad-common .rew-list,
.popup-rankrewad-common .rew-list ~ aside{
    margin-top: 0.8em;
    padding-left: 0.8em;
    padding-right: 0.8em;
}
.popup-rankrewad-common .rew-list ~ aside{
	margin-top: 0.8em
}
.popup-rankrewad-common .rew-list > li {
	display: flex;
	align-items:stretch;
    margin-top: 0.24em;
}
.popup-rankrewad-common .rew-list > li h4{
	background-color: #aeaeae;
    display: flex;
}
.popup-rankrewad-common .rew-list > li:nth-child(2) h4{
	background-position-x: center;
}
.popup-rankrewad-common .rew-list > li:nth-child(3) h4{
	background-position-x: right;
}
.popup-rankrewad-common .rew-list > li h4 span{
	display: block;
	text-indent: -9999px;
	background-image: url(../img/top_rankreward_mdl_rank.png);
	background-repeat: no-repeat;
    background-size: 9.28em auto;
    background-position-x: center;
    width: 9.28em;
	height: 100%;
    align-self: center;
}
.popup-rankrewad-common .rew-list > li:nth-child(2) h4 span{
	background-position-y: -4.4em;
}
#popup-finalrankreward.popup-rankrewad-common .rew-list > li:nth-child(2) h4 span{
	background-position-y: -7.8em;
}
.popup-rankrewad-common .rew-list > li:nth-child(3) h4 span{
	background-position-y: -8.8em;
}
#popup-finalrankreward.popup-rankrewad-common .rew-list > li:nth-child(3) h4 span{
	background-position-y: -15em;
}
.popup-rankrewad-common .rew-list > li:nth-child(4) h4 span{
	background-position-y: -13.0em;
}
.popup-rankrewad-common .rew-list > li:nth-child(5) h4 span{
	background-position-y: -17.4em;
}
.popup-rankrewad-common .rew-list > li:nth-child(6) h4 span{
	background-position-y: -21.8em;
}
.popup-rankrewad-common .rew-list > li:nth-child(7) h4 span{
	background-position-y: -26.2em;
}
.popup-rankrewad-common .rew-list > li:nth-child(8) h4 span{
	background-position-y: -30.6em;
}
.popup-rankrewad-common .rew-list > li:nth-child(9) h4 span{
	background-position-y: -34.6em;
}
#popup-qualifierreward.popup-rankrewad-common .rew-list > li h4 span{
	background-image: url(../img/top_qualifierreward_mdl_rank.png);
}
#popup-qualifierreward.popup-rankrewad-common .rew-list > li:nth-child(1) h4 span{
	background-position-y: -0.2em;
}
#popup-qualifierreward.popup-rankrewad-common .rew-list > li:nth-child(2) h4 span{
	background-position-y: -9.8em;
}
#popup-qualifierreward.popup-rankrewad-common .rew-list > li:nth-child(3) h4 span{
	background-position-y: -19.4em;
}
#popup-qualifierreward.popup-rankrewad-common .rew-list > li:nth-child(4) h4 span{
	background-position-y: -28.4em;
	height: 4rem;
}
#popup-qualifierreward.popup-rankrewad-common .rew-list > li:nth-child(5) h4 span{
	background-position-y: -31.6em;
	height: 4rem;
}
#popup-qualifierreward.popup-rankrewad-common .rew-list > li:nth-child(6) h4 span{
    background-position-y: -35em;
    height: 3rem;
}
#popup-qualifierreward.popup-rankrewad-common .rew-list > li:nth-child(7) h4 span{
    background-position-y: -38.2em;
    height: 2rem;
}
#popup-qualifierreward.popup-rankrewad-common .rew-list > li:nth-child(8) h4 span{
    background-position-y: -40.2em;
    height: 2rem;
	background-position-y: -42.4em;
}
#popup-qualifierreward.popup-rankrewad-common .rew-list > li:nth-child(9) h4 span{
	background-position-y: -42.4em;
	height: 2rem;
	background-position-y: -44.6em;
}
#popup-qualifierreward.popup-rankrewad-common .rew-list > li:nth-child(10) h4 span{
	background-position-y: -44.6em;
    height: 2rem;
    background-position-y: -46.8em;
}
#popup-qualifierreward.popup-rankrewad-common .rew-list > li:nth-child(11) h4 span{
    background-position-y: -46.8em;
    height: 2rem;
}
#popup-finalrankreward.popup-rankrewad-common .rew-list > li h4 span{
	background-image: url(../img/top_finalrankreward_mdl_rank.png);
}
#popup-finalrankreward.popup-rankrewad-common .rew-list > li:nth-child(4) h4 span{
	background-position-y: -22.5em;
    height: 3rem;
}
#popup-finalrankreward.popup-rankrewad-common .rew-list > li:nth-child(5) h4 span{
	background-position-y: -25.5em;
    height: 3rem;
}
#popup-finalrankreward.popup-rankrewad-common .rew-list > li:nth-child(6) h4 span{
    background-position-y: -28.5em;
    height: 2.5rem;
}
#popup-finalrankreward.popup-rankrewad-common .rew-list > li:nth-child(7) h4 span{
	background-position-y: -37.2em;
	height: auto;
}
#popup-finalrankreward.popup-rankrewad-common .rew-list > li:nth-child(8) h4 span{
	background-position-y: -35.8em;
	height: auto;
}
.popup-rankrewad-common .rew-list > li ul{
    background-color: rgba(255,255,255,0.35);
    display: block;
    flex: 1 0 auto;
	padding: 1.27em 0 1.27em 0.4em;
    font-size: 0.9em;
    line-height: 1.2rem;
	border: 0.16em solid #aeaeae;
	border-left-width: 0;
    max-width: calc(100% - 10.2em);
}
#popup-qualifierreward.popup-rankrewad-common .rew-list > li ul{
    padding: 0.8em 0 0.4em 0.4em;
}
#popup-finalrankreward.popup-rankrewad-common .rew-list > li ul{
    padding: 0.4em 0 0.4em 0.4em;
}
.popup-rankrewad-common .rew-list > li:nth-child(1) ul{
	border-color: #e3d6a7;
}
.popup-rankrewad-common .rew-list > li:nth-child(2) ul{
	border-color: #c9c9c9;
}
.popup-rankrewad-common .rew-list > li:nth-child(3) ul{
	border-color: #e2cab9;
}
.popup-rankrewad-common #fin .rew-list li h4{
    flex: 1 0 49%;
}
.popup-rankrewad-common #fin .rew-list li ul{
    flex: 1 0 51%;
}
.popup-rankrewad-common .rew-list > li ul li{
	text-indent: -1em;
	padding-left: 1em;
}
.popup-rankrewad-common .rew-list > li ul li::before{
	content:"・";
}
.popup-rankrewad-common .rew-list > li ul li.caution::before{
	content:"　";
}
.popup-rankrewad-common .mfp-close:before,
.popup-rankrewad-common .mfp-close:after {
	content: none;
}
@media screen and ( min-width : 960px ) {
	.popup-rankrewad-common{
		width: 700px;
	}
}

/*section notice -------------------------------------------------*/
section#notice{
	background-color: #e5e5e5;
	border-bottom: 0;
	padding-top: 0;
	padding-left: 0.8em;
	padding-right: 0.8em;
}

section#notice > h3 {
	background-image: url(../img/sub_ttl.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 22.36em auto;
	height: 1.2em;
	width: 100%;
	margin-top: 2.4em;
	border-bottom: 0.16em solid;
	padding: 0.8em 0 0.8em;
}
section#notice ul{
	margin-top: 0.8em;
	padding-left: 0.8em;
	padding-right: 0.8em;
	background-color: #efefef;
}
section#notice ul li{
	display: none;
	position: relative;
	padding: 0.4em 0 0.9em;
	color: #3e3e3e;
}
section#notice ul li:not(:first-of-type){
	border-top: dotted 0.08em #d1d1d1;
}
section#notice ul li:first-of-type,
section#notice ul li:nth-of-type(2),
section#notice ul li:nth-of-type(3),
section#notice ul li:nth-of-type(4),
section#notice ul li:nth-of-type(5){
	display: block;
}
section#notice ul li.show{
	display: block;
}

section#notice ul li.new::before{
    display: inline-block;
	content:"NEW";
	color: #fff;
	background-color: #db0000;
    margin-right: 0.4em;
    padding: 0 0.12em 0 0.29em;
    font-size: 0.75em;
    font-weight: bold;
    letter-spacing: 0.14em;
	line-height: 1.25;
}
section#notice ul li time{
    font-size: 0.95em;
    line-height: 1.5;
}
section#notice ul li h4{
    line-height: 1.2em;
    font-size: 1.14em;
    font-weight: bold;
    display: block;
    padding-top: 0.24em;
}
section#notice div#notice-open{
	margin: 0.8em auto 0;
}
section#notice div#notice-open p {
	background-color: #676767;
	box-shadow: inset 0 -0.16em 0 0 #3e3e3e;
	width: 100%;
	height: 2.56em;
	cursor: pointer;
	color: #fff;
	text-align: center;
	padding-top: 0.6em;
	font-weight: bold;
	letter-spacing: 0.3em;
}
@media screen and ( min-width : 960px ) {
	section#notice{
		padding: 0 3.2em 3.2em;
		font-size: 50%;
	}
	section#notice > h3 {
		font-size: 170%;
		margin-top: 1.8em;
		padding-bottom: 0.85em;
		border-width: 0.1em;
	}
	section#notice ul li {
		padding: 0.49em 0 0.53em;
	}
	section#notice ul li:not(:first-of-type){
		border-top: dotted 0.16em #d1d1d1;
	}
	section#notice ul li:nth-of-type(2){
		margin-top: 0;
	}
	section#notice ul li:nth-of-type(2n){
		margin-left: 0.16em;
	}
	section#notice ul li.new::before{
		padding: 0.01em 0.3em 0 0.5em;
		font-size: 0.9em;
		letter-spacing: 0.07em;
		margin-right: 0.6em;
		line-height: 1.25;
	}
	section#notice ul li time{
		font-size: 1.14em;
		margin-right: 0.6em;
	}
	section#notice ul li h4{
		font-size: 1.28em;
		padding-top: 0.1em;
	}
	section#notice div#notice-open{
		margin-top: 0.8em;
	}
	section#notice div#notice-open p{
		font-size: 1.2em;
		padding-top: 0.4em;
		height: 2.1em;
		-webkit-transition: opacity .2s ease;
		-ms-transition: opacity .2s ease;
		-moz-transition: opacity .2s ease;
		transition: opacity .2s ease;
	}
	section#notice div#notice-open p:hover{
		opacity: 0.75;
	}
}

/*section about -------------------------------------------------*/
section#about{
    padding-top: 2.6em;
	background-image: url(../img/top_about_bg_sp.jpg);
	background-size: cover;
	background-position: stop center;
	background-repeat: no-repeat;
	background-color: #113641;
}
section#about h3 {
	z-index: 10;
	position: relative;
	background-image: url(../img/sub_ttl.png);
	background-position: top -1.48em center;
	background-repeat: no-repeat;
	background-size: 22.5em auto;
	height: 3.36em;
	margin: -0.55em auto 0;
}
section#about .description{
	padding: 6.7em 0.8em 0;
	height: 30.9em;
	width: 100vw;
	margin: -5em 0 0;
}
section#about .description p {
	text-indent: -9999px;
	background-image: url(../img/top_about_description.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	height: 8.96em;
	width: 100%;
	margin: auto;
}

@media screen and ( min-width : 960px ) {
	section#about{
		padding-top: 2.8em;
		font-size: 50%;
		background-image: url(../img/top_about_bg_pc.jpg);
		background-size: cover;
		background-position: top center;
	}
	section#about .description{
		width: 64em;
		height: 17.92em;
		margin: 1.1em 0 0 0;
		padding: 0;
	}
	section#about h3 {
		font-size: 200%;
	}
	section#about .description p {
		height: 17.92em;
	}
}
section#about .rule.rule-schedule h4::after{
	background-position-y: -2.82em;
}
section#about .rule-schedule {
	padding-left: 0.8em;
	padding-right: 0.8em;
    padding-top: 2.4em;
}

section#about .rule-schedule .tab-schedule.ui-widget-content,
section#about .rule-schedule .tab-schedule ul.ui-widget-header,
section#about .rule-schedule .tab-schedule ul.ui-widget-header > li{
	padding: 0;
	background: transparent;
	border: none;
	font-family: inherit;
}
section#about .rule-schedule .tab-schedule.ui-widget-content{
	font-size: 100%;
}

section#about .rule-schedule .tab-schedule{
	margin: 1.2em 0.8em 0;
}
section#about .rule-schedule .tab-schedule > ul{
	display: flex;
	justify-content: space-between;
}
section#about .rule-schedule .tab-schedule > ul > li {
	display: flex;
	flex-grow: 1;
	position: relative;
	top: 0.16em;
	height: 2.08em;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
section#about .rule-schedule .tab-schedule > ul > li:not(:first-of-type) {
	margin-left: 0.16em;
}
section#about .rule-schedule .tab-schedule > ul > li a {
	display: flex;
	flex-grow: 1;
	font-size: 0;
	line-height: 0;
	height: 2.08rem;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border-width: 0;
	outline: none;
	background-color: #696969;
	background-image: url(../img/top_about_schedule_month.png);
	background-position: center bottom -5.5rem;
	background-position: center bottom -3.5rem;
	background-size: 2.48rem auto;
	background-repeat: no-repeat;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
	content: none;
}
section#about .rule-schedule .tab-schedule ul li:nth-of-type(2) a {
	background-position: center bottom -1.6rem;
}
section#about .rule-schedule .tab-schedule ul li:nth-of-type(3) a {
	background-position: center bottom 0.4rem;
}
section#about .rule-schedule .tab-schedule ul li:nth-of-type(4) a {
	background-position: center bottom 0.4rem;
}
section#about .rule-schedule .tab-schedule ul li.ui-tabs-active {
	top: 0;
	height: 2.24em;
}
section#about .rule-schedule .tab-schedule ul li.ui-tabs-active a {
	height: 2.24rem;
	background-color: #528830;
}
section#about .rule-schedule .tab-schedule .month-sep,
section#about .rule-schedule .tab-schedule .month-oct,
section#about .rule-schedule .tab-schedule .month-nov,
section#about .rule-schedule .tab-schedule .month-dec{
	padding: 0 0.84em 0 0.74em;
}
section#about .rule-schedule .tab-schedule .wrapper{
	background-color: #fff;
	border: solid 0.16rem #528830;
}
section#about .rule-schedule .tab-schedule ol li{
	padding: 1.20em 0 0.95em;
}
section#about .rule-schedule .tab-schedule ol li:not(:first-of-type){
	border-top: dashed 0.08em #b0b0b0;
}
section#about .rule-schedule .tab-schedule ol li dl dt{
	border-left: 0.27em solid;
	border-color: #b96b26;
    text-indent: 0.32em;
    line-height: 1.15;
}
section#about .rule-schedule .tab-schedule ol li dl dd{
	font-weight: bold;
    margin-top: 0.60em;
    padding: 0 0.60em;
    font-size: 0.95em;
}
@media screen and ( min-width : 960px ) {
	section#about .rule-schedule .tab-schedule {
		margin-top: 0.82em;
	}
	section#about .rule-schedule .tab-schedule.ui-widget-content{
		font-size: 2em;
		padding: 0 1.26em 0;
	}
	section#about .rule-schedule .tab-schedule ul li a {
		opacity: 1;
	}
}

/*tab overview -------------------------------------------------*/
#overview{
	/* padding-top: 3.2em; */
	position: relative;
	background-color: #2e2e2e;
}
@media screen and ( min-width : 960px ) {
	#overview{
		/* padding-top: 2.4em; */
	}
}
.page-nav {
	z-index: 11;
	top: 0;
}
.page-nav ul{
	display: flex;
	flex-wrap: wrap;
}
.page-nav ul li{
	flex: 1 0 20%;
	margin: 0 0 0.48em 0.16em;
	background-color: transparent;
	box-shadow: none;
}
.page-nav ul li:hover{
	background-color: transparent;
	margin-top: 0;
	margin-bottom: 0.48em;
}
.page-nav ul li:nth-of-type(2){
	margin-right: 0;
}
.page-nav ul li:first-of-type,
.page-nav ul li:nth-of-type(5){
	margin-left: 0;
}
.page-nav ul li:nth-of-type(5),
.page-nav ul li:nth-of-type(6),
.page-nav ul li:nth-of-type(7){
	margin-bottom: 0.16em;
}
.page-nav ul li a{
	display: flex;
	align-items:center;
	justify-content:center;
	text-decoration: none;
	background-color: #41841d;
	box-shadow: 0 0.16em 0 0 #2d6211;
	-webkit-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}
.page-nav ul li a::after{
    background-image: url(../img/page_nav_top.png);
	margin-top:0;
}
.page-nav ul li:nth-of-type(2) a::after{
	background-position-y: -1.6em;
}

.page-nav ul li a.active,
.page-nav ul li a:hover{
	background-color: #2d6211;
	margin-top: 0.16em;
	margin-bottom: -0.16em;
	box-shadow: none;
}
.page-nav ul li a.active:hover{
	opacity: 1;
}
.page-nav ul li.now{
	margin-top: 0;
	background-color: transparent;
}
@media screen and ( min-width : 960px ) {
	.page-nav{
		font-size: 50%;
	}
}

.tab_content{
	display: none;
}
.tab_content.active{
	display: block;
}
/*section qualifier -------------------------------------------------*/
section#qualifier{
	padding-top: 2.6em;
	padding-left: 0.8em;
	padding-right: 0.8em;
	background-color: #e5e5e5;
    background-image: url(../img/top_qualifier_bg.jpg);
    background-size: 100% auto;
    background-position: top center;
	background-repeat: no-repeat;
	border-bottom-width: 0.8em;
}
.page-nav + .tab_content section#qualifier{
	padding-top: 6.8em;
}
@media screen and ( min-width : 960px ) {
	section#qualifier{
		padding-top: 3.2em;
		font-size: 50%;
		border-bottom-width: 1.6em;
	}
	.page-nav + .tab_content section#qualifier{
		padding-top: 8.2em;
	}
}
section#qualifier h3{
    background-position: top -5.12em center;
}
.rule.rule-race h4::after{
	background-position-y: -4.2em;
}
.rule-race-ttl-01,
.rule-race-ttl-02,
.rule-race-ttl-03{
	margin-top: 0.8rem;
	height: 1.36rem;
	margin-left: 0.8em;
	margin-right: 0.8em;
	background-color: #e5e5e5;
    background-image: url(../img/top_qualifier_race_subttl.png);
    background-size: 4.8rem auto;
    background-position: top -0.1rem center;
	background-repeat: no-repeat;
	background-color: #3e3e3e;
    text-indent: -9999rem;
}
.rule-race-ttl-02{
    background-position: top -1.7rem center;
}
.rule-race-ttl-03{
    background-position: top -3.2rem center;
}
@media screen and ( min-width : 960px ) {
	.rule-race-ttl-01,
	.rule-race-ttl-02,
	.rule-race-ttl-03{
		margin-left: 2.04rem;
		margin-right: 2.04rem;
	}
}
.rule.rule-race ul{
	margin: 0.4rem 0.8em 0;
	padding: 0 0.5em;
	background-color: #fff;
	border: solid 0.16em #b0b0b0;
}
.rule.rule-race ul,
.rule.rule-race ul li dl{
	display: flex;
	flex-wrap: wrap;
}
.rule.rule-race ul li:not(:last-of-type) dl{
	align-items: center;
}
.rule.rule-race ul li{
	flex-basis: 100%;
    padding: 0.4em 0.28em 0.5em;
}
.rule.rule-race ul li:nth-of-type(3),
.rule.rule-race ul li:nth-of-type(4){
	flex-basis: 49%;
}
.rule.rule-race ul li:nth-of-type(1),
.rule.rule-race ul li:nth-of-type(2){
	border-bottom: dashed 0.08em #b0b0b0;
}
.rule.rule-race ul li:last-of-type{
	border-top: dashed 0.08em #b0b0b0;
    padding-top: 0.48em;
    line-height: 1.3;
}
.rule.rule-race ul li dl dt{
	background-color: #3e3e3e;
	width: 3.6em;
	height: 1.2em;
}
.rule.rule-race ul li dl dt {
	background-image: url(../img/top_qualifier_race_text.png);
	background-size: 3.08em auto;
	display: block;
    text-indent: -9999px;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 0.2em;
}
.rule.rule-race ul li:nth-of-type(2) dl dt {
	background-position-y: -0.8em;
}
.rule.rule-race ul li:nth-of-type(3) dl dt {
	background-position-y: -1.8em;
}
.rule.rule-race ul li:nth-of-type(4) dl dt {
	background-position-y: -2.8em;
}
.rule.rule-race ul li:nth-of-type(5) dl dt {
	background-position-y: -3.8em;
}
.rule.rule-race ul li dl dd{
	padding-left: 0.8em;
	font-weight: bold;
}
section#qualifier .rule.rule-race .btn-qualifier-entry.btn-main a{
	background-image: url(../img/btn_howtoentry.png);
}
section#qualifier .rule.rule-race .btn-qualifier-entry.btn-main.btn-qualifier-entry-after a{
	background-image: url(../img/btn_howtoentry_0824.png);
}
section#qualifier .rule.rule-race .btn-qualifier-result.btn-main a{
	background-image: url(../img/btn_qualifier_result.png);
}

@media screen and ( min-width : 960px ) {
	.rule.rule-race ul{
		margin: 0.4rem 2.04em 0;
		padding: 0 0.8em;
		font-size: 2em;
	}
}

section#qualifier .rule.rule-point h4::after{
	background-position-y:-11.04em;
}

.rule.rule-point ul{
	margin: 1.2em 0.8em 0;
	padding: 0;
	background-color: #fff;
	border: solid 0.16em #b0b0b0;
}
.rule.rule-point ul,
.rule.rule-point ul li dl{
	display: flex;
	flex-wrap: wrap;
}
.rule.rule-point ul li:not(:last-of-type) dl{
	align-items: center;
}
.rule.rule-point ul li{
	flex-basis: 100%;
}
.rule.rule-point ul li:not(:nth-of-type(1)){
	border-bottom: solid 0.16em #b0b0b0;
}
.rule.rule-point ul li:last-of-type{
	border-bottom: 0;
}
.rule.rule-point ul li dl dt,
.rule.rule-point ul li dl dd{
	width: 18%;
}
.rule.rule-point ul li dl dt:nth-of-type(odd),
.rule.rule-point ul li dl dd:nth-of-type(odd){
	width: 32%;
}
.rule.rule-point ul li dl dt:not(:nth-of-type(1)),
.rule.rule-point ul li dl dd:not(:nth-of-type(1)){
	border-left: solid 0.16em #b0b0b0;
}
.rule.rule-point ul li dl dt{
	background-color: #3e3e3e;
	height: 1.2em;
	background-image: url(../img/top_qualifier_point_subttl.png);
	background-size: 11rem auto;
	display: block;
    text-indent: -9999px;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: -2.35em;
}
.rule.rule-point ul li dl dt:nth-of-type(even){
	background-position-y: -1.15em;
}
.rule.rule-point ul li dl dd{
    padding: 0.06rem;
    text-align: center;
	font-weight: bold;
}
.rule.rule-point h5{
    margin: 1.2em 0.8rem 0;
	background-color: #3e3e3e;
	height: 1.2em;
	background-image: url(../img/top_qualifier_point_subttl.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-size: 11rem auto;
	text-indent: -9999rem;
    border: #3e3e3e 0.1rem solid;
    box-sizing: content-box;
}
@media screen and ( min-width : 960px ) {
	.rule.rule-point ul{
		margin: 0.88em 2.04em 0;
		font-size: 2em;
	}
	.rule.rule-point h5{
		margin: 0.88em 2.04em 0;
		font-size: 2em;
	}
}
section#final .rule.rule-point ul li dl dt,
section#final .rule.rule-point ul li dl dd{
	width: 50%;
}
section#final .rule.rule-point ul li dl dd:nth-of-type(even){
	color: #b98310;
}

section#qualifier .rule.rule-prim h4::after{
	background-position-y: -5.56em;
}
@media screen and ( min-width : 960px ) {
	section#qualifier .rule.rule-prim figure figcaption {
		font-size: 1.8em;
	}
}

section#qualifier .rule.rule-entry h4::after{
	background-position-y: -6.96em;
}
section#qualifier .rule.rule-entry figure figcaption {
	height: 4em;
	background-color: #a4a4a4;
	background-image: url(../img/top_qualifier_entry_text.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20.64em auto;
    text-indent: -9999px;
}
@media screen and ( min-width : 960px ) {
	section#qualifier .rule.rule-entry figure figcaption {
		font-size: 2em;
	}
}

section#qualifier .rule.rule-entry figure > img {
	margin-top: 0;
}
section#qualifier .rule.rule-conf h4::after{
	background-position-y: -8.28em;
}

section#qualifier .rule.rule-support h4::after{
	background-position-y: -9.68em;
}
section#qualifier .rule.rule-conf-priority h4::after{
	background-position-y: -12.39em;
}
section#qualifier .rule.rule-prim-priority h4::after{
	background-position-y: -13.8em;
}
@media screen and ( min-width : 960px ) {
	section#qualifier .rule.rule-support figure figcaption {
		font-size: 1.8em;
	}
	section#qualifier .rule.rule-prim-priority figure figcaption {
		font-size: 1.8em;
	}
}

/*section final -------------------------------------------------*/
section#final{
	padding-top: 6.8em;
	padding-left: 0.8em;
	padding-right: 0.8em;
	background-color: #e5e5e5;
	background-image: url(../img/top_final_bg_sp.png);
    background-size: 100% auto;
    background-position: top 2.07em center;
	background-repeat: no-repeat;
	border-bottom-width: 0.8em;
}
@media screen and ( min-width : 960px ) {
	section#final{
		padding-top: 8.2em;
		background-image: url(../img/top_final_bg_pc.png);
		font-size: 50%;
		border-bottom-width: 1.6em;
	}
}
section#final h3{
    background-position: top -11.36em center;
}
section#final .description p {
	text-indent: -9999px;
	background-image: url(../img/top_final_description.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	height: 13.68em;
	width: 23.92em;
	margin: 0.85em auto 0;
}
section#final .rule.rule-semifinal h4::after{
	background-position-y: -15.2em;
}
section#final .rule.rule-semifinal figcaption br{
	display: none;
}
section#final .rule.rule-semifinal > ol > li > h5,
section#final .rule.rule-finalrace > ol > li > h5{
	text-indent: -9999px;
	margin: 0 auto;
	width: 26.8em;
	background-color: #3e3e3e;
	background-image: url(../img/top_semifinal_race_num.png);
	background-size: 10.2em auto;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 0.2em;
	height: 1.6em;
}
section#final .rule.rule-semifinal > ol > li > h5{
	margin-top:1.2rem;
}
section#final .rule.rule-semifinal > ol > li > p{
	margin: 0.4em 0.8em 0;
}
section#final .rule.rule-semifinal > ol > li > p strong.fc-bl{
    color: #0197a9;
}
section#final .rule.rule-semifinal > ol > li > p strong.fc-gr{
    color: #41841d;
}
section#final .rule.rule-race.rule-semifinal > ol.point ul{
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	grid-template-rows: repeat(7, 1fr);
	grid-column-gap: 0;
	grid-row-gap: 0;
    border: none;
    background-color: unset;
    text-align: center;
    padding: 0;
}
section#final .rule.rule-semifinal > ol.point ul > li{
	color: #0197a9;
    background-color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    padding: 0;
    line-height: 1.52rem;
	margin-top: 0.16em;
}
section#final .rule.rule-semifinal.rule-race ol.point ul li:nth-of-type(1),
section#final .rule.rule-semifinal.rule-race ol.point ul li:nth-of-type(2),
section#final .rule.rule-semifinal.rule-race ol.point ul li:last-of-type{
	border: none;
}
section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(3n):nth-of-type(-n+19), section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(3n+22):nth-of-type(-n+39), section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(3n+41){
    background-color: #f5f5f5;
}
section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(n+2):nth-of-type(-n+7), section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(n+21):nth-of-type(-n+26), section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(n+40):nth-of-type(-n+45){
    color: #41841d;
}
section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(1),
section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(20),
section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(39){
	color: #fff;
    background-color: #b8830f;
	margin-top: 0;
}
section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(1),
section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(20),
section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(3n+1):nth-of-type(-n+19),
section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(3n+23):nth-of-type(-n+39)
{
	margin-right: 0.16em;
}
section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(1) { grid-area: 1 / 1 / 2 / 4; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(2) { grid-area: 2 / 1 / 3 / 2; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(3) { grid-area: 2 / 2 / 3 / 3; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(4) { grid-area: 2 / 3 / 3 / 4; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(5) { grid-area: 3 / 1 / 4 / 2; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(6) { grid-area: 3 / 2 / 4 / 3; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(7) { grid-area: 3 / 3 / 4 / 4; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(8) { grid-area: 4 / 1 / 5 / 2; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(9) { grid-area: 4 / 2 / 5 / 3; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(10) { grid-area: 4 / 3 / 5 / 4; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(11) { grid-area: 5 / 1 / 6 / 2; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(12) { grid-area: 5 / 2 / 6 / 3; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(13) { grid-area: 5 / 3 / 6 / 4; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(14) { grid-area: 6 / 1 / 7 / 2; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(15) { grid-area: 6 / 2 / 7 / 3; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(16) { grid-area: 6 / 3 / 7 / 4; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(17) { grid-area: 7 / 1 / 8 / 2; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(18) { grid-area: 7 / 2 / 8 / 3; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(19) { grid-area: 7 / 3 / 8 / 4; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(20) { grid-area: 1 / 4 / 2 / 7; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(21) { grid-area: 2 / 4 / 3 / 5; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(22) { grid-area: 2 / 5 / 3 / 6; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(23) { grid-area: 2 / 6 / 3 / 7; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(24) { grid-area: 3 / 4 / 4 / 5; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(25) { grid-area: 3 / 5 / 4 / 6; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(26) { grid-area: 3 / 6 / 4 / 7; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(27) { grid-area: 4 / 4 / 5 / 5; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(28) { grid-area: 4 / 5 / 5 / 6; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(29) { grid-area: 4 / 6 / 5 / 7; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(30) { grid-area: 5 / 4 / 6 / 5; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(31) { grid-area: 5 / 5 / 6 / 6; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(32) { grid-area: 5 / 6 / 6 / 7; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(33) { grid-area: 6 / 4 / 7 / 5; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(34) { grid-area: 6 / 5 / 7 / 6; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(35) { grid-area: 6 / 6 / 7 / 7; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(36) { grid-area: 7 / 4 / 8 / 5; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(37) { grid-area: 7 / 5 / 8 / 6; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(38) { grid-area: 7 / 6 / 8 / 7; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(39) { grid-area: 1 / 7 / 2 / 10; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(40) { grid-area: 2 / 7 / 3 / 8; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(41) { grid-area: 2 / 8 / 3 / 9; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(42) { grid-area: 2 / 9 / 3 / 10; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(43) { grid-area: 3 / 7 / 4 / 8; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(44) { grid-area: 3 / 8 / 4 / 9; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(45) { grid-area: 3 / 9 / 4 / 10; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(46) { grid-area: 4 / 7 / 5 / 8; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(47) { grid-area: 4 / 8 / 5 / 9; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(48) { grid-area: 4 / 9 / 5 / 10; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(49) { grid-area: 5 / 7 / 6 / 8; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(50) { grid-area: 5 / 8 / 6 / 9; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(51) { grid-area: 5 / 9 / 6 / 10; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(52) { grid-area: 6 / 7 / 7 / 8; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(53) { grid-area: 6 / 8 / 7 / 9; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(54) { grid-area: 6 / 9 / 7 / 10; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(55) { grid-area: 7 / 7 / 8 / 8; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(56) { grid-area: 7 / 8 / 8 / 9; }section#final .rule.rule-semifinal > ol.point ul > li:nth-of-type(57) { grid-area: 7 / 9 / 8 / 10; }

section#final .rule.rule-final h4::after{
	background-position-y: -16.6em;
}
section#final .rule.rule-final .btn-finalist.btn-main a{
	background-image: url(../img/btn_finalist.png);
}
section#final .rule.rule-final .btn-finalist.btn-final-result.btn-main a{
	background-image: url(../img/btn_final_result.png);
}
section#final .rule.rule-finalrace,
section#final .rule.rule-point{
	padding-top: 0;
}
section#final .rule.rule-point h5{
	background-image: url(../img/top_final_race_num.png);
    height: 1.6em;
	background-size: 8.8em auto;
	background-position-y: -3em;
}
section#final .rule.rule-finalrace h4::after{
	background-position-y: -4.2em;
}
section#final .rule.rule-finalrace > ol > li{
	margin-top: 1.2em;
}
section#final .rule.rule-finalrace > ol > li > h5{
	background-image: url(../img/top_final_race_num.png);
	background-size: 8.8em auto;
}
section#final .rule.rule-semifinal > ol.point > li > h5,
section#final .rule.rule-finalrace > ol > li:nth-of-type(2) > h5{
	background-position-y: -1.4em;
}
section#final .rule.rule-finalrace > ol > li:nth-of-type(3) > h5{
	background-position-y: -3em;
}
section#final .rule.rule-finalrace > ol > li > ul{
	margin-top: 0.4em;
}

section#final .rule.rule-point h4::after{
	background-position-y: -11.04em;
}
section#final .rule.rule-point ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(12, 1fr);
	grid-column-gap: 0.16em;
	grid-row-gap: 0.16em;
    border: none;
    background-color: unset;
    text-align: center;
    padding: 0;
	margin-top: 0.4em;
}

section#final .rule.rule-point ul > li{
    background-color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    padding: 0;
    line-height: 1.52rem;
    height: 1.52rem;
	border: none;
}
section#final .rule.rule-point ul li:nth-of-type(1),
section#final .rule.rule-point ul li:nth-of-type(2),
section#final .rule.rule-point ul li:last-of-type{
	border: none;
}
section#final .rule.rule-point ul > li:nth-of-type(n+14){
	color: #b8830f;
}
section#final .rule.rule-point ul > li:nth-of-type(1), section#final .rule.rule-point ul > li:nth-of-type(13), section#final .rule.rule-point ul > li:nth-of-type(25){
	color: #fff;
    background-color: #b8830f;
	margin-top: 0;
    font-weight: normal;
}
section#final .rule.rule-point ul li:nth-of-type(1) { grid-area: 1 / 1 / 2 / 2;}section#final .rule.rule-point ul li:nth-of-type(2) { grid-area: 2 / 1 / 3 / 2;}section#final .rule.rule-point ul li:nth-of-type(3) { grid-area: 3 / 1 / 4 / 2;}section#final .rule.rule-point ul li:nth-of-type(4) { grid-area: 4 / 1 / 5 / 2;}section#final .rule.rule-point ul li:nth-of-type(5) { grid-area: 5 / 1 / 6 / 2;}section#final .rule.rule-point ul li:nth-of-type(6) { grid-area: 6 / 1 / 7 / 2;}section#final .rule.rule-point ul li:nth-of-type(7) { grid-area: 7 / 1 / 8 / 2;}section#final .rule.rule-point ul li:nth-of-type(8) { grid-area: 8 / 1 / 9 / 2;}section#final .rule.rule-point ul li:nth-of-type(9) { grid-area: 9 / 1 / 10 / 2;}section#final .rule.rule-point ul li:nth-of-type(10) { grid-area: 10 / 1 / 11 / 2;}section#final .rule.rule-point ul li:nth-of-type(11) { grid-area: 11 / 1 / 12 / 2;}section#final .rule.rule-point ul li:nth-of-type(12) { grid-area: 12 / 1 / 13 / 2;}section#final .rule.rule-point ul li:nth-of-type(13) { grid-area: 1 / 2 / 2 / 3;}section#final .rule.rule-point ul li:nth-of-type(14) { grid-area: 2 / 2 / 3 / 3;}section#final .rule.rule-point ul li:nth-of-type(15) { grid-area: 3 / 2 / 4 / 3;}section#final .rule.rule-point ul li:nth-of-type(16) { grid-area: 4 / 2 / 5 / 3;}section#final .rule.rule-point ul li:nth-of-type(17) { grid-area: 5 / 2 / 6 / 3;}section#final .rule.rule-point ul li:nth-of-type(18) { grid-area: 6 / 2 / 7 / 3;}section#final .rule.rule-point ul li:nth-of-type(19) { grid-area: 7 / 2 / 8 / 3;}section#final .rule.rule-point ul li:nth-of-type(20) { grid-area: 8 / 2 / 9 / 3;}section#final .rule.rule-point ul li:nth-of-type(21) { grid-area: 9 / 2 / 10 / 3;}section#final .rule.rule-point ul li:nth-of-type(22) { grid-area: 10 / 2 / 11 / 3;}section#final .rule.rule-point ul li:nth-of-type(23) { grid-area: 11 / 2 / 12 / 3;}section#final .rule.rule-point ul li:nth-of-type(24) { grid-area: 12 / 2 / 13 / 3;}section#final .rule.rule-point ul li:nth-of-type(25) { grid-area: 1 / 3 / 2 / 4;}section#final .rule.rule-point ul li:nth-of-type(26) { grid-area: 2 / 3 / 3 / 4;}section#final .rule.rule-point ul li:nth-of-type(27) { grid-area: 3 / 3 / 4 / 4;}section#final .rule.rule-point ul li:nth-of-type(28) { grid-area: 4 / 3 / 5 / 4;}section#final .rule.rule-point ul li:nth-of-type(29) { grid-area: 5 / 3 / 6 / 4;}section#final .rule.rule-point ul li:nth-of-type(30) { grid-area: 6 / 3 / 7 / 4;}section#final .rule.rule-point ul li:nth-of-type(31) { grid-area: 7 / 3 / 8 / 4;}section#final .rule.rule-point ul li:nth-of-type(32) { grid-area: 8 / 3 / 9 / 4;}section#final .rule.rule-point ul li:nth-of-type(33) { grid-area: 9 / 3 / 10 / 4;}section#final .rule.rule-point ul li:nth-of-type(34) { grid-area: 10 / 3 / 11 / 4;}section#final .rule.rule-point ul li:nth-of-type(35) { grid-area: 11 / 3 / 12 / 4;}section#final .rule.rule-point ul li:nth-of-type(36) { grid-area: 12 / 3 / 13 / 4;}

section#final .rule.rule-item h4::after{
	background-position-y: -17.9em;
}
section#final .rule.rule-reward h4::after{
	background-position-y: -19.3em;
}
section#final .rule.rule-online h4::after{
	background-position-y: -16.08em;
}
@media screen and ( min-width : 960px ) {
	section#final .description p {
		font-size: 190%;
		margin-top: 0.8em;
	}
	section#final .rule.rule-semifinal figcaption{
		font-size: 1.8em;
	}
	section#final .rule.rule-semifinal figcaption br{
		display: block;
	}
	section#final .rule.rule-final figure figcaption,
	section#final .rule.rule-reward figure figcaption,
	section#final .rule.rule-online figure figcaption{
		font-size: 1.8em;
	}
	section#final .rule.rule-final .btn-finalist.btn-main{
		margin-bottom: 0;
	}
	section#final .rule.rule-semifinal > ol > li > h5,
	section#final .rule.rule-finalrace > ol > li > h5{
		font-size: 2em;
		width: 27.1em;
	}
	section#final .rule.rule-semifinal > ol > li,
	section#final .rule.rule-finalrace > ol > li{
		margin-top: 1.6em;
	}
	section#final .rule.rule-semifinal > ol > li > p{
		margin: 0.4rem 2.04rem 0;
		font-size: 1.8em;
		line-height: 1.7em;
	}
	section#final .rule.rule-point table {
		font-size: 2em;
		margin-top: 0.7em;
		padding: 0 1.86em;
	}
}

/*section caution -------------------------------------------------*/
section#caution h3{
    background-position:top -8.32em center;
    height: 2em;
    margin-bottom: 1.2rem;
}

section#caution > *{
	padding-left: 0.8em;
	padding-right: 0.8em;
}

section#caution .list{
	margin-top: 1.68em;
}
section#caution .list div{
	background-color: #fff;
	padding: 0.8em 0.4em 0.8em 0.8em;
}
section#caution .list ul{
	height: 19em;
	overflow-x: hidden;
}
section#caution .list ul li{
	text-indent: -1em;
	padding: 0 0 0.5em 1em;
}
section#caution .list ul li::before{
	content:"・";
}
@media screen and ( min-width : 960px ) {
	section#caution{
		font-size: 50%;
	}
	section#caution .list{
		font-size: 150%;
		padding-left: 2.13333em;
		padding-right: 2.13333em;
		margin-top: 0.48em;
	}
}
@media screen and ( max-width : 960px ) {
	section#caution .list ul::-webkit-scrollbar{
		width: 0.4em;
	}
	section#caution .list ul::-webkit-scrollbar-thumb{
		background: rgba(0, 0, 0, 0.25);
		border-radius: 0.2em;
	}
	section#caution .list ul::-webkit-scrollbar-track-piece:start{
		background: rgba(0, 0, 0, 0.25);
	}
	section#caution .list ul::-webkit-scrollbar-track-piece:end{
		background: rgba(0, 0, 0, 0.25);
	}
}