@charset "utf-8";
html { height: 100%; }
body {
	width: 100%;
	height: 100%;
}

.bg_body { background-color: #000; }
.enter {	position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 840px; height: 320px; }

#wrapper {
	width: 100%;
	height: 100%;
	color: #fff;
}

.top_box {	height: 100%; overflow: hidden; }
ul.bxslider { height: 100%; }
.bx-viewport {
	left: 0;
	box-shadow: none;
	border: none;
}
#slider li {
	height: 100vh;
	background: center / cover no-repeat;
}

.container { width: 100%; height: 100%; }

#Information { width: 100%; text-align: center; padding: 80px 0; color: #000; }
#Information img { margin-bottom: 30px; }

/*** PV ***/
#pv { width: 100%; background-color: #000; }
.pv_inner {  width: 83%; margin: 0 auto; padding-top: 30px; }
#video { width: 100%; }

#box_graphy { background-color: #ff0000; }

/*** biography ***/
#biography {
	width: 100%;
	height: 100%;
	color: #000;
	text-align: center;
	margin: 0 auto;
	padding-top: 80px;
}
#biography h3 { margin: 30px 0; }
#biography h4 { margin: 30px 0; }

#discography {
	width: 100%;
	height: 100%;
	color: #000;
	text-align: center;
	margin: 0 auto;
	padding: 80px 0;
}

ul.list_thum { width: 780px; text-align: left; margin: 30px auto; }
ul.list_thum li { padding: 10px; }

/*** footer ***/
.foot { width: 100%; text-align: center; background-color: rgba(0,0,0,0.9); color: #fff; padding: 10px 0 5px 0; }
.fix_foot { width: 100%; text-align: center; background-color: rgba(0,0,0,0.9); color: #fff; padding: 10px 0 0 0;  position: fixed; bottom: 0; font-size: 80%; }
.copyright { color: #999; /* IE8 proofing */ color: rgba(255,255,255,255); padding: 20px 0; text-align: center; }


/*  for iPad  */
@media screen and (min-width:640px) and (max-width:1024px) {
	ul.list_thum { width: 95%; margin: 0 auto; }
	ul.list_thum img { width: 100%; height: 100%; }
	.img_title { width: 95%; height: 100%; text-align: center; }
	.enter { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 520px; height: 180px; }
	.pv_inner { height: auto; padding: 30px 0;  }
}

/*  for iPhone  */
@media (max-width: 640px) {
	.bxslider { height: 100%; }
	ul.list_thum { width: 95%; margin: 0 auto; }
	ul.list_thum img { width: 100%; height: 100%; }
	.img_title { width: 95%; height: 100%; text-align: center; }
	.enter { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 280px; height: 120px; }
	.pv_inner { height: auto; padding: 30px 0;  }
}