@charset "UTF-8";

body {
	background: #000;
}

.gallery-box {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	-webkit-transform: translateZ(0);
}
.gallery-box-inner {
	width: 1000%; /* �摜�̖��� x 100%  */
}
.gallery-box-inner:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
.item {
	float: left;
	width: 100%;
	padding: 0;
	text-align: center;
	background: #000;
}
.item img {
	width: 100%;
	height: auto;
}
.pointer {
	text-align: center;
	background: #000;
}
.pointer span {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	border: 1px solid #999;
}
.pointer span.current {
	background: #fc0;
}
.controls {
	text-align: center;
	background: #000;
}
.controls button {
	width: 50px;
	height: 36px;
}

.backbox {
 width: 85%;
 height: 35px;
 text-align: center;
 margin-top: 20px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 5px;
 border-radius: 10px;
 background: -webkit-gradient(linear,left top,left bottom,from(#490093),to(#9224ff));
 background: -webkit-linear-gradient(top, #490093, #9224ff);
 background: -ms-linear-gradient(top, #490093, #9224ff);
 background: linear-gradient(to bottom, #490093, #9224ff);
}

.backbox a {
 display: block;
 text-align: center;
 font-family: sans-serif; 
 font-size: 4vw;
 line-height: 35px;
 color:#fff;
 font-weight: bold;
 text-decoration: none;
}

footer  {
 margin-top: 10px;
}

footer p  {
     font-size: 10px;
     color: #000000;
     text-align: center;
}