@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html { 
  font-size: 62.5%; 
}

body {
  font-family: 'Josefin Slab', 'Noto Sans Japanese', serif;
  margin: 0;
}

time {
  font-family: 'Elsie', cursive;
  font-size: 1.5rem;
}

a {
  color: black;
  text-decoration: none;
}

ul {
  padding: 0;
}

.text {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 500;
  line-height: 2;
  font-size: 1.3rem;
}

.title {
  /*text-align: center;*/
  margin:0;
/*  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:100;*/
  font-size: 3rem;  
}

.border {
  width: 70%;
  max-width:490px;
  border-bottom: 1px solid #DDD;
  margin-right: auto;
  margin-left: auto;
  margin-top: 15px;
  margin-bottom:15px;
}




/*ヘッダー*/
header {
  color: black;
  position: relative;
  width: 100%;
  height: 220px;
}



.header_left {
  width:100%;
  /*margin: 10px auto 10px auto;*/
  text-align:center;
  font-size: 1.5rem;
}

.header_left img {
  /*margin-top: 20px;*/
  width: 50px;
}

.header_left i{
  padding-right: 5px;
}




.header_right{
  /*margin: 10px auto 10px auto;*/
  font-size: 1.3rem;
}

.header_right ul{
	padding-left:0;
	text-align:center;
}

.header_right li{
	display:inline;
  list-style: none;
  padding: 0;
  padding-left: 5px;
  position:relative;
}

.header_right i{
  font-size: 1.0rem;
}

.header_middle{
  position: absolute;
  top:120px;
  width: 100%;
  font-size: 3rem;
  text-align: center;
}


/*コンテンツ*/
.contents {
  width:80%;
  margin:40px auto;
  max-width:700px
}



/*フッター*/
footer p{
  clear: both;
  margin-top: 20px;
  font-size: 1,2rem;
  text-align: center;
}

.border {
  width: 70%;
  border-bottom: 1px solid #DDD;
  margin-right: auto;
  margin-left: auto;
  margin-top: 30px;
}






.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
/*  display: inline-table;*/
}






/*別解像度*/


