@charset "utf-8";
/* flipsnap—p */

.flipsnap_wrapper {
	text-align: center;
	margin:0 auto 5px;
}


.flipsnap_wrapper img {
	max-width: 100%;
}


.viewport {	
	width:100%;
	max-width: 280px;
	overflow: hidden;
	margin: 0 auto;
	padding: 10px 0;
 }
 
.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 .item_text {
	margin: 5px 00px 0 0;
	font-size: 12px;
	text-align: center;
}

.pointer_box {
  text-align: center;
 }

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

.pointer_box span.current {
  background: #946708;
  }

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

.controls .num {
  width: 60px;
}