﻿@charset "utf-8";


/* ========================================
リセット
========================================*/
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,var,b,i,
dl dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
img{vertical-align:top;font-size:0;line-height:0;}
sup{font-size:8px;}

div:before,div:after,ul:before,ul:after,ol:before,ol:after,dl:before,dl:after{content:"";display:table;}
div:after,ul:after,ol:after,dl:after{clear:both;}
div,ul,ol,dl{zoom:1;}



/* ========================================
全体
========================================*/
body {
	font-size: 13px;
	line-height: 1.6em;
	color: #666;
	font-family: "Noto Sans Japanese";
	background: #fff;
	min-width: 1200px;
	position: relative;
}

a,
a img {
	-webkit-transition: .2s ease all;
	-moz-transition: .2s ease all;
	-ms-transition: .2s ease all;
	transition: .2s ease all;
}


a:link,
a:visited {
	color: #999;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #999;
	text-decoration: none;
}

a:hover img {
	opacity: .7;
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70);
}


img {
	max-width: 100%;
	height: auto;
}

.spshow,#spshow,.tabshow {display: none !important;}

.c-wrap{
	width: 1080px;
	margin:0 auto;
}

.l-header{
	position: fixed;
	top: 30px;
	right: 30px;
	width: 100%;
	z-index: 30000;
}

.l-header ul{
	float: right;
}

.l-header ul li{
	float: left;
	margin-right: 20px;
}

.c-title1 h3{
  position: relative;
  text-align: center;	
}

.c-title1 h3 span{
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}

.c-title1 h3::before{
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}


.p-top__mainv{
	width: 100%;
	height: 100vh;
	background: url("/files/user/_/lp/lp_20181209/img/1226.jpg") center center / cover no-repeat;
	position: relative;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;


}
.p-top__mainv .icon{
	position: absolute;
	bottom: 10px;
	width: 80px;
	left: 0;
	right: 0;
	margin: auto;
}

.p-top__gameinfo .top{
	background: url("/files/user/_/lp/lp_20181209/img/bg_01.jpg") center center / cover no-repeat;
	padding: 90px 0;
}

.p-top__gameinfo .top .vs{
	text-align: center;	
}

.p-top__gameinfo .top .vs .inner{
	display: inline-block;	
}

.p-top__gameinfo .top .vs p{
	float: left;
}

.p-top__gameinfo .top .vs p.ver{
	font-size:90px;
	font-weight: bold;
	color: #FFF;
	margin:0 30px;
	position: relative;
	top: 30px;
}

.p-top__gameinfo .top .vs p.niigata{
		font-size:90px;
		font-weight: bold;
		line-height: 50%;
		color: #FFF;
		position: relative;
}

.p-top__gameinfo .top .vs p.niigata:before{
	content:"";
	background: url("/files/user/_/lp/lp_20181209/img/logo_03.png") no-repeat center /contain;
	display: inline-block;
	width: 261px;
	height:113px;
	position: absolute;
	left: -261px;
}

.p-top__gameinfo .top .vs p.niigata .text-narrow{
	font-size:30px;
	letter-spacing:-0.1em;
	display: inline-block;
	-webkit-transform: 	scale(0.8,1);
	   -moz-transform: 	scale(0.8,1);
	    -ms-transform: 	scale(0.8,1);
	     -o-transform: 	scale(0.8,1);
	        transform: 	scale(0.8,1);
	text-indent:-0.8em;
}

.p-top__gameinfo .top .vs p.ryukyu{
		font-size:90px;
		font-weight: bold;
		line-height: 50%;
		color: #FFF;
		position: relative;
}

.p-top__gameinfo .top .vs p.ryukyu .text-narrow{
	font-size:28px;
	letter-spacing:-0.1em;
	display: inline-block;
	-webkit-transform: 	scale(0.75,1);
	   -moz-transform: 	scale(0.75,1);
	    -ms-transform: 	scale(0.75,1);
	     -o-transform: 	scale(0.75,1);
	        transform: 	scale(0.75,1);
	text-indent:-0.3em;
}

.p-top__gameinfo .top .vs p.ryukyu:after{
	content:"";
	background: url("/files/user/_/lp/lp_20181209/img/logo_04.png") no-repeat center /contain;
	display: inline-block;
	width: 215px;
	height:166px;
	position: absolute;
	right: -215px;
	top: -40px;
}

