@charset "UTF-8";


/*****************************************************
　ホール一覧　
*****************************************************/
.hall-list{
	display:flex;
	flex-wrap:wrap;
	margin:80px 0 150px;
	padding:0 38px;
}
.hall-list .item{
	max-width:327px;
	width:30%;
}
.hall-list .item + .item{
	margin:0 0 0 5%;
}
.hall-list .item .ttl{
	background:url('../img/common/ttl_bg.png') no-repeat center bottom;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	letter-spacing:0.075em;
	line-height:1.4;
	margin:35px 0 15px;
	padding:0 0 33px;
	text-align:center;
}
.hall-list .item .txt{
	letter-spacing:0.025em;
	line-height:1.6;
	margin:0 0 25px;
	text-align:justify;
}
.hall-list .item .more{
	background:#f8f4e6;
	font-size:16px;
	font-size:1.6rem;
	max-width:272px;
}
.hall-list .item .more a{
	padding:11px 0;
}
/* 「詳しく見る」ボタン位置を下に配置 
------------------------------------------------- */
.hall-list .item:nth-child(1),
.hall-list .item:nth-child(3){
	position:relative;
}
.hall-list .item:nth-child(1) .more,
.hall-list .item:nth-child(3) .more{
	bottom:0;
	left:0;
	position:absolute;
	right:0;
	z-index:0;
}


