/* Reset style */
* {
  font-family: serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
  }
body{
	text-align: left;
    font-size: 18px;
	color: #424444; 
    background: #ffffff;
    line-height: 1.3em;
    }

a { text-decoration: none; }
a:link { color:  #dc143c; }
a:hover { color:  #2f4f4f; }
a:active { color:  #2f4f4f; }
a:visited { color:  #db2d58; }

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

/*******index.html********/
/**ヘッダー部分**/
	.gnav{
		background: #30539c;
		display: flex;
		position: fixed;
		justify-content: left;
		width: 100%;
		height: 75px; /**mainのpadding-topの数値と数値を合わせる**/
		padding-left: 10px;
	}
	.gnav ul{
		margin-left: 2px;
		display: flex;
		list-style: none;
	}
	.gnav ul li a{
		width: 120px;
		height: 60px;
		border-radius: 15px;
		font-weight: bold;
		margin: 8px 4px;
		padding-top: 12px;
		color: black;
		display: block;
		text-align: center;
		/**vertical-align: middle;**/
		text-decoration: none;
		transition: 0.1s;
	}
	.gnav ul li a.gnavitem{
		padding-top: 16px;
		color: whitesmoke;
	}
	.gnav ul li a.gnavitem:hover{
		color: white;
		background: #4d2b0ba2;
	}
	.gnav ul li.logo a{
		width: 150px;
		height: 60px;
		margin: 3px 0;
	}
	main { padding-top: 75px;/**gnavのheightと数値を合わせる**/ }

/*******全ページ共通　フッター********/
footer{
	width: 100%;
	background:  #30539c;
	color: #e6eaf7;
	line-height: 1.2em;
	padding-top: 20px;
	padding-bottom: 30px;
	font-family: serif;
	position: absolute;
	height: auto;
}
footer p{
	font-size: 0.9em;
	font-family: serif;
	text-align: center;
}
.footerlogo{
	width: 180px;
	display: block;
	margin: 0 auto 10px auto;
}

/******　入会申込みページ　********/
	/**（パソコンのみ表示）「お申込みページ」帯部分　**/
	.tptitle{
		width: 100%;
		height: auto;
		padding: 20px;
		background: #30539cda;
		text-align: center;
		font-weight: bold;
		color: white;
		font-size: 1.1em;
		 /**#db2d58　#C7B82D**/
	}
	/**　お申込みフォームのリンク　**/
	a.entryforma/**友の会ご入会お申込みフォーム**/, a.forma_blue/**「春の連続公演」先行予約フォーム**/{
		line-height: 1.5em;
		font-weight: 900;
		text-align: center;
		display: block;
	}
	a.entryforma/**友の会ご入会お申込みフォーム**/{
		font-size:1.5em;
		color: white;
	}
	a.forma_blue/**「春の連続公演」先行予約フォーム**/{
		/**border-bottom: dotted;
		border-width:1px;**/
		font-size: 1.1em;
		color: white;

	}
	.forma{/**「春の連続公演」先行予約フォームをcenter寄せにしたくてわざわざdivで囲んだ**/
		text-align: center;
		box-shadow: 1px 1px 4px 1px #ccc;
				border-top-left-radius: var(--border-radius, 15px);
    	border-top-right-radius: var(--border-radius, 15px);
    	border-bottom-right-radius: var(--border-radius, 15px);
    	border-bottom-left-radius: var(--border-radius, 15px);
		border-color: #8dd1eb;
		width: 70%;
		padding-top: 5px;
		padding-bottom: 10px;
		background: #8dd1eb;
		margin: 10px auto 10px auto;
		
	}
	/** 枠　**/
	.entryform/**「ご入会お申込みフォーム」**/,.box-senkou/**「先行予約受付中！」 **/,.box-entry{
		width: 50%;
		padding-bottom: 20px;
		line-height: 1.5em;
		text-align: center;
		display: block;
		margin: 20px auto 0 auto;
	}
	.entryform/**「ご入会お申込みフォーム」**/{
		padding-top: 20px;
		border: 2px solid #30539c;
		box-shadow: 2px 2px 4px 2px #ccc;
   		border-top-left-radius: var(--border-radius, 15px);
    	border-top-right-radius: var(--border-radius, 15px);
    	border-bottom-right-radius: var(--border-radius, 15px);
    	border-bottom-left-radius: var(--border-radius, 15px);
    	background: #30539c;
	}
	.box-senkou/**「先行予約受付中！」 **/,.box-entry{
	    border: 2px solid #c1af2d;
		margin-bottom: 20px;
	}
	.box-entry{
		border: 2px solid #30539c;
	}
	/**　枠内のタイトル　**/
	.box-senkou h2/**「2026年3月『春の連続公演』先行予約受付中！」 **/,.box-entry h2{
		color: white;
		padding: 0.5em 20px;
		margin: 0;
		font-weight: bold;
		font-size: 1.2em;
		background: #c1af2d;
	}
	.box-entry h2{
			background: #30539c;
	}
	/**　枠内の文章**/
	.box-senkou p,.box-entry p{
			padding: 20px 30px;
			line-height: 1.2em;
			text-align: left;
			color: #424444;
	}
	.box-entry p{
		text-align: center;
		font-weight: 600;
		margin-top: 10px;
		font-size: 1.2em;
	}
	span.red{
		color: #db2d58;
		font-weight: bold;
	}
	/**　チラシ　**/
	img.tirashi/**春の連続公演のチラシ**/{
		width: 30%;
		margin: 15px auto 0 auto;
		display: block;
		/**vertical-align: top;**/
	}