button,
hr,
input{
	overflow:visible}
*,
[type=checkbox],
[type=radio]{
	padding:0}
article,
aside,
details,
figcaption,
figure,
footer,
header,
label,
label[for=your-file] b,
main,
menu,
nav,
picture,
section,
source,
summary{
	display:block}
[hidden],
label[for=your-file] input[type=file],
template{
	display:none}
svg,
svg path,
svg.icon{
	fill:currentColor}
nav ol,
nav ul,
ol,
ul{
	list-style:none}
body,
html{
	-webkit-text-size-adjust:100%}
a,
a:focus,
a:hover,
abbr[title]{
	text-decoration:none}
.btn.btn-ticket,
.social-btns{
	float:left}
audio,
canvas,
progress,
video{
	display:inline-block}
audio:not([controls]){
	display:none;
	height:0}
*,
::after,
::before{
	box-sizing:border-box;
	background-repeat:no-repeat}
::after,
::before{
	vertical-align:inherit;
	text-decoration:inherit}
hr{
	height:0}
abbr[title]{
	border-bottom:1px dotted}
mark{
	color:#000;
	background-color:#ff0}
progress{
	vertical-align:baseline}
sub,
sup{
	line-height:0;
	position:relative}
sub{
	bottom:-.25em}
sup{
	top:-.5em}
::-moz-selection{
	color:#000;
	background-color:#b3d4fc;
	text-shadow:none}
::selection{
	color:#000;
	background-color:#b3d4fc;
	text-shadow:none}
audio,
canvas,
iframe,
img,
svg,
video{
	vertical-align:middle}
svg:not(:root){
	overflow:hidden}
a{
	background-color:transparent;
	-webkit-text-decoration-skip:objects;
-webkit-transition: all .3s;
transition: all .3s;
}
a:hover{
	outline-width:0;
}
button,
input:not([type=checkbox]):not([type=radio]),
select,
textarea{
	font-size:1em;
	margin:0;
	color:inherit;
	background-color:transparent}
button,
select{
	text-transform:none}
[type=reset],
[type=submit],
button,
html [type=button]{
	-webkit-appearance:button}
::-moz-focus-inner{
	padding:0;
	border-style:none}
:-moz-focusring{
	outline:ButtonText dotted 1px}
legend{
	max-width:100%;
	white-space:normal}
textarea{
	resize:vertical;
	overflow:auto;
	-webkit-appearance:none}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button{
	height:auto}
[type=search]{
	outline-offset:-2px;
	-webkit-appearance:textfield}
::-webkit-search-cancel-button,
::-webkit-search-decoration{
	-webkit-appearance:none}
::-webkit-input-placeholder{
	opacity:.54;
	color:#999}
::-webkit-file-upload-button{
	font:inherit;
	-webkit-appearance:button}
button,
datalist,
fieldset,
input,
legend,
optgroup,
option,
select,
textarea{
	font-family:'游ゴシック体',YuGothic,'Yu Gothic','ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif}
[aria-busy=true]{
	cursor:progress}
[aria-controls]{
	cursor:pointer}
[aria-disabled]{
	cursor:default}
[tabindex],
a,
area,
button,
input,
label,
select,
textarea{
	-ms-touch-action:manipulation;
	touch-action:manipulation}
[hidden][aria-hidden=false]{
	position:absolute;
	display:inherit;
	clip:rect(0,
0,
0,
0)}
[hidden][aria-hidden=false]:focus{
	clip:auto}
*{
	margin:0}
button,
fieldset,
input,
legend,
optgroup,
option,
select,
textarea{
	font-size:13px;
	font-size:.8125rem;
	display:block;
	box-sizing:border-box;
	margin:0;
	vertical-align:top;
	color:#fff;
	outline:0}
datalist{
	font-size:13px;
	font-size:.8125rem}
input[list],
input[type=text],
input[type=email],
input[type=password],
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=number],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
input[type=file],
input[type=search],
select,
textarea{
	width:100%;
	max-width:400px;
	padding:6px;
	border:1px solid #c8c8c8;
	border-radius:5px;
	background-color:#fff}
input[list],
input[type=text],
input[type=email],
input[type=password],
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=number],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
input[type=search]{
	height:30px;
	-webkit-appearance:none}
input[list]::-ms-clear,
input[list]::-ms-reveal,
input[type=text]::-ms-clear,
input[type=text]::-ms-reveal,
input[type=email]::-ms-clear,
input[type=email]::-ms-reveal,
input[type=password]::-ms-clear,
input[type=password]::-ms-reveal,
input[type=color]::-ms-clear,
input[type=color]::-ms-reveal,
input[type=date]::-ms-clear,
input[type=date]::-ms-reveal,
input[type=datetime-local]::-ms-clear,
input[type=datetime-local]::-ms-reveal,
input[type=month]::-ms-clear,
input[type=month]::-ms-reveal,
input[type=number]::-ms-clear,
input[type=number]::-ms-reveal,
input[type=tel]::-ms-clear,
input[type=tel]::-ms-reveal,
input[type=time]::-ms-clear,
input[type=time]::-ms-reveal,
input[type=url]::-ms-clear,
input[type=url]::-ms-reveal,
input[type=week]::-ms-clear,
input[type=week]::-ms-reveal,
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal{
	display:none}
input[type=range]{
	width:100%;
	max-width:400px;
	height:30px}
input[type=file]{
	min-height:30px}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration{
	-webkit-appearance:none}
input[type=checkbox],
input[type=radio]{
	display:inline-block;
	vertical-align:middle}
select{
	height:30px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none}
select::-ms-expand{
	display:none}
select[multiple]{
	height:auto;
	min-height:30px;
	padding:0}
select[multiple] option{
	margin:0;
	padding:6px}
fieldset{
	border-radius:5px}
button,
input[type=button],
input[type=reset],
input[type=image],
input[type=submit]{
	font-weight:700;
	width:100%;
	max-width:200px;
	height:40px;
	padding:10px;
	cursor:pointer;
	color:#fff;
	border:1px solid #c8c8c8;
	border-radius:5px;
	background-color:#fff;
	-webkit-appearance:none;
	-moz-appearance:none}
input[type=image]{
	padding:0;
	text-align:center}
button[disabled],
input[disabled],
option[disabled],
select[disabled],
textarea[disabled]{
	cursor:not-allowed;
	color:#aaa!important}
button:focus,
input:focus,
option:focus,
select:focus,
textarea:focus{
	border-color:#c8c8c8;
	background-color:#fff}
button:focus,
button:hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=submit]:hover{
	color:#fff;
	background-color:#fff}
input[list].size_full,
input[list].size_l,
input[list].size_m,
input[list].size_s,
input[type=text].size_full,
input[type=text].size_l,
input[type=text].size_m,
input[type=text].size_s,
input[type=email].size_full,
input[type=email].size_l,
input[type=email].size_m,
input[type=email].size_s,
input[type=password].size_full,
input[type=password].size_l,
input[type=password].size_m,
input[type=password].size_s,
input[type=color].size_full,
input[type=color].size_l,
input[type=color].size_m,
input[type=color].size_s,
input[type=date].size_full,
input[type=date].size_l,
input[type=date].size_m,
input[type=date].size_s,
input[type=datetime-local].size_full,
input[type=datetime-local].size_l,
input[type=datetime-local].size_m,
input[type=datetime-local].size_s,
input[type=month].size_full,
input[type=month].size_l,
input[type=month].size_m,
input[type=month].size_s,
input[type=number].size_full,
input[type=number].size_l,
input[type=number].size_m,
input[type=number].size_s,
input[type=tel].size_full,
input[type=tel].size_l,
input[type=tel].size_m,
input[type=tel].size_s,
input[type=time].size_full,
input[type=time].size_l,
input[type=time].size_m,
input[type=time].size_s,
input[type=url].size_full,
input[type=url].size_l,
input[type=url].size_m,
input[type=url].size_s,
input[type=week].size_full,
input[type=week].size_l,
input[type=week].size_m,
input[type=week].size_s,
input[type=file].size_full,
input[type=file].size_l,
input[type=file].size_m,
input[type=file].size_s,
input[type=search].size_full,
input[type=search].size_l,
input[type=search].size_m,
input[type=search].size_s,
select.size_full,
select.size_l,
select.size_m,
select.size_s,
textarea.size_full,
textarea.size_l,
textarea.size_m,
textarea.size_s{
	max-width:initial;
	max-width:auto}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    box-shadow: 0 0 0 1000px #fff inset;}
::-moz-placeholder{
	color:#999}
:-ms-input-placeholder{
	color:#999}
::placeholder{
	color:#999}
button[readonly],
input[readonly],
option[readonly],
select[readonly],
textarea[readonly]{
	padding:0;
	border:none}
button[disabled]:hover,
input[disabled]:hover,
option[disabled]:hover,
select[disabled]:hover,
textarea[disabled]:hover{
	color:#aaa}
label[for=your-file] b{
	font-size:13px;
	font-size:.8125rem;
	font-weight:700;
	width:100%;
	max-width:200px;
	height:40px;
	padding:10px;
	cursor:pointer;
	text-align:center;
	color:#fff;
	border:1px solid #c8c8c8;
	border-radius:5px;
	background-color:#fff;
	-webkit-appearance:none;
	-moz-appearance:none}
#cfm-your-file img,
label[for=your-file] #thumb img{
	max-width:100%;
	height:auto}
input[type=range]{
	-webkit-appearance:none}
input[type=range].size_full,
input[type=range].size_l,
input[type=range].size_m,
input[type=range].size_s{
	max-width:initial;
	max-width:auto}
input[type=range]:focus{
	outline:0}
input[type=range]::-webkit-slider-runnable-track{
	width:100%;
	height:2px;
	cursor:pointer;
	border:0 solid #010101;
	border-radius:0;
	background:rgba(200,
200,
200,
.78)}
input[type=range]::-webkit-slider-thumb{
	width:12px;
	height:12px;
	margin-top:-5px;
	cursor:pointer;
	border:1.8px solid #444;
	border-radius:50%;
	background:#444;
	-webkit-appearance:none}
input[type=range]:focus::-webkit-slider-runnable-track{
	background:rgba(213,
213,
213,
.78)}
input[type=range]::-moz-range-track{
	width:100%;
	height:2px;
	cursor:pointer;
	border:0 solid #010101;
	border-radius:0;
	background:rgba(200,
200,
200,
.78)}
input[type=range]::-moz-range-thumb{
	width:12px;
	height:12px;
	cursor:pointer;
	border:1.8px solid #444;
	border-radius:50%;
	background:#444}
input[type=range]::-ms-track{
	width:100%;
	height:2px;
	cursor:pointer;
	color:transparent;
	border-color:transparent;
	background:0 0}
input[type=range]::-ms-fill-lower{
	border:0 solid #010101;
	border-radius:0;
	background:rgba(187,
187,
187,
.78)}
input[type=range]::-ms-fill-upper{
	border:0 solid #010101;
	border-radius:0;
	background:rgba(200,
200,
200,
.78)}
input[type=range]::-ms-thumb{
	width:12px;
	height:12px;
	height:2px;
	cursor:pointer;
	border:1.8px solid #444;
	border-radius:50%;
	background:#444}
input[type=range]:focus::-ms-fill-lower{
	background:rgba(200,
200,
200,
.78)}
input[type=range]:focus::-ms-fill-upper{
	background:rgba(213,
213,
213,
.78)}
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single{
	height:30px!important;
	border:1px solid #c8c8c8!important;
	border-radius:5px!important;
	outline:0}
.select2-container--default .select2-selection--multiple .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__rendered{
	height:30px!important}
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--single .select2-selection__choice{
	border:1px solid #c8c8c8!important}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{
	border-bottom-right-radius:0!important;
	border-bottom-left-radius:0!important}
.select2-container--default .select2-search--dropdown .select2-search__field{
	max-width:initial;
	max-width:auto;
	border-color:#c8c8c8!important}
.select2-dropdown{
	border-color:#c8c8c8!important}
.select2-selection__clear{
	font-size:13px;
	font-size:.8125rem;
	color:#fff}
.select2-container{
	width:100%!important;
	max-width:100%}
.select2-container .select2-search--inline .select2-search__field{
	margin-top:0!important}
.size_full+.select2-container,
.size_l+.select2-container,
.size_m+.select2-container,
.size_s+.select2-container{
	max-width:initial;
	max-width:auto}
.wpcf7-form-control-wrap{
	display:block}
@font-face{
	font-family:Roboto;
	src:url(../fonts/RobotoCondensed-Regular.eot);
	src:url(../fonts/RobotoCondensed-Regular.eot?#iefix) format('embedded-opentype'),
url(../fonts/RobotoCondensed-Regular.woff2) format('woff2'),
url(../fonts/RobotoCondensed-Regular.woff) format('woff'),
url(../fonts/RobotoCondensed-Regular.ttf) format('truetype')}

@font-face{
	font-family:Roboto-bold;
	src:url(../fonts/RobotoCondensed-Bold.eot);
	src:url(../fonts/RobotoCondensed-Bold.eot?#iefix) format('embedded-opentype'),
url(../fonts/RobotoCondensed-Bold.woff2) format('woff2'),
url(../fonts/RobotoCondensed-Bold.woff) format('woff'),
url(../fonts/RobotoCondensed-Bold.ttf) format('truetype')}

@font-face{
	font-family:Roboto-light;
	src:url(../fonts/Roboto-Light.eot);
	src:url(../fonts/Roboto-Light.eot?#iefix) format('embedded-opentype'),
url(../fonts/Roboto-Light.woff2) format('woff2'),
url(../fonts/Roboto-Light.woff) format('woff'),
url(../fonts/Roboto-Light.ttf) format('truetype')}

@font-face{
	font-family:Abel;
	src:url(../fonts/Abel-Regular.eot);
	src:url(../fonts/Abel-Regular.eot?#iefix) format('embedded-opentype'),
url(../fonts/Abel-Regular.woff2) format('woff2'),
url(../fonts/Abel-Regular.woff) format('woff'),
url(../fonts/Abel-Regular.ttf) format('truetype')}

.svg-icon-lib{
	position:absolute!important;
	overflow:hidden!important;
	clip:rect(0 0 0 0)!important;
	width:1px!important;
	height:1px!important;
	margin:-1px!important;
	padding:0!important;
	border:0!important}
svg.icon{
	display:inline-block;
	width:1em;
	height:1em;
	stroke-width:0;
	stroke:currentColor}
.inner{
	margin:0 auto;
	padding:0}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video{
	/*font:inherit;*/
	font-size:100%;
	margin:0;
	padding:0;
	vertical-align:baseline;
	border:0}

html{
	box-sizing:border-box;
	cursor:default;
	-ms-text-size-adjust:100%;
	line-height:1;
	font-size:62.5%}

table{
	border-spacing:0;
	border-collapse:collapse}

caption,
td,
th{
	font-weight:400;
	text-align:left;
	vertical-align:middle}
blockquote,
q{
	quotes:none}
blockquote:after,
blockquote:before,
q:after,
q:before{
	content:'';
	content:none}
a img{
	border:none}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary{
	display:block}
input[type=button],
input[type=text],
input[type=email],
input[type=submit],
option,
select,
textarea{
	border-radius:0}
*{
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box}
input,
textarea{
	font-family:'Noto Sans Japanese',
sans-serif}
*,
:after,
:before{
	box-sizing:border-box}
body{
	color:#000;
	background:0 0;
	font-family: 'Century Gothic','Noto Sans JP', "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic Medium", BlinkMacSystemFont,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
	font-size:1.4rem;
	font-weight:400;
	line-height:1.8;
	position:relative;
	overflow-x:hidden;
    background-color: #fff;}



h1,
h3,
h4,
h5,
h6{
	font-weight:400;
	margin:0}
figure{
	margin:0}
figure img{
	width:100%;
	max-width:100%}
iframe,
img{
	max-width:100%;
	vertical-align:top}


body.menu-show{
	overflow:hidden}
a {
    color: #fa2335;}
a:hover {
    color: #ff7c82!important;}
.tac {
    text-align: center;}

#header h1 {
	display:none;}
#page-wrapper {
	position:relative;
	overflow-x:hidden;
	-ms-overflow-x:hidden;
	margin:0 auto;
/*	width:1240px;
	max-width:100%;
	padding-left:184px;
*/
}
#header {
	position:relative;
	padding-right:46px;
	padding-left:46px;
    background-color: #fff;}
#header:after {
	content:'';
	position:absolute;
	top:-10px;
	left:100%;
	width:100%;
	height:10px;
	background-color:#d3d3d3;}
#page-navigation {
	position:fixed;
	top:0;
	left:0;
	display:none;
	width:300px;
	padding-top:98px;
	text-align:right;
	z-index: 50;
}
#page-navigation #side-nav li.back-to-top .pc {
	display:block;}
#page-navigation #side-nav li.back-to-top .sp,
#sm-page-navigation {
	display:none;}
#page-navigation a {
	color:#ff7c82;}
#page-navigation a.disabled {
	cursor:default;
	color:#ddd;}
#page-navigation #side-nav>li {

	font-size:2rem;
	margin-bottom:35px;
	letter-spacing:.05em;}
#page-navigation #side-nav>li.menu a {
	position:relative;
	color:#000;
	text-align: center;
display: block;
font-weight: bold;
}
#page-navigation #side-nav>li.menu a:after {
	position:absolute;
	right:0;
	bottom:4px;
	width:0;
	height:0;
	content:none;
	border-width:15px 0 0 15px;
	border-style:solid;
	border-color:transparent transparent transparent #ff7c82;}
#page-navigation #side-nav>li.sns p {
	width:38px;
	height:38px;
	border-radius:19px;
	background-color:#fec61b;
	text-align:center;}
#page-navigation #side-nav>li.sns {
	overflow:hidden;
	width:38px;
	margin:0 auto 32px;}
#page-navigation #side-nav>li.sns p {
	padding-top:6px;
	color:#000;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80% 80%;}
#page-navigation #side-nav>li.sns.facebook p {
    background-image: url("../images/news/icon_facebook.png");}
#page-navigation #side-nav>li.sns.twitter p {
    background-image: url("../images/news/icon_x.png");}
#page-navigation #side-nav>li.sns.instagram p {
    background-image: url(../images/news/icon_instagramFj9BA5qQ.png);}
#page-navigation #side-nav>li.sns.weibo p {
    background-image: url(../images/news/icon_weiboFj9BA5qQ.png);}
#page-navigation #nav-ticket-list li {
	font-size:12px;
	line-height:27px;}
#main{
	padding: 80px 60px 150px;
    background: #151515;
    background-size: contain;
    
   width: 1000px;
max-width: 100%;
margin: 0 auto;
}
#main.no-bg{
    background: none;
}





.head-img-wrapper{
position: relative;
height: 100vh;
}

.head-img-wrapper .tit {
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
margin: auto;
text-align: center;
left: 50%;
width: 60%;
z-index: 1;
opacity:0;
}

.loaded .head-img-wrapper .tit{
animation: titOpacity 0.5s ease 0.5s forwards;
}




.head-img-wrapper h1 {
	height: 100%;
	margin: 0 auto 0px auto;
	text-align:center;
	
	opacity:0;
}


.loaded .head-img-wrapper h1 {
animation: imgOpacity 0.5s ease 0s forwards;
}


@keyframes imgOpacity {
  0% {
    opacity:0;
  }
  100% {
opacity:1;
  }
}


@keyframes titOpacity {
  0% {
    opacity:0;
    transform: translate(-50%,0%);
  }
  100% {
opacity:1;
transform: translate(-50%,-50%);
  }
}



.head-img-wrapper h1 img {
display:inline-block;
width: auto;
height: 100%;
}

.head-img-wrapper .lead {
    margin-top: 2em;
	font-size:2rem;
    font-weight: bold;
	text-align:center;}
.btn {
	display:inline-block;
	margin:0;
	padding:0;
	vertical-align:middle;}
.btn.contact-btn {
	font-size: 12px;
	line-height: 22px;
	position: relative;
	width: 90px;
	height: 22px;
	margin-right: 15px;
	margin-left: 3px;
	color: #fff;
	background-color: #444;
    text-align: center;}
.btn.contact-btn:before {
	content:'';}
.btn.contact-btn + span {
    font-weight: bold;
    color: #000;}
.btn.contact-btn + span a {
	color: #000 !important;}
.btn.contact-btn + span a:hover {
		color: #ff7c82 !important;}
.btn-group:after,
.btn.contact-btn:after {
	content:''}
.btn.contact-btn:after {
	position:absolute;
	top:0;
	right:-8px;
	width:0;
	height:0;
	border-width:11px 0 11px 8px;
	border-style:solid;
	border-color:transparent transparent transparent #444;}
.btn-group:after {
	display:block;
	clear:both;}
.btn.btn-ticket {
	font-size:16px;
	line-height:20px;
	display:table;
	width:280px;
	height:80px;
	margin-right:10px;
	margin-bottom:10px;
	color:#fff;
	border-radius:4px;
	background-color:#ff7c82;}
.btn.btn-ticket:hover {
	background-color:#333;}
.btn.btn-ticket br.sp-only {
	display:none;}
.btn.btn-ticket.disabled {
	background-color:#ddd;}
.btn.btn-ticket:last-child {
	margin-right:0;}
.btn.btn-ticket .inner {
	display:table-cell;
	width:100%;
	vertical-align:middle;}
.btn.expand-schedule-btn {
	font-size:22px;
	line-height:31px;
	display:none;
	width:calc(100% - 20px);
	height:100px;
	color:#ff7c82;
	border:1px solid #ff7c82;
	border-radius:4px;}
.btn.expand-schedule-btn .inner {
	display:table-cell;
	width:100%;
	vertical-align:middle;}
.btn.burger-btn {
	position:fixed;
	z-index:99;
	top:26px;
	left:30px;
	display:block;
	display:none;
	width:25px;
	height:22px;
	cursor:pointer;
	border:0;
	border-radius:0;
	background-color:transparent;
	background-image:url(../images/top/burger_icon.png);
	background-position:100% 0;}
.btn.burger-btn.active {
	background-position:0 0;}
.btn.burger-btn:focus {
	outline:0;}
.btn.more-btn,
.btn.back-btn{
    line-height: 56px;
    display: block;
    width: 280px;
    height: 56px;
    margin: 0 auto;
    text-align: center;
    letter-spacing: .3em;
    color: #fff;
    border-radius: 6px;
    background-color: #1f1f1f;
    font-size: 15px;}


.btn.more-btn.more-ticket {
background-color: #d7406b;
font-size: 18px;
font-weight: bold;
letter-spacing: .1em;
}

.btn.more-btn:hover,
.btn.back-btn:hover {
    color: #fff !important;
    background-color: #ff7c82;}



.list-inline,
.list-unstyled {
	margin:0;
	padding:0;
	list-style-type:none;}
.list-inline li {
	display:inline-block;}
.list-unstyled li {
	display:block;}
.list-news {
    margin-bottom: 5%;}
.list-news > li {
	zoom: 1;
	margin: 0 0 20px;
    position: relative;}
.list-news > li a {
    position: relative;
	padding: 1em;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
	display: flex;
    background-color: #ffffff;
    text-decoration: none;
    border: 1px solid rgba(3, 0, 0, .1);
    border-radius: 6px;
    box-shadow: 0 0 6px rgba(3, 0, 0, .06);}
.list-news > li a:hover {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;}
.list-news > li .sns-share {
    position: absolute;
    right: 10px;
    top: 10px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
	display: flex;}
.list-news > li .sns-share a {
    width: 32px;
    height: 32px;
    margin-left: 5px;
    padding: 0;
    display: block;
    text-indent: -9999px;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%;}
.list-news > li .sns-share a.twitter {
    background-image: url(../images/news/icon_twitter.png);}
.list-news > li .sns-share a.facebook {
    background-image: url(../images/news/icon_facebook.png);}
.list-news > li .sns-share a.line {
    background-image: url(../images/news/icon_line.png);}
.list-news > li .thumb {
    width: 150px;
    color: #3660fd;}
.list-news > li .thumb img {
    width: 100%;}
.list-news > li .text {
    width: calc(100% - 150px);
    padding: 10px 20px;
    line-height: 1.8;}
.list-news > li a .news-text-top {
    zoom:1;
    overflow: hidden;}
.list-news > li a time {
    font-weight: bold;
	font-size:1.4rem;
	display:block;}
.list-news > li a .sns-share {
    display: flex;}
.list-news > li h3 {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 28px;}
.list-news > li a .sns-share a {
    margin: 0;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: -9999px;
    background-color: #000000;}


.tblUnit_01 {
    margin-bottom : 24px;
}
.tblUnit_01 table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
    background-color: #555;
    margin-bottom: 16px;
    font-size: 90%;
}
.tblUnit_01 td,.tblUnit_01 th {
    padding: 10px;
    vertical-align: middle;
    text-align: center
}
.tblUnit_01 th {
    color: #fff;
    background-color: #404040;
}
.tblUnit_01 th.largeTtl {
    font-size : 143%;
    background-color : #2B2B2B;
}
.tblUnit_01 td {
    background-color: #fff;
}
.tblUnit_01 tr.strLine td {
    background-color: #EFEFEF;
}

@media screen and (max-width: 767px) {
    .tblUnit_01 td, .tblUnit_01 th {
        padding: 2px;
        font-size: 72%;
    }
}


#main p.subtit {
text-align:center;
width:750px;
margin:0 auto 100px;
}

#main section h2 {
	position: relative;
	font-size:4rem;
	line-height:1;
	padding:15px 0;
	text-align:center;
	letter-spacing:.1em;
	color:#000;
	background: #fec61b;
}


#news-section {
	padding: 100px 0 50px;}
#news-section h2 {
	margin:0 0 46px;}
#news-section .news-list li {
	padding-bottom:42px;
	border-bottom:1px solid #e3e3e3;}
#news-section .news-list li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;}
#news-section .more-news {
	font-size:16px;
	line-height:28px;
	position:relative;
	display:block;
	margin-top:68px;
	padding-left:28px;
	text-decoration:underline;
	color:#ff7c82;}
#news-section .more-news:before {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	display:block;
	width:17px;
	height:17px;
	margin:auto 0;
	content:'';}
#news-section .more-news:hover {
	color:#fff}
#news-section .more-news:hover:before {
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%);}

/* 追加 */
#news-section .news-detail .sns-share {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-bottom: 3em; }
#news-section .news-detail .sns-share a {
    width: 32px;
    height: 32px;
    margin-left: 8px;
    padding: 0;
    display: block;
    text-indent: -9999px;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%;
	transition: all .3s ease;}
#news-section .news-detail .sns-share a:hover {
    opacity: 0.6;}
#news-section .news-detail .sns-share a.twitter {
    background-image: url(../images/news/icon_twitter.png);}
#news-section .news-detail .sns-share a.facebook {
    background-image: url(../images/news/icon_facebook.png);}
#news-section .news-detail .sns-share a.line {
    background-image: url(../images/news/icon_line.png);}
