.main .bxslider {
  margin-bottom: 50px;
}

.main .bxslider-visual {
  height: 360px;
  overflow: hidden;
  opacity: 0;
}

.main .bxslider-visual.active {
  opacity: 1;
}

.main .bxslider-controller {
  overflow: hidden;
  opacity: 0;
}

.main .bxslider-controller-wrapper {
  position: relative;
}

.main .bx-wrapper .bx-viewport .bxslider-visual li a {
  position: relative;
  display: block;
  width: 100%;
}

.main .bx-wrapper .bx-viewport .bxslider-visual li a:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -24px;
  margin-left: -24px;
  content: url(/oled/img/icon_zoom_001.png);
  opacity: 0;
  -webkit-transition: opacity .3s ease;
          transition: opacity .3s ease;
}

.main .bx-wrapper .bx-viewport .bxslider-visual li a:hover:after {
  opacity: 1;
}

.main .bx-wrapper .bx-viewport .bxslider-visual li img {
  display: block;
  margin: auto;
  max-height: 360px;
}

.main .bx-wrapper .bx-viewport .bxslider-visual li a img {
  -webkit-transition: opacity .3s ease;
          transition: opacity .3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.main .bx-wrapper .bx-viewport .bxslider-visual li a:hover img {
  opacity: .5;
}

.main .bxslider-controller-wrapper {
  display: block;
  margin-top: 30px;
}

.main .bxslider-controller-wrapper .bxslider-controller li a {
  display: block;
  width: 100%;
}

.main .bxslider-controller-wrapper .bxslider-controller li a img {
  display: block;
  width: auto;
  max-width: 140px;
  height: 70px;
  margin: auto;
  -webkit-transition: opacity .3s ease;
          transition: opacity .3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.main .bxslider-controller-wrapper .bxslider-controller li a:hover img {
  opacity: .5;
}

.main .bxslider-controller-wrapper .bxslider-controller-prev,
.main .bxslider-controller-wrapper .bxslider-controller-next {
  position: absolute;
  display: block;
  width: 20px;
  height: 36px;
}

.main .bxslider-controller-wrapper .bxslider-controller-prev {
  left: 0px;
  top: 17px;
}

.main .bxslider-controller-wrapper .bxslider-controller-prev .bx-prev {
  background: url(/oled/img/arrow-bx-prev.png) no-repeat center center;
}

.main .bxslider-controller-wrapper .bxslider-controller-next {
  right: 0px;
  top: 17px;
}

.main .bxslider-controller-wrapper .bxslider-controller-next .bx-next {
  background: url(/oled/img/arrow-bx-next.png) no-repeat center center;
}

.main .bxslider-controller-wrapper .bxslider-controller-prev a,
.main .bxslider-controller-wrapper .bxslider-controller-next a {
  display: block;
  width: 100%;
  height: 100%;
}

.main .bxslider-controller-wrapper .bxslider-controller-prev a.disabled,
.main .bxslider-controller-wrapper .bxslider-controller-next a.disabled {
  display: none;
}

@media only screen and (max-width: 599px) {
  .main .bxslider {
    margin-bottom: 30px;
  }
  .main .bx-wrapper:first-of-type {
    position: relative;
  }
  .main .bx-wrapper:first-of-type .bx-controls {
    position: absolute;
    width: 100%;
    top: 40%;
    bottom: 40%;
    margin: auto;
  }
  .main .bx-wrapper:last-of-type .bx-controls {
    display: none;
  }
  .main .bx-wrapper:first-of-type .bx-controls .bx-controls-direction {
    position: relative;
    width: 100%;
  }
  .main .bx-wrapper:first-of-type .bx-controls .bx-prev,
  .main .bx-wrapper:first-of-type .bx-controls .bx-next {
    position: absolute;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    overflow: hidden;
  }
  .main .bx-wrapper:first-of-type .bx-controls .bx-prev {
    left: 8px;
    background: url(/oled/img/bx-arrow-prev-sp.png) no-repeat center center;
    background-size: contain;
  }
  .main .bx-wrapper:first-of-type .bx-controls .bx-next {
    right: 8px;
    background: url(/oled/img/bx-arrow-next-sp.png) no-repeat center center;
    background-size: contain;
  }
  .main .bx-wrapper .bx-viewport .bxslider-visual {
    height: 100%;
  }
  .main .bx-wrapper .bx-viewport .bxslider-visual li {
    height: 100%;
  }
  .main .bx-wrapper .bx-viewport .bxslider-visual li a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .main .bx-wrapper .bx-viewport .bxslider-visual li img {
    height: auto;
    max-height: 100%;
  }
  .main .bxslider-controller-wrapper {
    margin-top: 15px;
  }
  .main .bxslider-controller-wrapper .bxslider-controller {
    display: block;
    text-align: center;
  }
  .main .bxslider-controller-wrapper .bxslider-controller li {
    display: inline-block;
    margin: 0 3px 0 3px;
    vertical-align: top;
  }
  .main .bxslider-controller-wrapper .bxslider-controller li a {
    width: 12px;
    height: 12px;
    display: block;
    box-sizing: border-box;
    border-radius: 6px;
    border: 2px solid #3c6690;
    overflow: hidden;
    color: #fff;
  }
  .main .bxslider-controller-wrapper .bxslider-controller li a img {
    display: none;
  }
  .main .bxslider-controller-wrapper .bxslider-controller li a.active {
    background: #3c6690;
    color: #3c6690;
  }
  .main .bxslider-controller-wrapper .bxslider-controller-prev,
  .main .bxslider-controller-wrapper .bxslider-controller-next {
    display: none;
  }
}