@charset "utf-8";

div#before ul.gallery,
div#after ul.gallery {
  margin: 0;
}

.bx-wrapper {
  background: #1b1c1d;
  margin-bottom: 0;
}
.bx-wrapper li img{
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}
div#before ul.gallery li,
div#after ul.gallery li {
  background: transparent;
}

.bx-wrapper .before_main li,
.bx-wrapper .before_thumb li,
.bx-wrapper .after_main li,
.bx-wrapper .after_thumb li {
  text-align:center;
  position: relative;
  background: transparent;
}
.bx-wrapper .before_main li {
  width: 240px;
  height: 171px;
}
.bx-wrapper .before_thumb li {
  width: 74px;
  height: 74px;
}
.bx-wrapper .after_main li {
  width: 360px;
  height: 260px;
}
.bx-wrapper .after_thumb li {
  width: 64px;
  height: 64px;
}

#before .bx-wrapper .bx-prev {
  left: -12px;
  height: 66px;
  top: 42%;
  background: url(../images/case/case_left01.jpg);
  
}
#before .bx-wrapper .bx-next {
  right: -12px;
  height: 66px;
  top: 42%;
  background: url(../images/case/case_right01.jpg);
}

#after .bx-wrapper .bx-prev {
  left: -12px;
  height: 120px;
  top: 36%;
  background: url(../images/case/case_left02.jpg);
  
}
#after .bx-wrapper .bx-next {
  right: -12px;
  height: 120px;
  top: 36%;
  background: url(../images/case/case_right02.jpg);
}


#before .thumb_area .bx-wrapper .bx-prev,
#after .thumb_area .bx-wrapper .bx-prev {
  left: -12px;
  height: 50px;
  top: 38%;
  background: url(../images/case/case_left03.jpg);
  
}
#before .thumb_area .bx-wrapper .bx-next,
#after .thumb_area .bx-wrapper .bx-next {
  right: -12px;
  height: 50px;
  top: 38%;
  background: url(../images/case/case_right03.jpg);
}