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


@font-face {
    font-family: 'Alternate Gothic No3 D';
    src: url('../fonts/AlternateGotNo3D.eot');
    src: url('../fonts/AlternateGotNo3D.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AlternateGotNo3D.woff2') format('woff2'),
        url('../fonts/AlternateGotNo3D.woff') format('woff'),
        url('../fonts/AlternateGotNo3D.ttf') format('truetype'),
        url('../fonts/AlternateGotNo3D.svg#AlternateGotNo3D') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN 1451 Std';
    src: url('../fonts/DINEngschriftStd.eot');
    src: url('../fonts/DINEngschriftStd.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINEngschriftStd.woff2') format('woff2'),
        url('../fonts/DINEngschriftStd.woff') format('woff'),
        url('../fonts/DINEngschriftStd.ttf') format('truetype'),
        url('../fonts/DINEngschriftStd.svg#DINEngschriftStd') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{ 
	font-size: 1.2rem;
}
/* !wrapper
---------------------------------------------------------- */
#noah_lp_wrapper {
	position: relative;
	overflow:hidden;
	padding-bottom:50px;
	width:100%;
	min-height:100vh;
}

/* !header
---------------------------------------------------------- */
#noah_lp_header {
	position:fixed;
	z-index: 99;
	width:100%;
	height:50px;
	background:url(../img/header_bg_sp.jpg);
}

#noah_lp_headerLogo {
	position: absolute;
	left: 20px;
	top: 6px;
} 
.noah_lp_headerMenu{
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background: url(../img/icon_header_menu.svg) center center no-repeat;
	background-size: 50px;
	text-indent: -9999px;
}
.noah_lp_headerMenu.on{
	background: url(../img/icon_header_menu_close.svg) center center no-repeat;
	background-size: 50px;
	text-indent: -9999px;
}
#noah_lp_headerLogo img{height:38px;}
#noah_lp_header .purchase{
	position: fixed;
	right:0;
	bottom:0;
	width:100%;
}

/* !gNavi
---------------------------------------------------------- */ 
#noah_lp_gNavi {
	display: none;
}
#noah_lp_gNavi.on{
	position: fixed;
	display: block;
	top: 50px;
	right: 0px;
	width: 50%;
	background: rgba(0,0,0,0.8);
	padding: 30px 0 90px;
}
#noah_lp_gNavi li a{
	display: block;
	color: #fff;
	text-align: right;
	padding-right: 50px;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 30px;
	position: relative;
}
#noah_lp_gNavi li a::before{
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 10px solid #fff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	content: "";
}

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

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

#noah_lp_main {
	
}
  
.noah_lp_inner {
	padding:50px 20px;
	margin:auto; 
}

/* !pageTop
---------------------------------------------------------- */

.noah_lp_pageTop{
	display: none;
}


/* !footer
---------------------------------------------------------- */
#noah_lp_footer {
	background: url(../img/footer_bg_sp.jpg) center top no-repeat;
	background-size: cover;
	text-align: center;
	color:#fff;
} 
#noah_lp_footer h3{
	margin-bottom: 30px;
	font-size:1.6rem;
	font-weight:bold;
}
#noah_lp_footer .sns{
	font-size:0;
}
#noah_lp_footer .sns a{
	display: inline-block;
	vertical-align: top;
	width:33%;
	color:#fff;
	font-weight:bold;
	font-size:1.4rem;
	margin-bottom: 50px;
}
#noah_lp_footer .sns a:hover{opacity: 0.7;}
#noah_lp_footer .sns img{
	display:block;
	margin:0 auto 10px;
	width:50px;
}
.noah_lp_footlogo img{height:120px;}
#noah_lp_copyright { 
	margin-top: 20px;
	font-weight:500;
	font-size: 1rem;
}

/* !h(n)eading
---------------------------------------------------------- */
.noah_lp_hdL {
	height:75px;
	width:100%;
	background:url(../img/title_bg_sp.jpg) no-repeat center top;
	background-size:cover;
	text-align: center;
	color:#A58530;
	font-size:2rem;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-bottom: 3px solid #A58530;
}
.noah_lp_hdL .eng{
	display:block;
	color:#fff;
    font-family: 'Alternate Gothic No3 D';
    font-weight: normal;
    font-style: normal;
	font-size:1.6rem;
}

