/* guest */
.gallery .gBox {letter-spacing: -0.5em;}
.gallery .photo span{display:block;background: center center no-repeat #fff000;background-size: cover;margin:0 auto; }
.md-caption{text-align:center;}

@media all and (min-width: 768px) {
.gallery #mainBox{position:relative;}
.gallery #mainBox h2{width:910px;height:250px;margin:0 auto;}
.gallery #mainBox h2.t1{background:url(../img/gallery/title.png) no-repeat; }
.gallery #mainBox h2.t2{background:url(../img/gallery/title2.png) no-repeat;}
.gallery #mainBox h2.t3{background:url(../img/gallery/title3.png) no-repeat;}
.gallery #mainBox h2.t4{background:url(../img/gallery/title4.png) no-repeat;}
.gallery #mainBox h2.t5{background:url(../img/gallery/title5.png) no-repeat;}
.gallery #mainBox h2.t6{background:url(../img/gallery/title6.png) no-repeat;}
.gallery #mainBox h2.t7{background:url(../img/gallery/title7.png) no-repeat;}
.gallery #mainBox h2.t8{background:url(../img/gallery/title8.png) no-repeat;}
.gallery #mainBox h2.t9{background:url(../img/gallery/title9.png) no-repeat;}
.gallery #mainBox h2.t10{background:url(../img/gallery/title10.png) no-repeat;}

.gallery h3{text-indent: -9999px;height:0;margin-bottom:20px;}

.gallery  ul.gBox{width:910px;text-align:center;margin:0 auto;overflow:hidden;}
.gallery  ul.gBox:last-child{margin-bottom:20px;}
.gallery .gBox li{display:inline-block;padding:2px;margin:10px;background:#000;}
.gallery .photo span{width:270px;height:180px;border:5px solid #fff}
.gallery .photo img{width:100%;height:100%;}
/* grow */
.gallery .gBox li {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.gallery .gBox li:hover, .gallery .gBox li:focus, .gallery .gBox li:active {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
}

@media all and (max-width: 767px) {
.gallery #mainBox h2{width:100%;height:46px;background:url(../img/gallery/title_smp.png) center center no-repeat #fff000; margin:0 auto;}
.gallery h3{position:relative;color:#fff;background:#000;border-radius:20px;}
.gallery h3:after{content:" ";width:0;height:0;border-width:8px;border-style:solid;border-color:transparent;border-top-color:#000;z-index:1;}
.gallery h3{width:95%;font-size:100%;line-height:140%;margin:0.5em auto 1em;padding:0.5em 1em;}
.gallery h3:after{position:absolute;top:100%;left:20px;}
.gallery h3 span.num{margin-right:1em;color:#fff000;}

.gallery  ul.gBox {width:100%;text-align:center;margin:0.01em auto;overflow:hidden;}
.gallery  ul.gBox:last-child{margin-bottom:1em;}
.gallery .gBox li{display:inline-block;margin:0;width:30%;height:auto;}
.gallery .photo span{border:0.01em solid #fff}
.gallery .photo img{width:100%;height:100%;}
}