.slider {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

/* ウィンドウサイズ930以下の場合 */
@media only screen and (max-width:960px) {
	div.slider {
	  width:960px;
		height: auto;
	}
}
/* end */

.slides {
  height: 100%;
  /* Clear fix */
  overflow: hidden;
  *zoom: 1;
  /**
   * Prevent blinking issue
   * Not tested. Experimental.
   */
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

.slide {
  height: 100%;
  float: left;
  clear: none;
}
.slide img {
	width:100%;
}

/* prev&nextボタンの配置 */
.slider-arrow {
  position: absolute;
  display: block;
  margin-bottom: -20px;
}
.slider-arrow:hover {
}
.slider-arrows--right,
.slider-arrows--left {
  position: absolute;
  width:21px;
  height:21px;
  text-indent:-9999px;
  top: 45%;
}
.slider-arrows--right {
  right: 0px; /*画面右端からの距離*/
  background:url(../img/btn_next.png) no-repeat 0 0;
}

.slider-arrows--left {
  left: 0px;	/*画面左端からの距離*/
  background:url(../img/btn_prev.png) no-repeat 0 0;
}

.slider-nav {
  position: absolute;
  bottom: 30px;	/*画面下端からの距離*/
}

.slider-nav-item {
  width: 5px;
  height: 5px;
  float: left;
  clear: none;
  display: block;
  margin:1px 5px 0 5px;
  background: #c9b8b0;
}

.slider-nav-item:hover {
  background: #fff;
}

.slider-nav-item--current {
  width: 7px;
  height: 7px;
  background: #784e3a;
  margin-top:0px;
}