.hdM {
	
} 
.hdS {
	
} 
 


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

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

/*====================================
！noah_lp_victory
====================================*/
.noah_lp_victory{
	background:url(../img/main_bg_sp.jpg) center bottom no-repeat #000;
	background-size: cover;
}
.noah_lp_victory .title{
	margin-bottom:80px;
	text-align:center; 
}
.noah_lp_victory .tit{
	margin-bottom:20px;
	color:#A58530;
	font-size:1.8rem;
	font-weight:bold;
}
.noah_lp_victory .txt{ 
	color:#fff;
	font-size:1.4rem;
	font-weight:500;
}


.noah_lp_victory_ticket{
	margin-bottom: 20px;
}

.noah_lp_victory_ticket_date{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: 10px;
	flex-wrap: wrap;
}
.noah_lp_victory_year{
	font-family: 'Alternate Gothic No3 D';
	font-weight: normal;
	font-style: normal;
	font-size: 4.2rem;
	line-height: 1;
	color: #FFFFFF;
}
.noah_lp_victory_date{
    font-family: 'DIN 1451 Std';
    font-weight: normal;
    font-style: normal;
	font-size: 10rem;
	line-height: 0.84;
	color: #FFFFFF;
	margin-left: 4px;
    margin-bottom: -14px;
}
.noah_lp_victory_week{
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	/* background: #0000ff; */
	background: #FC0303;
	font-size: 2.1rem;
	margin-left: 9px;
	color: #fff;
	margin-bottom: 7px;
}
.noah_lp_victory_time{
	font-family: 'Alternate Gothic No3 D';
	font-weight: normal;
	font-style: normal;
	font-size: 3.6rem;
	line-height: 1;
	color: #FFFFFF;
}

.noah_lp_victory_ticket_txt01{
	/* max-width: 260px; */
	max-width: 310px;
	margin: 0 auto 20px;
	height: 34px;
	background: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
	font-weight: bold;
	color: #000000;
}

.noah_lp_victory_ticket_btn{
	margin-bottom: 50px;
	text-align: center;
}

.noah_lp_victory_ticket_txt02{
	max-width: 250px;
	margin: 0 auto 35px;
	height: 32px;
	background: #12872E;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	position: relative;
}
.noah_lp_victory_ticket_txt02::before{
	position: absolute;
	left: 50%;
	bottom: -15px;
	width: 0;
	height: 0;
	transform: translateX(-50%);
	border-top: 15px solid #12872E;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	content: "";
}

.noah_lp_victory_ticket_links{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	
}
.noah_lp_victory_ticket_links li {
	width: 100%;
}
.noah_lp_victory_ticket_links li + li {
	margin-top: 50px;
}
.noah_lp_victory_ticket_links li:nth-child(2n){
	margin-left: 0;
}

.noah_lp_victory_ticket_links li a {
	display: block;
}

.noah_lp_victory_ticket_links li a + a {
	margin-top: 20px;
}


/*====================================
！noah_lp_banner
====================================*/
.noah_lp_banner{
	margin:0 auto; 
	text-align: center;
}
.noah_lp_banner img{width:100%;}
.noah_lp_banner .banner{
	display: block;
	margin-bottom:20px;
}
.noah_lp_banner .banner2{
	display: block;
	margin-bottom:20px;
	margin-top:20px;

}
.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;
	font-size:1rem;
}
.noah_lp_banner .wrap2 img{margin-bottom:10px;}


/*====================================
！noah_lp_card
====================================*/
.noah_lp_card{
	background: url(../img/bg.jpg) 0 0 repeat;
    background-size: 100px auto;
} 

.noah_lp_card .noah_lp_card_list li +li{
	margin-top: 30px;
}


.noah_lp_card .noah_lp_card_list_txt{
	margin-top: 10px;
	font-size: 1.4rem;
	color: #fff;
}