.p-top__gameinfo .top .vs p.sanen{
		font-size:90px;
		font-weight: bold;
		line-height: 50%;
		color: #FFF;
		position: relative;
}

.p-top__gameinfo .top .vs p.sanen .text-narrow{
	font-size:28px;
	
	display: inline-block;
	-webkit-transform: 	scale(0.75,1);
	   -moz-transform: 	scale(0.75,1);
	    -ms-transform: 	scale(0.75,1);
	     -o-transform: 	scale(0.75,1);
	        transform: 	scale(0.75,1);
	text-indent:0em;
}

.p-top__gameinfo .top .vs p.sanen:after{
	content:"";
	background: url("/files/user/_/lp/lp_20181209/img/logo_sanen.png") no-repeat center /contain;
	display: inline-block;
	width: 216px;
	height:166px;
	position: absolute;
	right: -215px;
	top: -40px;
}


/*---------------東京--------------------*/


.p-top__gameinfo .top .vs p.tokyo{
		font-size:90px;
		font-weight: bold;
		line-height: 70%;
		color: #FFF;
		position: relative;
		top:-60px;
}

.p-top__gameinfo .top .vs p.tokyo .text-narrow{
	font-size:28px;
	display: inline-block;
	text-indent:0em;
}

.p-top__gameinfo .top .vs p.tokyo:after{
	content:"";
	background: url("/files/user/_/lp/lp_20181209/img/logo_tokyo.png") no-repeat center /contain;
	display: inline-block;
	width: 216px;
	height:166px;
	position: absolute;
	right: -230px;
	top: 20px;
}



/*---------------栃木--------------------*/




.p-top__gameinfo .top .vs p.tochigi:after{
	content:"";
	background: url("/files/user/_/lp/lp_20181209/img/tochigi.png") no-repeat center /contain;
	display: inline-block;
	width: 216px;
	height:113px;
	position: absolute;
	right: -230px;
	top:0;
}


.p-top__gameinfo .top .vs p.tochigi{
		font-size:90px;
		font-weight: bold;
		line-height: 50%;
		color: #FFF;
		position: relative;
}

.p-top__gameinfo .top .vs p.tochigi .text-narrow{
	font-size:30px;
	letter-spacing:-0.1em;
	display: inline-block;
	letter-spacing: 0.1em;
	text-indent:0.3em;
}

/*---------------栃木--------------------*/

.p-top__gameinfo .top .vs p.yokohama{
		font-size:90px;
		font-weight: bold;
		line-height: 50%;
		color: #FFF;
		position: relative;
}

.p-top__gameinfo .top .vs p.yokohama:after{
	content:"";
	background: url("/files/user/_/lp/lp_20181209/img/corsairs.png") no-repeat center /contain;
	display: inline-block;
	width: 190px;
	height:205px;
	position: absolute;
	right: -200px;
	top:-65px;
}

.p-top__gameinfo .top .vs p.yokohama .text-narrow{
	font-size:30px;
	letter-spacing:-0.1em;
	display: inline-block;
	-webkit-transform: 	scale(0.8,1);
	   -moz-transform: 	scale(0.8,1);
	    -ms-transform: 	scale(0.8,1);
	     -o-transform: 	scale(0.8,1);
	        transform: 	scale(0.8,1);
	text-indent:-0.8em;
}

/*-----------------------------------*/

.p-top__gameinfo .top .date{
	margin-top: 20px;
}

.p-top__gameinfo .top .date p{
	/*float: left;*/
	text-align: center;
	color: #FFF;
	font-size:60px;
	font-family: 'Anton', sans-serif;
	letter-spacing:0.1em;
	line-height:110%;
}
/*
.p-top__gameinfo .top .date p:last-child{
	float: right;
}
*/

.p-top__gameinfo .top .date p span{
	font-size: 30px;
	-webkit-transform: 	scale(0.75,1);
	   -moz-transform: 	scale(0.75,1);
	    -ms-transform: 	scale(0.75,1);
	     -o-transform: 	scale(0.75,1);
	        transform: 	scale(0.75,1);
	letter-spacing: -0.01em;
}

.p-top__gameinfo .top .place p{
	text-align: center;
	font-size:40px;
	font-weight: bold;
	color: #FFF;
	padding-top: 20px;
}

.p-top__gameinfo .btn{
	text-align: center;
}

.p-top__gameinfo .btn ul{
	display: inline-block;
}