/*****************************************************
　ホール共通　
*****************************************************/
/* スライダー 
------------------------------------------------- */
.mainvisual-slide{
	margin:55px 0 0;
}
/* ----- .slider-for ----- */
.mainvisual-slide .slider-for .slide-item .txt{
	margin:30px 0 60px;
	text-align:center;
}
.mainvisual-slide .slider-for .slide-item .txt p{
	letter-spacing:0.025em;
	line-height:1.4;
}
.mainvisual-slide .slick-prev,
.mainvisual-slide .slick-next{
	cursor:pointer;
	height:187px;
	width:84px;
	z-index:1;
}
.mainvisual-slide .slick-prev{
	left:25px;
}
.mainvisual-slide .slick-next{
	right:25px;
}
.mainvisual-slide .slick-prev:before,
.mainvisual-slide .slick-next:before{
	content:'';
	display:block;
	height:187px;
	width:84px;
}
.mainvisual-slide .slick-prev:before{
	background:url('../img/common/slide_prev_icon.png') no-repeat center center;
	background-size:contain;
}
.mainvisual-slide .slick-next:before{
	background:url('../img/common/slide_next_icon.png') no-repeat center center;
	background-size:contain;
}
/* ----- .slider-nav ----- */
.mainvisual-slide .slider-nav{
	align-items:center;
	cursor:pointer;
	display:flex;
	margin:0 auto;
	max-width:1070px;
	width:100%;
}
.mainvisual-slide .slider-nav .navitem{
	margin:0 1.21%;
	max-width:248px;
	width:24%;
}
/* その他共通 
------------------------------------------------- */
/* ----- .block ----- */
.block + .block{
	margin:60px 0 0;
}
.block_inner{
	margin:0 50px;
}
/* ----- タイトル ----- */
.subttl{
	background:#fbf9f2;
	border-bottom:2px solid #bbb;
	font-size:20px;
	font-size:2.0rem;
	line-height:1.4;
	margin:45px 0 35px;
	padding:12px 28px 13px;
}
/* ----- 単位 ----- */
.unit{
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:10px 0;
	text-align:right;
}
/* ホール概要 
------------------------------------------------- */
#summary{
	margin:95px 0 0;
}
#summary .ttlmain{
	margin-bottom:60px;
}
#summary .style_yellow-bb th{
	text-align:right;
	width:286px;
}
#summary .style_yellow-bb td{
	width:calc(100% - 286px);
}
/* ホール形態 
------------------------------------------------- */
#form-example .block_inner{
	max-width:1090px;
}
/* ----- .fe-item ----- */
#form-example .fe-item_block{
	display:flex;
	flex-wrap:wrap;
	margin:0 auto;
	max-width:1060px;
	width:100%;
}
#form-example .fe-item{
	margin:0 2% 40px 0;
	max-width:339px;
	width:32%;
}
#form-example .fe-item:nth-child(3n){
	margin-right:0;
}
#form-example .fe-item .img{
	margin:0 0 15px;
	text-align:center;
}
#form-example .fe-item .ttl{
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 10px;
}
#form-example .fe-item .txt p{
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:0.01em;
	line-height:1.4;
}
/* 座席 
------------------------------------------------- */
#seat .map a{
	cursor:pointer;
}
#seat .change-seat{
	display:flex;
	flex-direction:row-reverse;
	justify-content:space-between;
}
#seat .change-seat .seat-map{
	max-width:425px;
	width:40%;
}
#seat .change-seat .seat-map .notice{
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 10px;
	text-align:center;
}
#seat .change-seat .seat-map .notice.sp{
	display:none;
}
#seat .change-seat .seat-map .notice .pink,
#seat .change-seat .seat-map .notice .blue{
	font-size:26px;
	font-size:2.6rem;
	margin:0 3px;
	vertical-align:middle;
}
#seat .change-seat .seat-map .notice .pink{
	color:#ff7e7e;
}
#seat .change-seat .seat-map .notice .blue{
	color:#00d1fe;
}
#seat .change-seat .other{
	max-width:635px;
	width:59%;
}
#seat .change-seat .other #change-seat_img{
	margin:0 0 30px;
}
#seat .change-seat .other .small-btn{
	margin:0 auto;
	max-width:306px;
}
#seat .change-seat .other .small-btn.soundingboard{
	margin-top:27px;
	max-width:590px;
}
#seat .change-seat .other .small-btn.soundingboard br{
	display:none;
}
#seat .change-seat .other .small-btn a{
	padding:14px 0;
}
/* 楽屋紹介 
------------------------------------------------- */
#green-room .block_inner{
	margin:0 20px;
}
/* ----- リード文 ----- */
#green-room .lead{
	margin:55px 0 0;
}
#green-room .lead p{
	letter-spacing:0.025em;
	line-height:1.7;
}
/* ----- スライダー ----- */
.greenroom-slide{
	display:flex;
	justify-content:space-between;
	margin:30px 0 0;
}
.greenroom-slide .slider-for{
	max-width:890px;
	width:79%;
}
/* .slider-nav */
.greenroom-slide .slider-nav{
	cursor:pointer;
	max-width:204px;
	width:18%;
}
.greenroom-slide .slider-nav .navitem + .navitem{
	margin:12px 0 0;
}
.greenroom-slide .slider-nav .navitem.active{
	position:relative;
}
.greenroom-slide .slider-nav .navitem.active:before{
	border:4px solid #b2ad9a;
	box-sizing:border-box;
	content:'';
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:0;
}
/* ----- 全体図 ----- */
#whole-drawing{
	margin:0 30px;
}
#whole-drawing .img{
	margin:45px 0;
	text-align:center;
}
/* ----- 概要 ----- */
#greenroom-summary{
	margin:0 30px;
}
#greenroom-summary .style_yellow thead th,
#greenroom-summary .style_yellow tbody td{
	text-align:center;
}
#greenroom-summary .style_yellow thead th:nth-child(1),
#greenroom-summary .style_yellow tbody td:nth-child(1){
	width:65px;
}
#greenroom-summary .style_yellow thead th:nth-child(2),
#greenroom-summary .style_yellow tbody td:nth-child(2){
	width:65px;
}
#greenroom-summary .style_yellow thead th:nth-child(3),
#greenroom-summary .style_yellow tbody td:nth-child(3){
	width:95px;
}
#greenroom-summary .style_yellow thead th:nth-child(4),
#greenroom-summary .style_yellow tbody td:nth-child(4){
	width:calc(100% - 65px - 65px - 95px - 195px);
}
#greenroom-summary .style_yellow thead th:nth-child(5),
#greenroom-summary .style_yellow tbody td:nth-child(5){
	width:195px;
}
#greenroom-summary .style_yellow tbody td img{
	vertical-align:middle;
}
/* 利用料金 
------------------------------------------------- */
#price th,
#price td{
	text-align:center;
}
#price tbody th{
	background:none;
}
/* ----- ホール ----- */
#price-hall .style_yellow thead th,
#price-hall .style_yellow tbody td{
	width:18%;
}
#price-hall .style_yellow thead th:nth-child(2),
#price-hall .style_yellow tbody td:nth-child(2){
	width:10%;
}
/* ----- 楽屋 ----- */
#price-greenroom{
	margin:80px 0 0;
}
#price-greenroom .style_yellow thead th,
#price-greenroom .style_yellow tbody td{
	width:25%;
}
#price-greenroom .style_yellow thead .ttl th{
	width:auto;
}
#price-greenroom .unit + .js-scrollable{
	margin:30px 0 0;
}
/* ----- 注意書き ----- */
#price .notice-block ul{
	list-style-type:none;
	margin:0 0 1em 1em;
}
#price .notice-block p,
#price .notice-block ul li{
	line-height:1.4;
}
/* 機材情報 
------------------------------------------------- */
#equipment .large-btn{
	font-size:18px;
	font-size:1.8rem;
	margin:50px 0 0;
	max-width:485px;
}
#equipment .large-btn a{
	padding:21px 0 22px;
}


