@charset "UTF-8";


/*****************************************************
　劇場主催　
*****************************************************/
/* リンクボタン 
------------------------------------------------- */
.link-btn{
	align-items:center;
	display:flex;
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:0.025em;
	justify-content:center;
	margin:20px 0 25px;
}
.link-btn a{
	margin:0 15px;
}
/* ブロック 
------------------------------------------------- */
.block + .block{
	margin:105px 0;
}
/* ----- タイトル ----- */
.block-ttl{
	border-bottom:2px solid #c5c5c5;
	color:#080808;
	font-size:46px;
	font-size:4.6rem;
	font-weight:bold;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 60px;
	padding:26px 30px 46px;
	position:relative;
}
.block-ttl:before{
	border-left:10px solid #000;
	content:'';
	display:block;
	height:calc(100% - 20px);
	left:0;
	position:absolute;
	top:0;
	width:10px;
	z-index:0;
}
/* 通年（シリーズ）事業 
------------------------------------------------- */
.series_itemarea{
	display:flex;
	flex-wrap:wrap;
	margin:0 auto;
	max-width:1100px;
	width:100%;
}
.series_itemarea .item{
	margin:0 5% 0 0;
	max-width:325px;
	width:30%;
}
.series_itemarea .item:nth-child(3n){
	margin:0;
}
.series_itemarea .item:nth-child(4),
.series_itemarea .item:nth-child(5){
	margin-top:100px;
}
.series_itemarea .item .ttl{
	align-items:center;
	background:url('../img/common/ttl_bg.png') no-repeat center bottom;
	display:flex;
	font-size:20px;
	font-size:2.0rem;
	font-weight:700;
	justify-content:center;
	letter-spacing:0.075em;
	line-height:1.4;
	margin:0 0 15px;
	padding:0 0 35px;
	text-align:center;
}
.series_itemarea .item.miyazaki-theater .ttl,
.series_itemarea .item.nomado .ttl{
	padding:0.7em 0 calc(35px + 0.7em);
}
.series_itemarea .item .text{
	letter-spacing:0.025em;
	line-height:1.6;
	margin:22px 0 0;
}
.series_itemarea .item .small-btn{
	background:#f8f5e6;
	margin:50px 0 0;
}
.series_itemarea .item .small-btn a{
	padding:11px 0;
}
.series_itemarea .item .small-btn a:before{
	display:none;
}
/* 劇場主催ラインナップ 
------------------------------------------------- */
#independent-lineup .block-ttl{
	margin:0 0 40px;
}
.independent-event_itemarea{
	display:flex;
	flex-wrap:wrap;
}
.ie-item{
	margin:0 5.3% 85px 0;
	max-width:243px;
	width:21%;
}
.ie-item:nth-child(4n){
	margin:0 0 85px;
}
.ie-item .thumb{
	position:relative;
}
.ie-item .status{
	background:#fff;
	border:2px solid #e28484;
	bottom:55px;
	box-sizing:border-box;
	color:#e28484;
	display:inline-block;
	font-weight:700;
	letter-spacing:0.075em;
	left:-10px;
	line-height:31px;
	position:absolute;
	text-align:center;
	width:109px;
	z-index:2;
}
.ie-item .status.cancel,
.ie-item .status.enki,
.ie-item .status.end{
	background:#e28484;
	color:#fff;
}
.ie-item .label{
	bottom:9px;
	left:-10px;
	position:absolute;
	width:100%;
	z-index:2;
}
.ie-item .series{
	background:#fff;
	border:1px solid #060001;
	bottom:9px;
	box-sizing:border-box;
	color:#222;
	letter-spacing:0.025em;
	line-height:1.4;
	text-align:center;
	padding:8px 8px 9px;
	width:80%;
}
.ie-item .series:before{
	border-top:5px solid #222;
	border-right:5px solid #222;
	border-bottom:5px solid transparent;
	border-left:5px solid transparent;
	bottom:-10px;
	content:'';
	display:block;
	height:0;
	left:-1px;
	width:0;
	position:absolute;
	z-index:0;
}
.ie-item .series span{
	display:block;
	font-size:14px;
	font-size:1.4rem;
}
.ie-item .series span + span{
	margin:5px 0 0;
}
.ie-item .category{
	margin:20px 0 0;
}
.ie-item .category span{
	background:#f8f4e6;
	border:1px solid #060001;
	color:#222;
	display:inline-block;
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:0.025em;
	margin:0 8px 8px 0;
	padding:5px 25px;
}
.ie-item .category span.independent,
.ie-item .category span.cosponsor{
	background:#222;
	color:#fff;
}
.ie-item .ttl,
.ie-item .date,
.ie-item .place,
.ie-item .cast{
	display:block;
	font-weight:400;
	letter-spacing:0.025em;
	line-height:1.4;
}
.ie-item .place,
.ie-item .cast,
.ie-item .more{
	font-size:14px;
	font-size:1.4rem;
}
.ie-item .ttl{
	margin:2px 0 0;
}
.ie-item .place{
	margin:5px 0 0;
}
.ie-item .cast{
	margin:10px 0 0;
}
.ie-item .more{
	color:#222;
	margin:22px 0 0 auto;
	text-align:center;
	width:150px;
}
.ie-item .more a{
	display:block;
	padding:8px 0 9px;
	position:relative;
	transition:all 0.4s ease-out;
}
.ie-item .more a:hover{
	background:#222;
	color:#fff;
	opacity:1;
}
.ie-item .more a:before,
.ie-item .more a:after{
	background:#bbb;
	content:'';
	height:2px;
	transition:all 0.4s ease-out;
	position:absolute;
	width:100%;
}
.ie-item .more a:before{
	top:0;
	right:0;
}
.ie-item .more a:after{
	bottom:0;
	left:0;
}
.ie-item .more a:hover:before,
.ie-item .more a:hover:after{
	transition:all 0.6s ease-out;
	width:0;
}
/* ----- 公演・イベントなし ----- */
#independent-lineup .none{
	margin:0 0 50px;
	text-align:center;
}
/* ----- ラインナップ一覧ボタン ----- */
.lineuplist-btn.small-btn{
	background:#f8f5e6;
	margin:0 0 40px auto;
	max-width:325px;
}
.lineuplist-btn.small-btn a{
	padding:11px 0;
}
.lineuplist-btn.small-btn a:before{
	display:none;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　劇場主催　
	*****************************************************/
	/* リンクボタン 
	------------------------------------------------- */
	.link-btn{
		font-size:3vw;
		margin:2.5vw 0 3.12vw;
	}
	.link-btn a{
		margin:0 1.87vw;
	}
	/* ブロック 
	------------------------------------------------- */
	.block + .block{
		margin:13.12vw 0;
	}
	/* ----- タイトル ----- */
	.block-ttl{
		border-width:0.25vw;
		font-size:5.75vw;
		margin:0 0 7.5vw;
		padding:3.25vw 3.75vw 5.75vw;
	}
	.block-ttl:before{
		border-width:1.25vw;
		height:calc(100% - 2.5vw);
		width:1.25vw;
	}
	/* 通年（シリーズ）事業 
	------------------------------------------------- */
	.series_itemarea{
		display:block;
	}
	.series_itemarea .item{
		margin:0 auto;
		max-width:none;
		width:90%;
	}
	.series_itemarea .item + .item{
		margin-top:7vw;
	}
	.series_itemarea .item:nth-child(3n){
		margin:7vw auto 0;
	}
	.series_itemarea .item .ttl{
		background-size:auto 2.25vw;
		font-size:4.7vw;
		margin:0 0 1.87vw;
		padding:0 0 4.37vw;
	}
	.series_itemarea .item.miyazaki-theater .ttl,
	.series_itemarea .item.nomado .ttl{
		padding:0 0 4.37vw;
	}
	.series_itemarea .item .img{
		text-align:center;
	}
	.series_itemarea .item .text{
		margin:2.75vw 0 0;
	}
	.series_itemarea .item .small-btn{
		margin:6.25vw 0 0;
	}
	.series_itemarea .item .small-btn a{
		padding:2.5vw 0;
	}
	/* 劇場主催ラインナップ 
	------------------------------------------------- */
	#independent-lineup .block-ttl{
		margin:0 0 6.5vw;
	}
	.ie-item{
		margin:0 4vw 10.62vw;
		max-width:none;
		width:39.5vw;
	}
	.ie-item:nth-child(4n){
		margin:0 4vw 10.62vw;
	}
	.ie-item .thumb img{
		width:100%;
	}
	.ie-item .status{
		border-width:0.25vw;
		bottom:9vw;
		left:-1.87vw;
		line-height:4.87vw;
		width:15vw;
	}
	.ie-item .status.cancel,
	.ie-item .status.enki,
	.ie-item .status.end{
		background:#e28484;
		color:#fff;
	}
	.ie-item .label{
		bottom:1.87vw;
		left:-1.87vw;
	}
	.ie-item .series{
		border-width:0.12vw;
		padding:1.25vw;
		width:90%;
	}
	.ie-item .series span{
		font-size:3vw;
	}
	.ie-item .series:before{
		border-top:0.87vw solid #222;
		border-right:0.87vw solid #222;
		border-bottom:0.87vw solid transparent;
		border-left:0.87vw solid transparent;
		bottom:-1.87vw;
		left:0;
	}
	.ie-item .category{
		margin:3vw 0 0;
	}
	.ie-item .category span{
		border-width:0.12vw;
		font-size:2.25vw;
		margin:0 1.25vw 1.25vw 0;
		padding:5px 25px;
	}
	.ie-item .place,
	.ie-item .cast,
	.ie-item .more{
		font-size:2.25vw;
	}
	.ie-item .ttl{
		margin:0.62vw 0 0;
	}
	.ie-item .place{
		margin:0.62vw 0 0;
	}
	.ie-item .cast{
		margin:1.5vw 0 0;
	}
	.ie-item .more{
		font-size:2.75vw;
		margin:4.37vw auto 0;
		width:29.75vw;
	}
	.ie-item .more a{
		padding:1.62vw 0;
	}
	.ie-item .more a:before,
	.ie-item .more a:after{
		height:0.37vw;
	}
	/* ----- 公演・イベントなし ----- */
	#independent-lineup .none{
		margin:0 0 6.25vw;
	}
	/* ----- ラインナップ一覧ボタン ----- */
	.lineuplist-btn.small-btn{
		margin:0 auto 6.5vw;
		max-width:none;
		width:80%;
	}
	.lineuplist-btn.small-btn a{
		padding:2.5vw 0;
	}
}