.p-top__gameinfo .btn ul li{
	float: left;
}

.p-top__gameinfo .btn ul li:first-child{
	margin-right:20px; 
}

.p-top__gameinfo .top a{
	display: block;
	width: 300px;
	text-align: center;
	color: #122868;
	margin:0 auto;
	background-color: #FFF;
	margin-top: 60px;
	font-size: 20px;
	color: #122868!important;
	padding: 15px 0;
	text-decoration: none;
	font-weight: bold;
}

.main_slide{
	height: 330px;
	overflow: hidden;
}

.main_slide ul,.main_slide li{
	list-style: none;
	margin: 0;
	padding: 0;
}

.p-top__hightlight{
	padding: 80px 0 200px;
	background: #000 url(/files/user/_/lp/lp_20181209/img/bg_kashiwagi.png?v=1545396477) no-repeat left 25% center;
	

}



.p-top__hightlight .youtube iframe{
	width:60%;
	margin:20px auto 0;
	display: block;
	height: 350px;
}

.p-top__hightlight p{
	text-align: left;
	font-size: 18px;
	line-height: 200%;
	letter-spacing: 0.1em;
	color: #FFF;
	width: 60%;
	float: right;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
	
}

.p-top__hightlight a{
	display: block;
	width: 500px;
	text-align: center;
	color: #122868;
	margin:30px auto 0;
	background-color: #FFF;
	font-size: 20px;
	color: #122868!important;
	padding: 15px 0;
	text-decoration: none;
	font-weight: bold;
}

.p-top__event{
	background-color:#FF4000;
	position: relative;
	min-height: 900px;
}

.p-top__event--noevent{
	min-height: 1500px;
}

.p-top__event .box-wrap{
	overflow: hidden;
}

.p-top__event a{
	display: block;
	width: 500px;
	text-align: center;
	color: #122868;
	margin:20px auto 0;
	background-color: #FFF;
	font-size: 20px;
	color: #122868!important;
	padding: 15px 0;
	text-decoration: none;
	font-weight: bold;
	
}

.p-top__event .c-wrap{
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -120px;
}

.p-top__event .box{
	width: 525px;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 0 0;
	padding-bottom: 30px;
}

.p-top__event .box--box2{
	width: 346px;
}

.p-top__event .col1 .box--w100{
	width: 100%;
}


.p-top__event .col2 .box--w50{
	width: 525px;
	float: left;
	margin-right: 10px;
}

.p-top__event .col2 .box--w50:last-child{
	margin-right: 0;
}

.p-top__event .col3 .box--w30{
	width: 326px;
	float: left;
	margin-right: 41px;
}
.p-top__event .col3 .box--w30:last-child{
	margin-right: 0;
}


.p-top__event .box h4{
	font-weight: bold;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 160%;
	padding: 10px 0;
}

.p-top__event .box p{
	font-size: 14px;
	color: #FFF;
	line-height: 180%;
}

.p-top__event .box--box2 h4{
	font-size: 16px;
}

.p-top__amazing{
	padding-top: 40px;
}

.p-top__amazing .box{
	width:100%;
	height:800px;
	display: flex;
	align-items: center;
	padding:20px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.p-top__amazing .box .inner{
	background-color:rgba(0,0,0,0.8);
	width: 30%;
	padding: 50px;
}

.p-top__amazing .box .inner p{
	text-align: left;
	
}

.p-top__amazing .box h4{
	text-align: center;
	font-size: 30px;
	padding-bottom: 20px;
	line-height: 140%;
	color: #FFF;
}

.p-top__amazing .box p{
	text-align: center;
	font-size: 16px;
	line-height: 180%;
	color: #FFF;

}

.p-top__amazing .box--bg01{
	background: url("/files/user/_/lp/lp_20181209/img/bg_01.png") no-repeat left top / cover;
	justify-content:flex-end;
}

.p-top__amazing .box--bg02{
	background: url("/files/user/_/lp/lp_20181209/img/bg_03.png") no-repeat center top 30% / cover;
	
}
.p-top__amazing .box--bg03{
	background: url("/files/user/_/lp/lp_20181209/img/bg_02.png") no-repeat center / cover;
	justify-content:flex-end;
}




.p-top__howto{
	background-color: #000025;
	height: 100vh;
	display: flex;
	align-items: center;
}

.p-top__howto ul li{
	float: left;
	position: relative;
	width:25%;
}

.p-top__howto ul li.clicked{
	opacity: 1!important;
}

.p-top__howto ul li.other{
	opacity: 0.4;
}

.p-top__howto ul li:nth-child(odd) {
  -webkit-animation: horizontal1 1s ease-in-out infinite alternate;
}

.p-top__howto ul li:nth-child(even) {
  -webkit-animation: horizontal2 1s ease-in-out infinite alternate;
}

.p-top__howto ul li a {
  text-decoration: none;
  display: block;
  -webkit-animation: vertical 1s ease-in-out infinite alternate;
}

.p-top__howto ul li a:hover img{
	opacity: 1;
}

.p-top__howto ul li:nth-child(1) a {
  -webkit-animation-duration: 1.1s;
}

.p-top__howto ul li:nth-child(2) a {
  -webkit-animation-duration: 1.3s;
}

.p-top__howto ul li:nth-child(3) a {
  -webkit-animation-duration: 1.5s;
}

@-webkit-keyframes horizontal1 {
  0% {
    -webkit-transform: translateX(-2px);
  }
  100% {
    -webkit-transform: translateX(0px);
  }
}
@-webkit-keyframes horizontal2 {
  0% {
    -webkit-transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0px);
  }
}
@-webkit-keyframes vertical {
  0% {
    -webkit-transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0px);
  }
}