/* 追加ここまで */

#schedules-section {
	padding-top:40px;
	padding-bottom:39px;}
#schedules-section h2 {
	margin-bottom:50px;}
#schedules-section .schedule-list {
	margin-right:-10px;
	margin-left:-10px;}
#schedules-section .schedule-list:after {
	display:block;
	clear:both;
	content:'';}
#schedules-section .schedule-list li {
	float:left;
	width:50%;
	margin-bottom:20px;
	padding:0 10px;}
#schedules-section .schedule-list li .schedule-card {
	padding:24px;
	border:1px solid #000;
}
#schedules-section .schedule-list li .schedule-card.end {

}
#schedules-section .schedule-list li .schedule-card h3 {
	/*font-family: 'Noto Serif JP', serif;*/
	font-size:3rem;
	line-height:1em;
	margin-bottom:10px;
	margin-left: -2px;
	color: #000;
}

#schedules-section .schedule-list li .schedule-card h3 span{
	font-size:1.5rem;
	display:inline-block;
	margin-left:0;
	vertical-align:middle}
#schedules-section .schedule-list li .schedule-card h4{
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:0
	color: #000;
}

#schedules-section .schedule-list li .schedule-card time{
	font-size:1.5rem;
	line-height:1.6em;
	display:block;
	margin-bottom:7px
	color: #000;
}

