@charset "utf-8";

/* =======================================================================
	BASE_STYLE
======================================================================= */
html {height:100%;box-sizing: border-box;scroll-padding-top: 70px;}
*, *:before, *:after {box-sizing: inherit;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, code, form, fieldset, legend, input, textarea, 
p, blockquote, th, td{margin:0;padding:0;}
a {outline: none; color:#0055AC;}
img { border:none }
h2,h3,h4,h5,h6 {font-size:100%;	font-weight:normal;}
body{
	width:100%;
	height:100%;
	font-family: "Noto Sans Japanese";
	font-size:15px;
	line-height: 1.5;
	font-weight:500;
	color:#111;
	background:#FFF;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	word-wrap:
	break-word;
}
#wrapper{width:100%;}
.spnone{display:none !important;}

/* Clearfix */
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
/* FadeIn */
.fadeIn {opacity: 0;transition: 1s;}
.fadeIn.is-show{opacity: 1;}

/* =======================================================================
	HEADER
======================================================================= */
header{
	width:100%;
	height:60px;
	line-height:1;
	background:#FFF;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
	position: fixed;
	z-index:999;
}
header .header_inner{
	width:100%;
	display: flex;
	position:relative;
	padding:0;
	margin:0 auto;
}
header .header_inner .header_logo{padding:11px 0 0 15px;}
header .header_inner .header_logo img{
	width:auto;
	height:40px;
}
header .header_inner nav.pc_nav ul{display:none;}
header .header_inner .header_link{display:none;}

/* Drawer */
.el_humburger {
	cursor: pointer;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	pointer-events: auto;
	caret-color: transparent;
	position: fixed;
	top: 19px;
	right: 19px;
	padding:0;
	z-index:100;
}
.el_humburger_wrapper {
	width: 34px;
	display: inline-block;
}
.el_humburger_text.el_humburger_text__close {display: none; }
.js_humburgerOpen .el_humburger_text.el_humburger_text__menu {display: none; }
.js_humburgerOpen .el_humburger_text.el_humburger_text__close {display: block;}
.el_humburger span.el_humburger_bar {
	width: 100%;
	height: 3px;
	background: #333;
	display: block;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	margin: 0 auto 7px;
}
body.js_humburgerOpen span.el_humburger_bar{
	background: #FFF !important;
	margin: 0 auto 8px;
}
.js_humburgerOpen .el_humburger span.el_humburger_bar.top {
	-webkit-transform: translateY(9px) rotate(-45deg);
	-ms-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}
.js_humburgerOpen .el_humburger span.el_humburger_bar.middle {opacity: 0;}
.js_humburgerOpen .el_humburger span.el_humburger_bar.bottom {
	-webkit-transform: translateY(-12px) rotate(45deg);
	-ms-transform: translateY(-12px) rotate(45deg);
	transform: translateY(-12px) rotate(45deg);
}
.el_humburgerButton.el_humburgerButton__close {
	background: #FFF;
}
.el_humburgerButton__close span.el_humburger_bar {
	width: 35px;
	height: 4px;
	display: block;
	margin: 0 auto;
}
.el_humburgerButton__close span.el_humburger_bar.top {
	-webkit-transform: translateY(5px) rotate(-45deg);
	-ms-transform: translateY(5px) rotate(-45deg);
	transform: translateY(5px) rotate(-45deg);
}
.el_humburgerButton__close span.el_humburger_bar.bottom {
	-webkit-transform: translateY(-6px) rotate(45deg);
	-ms-transform: translateY(-6px) rotate(45deg);
	transform: translateY(-6px) rotate(45deg);
}
.navi {
	display:block !important;
	width: 0;
	height: 100%;
	overflow: auto;
	will-change: transform;
	background-color: rgba(15, 15, 15, 0.95);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	transform:translateZ(0) translateX(0%);
	position: fixed;
	top:0;
	right:0;
	padding-top: 20%;
	z-index: 99;
}
.js_humburgerOpen .navi {width: 100%;}
.navi_item {
	font-size: 17px;
	font-weight:600;
	white-space: nowrap;
	margin:0 0 40px 12%;
	padding-left:30px;
	position:relative;
}
.navi_item a{
	color:#FFF;
	text-decoration: none;
	display:block;
	padding:10px 10px 10px 0;
}
.navi_item:before {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 15px;
    height: 3px;
    background-color: #FFF;
    left: 0;
}
.navi_item.op_innerLink {cursor: pointer;}
.navi_item_btn{
	position:relative;
	margin:50px 0 0 12%;
}
.navi_item_btn a{
	width:250px;
	font-size:18px;
	line-height:1;
	font-weight:600;
	text-decoration: none;
	color:#FFF;
	background:#70C100;
	display:inline-block;
	text-align:center;
	border-radius: 8px;
	padding:23px 0 24px 0;
}
.navi_item_btn span.cs{
	width:250px;
	font-size:18px;
	line-height:1;
	font-weight:600;
	text-decoration: none;
	color:#FFF;
	background:#70C100;
	display:inline-block;
	text-align:center;
	border-radius: 8px;
	padding:23px 0 24px 0;
}

/* =======================================================================
	MAIN
======================================================================= */
#wrapper main{width:100%;}
h2{
	font-size:26px;
	font-weight:600;
	line-height:1;
	color:#E62589;
	text-align:center;
	position:relative;
	padding:25px 0 0 0;
}
h2 span{
	font-size:16px;
	color:#111;
	display:block;
	margin:12px 0 0 0;
}

/* MV
------------------------------------------------------------------------*/
section.mv{width:100%;}
section.mv .mv_pc{display:none;}
section.mv .mv_sp{padding-top:61px;}
section.mv .mv_sp img{
	width:100%;
	height:auto;
}

/* OUTLINE
------------------------------------------------------------------------*/
section#outline{
	width:100%;
	border-top:#CCC 1px solid;
	padding:30px 0;
}
section#outline .outline_inner{
	width:90%;
	margin:0 auto;
}
section#outline .outline_inner h3{
	font-size:18px;
	font-weight:600;
	line-height:1;
	color:#E62589;
	border-left:#E62589 6px solid;
	padding:4px 0 4px 10px;
	margin:35px 0 15px 0;
}
section#outline dl{
	width:100%;
	border-bottom: solid 1px #BBB;
	margin:0 auto;
}
section#outline dl dt{
	width:100%;
	font-size:17px;
	font-weight:600;
	border-top: solid 1px #BBB;
	padding:3.5% 3% 2.5% 3%;
	margin:0;
}
section#outline dl dd{
	width:100%;
	padding:0 3% 3.5% 3%;
	margin:0;
}
section#outline dl dd strong{
	font-size:16px;
	display:block;
	margin:5px 0;
}
section#outline dl dd ol{margin:15px 0 0 17px;}
section#outline dl dd ol li{margin-bottom:20px;}
section#outline dl dd a.btnlink{
	width:260px;
	font-size:18px;
	line-height:1;
	font-weight:600;
	text-decoration: none;
	color:#FFF;
	background:#70C100;
	display:block;
	text-align:center;
	border-radius: 8px;
	padding:23px 0 24px 0;
	margin:35px auto 25px auto;
}
section#outline table{
	width:100%;
	line-height:1.7;
	border-collapse:collapse;
	border-spacing:1px;
	border: solid 1px #BBB;
	margin:15px 0;
}
section#outline table th{
	width:13% !important;
	font-size:14px;
	font-weight:600 !important;
	line-height:1.4;
	font-weight:normal;
    background:#f5f5f5;
	border: solid 1px #CCC;
	text-align:center;
	padding:1.5% 2.5%;
}
section#outline table td{
	border: solid 1px #CCC;
	text-align:right;
	padding:1.5% 2.5%;
}
section#outline .notes{
	font-size:13px;
	font-weight:500;
}
section#outline dl dd table th{
	width:25% !important;
	text-align:left;
}
section#outline dl dd table td{
	width:25% !important;
}
div.entry_close{
	width:100%;
	font-size:15px;
	line-height:1;
	font-weight:600;
	text-decoration: none;
	color:#FFF;
	background:#999;
	display:block;
	text-align:center;
	border-radius: 8px;
	padding:20px 15px;
	margin:5px auto 15px auto;
}
/* スコア速報はこちら */
section#outline a.leaderboard{
	width:75%;
	font-size:20px;
	line-height:1;
	font-weight:600;
	text-decoration: none;
	color:#FFF;
	background:#E62589;
	display:block;
	text-align:center;
	border-radius: 8px;
	padding:22px 0;
	margin:0 auto 15px auto;
}

