/* TOP PAGE */
/*------------------------------------------------*/
@media only screen and (max-width: 1000px) {
  #kvWrap {
    margin-bottom: 5.4%;
  }
}
#kvWrap #kv {
  width: 645px;
  position: relative;
}
@media only screen and (max-width: 1000px) {
  #kvWrap #kv {
    width: 100%;
  }
}
#kvWrap #kv .controller {
  width: 40px;
  height: 40px;
  margin-top: -36px;
  position: absolute;
  top: 50%;
}
#kvWrap #kv .controller a {
  display: block;
}
@media only screen and (min-width: 1000px) {
  #kvWrap #kv .controller a {
    background-repeat: no-repeat;
    background-position: left -89px;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
  }
  #kvWrap #kv .controller a:hover {
    background-position: left top;
  }
  #kvWrap #kv .controller a:hover img {
    visibility: hidden;
  }
}
#kvWrap #kv .controller#sliderPrev {
  left: -50px;
}
@media only screen and (min-width: 1000px) {
  #kvWrap #kv .controller#sliderPrev a {
    background-image: url('../images/icon/sliderPrev_on.png?1446631675');
  }
}
#kvWrap #kv .controller#sliderNext {
  right: -50px;
}
@media only screen and (min-width: 1000px) {
  #kvWrap #kv .controller#sliderNext a {
    background-image: url('../images/icon/sliderNext_on.png?1446631675');
  }
}
#kvWrap #kv .bx-viewport {
  border: 1px solid #dcdfe0;
}
@media only screen and (max-width: 1000px) {
  #kvWrap #kv .bx-viewport {
    border: none;
  }
}
#kvWrap #kv ul li {
  background-color: #fff;
}
#kvWrap #kv ul li a {
  display: block;
  position: relative;
}
@media only screen and (min-width: 1000px) {
  #kvWrap #kv ul li a:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
  }
}
#kvWrap #kv ul li a .photo {
  width: 100%;
  text-align: center;
  position: relative;
}
#kvWrap #kv ul li a .photo img {
  width: 100%;
  max-width: none;
}
#kvWrap #kv ul li a .detail {
  width: 100%;
  padding: 40px 20px 20px 20px;
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, black), color-stop(0, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0), black);
  background: -moz-linear-gradient(rgba(255, 255, 255, 0), black);
  background: -o-linear-gradient(rgba(255, 255, 255, 0), black);
  background: -ms-linear-gradient(rgba(255, 255, 255, 0), black);
  background: linear-gradient(rgba(255, 255, 255, 0), #000000);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
}
#kvWrap #kv ul li a .detail .title {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
}