#schedules-section .schedule-list li .schedule-card time span{
	display:inline-block;
	margin-left:13px}
#schedules-section .schedule-list li .schedule-card .contact-us span{
	font-size:1.3rem}

#schedules-section .schedule-list li .schedule-card .contact-txt{
	margin-top:4px;
	margin-bottom:7px}
#schedules-section .schedule-list li .schedule-card .contact-txt span{
	font-size:1.4rem;
	font-weight:400
	color: #000;
}

#schedules-section .schedule-list li .schedule-card .contact-txt span.releasedate{
	display:block}
#schedules-section .schedule-list li .schedule-card .strongTx{
	font-weight:700;
	display:block;
	margin-bottom: 7px;
	}
#schedules-section .schedule-list li .schedule-card .maplink{
	overflow:hidden;
	margin-left:4px;
	padding:10px 0}
#schedules-section .schedule-list li .schedule-card .maplink a {
	font-size:1.5rem;
	font-weight:700;
	position:relative;
	padding-left:25px;
	color:#fff}
#schedules-section .schedule-list li .schedule-card .maplink a:before{
	content:'';
	line-height:1;
	position:absolute;
    top: -2px;
    left: 2px;
    width: 20px;
    height: 20px;
	margin-right:12px;
    background: url("../images/top/icon_map.png") no-repeat center bottom;
    background-size: contain;}
