@charset "UTF-8";
/* CSS Document */

/* Global Styles */
html,
body {
    width: 100%;
    height: 100%;
	margin:0;
	padding:0;
	background:#000;
	/*min-width: 1280px;*/
	/*min-height: 4870px; <- 出演者の追加で伸びる*/
	/*max-height: 6225px;*/
    font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
@media screen and (max-width: 480px) {
	.spNone { display: block;}
	.pcNone { display: none;}
}
@media screen and (min-width: 481px) {
	.spNone { display: none;}
	.pcNone { display: block;}
}

/*SMP SETTEING*/
@media only screen and (max-width : 480px){	
	body {
		width: 100%;
		height:auto;
		margin:0;
		padding:0;
		min-width:inherit;
		max-height: inherit;
	}
}
.container {
	width: 1280px;
	height:auto;
	margin: 0px auto;
}
/*SMP SETTEING*/
@media only screen and (max-width : 480px){	
	.container {
		width: 98%;
		height:auto;
		margin: 0px auto;
	}
}
/* /SMP SETTEING*/



/* Navi */
#navigattion {
	width: 100%;
	height:199px;
	/*background: rgba(0,0,0,0.9);*/
	position: fixed;
	z-index: 3;
}

#wide-nav-wrapper {
	 text-align: center;
	 height: auto;
	 display:block;
}
ul#wide_nav {
	width: 626px;
	height: 60px;
	margin:0;
    padding: 50px 0 0;
	list-style:none;
	 display: inline-block;
}

ul#wide_nav li{
	float:left;
}

#about,#date,#act, #reserve_about {
   /* margin-top:-199px;
    padding-top:199px;*/
    margin-top:-100px;
    padding-top:100px;
}
/*SMP SETTEING*/
@media only screen and (max-width : 480px){	
	#navigattion {
	width: 100%;
	height:auto;
	/*background: rgba(0,0,0,0.9);*/
	position: fixed;
	z-index: 3;
}

#wide-nav-wrapper {
	 text-align: center;
	 height: auto;
	 display:block;
}
ul#wide_nav {
	width: 100%;
	height: auto;
	margin:0;
    padding: 10px 0 0;
	list-style:none;
	 display: inline-block;
}

ul#wide_nav li{
	float:left;
	width: 25%;
}
ul#wide_nav li img{
	width: 100%;
}
}
/* /SMP SETTEING*/

/* Navi ここまで*/


/*SMP SETTEING*/
@media only screen and (max-width : 480px){	
	img.insideimage{
	width: 100vw;
	}
	img.insideimage_half1{
	clear: both;
	width: 50vw;
	}
	img.insideimage_half2{
	width: 50vw;
	}
}
/* /SMP SETTEING*/


/*TOP*/
.top_inside {
	width: 1280px;
	height: 656px;
	display:block;
	background:url(../img/img_02.jpg) no-repeat;
}
/*SMP SETTEING*/
@media only screen and (max-width : 480px){	
	.top_inside {
	width: 100%;
	height: auto;
	background:black;
	}
	.top_inside img{
	width: 100vw;
	height: auto;
	}
}
/* /SMP SETTEING*/
/*ABOUT*/
.about {
	background: #000000;
}
.about_inside {
	width: 1280px;
	/*height: 1979px;*/
	height: 2040fpx;
}

/*SMP SETTEING*/
@media only screen and (max-width : 480px){	
	.about_inside {
	width: 100%;
	height: auto;
	}
}
/* /SMP SETTEING*/


/*SCHEDULE*/
.date {
	background: #000000;
}
.date_inside {
	width: 1270px;
	/*height: 1814px;*/
	height: 2231px;
	/*height: 2790px;*/
	/*height: 3333px;*/
}
.hiroshima_senko {
	
}
/*SMP SETTEING*/
@media only screen and (max-width : 480px){	
	.date_inside {
		margin-top: -10px;
	width: 100%;
	height: auto;
	}
	.hiroshima_senko img{
	width: 100%;
	height: auto;
		display: block;
		margin-bottom: 7px;
	}
}
/* /SMP SETTEING*/

/*RESERVATION*/
.act {
	background: #000000;
}
.act_inside {
	width: 1280px;
	/*height:586px;*/
	/*height:1056px;*/
	/*height:900px;*/
	height:1230px;
	display:block;
}
/*SMP SETTEING*/
@media only screen and (max-width : 480px){	
	.act_inside {
	width: 100%;
	height: auto;
	}
	.act_inside img{
	width: 100%;
	height: auto;
		margin-bottom: 7px;
		display: block;
	}
}
/* /SMP SETTEING*/

/*DVD*/
.dvd_inside {
	width: 1280px;
	height: 848px;
	/*display:block;*/
	/*background:url(../img/img_05.jpg) no-repeat;*/
}
.dvd_inside img{
	float: left;
}
/*SMP SETTEING*/
@media only screen and (max-width : 480px){	
	.dvd_inside {
	width: 100%;
	height: auto;
	overflow: hiden;
	}
	img.insideimage {
	margin-top: -7px;
	}
	img.insideimage_half {
		width: 50%;
	}
}
/* /SMP SETTEING*/

/*cinematoha*/
.cinematoha_inside {
	width: 1280px;
	height: 418px;
	/*display:block;*/
	/*background:url(../img/img_04.jpg) no-repeat;*/
}
/*SMP SETTEING*/
@media only screen and (max-width : 480px){	
	.cinematoha_inside {
	width: 100%;
	height: auto;
	}
}
/* /SMP SETTEING*/

/* FOOTER */
.foot {
	width: 100%;
	/*height:515px;*/
	/*height:676px;*/
	/*height:520px;*/
	height:501px;
	/*background:#100;*/
	background:#000;
	/*border: 1px solid red;*/
}
#foot_inside{
	width: 1280px;
	/*height:455px;*/
	height:516px;
	background:#000;
	/*display:block;*/
	/*background:url(../img2018/img_10.jpg) no-repeat;*/
}
ul.footlink {
	width: 1280px;
	/*height: 271px;*/
	height: 432px;
	/*background: #FFFFFF;*/
	margin: 0;
	padding: 0;
	overflow: hidden;
}
ul.footlink li{
	float: left;
}
.credit_clear {
	clear: left;
}
img.footlink_sp {
	display:none;
	visibility:hidden;
}
img.footlink_img {
	width: 100%;
}

/*SMP SETTEING*/
@media only screen and (max-width : 480px){	
	.foot {
	width: 100%;
	height:auto;
	background:#100;
	}
	#foot_inside{
	width: 100%;
	height:auto;
	/*background:url(../img/img_07.jpg) no-repeat;*/
	}
	ul.footlink {
	/*width: 100%;
	height:auto;
	background: #FFFFFF;
	overflow: auto;*/
	display:none;
	visibility:hidden;
	}
	ul.footlink li{
	/*float: left;
		width:20%;*/
	display:none;
	visibility:hidden;
	}
	ul.footlink li img{
		/*width: 100%;*/
	display:none;
	visibility:hidden;
	}
	img.footlink_sp {
		display: inherit;
		visibility: inherit;
		width:100%;
	}
}
/* /SMP SETTEING*/