@charset "UTF-8";


/*****************************************************
　重要なお知らせ　
*****************************************************/
.notice{
	background:#000;
	color:#fff;
	text-align:center;
	padding:35px 0;
}
.notice a{
	color:inherit;
}
/* タイトル 
------------------------------------------------- */
.notice-ttl{
	background:url('../img/top/notice_icon.png') no-repeat left center;
	display:inline-block;
	font-size:22px;
	font-size:2.2rem;
	font-weight:bold;
	letter-spacing:0.025em;
	margin:0 0 20px;
	padding:9px 0 9px 50px;
}
/* リスト 
------------------------------------------------- */
.notice-list{
	list-style-type:none;
}
.notice-list li{
	align-items:center;
	display:flex;
	justify-content:center;
	line-height:1.5;
}
.notice-list li + li{
	margin:10px 0 0;
}
.notice-list li .date,
.notice-list li a{
	letter-spacing:0.025em;
}
.notice-list li .date{
	font-size:20px;
	font-size:2.0rem;
	margin:0 25px 0 0;
}
.notice-list li a{
	font-size:18px;
	font-size:1.8rem;
	text-decoration:underline;
}


/*****************************************************
　メインビジュアル　
*****************************************************/
/*  2108 PC版スライダー追加CSS
------------------------------------------------- */
.rss-inner-page-slider-1 .slickprev{
	width:83px!important;
	height:186px!important;
	left:14px;
}
.rss-inner-page-slider-1 .slicknext{
	width:83px!important;
	height:186px!important;
	right:14px;
}


.slide .slick-arrow{
	height:186px;
	width:83px;
	z-index:1;
}
.slide .slick-prev{
	background:url('../img/top/slide_arrow_prev.png') no-repeat center left;
	left:14px;
}
.slide .slick-prev:hover,
.slide .slick-prev:focus{
	background:url('../img/top/slide_arrow_prev.png') no-repeat center left;
}
.slide .slick-next{
	background:url('../img/top/slide_arrow_next.png') no-repeat center right;
	right:14px;
}
.slide .slick-next:hover,
.slide .slick-next:focus{
	background:url('../img/top/slide_arrow_next.png') no-repeat center left;
}
.slide .slick-prev:before,
.slide .slick-next:before{
	display:none;
}
/* 右下リンク 
------------------------------------------------- */
.main-visual .txt {
  font-weight: 700;
  margin: 15px 0 0;
  text-align: right;
}
.main-visual .txt a {
  margin: 0 20px;
}


/*****************************************************
　本日の公演　
*****************************************************/
.today-event{
	margin:60px 0 0;
}
/* .post_itemarea 
------------------------------------------------- */
.post_itemarea{
	margin:30px 0 0;
}
/* 公演なし 
------------------------------------------------- */
.today-event .none{
	margin:30px 0 0;
	text-align:center;
}
.today-event .none span{
	background:#fef6f6;
	display:inline-block;
	font-size:24px;
	font-size:2.4rem;
	padding:12px 35px;
}


