@charset "UTF-8";


/*****************************************************
　客席レイアウト　
*****************************************************/
/* 共通 
------------------------------------------------- */
/* ----- .block ----- */
.block + .block{
	margin:100px 0 0;
}
.block_inner{
	margin:0 50px;
}
.block_inner p{
	letter-spacing:0.025em;
	line-height:2;
}
/* ----- .box ----- */
.box + .box{
	margin:110px 0 0;
}
.box .subttl{
	border-bottom:2px solid #bbb;
	font-size:24px;
	font-size:2.4rem;
	letter-spacing:0.025em;
	line-height:1.8;
	margin:0 0 30px;
	padding:0 18px 10px;
}
.box_inner{
	margin:0 25px;
}
/* ----- 椅子あり/なしブロック ----- */
/* タイトル */
.chair-ttl{
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 25px;
	padding:9px 0 9px 55px;
}
.chair-ttl.chair-a{
	background:url('../img/seat-layout/chair-a_icon.png') no-repeat left center;
}
.chair-ttl.chair-n{
	background:url('../img/seat-layout/chair-n_icon.png') no-repeat left center;
}
/* ----- 各レイアウト組み ----- */
.purpose-box_wrap{
	display:flex;
	flex-wrap:wrap;
}
.purpose-box{
	width:32%;
}
.purpose-box.two{
	width:66%;
}
.purpose-box + .purpose-box{
	margin:0 0 0 2%;
}
.purpose-box .purpose-ttl{
	background:#f7f5ed;
	border:1px solid #060001;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 23px;
	padding:7px 10px;
	text-align:center;
}
.purpose-box_inner{
	display:flex;
	flex-wrap:wrap;
}
.purpose-box .item{
	max-width:264px;
	padding:0 35px;
	padding:0 10%;
	width:80%;
}
.purpose-box.two .item{
	padding:0 5% 0 6%;
	width:39%;
}
/* 「xパターン」タイトル */
.purpose-box .item .item-ttl{
	background:#f7f5ed;
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 10px;
	padding:5px 10px;
	text-align:center;
}
/* 拡大して見るボタン */
.purpose-box .item .more{
	margin:30px auto 0;
	max-width:228px;
}
.purpose-box .item .more a{
	padding:12px 0;
}
.purpose-box .item .more a:before{
	display:none;
}
.purpose-box .item .more .more_inner{
	background:url(../img/common/pdf_icon_small.png) no-repeat left center,url(../img/common/link_icon.png) no-repeat right center;
	background-size:22px auto,19px auto;
	display:inline-block;
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:0.025em;
	line-height:1.4;
	padding:0 35px;
}
.purpose-box .item .more .small{
	display:inline-block;
	font-size:12px;
	font-size:1.2rem;
	line-height:1.4;
}
/* タイトル下サブテキスト 
------------------------------------------------- */
.sub-txt{
	letter-spacing:0.025em;
	line-height:1.7;
	text-align:center;
}
/* アンカーリンク 
------------------------------------------------- */
.anchor-link{
	letter-spacing:0.025em;
	line-height:1.7;
	margin:15px 0 40px;
	text-align:center;
}
.anchor-link a{
	margin:0 15px;
}
/* 大練習室 
------------------------------------------------- */
/* ----- 椅子あり/なしブロック ----- */
#large-rehearsalroom .chair-n_block{
	margin:65px 0 0;
}
/* 中練習室 
------------------------------------------------- */
/* ----- 各レイアウト組み ----- */
#medium-rehearsalroom .purpose-box{
	max-width:498px;
	width:49%;
}
#medium-rehearsalroom .purpose-box.chair-n_block{
	margin:0 0 0 4%;
	max-width:477px;
	width:47%;
}
#medium-rehearsalroom .purpose-box .item{
	padding:0 23% 0 24%;
	width:53%;
}
#medium-rehearsalroom .purpose-box.chair-n_block .item{
	padding:0 22%;
	width:56%;
}
/* ----- 中練習室1 ----- */
#medium-rehearsalroom1{
	margin:20px 0 0;
}
/* 劇場指定外の客席レイアウト 
------------------------------------------------- */
.block + .block#other-layout{
	margin:90px 0 0;
}
#other-layout .block_inner p strong{
	color:#c70000;
	font-weight:bold;
}
/* ----- 表 ----- */
#other-layout .style_yellow-bb{
	margin:30px 0 0;
}
#other-layout .style_yellow-bb th{
	width:144px;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　客席レイアウト　
	*****************************************************/
	/* 共通 
	------------------------------------------------- */
	/* ----- .block ----- */
	.block + .block{
		margin:12.5vw 0 0;
	}
	.block_inner{
		margin:0 6.25vw;
	}
	/* ----- .box ----- */
	.box + .box{
		margin:13.75vw 0 0;
	}
	.box .subttl{
		border-width:0.25vw;
		font-size:3.25vw;
		margin:0 0 3.75vw;
		padding:0 2.25vw 1.25vw;
	}
	.box_inner{
		margin:0 3.12vw;
	}
	/* ----- 椅子あり/なしブロック ----- */
	/* タイトル */
	.chair-ttl{
		font-size:3.33vw;
		margin:0 0 3.12vw;
		padding:1.12vw 0 1.12vw 6.87vw;
	}
	.chair-ttl.chair-a,
	.chair-ttl.chair-n{
		background-size:auto 5.75vw;
	}
	/* ----- 各レイアウト組み ----- */
	.purpose-box{
		width:48%;
	}
	.purpose-box.two{
		width:100%;
	}
	.purpose-box + .purpose-box{
		margin:0 0 0 4%;
	}
	.purpose-box.two + .purpose-box{
		margin:6% 0 0;
	}
	.purpose-box .purpose-ttl{
		border-width:0.12vw;
		font-size:2.5vw;
		margin:0 0 2.87vw;
		padding:0.87vw 0.6vw;
	}
	.purpose-box .item{
		box-sizing:border-box;
		max-width:none;
		padding:0 4.37vw;
		width:100%;
		/*padding:0 10%;
		width:80%;*/
	}
	.purpose-box.two .item{
		padding:0 4.37vw;
		width:50%;
	}
	/* 「xパターン」タイトル */
	.purpose-box .item .item-ttl{
		font-size:2.5vw;
		margin:0 0 1.25vw;
		padding:0.62vw 1.25vw;
	}
	/* 画像 */
	.purpose-box .item .img img{
		width:100%;
	}
	/* 拡大して見るボタン */
	.purpose-box .item .more{
		margin:3.75vw auto 0;
		max-width:none;
		width:28.5vw;
	}
	.purpose-box .item .more a{
		padding:1.5vw;
	}
	.purpose-box .item .more a .hover-border-1,
	.purpose-box .item .more a .hover-border-2{
		left:0;
	}
	.purpose-box .item .more .more_inner{
		background-size:2.75vw auto,2.37vw auto;
		font-size:2.5vw;
		line-height:1;
		padding:0 4.37vw;
	}
	.purpose-box .item .more .small{
		font-size:1.5vw;
	}
	/* アンカーリンク 
	------------------------------------------------- */
	.anchor-link{
		margin:1.87vw 0 5vw;
	}
	.anchor-link a{
		margin:0 1.87vw;
	}
	/* 大練習室 
	------------------------------------------------- */
	/* ----- 椅子あり/なしブロック ----- */
	#large-rehearsalroom .chair-n_block{
		margin:8.12vw 0 0;
	}
	/* 中練習室 
	------------------------------------------------- */
	/* ----- 各レイアウト組み ----- */
	#medium-rehearsalroom .purpose-box{
		max-width:none;
		width:48%;
	}
	#medium-rehearsalroom .purpose-box.chair-n_block{
		max-width:none;
		width:48%;
	}
	#medium-rehearsalroom .purpose-box .item,
	#medium-rehearsalroom .purpose-box.chair-n_block .item{
		padding:0 4.37vw;
		width:100%;
	}
	/* ----- 中練習室1 ----- */
	#medium-rehearsalroom1{
		margin:2.5vw 0 0;
	}
	/* 劇場指定外の客席レイアウト 
	------------------------------------------------- */
	.block + .block#other-layout{
		margin:11.25vw 0 0;
	}
	/* ----- 表 ----- */
	#other-layout .style_yellow-bb{
		margin:3.75vw 0 0;
	}
	#other-layout .style_yellow-bb th{
		width:18vw;
	}
}