/* Reset style */
* {
  font-family:  "游ゴシック体", "YuGothic","游ゴシック Medium", "Yu Gothic Medium","メイリオ", sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
  }
body {
	text-align: center;
        font-size: 100%;
        color: #2f3131; 
        background-color: #ffffff;
        line-height: 1.3em;
        }

a { text-decoration: none; }
a:link { color:  #6f514e; }
a:hover { color:  #b39693; }
a:active { color:  #6f514e; }
a:visited { color:  #6f514e; }

img.left { float: left; }

div.right { float: right; padding: 1px; font-size: 12px; border: none; text-align: right; }
div.clear { clear: right; clear: left; width: 100%; }
p.data { font-weight: bold; }
p.center { text-align: center; }
p.left { text-align: left; }
p.right { text-align: right; }
p.name { text-align: right; font-size: 12px; font-weight: bold; }

.s { font-size: 12px; }
.red{
	font-size: 1em;
	color: #b47a76;
	font-weight: bold;
}
.green{
	color: #589b31;
	font-weight: bold;
}
/**ヘッダー部分**/
	.gnav{
		background: #ffffffc2;
		display: flex;
		position: fixed;
		justify-content: left;
		width: 100%;
		padding-left: 10px;
	}
	.gnav ul{
		margin-left: 0px;
		display: flex;
		list-style: none;
	}
	.gnav ul li{
		width: 80px;
		flex-basis: 80px;
		margin-left: 15px;
	}
	.gnav ul li a{
		border-radius: 10px;
		height: 40px;
		font-family: 'Noto Serif JP', serif;
		margin-top: 8px;
		/**margin: 8px 0px;
		margin: 15px 5px 15px 15px;**/
		padding-top: 12px;
		color: black;
		display: block;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		transition: 0.1s;
	}
	.gnav ul li a:hover{
		color: white;
		background: #6f514e/**#b47a76**/;
	}
	.gnav ul li a.toppage{
		background: none;
	}
	.gnav ul li a.toppage:hover{
		background: none;
	}
	img.imgtoppage {
		width: 90px;
	}


/**トップページタイトル**/
	main { padding-top: 75px; }
	.title{
		margin: auto;
		color: white;
		width:  100%;
		height: auto;
		padding: 20px;
		background: #6f514e/**#b47a76**/ ;
		line-height: 3em;
	}
	.title h1{
		font-size: 1.2em;
		font-weight: bold;
		font-family: serif;
	}
	.title h1 span{
		font-weight: bold;
		font-size: 2em;
		font-family: serif;
	}
	.catch{
		width: 700px;
		border-style: none;
		margin: 30px auto;
		padding: 20px;
		background: /**#cf8d74**/ #dfd5d4;
		line-height: 1.5em;

	}
	.catch span{
		 font-size: 1.3em;
		 line-height: 1.3em;
		 font-family: serif;
	}
	.catch p{
		text-align: center;
		color: #060606;
		font-size: 1.2em;
		font-weight: 150;
		font-family: serif;
	}
	/**Aプロ、BプロDIV**/
	.a_program, .b_program{
		width: 700px;
		box-sizing: border-box;
		text-align: left;
		overflow: auto;
		line-height: 130%;
		padding: 25px; 
		margin: auto;
		margin-top: 60px 
	}
	.a_program{
		color: #46442b;
		background-color: #fdefec;
	}
	.b_program{
		color: #46442b;
		background-color: #ecf7e8; 
	}
	/**「Aプログラム」「Bプログラム」**/
	.a_program h2, .b_program h2{
		font-size: 1em;
		font-weight: bold;
		height: auto;
		width: auto;
		margin-top: 5px;
		margin-bottom: 10px;
		padding-top: 15px;
		padding-bottom: 8px;
		text-align: center;
	}
	.a_program h2{
		background: #d5876a;
		color: #fdfaf9;
	}
	.b_program h2{
		background: #71b26a;
		color: #f1f8e6;
	}
	.a_program h2 span, .b_program h2 span{
		font-size: 1.5em;
	}
	/**作品タイトル**/
	.a_program h3, .b_program h3{
		font-size: 1.7em;
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 5px;
		text-align: left;
		margin-left: 10px;
	}
	.a_program h3{
		color: #bb5e3c;
	}
	.b_program h3{
		color: #589b31;
	}
	.b_program h3.cap{
		margin-top: 30px;
	}
	.a_program h3 span{
		font-size: 0.8em;
	}
	/**作家演出家（クレジット）**/
	.a_program h4, .b_program h4{
		font-size: 1.1em;
		font-weight: bold;
		margin-top: 15px;
		margin-bottom: 5px;
		margin-left: 10px;
		text-align: left;
	}
	.a_program h4{
		color: #b2664b;
	}
	.b_program h4{
		color: #66a641;
	}
	/**「あらすじ」「出演」「作家・演出家プロフィール」**/
	.a_program h5, .b_program h5, .nittei h5, .ticket h5{
		margin-top: 15px;
		margin-bottom: 10px;
		padding: 5px 5px 5px 10px;
		font-size: 1em;
		font-weight: semibold;
	}
	.a_program h5{
		/**background: #e8c2b5;**/
		color:   #b2664b;
		border-bottom: solid 1px  #b2664b;
	}
	.b_program h5{
		/**background: #95c768;**/
		color: #66a641;
		border-bottom: solid 1px  #66a641;
	}
	.b_program h5.Bprofile{
		margin-top: 30px;
	}
	/**作家演出家プロフィール**/
	h6{
		font-size: 1em;
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 5px;
	}
	/**本文**/
	.a_program p, .b_program p{
		font-size: 1em;
		font-weight: 60;
		margin: 10px;
		margin-top: 0;
		margin-left: 15px;
		text-align: left;
		color: #46442b;
	}
	hr.hr{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
/**出演・スタッフ**/
	.caststaff{
		line-height: 1em;
		text-align: center;
		width: 700px;
		height: auto;
		margin: auto; 
		margin-top: 60px;
		padding-top: 10px;
		padding-bottom: 15px;
		background-color: #dfd5d4;
	}
	.caststaff h5{
		font-size: 1.2em;
		margin-top: 5px;
		color: #46442b;
		text-align: center;
		line-height: 1em;
	}
	.caststaff h5 span{
		font-size: 0.8em;
		font-weight: 60;
	}
	.caststaff p{
		margin-top: 10px;
		line-height: 1.3em;
	}
	/**出演者顔写真**/
	table.tbl-r1 {
		margin: 0 auto;
	}
	table.tbl-r1 td{
		width: 200px;
		font-size: 0.9em;
		font-weight: bold;
		text-align: center;
		line-height: 1.3em;
		background-color: #dfd5d4;
		color: #46442b;
		vertical-align: top;
	}
	table.tbl-r1 td.middle{
		vertical-align: middle;
	}
	table.tbl-r1 td.kome{
		font-size: 0.8em;
		font-weight: normal;
		text-align: left;
		vertical-align: bottom;
		padding:10px;
	}
	table.tbl-r1 img{
		width: 90px;
	}


/**公演概要**/
	.information{
		width: 700px;
		padding: 0;
		margin: auto;
		margin-top: 60px;
		margin-bottom: 60px;
		color: #46442b;
		/**background: #dfd5d4;**/
		font-size: 1em;
		line-height: 1.5em;
		text-align: left;
		height: auto;
	}
	dl.info{
		border-bottom: 1px solid  #6f514e;
	}
	dl dt.info_read{
		width: 25%;
		border-top: 1px solid  #6f514e;
		border-left: 8px solid  #6f514e;
		margin: 0;
		margin-bottom: 5px;
		padding: 15px 5px 10px 20px;
		float: left;
		clear: left;
		font-weight: bold;
		height: auto;
	}
	dl dd{
		margin: 0;
		border-top: 1px solid  #6f514e;
		height: auto;
	}
	.infoitem_read{
		padding: 15px 5px 10px 20px;
		margin-bottom: 5px;
		margin-left: 25%;
		height: auto;
	}
	.infoitem_read span{
		font-size: 0.8em;
	}
	/**日程表**/
	.information table{
		margin: 10px auto 10px 0;
		border-collapse: collapse;
		line-height:1.5;
	}
	.information td, th{
		width: 100px;
		text-align: center;
		/**border: solid 2px  #6f514e;**/
		color: #46442b;
		padding: 10px;
		border-bottom:1px solid #6f514e;
		border-right:1px dotted #6f514e;
	}
	.information th{
		line-height: 1.2em;
	}
	.information th .red{
		color:  #bb5e3c;
	}
	.information tr:first-child{  /* 最初の行の指定 */
    		border-bottom: 2px solid #6f514e;
	}
	.information tr:last-child{ /* 最後の行の指定 */
    		border-bottom: 2px solid #6f514e;
	}
	.information td:last-child{ /* 一番左の列の指定 */
  		border-right:0;
	}
	.information th:last-child{ /* 一番右の列の指定 */
		border-right:0;
	}
	.information th.a {
		line-height:1.5;
	}
	.information td.a {
		background: #fbdfd9;
		color: #b47a76;
	}
	.information td.b {
		background: #dff1d8;
		color: #589b31;
	}

	.application{
		width: 60%;
		font-size: 16px;
		font-weight: bold;
		margin: auto 0 auto 0;
		padding: 0;
		border-bottom: dotted;/*下線を点線にする*/
border-color:#b39693;
border-width:1px;
	}
	footer{
		width: 100%;
		min-width: 960px;
		background-color:  #30539c;
		color: #e6eaf7;
		line-height: 1.2em;
		padding-top: 20px;
		padding-bottom: 30px;
		font-family: serif;
		position: absolute;
		/**bottom: 0;
		left: 0;**/
		height: 160px;
		margin: 0;
	}
	footer p{
		font-family: 'Noto Serif JP', serif;
		text-align: center;
	}
	
/*******ticket.html********/
	.t-reading{
		width: 80%;
		max-width: 650px;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.ticketinfo{
		font-size: 1.3em;
		line-height: 1.2em;
		margin: 20px;
	}
	.ticketinfo p{
		font-family: 'Noto Serif JP', serif;
	}

	.sentaku {
	font-weight: bold;
	font-size: 1.2em;
	color: white;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 50px;
	background: #d8ac2f;
	width: 450px;
	height: 100px;
	line-height: 1.2em;
	padding: 10px;
	}

	.sentaku div{
	background: white;
	font-size: 0.8em;
	line-height: 1em;
	margin: auto;
	margin-top: 10px;
	width: 200px;
	height: 45px;
	padding: 7px;
	border-radius: 10px;
	text-align: center;
	}

	.left {
	float: left;
	}
	
	.right {
	float: right;
	}
	.contact{
		font-size: 0.8em;
		font-family: 'Noto Serif JP', serif;
	}

	/*PCでは無効（改行しない）*/
	.smbr{
		display: none;
	}
	/*スマートフォンでは有効（改行する）*/
	@media screen and (max-width:750px) {
		.smbr{
			display: block;
		}
	}