#schedules-section .schedule-list li .schedule-card .maplink a:hover{
	color:#ff7c82;}
#schedules-section .schedule-list li .schedule-card .external-link{
	font-size:1.4rem;
	font-weight:700;
	line-height:29px;
	position:relative;
	display:inline-block;
	margin-left:0;
	vertical-align:middle;
	text-decoration:none;
	color:#ff7c82}
#schedules-section .schedule-list li .schedule-card .external-link:hover{
	color:#fff}
#schedules-section .schedule-list li .schedule-card .external-link:hover:before{
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%)}
#schedules-section .schedule-list li .schedule-card .external-link:hover:after {
	background-color:#ff7c82;}
#schedules-section .schedule-list li .schedule-card .tel-no{
	font-size:12px;
	line-height:29px;
	display:block}
#schedules-section .schedule-list li.special-event .schedule-card {
    background-color: #f9ecec;
    border: solid 1px #f1e0e3;}
#schedules-section .schedule-list li.special-event .schedule-card .btn_more {
    display: inline-block;
    margin-bottom: 10px;
    background-color: #ff7c82;
    color: #ffffff;
    padding: 0.2em 1em;
    border-radius: 3px;}
#schedules-section .schedule-list li.special-event .schedule-card .btn_more:hover {
    background-color: #ff7c82;
    color: #ffffff !important;}

.mini {
    font-size: 12px;
}

.tel {
    color: #000
}
.box-content {
	padding-top:42px;
	border-bottom:none}
.box-content h2 {
	margin-bottom:41px}
.box-content h3 {
	margin-bottom:31px;
	text-align:center;
	letter-spacing:.07em;
    font-family: 'Noto Serif JP', serif;
	font-size:2.6rem;}
.box-content h4 {
    font-weight: 700;}