/*====================================
！noah_lp_player
====================================*/
.noah_lp_player{
	background:url(../img/bg_players_sp.jpg) no-repeat center 75px,url(../img/bg_players_under_sp.jpg) no-repeat center bottom #000;
    background-size: 100% auto;
}
.noah_lp_player .slider_info li:after{
	content:"";
	display: block;
	clear: both;
}
.noah_lp_player .slider_info .img{ 
	padding:0 45px 15px; 
} 
.noah_lp_player .slider_info .info .tit{
	margin-bottom:15px;
	font-size:1.8rem;
	font-weight:bold;
	color: #A58530;
}
.noah_lp_player .slider_info .data{
	width:100%;
	font-weight:500;
}
.noah_lp_player .slider_info .data th{
	vertical-align: top;
	padding:6px 0;
	width:68px;
	text-align: center;
}
.noah_lp_player .slider_info .data th span{
	display:block;
	padding:3px 10px;
	background:#fff;
}
.noah_lp_player .slider_info .data td{
	vertical-align: top;
	padding:6px 0px 6px 18px;
	line-height: 1.75;
	color:#fff;
}
.noah_lp_player .slider_nav{
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top:50px;
}
.noah_lp_player .slider_nav li{
	flex:0 0 23.8%;
	margin: 0 2px 20px;
	text-align: center;
	color:#fff; 
	font-weight:500;
}
.noah_lp_player .slider_nav li:nth-child(n+13){
	display: none;
}
.noah_lp_player .slider_nav li img{
	margin-bottom:6px;
	width:100%;
}
.slick-prev, .slick-next{ 
	width:22px;
	height:72px;
	background-size:100%;
}
.noah_lp_player .slick-prev, 
.noah_lp_player .slick-next{
	top:20%;
}

.noah_lp_player_btn{
	cursor: pointer;
	margin-bottom: 50px;
}



/*====================================
！noah_lp_ticket_info
====================================*/
.noah_lp_ticket_info{
	background:url(../img/ticket_bg_pc.jpg) center;
}

.noah_lp_ticket_map{
	margin-bottom: 30px;
}
.noah_lp_ticket_map_img{
	width: 100%;
	margin-bottom: 20px;
}
.noah_lp_ticket_map_price{
	width: 100%;
}
.noah_lp_ticket_map_price dl{
	display: flex;
	margin-bottom: 5px;
}
.noah_lp_ticket_map_price dt,
.noah_lp_ticket_map_price dd{
	width: 200px;
	background: #fff;
	font-size: 1.4rem;
	line-height: 2.15;
	text-align: center;
	color: #000000;
}
.noah_lp_ticket_map_price dd{
	margin-left: 5px;
}

.noah_lp_ticket_map_price .bg01{
	background: #A9A9A9;
}
.noah_lp_ticket_map_price .bg02{
	background: #00b050;
}
.noah_lp_ticket_map_price .bg03{
	background: #ed7d31;
}
.noah_lp_ticket_map_price .bg04{
	background: #8AAACE;
}
.noah_lp_ticket_map_price .bg05{
	background: #ffff00;
}
.noah_lp_ticket_map_price .bg06{
	background: #efea3c;
}
.noah_lp_ticket_map_price .bg07{
	background: #4472c4;
}




