@charset "utf-8";

/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}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}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

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

Redefine

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

html{
	min-height: 100%;
    position: relative;
}
body {
	color: #030000;
	font: 14px/1 "Sawarabi Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0.02em;
	opacity: 0;
}

body.second{
	background: url("../img/common/bg_pc.png") center top;
	background-size: cover;
}

a{
	text-decoration: none;
}

a:hover{
	/*text-decoration: underline;*/
}

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

Redefine - header

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

div#header{
	background-color: #FFF;
	position: fixed;
	width: 100%;
	height:105px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	z-index:1;
	left:0;
	top:0;
}

div#header.top{
	background-color: transparent;
}

div#header.top div#header-logo{
	pointer-events: none;
	opacity: 0;
}

div#header div#header-logo{
	position: absolute;
	top:30px;
	left: 50px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

div#header div#header-contents{
	width: 520px;
	margin: 0 auto;
	padding-top: 39px;
}

div#header div#header-contents ul#gmenu li{
	margin-right: 28px;
	float: left;
}

div#header div#header-contents ul#gmenu li:last-child{
	margin-right: 0;
}

div#header div#header-contents ul#gmenu li.menu-goods{
	margin-right: 0;
}

div#header div#header-contents ul#gmenu li#sns-fb,
div#header div#header-contents ul#gmenu li#sns-tw,
div#header div#header-contents ul#gmenu li#sns-ig{
	float: left;
	margin: 0 10px 0 0;
}

div#spmenu{
	width: 750px;
	height: 100%;
	position: fixed;
	z-index: 999;
	top:0;
	left: 0;
	background-color: #4C959D;
	display: none;
}

div#header-ham{
	position: fixed;
	top:52px;
	right:52px;
	z-index:100;
	width: 66px;
	height: 66px;
	background: url("../img/header/btn_ham.png") no-repeat;
	background-size: 66px 66px;
}

body.second div#header-ham{
	background-image: url("../img/header/btn_ham_second.png");
}

div#spmenu div#btn-close-spmenu{
	margin: 52px 52px 22px 0;
}

div#spmenu ul{
	margin-top: 75px;
}

div#spmenu ul li{
	text-align: center;
	margin-bottom: 63px;
}

div#spmenu ul li.mb100 {margin-bottom: 100px;}

div#spmenu ul li.spmenu-sns{
	margin: 10px 40px 0 0;
}

div#spmenu ul li.spmenu-tw{
	margin-left: 257px;
}

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

Redefine - top

---------------------------------------- */
div#top{
	background: url("../img/top/bg_mv_pc.png") no-repeat;
	background-position: left bottom;
	background-size: cover;
	margin-top: 80px;
}

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

Redefine - container

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

div.container {
	width: 935px;
	margin:0 auto;
}

body.second div.container{
	width: 805px;
	margin-top: 90px;
	background-color: #fff;
	border-radius: 20px;
	padding: 72px 65px;
}

div.second-container-box div.fll,
div.second-container-box div.flr{
	width: 380px;
}

/* -- NOSCRIPT -- */

p#Noscript {
	margin-bottom: 15px;
	padding: 0.5em 1em;
	border: 2px solid #DDD;
	color: #333;
}

p.archive-sp{
	display: none;
}

h2.title{
	width: 964px;
	height: 42px;
	background-position: center center;
	background-repeat: no-repeat;
}

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

Redefine - container404

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

div#container404{
	top:50%;
	left: 50%;
	width: 172px;
	height: 44px;
	position: absolute;
	margin-top: -62px;
	margin-left: -86px;
}

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

Redefine - news

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

div#news{
	background-color: #4C959D;
	padding: 66px 0 45px;
	margin-top: -1px;
}

div#news div.container{
	background-color: #fff;
	border-radius: 10px;
}

div#news h2.fll{
	width: 223px;
	padding-top: 63px;
	padding-left: 50px;
}

div#news ul#news-container.flr{
	width: 660px;
	padding-top: 40px;
	padding-bottom: 20px;
}

ul#news-container li a{
	font-size: 13px;
	color:#000;
}

ul#news-container li a span.date{
	font-size: 16px;
	color:#F6CD69;
}

ul#news-container li a span.label{
	vertical-align: text-top;
	padding-top: 2px;
	display: inline-block;
}

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

Redefine - about

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

div#about{
	background-color: #4C959D;
	padding: 66px 0 140px;
	color:#fff;
}

div#about ul#bnr-ticket{
	width: 935px;
	margin: 0 auto 40px;
}

div#about ul#bnr-ticket li:nth-child(2){
	margin: 0 25px;
}

div#about p a{
	color:#fff;
}

div#about p a:hover{
	text-decoration: underline;
}

div#about ul#btn-playguide li{
	width: 233px;
	letter-spacing: 0;
}

div#about ul#btn-overseas{
	width: 554px;
	margin: 0 auto;
}

div#about ul#btn-overseas li{
	width: 260px;
}

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

