/*gallery*/
#gallery ul#show {
  font-size: 0;
  margin: 0 auto 10px;
  letter-spacing: 0;
}

#gallery ul#show li {
  display: inline-block;
  margin: 5px 0 9px 12px;
  border: solid 4px #fff;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.15);
}

#gallery ul#show li:nth-child(odd):not(:hover) {
  transform: rotate(1deg);
}

#gallery ul#show li:nth-child(even):not(:hover) {
  transform: rotate(-1deg);
}

#gallery ul#show li span {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

#gallery ul#show li span.lazy {
  position: relative;
  display: block;
}

#gallery ul#show li span a {
  width: 180px;
  height: 120px;
  display: block;
  transition: 0.3s;
  /* background-color:rgba(239,205,227,0.3); */
}

#gallery ul#show li span a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

#gallery .lbg-pics {
  background-color: none !important;
  /* box-shadow: none !important; */
  /* border: solid 5px #fff; */
  box-sizing: border-box;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.15);
}

#gallery h2.epnm {
  color: #000;
  font-weight: bold;
  letter-spacing: .1em;
  border-bottom: 3px solid #000;
  margin-bottom: 0.5em;
}

#gallery h2 span.num {
  padding: 0 .2em;
  color: #439139;
  letter-spacing: 0;
  display: inline-block;
}

#gallery h2 span.num strong {
  font-size: 180%;
}

@media all and (min-width: 768px) {
  #gallery h2.epnm {
    font-size: 170%;
  }

  #gallery .lbg-pics {
    height: 399px;
    /* border: solid 10px #fff; */
  }
}

/*//////smp//////*/
@media all and (max-width: 767px) {
  #gallery .lbg-pics {
    border: solid 5px #fff;
    padding: 0;
  }

  /*gallery*/
  #gallery ul#show li {
    margin: 1% 1%;
    width: 30%;
    width: -webkit-calc(100% / 3 - 2%);
    width: calc(100% / 3 - 5%);
  }

  #gallery ul#show li span a {
    width: 100%;
    height: 0;
    padding: 66.5% 0 0;
  }
}

@media all and (max-width: 320px) {
  #gallery #bknm li {
    /* width: 22.5%; */
  }

  #gallery ul#show {
    width: 100%;
  }

  #gallery #contents {
    padding: 1%;
  }

  .low div.wrap {
    padding: 4% 0;
  }
}

@media all and (min-width: 768px) {
  #gallery ul#show {
    width: 100%;
    margin: 0 auto;
  }
}

.gallery #bknm li.bk10 a:after {
  background-image: url(../img/gallery/ep10/ep10_10.jpg);
}
.gallery #bknm li.bk9 a:after {
  background-image: url(../img/gallery/ep9/ep9_7.jpg);
}
.gallery #bknm li.bk8 a:after {
  background-image: url(../img/gallery/ep8/ep8_13.jpg);
}
.gallery #bknm li.bk7 a:after {
  background-image: url(../img/gallery/ep7/ep7_9.jpg);
}
.gallery #bknm li.bk6 a:after {
  background-image: url(../img/gallery/ep6/ep6_14.jpg);
}
.gallery #bknm li.bk5 a:after {
  background-image: url(../img/gallery/ep5/ep5_10.jpg);
}
.gallery #bknm li.bk4 a:after {
  background-image: url(../img/gallery/ep4/ep4_8.jpg);
}
.gallery #bknm li.bk3 a:after {
  background-image: url(../img/gallery/ep3/ep3_20.jpg);
}
.gallery #bknm li.bk2 a:after {
  background-image: url(../img/gallery/ep2/ep2_15.jpg);
}
.gallery #bknm li.bk1 a:after {
  background-image: url(../img/gallery/ep1/ep1_10.jpg);
}

.lbg-close>a>span, .lbg-ftr>p>a>span {
  background-color: #439139;
}

@media all and (min-width: 768px) {
  body.gallery10 h1.lazy-done {
    background-image: url(../img/gallery10_h1.png);
  }
  body.gallery9 h1.lazy-done {
    background-image: url(../img/gallery9_h1.png);
  }
  body.gallery8 h1.lazy-done {
    background-image: url(../img/gallery8_h1.png);
  }
  body.gallery7 h1.lazy-done {
    background-image: url(../img/gallery7_h1.png);
  }
  body.gallery6 h1.lazy-done {
    background-image: url(../img/gallery6_h1.png);
  }
  body.gallery5 h1.lazy-done {
    background-image: url(../img/gallery5_h1.png);
  }
  body.gallery4 h1.lazy-done {
    background-image: url(../img/gallery4_h1.png);
  }
  body.gallery3 h1.lazy-done {
    background-image: url(../img/gallery3_h1.png);
  }
  body.gallery2 h1.lazy-done {
    background-image: url(../img/gallery2_h1.png);
  }
  body.gallery1 h1.lazy-done {
    background-image: url(../img/gallery1_h1.png);
  }
}

@media all and (max-width: 767px) {
  body.gallery10 h1.lazy-done {
    background-image: url(../img/gallery10_h1_smp.png) !important;
  }
  body.gallery9 h1.lazy-done {
    background-image: url(../img/gallery9_h1_smp.png) !important;
  }
  body.gallery8 h1.lazy-done {
    background-image: url(../img/gallery8_h1_smp.png) !important;
  }
  body.gallery7 h1.lazy-done {
    background-image: url(../img/gallery7_h1_smp.png) !important;
  }
  body.gallery6 h1.lazy-done {
    background-image: url(../img/gallery6_h1_smp.png) !important;
  }
  body.gallery5 h1.lazy-done {
    background-image: url(../img/gallery5_h1_smp.png) !important;
  }
  body.gallery4 h1.lazy-done {
    background-image: url(../img/gallery4_h1_smp.png) !important;
  }
  body.gallery3 h1.lazy-done {
    background-image: url(../img/gallery3_h1_smp.png) !important;
  }
  body.gallery2 h1.lazy-done {
    background-image: url(../img/gallery2_h1_smp.png) !important;
  }
  body.gallery1 h1.lazy-done {
    background-image: url(../img/gallery1_h1_smp.png) !important;
  }
}