@charset "UTF-8";
/*
 * style.css
 *
 *  version --- 1.0
 *  updated --- 2017/11/30
 */

body{
	min-width: 1040px;
	font-size: 1.6rem;
}

/* !wrapper
---------------------------------------------------------- */
#noah_lp_wrapper {
	position: relative;
	overflow:hidden;
	width:100%;
	min-height:100vh;
	box-sizing: border-box;
	padding-top: 70px;
}

/* !header
---------------------------------------------------------- */
#noah_lp_header {
	position:fixed;
	left: 0;
	top: 0;
	z-index: 99;
	width:100%;
	height:70px;
	background:#111;
} 
.noah_lp_headerIn{
	position:relative;
	padding-left:150px;
}
#noah_lp_headerLogo {
	position: absolute;
	left:0;
	top:10px; 
} 
#noah_lp_headerLogo img{height:100px;}
#noah_lp_header .purchase{
	position: fixed;
	right:20px;
	bottom:20px;
	width:140px;
}

/* !gNavi
---------------------------------------------------------- */ 
#noah_lp_gNavi {
	float:right;
}
#noah_lp_gNavi li {
	float:left;
}
#noah_lp_gNavi li a {
	display:flex;
	align-items: center;
	padding:0 25px;
	height:70px;
	border-bottom:5px solid transparent;
	color:#fff;
	font-size:1.4rem;
	font-weight:bold;
}
#noah_lp_gNavi li a:hover{
	background:#202020;
	border-color:#A58530;
}

	
/* !mainVisual
---------------------------------------------------------- */
#noah_lp_mainVisual img{
	width:100%;
} 

/* !contents
---------------------------------------------------------- */
#noah_lp_contents {
	
}

#noah_lp_main {
	
}
  
.noah_lp_inner {
	padding:0 20px;
	margin:auto;
	max-width: 1040px;
}

/* !pageTop
---------------------------------------------------------- */
.noah_lp_pageTop a{
	display:flex;
	justify-content: center;
	align-items: center;
	height:50px;
	background:#D10814;
}

/* !footer
---------------------------------------------------------- */
#noah_lp_footer {
	padding:50px 0 90px;
	background: #000;
	text-align: center;
	color:#fff;
} 
#noah_lp_footer h3{
	margin-bottom: 30px;
	font-size:2rem;
	font-weight:bold;
}
#noah_lp_footer .sns{
	margin-bottom: 60px;
	font-size:0;
}
#noah_lp_footer .sns a{
	display: inline-block;
	vertical-align: top;
	width:140px;
	color:#fff;
	font-weight:bold;
	font-size:1.4rem;
}
#noah_lp_footer .sns a:hover{opacity: 0.7;}
#noah_lp_footer .sns img{
	display:block;
	margin:0 auto 10px;
}
.noah_lp_footlogo img{height:70px;}
#noah_lp_copyright { 
	margin-top: 30px;
	font-weight:500;
	font-size:1.4rem;
}

/* !h(n)eading
---------------------------------------------------------- */
.noah_lp_hdL {
	position: absolute;
	left:0;
	top:0;
	z-index: 9; 
	padding:13px 0 20px;
	height:94px;
	width:100%;
	background:url(../img/bg_hd01.png) no-repeat center top;
	background-size:cover;
	text-align: center;
	color:#A58530;
	font-size:2.6rem;
	font-weight: bold;
}
.noah_lp_hdL .eng{
	display:block;
	color:#fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.6rem;
    font-style: italic;
}

.hdM {
	
} 
.hdS {
	
} 
 

/* !common
---------------------------------------------------------- */
.sp {
	display: none;
}

.noah_lp_anchorArea{
	position: relative;
}
.noah_lp_anchorArea .noah_lp_anchor{
	position: absolute;
	z-index: -1;
	top: -70px;
}

/*====================================
！noah_lp_measures
====================================*/
.noah_lp_measures{
	padding:175px 0 80px;
	background:url(../img/bg_measures_pc.jpg) no-repeat center 73px;
	background-size:cover;
	font-weight:bold;
}
.noah_lp_measures .subTit{
	padding:15px 55px;
	margin:auto;
	max-width:810px;
	background:rgba(0,0,0,0.7);
	border:3px solid #fff;
	color:#fff;
	font-size:2rem;
}
.noah_lp_measures ul{margin-left:-50px;}
.noah_lp_measures li{
	float:left;
	padding:50px 0 0 50px;
	width:33.33%;
}
.noah_lp_measures li .item{
	transition: all 0.5s;
}
.noah_lp_measures li:hover .item{opacity:0.7;}
.noah_lp_measures li img{width:100%;}
.noah_lp_measures li .introd{
	padding:15px;
	background:#fff;
}
.noah_lp_measures li .detail{
	display:block;
	background:url(../img/ico_plus.png) no-repeat 68% center #D10814;
	background-size:12px;
	text-align: center;
	line-height: 30px;
	color:#fff;
	font-size:1.4rem;
}

