@charset "Shift_JIS";

.gallery{
  position: relative;
  display: block;
  overflow: hidden;
  
}
.gallery .desc{
  position: absolute;
  background: rgba(0,0,0,0.5);
  padding: 6%;
  display: table;
  bottom:0;
  z-index: 2;
}
.gallery .desc h6{
  margin: 0;
  font-size: 100%;
  color: #fff;/*文字の色*/
}
.gallery .desc p{
  margin: 0;
  line-height: 1.5em;
  font-size: 90%;
  color: #fff;/*文字の色*/
}
.gallery img{
  display: block;
}
.gallery .mask{
  top: 0;
  position: absolute;
  display: block;
  background: #666;/*マウスを乗せた時の色*/
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -ms-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  z-index: 1;
}
.gallery:hover .mask {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.gallery img{
	width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic
}
[class*="span"]{
	margin-left:0;
	margin-right:10px;
}