@media (min-width: 660px) {
header {
  color: black;
  position: relative;
  width: 100%;
  height: 240px;
}

.header_left {
  position: absolute;
  top: 4px;
  left: 32px;
  margin:0;
  text-align:left;
  font-size: 2rem;
}

.header_left i{
  padding-right: 5px;
}

.header_left img{
  width: 60px;
}

.header_right{	
  position: absolute;
  top: 32px;
  right: 15px;
  margin:0;
  font-size: 1.3rem;
}

.header_right{
  padding-right: 10px;
  font-size: 2rem;  
/*  top: 13px;*/
}


.header_right i{
  font-size: 1.0rem;
  vertical-align: text-top;
  font-size: 1.5rem;
}

.header_right ul {
	margin:0;
}

.header_right li {
  padding-left: 15px;
}

.header_middle{
  position: absolute;
  top:100px;
  width: 100%;
  font-size: 3rem;
  text-align: center;
}


@media (min-width: 680px) {


.text {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 500;
  line-height: 2;
  font-size: 1.3rem;
}


}



/*body     { color: #555; }*/
body, th, td    { font-size: 12px; }
body, th, td, p, div, span, font   { line-height: 1.4em; }

body       { /*background-color: #f6f6f6; *//*text-align: center;*/ margin: 0; padding: 0 }
td   {  text-align: left; margin: 0; padding: 0; vertical-align: top }
table  { margin: 0; padding: 0; border-collapse: collapse; }
p { margin-top: 0; margin-bottom: 1em }
a    { /*color: #369 */}
a:hover    { color: #9cc }
img { border-width: 0 }
/*h-style*/
h1     { font-size: 33px; font-weight: bold; line-height: 1.3em; margin: 0; padding: 0 }
.stagetitle  { font-size: 40px; font-weight: bold; line-height: 33px; text-align: left; margin: 0 0 10px; padding: 0 }
.pagetitlesub { font-size: 14px; font-weight: bold; line-height: 19px }
.pagetitlesub2 { font-size: 13px; font-weight: bold; line-height: 18px }
h2  { color: #003d93; font-size: 15px; font-weight: bold; margin: 0; padding: 0 }
/*framework*/
#container { background-color: #fff; text-align: left; margin-right: auto; margin-left: auto; width: 800px }
#header { background-color: #fff }
#content { background-color: #fff}
.clear  { clear: both }
/*header*/
#headertop   { float: left }
#headertopin  { margin-left: 5px; padding-top: 5px }
#headerbody   { margin-top: 0; float: left }
#headerlink     { font-size: 13px; line-height: 20px; margin-top: 60px; margin-left: 14px; padding-left: 8px }
#headerlink a:link    { color: #039; font-weight: bold; text-decoration: none }
#headerlink a:visited    { color: #039; font-weight: bold; text-decoration: none }
#headerlink a:hover    { color: #9cc; font-weight: bold; text-decoration: none }
#headerlink a:active    { color: #039; font-weight: bold; text-decoration: none }
/*content*/
#contenttop    { color: #5f9b9b; font-size: 12px; line-height: 16px; background-color: #f5ffff; padding-right: 20px; padding-left: 20px; clear: both; border-top: 1px solid #5f9b9b; border-bottom: 1px solid #5f9b9b }
#contenttop a:link    { color: #5f9b9b; text-decoration: none }
#contenttop a:visited    { color: #5f9b9b; text-decoration: none }
#contenttop a:hover    { color: #5f9b9b; text-decoration: none; background-color: #fff }
#contenttop a:active    { color: #5f9b9b; text-decoration: none }
#contentbody    { margin: 20px 25px 70px; clear: both }
#contentfoot  { text-align: center; margin-right: 25px; margin-left: 25px; clear: both }
/*mail_to*/
.mailadd { font-size: 18px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 25px; margin-top: 5px; margin-bottom: 5px }
/*stage_next*/
.scheduletdL { text-align: right }
.ticket_mail  { font-size: 18px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 25px; margin-top: 5px; margin-bottom: 5px }
/*spacer*/
.spacer_index { height: 100px }
.spacer_mailto { height: 300px }
/*allpage-class*/
.headline { font-size: 15px; font-weight: bold; line-height: 20px }
.font_S   { font-size: 10px; line-height: 15px; margin: 10px 5px 5px }
.thumbtable  { float: left }
.thumbimg_td   { text-align: center; padding: 5px 3px 6px; vertical-align: middle }
.actortd { text-align: center }
.togaki  { font-size: 10px; font-weight: bold }
/*pop_up*/
.pop_container  { text-align: center; margin-top: 20px; margin-right: auto; margin-left: auto }
.pop_photo   { text-align: center; height: 520px; vertical-align: middle }
.pop_text  { text-align: center; padding-top: 10px }
/*img_table*/
.imgtable    { text-align: left; width: 750px; vertical-align: top }
.imgtd_l   { width: 300px }
.imgtd_r_text  { padding-left: 20px }
.imgtd_r_bottom { padding-left: 20px; vertical-align: bottom }
/*iroiro*/
.copy {  }
.stagebigimg { font-size: 50px; font-weight: bold; line-height: 100% }
.story_info { padding-top: 30px; clear: both }
.stageinfo_out { text-align: center }
.stageinfo   { text-align: left; margin-top: 50px; margin-right: auto; margin-left: auto; width: 560px }
.stageinfo_in { padding: 20px 15px 20px 30px; }
.stageflier   { margin-right: 20px; margin-bottom: 20px; float: left }
.eyechach { text-align: center; padding-top: 30px; clear: both }
/*schedutable*/
.schedule_th   { font-size: 13px; font-weight: bold; text-align: center }
.schedule_side   { font-size: 13px; font-weight: bold; white-space: nowrap; padding-right: 5px; width: 30px; vertical-align: middle }
.schedule_td    { font-size: 14px; line-height: 14px; background-image: url("img/schedule_tdbk.gif"); background-repeat: no-repeat; background-position: center; text-align: center; padding-top: 5px; padding-bottom: 5px; vertical-align: middle }
/*stage8*/
.st8_midashi  { font-size: 15px; font-weight: bold; border-top: 1px solid #666 }
/*stage_ichiran*/
.stage_thumbtable  { width: 100% }
.stage_thumbtable td  { padding: 3px; width: 33%; /*border-bottom: 1px solid #ccc*/ }
/*daihon*/
.acter { color: #000; font-weight: bold }
.acterA { color: #1abc9c; font-weight: bold }
.acterB { color: #2ecc71; font-weight: bold }
.acterC { color: #3498db; font-weight: bold }
.acter1 { color: #9b59b6; font-weight: bold }
.acter2 { color: #f1c40f; font-weight: bold }
.acter3 { color: #e67e22; font-weight: bold }
.acter4 { color: #e74c3c; font-weight: bold }
.p_gray { color: #999 }