@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;700&display=swap');

/* base
----------------------------------------------- */
html{font-size: 62.5%;/*1em:10px*/}

body{margin:0;
	padding: 7px;
	text-align:left;
	background:#000;
	font-family: "Noto Sans JP","メイリオ","Mayryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Helvetica,Verdana,sans-serif;
	font-size: 1.6em;/*16px*/
	position: relative;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;/*iPhone fix*/}

/* IE8 */
article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary{
	margin:0;
	padding:0;
	display:block;}

table{font-size:inherit;
	border-collapse:collapse;
	border-spacing:0;}

th{margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	text-align: left;}

img{border:0;
	line-height:1;
	vertical-align:bottom;
	-ms-interpolation-mode: bicubic !important;}

a:link img,
a:visited img,
a:active img,
a:hover img{outline:none;
	overflow:hidden;}
	
strong{font-weight:bold;}
h1,h2,h3,h4{font-weight:normal;}

*, *:before, *:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

ruby{ruby-align:distribute-space;
	ruby-overhang:none;
	ruby-position:above;
	line-height:1.2;}
	
.justify{text-align:justify;
	text-justify:inter-ideograph;}

::selection{background:#e4007f; color:#000;}
::-moz-selection{background:#e4007f; color:#000;}

/* clearfix
----------------------------------------------- */
.clearfix:before,
.clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

/* content
----------------------------------------------- */
#content{width:100%;
	margin:0;
	padding:0;
	overflow: hidden;
	border: #cdaf51 2px solid;
	background: #000;
	position: relative;}
	
section{width:100%;
	margin:0;
	padding:0;
	position: relative;}

.main{width:980px;
	margin:0 auto;
	padding:0;
	text-align:left;}

.mainL{width:47.5%;
	margin:0;
	padding:0;
	float:left;}
	
.mainR{width:47.5%;
	margin:0;
	padding:0;
	float:right;}

.mainFT2L{width:60%;
	margin:0;
	padding:0;
	float:left;}

.mainFTR{width:35%;
	margin:0;
	padding:0;
	float:right;}

.mainFTL{width:35%;
	margin:0;
	padding:0;
	float:left;}

.mainFT2R{width:60%;
	margin:0;
	padding:0;
	float:right;}
	
.mainC{width:50%;
	margin:0 auto;
	padding:0;}
	
.mainW{width:100%;
	margin:0 auto;
	padding:0;}

.mainWL{width:47.5%;
	margin:0;
	padding:0;
	float:left;}
	
.mainWR{width:47.5%;
	margin:0;
	padding:0;
	float:right;}

/* footer
----------------------------------------------- */
#footer{width:100%;
	margin:0;
	padding:1.25em;
	text-align:center;
	background: linear-gradient(135deg, rgba(226,199,111,1) 0%,rgba(185,140,50,1) 100%);
	}

#footer small{margin:0;
	font-size:77%;
	color:#000;
	letter-spacing:0.06em;
	line-height:1.2;}
	
	
/* nav
----------------------------------------------- */
#nav{width: 100%;
	background: #000;
	position:relative;
	border-top: #222 1px solid;
	border-bottom: #222 1px solid;
	z-index:1;}

#nav ul{margin:0;
	padding: 0;
	text-align: center;
	font-size: 16px;
	line-height: 1;
	letter-spacing:0.025em;
	vertical-align: middle;
	list-style:none;}
	
#nav li{margin:0;
	padding:0;
	/*width: 16.66%;*/
	border-left: #222 1px solid;
	display:inline-block;
	position: relative;}
	
#nav li a{padding:26px 0;
	display: block;}
	
#nav li:first-child{border-left: none;}
	
#nav li.navhome{width: 13%;}
#nav li.navoverview{width: 23%;}
#nav li.navhighlight{width: 14%;}
#nav li.navticket{width: 14%;}
#nav li.navevent{width: 20%;}
#nav li.navspecial{width: 16%;}

/*
#nav li.navgoods{width: 23%;}
#nav li.navenglish{width: 12%;}*/

#nav a:link{color: #fff; text-decoration:none; transition: background .75s;}
#nav a:visited{color: #fff;}
#nav a:active, #nav a:hover{color: #000;}

#nav li.pl a{position: relative; color: #e4007f;}
#nav li.pl a:visited{color:  #e4007f;}
#nav li.pl a:active, #nav li.pl a:hover{color: #000;}