.box-content table {
	width:100%;
	margin-bottom:50px;
	border-top:1px solid #000;
	border-right:1px solid #000}
.box-content table td,
.box-content table th {
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	text-align:center;
    word-break: break-all
    background: #000;;
}

.box-content table th {
	padding:10px;
	font-size:2rem;
    font-weight: bold;}
.box-content table td {
	padding:28px;}
.box-content table td .notice li {
    text-align: left;
    font-size: 1.4rem;}


.box-content table td .notice .vandle {
margin: 25px 0;
}
.box-content table td .notice .vandle a {
display: block;
}


.box-content table td .notice li h5 {
font-size: 18px;
font-weight: bold;
}

.notice .bnr{
	text-align: center;
    background: #ff7c82;
    color: #fff;
    width: 50%;
    margin: 0 auto;
    font-size: 16px;
    padding: 10px 0;
    font-weight: bold;
}


.box-content table td .notice li h6 {
font-size: 16px;
font-weight: bold;
margin: 20px 0 0;
}
.box-content table td .notice li:nth-child(1) h6 {
margin: 0px 0 0;
}


.box-content table td ul li {
    font-size: 2.1rem;}
.box-content table td p{
	font-size:1.5rem}
.box-content table td p span{
	font-size:1.2rem;
	display:block;}
.box-content table td p.period,
box-content table td p.price {
	font-size:2.1rem;
	margin-bottom:7px;}
.box-content table td p a{
	color:#ffdab6;}
.box-content table td dl{
	margin-bottom:15px}
.box-content table td dl:last-child{
	margin-bottom:20px}
.box-content table td dl dt{
	font-size:2.1rem}
.box-content table td dl dt span{
	font-size:1.4rem}
.box-content table td dl dd,
.box-content table td span{
	font-size:1.2rem}

.box-content table td span.bold {
    font-size: 100%;
    font-weight: bold;
}

.box-content table td p.btn{
	margin-top:30px}
.box-content table td p.btn a{
	line-height:56px;
	display:block;
	width:280px;
	height:56px;
	margin:0 auto;
	text-align:center;
	letter-spacing:.3em;
	color:#fff;
	border-radius:6px;
	background-color:#2b91d2}
.box-content table td p.btn a:hover{
	background-color:#333}

.box-content .list-playguide {
    text-align: center;}
.box-content .playguide {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -ms-flex-wrap: wrap;
  	flex-wrap: wrap;
    -ms-flex-pack: distribute;
	justify-content: space-around;
    margin: 3% 0;}
.box-content .playguide li {
    width: 33%;
    margin-bottom: 3%;}
.box-content .playguide li p {
    width: 90%;
    margin: 0 auto;}

.jumbotron{
	padding:31px 0 0;
    border-top: solid 8px #ff7c82;}
.jumbotron h3{
	font-size:1.8rem!important;
	font-weight:700;
	line-height:2em;
	margin-bottom:30px!important;
	text-align:left!important}
.jumbotron h3.caution{
	line-height:1.4em;
	color:#e35158}
.jumbotron h3.caution span{
	font-size:1.4rem!important;
	font-weight:400;
	display:block}
.jumbotron h4,
.jumbotron ul li{
	font-weight:700;
	font-size:1.4rem}
.jumbotron h4{
	margin-bottom:15px}
.jumbotron p{
	font-size:1.4rem;
	margin-bottom:30px}
.jumbotron ul{
	margin-bottom:25px}
.jumbotron ul li{
	padding-left:1em;
	text-indent:-1em}
.jumbotron ul li:last-child{
	margin-bottom:0}

.box-content .box-wrap {
    padding: 3%;
    margin-bottom: 5%;
    background: #fff9e8;
    border: solid 1px #fec61b;
}

.box-content .box-wrap h3 {
    font-size: 2rem;
    font-weight: bold;
    color: #000;
    }
.box-content .box-wrap.yellow h3 {
color: #000;
}
.box-content .box-wrap p {
    font-size: 90%;}
.box-content .box-wrap strong {
    font-weight: bold;}
.box-content .box-wrap .name {
    display: block;
    text-align: right;}


#story h3 {
	margin: 0;
	padding: 1% 0 5%;
	font-weight: bold;
	font-size: 25px;
	font-size: 2.5rem;
	text-align: left;
	line-height: 1.6;}
#story .news-detail {
    zoom:1;
    overflow: hidden;}
#story .news-detail::after {
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    content: ".";
    visibility: hidden;}
#story .mainphoto {
    width: 300px;
    padding: 0 24px 24px 0;
    float: left;}
#story .mainphoto img {
    max-width: 100%;
    width: auto !important;
    width: 100%;
    border: 1px solid rgba(3, 0, 0, .1);
    border-radius: 6px;}
#story .text {
    margin-bottom: 5%;
	text-align: left;
	word-break: break-all;
	overflow: hidden;
    font-size: 1.4rem;}
#story .text .photo img {
    display: block;
	max-width: 100%;
	width: auto !important;
	width: 100%;}
#story .player {
    width: 60%;
    margin: 0;
    padding-top: 38%;}

#footer{
	padding:25px 3vw 25px ;
	background-color:#000;
	
	display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
	}


#footer a{
display: block;
}
#footer .copyright{
	font-size:1.4rem;
	text-align:center;
	color:#fff}
#footer .copyright .sp{
	display:none}


.red {
color: #fa2335;
font-weight: bold;
}

.blue {
color:#68B6EA;
}

.content-box {
margin: 0px auto 62px;
}

#main .lowerTit {
    width: 300px;
    margin: 0 auto;
}





@media only screen and (min-width:639px){
input[list].size_s,
input[type=text].size_s,
input[type=email].size_s,
input[type=password].size_s,
input[type=color].size_s,
input[type=date].size_s,
input[type=datetime-local].size_s,
input[type=month].size_s,
input[type=number].size_s,
input[type=tel].size_s,
input[type=time].size_s,
input[type=url].size_s,
input[type=week].size_s,
input[type=file].size_s,
input[type=search].size_s,
select.size_s,
textarea.size_s{
	width:100%;
	max-width:50px}
input[list].size_m,
input[type=text].size_m,
input[type=email].size_m,
input[type=password].size_m,
input[type=color].size_m,
input[type=date].size_m,
input[type=datetime-local].size_m,
input[type=month].size_m,
input[type=number].size_m,
input[type=tel].size_m,
input[type=time].size_m,
input[type=url].size_m,
input[type=week].size_m,
input[type=file].size_m,
input[type=search].size_m,
select.size_m,
textarea.size_m{
	width:100%;
	max-width:200px}
input[list].size_l,
input[type=text].size_l,
input[type=email].size_l,
input[type=password].size_l,
input[type=color].size_l,
input[type=date].size_l,
input[type=datetime-local].size_l,
input[type=month].size_l,
input[type=number].size_l,
input[type=tel].size_l,
input[type=time].size_l,
input[type=url].size_l,
input[type=week].size_l,
input[type=file].size_l,
input[type=search].size_l,
select.size_l,
textarea.size_l{
	width:100%;
	max-width:400px}
input[list].size_full,
input[type=text].size_full,
input[type=email].size_full,
input[type=password].size_full,
input[type=color].size_full,
input[type=date].size_full,
input[type=datetime-local].size_full,
input[type=month].size_full,
input[type=number].size_full,
input[type=tel].size_full,
input[type=time].size_full,
input[type=url].size_full,
input[type=week].size_full,
input[type=file].size_full,
input[type=search].size_full,
select.size_full,
textarea.size_full{
	width:100%;
	max-width:initial;
	max-width:auto}
input[type=range].size_s{
	width:100%;
	max-width:50px}
input[type=range].size_m{
	width:100%;
	max-width:200px}
input[type=range].size_l{
	width:100%;
	max-width:400px}
input[type=range].size_full{
	width:100%;
	max-width:initial;
	max-width:auto}
.size_s+.select2-container{
	width:100%;
	max-width:50px}
.size_m+.select2-container{
	width:100%;
	max-width:200px}
.size_l+.select2-container{
	width:100%;
	max-width:400px}
.size_full+.select2-container{
	width:100%;
	max-width:initial;
	max-width:auto}}


@media (min-width:769px){
#side-nav>li.menu a:hover{
	color:#ff7c82!important}
#side-nav>li.menu a:hover:after{
	border-color:#ff7c82 transparent transparent!important}
#side-nav>li.sns.googleplus a:hover,
#side-nav>li.sns:hover p{
	background-color:#ffe699 !important}}


@media (min-width:1220px){
#nav-ticket-list{
	margin-top:-15px}
#side-nav>li.menu a:hover{
	color:#ff7c82!important}
#side-nav>li.menu a:hover:after{
	border-color:transparent transparent transparent #ff7c82!important}
#side-nav>li.sns:hover p{
	background-color:#ffe699 !important}}


@media (max-width:1219px){
#header h1 .lg_header,
body:before{
	display:none}
#header h1,
#page-navigation #side-nav{
	text-align:center}
body{
	width:100%}
#main{
	padding: 60px 60px;}
#header{
	padding-top:0;
	padding-right:0;
	padding-left:0;
}
#header.fixed{
	position:fixed;
    z-index: 98;
	top:0;
	right:0;
	left:0;
	}
#header h1{
	margin-bottom:6px}
#header h1 .md_header{
	display:inline;
	max-width:100%}
#header .head-img{
	max-width:100%}
#page-wrapper{
	width:100%;
	padding-left:0}
#page-navigation{
	position:static;
	width:auto;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:6px}
#page-navigation #side-nav li{
	font-size:1.8rem;
	display:inline-block;
	margin-right:3%;
	margin-bottom:0}
#page-navigation #side-nav li.menu{
	position:relative;
	top:-9px}
#page-navigation #side-nav li.menu a{
	padding-right:0;
	padding-left:40px}
#page-navigation #side-nav li.menu a:after{
	position:absolute;
	right:auto;
	bottom:7px;
	left:0;
	width:0;
	height:0;
	border-width:8px 7.5px 0;
	border-style:solid;
	border-color:#ff7c82 transparent transparent}
#page-navigation #side-nav li.sns{
	width:32px;
	height:32px}
#page-navigation #side-nav li.sns p{
	width:32px;
	height:32px;
	padding-top:5px;
	border-radius:16px}
