@charset "UTF-8";
@import url(base.css);
.ticketBtn { text-align: center; }
.ticketBtn a { display: inline-block; background: #a92b2b; color: #FFF; font-size: 20px; padding: 10px 50px; border-radius: 5px; }

/*-------------------------------------------------
	++ BASE
-------------------------------------------------*/
body { background: #FFF url("../img/bg_white.jpg") center top repeat; font-family: 'Noto Sans JP', sans-serif; color: #231815; }

img { display: block; }

.sp { display: none; }

#container { margin: 0 auto; text-align: center; position: relative; min-width: 1000px; overflow-x: hidden; }

.cInner { display: block; clear: both; width: 1000px; margin: 0 auto; text-align: center; position: relative; letter-spacing: 1px; }

.csnB { position: relative; }
.csnB:after { content: ""; display: block; background: url("../img/csn.png") center top repeat-x; width: 100%; height: 110px; position: absolute; bottom: -55px; left: 0; z-index: 1; }

/*-------------------------------------------------
	++ COMMON
-------------------------------------------------*/
.section { position: relative; padding: 100px 0; }
.section .secHead { margin-bottom: 20px; }
.section .secHead h2 img { margin: 0 auto; text-align: center; }

/*-------------------------------------------------
	++ HEAD
-------------------------------------------------*/
#header { width: 100%; height: 60px; background-color: #FFF; }
#header h1 { float: left; }
#header .link { float: right; padding: 15px; margin-top: 5px; font-family: 'Arial','游ゴシック体','YuGothic','游ゴシック','Yu Gothic','ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif; }
#header .link span { display: none; }
#header .link a { background-color: #9F291A; color: #FFF; font-size: 16px; padding: 5px 10px; }
#header .goods { float: right; width: 170px; border: 1px solid #CCC; margin-top: 10px;
  margin-right:10px; }
#header .goods img { width: 100%; height: auto; }

/*-------------------------------------------------
	++ MAIN
-------------------------------------------------*/
#menu { width: 100%; background: #231815; min-height: 54px; z-index: 9999; }
#menu ul { display: inline-block; margin: 0 auto; text-align: center; position: relative; font-size: 0; line-height: 0; }
#menu ul li { display: inline-block; position: relative; padding: 8px 5px 5px 5px; }
#menu ul li img { display: block; }
#menu ul li.goods { display: none; }
#menu.move { width: 100%; height: 54px; background: rgba(35, 24, 21, 0.75); position: fixed; top: 0; left: 0; }

#main { padding: 0 0 55px 0; }
#main:after { content: ""; display: block; width: 100%; height: 9px; background: url("../img/bg_white_bottom.png") center bottom repeat-x; position: absolute; bottom: -9px; left: 0; z-index: 1; }
#main .cInner img { margin: 0 auto; text-align: center; }
#main .title { padding-top: 85px; margin-bottom: 55px; }
#main .mainDate .ename { font-size: 30px; line-height: 140%; position: relative; }
#main .mainDate .ename:before, #main .mainDate .ename:after { content: ""; display: inline-block; width: 62px; height: 1px; background-color: #231815; margin: 10px 20px; }
#main .mainDate .jname { font-size: 24px; }
#main .mainDate .date { font-size: 26px; }
#main .mainDate .date span { font-size: 33px; font-weight: 700; }
#main .mainDate .place { font-size: 26px; font-weight: 700; }
#main .mainDate .ticketBtn { margin-top: 50px; }

/*-------------------------------------------------
	++ CONTENTS
-------------------------------------------------*/
#news { background: url("../img/bg_brown.jpg") center top repeat; padding-top: 140px; }
#news:before { content: ""; display: block; width: 100%; height: 93px; background: url("../img/bg_main_wave.png") center top no-repeat; position: absolute; top: 0; left: 0; }
#news .entryList { display: block; margin: 10px auto; text-align: center; background-color: #FFF; width: 800px; padding: 10px; }
#news .entryList ul li { text-align: left; padding: 10px 0; color: #231815; }
#news .entryList ul li .date { margin-right: 15px; }
#news .entryList ul li a { color: #231815; }
#news .link { margin: 30px 0 70px 0; }
#news .link a { color: #d07e2d; }

#intro { padding: 60px 0 75px 0; }
#intro:before { content: ""; display: block; width: 100%; height: 262px; background: url("../img/intro_top.png") center top no-repeat; position: absolute; top: 0; left: 0; z-index: 1; }
#intro .text { font-size: 18px; line-height: 34px; text-align: center; }

#story { padding: 60px 0 160px 0; }
#story .text { font-size: 18px; line-height: 34px; text-align: center; }
#story .text .lead { font-size: 20px; font-weight: 700; color: #FFF; background-color: #231815; padding: 0 10px; }

#member { background: url("../img/bg_orange.jpg") center top repeat; padding-bottom: 205px; }
#member:before { content: ""; display: block; width: 100%; height: 275px; background: url("../img/story_bottom.png") center bottom no-repeat; position: absolute; top: -197px; left: 0; }
#member:after { content: ""; display: block; width: 100%; height: 66px; background: url("../img/member_bottom.png") center bottom repeat-x; position: absolute; bottom: 0; left: 0; }

#cast { margin-bottom: 30px; }

#music { margin-bottom: 30px; }

.photoPnl { margin: 0 auto; text-align: center; }
.photoPnl ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }
.photoPnl ul li { width: 276px; margin: 0 15px 30px 15px; }
.photoPnl ul.line4 li { width: 240px; margin: 0 5px 30px 5px; }