.fancybox-skin{border-radius:0;}
.fancyboxPart.measures{
	max-width:500px;
}
.fancyboxPart.measures img{width:100%;}
.fancyboxPart.measures .introd{
	padding:15px 20px 50px;
	background:#fff;
}
.fancyboxPart.measures .tit{
	margin-bottom:10px;
	color:#D10814;
	font-weight:bold;
}
.fancyboxPart.measures .txt{
	font-size:1.4rem;
}
.fancyboxPart.measures .close{
	display:block;
	background:url(../img/ico_x.png) no-repeat 58% center #A9A9A9;
	text-align: center;
	line-height: 30px;
	color:#fff;
	font-size:1.4rem;
}


/*====================================
！noah_lp_victory
====================================*/
.noah_lp_victory{
	padding: 73px 0 80px;
	background:#000;
}
.noah_lp_victory .title{
	margin-bottom:60px;
	text-align:center; 
}
.noah_lp_victory .tit{
	margin-bottom:15px;
	color:#D10814;
	font-size:2.8rem;
	font-weight:bold;
}
.noah_lp_victory .txt{
	line-height: 2;
	color:#fff;
	font-weight:500;
}
.noah_lp_victory ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom:20px;
}
.noah_lp_victory li{
	flex:0 0 32%;
	position: relative;
	margin-bottom:30px;
	padding:55px 20px 15px;
	background:#fff;
}
.noah_lp_victory li:nth-last-child(1){ 
	margin-right:auto;
	margin-left:10px;
}
.noah_lp_victory li:nth-last-child(2){ 
	margin-left:auto;
	margin-right:10px;
}
.noah_lp_victory li .day{
	position: absolute;
	left:0;
	top:0;
	padding:0 6px;
	width:100%;
	background:linear-gradient(#A2761C, #C39536);
	clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
	border-left:6px solid #6E5012;
	letter-spacing: 0.1em;
	color:#fff;
    font-family: 'DIN Condensed', sans-serif;
	font-size:2.7rem;
	font-weight:bold;
	height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    padding-top: 4px;
}
.noah_lp_victory li .name{
	margin-bottom:10px;
	font-weight:bold;
}
.noah_lp_victory li .sign{
	display:inline-block;
	padding:5px 14px;
	margin-right:10px;
	background:#111;
	color:#fff;
	font-size:1rem;
}
.noah_lp_victory li .layout p{
	margin:5px 0;
	font-size:1.4rem;
	font-weight:500;
}
.noah_lp_victory li .links img{width:100%;}
.noah_lp_victory li .links a{
	display:block;
	margin-top:15px;
}

.noah_lp_victory .flex {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;
}
.noah_lp_victory .flex-in {
	display: flex;
	justify-content: flex-start;
	align-items: center;	
}
.noah_lp_victory .flex .date {
	width: 340px;
	color: #fff;
	margin-right: 50px;
}
.noah_lp_victory .flex .date .p1 {
	font-size: 150px;
	font-family: 'DIN Condensed', sans-serif;
	line-height: 1;
	position: relative;
	width: 270px;
	height: 140px;
}
.noah_lp_victory .flex .date .p1 span {
	font-size: 30px;
	font-weight: bold;
	background: #9EA0A3;
	padding: 15px 10px 5px 10px;
	position: absolute;
	bottom: 30px;
	right: 0;
}
.noah_lp_victory .flex .date .p2 {
	font-size: 24px;
	font-weight: bold;
	margin-right: 25px;

}
.noah_lp_victory .flex .date .p2-span {
	font-size: 14px;
	background: #fff;
	color: #000;
	margin-right: 10px;
	padding: 5px 10px;
}
.noah_lp_victory .flex .date .p3 {
	font-size: 42px;
	font-weight: bold;
	margin-top: 15px;
}

.noah_lp_victory .flex .btn {
	width: 360px;
}
.noah_lp_victory .flex .btn a:not(:first-child) {
	display: block;
	margin-top: 25px;
}

.noah_lp_victory .noah_lp_banner{
	margin:0 auto;
	max-width:800px;
	text-align: center;
}
.noah_lp_banner img{width:100%;}
.noah_lp_banner .banner{
	display: block;
	margin-bottom:30px;
}
.noah_lp_banner .wrap2{ 
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.noah_lp_banner .wrap2 .item{
	display: block;
	flex:0 0 47.5%;
	color:#fff;
}
.noah_lp_banner .wrap2 img{margin-bottom:10px;}


/*====================================
！noah_lp_victory
====================================*/
.noah_lp_ranking{
	padding: 145px 0 80px;
	background:url(../img/bg_ranking_pc.jpg) no-repeat center 73px;
	background-size:cover;
}
.noah_lp_ranking .wrap2{ 
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
} 
.noah_lp_ranking .wrap2 .item{
	display: block;
	flex:0 0 48%; 
}
.noah_lp_ranking .champ{
	text-align: center;
}
.noah_lp_ranking .champ .title{
	margin:auto;
	padding-top:45px;
	max-width:530px;
	border-left:6px solid #A58530;
	border-right:6px solid #A58530;
}
.noah_lp_ranking .champ .title img{height:73px;}
.noah_lp_ranking .champ img{max-width:550px;}
.noah_lp_ranking .subTit {
    padding: 15px 30px;
    margin: 30px auto 0;
    max-width: 800px;
    background: rgba(0,0,0,0.7);
    border: 3px solid #fff;
    color: #fff;
    font-size: 1.4rem;
}


/*====================================
！noah_lp_card
====================================*/
.noah_lp_card{
	padding:175px 0 60px; 
	background-color: #000;
	background-repeat: no-repeat;
	background-size:100% auto;
	background-position: center top, center bottom; 
	background-image:url(../img/bg_matchcard_top_pc.png), url(../img/bg_matchcard_down_pc.png);
} 
.noah_lp_toggleWrap li{
	margin-bottom: 15px;
} 
.noah_lp_toggleWrap li .tit{
	/* cursor: pointer; */
	padding:10px 20px;
	/* background:url(../img/ico_plus.png) no-repeat 98% center; */
	color:#fff;
	font-size:2rem;
	font-weight:bold;
}
/* .noah_lp_toggleWrap li .tit.open{ background-image:url(../img/ico_minus.png); } */
.noah_lp_toggleWrap .toggleBox{
	display:none;
	padding:30px 0 5px;
}
.noah_lp_toggleWrap .toggleBox.show{display:block;}
.noah_lp_card li .tit{background-color:#D10814;} 
.noah_lp_card .card_list{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between; 
}
.noah_lp_card .card_list .card{
	display: block;
	flex:0 0 48%; 
	margin-bottom: 30px;
	color:#fff;
	font-weight:500;
}
.noah_lp_card .card_list .card img{
	margin-bottom: 6px;
	width:100%;
}
.noah_lp_card .banner{margin-top:60px;}
.noah_lp_card .banner img{width:100%;}


/*====================================
！noah_lp_card
====================================*/
.noah_lp_player{
	padding:175px 0 70px;
	background:url(../img/bg_players_pc.jpg) no-repeat center top;
	background-size:cover;
}
.noah_lp_player .slider_info li{padding:0 100px;}
.noah_lp_player .slider_info li:after{
	content:"";
	display: block;
	clear: both;
}
.noah_lp_player .slider_info .img{
	float:left;
	margin-right:3.5%;
	width:47.5%;
}
.noah_lp_player .slider_info .info{
	overflow:hidden;
}
.noah_lp_player .slider_info .info .tit{
	margin-bottom:10px;
	color:#fff;
	font-size:2rem;
	font-weight:bold;
}
.noah_lp_player .slider_info .data{
	width:100%;
	font-weight:500;
}
.noah_lp_player .slider_info .data th{
	vertical-align: top;
	padding:10px 0;
	width:100px;
	font-size:1.4rem;
}
.noah_lp_player .slider_info .data th span{
	display:block;
	padding:5px 10px;
	background:#fff;
	clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
}
.noah_lp_player .slider_info .data td{
	vertical-align: top;
	padding:12px 0px 12px 18px;
	line-height: 1.75;
	color:#fff;
}
.noah_lp_player .slider_nav{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top:30px;
}
.noah_lp_player .slider_nav li{
	cursor: pointer;
	flex:0 0 7.4%;
	-webkit-filter: grayscale(100%);   
	-moz-filter: grayscale(100%);  
	-ms-filter: grayscale(100%);   
	-o-filter: grayscale(100%);     
	filter: grayscale(100%); 
	filter: gray;
	text-align: center;
	color:#fff;
	font-size:1.4rem;
	font-weight:500;
}
.noah_lp_player .slider_nav li:hover,
.noah_lp_player .slider_nav li.slick_on{
	-webkit-filter: grayscale(0%);   
	-moz-filter: grayscale(0%);  
	-ms-filter: grayscale(0%);   
	-o-filter: grayscale(0%);     
	filter: grayscale(0%); 
	filter:none;
}
.noah_lp_player .slider_nav li img{
	margin-bottom:10px;
	width:100%;
}

/*====================================
！noah_lp_movie
====================================*/
.noah_lp_movie{
	padding:175px 0 80px;
	background:#000;
}
.noah_lp_movie .slider_movie{padding-bottom:50px;}
.noah_lp_movie .item{
	padding:0 50px; 
}
.noah_lp_movie .item .movie{
	display: block;
	transform: scale(0.75,0.75);
	transition: all 0.5s;
	padding:0 0 10px;
} 
.noah_lp_movie .item .movie iframe{
	width:560px;
	height:315px;
}
.noah_lp_movie .tit{
	transition: all 0.5s;
	opacity: 0;
	color:#fff;
	font-size:1.4rem;
	font-weight:500;
}
.noah_lp_movie .slick-current .item .movie{
	transform: scale(1,1);
}
.noah_lp_movie .slick-current .tit{
	opacity: 1;
}
.noah_lp_movie .slick-prev{
	left:50%;
	margin-left:-385px;
}
.noah_lp_movie .slick-next{
	right:50%;
	margin-right:-385px;
}
.noah_lp_movie .slick-dots li{
	transform: rotate(45deg);
	margin:0 10px;
	width: 14px;
    height: 14px;
	border-radius:0;
	border:0;
}
.noah_lp_movie .slick-dots li.slick-active{background-color:#D10814;}


/*====================================
！noah_lp_ticket_info
====================================*/
.noah_lp_ticket_info{
	padding:175px 0 70px;
	background:url(../img/bg_ticketinfo.jpg) center;
}
.noah_lp_ticket_info li .tit {
    background-color:#A58530;
}
.noah_lp_ticket_info .ticket_info .seatmap{
	float:left;
	margin-right:40px;
	width:55.5%;
}
.noah_lp_ticket_info .ticket_info .info{overflow:hidden;}
.noah_lp_ticket_info .ticket_info .price{ 
	width:100%;
	border-collapse:separate;
	border-spacing:5px;
	text-align: center;
	font-size:1.4rem;
}
.noah_lp_ticket_info .ticket_info .price th{
	padding:5px;
	width:20%;
	background:#C0C0C0;
	text-align: center;
}
.noah_lp_ticket_info .ticket_info .price td{padding:5px 10px;}
.noah_lp_ticket_info .ticket_info .price td:nth-of-type(1){
	color:#000;
	text-align:left;
}
.noah_lp_ticket_info .td01{background-color:#32cd32;}
.noah_lp_ticket_info .td02{background-color:#EAEAFF;}
.noah_lp_ticket_info .td03{background-color:#ff8c00;}
.noah_lp_ticket_info .td04{background-color:#EAEAFF;}
.noah_lp_ticket_info .td05{background-color:#00ced1;}
.noah_lp_ticket_info .td06{background-color:#EAEAFF;}
.noah_lp_ticket_info .td07{background-color:#ff69b4;}
.noah_lp_ticket_info .td08{background-color:#EAEAFF;}
.noah_lp_ticket_info .td09{background-color:#ffff00;}
.noah_lp_ticket_info .td10{background-color:#EAEAFF;} 
.noah_lp_ticket_info .links a{
	display:block;
	margin:16px auto;
	width:79%;
	text-align:center;
}
.noah_lp_ticket_info .links img{width:100%;}


/*====================================
！noah_lp_access
====================================*/
.noah_lp_access{
	padding:175px 0 0px;
	/* background:url(../img/bg_access_pc.jpg) no-repeat center top; */
	background: #000;
	background-size:auto 900px;
}

.noah_lp_access .p11 {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	color: #A58530;
}
.noah_lp_access .p22 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
	color: #fff;
}
.noah_lp_access .map {
	width: 660px;
	margin: 0 auto 30px;
}
.noah_lp_access .flexx {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.noah_lp_access .flexx .d {
	width: 470px;
}
.noah_lp_access .flexx .p33 {
	background: #A58530;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	padding-left: 30px;
	margin: 0 0 20px 30px;
	position: relative;
}
.noah_lp_access .flexx .p33:before {
	content: '';
	background: url(../img/icon_t.svg) no-repeat center;
	background-size: contain;
	width: 50px;
	height: 50px;
	position: absolute;
	left: -30px;
	top: -4px;
}
.noah_lp_access .flexx .p33.c:before {
	background: url(../img/icon_c.svg) no-repeat center;
}
.noah_lp_access .flexx .p4 {
	font-size: 18px;
	color: #fff;
	margin-bottom: 10px;
}
.noah_lp_access .flexx .p5 {
	font-size: 14px;
	color: #fff;
}


.noah_lp_access .map_part{ 
	background:url(../img/map_access.svg) no-repeat center top;
	background-size:478px;
}
.noah_lp_access .map_part ul{
	position: relative;
	z-index: 1;
}
.noah_lp_access .map_part li{
	width:280px;
}
.noah_lp_access .map_part .row01 li:nth-of-type(1){ 
	margin-left:90px;
}
.noah_lp_access .map_part .row01 li:nth-of-type(2){ 
	margin-right:70px;
}
.noah_lp_access .map_part li:nth-of-type(1){float:left;}
.noah_lp_access .map_part li:nth-of-type(2){ float:right;}
.noah_lp_access .row02{padding:40px 0 235px;}
.noah_lp_access .row02 li:nth-of-type(3){
	overflow:hidden;
	transform: translateY(175px);
	margin:0 auto;
}
.noah_lp_access .map_part li a{
	color:#A58530;
	font-size:1.4rem;
    font-weight: bold;
}
.noah_lp_access .map_part li img{margin-top:10px;}

.fancyboxPart.access {
	padding:30px; 
	width: 860px;
}
.fancyboxPart.access iframe{
	margin-bottom:10px;
	width:100%;
	height:400px;
}
.fancyboxPart.access .title{
	margin-bottom:15px;
	font-size:1.8rem;
    font-weight:500;
}
.fancyboxPart.access .title .name{
	display: block;
	margin-bottom:5px;
	color:#A58530;
	font-size:2.4rem;
    font-weight: bold;
}
.fancyboxPart.access .traffic .tit{
	margin-bottom:5px;
	padding:2px 0 2px 32px;
	background:url(../img/ico_bus.png) no-repeat left center;
	font-size:1.8rem;
    font-weight: bold;
}
.fancyboxPart.access .traffic li{
	font-size:1.4rem;
    font-weight:500;
}

@media screen and (max-width:1040px) {
	.fancyboxPart.access{
		padding:20px;
		width:640px;
	}
}
 
/*====================================
！noah_lp_goods
====================================*/
.noah_lp_goods{
	padding:175px 0 0;
	background:#000;
}
.noah_lp_goods .noah_lp_inner{max-width:1200px;}
.noah_lp_goods .slider_goods{
	padding:0 60px;
}
.noah_lp_goods li{
	padding:0 20px;
	color:#fff;
}
.noah_lp_goods li .img{
	display: block;
	margin-bottom:10px;
}
.noah_lp_goods li .name{
	margin-bottom:10px;
	font-size:1.4rem;
    font-weight: bold;
}
.noah_lp_goods li .price{font-size:1.2rem;}
.noah_lp_goods li .price p{margin-bottom:5px;}
.noah_lp_goods li .price .sign{
	display:inline-block;
	padding:0 6px;
	margin-right:10px;
	background:#A58530;
	line-height: 20px;
	font-size:1rem;
}
.noah_lp_goods li .cart{
	display:block;
	margin-top:10px;
	background:#D10814;
	border:2px solid #7B050C;
	text-align: center;
	line-height: 30px;
	color:#fff;
	font-size:1.2rem;
	font-weight:bold;
}
.noah_lp_goods li .cart span{
	padding-left:30px;
	background:url(../img/ico_cart.svg) no-repeat left center;
}
.noah_lp_goods .banner{
	padding:50px 20px 22px; 
	text-align:center;
}


/*====================================
！noah_lp_event
====================================*/
.noah_lp_event{
	padding:195px 0 80px;
	background: url(../img/bg_ticketinfo.jpg) center;
}
.noah_lp_event .noah_lp_inner{max-width:840px;}
.noah_lp_event table{
	width:100%;
	color:#B0B0B0;
	font-size:1.4rem;
	font-weight: 500;
}
.noah_lp_event tr{border-bottom:1px solid #B0B0B0;}
.noah_lp_event th{
	vertical-align: top;
	padding:18px 10px;
	width:130px;
	font-weight: bold;
}
.noah_lp_event td{
	vertical-align: top;
	padding:18px 10px; 
}
.noah_lp_event th:after{
	content:":";
	float:right;
}