@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:0;
	text-align:left;
	background:#000 url(image/back.jpg) 50% 0 fixed;
	background-size: cover;
	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*/
	overflow-wrap: anywhere;
	word-break: normal;
	line-break: normal;}

/*html,body{height:100%;iPhone fix*/
/*-webkit-overflow-scrolling: touch;}*/

/* 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;}

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:#000; color:#d7b975;}
::-moz-selection{background:#000; color:#d7b975;}

/* clearfix
----------------------------------------------- */
.clear{clear:both;
	margin:0;
	font-size:0;}

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

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

/* content
----------------------------------------------- */
#content{width:100%;
	margin:0;
	padding:0;
	overflow: hidden;}
	
section{width:100%;
	margin:0;
	padding:0;
	position: relative;}

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

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

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

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

.mainFT2R{width:60%;
	margin:0;
	padding:0;
	float:right;}

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


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

.mainFsT2R{width:60%;
	margin:0;
	padding:0;
	float:right;}

	
.mainFL{width:47.5%;
	margin:0;
	padding:0;
	float:left;}
	
.mainFR{width:47.5%;
	margin:0;
	padding:0;
	float:right;}

.mainFFL{width:25%;
	margin:0;
	padding:0;
	float:left;}
	
.mainFF3R{width:70%;
	margin:0;
	padding:0;
	float:right;}
	
.mainW{width:100%;
	margin:0;
	padding:0;
	position: relative;}

.mainWL{width:calc(50% - 3px);
	margin:0;
	padding:0;
	float:left;}
	
.mainWR{width:calc(50% - 3px);
	margin:0;
	padding:0;
	float:right;}

.mainWTL{width:33.33%;
	margin:0;
	padding:0 1em;
	float:left;}
	
.mainPL{width:49%;
	margin:0;
	padding:0;
	float:left;}
	
.mainPR{width:49%;
	margin:0;
	padding:0;
	float:right;}
	
#footer{width:100%;
	margin:0;
	padding:1em;
	text-align:center;
	background: linear-gradient(to right, #b04371 0%, #0a083f 100%);}

/* footer
----------------------------------------------- */
#footer small{margin:0;
	font-size:77%;
	color:#fff;
	letter-spacing:0.06em;
	line-height:1.2;}
	
.ymR{width: 65px;
	float: right;}

/* header social
----------------------------------------------- */
#social{text-align: center;}
	
#social ul{margin:0;
	padding:0;}

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

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

/* nav
----------------------------------------------- */
#nav{width:100%;
	margin:0;
	padding:0;
	background: #000;
	text-align:center;
	/*z-index:1000;
	top:0;
	left:0;
	position: fixed;*/}

#nav ul{margin:0;
	padding:1.5em 0;
	font-size:16px;
	letter-spacing:0;
	line-height:1;}

#nav li{margin:0;
	padding:0.5em 1em 0.75em;
	border-right:#333 1px dotted;
	list-style:none;
	line-height:1;
	list-style-image:none;
	display:inline-block;
	position: relative;}

#nav li:last-child{border-right:none;}

#nav a{color:#fff; text-decoration:none; transition: color .6s;}
#nav a:link{color:#fff; text-decoration:none;}
#nav a:visited{color:#fff; text-decoration:none;}
#nav a:active{color:#d7b975; text-decoration:none;}
#nav a:hover{color:#d7b975; text-decoration:none;}

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

.urw::before{content: '';
	position: absolute;
	left: 0;
	bottom: -9px;
	width: 100%;
	height: 1px;
	background: #d7b975;
	z-index: -1;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform 0.35s;}

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

/* sc
----------------------------------------------- */
.scbg01{background: rgba(0,0,0,0.9);}
.scbg02{background: rgba(0,0,0,0.5);}

