@charset "UTF-8";


/*****************************************************
　お支払いについて　
*****************************************************/
/* アンカーリンク 
------------------------------------------------- */
.anchor-link{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:35px 0 0;
}
.anchor-link span + span:before{
	content:'/';
	font-size:14px;
	font-size:1.4rem;
	line-height:1.7;
}
.anchor-link a{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.7;
	margin:0 1em;
}
/* その他共通 
------------------------------------------------- */
/* ----- .block ----- */
.block + .block{
	margin:50px 0 0;
}
.block_inner{
	margin:0 50px;
}
.block_inner *{
	letter-spacing:0.025em;
	line-height:1.8;
}
.block_inner a{
	color:#d15e5e;
}
.block_inner .small-btn a{
	color:inherit;
}
/* ----- .box ----- */
.box + .box{
	margin:60px 0 0;
}
.box .ttl{
	background:#fbf9f2;
	border-bottom:3px solid #a6a6a6;
	font-size:18px;
	font-size:1.8rem;
	font-weight:normal;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 25px;
	padding:11px 28px;
}
.box .subttl{
	border-bottom:2px solid #bbb;
	font-size:18px;
	font-size:1.8rem;
	font-weight:normal;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 20px;
	padding:0 30px 8px;
}
.box .txt{
	margin:35px 30px 0;
}
.box .txt p + p{
	margin:1.5em 0 0;
}
.box .txt ul{
	list-style-type:none;
}
.box .txt ul li:before{
	content:'・';
}
.box .txt .subbox{
	margin:30px 0 0;
}
.box .txt .subtxt{
	margin:0 25px;
}
/* リード文 
------------------------------------------------- */
.lead{
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:0.025em;
	line-height:2.1;
	margin:80px 0 0;
	text-align:center;
}
.lead a{
	color:#d15e5e;
}
/* 支払時期 
------------------------------------------------- */
/* ----- プロセス ----- */
#payment-time .process{
	align-items:center;
	background:#fbf9f2;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	margin:40px auto;
	max-width:765px;
	padding:15px 20px;
	width:100%;
}
#payment-time .process span + span,
#payment-time .process a + span,
#payment-time .process span + a{
	background:url('../img/payment/process_arrow.png') no-repeat left center;
	background-size:10px 18px;
	margin:0 0 0 20px;
	padding:0 0 0 30px;
}
/* ----- 施設利用窓口での決済方法 ----- */
#counter .style_yellow th,
#counter .style_yellow td{
	padding:20px;
}
#counter .style_yellow thead th{
	width:auto;
}
#counter .style_yellow thead th:nth-child(1),
#counter .style_yellow tbody td:nth-child(1){
	width:240px;
}
#counter .style_yellow thead th,
#counter .style_yellow tbody td:nth-child(1){
	text-align:center;
}
/* 利用料の割引 
------------------------------------------------- */
/* ----- 3. ホールの一部利用割引（客席B区分利用） ----- */
#usagefee-discount .style_yellow th,
#usagefee-discount .style_yellow td{
	padding:20px;
	vertical-align:top;
}
#usagefee-discount .style_yellow thead th{
	width:auto;
}
#usagefee-discount .style_yellow thead th:nth-child(1),
#usagefee-discount .style_yellow tbody td:nth-child(1){
	width:240px;
}
#usagefee-discount .style_yellow thead th,
#usagefee-discount .style_yellow tbody td:nth-child(1){
	text-align:center;
}
#ud-isaacsternhall .subtxt,
#ud-theaterhall .subtxt{
	margin:0;
}
#usagefee-discount .layout{
	max-width:340px;
	text-align:center;
	width:46%;
}
#usagefee-discount .subtxt .notice{
	margin:15px 0 0;
	text-align:right;
}
/* アイザックスターンホール */
#ud-isaacsternhall .b-layout{
	display:flex;
	justify-content:space-between;
}
/* 演劇ホール */
#ud-theaterhall .layout{
	margin:0 auto;
	max-width:340px;
	width:46%;
}
/* 利用料の還付（返還）について 
------------------------------------------------- */
#usagefee-refund .style_yellow th,
#usagefee-refund .style_yellow td{
	padding:20px;
}
/* ----- 2. 利用者の都合により取消申出があった場合 ----- */
#usagefee-refund_terms2 .style_yellow{
	margin:20px 0 0;
}
#usagefee-refund_terms2 .style_yellow th{
	text-align:left;
	width:45%;
}
/* ----- 提出方法 ----- */
#usagefee-refund_submissionmethod .style_yellow{
	margin:20px 0 0;
}
#usagefee-refund_submissionmethod .style_yellow th{
	text-align:left;
	width:240px;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　お支払いについて　
	*****************************************************/
	/* アンカーリンク 
	------------------------------------------------- */
	.anchor-link{
		margin:4.37vw 0 0;
	}
	.anchor-link span + span:before,
	.anchor-link a{
		font-size:3.0vw;
	}
	/* その他共通 
	------------------------------------------------- */
	/* ----- .block ----- */
	.block + .block{
		margin:6.25vw 0 0;
	}
	.block_inner{
		margin:0 3.25vw;
	}
	/* ----- .box ----- */
	.box + .box{
		margin:7.5vw 0 0;
	}
	.box .ttl{
		border-bottom-width:0.37vw;
		font-size:3.6vw;
		margin:0 0 3.12vw;
		padding:1.37vw 3.5vw;
	}
	.box .subttl{
		border-bottom-width:0.25vw;
		font-size:3.5vw;
		margin:0 0 2.5vw;
		padding:0 3.75vw 1vw;
	}
	.box .txt{
		margin:4.37vw 3.75vw 0;
	}
	.box .txt .subbox{
		margin:3.75vw 0 0;
	}
	.box .txt .subtxt{
		margin:0 3.12vw;
	}
	/* リード文 
	------------------------------------------------- */
	.lead{
		font-size:3.0vw;
		margin:10vw 0 0;
	}
	/* 支払時期 
	------------------------------------------------- */
	/* ----- プロセス ----- */
	#payment-time .process{
		flex-wrap:wrap;
		margin:5vw auto;
		max-width:none;
		padding:1.87vw;
		width:auto;
	}
	#payment-time .process span + span,
	#payment-time .process a + span,
	#payment-time .process span + a{
		background-size:1.25vw 2.25vw;
		margin:0 0 0 2.5vw;
		padding:0 0 0 3.75vw;
	}
	/* ----- 施設利用窓口での決済方法 ----- */
	#counter .style_yellow th,
	#counter .style_yellow td{
		padding:2.5vw;
	}
	#counter .style_yellow thead th:nth-child(1),
	#counter .style_yellow tbody td:nth-child(1){
		width:25%;
	}
	/* 利用料の割引 
	------------------------------------------------- */
	/* ----- 3. ホールの一部利用割引（客席B区分利用） ----- */
	#usagefee-discount .style_yellow{
		width:100vw;
	}
	#usagefee-discount .style_yellow th,
	#usagefee-discount .style_yellow td{
		padding:2.5vw;
	}
	#usagefee-discount .style_yellow thead th:nth-child(1),
	#usagefee-discount .style_yellow tbody td:nth-child(1){
		width:20%;
	}
	#usagefee-discount .layout + .layout{
		margin:1.87vw 0 0;
	}
	#usagefee-discount .layout{
		max-width:none;
		width:auto;
	}
	#usagefee-discount .layout img{
		width:70%;
	}
	#usagefee-discount .subtxt .notice{
		margin:1.87vw 0 0;
	}
	/* アイザックスターンホール */
	#ud-isaacsternhall .b-layout{
		display:block;
	}
	/* 演劇ホール */
	#ud-theaterhall .layout{
		margin:0 auto;
		max-width:none;
		width:auto;
	}
	/* 利用料の還付（返還）について 
	------------------------------------------------- */
	#usagefee-refund .style_yellow th,
	#usagefee-refund .style_yellow td{
		padding:2.5vw;
	}
	/* ----- 2. 利用者の都合により取消申出があった場合 ----- */
	#usagefee-refund_terms2 .style_yellow{
		margin:2.5vw 0 0;
	}
	/* ----- 提出方法 ----- */
	#usagefee-refund_submissionmethod .style_yellow{
		margin:2.5vw 0 0;
	}
	#usagefee-refund_submissionmethod .style_yellow th{
		width:20%;
	}
}