#staff .staffList { font-size: 20px; }
#staff .staffList dl dt { width: 50%; float: left; text-align: right; padding-right: 10px; }
#staff .staffList dl dd { width: 50%; float: left; text-align: left; padding-left: 10px; }

#ticket { padding-top: 55px; background: url("../img/bg_brown.jpg") center top repeat; color: #FFF; }
#ticket .ticketWrap { margin-bottom: 40px; text-align: left; }
#ticket .ticketWrap h2 { text-align: center; margin: 0 auto 30px auto; font-size: 24px; }
#ticket .ticketWrap table { width: 100%; border: 1px solid #231815; margin-bottom: 20px; }
#ticket .ticketWrap table caption { display: none; }
#ticket .ticketWrap table th, #ticket .ticketWrap table td { border: 1px solid #231815; padding: 10px; background-color: #000; }
#ticket .ticketWrap table th { font-size: 16px; text-align: center; width: 40%; }
#ticket .ticketWrap table td { width: 40%; }
#ticket .ticketWrap table td.dn { text-align: center; width: 20%; }
#ticket .ticketWrap table td.ptn { text-align: center; width: 20%; }
#ticket .ticketWrap table td.time { text-align: center; width: 40%; }
#ticket .ticketWrap .att { margin-bottom: 10px; }
#ticket .ticketWrap .infoText { position: relative; margin-bottom: 30px; }
#ticket .ticketWrap .infoText h3 { background-color: #dc8530; color: #231815; padding: 2px 10px; margin-bottom: 10px; }
#ticket .ticketWrap .infoText h3 .infospace { display: inline-block; width: 22rem; height: 1rem; }
#ticket .ticketWrap .infoText a { color: #FFF; text-decoration: underline; }
#ticket .ticketWrap .infoText a:hover { text-decoration: none; }
#ticket .ticketWrap .infoText span { font-size: 14px; }
#ticket iframe { margin-top: 50px; }

#footer { background: url("../img/bg_brown.jpg") center top repeat; color: #FFF; }
#footer .copyright { padding: 10px 0; font-size: 12px; }

/*-------------------------------------------------
	++ FOOTER
-------------------------------------------------*/
#spCover { display: none; }

#pageTop { position: fixed; bottom: 40px; right: 40px; z-index: 9999; }