/*///////////////// gallery ////////////////*/

	.gallery .pBox p{text-align:center;}
	.gallery .lightbox-gallery li{}

@media all and (min-width: 768px) {
.gallery article h2 span{display:block;width:928px;height:140px;}
.gallery .s1 h2 span{background:url(../img/gallery/title1.png)  left center no-repeat;}
.gallery .s2 h2 span{background:url(../img/gallery/title2.png)  left center no-repeat;}
.gallery .s3 h2 span{background:url(../img/gallery/title3.png)  left center no-repeat;}
.gallery .s4 h2 span{background:url(../img/gallery/title4.png)  left center no-repeat;}
.gallery .s5 h2 span{background:url(../img/gallery/title5.png)  left center no-repeat;}
.gallery .s6 h2 span{background:url(../img/gallery/title6.png)  left center no-repeat;}
.gallery .s7 h2 span{background:url(../img/gallery/title7.png)  left center no-repeat;}
.gallery .s8 h2 span{background:url(../img/gallery/title8.png)  left center no-repeat;}
.gallery .s9 h2 span{background:url(../img/gallery/title9.png)  left center no-repeat;}


	.gallery .pBox p{margin:10px auto 20px;}
	.gallery ul.lightbox-gallery{display:block;width:780px;margin:0 auto;}
	.gallery .lightbox-gallery li{position:relative;width:185px;padding:5px;float:left;}
	.gallery .lightbox-gallery li span{display:block;}
	.gallery .lightbox-gallery li .lazy{width :185px;height:185px;background-size:cover;}
	.gallery .lightbox-gallery li .photo_area{padding:0 5px;}
	.gallery .lightbox-gallery li {transition: 1.0s ;}

/* BT Flashing */
	.gallery .pBox li:hover{opacity: 1;-webkit-animation: flash 1.5s;animation: flash 1.5s;}
	@-webkit-keyframes flash {0% {opacity: .6;}100% {opacity: 1;}}
	@keyframes flash {0% {opacity: .6;}100% {opacity: 1;}}
}


@media all and (max-width: 767px) {
.gallery  article h2 {padding:0;}
.gallery  article h2 span{display:block;width:100%;height:0; padding-top:25%}
.gallery .s1 h2 span{background:url(../img/gallery/title_smp1.png)  center top no-repeat;background-size:contain;}
.gallery .s2 h2 span{background:url(../img/gallery/title_smp2.png)  center top no-repeat;background-size:contain;}
.gallery .s3 h2 span{background:url(../img/gallery/title_smp3.png)  center top no-repeat;background-size:contain;}
.gallery .s4 h2 span{background:url(../img/gallery/title_smp4.png)  center top no-repeat;background-size:contain;}
.gallery .s5 h2 span{background:url(../img/gallery/title_smp5.png)  center top no-repeat;background-size:contain;}
.gallery .s6 h2 span{background:url(../img/gallery/title_smp6.png)  center top no-repeat;background-size:contain;}
.gallery .s7 h2 span{background:url(../img/gallery/title_smp7.png)  center top no-repeat;background-size:contain;}
.gallery .s8 h2 span{background:url(../img/gallery/title_smp8.png)  center top no-repeat;background-size:contain;}
.gallery .s9 h2 span{background:url(../img/gallery/title_smp9.png)  center top no-repeat;background-size:contain;}

	.gallery .pBox p{font-size:70%;margin-bottom:.5em;}
	.gallery ul.lightbox-gallery{width:100%;margin:0 auto .5em;text-align:left;overflow:hidden;letter-spacing:-0.5em;}
	.gallery .lightbox-gallery li{position:relative;display:inline-block;width:24%;margin:0.5%;vertical-align:top;border:solid 1px #fff;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.gallery .lightbox-gallery li:nth-last-child(-n+3){margin-bottom:0;}
	.gallery .lightbox-gallery li span{display:block;letter-spacing:0.1em;}
	.gallery .lightbox-gallery li .lazy{width:100%;height:0; padding-top:100%;}
	.gallery .lightbox-gallery li .photo_area{padding:0 0.2em;}
}


/* bknm*/
.gallery article h5{color:#22528a;border-left:solid 10px #22528a;border-bottom:solid 2px #22528a;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.bknm{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.bknm li a{display: block;text-align:center;
  background: #10447c;border: 2px solid #10447c;color: #fff;text-decoration: none;
  transition: all .3s;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.bknm li a:hover {background: #fff;color: #10447c;}

@media all and (min-width: 768px) {
.gallery article h5{font-size:140%;padding:5px 10px;}
.bknm{width:780px;margin:20px auto;}
.bknm li {margin-right:10px;font-size:120%;}
.bknm li:last-child{margin-right:0;}
.bknm li a{width:69px;padding:20px 0;}
}
@media all and (max-width: 767px) {
.gallery article h5{width:98%;margin:0 auto;padding:.3em .5em .2em;}
.bknm{width:100%;margin:.5em auto 0;}
.bknm li {width:18%;margin:0.5% 1%;}
.bknm li a{width:100%; padding:.5em 0;}
}