@charset "utf-8";

/******************************************************************************

                Copyright (c) オフィスワン All Rights Reseaved.

******************************************************************************/

/*--------------------
	clearfix
---------------------*/

#banner:after,
#information:after,
.newsBox:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}

/* IE用 */
#banner,
#information,
.newsBox{ zoom:1;}

/*-------------------------------------------------------------------------
	id01:index.html
-------------------------------------------------------------------------*/

#banner{ width:965px; margin:30px auto;}
#banner ul{ width:975px; margin:0 -10px -10px 0; overflow:hidden;}
#banner li{ float:left; width:315px; height:103px; margin:0 10px 10px 0; list-style-type:none; overflow:hidden;}
#banner li img{ width:315px; height:103px;}

.news{ margin:10px 0 20px;}
.news table{ width:100%; border-collapse:collapse;}
.news th,
.news td{ padding:5px; font-weight:bold;}
.news th{ width:80px;}

#schedule{ width:710px; margin-right:-10px; overflow:hidden;}
#schedule li{
	float:left;
	width:345px;
	margin:0 10px 0 0;
	padding:15px 0;
	list-style-type:none;
	border-bottom:1px solid #CCB397;
	}
#schedule div{ float:left; width:270px;}
#schedule h3{ min-height:3em; margin:8px 0; font-weight:bold; font-size:1.0em;}
#schedule h3 a{ display:block; width:100%;}
#schedule p{ line-height:1.4; font-size: 0.9em;}
*html #schedule h3{ height:3em;}
a.thumbnail{ float:left; width:65px; margin-right:10px;}

/*-------------------------------------------------------------------------
	id02:topics/index.html
-------------------------------------------------------------------------*/

.topic{ margin-top:30px;}
.topic h3{
	margin:3px 0 15px;
	padding-bottom:5px;
	font-weight:bold;
	font-size:1.3em;
	color:#CC6C33;
	border-bottom:3px double #CCB397;
	}
.topic div{ margin:5px 0 0 0; padding:0 0 0 0; line-height:1.8;}

/*-------------------------------------------------------------------------
	id03:schedule/index.html
-------------------------------------------------------------------------*/

/* 一覧ページ */
#concert h3{ margin:25px 0 1em; font-size:1.15em; text-align:center; color:#CC6C33; font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;}
#concert h3 span{ margin:0 8px; font-size:1.35em; font-weight:bold;}
#concert table  { width:100%; margin:15px 0; border-bottom:1px solid #EBD7B1;}
#concert th,
#concert td{ vertical-align:middle; box-sizing: border-box;}
#concert th{
	padding:9px 0 8px;
	text-align:center;
	color:#DDBB7B;
	font-weight:bold;
	background:#33281A url(../schedule/img/th.png);
	border-top:1px solid #33281A;
	border-left:1px solid #33281A;
	border-bottom:1px solid #33281A;
	}
#concert td{ padding:8px 8px 6px; line-height:1.4;}

#concert td.name,
#concert td.price { padding:8px 0 6px 6px;}

#concert td.month,
#concert td.date,
#concert td.time,
#concert td.place { padding:8px 0 6px;}

#concert tr.white td { background: #fff;}
#concert tr.color td { background: #FBF7EA;}
#concert tr td.month { background: #fff;}

#concert2 h4{ margin:0 0 5px; padding:5px 10px; font-weight:bold; font-size:1.15em; border:1px solid #EBD7B1;}
#concert2 table  { width:100%; margin:0 0 15px; border-top:1px solid #EBD7B1; border-bottom:1px solid #EBD7B1;}
#concert2 th,
#concert2 td{ vertical-align:middle; box-sizing: border-box;}
#concert2 th{
	padding:9px 0 8px;
	text-align:center;
	color:#DDBB7B;
	font-weight:bold;
	background:#33281A url(../schedule/img/th.png);
	border-top:1px solid #33281A;
	border-left:1px solid #33281A;
	border-bottom:1px solid #33281A;
	}
#concert2 td{ padding:8px 8px 6px; line-height:1.4;}