/*#nav li.pl a:active, #nav li.pl a:hover{text-decoration:none;}*/

#nav li.pl a::after{bottom: -12px;
	left: 50%;
	content: " ";
	height: 24px;
	width: 24px;
	position: absolute;
	background: url("image/nav_pl.png") 50% 50% no-repeat;
	background-size: 24px;
	margin-left: -12px;
	z-index:0;}


.duw{display: inline-block;
	vertical-align: middle;
	position: relative;}

.duw::before{content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #e4007f;
	z-index: -1;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform 0.3s;}

.duw:hover::before{-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transform-origin: right top;}

/* menu
----------------------------------------------- */
#menu{top:15px;
	right:15px;
	margin:0;
	padding:0;
	position:fixed;
	z-index:1000;
	display:none;}
	
#menu a{margin:0;
	padding:0;
	width:50px;
	height:50px;
	display:block;
	background:url("image/nav_menu.png") 50% 50% no-repeat;
	background-size: 50px;
	cursor:pointer;}



/* navsp
----------------------------------------------- */
#navspmodal{padding:0 0 1em 0;
	position: relative;
	text-align: center;}

#navsp ul{margin:0 auto;
	padding:0;
	width: 100%;
	color: #fff;
	list-style-type:none;
	z-index: 0;}
	
#navsp li{margin:0;
	padding:0;
	font-size: 100%;
	vertical-align: middle;
	border-bottom: #222 1px solid;
	position: relative;
	z-index: 0;}
	
#navsp li.non{padding:15px 25px;
	display: block;
	color: #ece1c9;}
	
#navsp li a{padding:15px 60px;
	display: block;}

#navsp li:last-child{border-bottom:none;}

#navsp a:link{color: #fff; text-decoration:none; transition: background .25s;}
#navsp a:visited{color: #fff;}
#navsp a:active,#navsp a:hover{color: #000; background:#e4007f;}


#navsp_logo{width: 100%;
	padding:2em 1em;
	text-align: center;}

#navsp_logo img{max-width: 200px;
	height: auto;}

#navspmodal small{margin:0;
	font-size:10px;
	letter-spacing:0.06em;
	line-height:1.2;
	color: #ece1c9;}
	
/* navsp_social
----------------------------------------------- */
#navsp_social{margin:2em 0;
	padding:0;}

#navsp_social ul{margin:0;
	padding:0;
	list-style:none;}
	
#navsp_social li{margin:0;
	padding:0 10px 0 0;
	display:inline;}

#navsp_social li:last-child{margin: 0; padding: 0;}
#navsp_social img{width: 30px;}

.closed{top:15px;
	right: 15px;
	width:50px;
	height:50px;
	cursor:pointer;
	position: absolute;}

.closed img{max-width: 50px;
	height: auto;}


