@charset "UTF-8";


/*****************************************************
　チケット委託販売　
*****************************************************/
/* 共通 
------------------------------------------------- */
/* ----- .block ----- */
.block + .block{
	margin:100px 0 0;
}
.block_inner{
	margin:0 50px;
}
.block_inner p,
.block_inner li{
	letter-spacing:0.025em;
	line-height:2;
}
.block_inner p.mt-1em{
	margin:1em 0 0;
}
/* ----- リスト ----- */
/* 黒丸 */
.disc-list{
	list-style-type:disc;
	padding:0 0 0 1.5em;
}
/* リストアイコンなし */
.none-dots-list{
	list-style-type:none;
}
/* ----- .box ----- */
.box + .box{
	margin:30px 0 0;
}
.box_inner{
	margin:0 20px;
}
/* ----- サブタイトル ----- */
.subttl{
	border-bottom:2px solid #bbb;
	font-size:22px;
	font-size:2.2rem;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 20px;
	padding:0 20px 10px;
}
/* ----- 表 ----- */
.ts-table{
	border-collapse:collapse;
	margin:0 auto;
	max-width:900px;
	width:100%;
}
.ts-table th,
.ts-table td{
	border:2px solid #b1b1b1;
	line-height:1.4;
	padding:10px 8px;
	text-align:center;
}
.ts-table th{
	background:#fff;
	font-weight:normal;
}
.ts-table tbody th{
	background:#fbf9f2;
	width:20%;
}
.ts-table tbody th.sub1{
	background:#333;
	color:#fff;
	text-align:left;
}
.ts-table thead th.md1{
	background:#deefdb;
	width: 40%;
}
.ts-table thead th.md2{
	background:#f3e5dd;
	width: 40%;
}
/* ○× */
.ts-table .check_ok,
.ts-table .check_no{
	font-size:23px;
	font-size:2.3rem;
}
.ts-table .check_ok{
	color:#e64e51;
}
/* リンク */
.ts-table a{
	color:#f16c6c;
	text-decoration:none;
}
.ts-table a.pdf{
	background:url('../img/common/pdf_icon_small.png') no-repeat right center;
	background-size:16px auto;
	padding:0 28px 0 0;
}
/* 手数料　注意事項 */
.ts-table .notice{
	font-size:11px;
	font-size:1.1rem;
	text-align:left;
	margin:auto;
}
/* ----- 表 ----- */
.style_yellow-bb.document_table th,
.style_yellow-bb.document_table td{
	font-size:20px;
	font-size:2.0rem;
}
.style_yellow-bb.document_table th:nth-child(1),
.style_yellow-bb.document_table td:nth-child(1){
	width:42%;
}
.style_yellow-bb.document_table td{
	padding:15px 25px;
}
.style_yellow-bb.document_table td:nth-child(2){
	width:19%;
}
.style_yellow-bb.document_table td .smalltxt{
	font-size:18px;
	font-size:1.8rem;
}
/* アイコン */
.style_yellow-bb.document_table td a{
	color:#d15e5e;
	padding:0 0 0 28px;
	text-decoration:underline;
}
.style_yellow-bb.document_table td a.excel{
	background:url(../img/common/excel_icon.png) no-repeat left center;
}
.style_yellow-bb.document_table td a.pdf{
	background:url(../img/common/pdf_icon_2.png) no-repeat left center;
}
.style_yellow-bb.document_table td a.word{
	background:url(../img/common/word_icon.png) no-repeat left center;
}
/* ----- .box ----- */
.box + .box{
	margin:45px 0 0;
}
.box .subttl{
	border-bottom:2px solid #bbb;
	font-size:22px;
	font-size:2.2rem;
	font-weight:normal;
	letter-spacing:0.025em;
	line-height:1.8;
	margin:0 0 15px;
	padding:0 18px 10px;
}
.box_inner{
	margin:0 100px 0 30px;
}
/* ----- リンク ----- */
.block_inner a{
	color:#f16c6c;
}
/* タイトル下サブテキスト 
------------------------------------------------- */
.sub-txt{
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:0.025em;
	line-height:1.9;
	text-align:center;
}
/* アンカーリンク 
------------------------------------------------- */
.anchor-link{
	letter-spacing:0.025em;
	line-height:1.7;
	margin:25px 0 80px;
	text-align:center;
}
.anchor-link a{
	font-size:14px;
	font-size:1.4rem;
	margin:0 15px;
}
/* イベントを開催される主催者様へ 
------------------------------------------------- */
.to-organizer{
	margin:0 28px 62px;
	text-align:center;
}
/* ----- タイトル ----- */
.to-organizer .ttl{
	border-bottom:4px solid #e0ddd2;
	font-size:24px;
	font-size:2.4rem;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 24px;
	padding:0 0 14px;
}
/* ----- p ----- */
.to-organizer .txt p{
	letter-spacing:0.025em;
	line-height:2;
}
.to-organizer .txt p a{
	color:#f16c6c;
}
/* ----- ボタン ----- */
.to-organizer .btnarea{
	align-items:center;
	display:flex;
	justify-content:center;
	margin:30px 0 0;
}
.to-organizer .btnarea .btn{
	background:#f8f4e6;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.5;
	max-width:390px;
	margin:0;
}
.to-organizer .btnarea .btn + .btn{
	margin:0 0 0 32px;
}
.to-organizer .btnarea .btn a{
	padding:20px;
}
.to-organizer .btnarea .btn.large-btn a .hover-border-1,
.to-organizer .btnarea .btn.large-btn a .hover-border-2{
	left:0;
}
/* 委託できるチケット 
------------------------------------------------- */
#sales-ticket .none-dots-list li > .none-dots-list{
	margin:0 2em;
}
#sales-ticket .none-dots-list li > .none-dots-list li{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.7;
}
/* 管理方法 
------------------------------------------------- */
/* ----- 1. 販売システムへ登録しての販売 ----- */
#management-method .small-btn_itakukibou{
	background:#f8f4e6;
	font-size:16px;
	font-size:1.6rem;
	letter-spacing:0.05em;
	line-height:1.8;
	margin-top:10px;
	max-width:270px;
}
#management-method .small-btn_itakukibou a{
	color:inherit;
	padding:3px 0;
}
#management-method .small-btn_itakukibou a:before{
	display:none;
}
/* ----- 2. 持込みいただいたチケットをお預かりしての販売 ----- */
#management-method .ts-table{
	margin:25px auto 0;
}
/* 申込みについて 
------------------------------------------------- */
#about-application .box .subttl{
	margin:0 0 50px;
}
/* ----- 1. 申し込みの流れ ----- */
.step-box + .step-box{
	margin:30px 0 0;
}
.step-box_ttl{
	align-items:center;
	border-bottom:3px solid #a6a6a6;
	background:#fbf9f2;
	display:flex;
	font-size:18px;
	font-size:1.8rem;
	font-weight:normal;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 15px;
	padding:11px 18px;
	position:relative;
}
.step-box_ttl:before{
	border-top:18px solid #a6a6a6;
	border-right:10px solid transparent;
	border-bottom:18px solid transparent;
	border-left:10px solid transparent;
	bottom:-36px;
	content:'';
	display:block;
	left:40px;
	position:absolute;
	z-index:0;
}
.step-box_ttl .icon{
	margin:0 20px 0 0;
}
.step-box_inner{
	margin:0 35px 0 108px;
}
/* STEP1 */
.telnum{
	font-size:22px;
	font-size:2.2rem;
}
.tyokutsu{
	font-size:18px;
	font-size:1.8rem;
}
/* STEP2 */
.reception-period{
	border:2px solid #bbb;
	box-sizing:border-box;
	display:table;
	margin:20px 0 64px;
	max-width:608px;
	width:100%;
}
.reception-period dt,
.reception-period dd{
	display:table-cell;
	letter-spacing:0.025em;
	line-height:1.4;
	padding:12px 25px;
	vertical-align:middle;
}
.reception-period dt{
	background:#fbf9f2;
	font-size:18px;
	font-size:1.8rem;
}
.reception-period dd{
	border-left:2px solid #bbb;
}
.after-that_wrap{
	margin:0 0 70px;
	max-width:608px;
	text-align:center;
	position:relative;
}
.after-that_wrap span,
.after-that_wrap span:before,
.after-that_wrap span:after{
	border-radius:50%;
	background:#000;
	content:'';
	height:5px;
	left:0;
	margin:0 auto;
	position:absolute;
	right:0;
	width:5px;
	z-index:0;
}
.after-that_wrap span:before,
.after-that_wrap span:after{
	content:'';
	display:block;
}
.after-that_wrap .top{
	top:-48px;
}
.after-that_wrap .top:before{
	top:16px;
}
.after-that_wrap .top:after{
	top:34px;
}
.after-that_wrap .bottom{
	bottom:-10px;
}
.after-that_wrap .bottom:before{
	bottom:-17px;
}
.after-that_wrap .bottom:after{
	bottom:-34px;
}
.after-that{
	background:#fbf9f2;
	display:inline-block;
	padding:0 28px 0 27px;
}
/* STEP3 */
.notes{
	color:#c60101;
	font-size:18px;
	font-size:1.8rem;
}
/* STEP4 */
#step-box4 p{
	font-size:18px;
	font-size:1.8rem;
}
/* ----- 2. 申し込みに必要なもの ----- */
/* 表 */
#aa-box2 .ts-table{
	margin:0 0 10px;
}
#aa-box2 .ts-table .disc-list{
	text-align:left;
}
/* 追券・返券・売り止め依頼書について */
.about-uridomeiraisyo{
	margin-top:20px;
}
.about-uridomeiraisyo > p{
	line-height:1.4;
	margin-bottom:15px;
}
/* 注：座席表について */
.seat_notes-box{
	margin-top:20px;
}
.seat_notes-box_ttl{
	font-size:14px;
	font-size:1.4rem;
	font-weight:normal;
	line-height:1.4;
}
.seat_notes-box_inner{
	margin:0 15px;
}
.seat_notes-box dl dt,
.seat_notes-box dl dd,
.seat_notes-box p{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.7;
}
.seat_notes-box dl{
	margin:0 0 1em;
}
/* 注意事項 */
.notes-box{
	margin:30px 0 0;
}
.notes-box_ttl{
	border-bottom:2px solid #b2b2b2;
	font-size:14px;
	font-size:1.4rem;
	font-weight:normal;
	line-height:1.4;
	margin:0 0 8px;
	padding:0 0 8px;
}
.notes-box ul li{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.7;
}
/* 追券・返券・売り止めについて 
------------------------------------------------- */
#tuiken-henken-uridome p{
	margin-bottom:2em;
}
/* ----- 表 ----- */
#tuiken-henken-uridome .style_yellow-bb.document_table th,
#tuiken-henken-uridome .style_yellow-bb.document_table td{
	font-size:16px;
	font-size:1.6rem;
}
/* 委託における同意事項 
------------------------------------------------- */
.consent-notes{
	font-size:14px;
	font-size:1.4rem;
	margin:15px 0 0;
}
/* 広報媒体の掲載の仕方について 
------------------------------------------------- */
#media .block_inner > p{
	margin:0 0 30px;
}
#media .box + .box{
	margin:25px 0 0;
}
/* その他 */
#media .other{
	margin:30px 0 0;
}
#media .other li{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.7;
}
#media .url{
	color:#f16c6c;
}