.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_arrows {
	position: relative;
	display: flex;
	margin: 2em auto;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.cp_arrows .cp_arrow {
	position: relative;
	display: inline-block;
	padding-top: 1.8em;
	-webkit-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
	-webkit-animation: arrow-move06 2s 1s ease-in-out infinite;
	        animation: arrow-move06 2s 1s ease-in-out infinite;
	text-decoration: none;
	color: #fff;
	border-color: #fff;
}
.cp_arrows .cp_arrow:before {
	font-size: 2em;
	line-height: 1.9em;
	position: absolute;
	top: 0;
	left: 50%;
	width: 2em;
	height: 2em;
	margin-left: -0.7em;
	content: '▼';
	-webkit-transition: transform 0.5s ease-in;
	        transition: transform 0.5s ease-in;
	text-align: center;
	border: 0.13em solid #ffffff;
	border-color: inherit;
	border-radius: 10em;
}
.p-top__howto ul li:hover .cp_arrows .cp_arrow {
	color: #F16029;
	border-color: #F16029;
}




.p-top__howto2 .box{
	display: table;
	width: 100%;
}




.p-top__howto2 .box .photo{
	width: 50%;
	display: table-cell;
	height: 400px;
}

.p-top__howto2 .box .photo--bg01{
	background: url("/files/user/_/lp/lp_20181209/img/how_04.jpg") no-repeat center / cover;
}

.p-top__howto2 .box .photo--bg02{
	background: url("/files/user/_/lp/lp_20181209/img/how_05.jpg") no-repeat center / cover;
}

.p-top__howto2 .box .photo--bg03{
	background: url("/files/user/_/lp/lp_20181209/img/how_06.jpg") no-repeat center / cover;
}
.p-top__howto2 .box .photo--bg04{
	background: url("/files/user/_/lp/lp_20181209/img/how_07.jpg") no-repeat center / cover;
}


.p-top__howto2 .box .txt{
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.p-top__howto2 .box .txt h4{
	font-family: 'Anton', sans-serif;
	padding-bottom: 30px;
	font-size: 70px;
	letter-spacing: 0.1em;
	line-height: 100%;
	color: #000;
}

.p-top__howto2 .box .txt p{
	color: #000;
	font-size: 18px;
	line-height: 160%;
}


.fade-in {
  transition: opacity 1s;
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
}


.center-box{
	width:760px !important;
}

.p-top__ticket{
	background: url("/files/user/_/lp/lp_20181209/img/bg_03.jpg") center top / cover no-repeat;
	border-top:5px solid #000;
}


.p-top__ticket .title{
	padding: 50px 0 40px;
	position: relative;
	background: #FFF;
}

.p-top__ticket .title:after{
	content: url("/files/user/_/lp/lp_20181209/img/arrow_01.png");
	position: absolute;
	width: 70px;
	left: 0;
	right: 0;
	bottom: -35px;
	margin: auto;
	display: block;	
}

.p-top__ticket .title .c-title1{
	margin-bottom: 0;
}

.p-top__ticket .c-wrap{
	padding: 80px 0 60px;
}

.p-top__ticket ul{
	display: table;
	width: 100%;
	margin-bottom: 50px;
}

.p-top__ticket ul li{
	display: table-cell;
	width: 50%;
	line-height: 100%;
	vertical-align: middle;
	

}

.p-top__ticket ul li:first-child{
	width: 70%;
	font-size: 65px;
	color: #FFF;
    font-family: 'Anton', sans-serif;
    letter-spacing:0.1em;	
		
}

.p-top__ticket ul li:first-child span{
	font-size:40px;
}

.p-top__ticket .btn-wrap a{
	width: 48%;
	display: block;
	background-color: #FFF;
	float: left;
	text-align: center;
	font-size: 20px;
	color: #122868!important;
	padding: 15px 0;
	text-decoration: none;
}

.p-top__ticket .btn-wrap a:last-child{
	float: right;
}

.p-top__ticket .map{
	padding-top: 80px;
}


.p-top__ticket .map h4{
	font-size: 30px;
	line-height:130%;
	color: #FFF;
}

.p-top__ticket .map .box{
	display: table;
	width:100%;
}

.p-top__ticket .map .left{
	width:65%;
	display: table-cell;
}

.p-top__ticket .map .right{
	width: 35%;
	display: table-cell;
	vertical-align: middle;
	padding-left: 5%;
}

.p-top__ticket .map p{
	color: #FFF;
	padding-top: 20px;
	font-size: 16px;
	line-height: 180%;
}

.p-top__ticket .map iframe{
	width: 100%;
}

.p-top__ticket .map a{
	display: block;
	width: 100%;
	text-align: center;
	color: #122868;
	margin:0 auto;
	background-color: #FFF;
	margin-top: 20px;
	font-size: 15px;
	color: #122868!important;
	padding: 15px 0;
	text-decoration: none;
}

.p-top__player{
	background: #000;
	padding: 50px 0 80px;
}

/* スライドショー */
.p-top__player .slide {
    overflow:hidden;
    position:relative;
    width:100%;
}

.p-top__player .slide .inner {
    position:relative;
    left:50%;
    width:2250px;
    margin-left:-1125px;
}
.p-top__player .slide .inner li {
    width:650px;
}

.bx-wrapper {
    margin:0 auto;
    position:relative;
}

.bx-wrapper .bx-pager {
    margin:0 auto;
    width:1000px;
}

.bx-wrapper .bx-controls-direction a {
    position:absolute;
    top:109px;
    outline:0;
    width:32px;
    height:32px;
    text-indent:-9999px;
    z-index:9999;
}

/* ページャー */
.bx-wrapper .bx-pager {
    padding-top:20px;
    text-align:center;
    font-size:.85em;
    font-weight:bold;
    color:#666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:inline-block;
    *zoom:1;
    *display:inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    display:block;
    width:20px;
    height:20px;
    margin:0 5px;
    outline:0;
    text-indent:-9999px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;;
    background:#666;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#DE531F;
}




.p-top__about{
	background: url("/files/user/_/lp/lp_20181209/img/bg_10.jpg") left bottom / cover no-repeat fixed;
	padding: 40px 40px 40px 40px;
}

.p-top__about .box{
	width: 100%;
	background-color: rgba(255,255,255,0.7);
	padding:100px 50px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.p-top__about .box h4{
	text-align: center;
	padding-bottom: 40px;
}

.p-top__about .box p{
	font-size: 20px;
	line-height: 200%;
	color: #000;
	text-align: center;
}

.c-title1{
	text-align: center;
	font-size: 80px;
	line-height: 120%;
	margin-bottom: 40px;
	color: #FFF;
	letter-spacing: 0.1em;
	font-family: 'Anton', sans-serif;
	font-weight: normal;
}

.c-title1 span{
	font-size: 30px;
	display: block;
	line-height: 140%;
	letter-spacing: 0.05em;
	font-family: "Noto Sans Japanese";
}


.c-title1--black{
	color: #000;
}

.lp-btn{
	display: block;
	background-color: #FFFF00;
	text-align: center;
	color: #122868!important;
	font-weight: bold;
	font-size: 25px;
	text-decoration: none!important;
	padding: 20px 0; 
}

.l-footer{
	padding: 20px 0;
}

.l-footer h1{
	text-align: center;
}

.l-footer p{
	text-align: center;
	padding-top: 10px;
}