@charset "utf-8";
body
{
  background: url(../images/common/bgBody_black.jpg) repeat 0 0;
  /* background: url(../images/bg_top.jpg) no-repeat center top;
  background-size: auto 600px; */
  background-color: #060403;
}
@media only screen and (max-width: 768px)
{
  body
  {
  /* background: url(../images/bg_top_sp.jpg) no-repeat center top;
  background-size: auto 500px; */
  background-color: #060403;
  }
}
#header{
  background-color: #ffffff;
}

/* CSS Document */
#mainSlide { margin: 0 0 10px; }

#mainSlide li {
	width: 100%;
}
.bx-wrapper{
margin-bottom:0;
}
.bx-wrapper .bx-viewport{
  border: none;
  background-color: transparent;
  box-shadow: none;
  left:0;
}
.bx-pager.bx-default-pager{
	display: block;
	text-align: center;
	margin: 5px auto 0 auto;
}
.bx-controls-direction{
	display: none;
}
@media only screen and (max-width: 768px)
{
	#mainSlide li {
		width: 100% !important;
	}

	#mainSlide li img{
		width: 100%;
		height: auto;
	}

	#homeMainLates #news .textBox {
		width: 100%;
		box-sizing: border-box;

	}

}

#mainSlide .bx-pager {
	text-align: center;
	margin: 0 0 0;
}

.bx-pager .bx-pager-item {
	margin: 0 0 0 8px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.bx-pager .bx-pager-item a {
	background-image: url(../images/bgPager.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	display: block;
	text-indent: -9999px;
}

.bx-pager .bx-pager-item .active { background-position: 0 -6px; }

#mainSlide .bx-controls{
	position: relative;
	z-index: 99999;
}

@media only screen and (max-width: 768px)
{
	#mainSlide .bx-controls{
		top: -10px;
	}

}

#mainSlide .bx-controls-direction{
	position: absolute;
	top: -320px;
	display: block;
	width: 100%;
}
@media only screen and (max-width: 768px)
{
	#mainSlide .bx-controls-direction{
		display: none;
	}
}

#mainSlide .bx-prev{
	width: 40px;
	height: 40px;
	display: block;
	background: url(../images/arr_prev.png) no-repeat center 0;
	position: relative;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
}

#mainSlide .bx-next{
	width: 40px;
	height: 40px;
	display: block;
	background: url(../images/arr_next.png) no-repeat center 0;
	position: relative;
	float: right;
	text-indent: -9999px;
	overflow: hidden;
}

#mainSlide .bx-prev:hover,
#mainSlide .bx-next:hover{
	background-position: center -40px;
}

/* color setting */
#homeNews{
  padding: 120px 0 80px 0;
  background-color: #fcfbfa;
  background-position: center 60px;
}
#homeArt{
  padding: 120px 0 80px 0;
  background-color: #fcfbfa;
  background-position: center 60px;
}
#homeEvent{
  padding: 120px 0 80px 0;
  background-color: #e4e4e4;
  background-position: center 60px;
}
#homeEvent.modHomeSection{
  margin-top: 0;
}

.slideu1col{
	margin: 15px 0 15px 0;
}

.allmap_sp{
	margin: 0 0 15px 0;
}

/* Add News */
.newsList{
  display: block;
  position: relative;
  left: -2%;
}
#homeNews .blockLink{
  width: 48%;
	display: block;
  float: left;
	margin: 0 0 21px 2%;
	padding: 10px;
  box-sizing: border-box;
}
.blockLink:after{
  display: block;
	clear: both;
	height: 0;
	content: '';
}

#homeNews .newsList .thumbArea{
	width: 180px;
	min-height: 100px;
	display: block;
	float: left;
	background-size: 180px auto;
}
#homeNews .newsList .textBox{
	min-height: 100px;
	padding: 0 15px 0 200px !important;
}
#homeNews .newsList .textBox h5{
	font-size: 120% !important;
  line-height: 1.4;
}
#homeNews .newsList .textBox .newsDate{
	font-size: 1.3rem !important;
	color: #7a231e !important;
	line-height: 1 !important;
}