Redefine - lineup

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

div#lineup{
	background-color: #F6CC68;
	padding: 66px 0 140px;
}

div#lineup a{
	color:#000;
}

div#lineup ul li{
	padding-top: 30px;
	margin-bottom: 55px;
}

div#lineup ul li.new{
	background: url("../img/lineup/icon_new.png") no-repeat;
	background-size: 47px 19px;
}


div#lineup ul li:nth-child(2),
div#lineup ul li:nth-child(5),
div#lineup ul li:nth-child(8){
	margin-left:48px;
	margin-right:48px;
}

div#lineup ul li.center{
	margin-left:328px;
}

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

Redefine - areamap

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

div#areamap{
	background-color: #819BCA;
	padding: 66px 0 140px;
	color:#fff;
}

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

Redefine - timetable

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

div#timetable{
	background-color: #E2C1B1;
	padding: 66px 0 140px;
}

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

Redefine - access

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

div#access{
	padding: 66px 0 45px;
	color:#fff;
}

div#access p.fs13{
	letter-spacing: -0.07em;
}

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

Redefine - notice

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

div#notice{
	padding: 66px 0 45px;
	color:#fff;
}

div#notice div.container,
div#access div.container{
	background-color: #4C959D;
}

div#notice p.fs13{
	letter-spacing: -0.07em;
}

div#notice p a{
	color:#fff;
}

div#notice p a:hover{
	text-decoration: underline;
}

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

Redefine - detail

---------------------------------------- */
div#detail{
	margin-top: -2px;
	padding: 210px 0 80px;
}

body.home div#detail{
	background: url("../img/top/bg_fv_pc.png") no-repeat;
	background-size: cover;
}

body.second div#detail{
	padding: 50px 0 80px;
}

div#detail p a{
	color:#4e959b;
}

div#detail p a:hover{
	text-decoration: underline;
}

div#detail ul#detail-sns{
	width: 160px;
	margin: 0 auto 60px;
}

div#detail ul#detail-sns li:nth-child(2){
	margin: 0 26px;
}

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

Redefine - footer

---------------------------------------- */
div#footer{
	background-color: #4C959D;
	font-weight: 500;
	padding: 40px 0;
	letter-spacing: 0.03em;
	text-align: center;
}

div#footer p,
div#footer p a{
	color:#FFF;
}

div#footer div#footer-archive{
	font-size: 15px;
	margin-bottom: 25px;
}

div#footer div#footer-archive p a{
	font-weight: 600;
	padding:0 0.5em 0 0.2em;
}

div#footer div#footer-copyright{
	font-size: 11px;
}

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

Common Class

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