/*****************************************************
　ピックアップ公演　
*****************************************************/
.pickup-event{
	margin:100px 0 0;
}
.pickup-event_inner{
	background:url('../img/top/pickup-event_bg.png') repeat center center;
	padding:35px 0 42px;
}
.pickup-event .subttl{
	font-size:22px;
	font-size:2.2rem;
	font-weight:400;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:20px 0;
	text-align:center;
}
/* .pickup-event_itemarea 
------------------------------------------------- */
.pickup-event_itemarea{
	display:flex;
	flex-wrap:wrap;
}
.pickup-event_itemarea .pe-item{
	max-width:243px;
	width:21%;
}
.pickup-event_itemarea .pe-item + .pe-item{
	margin:0 0 0 5.3%;
}
.pe-item .thumb{
	position:relative;
}
.pe-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;
	line-height:31px;
	margin:0 0 5px;
	text-align:center;
	width:109px;
}
.pe-item .status.cancel,
.pe-item .status.enki,
.pe-item .status.end{
	background:#e28484;
	color:#fff;
}
.pe-item .label{
	bottom:9px;
	left:-10px;
	position:absolute;
	width:100%;
	z-index:2;
}
.pe-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%;
}
.pe-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;
}
.pe-item .series span{
	display:block;
	font-size:14px;
	font-size:1.4rem;
}
.pe-item .series span + span{
	margin:5px 0 0;
}
.pe-item .category{
	margin:20px 0 0;
}
.pe-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;
}
.pe-item .category span.independent,
.pe-item .category span.cosponsor{
	background:#222;
	color:#fff;
}
.pe-item .ttl,
.pe-item .date,
.pe-item .place,
.pe-item .cast{
	display:block;
	font-weight:400;
	letter-spacing:0.025em;
	line-height:1.4;
}
.pe-item .place,
.pe-item .cast,
.pe-item .more{
	font-size:14px;
	font-size:1.4rem;
}
.pe-item .ttl{
	margin:2px 0 0;
}
.pe-item .place{
	margin:5px 0 0;
}
.pe-item .cast{
	margin:10px 0 0;
}
.pe-item .more{
	color:#222;
	margin:22px 0 0 auto;
	text-align:center;
	width:150px;
}
.pe-item .more a{
	display:block;
	padding:8px 0 9px;
	position:relative;
	transition:all 0.4s ease-out;
}
.pe-item .more a:hover{
	background:#222;
	color:#fff;
	opacity:1;
}
.pe-item .more a:before,
.pe-item .more a:after{
	background:#bbb;
	content:'';
	height:2px;
	transition:all 0.4s ease-out;
	position:absolute;
	width:100%;
}
.pe-item .more a:before{
	top:0;
	right:0;
}
.pe-item .more a:after{
	bottom:0;
	left:0;
}
.pe-item .more a:hover:before,
.pe-item .more a:hover:after{
	transition:all 0.6s ease-out;
	width:0;
}
/* 公演・イベント一覧ボタン 
------------------------------------------------- */
.pickup-event .large-btn{
	margin:67px auto 0;
}
/* 公演なし 
------------------------------------------------- */
.pickup-event .none{
	text-align:center;
}


/*****************************************************
　最新情報　
*****************************************************/
.news{
	margin:100px 0 0;
}
/* リスト 
------------------------------------------------- */
.news-list{
	margin:55px 0 0;
}
.news-list li{
	display:flex;
	letter-spacing:0.025em;
}
.news-list li + li{
	margin:30px 0 0;
}
.news-list li .date,
.news-list li .cate_ttl .cate-icon,
.news-list li .cate_ttl a{
	letter-spacing:0.025em;
	line-height:1.5;
}
.news-list li .date{
	color:#222;
	margin:0 30px 0 0;
	width:140px;
}
.news-list li .cate_ttl{
	border-bottom:1px solid #424242;
	display:flex;
	padding:0 0 13px;
	width:calc(100% - 30px - 140px);
}
.news-list li .cate_ttl .category{
	align-items:flex-start;
	display:flex;
}
.news-list li .cate_ttl .cate-icon{
	border:1px solid #060001;
	color:#000;
	font-size:14px;
	font-size:1.4rem;
	display:inline-block;
	text-align:center;
	width:153px;
}
.news-list li .cate_ttl .cate-icon + .cate-icon{
	margin:0 0 0 10px;
}
.news-list li .cate_ttl a{
	color:#080808;
	margin:0 0 0 18px;
}
/* 最新情報一覧ボタン 
------------------------------------------------- */
.news .large-btn{
	margin:67px auto 0;
}
/* 記事なし 
------------------------------------------------- */
.news .none{
	margin:30px 0 0;
	text-align:center;
}


/*****************************************************
　Instagram　
*****************************************************/
#instagram{
	margin:100px 0 0;
}
#instagram #sb_instagram #sbi_images{
	display:flex;
	margin:55px 0 0;
}
#instagram #sb_instagram #sbi_images .sbi_item{
	padding:0 1% 0 0!important;
	width:25%;
}
#instagram #sb_instagram #sbi_images .sbi_item:nth-child(5){
	margin:0;
}
#instagram .sbi_item .sbi_lightbox_carousel_icon{
	display:none!important;
}


