@charset "UTF-8";


/*****************************************************
　新型コロナ対策　
*****************************************************/
/* 共通 
------------------------------------------------- */
.page-main-content p{
	letter-spacing:0.025em;
	line-height:2;
}
/* ----- .block ----- */
.block + .block{
	margin:65px 0 0;
}
.block_inner{
	margin:0 50px;
}
.block_inner p + p{
	margin:1.5em 0 0;
}
/* ----- サブタイトル ----- */
.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;
}
/* 新型コロナウイルスについて劇場からのお知らせ 
------------------------------------------------- */
#covid19-notice{
	margin:60px 0 0;
}
/* ----- ボタン ----- */
#covid19-notice .small-btn.bg-yellow{
	background:#f8f4e6;
	font-size:16px;
	font-size:1.6rem;
	letter-spacing:0.05em;
	line-height:1.5;
	margin:35px 15px 0;
	max-width:390px;
	text-align:left;
}
#covid19-notice .small-btn.bg-yellow a{
	padding:11px 75px;
}
#covid19-notice .small-btn.bg-yellow a:before{
	display:none;
}
#covid19-notice .small-btn.bg-yellow a .hover-border-1,
#covid19-notice .small-btn.bg-yellow a .hover-border-2{
	left:0;
}
/* ----- 新型コロナウイルスの感染防止対策について ----- */
#covid19-notice .box{
	margin:50px 0 0;
}
#covid19-notice .box .box_inner{
	margin:0 20px;
}
/* ボタン */
#covid19-notice .box .small-btn{
	margin:30px 0 0;
	max-width:538px;
}
#covid19-notice .box .small-btn a{
	padding:13px 0;
}
#covid19-notice .box .small-btn a:before{
	display:none;
}
#covid19-notice .box .small-btn .btn_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;
	letter-spacing:0.05em;
	line-height:1.4;
	padding:0 35px;
}
/* リスト */
#covid19-notice .box ul li{
	line-height:1.4;
}
/* 開館状況 
------------------------------------------------- */
#open-status p{
	margin:0 0 10px;
}
#open-status p strong{
	font-size:18px;
	font-size:1.8rem;
}
#open-status .style_yellow-bb th{
	width:166px;
}
/* 催事の中止・延期状況 
------------------------------------------------- */
#event-status .small-btn{
	background:#f8f4e6;
	margin:25px 0 0;
	max-width:390px;
}
#event-status .small-btn a{
	padding:15px 0;
}
#event-status .small-btn a:before{
	display:none;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　新型コロナ対策　
	*****************************************************/
	/* 共通 
	------------------------------------------------- */
	/* ----- .block ----- */
	.block + .block{
		margin:8.12vw 0 0;
	}
	.block_inner{
		margin:0 3.25vw;
	}
	/* ----- サブタイトル ----- */
	.subttl{
		border-width:0.25vw;
		font-size:3.75vw;
		font-weight: 600;
		margin:0 0 2.5vw;
		padding:0 2.5vw 1.25vw;
	}
	/* 新型コロナウイルスについて劇場からのお知らせ 
	------------------------------------------------- */
	#covid19-notice{
		margin:7.5vw 0 0;
	}
	/* ----- ボタン ----- */
	#covid19-notice .small-btn.bg-yellow{
		font-size:3.2vw;
		margin:4.37vw 1.87vw 0;
		max-width:none;
      text-align: center;
    width: 75vw;
	}
	#covid19-notice .small-btn.bg-yellow a{
		padding:2.37vw 4.37vw;
	}
	/* ----- 新型コロナウイルスの感染防止対策について ----- */
	#covid19-notice .box{
		margin:6.25vw 0 0;
	}
	#covid19-notice .box .box_inner{
		margin:0 2.5vw;
	}
	/* ボタン */
	#covid19-notice .box .small-btn{
		margin:3.75vw 0 0;
		max-width:none;
		width:75vw;
	}
	#covid19-notice .box .small-btn a{
		padding:1.62vw 0;
	}
	#covid19-notice .box .small-btn .btn_inner{
		background-size:3.75vw auto,3.37vw auto;
		padding:0 7.37vw;
	}
	/* 開館状況 
	------------------------------------------------- */
	#open-status p{
		margin:0 0 1.25vw;
	}
	#open-status p strong{
		font-size:3.9vw;
	}
	#open-status .style_yellow-bb th{
		width:22.75vw;
	}
	/* 催事の中止・延期状況 
	------------------------------------------------- */
	#event-status .small-btn{
		margin:3.12vw 0 0;
		max-width:none;
		width:85vw;
	}
	#event-status .small-btn a{
		padding:2.87vw 0;
	}
}


	/* 21/08 新型コロナ追加情報
	-------------------------------------------------  */
dd a:link {
    color: #f16c6c;
    text-decoration: none;
}

.longurl{word-break: break-all;}

/* 表
------------------------------------------------- */
.info dl {
  display: flex;
  flex-wrap: wrap;
	padding: 0;
    margin: 0;
}
.info dt {
  width: 15%;
	color: #6e5543;
  background-color: #fbf9f2;
  margin: 0 0 0px 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
	border-bottom: 2px solid #bbbbbb;
	margin-left: 0px;
}
.info dd {
  width: 78%;
  padding: 20px;
  background-color: #ffffff;
  margin: 0 0 0px 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
	border-bottom: 2px solid #bbbbbb;
	line-height: 1.8em;
}



@media screen and (max-width:1024px){
.info dl {
  display: flex;
  flex-wrap: wrap;
	padding: 0;
    margin: 0;
	margin-left: 0px;
	margin-right: 0px;
}
	
.info dt {
    width: 100%;
    color: #6e5543;
    font-size: 3.9vw;
    background-color: #fbf9f2;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    display: flex;
    align-items: center;
    text-align: left;
    justify-content: left;
    border-bottom: 2px solid #bbbbbb;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 0px;
    padding-left: 15px;
}
	
.info dd {
    width: 100%;
    padding: 10px;
    font-size: 3.5vw;
    background-color: #ffffff;
    margin: 0 0 0px 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom: 2px solid #bbbbbb;
}
	
}

	/* 改行
	------------------------------------------------- */

@media screen and (min-width: 680px){   
  .pc { display:inline; }
  .sp { display:none; }
}
@media screen and (max-width: 680px){   
  .pc { display:none; }
  .sp { display:inline; }
}