@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 .txt{
	margin:35px 30px 0;
}
.box .subbox + .subbox{
	margin:35px 0 0;
}
.box .subbox .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 .subbox .subtxt{
	margin:0 15px;
}
/* ご利用の流れ 
------------------------------------------------- */
/* ----- プロセス ----- */
#flow .process{
	align-items:center;
	background:#fbf9f2;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	margin:40px auto;
	max-width:695px;
	padding:15px 20px;
	width:100%;
}
#flow .process a + 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;
}
/* ----- 1. お申し込み ----- */
#flow-1 .flow_link span + span:before{
	content:'/';
}
#flow-1 .flow_link a{
	margin:0 1em;
}
#temporary-reservation{
	margin:35px 0 0;
}
#temporary-reservation .subttl,
#doc-submission .subttl{
	padding:0 20px 8px;
}
#temporary-reservation .subttl:before,
#doc-submission .subttl:before{
	background:#000;
	color:#fff;
	box-sizing:border-box;
	display:inline-block;
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:0.25em;
	line-height:31px;
	margin:0 12px;
	padding:0 0 0 5px;
	text-align:center;
	width:34px;
}
#temporary-reservation .subttl:before{
	content:'1';
}
#doc-submission .subttl:before{
	content:'2';
}
#flow-1 table.style_yellow-bb.temporaryreservation_table{
	margin:20px 0 25px;
}
/* ----- 2. お支払い ----- */
#flow-2 .txt > p{
	margin:0 0 1.5em;
}
#flow-2 .btnarea{
	display:flex;
	margin:25px 0 0;
}
#flow-2 .btnarea .small-btn{
	background:#f8f4e6;
	font-size:16px;
	font-size:1.6rem;
	letter-spacing:0.05em;
	max-width:270px;
}
#flow-2 .btnarea .small-btn + .small-btn{
	margin-left:25px;
}
#flow-2 .btnarea .small-btn a{
	padding:3px 0;
}
#flow-2 .btnarea .small-btn a:before{
	display:none;
}
/* ----- 4. 打ち合わせ ----- */
#flow-4 .small-btn{
	background:#f8f4e6;
	font-size:16px;
	font-size:1.6rem;
	letter-spacing:0.05em;
	margin:30px 0 0;
	max-width:270px;
}
#flow-4 .small-btn a{
	padding:3px 0;
}
#flow-4 .small-btn a:before{
	display:none;
}
/* ----- 5. 利用当日 ----- */
#flow-5 .small-btn{
	background:#f8f4e6;
	font-size:16px;
	font-size:1.6rem;
	letter-spacing:0.05em;
	margin:30px 0 0;
	max-width:270px;
}
#flow-5 .small-btn a{
	padding:3px 0;
}
#flow-5 .small-btn a:before{
	display:none;
}
/* 利用時間 
------------------------------------------------- */
#usage-time .timeline{
	margin:35px 0 0;
	text-align:center;
}
/* 申込受付期間 
------------------------------------------------- */
#reception-period .calendar{
	margin:25px 0 0;
	text-align:center;
}
#reception-period .calendar .sp{
	display:none;
}
#reception-period .temporary-txt{
	max-width:none;
}
/* 申込受付方法 
------------------------------------------------- */
/* ----- 1. 抽選 ----- */
#rm-lottery .style_yellow-bb{
	margin-top:40px;
}
/* 変更・取消 
------------------------------------------------- */
/* ----- ボタン ----- */
#change-cancel .small-btn{
	background:#f8f4e6;
	font-size:16px;
	font-size:1.6rem;
	letter-spacing:0.05em;
	margin:30px 0 45px;
	max-width:400px;
}
#change-cancel .small-btn a{
	padding:13px 0;
}
#change-cancel .small-btn a:before{
	display:none;
}
/* ----- .subbox ----- */
#change-cancel .subbox{
	margin:30px 0 0;
}
#change-cancel .subtxt ul{
	list-style-type:none;
}
#change-cancel .subtxt ul li:before{
	content:'・';
}
/* 留意事項 
------------------------------------------------- */
#notes .notes_item + .notes_item{
	margin:40px 0 0;
}
#notes .notes_item .ttl{
	border-bottom:2px solid #bbb;
	font-size:20px;
	font-size:2.0rem;
	font-weight:normal;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 20px;
	padding:0 15px 12px;
}
#notes .notes_item .txt{
	margin:0 18px;
}
#notes .notes_item .txt ol{
	padding:0 0 0 2em;
}
#notes .notes_item .txt dl{
	margin:15px 0 0;
}
#notes .notes_item .txt ul{
	list-style-type:none;
}
#notes .notes_item .txt ul li:before{
	content:'・';
}