/*****************************************************
　アイザックスターンホール　
*****************************************************/
/* 利用料金 
------------------------------------------------- */
/* ----- ホール ----- */
body.page-template-isaacstern-hall #price-hall .style_yellow th,
body.page-template-isaacstern-hall #price-hall .style_yellow td{
	width:16%;
}
body.page-template-isaacstern-hall #price-hall .style_yellow th.w-small,
body.page-template-isaacstern-hall #price-hall .style_yellow td.w-small{
	width:10%;
}


/*****************************************************
　演劇ホール　
*****************************************************/
/* 座席 
------------------------------------------------- */
body.page-template-theater-hall #seat .block_inner{
	margin:0 30px;
}
body.page-template-theater-hall #seat .change-seat .seat-map{
	max-width:445px;
	width:40%;
}
body.page-template-theater-hall #seat .change-seat .other{
	width:57%;
}
body.page-template-theater-hall #seat .change-seat .seat-map .notice{
	text-align:left;
}
body.page-template-theater-hall #seat .change-seat .seat-map .notice{
	margin:0 0 5px;
}
body.page-template-theater-hall .seat-btn_block{
	align-items:center;
	display:flex;
}
body.page-template-theater-hall .seat-btn_block .small-btn{
	margin:0;
	max-width:356px;
}
body.page-template-theater-hall .seat-btn_block .small-btn + .small-btn{
	margin:0 0 0 15px;
	max-width:590px;
}
body.page-template-theater-hall .seat-btn_block .small-btn + .small-btn br{
	display:none;
}
/* ホール形態 
------------------------------------------------- */
body.page-template-theater-hall #form-example{
	margin-top:100px;
}
/* 利用料金 
------------------------------------------------- */
/* ----- ホール ----- */
body.page-template-theater-hall #price-hall .style_yellow th,
body.page-template-theater-hall #price-hall .style_yellow td{
	width:16%;
}
body.page-template-theater-hall #price-hall .style_yellow th.w-small,
body.page-template-theater-hall #price-hall .style_yellow td.w-small{
	width:10%;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　ホール一覧　
	*****************************************************/
	.hall-list{
		margin:10vw 0 18.75vw;
		padding:0;
	}
	.hall-list .item{
		margin:0 1% 6%;
		max-width:none;
		width:48%;
	}
	.hall-list .item + .item{
		margin:0 1% 6%;
	}
	.hall-list .item:nth-child(3){
		margin-bottom:0;
	}
	.hall-list .item img{
		width:100%;
	}
	.hall-list .item .ttl{
		font-size:3.8vw;
		margin:4.37vw 0 1.87vw;
		padding:0 0 4.12vw;
	}
	.hall-list .item .txt{
		margin:0 0 3.12vw;
	}
	.hall-list .item .more{
		font-size:3.0vw;
		max-width:none;
	}
	.hall-list .item .more a{
		padding:1.37vw 0;
	}
	/* 「詳しく見る」ボタン位置を下に配置 
	------------------------------------------------- */
	.hall-list .item:nth-child(3) .more{
		position:static;
	}


	/*****************************************************
	　ホール共通　
	*****************************************************/
	/* スライダー 
	------------------------------------------------- */
	.mainvisual-slide{
		margin:6.87vw 0 0;
	}
	/* ----- .slider-for ----- */
	.mainvisual-slide .slider-for .slide-item .txt{
		margin:3.75vw 0 7.5vw;
		text-align:left;
	}
	.mainvisual-slide .slider-for .slide-item .txt p br{
		display:none;
	}
	.mainvisual-slide .slick-prev,
	.mainvisual-slide .slick-next{
		height:23.37vw;
		width:10.5vw;
	}
	.mainvisual-slide .slick-prev{
		left:3.12vw;
	}
	.mainvisual-slide .slick-next{
		right:3.12vw;
	}
	.mainvisual-slide .slick-prev:before,
	.mainvisual-slide .slick-next:before{
		height:23.37vw;
		width:10.5vw;
	}
	/* ----- .slider-nav ----- */
	.mainvisual-slide .slider-nav .navitem{
		max-width:none;
	}
	.mainvisual-slide .slider-nav .navitem img{
		width:100%;
	}
	/* その他共通 
	------------------------------------------------- */
	/* ----- .block ----- */
	.block + .block{
		margin:7.5vw 0 0;
	}
	.block_inner{
		margin:0 6.25vw;
	}
	/* ----- タイトル ----- */
	.subttl{
		border-bottom-width:0.25vw;
		font-size:4vw;
		margin:5.62vw 0 4.37vw;
		padding:1.5vw 3.75vw 1.62vw;
	}
	/* ----- 単位 ----- */
	.unit{
		font-size:2.9vw;
		margin:1.25vw 0;
	}
	/* ホール概要 
	------------------------------------------------- */
	#summary{
		margin:11.87vw 0 0;
	}
	#summary .ttlmain{
		margin-bottom:7.5vw;
	}
	#summary .style_yellow-bb{
		width:150vw;
	}
	#summary .style_yellow-bb th{
		width:40vw;
	}
	#summary .style_yellow-bb td{
		width:calc(100% - 40vw);
	}
	/* ホール形態 
	------------------------------------------------- */
	/* ----- .fe-item ----- */
	#form-example .fe-item{
		margin:0 4% 5vw 0;
		max-width:none;
		width:48%;
	}
	#form-example .fe-item:nth-child(3n){
		margin-right:4%;
	}
	#form-example .fe-item:nth-child(2n){
		margin-right:0;
	}
	#form-example .fe-item .img{
		margin:0 0 1.87vw;
	}
	#form-example .fe-item .ttl{
		font-size:4vw;
		margin:0 0 1.25vw;
	}
	#form-example .fe-item .txt p{
		font-size:2.5vw;
	}
	/* 座席 
	------------------------------------------------- */
	#seat .change-seat{
		display:block;
	}
	#seat .change-seat .seat-map{
		max-width:none;
		width:auto;
	}
	#seat .change-seat .seat-map img{
		width:100%;
	}
	#seat .change-seat .seat-map .notice{
		margin:0 0 1.25vw;
	}
	#seat .change-seat .seat-map .notice.pc{
		display:none;
	}
	#seat .change-seat .seat-map .notice.sp{
		display:block;
	}
	#seat .change-seat .seat-map .notice .pink,
	#seat .change-seat .seat-map .notice .blue{
		font-size:3.5vw;
		margin:0 0.37vw;
	}
	#seat .change-seat .other{
		max-width:none;
		width:auto;
	}
	#seat .change-seat .other #change-seat_img{
		display:none;
	}
	#seat .change-seat .other .small-btn{
		margin:5vw auto 0;
		max-width:60vw;
	}
	#seat .change-seat .other .small-btn.soundingboard{
		line-height:1.4;
		margin-top:3.37vw;
		max-width:73.75vw;
	}
	#seat .change-seat .other .small-btn.soundingboard br{
		display:block;
	}
	#seat .change-seat .other .small-btn a{
		padding:3.75vw 0;
	}
	/* 楽屋紹介 
	------------------------------------------------- */
	/* ----- リード文 ----- */
	#green-room .lead{
		margin:6.87vw 0 0;
	}
	/* ----- スライダー ----- */
	.greenroom-slide{
		display:block;
		margin:30px 0 0;
	}
	.greenroom-slide .slider-for{
		max-width:none;
		width:auto;
	}
	/* .slider-nav */
	.greenroom-slide .slider-nav{
		display:flex;
		margin:2vw 0 0;
		max-width:none;
		width:auto;
	}
	.greenroom-slide .slider-nav img{
		width:100%;
	}
	.greenroom-slide .slider-nav .navitem{
		max-width:none;
		width:24%;
	}
	.greenroom-slide .slider-nav .navitem + .navitem{
		margin:0 0 0 2.41%;
	}
	.greenroom-slide .slider-nav .navitem.active:before{
		border-width:0.5vw;
	}
	/* ----- 全体図 ----- */
	#whole-drawing .img{
		margin:5.62vw 0;
	}
	/* ----- 概要 ----- */
	#greenroom-summary .style_yellow thead th:nth-child(1),
	#greenroom-summary .style_yellow tbody td:nth-child(1){
		width:11vw;
	}
	#greenroom-summary .style_yellow thead th:nth-child(2),
	#greenroom-summary .style_yellow tbody td:nth-child(2){
		width:11vw;
	}
	#greenroom-summary .style_yellow thead th:nth-child(3),
	#greenroom-summary .style_yellow tbody td:nth-child(3){
		width:17vw;
	}
	#greenroom-summary .style_yellow thead th:nth-child(4),
	#greenroom-summary .style_yellow tbody td:nth-child(4){
		width:calc(100% - 11vw - 11vw - 17vw - 24.37vw);
	}
	#greenroom-summary .style_yellow thead th:nth-child(5),
	#greenroom-summary .style_yellow tbody td:nth-child(5){
		width:24.37vw;
	}
	/* 利用料金 
	------------------------------------------------- */
	/* ----- 楽屋 ----- */
	#price-greenroom{
		margin:10vw 0 0;
	}
	#price-greenroom .unit + .js-scrollable{
		margin:3.75vw 0 0;
	}
	/* 機材情報 
	------------------------------------------------- */
	#equipment .large-btn{
		font-size:3.5vw;
		margin:6.25vw 0 0;
		max-width:none;
	}
	#equipment .large-btn a{
		padding:4.75vw 0;
	}


	/*****************************************************
	　演劇ホール　
	*****************************************************/
	/* 座席 
	------------------------------------------------- */
	body.page-template-theater-hall #seat .block_inner{
		margin:0 3.75vw;
	}
	body.page-template-theater-hall #seat .change-seat .seat-map{
		max-width:none;
		width:auto;
	}
	body.page-template-theater-hall #seat .change-seat .other{
		width:auto;
	}
	body.page-template-theater-hall #seat .change-seat .seat-map .notice{
		margin:0 0 0.62vw;
	}
	body.page-template-theater-hall .seat-btn_block{
		display:block;
	}
	body.page-template-theater-hall .seat-btn_block .small-btn{
		margin:0;
		max-width:none;
	}
	body.page-template-theater-hall .seat-btn_block .small-btn + .small-btn{
		line-height:1.4;
		margin:1.87vw 0 0;
		max-width:none;
	}
	body.page-template-theater-hall .seat-btn_block .small-btn + .small-btn br{
		display:block;
	}
}