@charset "UTF-8";
@import url(../../lib/tiny-slider.css);

.vel-img-modal .vel-btns-wrapper .btn__close .vel-icon{
    font-size: 34px;
}

.vel-img-modal .vel-btns-wrapper .btn__close{
    width: 28px;
}

.image-gallery-lb .vel-modal{
    background: #000000 !important;
}

.image-gallery-lb .vel-img-wrapper{
    transition: .1s;
}

.vel-modal .vel-btns-wrapper .btn__next, .vel-btns-wrapper .btn__prev{
    font-size: 26px;
}

.vel-btns-wrapper .btn__next{
    position: relative;
}

.vel-btns-wrapper .btn__next svg{
    display: none;
}

.vel-btns-wrapper .btn__next:after{
    position: absolute;
    content: "";
    right: 0;
    background: url(../../../img/common/article/sp-article-img-slider-arrow-left.png) no-repeat center center;
    background-size: 35px 35px;
    width: 35px;
    height: 35px;
    font-size: 0;
}

.vel-btns-wrapper .btn__prev{
    position: relative;
}

.vel-btns-wrapper .btn__prev svg{
    display: none;
}

.vel-btns-wrapper .btn__prev:after{
    position: absolute;
    content: "";
    left: 0;
    background: url(../../../img/common/article/sp-article-img-slider-arrow-right.png) no-repeat center center;
    background-size: 35px 35px;
    width: 35px;
    height: 35px;
    font-size: 0;
}

/* 拡大アイコン */
.viewer-image-list{
    position: relative;
}

.viewer-image-list .tns-controls{
  margin-top: 0;
  transform: translateY(-50%);
}

.viewer-image-list .tns-controls [data-controls="prev"],.viewer-image-list .tns-controls [data-controls="next"]{
  width: 40px;
  height: 100px;
  transform: translateY(-50%);
}

.viewer-image-list-icon{
    position: absolute;
    width: 42px;
    height: 42px;
    padding: 9px;
    bottom: 13px;
    right: 13px;
    z-index: 9;
    background: #f5f5f5;
    box-sizing: border-box;
    border-radius: 50%;
}

.tns-controls button:disabled,
.vel-btns-wrapper .btn__prev.disable:after,
.vel-btns-wrapper .btn__next.disable:after {
    opacity:0;
    transition:opacity 0.1s;
    width: 0;
    height: 0;
}