@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 .txt{
		margin:4.37vw 3.75vw 0;
	}
	.box .subbox + .subbox{
		margin:4.37vw 0 0;
	}
	.box .subbox .subttl{
		border-bottom-width:0.25vw;
		font-size:3.5vw;
		margin:0 0 2.5vw;
		padding:0 3.75vw 1vw;
	}
	.box .subbox .subtxt{
		margin:0 1.87vw;
	}
	/* ----- table ----- */
	.js-scrollable table{
		width:120vw;
	}
	/* ご利用の流れ 
	------------------------------------------------- */
	/* ----- プロセス ----- */
	#flow .process{
		flex-wrap:wrap;
		margin:5vw auto;
		max-width:none;
		padding:1.87vw;
		width:auto;
	}
	#flow .process a + a{
		background-size:1.25vw 2.25vw;
		margin:0 0 0 2.5vw;
		padding:0 0 0 3.75vw;
	}
	/* ----- 1. お申し込み ----- */
	#flow-1 .flow_link span{
		display:block;
	}
	#flow-1 .flow_link span:before,
	#flow-1 .flow_link span + span:before{
		content:'・';
	}
	#flow-1 .flow_link a{
		margin:0;
	}
	#temporary-reservation{
		margin:4.37vw 0 0;
	}
	#temporary-reservation .subttl,
	#doc-submission .subttl{
		padding:0 2.5vw 1vw;
	}
	#temporary-reservation .subttl:before,
	#doc-submission .subttl:before{
		font-size:3.5vw;
		line-height:3.87vw;
		margin:0 1.5vw;
		padding:0 0 0 0.62vw;
		width:4.25vw;
	}
	#flow-1 table.style_yellow-bb.temporaryreservation_table{
		margin:2.5vw 0 3.12vw;
	}
	#flow-1 table.style_yellow-bb.temporaryreservation_table th{
		min-width:32vw;
	}
	/* ----- 2. お支払い ----- */
	#flow-2 .btnarea{
		display:block;
		margin:3.12vw 0 0;
	}
	#flow-2 .btnarea .small-btn{
		font-size:3.5vw;
		max-width:45vw;
	}
	#flow-2 .btnarea .small-btn + .small-btn{
		margin-left:0;
	}
	#flow-2 .btnarea .small-btn a{
		padding:0.37vw 0;
	}
	#flow-2 table th{
		min-width:35vw;
	}
	/* ----- 4. 打ち合わせ ----- */
	#flow-4 .small-btn{
		font-size:3.5vw;
		margin:3.75vw 0 0;
		max-width:45vw;
	}
	#flow-4 .small-btn a{
		padding:0.37vw 0;
	}
	/* ----- 5. 利用当日 ----- */
	#flow-5 .small-btn{
		font-size:3.5vw;
		margin:3.75vw 0 0;
		max-width:45vw;
	}
	#flow-5 .small-btn a{
		padding:0.37vw 0;
	}
	/* 利用時間 
	------------------------------------------------- */
	#usage-time .timeline{
		margin:4.37vw 0 0;
	}
	#usage-time .timeline img{
		width:100%;
	}
	/* 申込受付期間 
	------------------------------------------------- */
	#reception-period .calendar{
		margin:3.12vw 0 0;
	}
	#reception-period .calendar .pc{
		display:none;
	}
	#reception-period .calendar .sp{
		display:block;
		width:100%;
	}
	/* 申込受付方法 
	------------------------------------------------- */
	/* ----- 1. 抽選 ----- */
	#rm-lottery .style_yellow-bb{
		margin-top:5vw;
	}
	/* 変更・取消 
	------------------------------------------------- */
	/* ----- ボタン ----- */
	#change-cancel .small-btn{
		font-size:3.5vw;
		margin:3.75vw 0 5.62vw;
		max-width:70vw;
	}
	#change-cancel .small-btn a{
		padding:1.62vw 0;
	}
	/* ----- .subbox ----- */
	#change-cancel .subbox{
		margin:3.75vw 0 0;
	}
	/* 留意事項 
	------------------------------------------------- */
	#notes .notes_item + .notes_item{
		margin:5vw 0 0;
	}
	#notes .notes_item .ttl{
		border-bottom-width:0.25vw;
		font-size:3.5vw;
		margin:0 0 2.5vw;
		padding:0 1.87vw 1.5vw;
	}
	#notes .notes_item .txt{
		margin:0 2.25vw;
	}
	#notes .notes_item .txt dl{
		margin:1.87vw 0 0;
	}
}