.clear {clear: both;}
.fll {float:left;}
.flr {float:right;}
.tac {text-align: center;}
.tar {text-align: right;}
.vam{vertical-align: middle;}
.fwb {font-weight: bold;}
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs17 {font-size: 17px;}
.fs18 {font-size: 18px;}
.fs19 {font-size: 19px;}
.fs20 {font-size: 20px;}
.fs21 {font-size: 21px;}
.fs22 {font-size: 22px;}
.fs24 {font-size: 24px;}
.fs30 {font-size: 30px;}
.fs45 {font-size: 45px;}
.fcb{color:#5cc2cf;}
.fcy{color:#f8be00}
.fcg{color:#4e959b;}
.pt30{padding-top: 30px;}
.mt5 {margin-top: 5px;}
.mt15 {margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mb200 {margin-bottom: 200px !important;}
.mb130 {margin-bottom: 130px !important;}
.mb120 {margin-bottom: 120px !important;}
.mb100 {margin-bottom: 100px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb7 {margin-bottom: 7px !important;}
.mb5 {margin-bottom: 5px !important;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml78 {margin-left: 78px;}
.ml150{margin-left: 150px;}
.ml170 {margin-left: 170px;}
.lh50{line-height: 50%;}
.lh100 {line-height: 100%;}
.lh120 {line-height: 120%;}
.lh140 {line-height: 140%;}
.lh160 {line-height: 160%;}
.lh180 {line-height: 180%;}
.lh200 {line-height: 200%;}
.dpn{display: none;}
.pc{display: block;}
.sp{display: none;}
.op3{opacity: 0.3;}
.curp{cursor: pointer;}
.montserrat{letter-spacing:0.1em;font-family: 'Montserrat', sans-serif;}
a.noul{text-decoration: none;}
a.noul:hover{text-decoration: underline;}
a.ul{text-decoration: underline;}
a.ul:hover{text-decoration: none;}
.br-sp {display:none;}
.br-pc {display:inline;}
.titleline {display:flex; align-items:center;}

.titleline:after {margin-left:5px; border-top:1px solid #fff; content:""; flex-grow:1;}


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

clearfix

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

/* -- Modern Browsers -- */

.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

/* -- IE7 -- */

.clearfix {
	display: inline-block;
}

/*  -- Legacy IE -- */

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media screen and (max-width: 750px) {
	.pc{display: none;}
	.sp{display:block;}
	.br-sp {display:inline;}
	.br-pc {display:none;}
	body{font-size: 24px;}
	.fs30 {font-size: 30px;}
	.fs24{font-size: 28px;}
	.fs21{font-size: 25px;}
	.fs20{font-size: 24px;}
	.fs19 {font-size: 23px;}
	.fs18 {font-size: 22px;}
	.fs17 {font-size: 21px;}
	.fs16 {font-size: 20px;}
	.fs15 {font-size: 24px;}
	.fs14,.fs13 {font-size: 22px;}
	.fs11{font-size: 19px;}
	
	body.second{
		background: url("../img/common/bg_sp.png") repeat-y;
		background-size: 750px 3760px;
	}
	
	div#header{
		background-color: transparent;
	}
	
	body.second div#header{
		height:168px;
		background-color: #fff;
	}
	
	div#header div#header-logo{
		top:56px;
		left: 50px;
	}
	
	div#header div#header-logo img{
		width: 195px;
		height: 50px;
	}
	
	div#top{
		margin-top: 0;
		background-image: url("../img/top/bg_mv_sp.png");
	}
	
	div#news h2.fll{
		width: 100%;
		float: none;
		padding-left: 0;
		text-align: center;
		margin-bottom:50px;
		
	}
	
	div#news ul#news-container.flr{
		width: 90%;
		margin: 0 auto;
		float: none;
		padding-top: 0;
		padding-bottom: 50px;
	}
	
	ul#news-container li a{
		font-size: 18px;
	}
	
	ul#news-container li a span.date{
		font-size: 24px;
	}
	
	ul#news-container li a span.label{
		font-size: 22px;
	}
	
	div#about ul#bnr-ticket{
		width: 100%;
		margin: 0 auto 40px;
	}
	
	div#about ul#bnr-ticket li.fll{
		float: none;
		text-align: center;
	}
	
	div#about ul#bnr-ticket li:nth-child(2){
		margin: 30px 0;
	}
	
	div#about ul#bnr-ticket li img{
		width: 445px;
		height: auto;
	}
	
	div#about ul#btn-playguide li{
		width: 320px;
	}
	
	div#about ul#btn-playguide li img{
		width: 300px;
		height: auto;
	}
	
	div#about ul#btn-playguide li p.fs12{
		font-size: 14px;
	}
	
	div#about ul#btn-playguide li:nth-child(1),
	div#about ul#btn-playguide li:nth-child(2){
		margin-bottom: 30px;
	}
	
	div#about ul#btn-overseas{
		width: 100%;
	}
	
	div#about ul#btn-overseas li{
		width: 315px;
	}
	
	div#about ul#btn-overseas li img{
		width: 315px;
		height: auto;
	}
	
	div#about h4 img{
		width: 185px;
		height: 60px;
	}
	
	div#about img.discount{
		width: 100%;
		height: auto;
	}
	
	div#lineup ul{
		width: 600px;
		margin: 0 auto;
	}
	
	div#lineup ul li:nth-child(2),
	div#lineup ul li:nth-child(5),
	div#lineup ul li:nth-child(8){
		margin-left:0;
		margin-right:0;
	}
	
	div#lineup ul li:nth-child(2),
	div#lineup ul li:nth-child(4),
	div#lineup ul li:nth-child(6),
	div#lineup ul li:nth-child(8),
	div#lineup ul li:nth-child(10){
		float: right;
	}
	
	div#lineup ul li.center{
		margin-left:160px;
	}
	
	p.img-areamap img,
	p.img-timetable img{
		width: 650px;
		height: auto;
	}
	
	div#notice p.mb40{
		margin-bottom: 80px !important;
	}

	div.container {
		width: 650px;
		margin:0 auto;
	}
	
	body.second div.container{
		width: 520px;
		margin-top: 200px;
		background-color: #fff;
		border-radius: 20px;
		padding: 72px 65px;
	}
	
	div.second-container-box div.fll,
	div.second-container-box div.flr{
		width: 100%;
		float: none;
	}
	
	div#access-map-container iframe{
		width: 520px;
		height:350px;
	}
	
	div#access div.second-container-box div.fll,
	div#access div.second-container-box div.fll p.mb30,
	div#access div.second-container-box div.flr p.mb30{
		margin-bottom: 80px !important;
	}
	
	div#access img.imgaccess{
		width: 100%;
		height: auto;
	}
	
	div#detail{
		width: 750px;
		background-position: center center;
		padding-top: 180px;
		padding-bottom: 200px;
	}
	
	body.home div#detail{
		background-image: url("../img/top/bg_fv_sp.png");
		background-size: 750px 1054;
	}
	
	div#footer{
		line-height: 220%;
	}
	
	div#footer div#footer-archive{
		margin-bottom: 15px;
	}
	
	div#footer div#footer-archive{
		font-size: 19px;
	}
	
	div#footer div#footer-copyright{
		font-size: 16px;
	}
}