/*====================================
！noah_lp_movie
====================================*/
.noah_lp_movie{
	background:#000;
}
.noah_lp_movie .slider_movie{
	padding: 50px 53px 80px;
}  
.noah_lp_movie .item{
	position: relative;
} 
.noah_lp_movie .item .movie{
	display: block;
	position: relative;
}
.noah_lp_movie .item .movie iframe{
	display: block;
	margin:auto;
	width:270px;
	height:150px;
}
.noah_lp_movie .tit{ 
	color:#fff; 
	font-weight:500;
}  
.noah_lp_movie .slick-prev{
	left:20px;
	top: calc(50% - 24px);
}
.noah_lp_movie .slick-next{
	right:20px;
	top: calc(50% - 24px);
}
.noah_lp_movie .slick-dots{
	bottom: 50px;
	left: 0;
	width: 100%;
}
.noah_lp_movie .slick-dots li{
	transform: rotate(45deg);
	margin:0 8px;
	width: 8px;
    height: 8px;
	border-radius:0;
	border:0;
}
.noah_lp_movie .slick-dots li.slick-active{background-color:#12872E;}



/*====================================
！noah_lp_access
====================================*/
.noah_lp_access{
	background:url(../img/access_bg_sp.jpg) no-repeat center top;
	background-size:cover;
}

.noah_lp_access_tit{
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 2;
	color: #12872E;
	margin-bottom: 10px;
}
.noah_lp_access_subtit{
	text-align: center;
	font-size: 1.4rem;
	margin-bottom: 20px;
	color: #fff;
}
.noah_lp_access_map{
	width: 100%;
	height: 335px;
	margin-bottom: 10px;
}

.noah_lp_access_list{
	margin-bottom: 50px;
}
.noah_lp_access_list li{
	font-size: 1.4rem;
	color: #fff;
}
.noah_lp_access_list li span{
	color: #12872E;
}

.noah_lp_access_txt{
	border: 1px solid #FFFFFF;
	padding: 10px;
	font-size: 1.6rem;
	color: #fff;
	margin-bottom: 30px;
}

.slider_access{
	padding-bottom: 55px;
}
.noah_lp_access_measures .slick-slide li{
	padding: 0 38px;
}
.noah_lp_access_measures_txt{
	font-size: 1.4rem;
	color: #fff;
	margin-top: 15px;
}

.noah_lp_access .slick-prev,
.noah_lp_access .slick-next{
	top: 50px;
	transform: translateY(0);
}
.noah_lp_access .slick-dots{
	bottom: 0;
	left: 0;
	width: 100%;
}
.noah_lp_access .slick-dots li{
	transform: rotate(45deg);
	margin:0 8px;
	width: 8px;
    height: 8px;
	border-radius:0;
	border:0;
}
.noah_lp_access .slick-dots li.slick-active{background-color:#12872E;}
 
/*====================================
！noah_lp_goods
====================================*/
.noah_lp_goods{
	background: url(../img/bg.jpg) 0 0 repeat;
    background-size: 100px auto;
} 
.noah_lp_goods .slider_goods{
	padding:0 38px 30px;
} 
.noah_lp_goods li:after{
	content:"";
	display: block;
	clear: both;
}
.noah_lp_goods li .img{
	display: block;
	float: left;
	width:46%;
	margin:0 4% 0 0;
}
.noah_lp_goods li .info{
	overflow:hidden;
}
.noah_lp_goods li .name{
	margin-bottom:30px; 
    font-weight: bold;
	margin-top: 10px;
	font-size: 1.4rem;
	color: #fff;
}
.noah_lp_goods li .price p{
	margin-bottom:5px; 
	font-size: 1.4rem; 
	color: #fff;
}
.noah_lp_goods li .price .sign{
	display:inline-block;
	padding:0 10px;
	margin-right:5px;
	background:#fff;
	line-height: 20px;
	font-size:1rem;
	color: #000000;
}
.noah_lp_goods li .cart{
	margin-top: 15px;
	display: block;
	text-align: center;
}
.noah_lp_goods li .cart img{
	margin: 0 auto;
}
.noah_lp_goods .slick-prev,
.noah_lp_goods .slick-next{
	top: 116px;
	transform: translateY(0);
}
.noah_lp_goods .slick-dots{
	bottom: 0;
	left: 0;
	width: 100%;
}
.noah_lp_goods .slick-dots li{
	transform: rotate(45deg);
	margin:0 8px;
	width: 8px;
    height: 8px;
	border-radius:0;
	border:0;
}
.noah_lp_goods .slick-dots li.slick-active{background-color:#12872E;}

.noah_lp_goods .title{
	margin-bottom:80px;
	text-align:center; 
	margin-top: 30px;
}
.noah_lp_goods .tit{
	margin-bottom:20px;
	color:#A58530;
	font-size:1.8rem;
	font-weight:bold;
}
.noah_lp_goods  .txt {
	color:#fff;
	font-size:1.4rem;
	font-weight:500;
}