#page-navigation #side-nav li.sns.facebook,
#page-navigation #side-nav li.sns.twitter,
#page-navigation #side-nav li.sns.instagram,
#page-navigation #side-nav li.sns.weibo{
	font-size:1.4rem;
	margin:16px 2% 0 0;
	padding-top:0}

#page-navigation #side-nav li.link  {
margin-right: 0;
position: relative;
top: -10px;
width: 150px;
}

#page-navigation #side-nav li.link a {
display: block;
}

#page-navigation #side-nav #nav-ticket-list{
	font-size:12px;
	line-height:28px;
	position:absolute;
	top:52px;
	display:none;
	width:150px;
	padding:11px 0 14px 16px;
	text-align:left;
	border:1px solid #ff7c82;
	border-radius:3px;
	background-color:#fff}
#page-navigation #side-nav #nav-ticket-list li{
	display:block;
	margin:0}
#footer{
	padding:26px 3vw;
	}
}

@media (max-width:806px){
#page-navigation #side-nav li.menu a{
	padding-left:30px}}

@media (max-width:768px){
#footer .copyright,
#footer .official-link-wrapper,
#header,
#main section h2,
#sm-page-navigation,
.social-btns{
	text-align:center}

.btn.contact-btn{
	font-size:0;
	line-height:30px;
	width:18px;
	height:18px;
	margin-right:3px;
	background: none}
#page-wrapper{
	width:100%}
.btn.contact-btn:before{
	content:'';
	line-height:1;
	position:absolute;
    top: -3px;
    left: 0px;
    width: 18px;
    height: 18px;
	margin-right:12px;
    background: url("../images/top/icon_info.png") no-repeat center bottom;
    background-size: contain;}
#header{
	position:fixed;
	z-index:2;
	width:100%;
    height: 70px;}
#header h1{
	margin-bottom:0;
	padding-top:0}
#header h1 .sm_header{
	display:inline}
#header h1 .lg_header,
#header h1 .md_header,
.btn.contact-btn:after {
	display:none}
#header .logo_s{
	display:block;
	float:right;
	width:108px}
#header .logo_s img{
	display:block;
	width:100%;
	height:auto}
.head-img-wrapper .lead {
    margin-top: 1em;
	font-size:1.5rem;}
#main{
	margin:0 auto;
	padding: 80px 30px;}
#main .head-img.lg{
	display:none}
#main .head-img.sm{
	display:inline;
	width:100%}
#page-navigation{
	position:fixed;
	z-index:98;
	top:67px;
	left:0;
	display:none;
	overflow:auto;
	width:100%;
	height:100%;
	margin-bottom:0;
	padding-bottom:40px;
	background-color:#000;}
#page-navigation.activepage{
	top:67px}
#page-navigation .nav-wrap{
	display:table;
	width:100%;
	height:100%}
#page-navigation #side-nav{
	display:block;
	width:89.58333%;
	margin:0 auto;
    padding-top: 3%;
	vertical-align:middle}
#page-navigation #side-nav li{
	font-size:2rem;
	line-height:37px;
	position:relative;
	display:block;
	margin:0;
}


#page-navigation #side-nav li.link  {
top: 0;
padding: 30px 0 0;
border-bottom: none;
width: 100%;
}

#page-navigation #side-nav li#ticket-menu{
	margin:0}
#page-navigation #side-nav li.back-to-top .pc{
	display:none}
#page-navigation #side-nav li.back-to-top .sp{
	display:block}
#page-navigation #side-nav li.menu{
	top:0}
#page-navigation #side-nav li.menu:before{
	display:none}
#page-navigation #side-nav li.menu a{
	display:block;
	padding:30px 0;
	color:#fff}
#page-navigation #side-nav li.menu a:after,
#page-navigation #side-nav li.menu a:before{
	display:none}
#page-navigation #side-nav li.sns{
	width:auto;
	height:auto;
	margin:0!important}
#page-navigation #side-nav li.sns.facebook,
#page-navigation #side-nav li.sns.twitter,
#page-navigation #side-nav li.sns.instagram,
#page-navigation #side-nav li.sns.weibo{
	font-size:2.3rem}
#page-navigation #side-nav li.sns a{
	display:block;
	padding:30px 0;
	color:#fff}
#page-navigation #side-nav li.sns p{
	top:0;
	width:100%;
	height:auto;
	padding-top:0;
    background-size: 38px 38px;}
#page-navigation #side-nav>li.sns p {
	background-color: inherit;}
#page-navigation #side-nav>li:before,
#sm-page-navigation #sm-side-nav>li:before{
	right:0;
	left:0;
	height:6px;
	content:'';
	background-position:-14px 6px;
	bottom:0}
#page-navigation #side-nav>li:before{
	position:absolute;
	display:block;
	width:6px;
	margin:0 auto}
#page-navigation #side-nav #nav-ticket-list{
	position:static;
	width:auto;
	padding:0;
	text-align:center;
	border:none;
	border-radius:0;
	background-color:transparent}
#page-navigation #side-nav #nav-ticket-list li{
	font-size:1.4rem;
	line-height:35px}
#sm-page-navigation{
	display:block;
	margin-top:62px;
	margin-bottom:72px;
	padding-bottom:64px;
	border-bottom:1px solid #fff}
#sm-page-navigation #sm-side-nav li a{
	color:#ff7c82}
#sm-page-navigation #sm-side-nav li a.disabled{
	cursor:default;
	color:#ddd}
#sm-page-navigation #sm-side-nav>li{
	font-size:38px;
	line-height:100px;
	position:relative;
	letter-spacing:.1em}
#sm-page-navigation #sm-side-nav>li:before{
	position:absolute;
	display:block;
	width:6px;
	margin:0 auto}
#sm-page-navigation #sm-side-nav>li:last-child:before{
	content:none}
#sm-page-navigation #sm-nav-ticket-list>li{
	font-size:1.8rem;
	line-height:35px}
#sm-nav-ticket-list{
	margin-top:-14px;
	padding-bottom:26px}
#main section{
	padding-right:0;
	padding-left:0}
#main section h2{
	font-size:2.5rem;
	margin-bottom:35px}
#news-section{
	padding-bottom:0}
#news-section .more-news{
	font-size:22px;
	line-height:2em;
	margin-top:85px}
.list-news > li a {
    padding: 1em;}
.list-news > li .thumb {
    width: 120px;}
.list-news > li .text {
    width: calc(100% - 120px);
    padding: 10px;}
.list-news > li h3 {
	font-size: 1.5rem;
	line-height: 22px;}
.list-news > li .sns-share a {
    width: 30px;
    height: 30px;}
/* 追加 */
#news-section .news-detail .sns-share a {
    width: 30px;
    height: 30px;}
/* 追加ここまで */
#schedules-section{
	padding-top:90px;
	padding-bottom:0}
#main section#schedules-section h2{
	margin-bottom:30px}
#schedules-section .schedule-list{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	margin-right:-7px;
	margin-left:-7px;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap}
#schedules-section .schedule-list li{
	float:none;
	width:50%;
	margin-bottom:15px;
	padding:0 7px}
#schedules-section .schedule-list .schedule-space {
    display: none;}
#schedules-section .schedule-list li .schedule-card{
	height:100%;
	padding:24px 20px}
#schedules-section .schedule-list li .schedule-card h3{
	font-size:2.5rem}
#schedules-section .schedule-list li .schedule-card h3 small{
	font-size:22px}
#schedules-section .schedule-list li .schedule-card h4{
	font-size:1.7rem;
	line-height:1.4em}
#schedules-section .schedule-list li .schedule-card .maplink{
	margin-left:2px}
#schedules-section .schedule-list li .schedule-card .maplink a,
#schedules-section .schedule-list li .schedule-card time{
	font-size:1.4rem}
#schedules-section .schedule-list li .schedule-card .contact-txt span:last-child{
	font-size:1.2rem}
#schedules-section .schedule-list li .schedule-card .strongTx{
	font-size:1.4rem}
#schedules-section .schedule-list li .schedule-card .external-link{
	font-size:1.4rem;
	line-height:29px}
#schedules-section .schedule-list li .schedule-card .external-link:before{
	vertical-align:3px}
#schedules-section .schedule-list li .schedule-card .external-link:after{
	bottom:0}
#schedules-section .schedule-list li .schedule-card .tel-no{
	font-size:1.8rem;
	line-height:29px}
#main section.box-content{
	padding-top:48px}
#main section.box-content h2{
	margin-bottom:50px}
