@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;}



/* ========================================
全体
========================================*/

html,body{
	height:100%; /* ★大事なのは「100%」 */
}

body {
	font-size: 13px;
	line-height: 1.6em;
	color: #666;
	font-family: Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif;
	background: #fff;
	-webkit-text-size-adjust: 100%;
}

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;}


img {
	max-width: 100%;
	height: auto;
}

.pcshow,#pxshow,.tabshow {display: none !important;}


.l-header{
	display: none;
}

.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%;
}

.p-top__mainv .icon{
	display: none;
}

.p-top__gameinfo .top{
	background: url("/files/user/_/lp/lp_20181209/img/bg_01.jpg") center center / cover no-repeat;
	padding: 90px 0 40px;
	
}

.p-top__gameinfo .top .vs{
	text-align: center;	
	padding-bottom: 20px;
}

.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:35px;
	font-weight: bold;
	color: #FFF;
	margin:20px 0 0;
}

.p-top__gameinfo .top .vs p.niigata,
.p-top__gameinfo .top .vs p.yokohama{
		font-size:55px;
		letter-spacing:-0.08em;	
		font-weight: bold;
		line-height: 50%;
		color: #FFF;
		position: relative;
		display: block;
}

.p-top__gameinfo .top .vs p.niigata .text-narrow,
.p-top__gameinfo .top .vs p.yokohama .text-narrow{
	font-size:20px;
	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.1em;
}

.p-top__gameinfo .top .vs p.ryukyu{
		font-size:55px;
		font-weight: bold;
		line-height: 50%;
		color: #FFF;
		position: relative;
		display: block;	
}

.p-top__gameinfo .top .vs p.ryukyu .text-narrow{
	font-size:18px;
	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.1em;
}

/*----------------------------*/

.p-top__gameinfo .top .vs p.tokyo{
		font-size:55px;
		font-weight: bold;
		line-height: 50%;
		color: #FFF;
		position: relative;
		display: block;	
		line-height: 1;
		margin-top: -45px;
}

.p-top__gameinfo .top .vs p.tokyo .text-narrow{
	font-size:18px;
	letter-spacing:-0.1em;
	display: inline-block;

	text-indent:-0.1em;
}



/*----------------------------*/

.p-top__gameinfo .top .vs p.tochigi{
		font-size:55px;
		letter-spacing:-0.08em;	
		font-weight: bold;
		line-height: 50%;
		color: #FFF;
		position: relative;
		display: block;
}

.p-top__gameinfo .top .vs p.tochigi .text-narrow{
	font-size:20px;
	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.1em;
}
/*----------------------------*/



.p-top__gameinfo .top .date p{
	color: #FFF;
	font-size:30px;
	font-family: 'Anton', sans-serif;
	letter-spacing:0.1em;
	line-height:110%;
	text-align: center;
}


.p-top__gameinfo .top .date p span{
	font-size: 18px;
}

.p-top__gameinfo .top .place p{
	text-align: center;
	font-size:18px;
	font-weight: bold;
	color: #FFF;
	padding-top: 20px;
}

.p-top__gameinfo .top a{
	display: block;
	width: 300px;
	text-align: center;
	color: #122868;
	margin:0 auto;
	background-color: #FFF;
	margin-top: 10px;
	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 10px 80px;
	background: #000 url(/files/user/_/lp/lp_20181209/img/bg_kashiwagi.png?v=1545396477) no-repeat center bottom;
	background-size: 130%;
	
}



.p-top__hightlight .youtube iframe{
	width:60%;
	margin:20px auto 0;
	display: block;
	height: 350px;
}

.p-top__hightlight h3{
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
}

.p-top__hightlight p{
	text-align: left;
	font-size: 14px;
	line-height: 180%;
	letter-spacing: 0.1em;
	color: #FFF;
	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;
	padding:20px 0 40px;
}

.p-top__event .box-wrap{
	overflow: hidden;
}

.p-top__event a{
	display: block;
	text-align: center;
	color: #122868;
	margin:20px auto 0;
	background-color: #FFF;
	font-size: 18px;
	color: #122868!important;
	padding: 15px 0;
	text-decoration: none;
	font-weight: bold;
	
}

.p-top__event .c-wrap{
	width: 95%;
	margin: 0 auto;
}

.p-top__event .box{
	padding-bottom: 30px;
}

/*
.p-top__event .box:nth-child(1){
	width: 1080px;
	margin: 0 0 10px 0;
}*/

.p-top__event .box h4{
	font-weight: bold;
	color: #fff;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 160%;
	padding: 10px 0;
	text-align: center;
}

.p-top__event .box p{
	font-size: 14px;
	color: #FFF;
	line-height: 180%;
}

.p-top__event .box img{
	width:100%;
}

.p-top__amazing{
	padding-top: 40px;
}

.p-top__amazing .box{
	width:100%;
	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.5);
	width:100%;
	padding: 30px;
	box-sizing: border-box;
}

