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

html {background: #000000}
img {vertical-align: bottom;}
img {display: block;}
.pcNone {
	display: none;
}
.spNone {
	display: block;
}
@media screen and (max-width:480px){
	.pcNone {
		display: block;
	}
	.spNone {
		display: none;
	}
}


#navi {
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image:url("img/bg_navi.jpg");
}

ul.navi_list {
	width: 50%;
	height: auto;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
ul.navi_list li#navi_top{width:20%}
ul.navi_list li#navi_about{width:20%}
ul.navi_list li#navi_sche{width:20%}
ul.navi_list li#navi_ticket{width:20%}
ul.navi_list li#navi_performar{width:20%}
ul.navi_list li img{width:100%}
@media screen and (max-width:480px){
	ul.navi_list {width: 100%;}
}

.content {width: 100%; background-position: top center; background-size: cover; background-repeat: repeat-y;}
.fade {
  height: 2px;
  background-image: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.5) 50%,
    hsla(0, 0%, 100%, 0) 100%);
}

#about {background-image:url("img/bg_blue.jpg")}
#cine {background-image:url("img/bg_black.jpg")}
#sche {background-image:url("img/bg_blue.jpg")}
#ticket {background-image:url("img/bg_black.jpg")}
#performer {background-image:url("img/bg_blue.jpg")}

#top_pix {width: 80%; margin: 0 auto;}
#top_pix img{width: 100%;}


#anch_about,
#anch_cine,
#anch_sche,
#anch_performer {
	height: 40px; width: 1px; display: block;
}
#anch_ticket{
	height: 60px; width: 1px; display: block;
}


@media screen and (max-width:480px){
	#anch_about,
	#anch_cine,
	#anch_sche,
	#anch_performer {
		width: 1px; height: 1px; display: block;
	}
	#anch_ticket{
		height: 26px; width: 1px; display: block;
	}
}


.content_inn {width: 80%; max-width: 1280px; margin: 0 auto; padding: 30px 0; box-sizing: border-box;}
.in_pix {width: 100%; height: auto;}
.in_pix_tic {width: 100%; height: auto;}

img.per_pix {margin-bottom: 30px;}

.sep_film {width: 100%; padding: 10px 0;}
.sep_film img{width: 100%}


#to_top {width: 6%; margin: 0 auto;}
@media screen and (max-width:480px){
	#to_top {width: 15%;}
}

.m_b_10 {margin-bottom: 10px}
.m_b_20 {margin-bottom: 20px}