.box-content h3{
	font-size:2.6rem;
	margin-bottom:40px}
.box-content h3 span{
	font-size:30px}
.box-content table th{
	font-size:1.8rem}
.box-content table td{
	padding-right:40px;
	padding-left:40px}
.box-content table td dl dt {
	font-size:1.6rem}
.box-content table td .notice li {
    font-size: 1.3rem;}
.box-content table td ul li {
    font-size:1.8rem;}
.box-content table td ul li span{
	font-size:1.3rem}
.box-content table td dl dd{
	margin-bottom:10px}
.box-content table td p br,
.btn.btn-ticket br.sp-only{
	display:block}
.box-content .ticket-criteria{
	font-size:1.8rem;
	line-height:32px}
.box-content .ticket-criteria ul li .left{
	min-width:119px}
.box-content .box-wrap h3 {
    font-size: 1.8rem;
    margin: 10px 0 15px;}
.box-content .playguide {
    display: block;}
.box-content .playguide li {
    width: 100%;
    margin-bottom: 3%;}
.box-content .playguide li p {
    text-align: center;}
.btn.btn-ticket{
	font-size:16px;
	line-height:24px;
	width:calc(50% - 20px);
	height:100px;
	margin-right:20px;
	margin-bottom:20px}
.btn.expand-schedule-btn{
	display:table}
.social-btns{
	display:block}
.jumbotron{
	padding:0 0 9px}
.jumbotron h3{
	font-size:1.7rem!important;
	line-height:41px;
	margin-bottom:25px!important}
#footer .footer-upper{
	margin-bottom:92px}
.jumbotron ul{
	font-size:1.8rem;
	line-height:26px}
.jumbotron h4{
	font-size:1.4rem;
	line-height:26.4px}
.jumbotron h5{
	font-size:1.4rem;
	line-height:34px}
.jumbotron p{
	font-size:1.4rem;
	line-height:1.85em}
.jumbotron .inside-box .red{
	font-size:1.4rem;
	line-height:34px}
.jumbotron .inside-box .blue{
	font-size:1.4rem;
	line-height:34px}
.jumbotron .inside-box ol{
	font-size:1.4rem;
	line-height:38px}
.jumbotron .inside-box ol li p{
	font-size:1.8rem;
	line-height:24px}
.social-btns{
	float:none}
#story h3 {
	padding: 1% 0 6%;
	font-size: 16rem;
	font-size: 1.6rem;}
#story .mainphoto {
    width: 300px;
    margin: 0 auto 5%;
    padding: 0;
    float: none;}
#story .player {
	width: 100%;
	margin: 0 auto;
	padding-top: 56.25%;}
#footer{
	padding:86px 0 98px}
#footer .official-link-wrapper{
	display:block;
	float:none}
#footer .official-link-wrapper .official-links{
	display:inline-block;
	float:none}
#footer .official-links span{
	display:block}
#footer .copyright .pc{
	display:none}
#footer .copyright .sp,
.btn.burger-btn{
	display:block}}


@media (max-width:639px){
.btn.burger-btn{
	display:block}
.pcdb{
	display:none}
.box-content table td dl dt br,
.box-content table td p.period br,
.box-content table th br{
	display:block}
.btn.contact-btn{
	font-size:0;
	line-height:15px;
	width:20px;
	height:15px;
	margin-left:0}
#header{
	padding:6px 16px;
    height: 42px;}
#sm-page-navigation{
	margin-top:0;
	margin-bottom:36px;
	padding-bottom:32px}
#sm-page-navigation #sm-side-nav>li{
	font-size:19px;
	line-height:50px}
#sm-page-navigation #sm-nav-ticket-list>li{
	font-size:9px;
	line-height:20px}
#sm-nav-ticket-list{
	margin-top:-7px;
	padding-bottom:13px}
#main{
	padding: 60px 15px;
opacity:0;
}
.loaded #main {
animation: imgOpacity 0.5s ease 1s forwards;
}
#main p.subtit img{
	width:100%;
	height:auto}
#main section h2{
	margin-bottom:22px}
#news-section{
	padding-top:60px;
	padding-bottom:0}

#news-section .news-list li{
	margin-bottom:26px;
	padding-bottom:26px}
#news-section .news-list li time{
	font-size:1.3rem}
#news-section .news-list li h3{
	font-size:13px;
	line-height:18px}
#news-section .news-list li p{
	font-size:1.3rem;
	line-height:1.8em;
	margin-top:5px}
#news-section .more-news{
	font-size:1.3rem;
	line-height:18px;
	margin-top:42.5px}
#schedules-section{
	padding-top:30px;
	padding-bottom:0}
#main section#schedules-section h2{
	margin-bottom:22px}
#schedules-section .schedule-list li{
	width:100%;
	margin-bottom:1.2rem}
#main section.box-content h2,
.box-content h3{
	margin-bottom:20px}
#schedules-section .schedule-list li .schedule-card{
	padding:20px}
	
#schedules-section .schedule-list li .schedule-card h3 small{
	font-size:1.3rem}
#schedules-section .schedule-list li .schedule-card .maplink,
#schedules-section .schedule-list li .schedule-card time{
	font-size:1.4rem}
#schedules-section .schedule-list li .schedule-card .external-link{
	font-size:1.5rem;
	line-height:14.5px}
#schedules-section .schedule-list li .schedule-card .external-link:before{
	vertical-align:1.5px}
#schedules-section .schedule-list li .schedule-card .tel-no{
	font-size:9px;
	line-height:14.5px}
.box-content h3{
	font-size:1.9rem;
	line-height:1.3em}
.box-content h3 span{
	font-size:15px}
.box-content table{
	margin-bottom:28px}
.box-content table th{
	font-size:1.6rem;
	line-height:1.8em}
.box-content table td{
	padding:16px}
.box-content table td dl dt{
	line-height:1.4em}
.box-content table td p{
	font-size:1.3rem;
	text-align:left}
.box-content table td p.period,
.box-content table td p.price {
	font-size:1.6rem;
	line-height:1.4em;
	text-align:center}
.box-content table td p.btn{
	font-size:1.8rem;
	width:81.39535%}
.box-content table td p.btn a{
	width:100%}
.notice .bnr{
	width: 80%;
	font-size: 14px;}
.box-content .ticket-criteria{
	font-size:9px;
	line-height:16px}
.box-content .ticket-criteria ul li .left{
	min-width:59.5px}
.box-content .box-wrap h3 {
    font-size: 1.6rem;
    line-height: 1.4em;}
.btn.btn-ticket{
	font-size:8px;
	line-height:12px;
	width:calc(50% - 10px);
	height:50px;
	margin-right:10px;
	margin-bottom:10px}

.jumbotron{
	font-size:12px;
	line-height:1.6;
	margin-bottom:0px;
	padding:10.5px 0 0}
.jumbotron h3{
	font-size:1.5rem!important;
	line-height:20.5px;
	margin:0 0 10px}
.jumbotron h3.caution span{
	margin-top:12px}
.jumbotron ul{
	font-size:1.3rem;
	line-height:1.9em}
.jumbotron h4{
	font-size:1.4rem!important;
	line-height:1.5;
	margin:15px 0}
.jumbotron h5{
	font-size:10px;
	line-height:17px}
.jumbotron p{
	font-size:1.3rem!important;
	line-height:1.9em}
.jumbotron p.last{
	margin-bottom:60px}
#footer .footer-upper,
.social-btns{
	margin-bottom:46px}
#header h1 .sm_header{
	width:205.5px;
	height:51.5px}
.btn.burger-btn{
	top:13px;
	left:15px;
    width: 20px;
    height: 20px;
    background-size: 40px auto;}
#page-navigation,
#page-navigation.activepage{
	top:42px}
#page-navigation #side-nav li{
	font-size:2.5rem;
	line-height:1em}
#page-navigation #side-nav #nav-ticket-list li{
	font-size:10px;
	line-height:20px}
#footer{
	font-size:1.2rem;
	padding:20px 0;
	display: block;
text-align: center;
	}

#footer a {
    margin: 0 auto 15px;
    max-width: calc(113 / 375 * 100vw);
}

#main p.subtit {
width: 100%;
margin: 0 auto 20px;
}

}

@media (max-width: 360px){
    .list-news > li .text {
        padding: 30px 10px 10px;}
    .list-news > li .sns-share a {
        width: 28px;
        height: 28px;
    }
	/* 追加 */
	#news-section .news-detail .sns-share a {
    	width: 28px;
        height: 28px;
	}
	/* 追加ここまで */


}