/* sc
----------------------------------------------- */
.scbg01{background: linear-gradient(135deg, rgba(226,199,111,1) 0%,rgba(185,140,50,1) 100%);}
.scbg01i{z-index:0; position: relative;}
.scbg02{background:#0c0c0c url("image/scbg02.png") 0 0 repeat;}
.scbg03{background:#000; z-index:0; position: relative;}

.scbg03::after{top:0;
	left: 0;
	content: " ";
	height: 100%;
	width: 50%;
	position: absolute;
	pointer-events: none;
	background: url("image/scbg03L.jpg") 50% 50% no-repeat;
	background-size: cover;
	z-index:-1;}
	
.scbg03::before{top:0;
	right: 0;
	content: " ";
	height: 100%;
	width: 50%;
	position: absolute;
	pointer-events: none;
	background: url("image/scbg03R.jpg") 30% 50% no-repeat;
	background-size: cover;
	z-index:-1;}

.HLspdisplay{display: none;}

.HLspimg{padding-top:24.84%; background: url("image/phbg03.jpg") 50% 50% no-repeat; background-size:contain;}

.mainHLC{width:70%;
	margin:0 auto;
	padding:1.5em 2em;
	border-radius: 1.5em;
	background: #efe5ca;
	box-shadow: -5px 0 10px 10px rgba(238,228,202,1), 5px 0 10px 10px rgba(238,228,202,1);}

.scbg01 h1, .scbg01 p, .scbg03 h1, .scbg03 p{color: #000;}
.scbg01 .h1s::after{background-color: #000;}

.scbg01i::after{top:3%;
	right: 2%;
	content: " ";
	width: 134px;
	height: 30px;
	position: absolute;
	background: url("image/scbg01iR.png") 50% 50% no-repeat;
	background-size: cover;
	z-index:-1;}
	
.scbg01i::before{bottom:3%;
	left: 2%;
	content: " ";
	width: 134px;
	height: 30px;
	position: absolute;
	background: url("image/scbg01iL.png") 50% 50% no-repeat;
	background-size: cover;
	z-index:-1;}

/* sr
----------------------------------------------- */
.sr_lfi,.sr_rfi,.sr_fi,.sr_fi2{visibility: hidden;}


/* title
----------------------------------------------- */
#titlebg{width:100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background: linear-gradient(135deg, rgba(226,199,111,1) 0%,rgba(185,140,50,1) 100%);
	background-size: cover;
	position:relative;}

#title{max-width:2000px;
	margin: 0 auto;
	position:relative;}

	
/* pageheader
----------------------------------------------- */
#pageheaderbg{width:100%;
	margin: 0 auto;
	padding: 0;
	position:relative;}
	
.phbg01{background: #000 url("image/phbg01.jpg") 60% 50% no-repeat; background-size:cover;}
.phbg02{background: #000 url("image/phbg02.jpg") 0 0 no-repeat; background-size:cover;}
.phbg03{background: #000 url("image/phbg03.jpg") 50% 50% no-repeat; background-size:cover;}
.phbg04{background: #000 url("image/phbg04.jpg") 50% 50% no-repeat; background-size:cover;}
.phbg05{background: #000 url("image/phbg05.jpg") 50% 50% no-repeat; background-size:cover;}

#pageheader{max-width: 100%;
	margin: 0;
	padding: 0;
	position:relative;}


#pageheader .phcp{width: 100%;
	padding: 1em;
	bottom: 0;
	position: absolute;
	text-align: right;}
	
#pageheader .phcp p{font-size:10px;
	color: #fff;
	line-height: 1.4;}

/* home
----------------------------------------------- */
.tw iframe[id^='twitter-widget-']{
	max-width: 100% !important;
	width:100% !important;}

#home_topics{margin:0;
	padding:0 25px 0 0;
	height:80px;
	font-size:75%;
	overflow:auto;
	overflow-x:hidden;}

.ta_hometopics{width:100%;
	margin:0;
	border-collapse:collapse;}

.ta_hometopics td{padding:0.5em 1em;
	vertical-align:top;
	border-collapse:collapse;}
	
.td_hometopics{border-bottom:#333 1px dotted;}

.td_hometopicshl{width:50px;
	border-bottom:#333 1px solid;
	white-space:nowrap;}

.info{padding: 2.5em;
	border:#333 4px solid;
	border-radius: 1em;
	background: #000;}
	
.info2{padding: 1em 2em 1.5em;
	border:#333 2px solid;}
	
.gmap{padding-bottom: 37.5%;
height: 0;
overflow: hidden;
position: relative;}

.gmap iframe{
	position: absolute;
	top: 0;
	left: 1px;
	width: 100%;
	height: 100%;
}

/* outline
----------------------------------------------- */
.ta_outline{width:100%;
	margin:0;
	border-collapse:separate;
	border-spacing:0;}

.td_outlineL{width:24%;
	padding:1.25em;
	vertical-align:middle;
	border-top:#333 1px solid;
	white-space:nowrap;
	text-align:center;}

.td_outlineR{padding:1.25em;
	vertical-align:middle;
	border-top:#333 1px dotted;}
	
.td_outlineLD{border-bottom:#333 1px solid;}
.td_outlineRD{border-bottom:#333 1px dotted;}
.td_outlineLU{padding-top:0; border-top:none;}
.td_outlineRU{padding-top:0; border-top:none;}

/* ticket
----------------------------------------------- */
.ta_admit{margin:0;
	width:100%;
	border-collapse:collapse;
	border-bottom:#333 1px solid;}

.td_admit{width:33%;
	border-bottom:#333 1px dotted;
	padding:1.25em;
	text-align:center;}

.td_admithlL{width:33%;
border-bottom:#333 1px solid;
	padding:1.25em;
	text-align:center;}
	
.td_admithlU{width:33%;
	padding:0 0.5em 0.5em 0.5em;
	text-align:center;
	border-bottom:#333 1px solid;}
	
.td_admitU{border-top:#333 1px solid;}

/* highlight
----------------------------------------------- */

/* hight bc
----------------------------------------------- */
.hlbg{position: relative;
z-index: 1;}

.hlbg01{position: absolute;
	top:-50px;
	right:-45px;
	z-index: -1;
	background: url("image/hl_bg01.png") 0 0 no-repeat;
	background-size: contain;
	width: 125px;
	height: 185px;}

.hlbg02{position: absolute;
	bottom:-60px;
	left:-30px;
	z-index: -1;
	background: url("image/hl_bg02.png") 0 0 no-repeat;
	background-size: contain;
	width: 90px;
	height: 92px;}
	
.hlbg03{position: absolute;
	top:-50px;
	right:-45px;
	z-index: -1;
	background: url("image/hl_bg03.png") 0 0 no-repeat;
	background-size: contain;
	width: 100px;
	height: 113px;}

.hlbg04{position: absolute;
	bottom:-90px;
	left:-40px;
	z-index: -1;
	background: url("image/hl_bg04.png") 0 0 no-repeat;
	background-size: contain;
	width: 150px;
	height: 111px;}
	
.hlbg05{position: absolute;
	top:-50px;
	right:-110px;
	z-index: -1;
	background: url("image/hl_bg05.png") 0 0 no-repeat;
	background-size: contain;
	width: 160px;
	height: 258px;}

.hlbg06{position: absolute;
	bottom:-130px;
	left:-40px;
	z-index: -1;
	background: url("image/hl_bg06.png") 0 0 no-repeat;
	background-size: contain;
	width: 100px;
	height: 96px;}

/* p,h,ul
----------------------------------------------- */
p{margin:0;
	padding:0;
	font-size:100%;/*16px*/
	color:#fff;
	letter-spacing:0.05em;
	line-height:1.75;}

.fxxs{font-size:63%;}/*10px*/
.fxs{font-size:75%;}/*12px*/
.fs{font-size:82%;}/*13px*/
.fn{font-size:94%;}/*13px*/
.fl{font-size:113%;}/*18px*/
.fxl{font-size:125%;}/*20px*/
.fxxl{font-size:150%;}/*20px*/

.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}

.red{color: #e60012;}

.wsno{white-space: normal;}

.wsnr span{white-space:nowrap;
	display:inline-block;}
	
.wb{word-break:break-all;}	
.s{text-decoration: line-through;
	position: relative;}
	
.mincho{font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

h1{margin:0 0 1em;
	padding:0 0 0.65em 0;
	font-size:200%;/*24px*/
	line-height:1.4;
	color:#fff;
	border-bottom: #666 1px dotted;
	/*font-weight: bold;*/
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: left;
	position: relative;}

.h1s::after{bottom:-2px;
	left: 0;
	content: " ";
	height: 3px;
	width: 2em;
	position: absolute;
	pointer-events: none;
	background: #cdaf51;
	z-index:1;}

.h1cn{margin:0 0 0.35em 0;
	padding:0;
	line-height:1.6;
	border: none;
	text-align: center;
vertical-align:middle;}

.chapternum{margin: 0 0.15em;
	width: 52px;
	height: 50px;
	font-size:32px;
	color: #000;
	display: inline-block;
	line-height:1.6;
	text-align: center;
	background: url("image/hl_chapterbg.png") 50% 50% no-repeat;
	background-size: 50px;}

.h1ct{margin:0;
	padding:0;
	text-align: center;
	vertical-align:middle;
	color: #000;
	font-size:188%;
	border: none;}

.h1ct span{padding:0.25em 0.35em 0.35em 0.35em;
	line-height:1.2;
	display: inline-block;
	background: #cdaf51;}


/* h1 bg
----------------------------------------------- */
.hbg{position: relative;
	z-index: 1;
	padding-right: 100px;}

.hbg01{position: absolute;
	top: -5px;
	right: -120px;
	z-index: 2;
	background: url("image/hl_bg01.png") 0 0 no-repeat;
	background-size: contain;
	width: 200px;
	height: 100px;}

.hbg02{position: absolute;
	top: -5px;
	right:0;
	z-index: 2;
	background: url("image/hl_bg02.png") 0 0 no-repeat;
	background-size: contain;
	width: 100px;
	height: 100px;}

.hbg03{position: absolute;
	top:0;
	right:0;
	z-index: 2;
	background: url("image/hl_bg03.png") 0 0 no-repeat;
	background-size: contain;
	width: 100px;
	height: 100px;}
	
.hbg04{position: absolute;
	top: -19px;
	right: -25px;
	z-index: 2;
	background: url("image/hl_bg04.png") 0 0 no-repeat;
	background-size: contain;
	width: 100px;
	height: 100px;}

.hbg05{position: absolute;
	top:0;
	right:-100px;
	z-index: 2;
	background: url("image/hl_bg05.png") 0 0 no-repeat;
	background-size: contain;
	width: 200px;
	height: 100px;}

.hbg06{position: absolute;
	top:0;
	right:0;
	z-index: 2;
	background: url("image/hl_bg06.png") 0 0 no-repeat;
	background-size: contain;
	width: 100px;
	height: 100px;}


h2{margin:0 0 1em 0;
	padding:0;
	font-size:150%;
	color:#fff;
	position: relative;}

.h2s{padding:0.5em 0 0.5em 0.75em;
	border-left: #333 1px solid;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.h2s::after{position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	content: '';
	width: 2px;
	height: 33%;
	background: #cdaf51;}

.hlnum01{margin:0 0 1em 0;
	padding:0 0 0 82px;
	color: #e4007f;
	background: url("image/hlnum01.png") 0 50% no-repeat;
	background-size: 70px;
	min-height: 70px;
	vertical-align: middle;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.hlnum02{margin:0 0 1em 0;
	padding:0 0 0 82px;
	color: #e4007f;
	background: url("image/hlnum02.png") 0 50% no-repeat;
	background-size: 70px;
	min-height: 70px;
	vertical-align: middle;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

h3{margin:0 0 0.25em 0;
	font-size:125%;
	line-height:1.25;
	color:#000;}
	
.h3cp{margin:0 0 0.75em 0;
	font-size:138%;
	line-height:1.25;
	color:#fff;
	position: relative;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.h3w{margin:0.5em 0 0 0;
	padding:0 0 0.25em 0;
	font-size:113%;
	line-height:1.65;
	color:#fff;
	position:relative;
	border-bottom: #333 1px dotted;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.h3w::after{position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 1;
	content: '';
	width: 2em;
	height: 2px;
	background: #cdaf51;}

.h3ws{padding:0.55em 0;
	font-size:82%;
	line-height:1.65;
	color:#fff;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

hr{margin:3em 0;
	padding:0;
	width:100%;
	height:2px;
	color:#ccc;
	background:#ccc;
	border:none;
	clear:both;}
	
.hrdot{border-top:#ccc dotted 1px;
	background:#fff;}
	
.hrdot2{border-top:#333 dashed 1px;
	background:#000;}
	
.main ul{padding-left:17px;
line-height:1.75;
color: #fff;}

ul.kome{margin:0;
	padding-left:1em;
	list-style:none;
	list-style-image:none;}
	
.kome li{text-indent:-1em;}

 ul.ti{padding-left:0;
	list-style:none;
	list-style-image:none;}
	
ul.pt5{margin-left:5em;}
.pt5 li{text-indent:-5em;}


/* column
----------------------------------------------- */
.column{padding: 1.5em 2em 1.5em;
	border:#cdaf51 2px solid;}
	
.h2clm{margin-bottom: 0.75em;
	font-size:125%;
	line-height:1.7;
	color:#000;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	position: relative;
	z-index: 1;}

.h2clm span{padding: 0.25em 2.5em 0.35em 0;
	background: #cdaf51;
	position: relative;
	z-index: -1;}
	
.h2clm span::before{content: '';
	position: absolute;
	left: -2.5em;
	top: 0;
	background: #cdaf51;
	width: 100%;
	height: 100%;
	z-index: -1;}
	
.scbg01 .column{border-color:#000;}
.scbg01 .h2clm{color:#cdaf51;}
.scbg01 .h2clm span{background: #000;}
.scbg01 .h2clm span::before{background: #000;}


/* social
----------------------------------------------- */
#social{margin:0;
	padding:0;
	text-align: center;
	/*position: absolute;
	z-index:1000;
	top:10px;
	left:10px;*/}
	
#social ul{margin:0;
	padding:0;}

#social li{margin:0 10px 0 0;
	padding:0;
	display: inline-block;
	list-style-type:none;}

#social li:last-child{margin-right:0;}
	
#social img{width: 50px;
	height: auto;}

/* logo
----------------------------------------------- */
#logo{margin:0;
	padding:0;}

#logo ul{margin:0;
	padding:0;
	text-align: center;}

#logo li{margin:0;
	padding:0;
	width: 20%;
	display: inline-block;
	list-style-type:none;
	vertical-align: middle;}

/* tabs
----------------------------------------------- */
.tabsnav{width:100%;
	margin:0;
	padding:0;
	text-align:left;}

.tabsnav ul{margin:0;
	padding:0;
	font-size:18px;
	letter-spacing:0.01em;
	line-height:1;}

.tabsnav li{margin:0;
	padding:0.5em 1em 0.75em 1em;
	border-right:#222 1px solid;
	list-style:none;
	list-style-image:none;
	display:inline-block;
	position: relative;
	color:#fff;}

.tabsnav li:first-child{padding-left: 0;}
.tabsnav li:last-child{border-right:none;}

.tabsnav a{color:#fff; text-decoration:none; transition: color .45s;}
.tabsnav a:link{color:#fff; text-decoration:none;}
.tabsnav a:visited{color:#fff; text-decoration:none;}
.tabsnav a:active{color:#e4007f; text-decoration:none;}
.tabsnav a:hover{color:#e4007f; text-decoration:none;}
/*.tabsnav li	, .tabsnav a:focus {outline:none;}*/
	
.tabsnav li.ui-tabs-active a{color:#e4007f; position: relative;}
.tabsnav li.ui-tabs-active a::after{content: '';
	position: absolute;
	left: 0;
	bottom: -7px;
	background: #e4007f;
	width: 100%;
	height: 1px;
	z-index: 0;}

/* Underline From right */
.urtabs{display: inline-block;
	vertical-align: middle;
	position: relative;}

.urtabs::before{content: '';
	position: absolute;
	left: 0;
	bottom: -7px;
	background: #e4007f;
	width: 100%;
	height: 1px;
	z-index: 0;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .45s;}

.urtabs:hover::before{-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transform-origin: right top;}


/* img
----------------------------------------------- */	
#title img, #pageheader img, .main img,.mainL img,.mainR img,.mainW img{
	max-width: 100%;
	height: auto;}

.brimg{border-radius: 0.5em;}

#map{padding-top:52.55%; background: url("image/map.png") 50% 50% no-repeat; background-size:contain;}

#ticketsp02{padding-top:141.16%; background: url("image/tickets_p02.jpg") 50% 50% no-repeat; background-size:contain;}

#spp01{padding-top:150.07%; background: url("image/sp_p01.jpg") 50% 50% no-repeat; background-size:contain;}
#spp02{padding-top:56.32%; background: url("image/sp_p02.png") 50% 50% no-repeat; background-size:contain;}

#hlw01{padding-top:130.31%; background: url("image/hl_w01.jpg") 50% 50% no-repeat; background-size:contain;}
#hlw02{padding-top:224.77%; background: url("image/hl_w02.jpg") 50% 50% no-repeat; background-size:contain;}
#hlw03{padding-top:206.75%; background: url("image/hl_w03.jpg") 50% 50% no-repeat; background-size:contain;}
#hlw04{padding-top:100%; background: url("image/hl_w04.jpg") 50% 50% no-repeat; background-size:contain;}
#hlw05{padding-top:169.84%; background: url("image/hl_w05.jpg") 50% 50% no-repeat; background-size:contain;}
#hlw06{padding-top:36.12%; background: url("image/hl_w06.jpg") 50% 50% no-repeat; background-size:contain;}
#hlw07{padding-top:10.51%; background: url("image/hl_w07.jpg") 50% 50% no-repeat; background-size:contain;}
#hlw08{padding-top:10.51%; background: url("image/hl_w08.jpg") 50% 50% no-repeat; background-size:contain;}
#hlw0708{padding-top:406.63%; background: url("image/hl_w0708.jpg") 50% 50% no-repeat; background-size:contain;}
#hlw09{padding-top:40.1%; background: url("image/hl_w09.jpg") 50% 50% no-repeat; background-size:contain;}
#hlw10{padding-top:32.85%; background: url("image/hl_w10.jpg") 50% 50% no-repeat; background-size:contain;}
#hlw11{padding-top:32.24%; background: url("image/hl_w11.jpg") 50% 50% no-repeat; background-size:contain;}


#spp01w{max-width: 400px; margin-left: auto; margin-right: auto;}

#hlw01w{max-width: 360px; margin-left: auto; margin-right: auto;}
#hlw02w{max-width: 266px; margin-left: auto; margin-right: auto;}
#hlw03w{max-width: 290px; margin-left: auto; margin-right: auto;}
#hlw05w{max-width: 353px; margin-left: auto; margin-right: auto;}
#hlw0708w{max-width: 114px; margin-left: auto; margin-right: auto;}

.hlw01sp{padding-top: 1.7em;}

/* margin padding
----------------------------------------------- */
.mgt0{margin-top:0;}
.mgt05{margin-top:0.5em;}
.mgt1{margin-top:1em;}
.mgt15{margin-top:1.5em;}
.mgt2{margin-top:2em;}
.mgt3{margin-top:3em;}
.mgt4{margin-top:4em;}
.mgt5{margin-top:5em;}
.mgt6{margin-top:6em;}
.mgt8{margin-top:8em;}

.mgb0{margin-bottom:0;}
.mgb025{margin-bottom:0.25em;}
.mgb05{margin-bottom:0.5em;}
.mgb1{margin-bottom:1em;}
.mgb2{margin-bottom:2em;}
.mgb3{margin-bottom:3em;}
.mgb4{margin-bottom:4em;}

.mg1{margin-top:1em; margin-bottom:1em;}
.mg3{margin-top:3em; margin-bottom:3em;}

.mgl_05{margin-left:-0.5em;}

.pd1{padding:1em 0;}
.pd2{padding:2em 0;}
.pd3{padding:3em 0;}
.pd4{padding:4em 0;}
.pdt3{padding-top:3em;}
.pdb1{padding-bottom:1em;}
.pdb3{padding-bottom:3em;}
.pdt1b3{padding-top:1em; padding-bottom:3em;}
.pdt2b3{padding-top:2em; padding-bottom:3em;}
.pdt3b1{padding-top:3em; padding-bottom:1em;}
.pdt3b2{padding-top:3em; padding-bottom:1em;}
.pdt6b3{padding:6em 0 3em;}
.pdt3b6{padding:3em 0 6em;}
.pdl05{padding-left:0.5em;}
.pdl1{padding-left:1em;}

.pdcom1{margin-bottom:1.65em;}
.pdcom2{margin-bottom:3.3em;}

/* span
----------------------------------------------- */	
#title span, #menu span, #menuR span, .alt span,
.hlnum01 span, .hlnum02 span{
	/*\*/
	position:absolute;
	/**/
	text-indent:-10000px;
	width:0;
	height:0;
	display:none;
	left:0;
	top:0;}

/* link
----------------------------------------------- */
a{transition: color 0.45s;}
a:link{color:#cdaf51; text-decoration:underline;}
a:visited{color:#cdaf51; text-decoration:underline;}
a:active{color:#e4007f; text-decoration:none;}
a:hover{color:#e4007f; text-decoration:none;}

#footer a{transition: color 0.45s;}
#footer a:link{color:#000; text-decoration:none;}
#footer a:visited{color:#000; text-decoration:none;}
#footer a:active{color:#000; text-decoration:underline;}
#footer a:hover{color:#000; text-decoration:underline;}

/* btn
----------------------------------------------- */
.btn{margin:0 auto;
	padding:1.4em 70px 1.3em 1.5em;
	max-width: 100%;
	/*border: #000 1px solid;*/
	font-weight: bold;
	border-radius: 1em;
	background: #cdaf51 url("image/scbg02.png") 0 0 repeat;
	border: #333 4px solid;
	font-size: 100%;
	line-height:1.3;
	text-align:left;
	text-decoration:none;
	display:block;
	position: relative;
}

.btn span{font-size: 75%;
	font-weight: normal;}

a.btn {color:#000; text-decoration:none; transition: all 0.45s;}
a:link.btn { text-decoration:none;}
a:visited.btn {text-decoration:none;}
a:active.btn {color:#000; background:#efe5ca url("image/scbg02.png") 0 0 repeat; text-decoration:none;}
a:hover.btn {color:#000; background:#efe5ca url("image/scbg02.png") 0 0 repeat; text-decoration:none;}

.btn::before{top: 50%;
	right: 14px;
	width: 32px;
	height: 2px;
	content: "";
	background: #000;
	z-index: 2;
	position: absolute;}

.btn::after{top: 50%;
	right: 18px;
	width: 24px;
	height: 24px;
	content: "";
	margin-top: -11px;
	border-right:#000 2px solid;
	border-bottom:#000 2px solid;
	z-index: 2;
	box-sizing: border-box;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;}

.btn:hover::before{background: #000;}
.btn:hover::after{border-color: #000;}



/* media queries
----------------------------------------------- */
br.brsp{display:none;}
.spdisplay{display:none;}


@media only screen and (max-width:999px){ /*979*/
	.main{width:90%;}

	.scbg03{background: #efe5ca;}
	.scbg03::after{display: none;}
	.scbg03::before{display: none;}
	.HLpcdisplay{display: none;}
	.HLspdisplay{display: block;}
	.mainHLC{width:100%; padding: 0; box-shadow:none;}
}

@media only screen and (max-width:767px){
	body{font-size: 1.3em;}

	.pcdisplay{display:none;}
	.spdisplay{display:block;}

	br.brpc{display:none;}
	br.brsp{display:block;}
	
#nav{display:none;}
#menu{display:block;}

	.tw iframe[id^='twitter-widget-']{width: 767px !important;}
	.ta_outline td,.ta_admit td{padding: 0.75em;}
	
		.mainL{width:100%;
		padding:0 0 3em 0;
		float:none;}
	
	.mainR{width:100%;
		padding:0;
		float:none;}
	
	.mainFT2L,.mainFL,.mainFTL{
		width:100%;
		padding:0 0 3em 0;
		float:none;}
	
	.mainFT2R,.mainFR,.mainFTR,.mainC{
		width:100%;
		padding:0;
		float:none;}
		
		.mLsp1{padding-bottom:1em;}
		.hlw01sp{padding-top:0;}
		
		.tablescroll{width:100%;
		margin-bottom:2em;
		overflow-x:scroll;}
	.tablescroll::-webkit-scrollbar{width:6px; background:#aaa;}
	.tablescroll::-webkit-scrollbar:horizontal{height:5px; background:#aaa;}
	.tablescroll::-webkit-scrollbar-thumb:horizontal{background:#ccc; border-radius:3px;}
	.tablescroll::-webkit-scrollbar-track-piece:start{background:#aaa;}
	.tablescroll::-webkit-scrollbar-track-piece:end{background:#aaa;}
	.tablescroll::-webkit-scrollbar-corner{background:transparent;}
	
		#logo li{width: 100%;}
	
	.gmap{padding-bottom: 100%;}


#pageheader .phcp{text-align: center;
	padding: 0.5em 1em;}
	
.hbg01{top: -5px;
	right: -100px;
	width: 160px;
	height: 80px;}

.hbg02{top: -5px;
	right:0;
	width: 80px;
	height: 80px;}

.hbg03{top:0;
	right:0;
	width: 80px;
	height: 80px;}
	
.hbg04{top:-15px;
	right: -20px;
	width: 80px;
	height: 80px;}

.hbg05{top:0;
	right:-100px;
	width: 160px;
	height: 80px;}

.hbg06{top:0;
	right:0;
	width: 80px;
	height: 80px;}

	.hlbg01{top:-1.5em;
	right: -30px;
	width: 100px;/*80%*/
	height: 148px;}

.hlbg02{bottom:1.5em;
	left: -10px;
	width: 72px;/*80%*/
	height: 73px;}
	
.hlbg03{top:-1.5em;
	right: -15px;
	width: 80px;/*80%*/
	height: 90px;}

.hlbg04{bottom:1.5em;
	left: -15px;
	width: 120px;/*80%*/
	height: 88px;}
	
.hlbg05{top:-1.5em;
	right: -70px;
	width: 128px;/*80%*/
	height: 206px;}

.hlbg06{top:-1em;
	bottom:auto;
	left: -20px;
	width: 80px;/*80%*/
	height: 76px;}

}


@media only screen and (max-width:479px){

}