.bb_fade_slider{
  display: block;
  position: relative;
  list-style: none;
  overflow: hidden;
}

.bb_fade_slider > *{
  width: 100%;
  height: auto;
  position: absolute;
  left:0;
  top:0;
  opacity: 0
}

.bb_fade_slider > * span{
  position: relative;
  height: inherit;
}

.bb_fade_slider > * .caption{
  position: absolute;
  bottom: -100px;
  left:0;
  background-color:rgba(0,0,0,0.6);
  z-index: 9999;
  color: #FFF;
  width: 100%
}

.bb_fade_slider > * :first-child{
  opacity: 1;
}

.bb_fade_slider > * .img_item{;
  width: 100%;
  height:auto;
}


/*サムネイルページャー*/
.ncbb_vs_thum{
  overflow: hidden;
  position: relative;
  height: inherit;
}

.thum_wrap{
  display: block;
  position: absolute;
  left:0;
  transition:left 0.5s;
  padding: 0;
  margin: 0;
}

.thum_wrap:after{
  display: block;
  content: '.';
  height: 0;
  visibility: hidden;
  clear: both;
}

.thum_wrap .thum{
  display: block;
  float: left;
  max-height: 100px;
  height: inherit;
  overflow: hidden;
  line-height: 100%;

}

.thum_wrap .thum img{
  width:100%;
  height: auto;
  vertical-align: middle;
}

.thum_wrap .current,
.thum_wrap .hover{
  background-color: #000;
}

.thum_wrap .current img,
.thum_wrap .hover img{
  opacity: 0.5;
}
/*
.thum_btn{
  position: absolute;
  height: inherit;
  width: 30px;
  background: #252525;
  z-index: 9999;
}

.thum_next{
  left:0;
  background-image: url(../image/ico_arrow_next.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size:contain;
}

.thum_prev{
  right:0;
  background-image: url(../image/ico_arrow_prev.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
*/