.month{ width:40px; text-align:center; border-left:1px solid #EBD7B1; border-bottom:3px double #EBD7B1; background:#fff;}
.name { width:auto; border-left:1px solid #EBD7B1; border-bottom:3px double #EBD7B1;}
.date { width:80px; text-align:center; border-left:1px dashed #EBD7B1; border-bottom:3px double #EBD7B1;}
.time { width:65px; text-align:center; border-left:1px dashed #EBD7B1; border-bottom:3px double #EBD7B1;}
.place{ width:85px; text-align:center; border-left:1px dashed #EBD7B1; border-bottom:3px double #EBD7B1;}
.price{ width:165px; border-left:1px dashed #EBD7B1; border-bottom:3px double #EBD7B1; border-right:1px solid #EBD7B1;}
.th{ border-right:1px solid #33281A;}
.td{ background:#FBF7EA;}
.month,.date,.time,.place,.price { font-size: .9em;}

#concert .table-wrap { margin: -8px 0 -6px;}
#concert .border-box { margin: 0 -8px; padding: 0 8px; border-bottom: 1px solid #EBD7B1;}
#concert .border-box.none { border: none;}
#concert .table-box  { display: table; vertical-align: middle;}
#concert .table-cell { display: table-cell; vertical-align: middle;}

.name  .table-box  { height: 101px;}
.date  .table-box  { height: 50px;}
.time  .table-box  { height: 50px;}
.price .table-box  { height: 100px;}
.date  .table-cell { width: 100px; text-align: center;}
.time  .table-cell { width: 100px; text-align: center;}

/* 詳細ページ */
.pdf { float: right; width: 164px;}
.pdf p { margin-bottom: 10px; font-size: 0.85em; text-align: center;}
.pdf a { display:block; padding: 1px; border: 1px solid #ccc;}
.pdf a:hover { border: 1px solid #f90;}
.pdf .movie { margin-bottom: 10px; padding: 1px; border:1px solid #ccc;}
.pdf .movie p { margin-bottom: 0; padding: 5px 0 3px;}

.info{ float:left; width:510px;}
.info table{ width:100%; margin:10px 0 20px; border-collapse:collapse; border-top:3px double #ccc;}
.info th,
.info td{ vertical-align:middle; border-bottom:3px double #ccc;}
.info th{ width:70px; padding:11px 0 10px; text-align:center; font-weight:bold; border-right:1px solid #ccc;}
.info td{ padding:11px 5px 10px 10px;}
.info li{ list-style-type:none;}
.info h2{ margin:5px 0; font-size:1.4em; font-weight:bold; line-height:1.4;}

#information{ margin-bottom:20px;}
.contents{ margin-bottom:25px;}
.contents h3{ margin:25px 0 1em; font-size:1.2em; font-weight:bold;}
.contents h4{ margin:0 0 1em; font-size:1.2em; font-weight:bold;}
.contents dt{ margin:1em 0 5px; font-weight:bold;}
.newsBox{
	margin:25px 0 0 0;
	padding:15px;
	border-top:3px double #CCB397;
	border-bottom:1px solid #CCB397;
	background:#FBF7EA;
	}
.newsBox h2{ font-weight:bold; font-size:1.2em;}
.newsBox h3{ margin:0; padding:1em 0;}
.castBox { width:330px;}
.castBox h4 { margin:1em 0 10px;}

/* 公演中止・延期による払戻 */
#refund { padding: 30px 0 0;}
#refund h2 { margin: 0 0 20px; font-size: 2.0em; font-weight: bold; text-align: center; line-height: 1.3;}
#refund li { list-style-type: none;}
#refund .bold { font-size: 1.2em;}
#refund .newsBox { margin: 20px 0;}
#refund .newsBox h3 { margin: 5px 0 10px; padding: 0; font-size: 1.4em;}
#refund .newsBox p { font-weight: bold;}
#refund .newsBox .bold { margin: 5px 0 0;}
#refund .newsBox .Red { margin: 0 0 10px; font-size: 1.8em; line-height: 1.3;}

#ancBtn { color: #f00;}

/*-------------------------------------------------------------------------
	id04:tickets/index.html
-------------------------------------------------------------------------*/

.tickets1 dl{ margin:1em 0 0;}
.tickets1 dt{ font-size:1.2em; font-weight:bold; color:#c63;}
.tickets1 dd strong{ font-size:1.2em; color:#c63;}
.tickets1 dd div{ width:300px; margin:1em 0; padding:10px; border:1px solid #CCB397;}

.tickets2 ul{ margin-top:1em; list-style-type:none;}
.tickets2 li{ float:left; margin-right:10px;}

.tickets3 ul{ list-style-type:none;}
.tickets3 li{ margin-top:1em;}
.tickets3 li p{ margin-left:1em;}

.tickets4 strong{ margin:0 10px 0 5px;}
.tickets4 ul{ margin:1em 0 0 0; list-style-type:none;}
.tickets4 li{ margin-bottom:1em;}

/*-------------------------------------------------------------------------
	id05:members/index.html
-------------------------------------------------------------------------*/

.recruit{ margin-bottom:1em; font-size:1.1em; font-weight:bold;}

.members strong{ font-size:1.1em; color:#CC6C33;}
.members ul{ list-style-type:none;}
.members li{ margin:0 0 1em 1em; text-indent:-1em; font-weight:bold;}
.members ul li ul{ margin:5px 0 0 1em;}
.members li ul li{ margin:0; font-weight:normal;}
.members p{ margin-bottom:1em;}

/*-------------------------------------------------------------------------
	id06:outline/index.html
-------------------------------------------------------------------------*/

#company table{ width:100%; border-collapse:collapse; border-top:1px solid #DDBB7B;}
#company th,
#company td{ padding:8px 10px; vertical-align:middle; border-bottom:1px solid #DDBB7B;}
#company th{ width:80px; font-weight:bold; background:#33281A; text-align:center; color:#fff;}
#company td{ border-right:1px solid #DDBB7B;}

#gmap{ width:698px; height:388px; margin-top:15px; border:1px solid #ccc;}
#infowindow{ width:240px; height:100%; overflow:hidden;}
#infowindow h1{ margin:0 0 5px 50px; padding:0;}
#infowindow p { line-height:1.4;}

/*-------------------------------------------------------------------------
	id07:mailmaga/index.html
-------------------------------------------------------------------------*/

#mailmaga strong{ font-size:1.1em; color:#CC6C33;}
#mailmaga h3{ margin:25px 0 15px; padding-bottom:5px; font-weight:bold; font-size:1.2em; border-bottom:3px double #CCB397;}

.rule{ margin-bottom:25px; padding:10px; border:1px solid #CCB397; background:#FBF7EA;}
.rule div{ height:155px; padding:0 20px 0 0; overflow:auto;}
.rule dt{ margin:1em 0 5px; font-size:1.1em; font-weight:bold;}
.rule ol{ list-style-type:none;}

#form table{ width:704px; margin:0 -2px; overflow:hidden;}
#form th,
#form td{ vertical-align:middle;}
#form th{ width:150px; padding:8px 10px; background:#DDBB7B; text-align:left; font-weight:bold; color:#fff;}
#form th span{ margin-left:10px;}
#form td{ padding:8px; border:1px solid #DDBB7B;}

#form input[type=text],
#form textarea{
	padding:3px 5px;
	font-size:100%;
	font-family:'ＭＳ Ｐゴシック',sans-serif;
	outline:none;
	}
#form textarea{ width:410px; max-width:410px; padding:5px 7px; overflow:auto;}

#form select,
#form select option,
#form input[type=checkbox],
#form label{ cursor:pointer;}
#form label{ padding-left:5px;}
#form label:hover{ color:#666;}

.width1{ width:276px;}
.width2{ width:100px;}
.width3{ width:62px;}
.btn{ margin-top:20px; text-align:center;}
.form{ background:#FBF7EA;}

/*-------------------------------------------------------------------------
	170712 公演中止・メール会員ページ削除用
-------------------------------------------------------------------------*/

#header li:nth-child(4) {
  display: none;
}

#header ul{
  left: 210px;
  width: 705px;
  padding-left: 50px;
}
#header li{
  margin-right: 50px;
}