/* Gallery Responsiveslides　サムネイルあり */

#slideShow {
	padding-top:60px;
	overflow: hidden;
	width: 100%;
	height: 100%;
  background: #D2D2D2;
  margin-bottom:40px;
}
#slideShow .main {
	position: relative;
	float: left;
	left: 50%;
}
#slideShow li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	left: -50%;
	display: none;
	width: 100%;
    list-style:none;
}
#slideShow img {
	display: block;
	width: 100%;
}
#nav {
	text-align: center;
	margin-top: 0px;

}
#nav li {
	margin: 0 5px;
	display: inline-block;
	background-color: #fff;
}
#nav a {
	width: 100px;
	height: 68px;
	display: block;
}
#nav a img {
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
#nav a:hover img,
#nav .rslides_here img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

/* キャプションのスタイル */
.caption {
  display: block;
  margin: 0;
  padding: 0.8em;
  max-width: none;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  font-size: 1em;
  color: #dedede;
  font-size:medium;
  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

/* ----------
   前後ナビのスタイル
   ---------- */
.rslides_nav {
  position:absolute;
  top: 80%;
  left: 20px;
  height: 40px;
  width: 40px;
  background: transparent url(../img/gallery/arrow_left.png) no-repeat left top;
  z-index: 3;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
}
.rslides_nav:active {
  opacity: 1.0;
}
.rslides_nav.next {
  left: auto;
  background-position: right top;
  right: 20px;
  background: transparent url(../img/gallery/arrow.png) no-repeat left top;
}

/* ウインドウ幅が736pxの場合に適用 */

@media screen and (max-width:736px)
{
.rslides_nav {
  position:absolute;
  top: 50%;
  left: 20px;
}
.rslides_nav.next {
  right: 20px;
}
}

/* ウインドウ幅が0～400pxの場合に適用 */

@media screen and (max-width:400px)
{
.rslides_nav {
  position:absolute;
  top: 22%;
  left: 20px;
  background: transparent url(../img/gallery/arrow_left_small.jpg) no-repeat left top;
}
.rslides_nav.next {
  right: 0px;
  background: transparent url(../img/gallery/arrow_small.jpg) no-repeat left top;
}

.caption {
  font-size:x-small;
}