@media only screen and (max-width: 768px){
  .newsList{
    display: block;
    position: relative;
    left: -2%;
  }
  #homeNews .blockLink{
    width: 100%;
    float: none;
  	margin: 0 0 12px 0;
  	padding: 8px;
  }
  #homeNews .newsList .thumbArea{
  	width: 120px;
  	min-height: 80px;
  	display: block;
  	float: left;
  	background-size: 120px auto;
  }
  #homeNews .newsList .textBox{
    display: block;
  	min-height: 80px;
  	padding: 0 10px 0 130px !important;
  }
  #homeNews .newsList .textBox h5{
  	font-size: 110% !important;
    line-height: 1.4;
  }
  #homeNews .newsList .textBox .newsDate{
  	font-size: 0.9rem !important;
  }
  .modContentList > div
  {
    min-height: 80px;
  }
}

/* Add Schedule CSS*/
.schBox{
	width: auto;
	display: block;
	margin: 0 0 32px 0;
	padding: 20px 50px 0 50px;
  background: url(../images/common/bgBody.jpg) repeat 0 0;
  background-color: #060403;
	text-align: center;
}

.schBox ul{
	display: inline-block;
	margin: 0 0 0 0;
	text-align: center;
}

.schBox ul:after{
	display: block;
	clear: both;
	height: 0;
	content: '';
}

.schBox ul li{
	width: 160px;
	height: 60px;
	display: block;
	float: left;
	margin: 0 0 24px 15px;
	text-align: center;
}

.schBox ul li:first-child{
	margin: 0 0 24px 0;
}

.schBox ul li a{
	display: block;
	line-height: 60px;
	font-size: 18px;
	font-size: 1.8rem;
	color: #ffffff;
	background-color:#ab1f24;
	-webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
	box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
  text-decoration: none;
}
.schBox ul li a:hover{
	background-color:#c12329;
}

.schBox ul li.nonesch{
	display: block;
	line-height: 60px;
	font-size: 18px;
	font-size: 1.8rem;
	color: #ffffff;
	background-color:#666666;
}

.schBox ul li.schAll{
	width: 240px;
	height: 50px;
	margin: 0 auto 24px auto;
	float: none;
	clear: both;
}

.schBox ul li.schAll a{
	display: block;
	line-height: 50px;
	font-size: 18px;
	font-size: 1.8rem;
	color: #ab1f24;
	background-color:#ffffff;
	border: 2px solid #ab1f24;
}

.schBox dl.schVenue{
	display: block;
	padding: 0 0 20px 0;
	font-size: 16px;
	font-size: 1.6rem;
}

.schBox dl.schVenue:after{
	display: block;
	clear: both;
	height: 0;
	content: '';
}

.schBox dl.schVenue dt{
	width: 80px;
	display: block;
	float: left;
}

.schBox dl.schVenue dd{
	padding: 0 0 0 90px;
	text-align: left;
}



@media only screen and (max-width: 768px){
	.schBox{
		width: auto;
		display: block;
		margin: 0 0 24px 0;
		padding: 20px 10px 0 10px;
		background-color: #ffffff;
		text-align: center;
	}

	.schBox ul{
		display: block;
		margin: 0 0 16px 0;
    padding: 0 0 10px 0;
		text-align: center;
	}

	.schBox ul:after{
		display: block;
		clear: both;
		height: 0;
		content: '';
	}

	.schBox ul li{
		width: 50%;
		height: 40px;
		display: block;
		float: left;
		margin: 0 0 12px 0;
		text-align: center;
	}

	.schBox ul li:first-child{
		margin: 0 0 12px 0;
	}

	.schBox ul li a{
		width: 95%;
		display: block;
		line-height: 40px;
		font-size: 14px;
		font-size: 1.4rem;
		color: #ffffff;
		background-color:#ab1f24;
		-webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
		-moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
		box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
	}

  .schBox ul li a{
		background-color:#ab1f24;
  }

	.schBox ul li.nonesch{
		width: 47.5%;
		display: block;
		margin-right: 2.5%;
		line-height: 40px;
		font-size: 14px;
		font-size: 1.4rem;
		color: #ffffff;
		background-color:#666666;
	}

	.schBox ul li.schAll{
		width: 100%;
		height: 32px;
		margin: 0 auto 24px auto;
		float: none;
		clear: both;
	}

	.schBox ul li.schAll a{
		display: block;
		line-height: 32px;
		font-size: 14px;
		font-size: 1.4rem;
		color: #ab1f24;
		background-color:#ffffff;
		border: 2px solid #ab1f24;
	}

	.schBox dl.schVenue{
		display: block;
		padding: 0 0 20px 0;
		font-size: 14px;
		font-size: 1.4rem;
		text-align:left;
	}

	.schBox dl.schVenue:after{
		display: block;
		clear: both;
		height: 0;
		content: '';
	}

	.schBox dl.schVenue dt{
		width: 40px;
		display: block;
		float: left;
	}

	.schBox dl.schVenue dd{
		padding: 0 0 0 40px;
		text-align: left;
	}

}