#movie-section {
    padding: 62px 0 50px;
}
#movie-section h2 {
    margin: 0 0 46px;
}


ul.list-movie {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
}
ul.list-movie li {
width:48%;
margin:0 1% 2%;
}


ul.list-movie li .iframe_wrap {
position: relative;
padding:0 0 56.25%;
height: 0;
overflow: hidden;
width: 100%;
margin: 0px auto 0px;
text-align: center;
}
ul.list-movie li .iframe_wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}





.box-wrap .limit {
    text-align: center;
    margin: 0 auto 20px;
}
.box-wrap .limit .sp{
display:none;
}

#schedules-section .schedule-list.list2022 a:hover {
    color: #956DAF !important;
}

#schedules-section .schedule-list.list2022 .btn.contact-btn {
background-color: #956DAF;
}

#schedules-section .schedule-list.list2022 .btn.contact-btn::after {
    border-color: transparent transparent transparent #956DAF;
}


.box-content.sub {
    padding-top: 0;
}

.box-content.sub .box-wrap {

}

.box-content.sub .box-wrap p {
    font-size: 1.5rem;
}


.box-content.sub .box-wrap p.att {
	font-size: 120%;
	font-weight: bold;
	letter-spacing:0.05em;
}
.box-content.sub .box-wrap .notice li h5 {
    font-size: 18px;
    font-weight: bold;
}

.box-content.sub .box-wrap .notice li h6 {
    font-size: 16px;
    font-weight: bold;
}

.box-content.sub .box-wrap .notice li h6 {
    font-size: 16px;
    font-weight: bold;
}

.box-content.sub .box-wrap .notice li  span.bold {
    font-size: 100%;
    font-weight: bold;
}

strong {
    font-weight: bold;
}





.box-wrap.ppl {
background: #FAF6FF;
border: solid 1px #B7A8CC;
}

.box-wrap.ppl h3{
background-color: #B7A8CC;
}

.box-wrap.ppl .notice li h6 {
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 0;
}
.box-wrap.ppl .notice li:nth-child(1) h6 {
    margin: 0px 0 0;
}



@media (max-width:768px){


ul.list-movie li {
width:100%;
margin:0 auto 10px;
}


.box-wrap .limit .sp{
display:block;
}

#schedules-section .schedule-list.list2022 .btn.contact-btn {
    background: none;
}
#schedules-section .schedule-list.list2022 .btn.contact-btn::before{
background: url("../images/top/icon_info_ppl.png") no-repeat center bottom;
background-size: contain;
}

.head-img-wrapper h1 {
    margin: 42px auto 0;
}
.head-img-wrapper h1 img {
  height: auto;
  width: 100%;
}

.content-box {
	margin: 0 auto;}

#movie-section {
	padding: 48px 0 0;
}

}


/*アコーディオン*/
.a-title {
position: relative;
cursor: pointer;
transition: all .5s ease;
}

.a-title::before,
.a-title::after{
position: absolute;
content:'';
width: 15px;
height: 2px;
background-color: #333;
}
.a-title::before{
top:48%;
right: 20px;
transform: rotate(0deg);
}
.a-title::after{    
top:48%;
right: 20px;
transform: rotate(90deg);
}
.a-title.close::before{
transform: rotate(45deg);
}
.a-title.close::after{
transform: rotate(-45deg);
}
.a-box {
display: none;
}

.box-content .box-wrap-g{
	background: #fff;
    border: solid 1px #d8d8d8;
}

.box-content .box-wrap-g h3{
	background: #f1f1f1;
    border: solid 1px #d8d8d8;
}

@media (max-width:768px){
.a-title::before,
.a-title::after{
width: 10px;
	}
}



.yellow{
background: #fff8e3 !important;
/*border: solid 1px #ff7c82 !important;*/
}
.yellow h3{

}

.lead{
width: 100%;
margin: 8% auto 10% auto;
font-size: 1.75rem;
}		
.txt_strong{
font-size: 1.6rem !important;
font-weight: bold;
}
		
@media (max-width: 768px){

.head-img-wrapper .tit {
width: 90%;
}


.lead{
width: 100%;
margin: 12% auto 15% auto;
font-size: 1.5rem;
}
.txt_strong{
font-size: 1.4rem !important;
font-weight: bold;
}		
}






.strongTx a{
color: #fff;
}
.img-ltike{
display: flex;
align-items: center;
background: #fff;
padding: 15px;
margin: 0 0 15px;
}
.pc-mr5{
margin-right: 5%;
}
.box-ticket{
display: flex;
justify-content: space-around;
}

.box-ticket a {
color:#e3edff;
}
.box-ticket p{
text-align: center;
}

.box-content h3{
	font-family: sans-serif;
}
ul li a{
	word-wrap:break-word;
}
.new{
position: relative;		
}
.new:before{
content: "new!";
font-size: 14px;
font-weight: bold;
position: absolute;
top: -10px;
right: 10px;
background: #DF2012;
padding: 24px 14px;
border-radius: 50%;
color: #fff;
transform: rotate(15deg);
}
.sp{
display: none;
} 	


.yearsche {
	margin:0 auto 20px;
	padding:0 ;
	text-align:center;
	font-family: 'Noto Serif JP', serif;
	font-size: 3rem;
	letter-spacing:0.1em;
}


.iframe_wrap {
position: relative;
padding:0 0 56.25%;
height: 0;
overflow: hidden;
width: 100%;
margin: 50px auto 100px;
text-align: center;
}

.iframe_wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}





@media (max-width: 768px){
.img-ltike{
justify-content: center;
}
.box-ticket{
display: block;
}
.sp{
display: block;	
} 

.head-img-wrapper {
height: auto;
}


.yearsche {
font-size: 2.5rem;
}


.iframe_wrap{
margin: 30px auto 70px;
}



}




.tourTit{
margin: 0 auto 20px;
padding: 0;
text-align: center;
font-size: 3rem;
letter-spacing: 0.1em;
}



.halfSchedule{
margin: 0px 10px 20px;
padding: 0;
text-align: left;
font-size: 20px;
letter-spacing: 0.1em;
}

.halfSchedule span{
font-size: 80%;
border: solid 1px;
padding: 10px 25px;
line-height: 1;
}

.scheduleTable {
width: 100%;
border-bottom: 1px solid #fff;
margin: 0 auto 70px;
font-size: 15px;
letter-spacing: 0.1em;
}

.scheduleTable th {
    border-bottom: 1px solid #fff;
    padding: 0 0 10px;
    vertical-align: middle;
    text-align: left;
    font-weight: bold;
    font-size: 13px;
  }
  .scheduleTable th.openStart {
    text-align: center;
  }
  .scheduleTable td {
    border-top: 1px solid #fff;
    padding: 18px 0;
    vertical-align: middle;
  }
  .scheduleTable td.date {
    width: 300px;
    text-align: left;
    padding: 18px 15px 18px 0;
    line-height: 1.5em;
    font-weight: 400;
  }
  .scheduleTable .date {
    font-weight: bold;
  }
  .scheduleTable .venue {
    position: relative;
    padding: 18px 0;
    text-align: left;
  }
  

.announce {
  padding: 0 0 30px;
  border-bottom: 1px solid #fec61b;
  margin: 0 auto 10px;
}


.announce:last-child {
  margin: 0;
  padding: 0;
  border-bottom: none;
}


.ticketArea {
  border: 2px solid #c0c0c0;
  padding: 40px 30px 0;
  margin: 0 0 30px 0;
  background: #fff;
}

.ticketArea .txtbold {
  font-size: 1.5rem;
  font-weight: bold;
  color: #000;
}
.ticketArea .txt {
  font-size: 1.5rem;
  color: #000;
}
.entryDetail {
  margin: 15px auto 0px;
}

@media (max-width: 768px){

.tourTit {
  margin: 0 auto 10px;
  text-align: center;
  font-size: 2rem;
}
.halfSchedule {
  margin: 0 7px 20px;
  text-align: left;
  font-size: 18px;
}
.halfSchedule span {
padding: 6px 15px;
}
.scheduleTable {
  width: 100%;
}
.scheduleTable thead {
  display: none;
}

.scheduleTable td {
  display: block;
  width: 100%;
  text-align: left;
}
.scheduleTable td.date {
padding: 15px 15px 0px 0;
  width: 100%;
}
.scheduleTable td.venue {
  padding: 6px 0 15px;
  border: none;
}





}