.gallery-container { padding:60px 0;}

div.gallery { background:#FFF; margin:15px 0;
 
}

div.gallery:hover {
 
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px 5px;
  text-align: center;height:70px;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 6px;
  float: left; 
  width: 19.99%;  
}
.pic {width:100% ;overflow:hidden; }
.generatecssdotcom_zoom a img {height: auto;width:100%;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;}
.generatecssdotcom_zoom a:hover img  {width:130%  ; }

.generatecssdotcom_zoom{
	vertical-align:middle;

}
.generatecssdotcom_zoom{
	display:inline-block;
	border-radius:10px;
	overflow:hidden;
	-webkit-transition:box-shadow 0.5s;
	transition:box-shadow 0.5s;
}
.generatecssdotcom_zoom:hover{
	box-shadow:2px 2px 8px hsla(0,0%,0%,0.64); 
}
.generatecssdotcom_zoom>a{
	display:block;
	border:solid 0 hsla(0,0%,100%,0.8);
	position:relative;
}
.generatecssdotcom_zoom img{
	vertical-align:top;

}
.generatecssdotcom_zoom>a::after{
	content:' ';
	position:absolute;
	top:0;right:0;bottom:0;left:0;
	background-image:-webkit-radial-gradient(hsla(0,0%,0%,0),hsla(0,0%,0%,0) 20%,hsla(0,0%,0%,1));
	background-image:radial-gradient(hsla(0,0%,0%,0),hsla(0,0%,0%,0) 20%,hsla(0,0%,0%,1));
	-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s;
}
.generatecssdotcom_zoom:hover>a::after{
	opacity:0;
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 100%;
    margin: 6px 0;
  }
.generatecssdotcom_zoom>a::after{
	background-image:-webkit-radial-gradient(hsla(0,0%,0%,0),hsla(0,0%,0%,0) 20%,hsla(0,0%,0%,0));
	background-image:radial-gradient(hsla(0,0%,0%,0),hsla(0,0%,0%,0) 20%,hsla(0,0%,0%,0));
}
  .gallery a {  pointer-events: none;} /* =========== 連結無效 ============ */ 
  
  div.desc {height: auto;
}
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}