.canceled{width: 100%;
	text-align: center;
	padding: 1em;
	background:#cc0000;}
	
.canceled p{font-size: 200%;
	color: #fff;}

.dum{padding-top:100%;
	display: block;
	background:#aaa;}


/* title
----------------------------------------------- */
#titlebg{width:100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #000 url("image/back.jpg") 50% 0 no-repeat;
	background-size: cover;
	position:relative;}

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


/* 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:separate;
	border-spacing:0;}

.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;}

/*.closed{width: 100%;
	padding: 1.5em;
	background: #9b6e33;}

.closed p{margin:0;
	padding:0;
	font-size:125%;
	line-height:1.2;
	color:#fff;
	text-align:center;}*/
	
.pop{position: relative;}
	
.closed{top:10px;
	right: 10px;
	width:20px;
	height:20px;
	cursor:pointer;
	position: absolute;}
	
.closed img{max-width: 20px;
	height: auto;}

#topbannars{margin:0;
	padding:2em 0 0 0;
	text-align: center;}

#topbannars ul{margin:0;
	padding:0;
	list-style:none;}
	
#topbannars li{margin:0;
	padding:0 30px 30px 0;
	display:inline;
	vertical-align: middle;}
	
#topbannars li:last-child{padding-right: 0;}


.msta-default{top:10px!important;right:10px!important;}


.msinfo{padding:2.5em;
	background: rgba(0,0,0,0.5);
	border-radius: 0.75em;
	position: relative;}

/* modal
----------------------------------------------- */
.modal{top:30%;
	left:0;
	width:100%;
	height:100%;
	position:fixed;
	z-index:9999;
	display:none;}


/* ticket bannar
----------------------------------------------- */
#ticketbannar{bottom:10px;
	right:10px;
	margin:0;
	padding:0;
	position:fixed;
	z-index:2000;
	width: 120px;
	transition: all 0.35s;}

#ticketbannar img{max-width: 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:top;
	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;}

.td_outlineS{padding:0.75em;}


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

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

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

.td_admitU{border-bottom:#333 1px solid;
	padding:0 0.5em 0.5em;}

.td_admitL{width:50%;
	border-bottom:#333 1px solid;
	padding:1.25em 0.5em;
	text-align:center;}
	

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