#homeMainvisual{
	margin-bottom: 40px;
}
#homeMainvisual .slideBox{
  height: 400px;
}
@media only screen and (max-width: 768px){
  #homeMainvisual .slideBox{
    height: 352px;
  }
}
.overlayTxt{
  width: 100%;
  height: 462px;
  display: block;
}
.overlayTxt:before{
  content:"";
  width: 100%;
  height: 462px;
  display: block;
  background: url(../../top/lastTxt.png) no-repeat center center;
  background-size: auto 70px;
  position: absolute;
  z-index: 2000;
  bottom: 94px;
  left: 0;
}
#homeMainvisual .image{
	text-align: center;
}

#homeMainvisual .image img{
	width: auto;
	height: 462px;
}

#homeMainvisual .slide img{
	display: inline;
}

#homeMainvisual .slideTxt{
  width: 940px;
  display: inline-block;
  padding: 10px 10px 10px 10px;
  background-color: rgba(255,255,255,0.9);
  color: #060403;
	text-align: center;
  position: absolute;
  bottom: 10px;
  left: calc((100% - 960px)/2);
}
#homeMainvisual .slideTxt span{
  display: inline-block;
  margin-right: 10px;
  color: #ab1f24;
}

#homeMainvisual .container{
	position: relative;
}
#homeMainvisual .top_topics{
	padding: 12px 0 12px 0;
  background-color: #ab1f24;
}
#homeMainvisual .info{
	padding: 8px 20px;
	background-color: #ffffff;
}

.bx-wrapper img{
  display: inline-block;
}
@media only screen and (max-width: 768px){
  #homeMainvisual .slideTxt{
    width: auto;
    display: block;
    padding: 5px 10px 5px 10px;
    background-color: rgba(255,255,255,1);
  	text-align: left;
    position: relative;
    bottom: auto;
    left: auto;
    font-size: 1.2rem;
  }
  .overlayTxt{
    height: auto;
    min-height: 50px;
    display: block;
    position: relative;
  }
  .overlayTxt:before{
    content:"";
    width: 100%;
    height: auto;
    min-height: 50px;
    background: url(../../top/lastTxt_sp.png) no-repeat center center;
    background-size: auto 50px;
    position: absolute;
    z-index: 2000;
    bottom: 10px;
    left: 0;
  }
  #homeMainvisual .image img{
  	width: 100%;
  	height: auto;
  }

	#homeMainvisual .info{
		position: static;
		margin: 0;
		padding: 10px 5px;
	}

}

@media only screen and (max-width: 768px){
	#homeMainvisual .topics{
		margin-bottom: 0;
	}
}

#homeMainvisual .topics dl{
	display: table;
	width: 100%;
	table-layout: fixed;
}


#homeMainvisual .topics dt,
#homeMainvisual .topics dd{
	display: table-cell;
	vertical-align: middle;
}

@media only screen and (max-width: 768px){

	#homeMainvisual .topics dt,
	#homeMainvisual .topics dd{
		display: block;
	}

}

#homeMainvisual .topics dt{
	width: 5.5em;
	font-weight: bold;
	color: #7a231e;
	font-size: 1.3rem;
}

@media only screen and (max-width: 768px){
	#homeMainvisual .topics dt{
		width: auto;
		margin-bottom: 5px;
		font-size:13px ;
	}
	#homeMainvisual .topics dt::after{
		content:"";
		width: 10px;
		height: 2px;
		margin: 0 15px;
		display: inline-block;
		vertical-align: middle;
		background-color: #ab1f24;
	}
}


#homeMainvisual .topics .pause{
	width: 10px;
	height: 2px;
	margin: 0 15px;
	display: inline-block;
	vertical-align: middle;
	background-color: #010101;
}

@media only screen and (max-width: 768px){

	#homeMainvisual .topics .pause{
		display: none;
	}

}

#homeMainvisual .topics dd{
	font-size: 12px;
	font-weight: bold;
}

#homeMainvisual .topics a{
	text-decoration: underline;
	color: #010101;
}

#homeMainvisual .topics a:hover{
	text-decoration: none;
}

#homeMainvisual .sns{
	position: absolute;
	top: 2px;
	right: 20px;
}