.text-red {
    color: #c60101;
}

@media screen and (max-width:1024px){
	/*****************************************************
	　チケット委託販売　
	*****************************************************/
	/* 共通 
	------------------------------------------------- */
	/* ----- .block ----- */
	.block + .block{
		margin:12.5vw 0 0;
	}
	.block_inner{
		margin:0 2.25vw;
	}
	/* ----- .box ----- */
	.box + .box{
		margin:3.75vw 0 0;
	}
	.box_inner{
		margin:0 2.5vw;
	}
	/* ----- サブタイトル ----- */
	.subttl{
		border-width:0.25vw;
		font-size:2.75vw;
		margin:0 0 2.5vw;
		padding:0 2.5vw 1.25vw;
	}
	/* ----- 表 ----- */
	.ts-table{
		max-width:none;
		width:112.5vw;
	}
	.ts-table th,
	.ts-table td{
		border-width:0.25vw;
		padding:1.25vw 1vw;
	}
	.ts-table tbody th{
		width:30%;
	}
	/* ○× */
	.ts-table .check_ok,
	.ts-table .check_no{
		font-size:3.11vw;
	}
	/* リンク */
	.ts-table a.pdf{
		background-size:2vw auto;
		padding:0 3.5vw 0 0;
	}
	/* 手数料　注意事項 */
	.ts-table .notice{
		font-size:3.4vw;
	}
	/* ----- 表 ----- */
	table.style_yellow-bb{
		width:150vw;
	}
	table.style_yellow-bb.document_table{
		width:100%;
	}
	.style_yellow-bb.document_table th,
	.style_yellow-bb.document_table td{
		font-size:3.33vw;
	}
	.style_yellow-bb.document_table td{
		padding:1.87vw 3.12vw;
	}
	.style_yellow-bb.document_table td:nth-child(2){
		width:auto;
	}
	.style_yellow-bb.document_table td .smalltxt{
		font-size:3.33vw;
	}
	/* アイコン */
	.style_yellow-bb.document_table td a{
		padding:0 0 0 3.5vw;
	}
	.style_yellow-bb.document_table td a.excel,
	.style_yellow-bb.document_table td a.pdf,
	.style_yellow-bb.document_table td a.word{
		background-size:auto 3vw;
	}
	/* ----- .box ----- */
	.box + .box{
		margin:5.62vw 0 0;
	}
	.box .subttl{
		border-width:0.25vw;
		font-size:3.8vw;
		margin:0 0 1.87vw;
		padding:0 2.25vw 1.25vw;
	}
	.box_inner{
		margin:0 2.75vw;
	}
	/* タイトル下サブテキスト 
	------------------------------------------------- */
	.sub-txt{
		font-size:3.5vw;
	}
	/* アンカーリンク 
	------------------------------------------------- */
	.anchor-link{
		margin:3.12vw 0 10vw;
	}
	.anchor-link a{
		font-size:3.0vw;
		margin:0 1.87vw;
	}
	/* イベントを開催される主催者様へ 
	------------------------------------------------- */
	.to-organizer{
		margin:0 3.5vw 7.75vw;
	}
	/* ----- タイトル ----- */
	.to-organizer .ttl{
		border-width:0.5vw;
		font-size:4.5vw;
		margin:0 0 3vw;
		padding:0 0 1.75vw;
	}
	/* ----- ボタン ----- */
	.to-organizer .btnarea{
		display:block;
		margin:3.75vw 0 0;
	}
	.to-organizer .btnarea .btn{
		font-size:3.5vw;
		max-width:none;
		margin:0 auto;
		width: 75.75vw;
	}
	.to-organizer .btnarea .btn + .btn{
		margin:4vw auto 0;
	}
	.to-organizer .btnarea .btn a{
		padding:2.5vw;
	}
	/* 委託できるチケット 
	------------------------------------------------- */
	#sales-ticket .none-dots-list li > .none-dots-list li{
		font-size:3.3vw;
	}
	#sales-ticket .none-dots-list li > .none-dots-list {
    margin: 0 1em;
}
	
	/* 管理方法 
	------------------------------------------------- */
	/* ----- 1. 販売システムへ登録しての販売 ----- */
	#management-method .small-btn_itakukibou{
		font-size:3.5vw;
		margin-top:1.56vw;
		max-width:45vw;
	}
	#management-method .small-btn_itakukibou a{
		padding:3px 0;
	}
	/* ----- 2. 持込みいただいたチケットをお預かりしての販売 ----- */
	#management-method .ts-table{
		margin:3.12vw auto 0;
	}
	/* 申込みについて 
	------------------------------------------------- */
	#about-application .box .subttl{
		margin:0 0 6.25vw;
	}
	/* ----- 1. 申し込みの流れ ----- */
	.step-box + .step-box{
		margin:3.75vw 0 0;
	}
	.step-box_ttl{
		border-width:0.37vw;
		font-size:3.5vw;
		margin:0 0 3.87vw;
	}
	.step-box_ttl:before{
		border-top-width:2.25vw;
		border-right-width:1.25vw;
		border-bottom-width:2.25vw;
		border-left-width:1.25vw;
		bottom:-4.5vw;
		left:5vw;
	}
	.step-box_ttl .icon{
		height:3.75vw;
		margin:0 2.5vw 0 0;
	}
	.step-box_ttl .icon img{
		max-height:100%;
		width:auto;
	}
	.step-box_inner{
		margin:0 4.37vw;
	}
	/* STEP1 */
	.telnum{
		font-size:3.8vw;
	}
	.tyokutsu{
		font-size:3vw;
	}
	/* STEP2 */
	.reception-period{
		border-width:0.25vw;
		display:block;
		margin:2.5vw 0 8vw;
		max-width:none;
		width:100%;
	}
	.reception-period dt,
	.reception-period dd{
		display:block;
		padding:1.5vw 3.12vw;
	}
	.reception-period dt{
		font-size:3vw;
		text-align:center;
	}
	.reception-period dd{
		border-left:none;
		border-top:0.25vw solid #bbb;
	}
	.after-that_wrap{
		margin:0 0 8.75vw;
		max-width:none;
	}
	.after-that_wrap span,
	.after-that_wrap span:before,
	.after-that_wrap span:after{
		height:0.62vw;
		width:0.62vw;
	}
	.after-that_wrap .top{
		top:-6vw;
	}
	.after-that_wrap .top:before{
		top:2vw;
	}
	.after-that_wrap .top:after{
		top:4.25vw;
	}
	.after-that_wrap .bottom{
		bottom:-1.25vw;
	}
	.after-that_wrap .bottom:before{
		bottom:-2.12vw;
	}
	.after-that_wrap .bottom:after{
		bottom:-4.25vw;
	}
	.after-that{
		padding:0 3.5vw 0 3.37vw;
	}
	/* STEP3 */
	.notes{
		font-size:3.5vw;
	}
	/* STEP4 */
	#step-box4 p{
		font-size:3.5vw;
	}
	/* ----- 2. 申し込みに必要なもの ----- */
	/* 表 */
	#aa-box2 .ts-table{
		margin:0 0 1.25vw;
	}
	/* 追券・返券・売り止め依頼書について */
	.about-uridomeiraisyo{
		margin-top:3.12vw;
	}
	.about-uridomeiraisyo > p{
		margin-bottom:2.34vw;
	}
	/* 注：座席表について */
	.seat_notes-box{
		margin-top:3.12vw;
	}
	.seat_notes-box_ttl{
		font-size:3.5vw;
	}
	.seat_notes-box_inner{
		margin:0 1.87vw;
	}
	.seat_notes-box dl dt,
	.seat_notes-box dl dd,
	.seat_notes-box p{
		font-size:3.0vw;
	}
	/* 注意事項 */
	.notes-box{
		margin:3.75vw 0 0;
	}
	.notes-box_ttl{
		border-width:0.25vw;
		font-size:3.5vw;
		margin:0 0 1vw;
		padding:0 0 1vw;
	}
	.notes-box ul li{
		font-size:3.0vw;
	}
	/* 追券・返券・売り止めについて 
	------------------------------------------------- */
	/* ----- 表 ----- */
	#tuiken-henken-uridome .style_yellow-bb.document_table th,
	#tuiken-henken-uridome .style_yellow-bb.document_table td{
		font-size:3.5vw;
	}
	/* 委託における同意事項 
	------------------------------------------------- */
	.consent-notes{
		font-size:3.0vw;
		margin:1.87vw 0 0;
	}
	/* 広報媒体の掲載の仕方について 
	------------------------------------------------- */
	#media .block_inner > p{
		margin:0 0 3.75vw;
	}
	#media .box + .box{
		margin:3.12vw 0 0;
	}
	/* その他 */
	#media .other{
		margin:3.75vw 0 0;
	}
	#media .other li{
		font-size:3.0vw;
	}
}