/* PLAYERS
------------------------------------------------------------------------*/
section#players{
	width:100%;
	background:#FAF5F9;
	padding:15px 0 30px 0;
}
section#players .players_inner{
	width:90%;
	margin:0 auto;
}
.players_inner .players_area{
	padding:0;
	margin:35px auto 0 auto;
}
.players_area .players_bx{
	width:100%;
	margin:25px 0;
}
.players_bx h3{
	line-height:1.4;
	color:#FFF;
	font-weight:600;
	background:#222;
	border-left:#E62589 6px solid;
	padding:10px;
}
.players_bx ul{
	list-style-type: none;
	margin-top:10px;
}
.players_bx ul li{
	display:inline-block;
	margin:5px 15px 0 0;
}
.players_inner .players_area span{
	width:100%;
	text-align:center;
	color:#222;
	font-size:22px;
	font-weight:700;
	display:block;
	line-height:1;
	margin:80px auto 50px auto;
}

/* LIVE･ARCHIVE
------------------------------------------------------------------------*/
section#live_archive{
	width:100%;
	text-align:center;
	padding:15px 0 45px 0;
}
section#live_archive h2{
	margin-bottom:30px;
}
section#live_archive h3{
	font-size:20px;
	font-weight:700;
	margin:70px 0 40px 0;
}
section#live_archive iframe{
	width:90%;
	height:210px;
}

/* LEADERBOARD
------------------------------------------------------------------------*/
section#leaderboard{
	width:100%;
	background:#FAF5F9;
	text-align:center;
	padding:15px 0 40px 0;
}
section#leaderboard h2{
	margin-bottom:30px;
}
section#leaderboard iframe{
	width:90%;
	height:400px;
	border:1px;
}

/* NHG2025
------------------------------------------------------------------------*/
section.nhg2025{padding:40px 0;}
section.nhg2025 a{
	width:80%;
	font-size:16px;
	line-height:1.5;
	font-weight:600;
	text-decoration: none;
	color:#FFF;
	background:#E12B8A;
	display:block;
	text-align:center;
	border-radius: 8px;
	padding:15px 0;
	margin:0 auto;
}

/* =======================================================================
	FOOTER
======================================================================= */
footer{
	width:100%;
	text-align:center;
	font-size:12px;
	text-align:center;
	border-top:#AC9DA3 1px solid;
	padding:25px 0;
}