@media only screen and (max-width: 768px){
	#homeMainvisual .sns{
    display: none;
		right: 4px;
		top: 6px;
	}
}

#homeMainvisual .sns ul{
	background-color: #ab1f24;
	padding:4px 12px;
}

@media only screen and (max-width: 768px){
	#homeMainvisual .sns ul{
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}
}


#homeMainvisual .sns li{
	height: auto;
	display: inline-block;
	margin: 0 3px;
}

#homeMainvisual .sns img{
	height: 18px;
}

@media only screen and (max-width: 768px){
}

#homeHeadMenu{

}

#homeHeadMenu .menu00{
	margin-bottom: 40px;
}

#homeHeadMenu .menu01{
	margin-bottom: 40px;
}

#homeHeadMenu .menu01 ul{
	margin: 0 -1.5%;
}
#homeHeadMenu .menu01 li{
	float: left;
	width: 22%;
	margin: 0 1.5%;
}


@media only screen and (max-width: 768px){

	#homeHeadMenu .menu01 li{
		width: 47%;
		margin-bottom: 15px;
	}

}


#homeHeadMenu .menu01 a{
	display: block;
	background-repeat: no-repeat;
	border:solid 1px #aa1f24;
	padding-top: 100px;
	height: 156px;
	text-align: center;
	font-size: 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.3;
	letter-spacing: -0.01em;
}

#homeHeadMenu .menu01 .type01 a{
	background-color: #aa1f24;
	color:#fff;
}

#homeHeadMenu .menu01 .type01 a:hover{
	background-color: #fff;
	color:#aa1f24;
}

#homeHeadMenu .menu01 .type02 a{
	background-color: #fff;
}

#homeHeadMenu .menu01 .type02 a:hover{
	background-color: #aa1f24;
	color:#fff;
}

#homeHeadMenu .menu01 .info a{
	background-image: url(../images/common/icoCalenderHover.png);
	background-position: center 15px;
	-webkit-background-size: 83px;
	-o-background-size: 83px;
	background-size: 83px;
}


#homeHeadMenu .menu01 .info a:hover{
	background-image: url(../images/common/icoCalender.png);
}


#homeHeadMenu .menu01 .access a{
	background-image: url(../images/common/icoAccess.png);
	background-position: center 30px;
	-webkit-background-size: 75px 59px;
	-o-background-size: 75px 59px;
	background-size: 75px 59px;
}


#homeHeadMenu .menu01 .access a:hover{
	background-image: url(../images/common/icoAccessHover.png);
}

#homeHeadMenu .menu01 .ticket a{
	background-image: url(../images/common/icoTicket02Hover.png);
	background-position: center 44px;
	-webkit-background-size: 88px 41px;
	-o-background-size: 88px 41px;
	background-size: 88px 41px;
}


#homeHeadMenu .menu01 .ticket a:hover{
	background-image: url(../images/common/icoTicket02.png);
}



#homeHeadMenu .menu02{
}

#homeHeadMenu .menu02 ul{
	margin: 0 -1.5%;
}

@media only screen and (max-width: 414px){

	#homeHeadMenu .menu02 ul{
		margin: 0;
	}

}

#homeHeadMenu .menu02 li{
	float: left;
	width: 30.3%;
	margin: 0 1.5%;
	display: block;
	text-align: center;
	position: relative;
}

#homeHeadMenu .menu02 li:after{
	content: url(../images/home/ot_film.png);
	display: block;
	position: absolute;
	top: calc(50% - 16px);
	left: calc(50% - 68px);
}
#homeHeadMenu .menu02 li:nth-child(1):after{
	content: url(../images/home/ot_film.png);
}
#homeHeadMenu .menu02 li:nth-child(2):after{
	content: url(../images/home/ot_art.png);
}
#homeHeadMenu .menu02 li:nth-child(3):after{
	content: url(../images/home/ot_event.png);
}

@media only screen and (max-width: 414px){

	#homeHeadMenu .menu02 li{
		float: none;
		width: auto;
		margin: 0 0 10px;
	}

}