.p-top__amazing .box .inner p{
	text-align: left;
}

.p-top__amazing .box h4{
	text-align: center;
	font-size: 25px;
	padding-bottom: 20px;
	line-height: 140%;
	color: #FFF;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.p-top__amazing .box p{
	text-align: center;
	font-size: 16px;
	line-height: 180%;
	color: #FFF;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);

}

.p-top__amazing .box--bg01{
	background: url("/files/user/_/lp/lp_20181209/img/bg_01.png") no-repeat center 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;
	padding: 40px 0 20px;
	
}

.p-top__howto .c-wrap{
	text-align: center;	
	padding:0 10px;
}

.p-top__howto ul{
	text-align: center;
}

.p-top__howto ul li{
	float: left;
	width:50%;
	margin-bottom:8%;
}


.p-top__howto2 .box .photo{
	margin-bottom:20px;
}

.p-top__howto2 .box .photo--bg01{
	background: url("/files/user/_/lp/lp_20181209/img/how_04.jpg") no-repeat center / cover;
	height:200px;
}

.p-top__howto2 .box .photo--bg02{
	background: url("/files/user/_/lp/lp_20181209/img/how_05.jpg") no-repeat center / cover;
	height:200px;
}

.p-top__howto2 .box .photo--bg03{
	background: url("/files/user/_/lp/lp_20181209/img/how_06.jpg") no-repeat center / cover;
	height:200px;
}

.p-top__howto2 .box .photo--bg04{
	background: url("/files/user/_/lp/lp_20181209/img/how_07.jpg") no-repeat center / cover;
	height:200px;
}

.p-top__howto2 .box .txt{
	padding:0 10px 40px;	
}

.p-top__howto2 .box .txt h4{
	font-family: 'Anton', sans-serif;
	padding-bottom: 20px;
	font-size: 40px;
	line-height: 100%;
	color: #000;
	text-align: center;
	font-weight: normal;
}

.p-top__howto2 .box .txt p{
	color: #000;
	font-size: 14px;
	line-height: 160%;
	text-align: center;
}


.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 center / 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: 70px 0 30px;
}

.p-top__ticket ul{

}

.p-top__ticket ul li{
	line-height: 100%;
	vertical-align: middle;
}

.p-top__ticket ul li:first-child{
	width: 100%;
	font-size: 30px;
	color: #FFF;
    font-family: 'Anton', sans-serif;
    letter-spacing:0.1em;
    text-align: center;	
		
}

.p-top__ticket ul li:first-child span{
	font-size:20px;
}

.p-top__ticket .btn-wrap a{
	width: 95%;
	display: block;
	background-color: #FFF;
	text-align: center;
	font-size: 15px;
	color: #122868!important;
	padding: 10px 0;
	text-decoration: none;
	margin:0 auto;
}

.p-top__ticket .btn-wrap a:last-child{
	margin-top: 10px;
}

.p-top__ticket .map{
	padding-top: 40px;
}


.p-top__ticket .map h4{
	font-size: 20px;
	line-height:130%;
	color: #FFF;
	text-align: center;
	padding-top: 10px;
}

.p-top__ticket .map .box{
	width:95%;
	margin:0 auto;
}

.p-top__ticket .map .left{
	width:100%;
}

.p-top__ticket .map .left iframe{
	height:300px;
}

.p-top__ticket .map p{
	color: #FFF;
	padding-top: 20px;
	font-size: 16px;
	line-height: 180%;
	text-align: center;
}

.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 50px;
}

/* スライドショー */
.p-top__player .slide {
    overflow:hidden;
    position:relative;
    width:100%;
}

.bx-wrapper {
    margin:0 auto;
    position:relative;
}



.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:15px;
    height:15px;
    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 20% top / cover no-repeat;
	padding: 10px 0 10px 0;
	-webkit-box-sizing: 	border-box;
	   -moz-box-sizing: 	border-box;
	        box-sizing: 	border-box;
}

.p-top__about .box{
	width: 95%;
	margin:0 auto;	
	background-color: rgba(255,255,255,0.7);
	padding:40px 20px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	
}

.p-top__about .box h4{
	text-align: center;
	padding-bottom: 20px;
}

.p-top__about .box p{
	font-size: 14px;
	line-height: 200%;
	color: #000;
	text-align: left;
}

.c-title1{
	text-align: center;
	font-size: 45px;
	line-height: 120%;
	margin-bottom: 40px;
	color: #FFF;
	font-family: 'Anton', sans-serif;
	font-weight: normal;
}

.c-title1 span{
	font-size: 15px;
	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: 15px;
	text-decoration: none!important;
	padding: 10px 0; 
	width:50%;
	margin:20px auto 30px;
}

.l-footer{
	padding: 20px 0;
}

.l-footer h1{
	text-align: center;
}

.l-footer p{
	text-align: center;
	padding-top: 10px;
}