@charset "UTF-8";
/*=====================

 0) common
 1) index
 2) cast
 3) diary & special
 4) photo & keiko-photo

=======================*/

/* 0) common
=======================*/
#contents .inner-contents {
padding-bottom: 0;
margin-bottom: 30px;
}
h2 {
background: url(../images/information/img_01.jpg) no-repeat left top;
}
#contents .inner-contents {
background: url(../images/information/back_inner_contents.gif) repeat-y left top / 290px;
}
#local-nav {
	width: 300px;
	font-size: 85%;
}
#main {
width: 630px;
text-align: left;
}

#local-nav ul {
margin: 15px 8px;
}
#local-nav li {
margin-bottom: 12px;
padding-left: 11px;
background: url(../images/information/arrow.gif) no-repeat left 2px;
line-height: 1.5;
}
#local-nav li ul {
margin: 8px 0 0 0;
}
#local-nav li a.active {
color: #000;
text-decoration: none;
}

#main #title {
margin-bottom: 18px;
padding: 5px;
background: url(../images/information/back_title.gif) repeat left top;
}
#main #title h3 {
padding-left: 35px;
color: #fff100;
font-size: 152%;
font-weight: bold;
line-height: 1.25;
background: url(../images/information/ico_title_01.png) no-repeat left top;
}

p#btn-story,
p#btn-photo,
p#btn-cast,
p#btn-keiko,
p#btn-diary,
p#btn-special {
margin-top: 10px;
}
p#btn-story {
margin-left: 248px;
margin-bottom: 10px;
}
p#btn-story a {
width: 102px;
height: 23px;
background: url(../images/information/btn_07.gif) no-repeat left top;
}
p#btn-story a:hover {
background: url(../images/information/btn_07.gif) no-repeat left bottom;
}
p#btn-photo a {
width: 164px;
height: 23px;
background: url(../images/information/btn_01.gif) no-repeat left top;
}
p#btn-photo a:hover {
background: url(../images/information/btn_01.gif) no-repeat left bottom;
}
p#btn-cast a {
width: 192px;
height: 23px;
background: url(../images/information/btn_02.gif) no-repeat left top;
}
p#btn-cast a:hover {
background: url(../images/information/btn_02.gif) no-repeat right top;
}
p#btn-keiko a {
width: 120px;
height: 23px;
background: url(../images/information/btn_03.gif) no-repeat left top;
}
p#btn-keiko a:hover {
background: url(../images/information/btn_03.gif) no-repeat right top;
}
p#btn-diary a {
width: 120px;
height: 23px;
background: url(../images/information/btn_04.gif) no-repeat left top;
}
p#btn-diary a:hover {
background: url(../images/information/btn_04.gif) no-repeat right top;
}
p#btn-special a {
width: 120px;
height: 23px;
background: url(../images/information/btn_05.gif) no-repeat left top;
}
p#btn-special a:hover {
background: url(../images/information/btn_05.gif) no-repeat right top;
}
p#btn-back a {
width: 163px;
height: 23px;
background: url(../images/information/btn_06.gif) no-repeat left top;
}
p#btn-back a:hover {
background: url(../images/information/btn_06.gif) no-repeat left bottom;
}

/* 1) index
=======================*/
#summary {
margin-left: 10px;
padding-bottom: 30px;
line-height: 2;
}
#summary .left {
width: 350px;
font-size: 107%;
font-weight: bold;
}
#summary .left p#btn-photo {
margin-left: 186px;
}
#summary .right {
width: 250px;
}
#summary .summary{
	line-height: 1.4;
	font-size: 1.0em;
	font-weight: bold;
}
#summary .summary + p{
	font-weight: bold;
	margin-top: 20px;
}
.time-table h5{
	font-size: 1.2em;
	text-align: center;
	background: #eee;
	padding: 0.2em 0;
}
.time-table dl{
	overflow: hidden;
	margin-top: 1em;
}
.time-table dt,
.time-table dd{
	float: left;
}
.time-table dt{
	width: 5em;
	text-align: right;
	margin-right: 1em;
}
.time-table dl + p{
	margin-top: 10px;
	font-size: 0.94em;
}
.time-table table{
	border-collapse: collapse;
	margin-bottom: 20px;
}
.time-table table,
.time-table th,
.time-table td{
	border: 1px solid #444;
	font-size: 0.94em;
}
.time-table th,
.time-table td{
	padding: 6px 4px;
}
.time-table th{
	line-height: 1.4;
	background: #f4f4f4;
}
.time-table dd + dt{
	clear: left;
}
.time-table p{
	font-size: 0.9em;
}
.time-table dl + p{
	margin-top: 10px;
}
.time-table table{
	
}
.ticket span{
	font-size: 0.9em;
}
.ticket h5{
	font-size: 1.2em;
	text-align: center;
	background: #eee;
	padding: 0.2em 0;
}
.ticket dl{
	overflow: hidden;
}
.ticket dt,
.ticket dd{
	float: left;
}
.ticket dt{
	width: 7em;
	margin-right: 1em;
}
.ticket dd + dt{
	clear: left;
}
.ticket h5:nth-of-type(2){
	margin-top: 20px;
}
.ticket h6{
	margin-top: 1em;
	font-weight: bold;
}
#info .left,
#info .right {
width: 305px;
}
#info .left h4,
#info .right h4 {
height: 24px;
margin-bottom: 10px;
overflow: hidden;
text-indent: -9999em;
}
#info .left h4#tit-stage {
background: url(../images/information/tit_01.gif) no-repeat left top;
}
#info .left h4#tit-time {
background: url(../images/information/tit_03.gif) no-repeat left top;
}
#info .left h4#tit-ticket ,
#info .right h4#tit-ticket {
background: url(../images/information/tit_04.gif) no-repeat left top;
}
#info .left h4#tit-howto {
background: url(../images/information/tit_06.gif) no-repeat left top;
}
#info .right h4#tit-cast {
background: url(../images/information/tit_02.gif) no-repeat left top;
}
#info .right h4#tit-staff {
background: url(../images/information/tit_05.gif) no-repeat left top;
}
#info .block .txt {
margin: 0 10px 20px 10px;
font-size: 92%;
line-height: 2;
}
#info .block .txt p#btn-cast {
margin-left: 93px;
}
#info .block .txt p#btn-keiko,
#info .block .txt p#btn-diary,
#info .block .txt p#btn-special {
margin-left: 165px;
}
/*=======================
#performance-list
=======================*/
#performance-list div{
	margin-top: 30px;
	padding: 0 0 30px;
	border-bottom: 2px dotted #666;
}
#performance-list div:last-child{
	margin-bottom: 20px;
	border: none;
}