#homeHeadMenu .menu03{
  display: block;
	margin-bottom: 40px;
}
#homeHeadMenu .menu03:after{
  display: block;
	clear: both;
	height: 0;
	content: '';
}
#homeHeadMenu .menu03 li{
  width: 48.5%;
  display: block;
  float: left;
  margin: 0 0 0 3%;
}
#homeHeadMenu .menu03 li:first-child{
  margin: 0 0 0 0;
  clear: left;
}
@media only screen and (max-width: 768px){
  #homeHeadMenu .menu03{
  	margin-bottom: 20px;
  }
  #homeHeadMenu .menu03 li{
    width: auto;
    float: none;
    margin: 0 0 20px 0;
  }
  #homeHeadMenu .menu03 li:first-child{
    margin: 0 0 20px 0;
  }
  #homeHeadMenu .menu03 li:last-child{
    margin: 0 0 0 0;
  }
}


#header nav
{
	display: block;
  border-top: 1px solid #c12329;
}
@media only screen and (max-width: 768px){
  #header nav
  {
    border-top: none;
  }
}

/* add for mp4 */
.movie_box {
	display: block;
	margin-bottom: 32px;
	padding-left: 458px;
	padding-top: 12px;
	padding-bottom: 12px;
	background: url(../images/home/tit_mov.jpg) no-repeat left center;
	background-color: #000000;
}

.movie_box .embed {
	width: 480px;
	display: block;
	margin: 0 auto 0 auto;
	background-color: #ffffff;
}

.movie_box .embed video {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-size: contain;
}

.movie_box2 {
	display: block;
	margin-bottom: 32px;
	padding-left: 458px;
	padding-top: 12px;
	padding-bottom: 12px;
	background: url(../images/home/tit_mov2.jpg) no-repeat left center;
	background-color: #000000;
}

.movie_box2 .embed {
	width: 480px;
	display: block;
	margin: 0 auto 0 auto;
	background-color: #ffffff;
}

.movie_box2 .embed video {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-size: contain;
}

video::-webkit-media-controls-enclosure {
	overflow:hidden;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	video::-webkit-media-controls-panel {
		width: calc(100% + 30px);
	}
	::i-block-chrome, video::-webkit-media-controls-panel{
		　width: calc(100%);
		　　}
	}

	@media only screen and (max-width: 768px){

		.movie_box {
			display: block;
			margin-bottom: 12px;
			padding-left: 0;
			padding-top: 12px;
			padding-bottom: 0;
			background: none;
			background-color: #000000;
		}

		.movie_box h3{
			font-size: 1.5rem;
			font-weight: bold;
			text-align: center;
			color: #b32629;
		}

		.movie_box h3 span{
			font-size: 1.2rem;
		}

		.movie_box .embed {
			width: 100%;
			position: relative;
			margin: 22px auto 0 auto;
			padding-bottom: 56%;
			height: 0;
			overflow: hidden;
		}

		.movie_box .embed video {
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0;
			background-size: contain;
		}

		.movie_box2 {
			display: block;
			margin-bottom: 12px;
			padding-left: 0;
			padding-top: 12px;
			padding-bottom: 0;
			background: none;
			background-color: #000000;
		}

		.movie_box2 h3{
			font-size: 1.5rem;
			font-weight: bold;
			text-align: center;
			color: #ffffff;
		}

		.movie_box2 h3 span{
			font-size: 1.2rem;
		}

		.movie_box2 .embed {
			width: 100%;
			position: relative;
			margin: 22px auto 0 auto;
			padding-bottom: 56%;
			height: 0;
			overflow: hidden;
		}

		.movie_box2 .embed video {
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0;
			background-size: contain;
		}

		@media screen and (-webkit-min-device-pixel-ratio:0) {
			video::-webkit-media-controls-panel {
				width: calc(100% + 32px);
			}
		}

	}


	/* 2019 change */
	.an2019{
		width: 100%;
		height: 98px;
		display: block;
		background-color: #9b2d2b;
		color: #ffffff;
		border-top: 2px solid #850e0b;
		line-height: 98px;
		position: absolute;
		top: 186px;
		left: 0;
		text-align: center;
	}
	.an2019 p{
		height: 98px;
		padding-top: 28px;
	}
	.an2019 img{
		height: auto;
		height: 42px;
	}

	.pc_inlineB{
		display: inline-block !important
	}
	.sp_inlineB{
		display: none !important
	}

	@media only screen and (max-width: 768px){
		.an2019{
			width: 100%;
			height: auto;
			height: auto;
			line-height: normal;
			position: relative;
			top: auto;
			left: auto;
		}
		.an2019 p{
			height: auto;
			padding: 15px;
		}
		.an2019 img{
			height: 100%;
			height: auto;
		}
		.pc_inlineB{
			display: none !important
		}
		.sp_inlineB{
			display: inline-block !important
		}
	}