@charset "utf-8";
/* flipsnap用 */

.flipsnap_wrapper {
	text-align: center;
}

.flipsnap_wrapper img {
	max-width: 100%;
}
.viewport {
	width: 280px;
	overflow: hidden;
	margin: 0 auto;
}

.width_viewport {	
	width: 300px;
}

.flipsnap_box {
  width: 5000px;
  /* 230px(item) * 5 + 45px(padding) */
}

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

.item {
	position: relative;
	width: 280px;
	margin-right: 20px;
	text-align: center;
	border: 0 solid #999;
	float: left;
}
.item .cap {
	display: block;
	position: absolute;
	bottom: 0;
	background: #fff;
	width: 300px;
	padding: 4px 0;
	opacity:0.7;
	color: #000;
}

.item p{
	margin: 0 auto;
	width: 280px;
}
.pointer_box {
	margin: 0 0 10px;
	text-align: center;
 }

.pointer_box span {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 8px;
	background-color: #FF9B58;
  }

.pointer_box span.current {
	background-color: #6B2B00;
  }

.controls {
  text-align: center;
  margin: 0 0 15px 0; }

.controls .num {
  width: 60px; }