/*gallery*/
#galleryArea {position: relative;}
#gallery h2 { margin-bottom: 1em;}

#gallery h2 .epnum { background-repeat: no-repeat; background-size: contain; display: inline-block; vertical-align: middle; width:120px; height:120px; text-indent: -9999px; position: absolute; top:-4px; left:-4px}
.gallery1 .epnum {background-image: url(../img/ep01.png);}
.gallery2 .epnum {background-image: url(../img/ep02.png);}
.gallery3 .epnum {background-image: url(../img/ep03.png);}
.gallery4 .epnum {background-image: url(../img/ep04.png);}
.gallery5 .epnum {background-image: url(../img/ep05.png);}
.gallery6 .epnum {background-image: url(../img/ep06.png);}
.gallery7 .epnum {background-image: url(../img/ep07.png);}
.gallery8 .epnum {background-image: url(../img/ep08.png);}
.gallery9 .epnum {background-image: url(../img/ep09.png);}
.gallery10 .epnum {background-image: url(../img/ep10.png);}

#gallery h2 .oadate { vertical-align: middle; display: inline-block; font-size: 2.7em;
font-family: rig-shaded-bold-face, sans-serif;
font-weight: 700;
font-style: normal;
background: linear-gradient(transparent 30%, #fefd02 30%); padding:0 25px 8px;
position: absolute; top:40px; right:0px;
}
#gallery h2 .oadate .small { font-size: 0.5em;}


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

#gallery ul#show li {
  display: inline-block;
  margin: 5px 7px 9px;
  border: solid 3px #000;
}

#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: 210px;
  height: 140px;
  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);
}


.lbg-ftr > p > span {
    color: #fff;
    word-break: break-all;
}


@media all and (min-width: 768px) {
  #galleryArea { padding-top: 120px; padding-bottom: 50px;}

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

/*//////smp//////*/
@media all and (max-width: 767px) {
	#galleryArea {padding: 55px 0.5em 0.5em;}
	.low h2 { font-size: 1.0em;}
	#gallery h2 .epnum { width:65px; height:65px;}
	#gallery h2 .oadate {position: absolute; top:18px; right:0; font-size: 2.3em; padding:0 8px 8px;}

  /*gallery*/
  #gallery ul#show li {
    margin: 1.6% 1.6%;
    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;
  }
	#gallery .galleryArea { padding-bottom: 1em;}

}

@media all and (max-width: 365px) {
	#gallery h2 .oadate { font-size: 1.8em;}
}

@media all and (max-width: 320px) {
  #gallery ul#show {
    width: 100%;
  }
	#gallery ul#show li {
		margin: 1.4% 1.4%;}
}

@media all and (min-width: 768px) {
  #gallery ul#show {
    width: 920px;
    margin: 0 auto;
  }
	.lbg-ftr { padding-top: 5px;}
}

.lbg-close > a > span, .lbg-ftr > p > a > span{
background-color :#000;
}
/*#gallery .lbg-pics{box-shadow: 8px 8px #000;
}*/
@media all and (max-width: 767px) {
	/*#gallery .lbg-pics{box-shadow: 4px 4px #000;}*/
}