.ta_admit2{margin:0;
	width:100%;
	border-collapse:collapse;
	border-top:#333 1px solid;
	border-bottom:#333 1px solid;}
	
.tdaL{width:10%; white-space:nowrap;}

.ta_playguide{width:100%;
	margin:0 0 1em 0;
	border-collapse:collapse;}

.ta_playguide td{vertical-align:top;
	border-bottom:#fff 1px dotted;
	padding:1.5em 1em;}

.td_playguideL{width: 20%;}
.td_playguideR{width: 20%;}

td.tdbbn{border-bottom:none;}

/* ticket_schedule
----------------------------------------------- */
#ticket_schedule{display: none;}

/* message
----------------------------------------------- */
.msbg{padding-left: 155px;
	position: relative;}

.msbg01{position: absolute;
	top: calc(50% - 60px);
	left:0;
	z-index: 0;
	background: url("image/cast_p01.jpg") 0 50% no-repeat;
	background-size: contain;
	border-radius: 50%;
	width: 120px;
	height: 120px;}
	
.msbg02{position: absolute;
	top: calc(50% - 60px);
	left:0;
	z-index: 0;
	background: url("image/cast_p02.jpg") 0 50% no-repeat;
	background-size: contain;
	border-radius: 50%;
	width: 120px;
	height: 120px;}
	
.msbg03{position: absolute;
	top: calc(50% - 60px);
	left:0;
	z-index: 0;
	background: url("image/cast_p03.jpg") 0 50% no-repeat;
	background-size: contain;
	border-radius: 50%;
	width: 120px;
	height: 120px;}

.msbg04{position: absolute;
	top: calc(50% - 60px);
	left:0;
	z-index: 0;
	background: url("image/cast_p04.jpg") 0 50% no-repeat;
	background-size: contain;
	border-radius: 50%;
	width: 120px;
	height: 120px;}
	
.msbg05{position: absolute;
	top: calc(50% - 60px);
	left:0;
	z-index: 0;
	background: url("image/musicdirector_p01.jpg") 0 50% no-repeat;
	background-size: contain;
	border-radius: 50%;
	width: 120px;
	height: 120px;}

/* movie
----------------------------------------------- */
.yt{padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	position: relative;}
 
.yt iframe {position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

/* comment
----------------------------------------------- */
#comment_en{display: none;}

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

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

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

.red{color: #cc0000;}
.gold{color: #9b6e33;}
.yellow{color: #eddc44;}

.mincho{
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.wsno{white-space: normal;}

.wsnr span{white-space:nowrap;
	display:inline-block;}

.date{margin:0 0.325em;}
.cap{margin:0.325em 0 0 0;
	font-size:63%;}
	
.tabSo{margin:0;
	padding:1.2em 1.5em 1em 1.5em;
	font-size:14px;
	line-height:1;
	vertical-align:middle;
	color: #fff;
	background: #c39b67;
	border: #c39b67 3px solid;
	display: inline-block;
	border-radius: 0.5em;}

.tabIs{background: #1d2088;}
.tabSop{padding-left:2.5em; padding-right:2.5em;}

h1{margin:0 0 0.75em;
	padding:0 0 0.75em;
	font-size:163%;/*26px*/
	line-height:1.1;
	color:#fff;
	text-align: center;
	position: relative;
	z-index: 1;}

.h1s{margin:0 0 1em;
	padding:0 0 0.75em;
	text-align: center;}

.h1s::before{position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: '';
	width: 100%;
	height: 3px;
background: linear-gradient(to right, #b04371 0%, #0a083f 100%);}

.h1s::after{position: absolute;
	bottom: 0;
	left: calc(50% - 0.5em);
	margin-left: 0;
	z-index: 1;
	content: '';
	width: 1em;
	height: 3px;
background: #d7b975;}


.h1b{padding-bottom:0.75em;}

h2{margin:0 0 1em 0;
	padding:0;
	font-size:138%;
	position: relative;}

.h2b{margin:0 0 0.5em 0;
	padding:0.75em 0 0.75em 0.75em;
	font-size:138%;/*22px*/ 
	line-height:1.2;
	color:#fff;
	z-index: 1;}
	
.h2b::after{position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	content: '';
	width: 2px;
	height: 100%;
background: linear-gradient(to bottom, #b04371 0%, #0a083f 100%);}

.h2b::before{position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	content: '';
	width: 4px;
	height: 0.75em;
background: #b04371;}

.h2s{margin:0 0 0.75em 0;
	padding:0 0 0.75em 0;
	font-size:138%;/*22px*/ 
	line-height:1.2;
	color:#fff;
	z-index: 1;}

.h2s::after{position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: '';
	width: 50%;
	height: 1px;
background: linear-gradient(to right, #b04371 0%, #0a083f 100%);}

.h2s::before{position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 0.75em;
	height: 4px;
background: #b04371;}


h3{margin:0 0 0.25em 0;
	font-size:100%;
	line-height:1.25;
	color:#fff;}
	
hr{margin:2.5em 0;
	padding:0;
	width:100%;
	height:2px;
	color:#fff;
	background:rgba(255,255,255,1);
	border:none;
	clear:both;}
	
.hrdot{border-top:#555 dotted 1px;
	background:rgba(0,0,0,0);}


.main ul,
.mainU ul{margin:0;
	padding-left:17px;
	color: #fff;}

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

ul.ti{margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;}
	
ul.pt2h{margin-left:1.35em;}
.pt2h li{text-indent:-1.35em;}
	
ul.pt3{padding-left:3.25em;}
.pt3 li{text-indent:-3.25em;}

ul.pt3sp{padding-left:3.5em;}
.pt3sp li{text-indent:-3.5em;}

ul.pt25{padding-left:2.5em;}
.pt25 li{text-indent:-2.5em;}

.footerol{margin:0;
	padding-left:0;
	line-height:1.55;
	list-style:none;
	list-style-image:none;
	font-size:77%;
	color: #fff;}

br.brtb{display:none;}
br.brsp{display:none;}


/* cast social
----------------------------------------------- */
.cast_social{text-align: left;}
	
.cast_social ul{margin:0 0 0 -0.5em;
	padding:0;}

.cast_social li{margin:0 0 0 0.5em;
	padding:0;
	display: inline-block;
	list-style-type:none;}

.cast_social li:last-child{margin-right:0;}
	
.cast_social img{width: 30px;
	height: auto;}

/* img
----------------------------------------------- */	
.counter{margin:0;
	padding:0;
	display:none;}

.map{margin:0;}

.imgbr{border-radius: 0.5em;}
.imgbr2{border-radius: 0.75em;}

#title img, #titlebg img,
.main img,.mainL img,.mainR img,.mainW img,.mainWL img,.mainWR img{
	max-width: 100%;
	height: auto;}

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

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

#commentp01{padding-top:132.68%; background: url("image/comment_p01.jpg") 50% 50% no-repeat; background-size:contain;}

#guestp01{padding-top:133.33%; background: url("image/guest_p01.jpg") 50% 50% no-repeat; background-size:contain;}

#trade_bannar{max-width: 33%; margin-left: auto; margin-right: auto;}

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

.castp01{padding-top:100%; background: url("image/cast_p01.jpg") 50% 50% no-repeat; background-size:contain;}
.castp02{padding-top:100%; background: url("image/cast_p02.jpg") 50% 50% no-repeat; background-size:contain;}
.castp03{padding-top:100%; background: url("image/cast_p03.jpg") 50% 50% no-repeat; background-size:contain;}
.castp04{padding-top:100%; background: url("image/cast_p04.jpg") 50% 50% no-repeat; background-size:contain;}
.musicdirectorp01{padding-top:100%; background: url("image/musicdirector_p01.jpg") 50% 50% no-repeat; background-size:contain;}

.messagep01{padding-top:100%; background: url("image/cast_p01.jpg") 50% 50% no-repeat; background-size:contain; border-radius: 50%;}
.messagep02{padding-top:100%; background: url("image/cast_p02.jpg") 50% 50% no-repeat; background-size:contain;}
.messagep03{padding-top:100%; background: url("image/cast_p03.jpg") 50% 50% no-repeat; background-size:contain;}
.messagep04{padding-top:100%; background: url("image/cast_p04.jpg") 50% 50% no-repeat; background-size:contain;}
.messagep05{padding-top:100%; background: url("image/musicdirector_p01.jpg") 50% 50% no-repeat; background-size:contain;}


/* margin padding
----------------------------------------------- */
.mgt025{margin-top:0.25em;}
.mgt05{margin-top:0.5em;}
.mgt075{margin-top:0.75em;}
.mgt1{margin-top:1em;}
.mgt2{margin-top:2em;}
.mgt3{margin-top:3em;}
.mgt4{margin-top:4em;}
.mgt6{margin-top:6em;}
.mgt8{margin-top:8em;}

.mgb025{margin-bottom:0.25em;}
.mgb05{margin-bottom:0.5em;}
.mgb1{margin-bottom:1em;}
.mgb15{margin-bottom:1.5em;}
.mgb2{margin-bottom:2em;}
.mgb4{margin-bottom:4em;}

.mgtb1{margin:1em 0;}
.mgt2b1{margin:2em 0 1em;}
.mgt3b1{margin:3em 0 1em;}
.mgt1b05{margin:1em 0 0.5em;}
.mgt2b05{margin:2em 0 0.5em;}
.mgt2b025{margin:2em 0 0.25em;}
.mg1{margin:1em 0;}
.mg2{margin:2em 0;}

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

.pd2{padding:2em 0;}
.pd3{padding:3em 0;}
.pd4{padding:4em 0;}
.pdu4b2{padding:4em 0 2em;}
.pdt6b45{padding:6em 0 4.5em;}
.pdb2{padding-bottom:2em;}
.pdb3{padding-bottom:3em;}
.pdb4{padding-bottom:4em;}
.pdb45{padding-bottom:4.5em;}
.pdb6{padding-bottom:6em;}
.pd6{padding:6em 0;}
.pdb6re{padding-bottom:6em;}
.pdb1{padding-bottom: 1em;}

.hlpdt8{padding-top:8em;}

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

/* link
----------------------------------------------- */
a{transition: color 0.6s;}
a:link{color:#d7b975; text-decoration:underline;}
a:visited{color:#d7b975; text-decoration:underline;}
a:active{color:#fff; text-decoration:none;}
a:hover{color:#fff; text-decoration:none;}

#footer a:link{color:#fff; text-decoration:underline;}
#footer a:visited{color:#fff; text-decoration:underline;}
#footer a:active{color:#fff; text-decoration:none;}
#footer a:hover{color:#fff; text-decoration:none;}

/* button
----------------------------------------------- */
.btn{
	padding:1.5em 3em 1.5em 1.5em;
	max-width: 490px;
	/*border: #b8a983 1px solid;*/
	/*border-radius: 0.35em;*/
	font-size: 100%;
	line-height:1;
	text-align:left;
	text-decoration:none;
	display:block;
	position: relative;
}

a.btn {color:#fff; text-decoration:none; transition: background 0.5s;}
a:link.btn { text-decoration:none; background-size: 45px;}
a:visited.btn {text-decoration:none; background-size: 45px;}
a:active.btn {color:#000; background:#fff; background-size: 45px; text-decoration:none;}
a:hover.btn {color:#000; background:#fff; background-size: 45px; text-decoration:none;}

.btn span{font-size: 60%;
	font-weight:normal;
	font-family:"メイリオ","Mayryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Helvetica,Verdana,sans-serif;}

.btn::before{top: 50%;
	right: 18px;
	width: 28px;
	height: 2px;
	content: "";
	background: #d7b975;
	z-index: 2;
	margin-top: -1px;
	position: absolute;}

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

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

.btnlr{max-width: 490px;
	vertical-align: middle;
	position: relative;
	background: linear-gradient(to right, #b04371 0%, #0a083f 100%);}

.btnlr::before{content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 5px;
	height: 100%;
	background: #d7b975;
	z-index: 2;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .4s;}

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

	
	
.btn2{margin:0;
	padding:1em 3em 1em 4.5em;
	max-width: 100%;
	/*border: #b8a983 1px solid;*/
	/*border-radius: 0.35em;*/
	font-size: 125%;
	line-height:1;
	text-align:left;
	text-decoration:none;
	display:block;
	position: relative;
}

.btn2 span{font-size: 60%;
	font-weight:normal;
	font-family:"メイリオ","Mayryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Helvetica,Verdana,sans-serif;}

a.btn2 {color:#fff; text-decoration:none; transition: background 0.5s;}
a:link.btn2 { text-decoration:none; background: url("image/inst_logo.png") 1.25em 50% no-repeat; background-size: 45px;}
a:visited.btn2 {text-decoration:none; background:  url("image/inst_logo.png") 1.25em 50% no-repeat; background-size: 45px;}
a:active.btn2 {color:#000; background:#fff url("image/inst_logo2.png") 1.25em 50% no-repeat; background-size: 45px; text-decoration:none;}
a:hover.btn2 {color:#000; background:#fff url("image/inst_logo2.png") 1.25em 50% no-repeat; background-size: 45px; text-decoration:none;}

.btn2::before{top: 50%;
	right: 28px;
	width: 28px;
	height: 2px;
	content: "";
	background: #d7b975;
	z-index: 2;
	margin-top: -1px;
	position: absolute;}

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

.btn2:hover::before{background: #d7b975;}
.btn2:hover::after{border-color: #d7b975;}
	
.btn2lr{vertical-align: middle;
	position: relative;
	background: linear-gradient(to right, #b04371 0%, #0a083f 100%);}

.btn2lr::before{content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 5px;
	height: 100%;
	background: #d7b975;
	z-index: 2;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .4s;}

.btn2lr:hover::before{-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transform-origin: left top;}
	
.btn3{margin:0;
	padding:1em 3em 1em 4.5em;
	max-width: 100%;
	/*border: #b8a983 1px solid;*/
	/*border-radius: 0.35em;*/
	font-size: 125%;
	line-height:1;
	text-align:left;
	text-decoration:none;
	display:block;
	position: relative;
}

a.btn3 {color:#fff; text-decoration:none; transition: background 0.5s;}
a:link.btn3 { text-decoration:none; background: url("image/x_logo.png") 1.25em 50% no-repeat; background-size: 45px;}
a:visited.btn3 {text-decoration:none; background: url("image/x_logo.png") 1.25em 50% no-repeat; background-size: 45px;}
a:active.btn3 {color:#000; background:#fff url("image/x_logo.png") 1.25em 50% no-repeat; background-size: 45px; text-decoration:none;}
a:hover.btn3 {color:#000; background:#fff url("image/x_logo.png") 1.25em 50% no-repeat; background-size: 45px; text-decoration:none;}

.btn3 span{font-size: 60%;
	font-weight:normal;
	font-family:"メイリオ","Mayryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Helvetica,Verdana,sans-serif;}

.btn3::before{top: 50%;
	right: 28px;
	width: 28px;
	height: 2px;
	content: "";
	background: #d7b975;
	z-index: 2;
	margin-top: -1px;
	position: absolute;}

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

.btn3:hover::before{background: #d7b975;}
.btn3:hover::after{border-color: #d7b975;}


.btn4{margin:0;
	padding:0.85em 1em;
	border: #999 2px solid;
	background: #333;
	max-width:19em;
	line-height:1.2;
	text-align:center;
	text-decoration:none;
	display:block;
	vertical-align: middle;
	position: relative;}

a.btn4 {transition: color 0.6s; color:#fff; text-decoration:none;}
a:link.btn4 {text-decoration:none;}
a:visited.btn4 {text-decoration:none;}
a:active.btn4 {color:#fff; text-decoration:none;}
a:hover.btn4 {color:#fff; text-decoration:none;}

.btn5{margin:0;
	padding:1em 3em 1em 4.5em;
	max-width: 100%;
	/*border: #b8a983 1px solid;*/
	/*border-radius: 0.35em;*/
	font-size: 125%;
	line-height:1;
	text-align:left;
	text-decoration:none;
	display:block;
	position: relative;
}

a.btn5 {color:#000; text-decoration:none; transition: background 0.5s;}
a:link.btn5 { text-decoration:none; background: #e7b55b url("image/mail_icon.png") 1.25em 50% no-repeat; background-size: 45px;}
a:visited.btn5 {text-decoration:none; background: #e7b55b url("image/mail_icon.png") 1.25em 50% no-repeat; background-size: 45px;}
a:active.btn5 {color:#000; background:#fff url("image/mail_icon.png") 1.25em 50% no-repeat; background-size: 45px; text-decoration:none;}
a:hover.btn5 {color:#000; background:#fff url("image/mail_icon.png") 1.25em 50% no-repeat; background-size: 45px; text-decoration:none;}

.btn5 span{font-size: 60%;
	color: #000;
	font-weight:normal;
	font-family:"メイリオ","Mayryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Helvetica,Verdana,sans-serif;}

.btn5::before{top: 50%;
	right: 28px;
	width: 28px;
	height: 2px;
	content: "";
	background: #000;
	z-index: 2;
	margin-top: -1px;
	position: absolute;}

.btn5::after{top: 50%;
	right: 30px;
	width: 24px;
	height: 24px;
	content: "";
	margin-top: -12px;
	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;}

.btn5:hover::before{background: #ba7624;}
.btn5:hover::after{border-color: #ba7624;}

.btn6{margin:0;
	padding:1em 3em 1em 4.5em;
	max-width: 100%;
	/*border: #b8a983 1px solid;*/
	/*border-radius: 0.35em;*/
	font-size: 125%;
	line-height:1;
	text-align:left;
	text-decoration:none;
	display:block;
	position: relative;
}

a.btn6 {color:#000; text-decoration:none; transition: background 0.5s;}
a:link.btn6 { text-decoration:none; background: #e7b55b url("image/en_icon.png") 1.25em 50% no-repeat; background-size: 45px;}
a:visited.btn6 {text-decoration:none; background: #e7b55b url("image/en_icon.png") 1.25em 50% no-repeat; background-size: 45px;}
a:active.btn6 {color:#000; background:#fff url("image/en_icon.png") 1.25em 50% no-repeat; background-size: 45px; text-decoration:none;}
a:hover.btn6 {color:#000; background:#fff url("image/en_icon.png") 1.25em 50% no-repeat; background-size: 45px; text-decoration:none;}

.btn6 span{font-size: 60%;
	color: #000;
	font-weight:normal;
	font-family:"メイリオ","Mayryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Helvetica,Verdana,sans-serif;}

.btn6::before{top: 50%;
	right: 40px;
	width: 3px;
	height: 28px;
	content: "";
	background: #000;
	z-index: 2;
	margin-top: -12px;
	position: absolute;}

.btn6::after{top: 50%;
	right: 28px;
	width: 28px;
	height: 3px;
	content: "";
	margin-top: 0;
	background: #000;
	position: absolute;}

.btn6:hover::before{background: #ba7624;}
.btn6:hover::after{background: #ba7624;}


.btn7{margin:0;
	padding:1em 3em 1em 4.5em;
	max-width: 490px;
	/*border: #b8a983 1px solid;*/
	/*border-radius: 0.35em;*/
	font-size: 125%;
	line-height:1;
	text-align:left;
	text-decoration:none;
	display:block;
	position: relative;
}

a.btn7 {color:#000; text-decoration:none; transition: background 0.5s;}
a:link.btn7 { text-decoration:none; background: #d7b975 url("image/schedule_icon.png") 1.25em 50% no-repeat; background-size: 45px;}
a:visited.btn7 {text-decoration:none; background: #d7b975 url("image/schedule_icon.png") 1.25em 50% no-repeat; background-size: 45px;}
a:active.btn7 {color:#000; background:#fff url("image/schedule_icon.png") 1.25em 50% no-repeat; background-size: 45px; text-decoration:none;}
a:hover.btn7 {color:#000; background:#fff url("image/schedule_icon.png") 1.25em 50% no-repeat; background-size: 45px; text-decoration:none;}

.btn7 span{font-size: 60%;
	color: #000;
	font-weight:normal;
	font-family:"メイリオ","Mayryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Helvetica,Verdana,sans-serif;}

.btn7::before{top: 50%;
	right: 40px;
	width: 3px;
	height: 28px;
	content: "";
	background: #000;
	z-index: 2;
	margin-top: -12px;
	position: absolute;}

.btn7::after{top: 50%;
	right: 28px;
	width: 28px;
	height: 3px;
	content: "";
	margin-top: 0;
	background: #000;
	position: absolute;}

.btn7:hover::before{background: #d7b975;}
.btn7:hover::after{background: #d7b975;}


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

.spdisplay{display:none;}

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

}


@media only screen and (max-width:767px){
	body{font-size: 1.3em;}
	
	br.brsp{display:block;}
	
	.pcdisplay{display:none;}
	.spdisplay{display:block;}
	
	.tw iframe[id^='twitter-widget-']{width: 767px !important;}
	.ta_outline td,.ta_admit td,.ta_admit2 td{padding: 0.75em;}
	
	br.brpc{display:none;}
	br.brtb{display:block;}
	
	/*#nav{display:none;}
	#menu{display:block;}*/

	.pdn{padding:0;}
	.pd2sp{padding-bottom: 2em;}
	
	.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;}	
	
	.mainL,.mainPL,.mainFT2L,.mainFL,.mainFTL{
		width:100%;
		padding:0 0 3em 0;
		float:none;}
	
	.mainR, .mainPR,.mainFT2R,.mainFR,.mainFTR{
		width:100%;
		padding:0;
		float:none;}
	
	.mainC{width:100%;
	margin-left:0;
	margin-right:0;}
	
	.mgsp15{margin: 1.5em 0 0 0;}
	.mainLsp05{padding-bottom:0.5em;}
	
	.ta_playguide td{display:block; width:100%; border-bottom:none; padding:0.5em 1em;}
	td.td_playguideR{border-bottom:#fff 1px dotted; padding-bottom:2em;}
	td.td_playguideL{margin-top: 2em; border-left:#fff 2px solid; /*background:#9fa0a0;*/}
	td.pgRn{padding-top:0;}
	

	.weinfob3{padding-bottom: 2em;}
	
		ul.pt3sp{padding-left:0;}
	.pt3sp li{text-indent:0;}
	
	#nav ul{font-size:100%;}
	#nav li{width: 33%; padding:0.5em 0.5em;}
	
	#nav li:nth-child(1){margin-bottom:1.5em;}
	#nav li:nth-child(3n){border-right:none;}
	
	.mainWTL{width:100%;
		margin:0 0 3em 0;
		float:none;}
	
	.mWtlb{margin-bottom: 0;}
	.fn{font-size:100%;}
	
		#ticketbannar{bottom:10px; right:10px; width: 80px;}
		#trade_bannar{max-width: 50%; margin-left: auto; margin-right: auto;}
		
.msbg{padding-left: 0;
	padding-top: 155px;
	position: relative;}

.msbg01,.msbg02,.msbg03,.msbg04,.msbg05{top:0;
	left: calc(50% - 60px);}

}

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

}