/*****************************************************
　Googlemap　
*****************************************************/
#googlemap{
	margin:100px 0 0;
}
#googlemap .googlemap-inner{
	height:0;
	margin:55px 0 0;
	overflow:hidden;
	padding-bottom:40%;
	position:relative;
}
#googlemap .googlemap-inner iframe{
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}
#googlemap .large-btn{
	margin-top:67px;
}


/*****************************************************
　ブログ　
*****************************************************/
.blog:not(body){
	margin:100px 0 0;
}
/* .blog_itemarea 
------------------------------------------------- */
.blog_itemarea{
	display:flex;
	flex-wrap:wrap;
	margin:80px 0 70px;
}
.blog_itemarea .blog-item{
	margin-right:2.6%;
	max-width:270px;
	position:relative;
	width:23%;
}
.blog_itemarea .blog-item:nth-child(4n){
	margin-right:0;
}
.blog_itemarea .blog-item:nth-child(5),
.blog_itemarea .blog-item:nth-child(6),
.blog_itemarea .blog-item:nth-child(7),
.blog_itemarea .blog-item:nth-child(8){
	margin-top:45px;
}
.blog-item .date,
.blog-item .ttl,
.blog-item .category span{
	letter-spacing:0.025em;
	line-height:1.4;
}
/* ----- NEWアイコン ----- */
.blog-item .new{
	background:#ff5858;
	color:#fff;
	display:inline-block;
	font-size:15px;
	font-size:1.5rem;
	left:0;
	letter-spacing:0.025em;
	line-height:28px;
	position:absolute;
	text-align:center;
	top:10px;
	width:68px;
	z-index:1;
}
/* ----- 日付 ----- */
.blog-item .date{
	font-size:14px;
	font-size:1.4rem;
	display:block;
	margin:2px 0 0;
}
/* ----- タイトル ----- */
.blog-item .ttl{
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	margin:5px 0 0;
}
.blog-item a .ttl{
	text-decoration:underline;
}
/* ----- カテゴリー ----- */
.blog-item .category{
	margin:3px 0;
}
.blog-item .category span{
	background:#f7f5ed;
	display:inline-block;
	font-size:14px;
	font-size:1.4rem;
	margin:3px 7px 3px 0;
	padding:6px 11px;
}
.blog-item .category span:last-child{
	margin-right:0;
}
/* ----- 執筆者 ----- */
.blog-item .writer{
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	margin:8px 0 0;
}
/* 記事なし 
------------------------------------------------- */
.blog:not(body) .none{
	margin:30px 0 50px;
	text-align:center;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　重要なお知らせ　
	*****************************************************/
	.notice{
		padding:2.5vw 0;
	}
	/* タイトル 
	------------------------------------------------- */
	.notice-ttl{
		background-size:3.62vw auto;
		font-size:2.75vw;
		margin:0 0 1.87vw;
		padding:9px 0 9px 50px;
		padding:0.5vw 0 0.5vw 5vw;
	}
	/* リスト 
	------------------------------------------------- */
	.notice-list li + li{
		margin:1.25vw 0 0;
	}
	.notice-list li .date{
		font-size:2.25vw;
		margin:0 2.25vw 0 0;
	}
	.notice-list li a{
		font-size:2.25vw;
	}


	/*****************************************************
	　メインビジュアル 
	*****************************************************/
	/* 右下リンク 
	------------------------------------------------- */
	.main-visual .txt{
		margin:11.87vw 0 0;
	}
	.main-visual .txt a{
		margin:0 2.5vw;
	}


	/*****************************************************
	　本日の公演　
	*****************************************************/
	.today-event{
		margin:7vw 0 0;
	}
	/* .post_itemarea 
	------------------------------------------------- */
	.post_itemarea{
		margin:6.87vw 0 0;
	}
	/* 公演なし 
	------------------------------------------------- */
	.today-event .none{
		margin:3.75vw 0 0;
	}
	.today-event .none span{
		font-size:3vw;
		padding:1.5vw 4.37vw;
	}


	/*****************************************************
	　ピックアップ公演　
	*****************************************************/
	.pickup-event{
		margin:8vw 0 0;
	}
	.pickup-event_inner{
		padding:4.37vw 0 8.75vw;
	}
	.pickup-event .subttl{
		font-size:2.75vw;
		margin:2.5vw 0;
	}
	/* .pickup-event_itemarea 
	------------------------------------------------- */
	.pickup-event_itemarea .pe-item{
		margin:0 4vw;
		max-width:none;
		width:39.5vw;
	}
	.pickup-event_itemarea .pe-item + .pe-item{
		margin:0 4vw;
	}
	.pickup-event_itemarea .pe-item:nth-child(3){
		margin:7.5vw 4vw 0;
	}
	.pickup-event_itemarea .pe-item:nth-child(4){
		margin:7.5vw 4vw 0;
	}
	.pe-item .thumb img {
		width:100%;
	}
	.pe-item .status{
		border-width:0.25vw;
		line-height:4.87vw;
		margin:0 0 0.62vw;
		width:15vw;
	}
	.pe-item .status.cancel,
	.pe-item .status.enki,
	.pe-item .status.end{
		background:#e28484;
		color:#fff;
	}
	.pe-item .label{
		bottom:1.87vw;
		left:-1.87vw;
	}
	.pe-item .series{
		border-width:0.12vw;
		padding:1.25vw;
		width:90%;
	}
	.pe-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;
	}
	.pe-item .series span{
		font-size:2.8vw;
	}
	.pe-item .series span + span{
		margin:0.62vw 0 0;
	}
	.pe-item .category{
		margin:3vw 0 0;
	}
	.pe-item .category span{
		border-width:0.12vw;
		font-size:2.25vw;
		margin:0 1.25vw 1.25vw 0;
		padding:5px 25px;
	}
	.pe-item .place,
	.pe-item .cast,
	.pe-item .more{
		font-size:2.25vw;
	}
	.pe-item .ttl{
		margin:0.62vw 0 0;
	}
	.pe-item .place{
		margin:0.62vw 0 0;
	}
	.pe-item .cast{
		margin:1.5vw 0 0;
	}
	.pe-item .more{
		font-size:2.75vw;
		margin:4.37vw auto 0;
		width:29.75vw;
	}
	.pe-item .more a{
		padding:1.62vw 0;
	}
	.pe-item .more a:before,
	.pe-item .more a:after{
		height:0.37vw;
	}
	/* 公演・イベント一覧ボタン 
	------------------------------------------------- */
	.pickup-event .large-btn{
		margin:5.62vw auto 0;
	}
	/* 公演なし 
	------------------------------------------------- */
	.pickup-event .none{
		font-size:3vw;
	}


	/*****************************************************
	　最新情報　
	*****************************************************/
	.news{
		margin:10vw 0 0;
	}
	/* リスト 
	------------------------------------------------- */
	.news-list{
		margin:7.5vw 0 0;
	}
	.news-list li{
		display:block;
		position:relative;
	}
	.news-list li + li{
		margin:3.75vw 0 0;
	}
	.news-list li .date{
		display:block;
		margin:0 0 1.87vw;
		width:auto;
	}
	.news-list li .cate_ttl{
		border-width:0.12vw;
		display:block;
		padding:0 0 13px;
		width:auto;
	}
	.news-list li .cate_ttl .category{
		left:30.62vw;
		/*top:0.3vw;*/
		top:1.2vw;
		position:absolute;
		width:62vw;
		z-index:0;
	}
	.news-list li .cate_ttl .cate-icon{
		border-width:0.12vw;
		font-size:2vw;
		width:19.12vw;
	}
	.news-list li .cate_ttl .cate-icon + .cate-icon{
		margin: 0 0 0 1.25vw;
	}
	.news-list li .cate_ttl a{
		margin:0;
		display:block;
	}
	/* 最新情報一覧ボタン 
	------------------------------------------------- */
	.news .large-btn{
		margin:6.25vw auto 0;
	}
	/* 記事なし 
	------------------------------------------------- */
	.news .none{
		margin:3.75vw 0 0;
	}


	/*****************************************************
	　Instagram　
	*****************************************************/
	#instagram{
		margin:10vw 0 0;
	}
	#instagram #sb_instagram #sbi_images{
		flex-wrap:wrap;
		margin:7.5vw 0 0;
	}
	#instagram #sb_instagram #sbi_images .sbi_item{
		padding:0 1% 2%!important;
		width:50%;
	}


	/*****************************************************
	　Googlemap　
	*****************************************************/
	#googlemap{
		margin:10vw 0 0;
	}
	#googlemap .googlemap-inner{
		margin:7.5vw 0 0;
	}
	#googlemap .large-btn{
		margin-top:6.25vw;
	}


	/*****************************************************
	　ブログ　
	*****************************************************/
	.blog:not(body){
		margin:10vw 0 0;
	}
	/* .blog_itemarea 
	------------------------------------------------- */
	.blog_itemarea{
		margin:7.5vw 0 6.25vw;
	}
	.blog_itemarea .blog-item{
		margin-left:4vw;
		margin-right:4vw;
		max-width:none;
		width:39.5vw;
	}
	.blog_itemarea .blog-item:nth-child(2n),
	.blog_itemarea .blog-item:nth-child(4n){
		margin-right:0;
	}
	.blog_itemarea .blog-item:nth-child(3),
	.blog_itemarea .blog-item:nth-child(4),
	.blog_itemarea .blog-item:nth-child(5),
	.blog_itemarea .blog-item:nth-child(6),
	.blog_itemarea .blog-item:nth-child(7),
	.blog_itemarea .blog-item:nth-child(8){
		margin-top:5vw;
	}
	/* ----- NEWアイコン ----- */
	.blog-item .new{
		font-size:3vw;
		line-height:5vw;
		top:1.25vw;
		width:10vw;
	}
	/* ----- 画像 ----- */
	.blog-item .thumb img{
		width:100%;
	}
	/* ----- 日付 ----- */
	.blog-item .date{
		font-size:2.25vw;
		margin:0.25vw 0 0;
	}
	/* ----- タイトル ----- */
	.blog-item .ttl{
		font-size:3.5vw;
		margin:0.62vw 0 0;
	}
	/* ----- カテゴリー ----- */
	.blog-item .category{
		margin:0.37vw 0;
	}
	.blog-item .category span{
		font-size:2.25vw;
		margin:0.37vw 0.87vw 0.37vw 0;
		padding:0.75vw 1.37vw;
	}
	/* ----- 執筆者 ----- */
	.blog-item .writer{
		font-size:2.25vw;
		margin:1vw 0 0;
	}
	/* 記事なし 
	------------------------------------------------- */
	.blog:not(body) .none{
		margin:3.75vw 0 6.25vw;
	}
	

	/*****************************************************
	2108 スマホ版トップスライダー修正追加
	*****************************************************/
	/*	.slide .slick-arrow {
	  height: 56px;
	  width: 25px;
	  z-index: 1;
	}
	.slide .slick-prev {
	  background: url('../img/top/slide_arrow_prev_s.png') no-repeat center left;
	  left: 10px;
	}
	.slide .slick-prev:hover, .slide .slick-prev:focus {
	  background: url('../img/top/slide_arrow_prev_s.png') no-repeat center left;
	}
	.slide .slick-next {
	  background: url('../img/top/slide_arrow_next_s.png') no-repeat center right;
	  right: 10px;
	}
	.slide .slick-next:hover, .slide .slick-next:focus {
	  background: url('../img/top/slide_arrow_next_s.png') no-repeat center left;
	}
	.slide .slick-prev:before, .slide .slick-next:before {
	  display: none;
	}*/


	.rss-inner-page-slider-1 .slick-dots li{
		list-style:none;
		width:10px;
		line-height:10px;
		background:#dedede;
		display:block;
		display:inline-block;
		border-radius:10px;
		margin:0px 5px;
		height:10px;
		cursor:pointer;
	}	


	.slick-dots li button:before{
		font-size:12px!important;
	}
	.slick-dotted.slick-slider{
	}
	.slick-dots li{
		margin:0 13px!important;
	}
	.slick-dots{
		bottom:-30px!important;
	}
}