@charset "utf-8";
/* CSS Document */

* {box-sizing:border-box;}
a, a:after {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; outline:none;}
a {cursor:pointer;text-decoration: none;}
div,ol,ul,li,p,span,a {position:relative;}
ol,ul,li {list-style:none;list-style-type:none;padding:0;}
body,header,footer,menu,p,ul {padding:0;margin:0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;margin:0;padding:0;line-height:1em;}
div,a,img,p,li {display:block;}
/*a:hover img {opacity:0.75;}*/

body {background-color:#000;color:#fff;font-size:16px;width:100%;}
/*ヘッダー*/
header {width:100%;background: rgba(0,0,0,1) ;color:#fff;border-bottom: 1px solid rgba(255,255,255,0.8);}
header > div {width:90%;max-width: 1200px; margin:0 auto;padding:0.5em;}
header a#logomark {height: 5vw;}
header a img {height: 100%;}


/*contents*/
#contentWrapper {width:100%;padding-top: 1em;}
#content {width: 100%;max-width: 1200px;margin: 0 auto;font-feature-settings: 'palt';}
#content h1 {}
#content h1 img {width: 100%;}
#content p {width: 90%;margin: 0.5em auto;}

.bgred {background: #c03;}
.twin span {display: block;line-height: 1.0;}
.twin {display: flex;flex-wrap: wrap;justify-content: space-around;}
.twin > div,#profile > div {width: 100%;padding:1em;margin-top: 1em;}
.twin span.date {font-family: 'EB Garamond', serif;font-size: 5em;}
.twin span.date s {font-size: 60%;text-decoration: none;}
.twin span.venue {font-size: 1.5em;margin: 0.5em 0;}
.twin span.time {font-family: 'EB Garamond', serif;font-size: 2em;}
.twin > div a.ticket {background: #f00;color:#fff;text-align: center;font-size: 1.5em;padding: 1em;border-radius: 7px;margin-top: 1em;border: 1px solid #fff;}
.twin > div a.ticket.ended {background: #aaa;cursor: default;border: 1px solid #999;}
.twin > div a.ticket.report {background: #09c;border: 1px solid #fff;}
.twin > div a.ticket span {font-size: 80%;}
.twin > div a.ticket:hover {background: #f90;}
.twin > div a.ticket.ended:hover {background: #aaa;}

p.lead {text-align: center;}
p.ticket {font-size: 80%;}

.tokuten {border: 1px solid rgba(255,255,255,0.7);border-radius: 5px;margin: 1em auto;width: 90%;background: url(../img/bg_gt.png) no-repeat;background-position: right center;}
.tokuten h4 {background: #f90;padding: 0.5em;font-size: 2em;border-radius: 4px 4px 0 0;}
#content .tokuten p {width: 100%;padding: 0.5em 1em;}

#profile {font-size: 1em;line-height: 1.5;}
#profile h4 {font-size: 2.5em;}
#profile a {color: #fff;display: inline-block;}
#profile a:hover {color: #f90;text-decoration: underline;}

#disk {font-size: 1.25em;text-align: center;}
#disk img {width: 48%;margin: 0 auto;}

.attention {font-size: 85%;margin: 3em auto;width: 95%;border-top:1px solid #fff;padding: 1.5em 0;line-height: 1.5;}
.attention h5 {font-size: 125%;font-weight: 600;}

.regulation {padding: 1em 5%;}
.regulation h4 {float: left;width: 100%;font-size: 2.5em;}
.regulation h4 s {font-size: 60%;text-decoration: none;}
#content .regulation p {width: 100%;float: left;margin: 0;}
.regulation p.lead {font-size: 1.5em;text-align: left;}
.regulation span {}

.inquiry a {display: inline-block;color: #fff;}
.inquiry a:hover {color: #fc0;text-decoration: underline;}
#inquiry {margin: 1em auto 2em;}
h4.inquiry  {padding: 0.25em;font-weight: 600;font-size: 1.25em;border-left: 5px solid #fff;border-bottom: 1px solid #fff; margin: 0 0 0.5em;}
#inquiry img {width: 90%;margin: 0 auto;}
#inquiry span {display: inline-block;}
#inquiry > div {border: 1px solid #fff;padding: 0.5em;}
#inquiry .shop img {margin: 0;}

/*social buttons*/
.social-area {background: none;	padding: 0;margin:10px 0 10px;}
ul.social-button {overflow: hidden;	width: 100%;margin: 1em auto;padding: 0;border: none;list-style-type: none;	display:inline-block;text-align:center;}
ul.social-button li {display:inline-block;overflow: hidden;text-align: center;height: 20px;padding:0;margin:0;}
li.sc-fb {margin:0 20px !important;line-height:1.0;position:static;}

/*フッター*/
footer {background-color:#222;color:rgba(255,255,255,0.6);width:100%;border-top:1px solid rgba(0,0,0,0.3);}
footer div {padding:20px 0;}
p.copyright {font-weight:400;font-size:0.75em;text-align:center;line-height:2em;}
footer a {color:rgba(255,255,255,0.6);}

/*ページトップへ*/
.pagetop {display: block;position: fixed;right: 5px;bottom: 5px;z-index:+20;}
.pagetop a {display: block;background-color: rgba(0,0,0,0.7);color: rgba(255,255,255,0.6); text-align: center;text-decoration: none;outline:none;width: 50px;height: 50px;line-height: 50px;font-size: 35px;border-radius: 50%;}
.pagetop a:hover {color:rgb(233,168,37);}

/*汎用*/
.mincho {font-family: "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.serif {font-family:  'EB Garamond', "Times New Roman", Times, serif, "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";}
.gothic {font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.txtwshadow {text-shadow:1px 1px 0.1em #000,-1px 1px 0.1em #000,-1px -1px 0.1em #000,1px -1px 0.1em #000;}
.clearfix:after, ul:after, p.lead:before {content:"";display:block;position:relative;clear:both;}

.mlhide {display: none;}
.mbhide {display: none !important;visibility: hidden;}
.mbshow {display: block !important;visibility: visible;}

/**/
@media screen and (min-width: 480px) {
	.mbshow {display: none !important;visibility: hidden;}

}

@media screen and (min-width: 750px) {
	#content {width: 90%;}
	.twin > div,#profile > div {width: 45%;margin-top: 0;}
	.regulation h4 {width: 50%;}
	.attention {font-size: 80%;}
	.mlhide {display: block;}
	.mbhide {display: block !important;visibility: visible;}
}