#performance-list h5{
	font-size: 14px;
	font-weight: bold;
}
/*-------------------------
/*			あらすじ
-------------------------*/
#performance-list blockquote{
	width: 90%;
	font-size: 12px;
	background: #f4f4f4;
	border-left: 8px solid #ddd;
	margin: 10px auto 20px;
	padding: 1em 0 1em 3em;
	position: relative;
}
	#performance-list blockquote:before{
		content: "“";
		font-size: 600%;
		line-height: 1em;
		font-family: "ＭＳ Ｐゴシック",sans-serif;
		color: #999;
		position: absolute;
		left: 0;
		top: 5px;
	}
	#performance-list blockquote:after{
		content: "”";
		font-size: 600%;
		line-height: 0em;
		font-family: "ＭＳ Ｐゴシック",sans-serif;
		color: #999;
		position: absolute;
		right: 0;
		bottom: 0;
	}
/*-------------------------
/*			お詫び
-------------------------*/
	#performance-list .apology{
		width: 570px;
		box-sizing: border-box;
		font-size: 12px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		line-height: 1.4;
		border: 1px solid #666;
		margin: 10px auto 20px;
		padding: 2em 1em 2em 3em;
		position: relative;
	}
	#performance-list .apology:before{
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		width: 560px;
		height: 96%;
		border: 1px solid #666;
	}
	#performance-list .apology p + p{
		margin-top: 1em;
	}
/*=====================*/
#inquiry {
margin-top: 5px;
}
#inquiry h4 {
height: 24px;
margin-bottom: 16px;
text-indent: -9999em;
overflow: hidden;
background: url(../images/information/tit_07.gif) no-repeat left top;
}
#inquiry .clear {
margin-left: 10px;
margin-right: 10px;
}
#inquiry .clear div {
min-height: 42px;
_height: 42px;
}
/*#inquiry .clear #pc,
#inquiry .clear #mail {
float: left;
display: inline;
}*/
#inquiry .clear #pc {
float: left;
display: inline;
}
#inquiry .clear #mail {
float: right;
display: inline;
}
#inquiry .clear #pc {
/*width: 200px;
margin-right: 13px;*/
width: 300px;
margin-right: 10px;
background: url(../images/information/img_03.gif) no-repeat left top;
}
#inquiry .clear #mail {
/*width: 197px;
margin-right: 13px;*/
width: 300px;
background: url(../images/information/img_04.gif) no-repeat left top;
}/*
#inquiry .clear #tel {
width: 185px;
float: right;
display: inline;
background: url(../images/information/img_05.gif) no-repeat left top;
}*/
#inquiry .clear h5 {
/*height: 25px;*/
height: 10px;
overflow: hidden;
text-indent: -9999em;
font-size: 1px;
}
#inquiry .clear p {
font-size: 92%;
line-height: 1.25;
}
#inquiry .clear #pc p {
/*margin-left: 59px;*/
margin-left: 124px;
}
#inquiry .clear #mail p {
/*margin-left: 50px;*/
margin-left: 127px;
}
/*#inquiry .clear #tel p {
margin-left: 32px;
}*/

/* 2) cast
=======================*/
.cast {
padding-bottom: 10px;
border-bottom: 1px solid #a0a0a0;
margin-bottom: 20px;
font-size: 92%;
line-height: 1.66;
}
.cast big {
font-size: 107%;
}
.cast strong {
font-weight: bold;
}

/* 3) diary & special
=======================*/
.diary {
margin-bottom: 20px;
}
.diary h4 {
margin-bottom: 6px;
padding-bottom: 5px;
padding-left: 22px;
border-bottom: 1px solid #a0a0a0;
background: url(../images/information/ico_title_02.gif) no-repeat left top;
font-size: 107%;
font-weight: bold;
line-height: 1.25;
}
.diary .body {
margin: 0 20px 10px 20px;
line-height: 1.8;
}
/* 4) photo & keiko-photo
=======================*/
.photo {
line-height: 1.8;
margin-bottom: 10px;
}

.img-01{
	margin: 0 0 20px;
}

.img-02.left{
	margin: 0 20px 30px 0;
}

.img-02.right{
	float: right;
	margin: 0 0 30px 20px;
}

/*=======================*/
.alacarte{
	text-align: center;
}

#spring span{
	color: hotpink;
}
#golden span{
	color: gold;
}
#rainy-season span{
	color: mediumpurple;
}
#early-summer span{
	color: limegreen;
}
#mid-summer span{
	color: dodgerblue;
}

#flyer{
	display: flex;
	margin-bottom: 30px;
}
#flyer img,
#flyer a{
	display: block;
	width: 305px;
	height: 100%;
}
#flyer a{
	margin-left: auto;
}

.caution{
	padding: 1em;
	border: 1px solid #000;
	margin-bottom: 2em;
}