@charset "utf-8";

/*LIST*/


.gallist {
  margin-top: 15px;
}
.gallist li{
  width:25%;
  margin:0;
  overflow:hidden;
  float:left;
}
.gallist li a {
  display: block;
  position: relative;
}
.gallist li article{
	  bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    padding-top:25px;
    box-sizing: border-box;
   line-height:1.3;
   padding-bottom:5px;
}

.gallist li article h3{
   font-size:1.3rem;
   font-weight:bold;
}
.gallist li article .body{
   font-weight:normal;
}
.gallist li article .catch{
    font-size:1rem;
   text-align:center;

}


@media screen and (max-width: 768px) {
.gallist {
    margin-top: 10px;
}
  .gallist li{
  width:33.333%;
  }
  .gallist li article .body{
   font-size:0.7rem;
  }
  .gallist li article .catch{
    font-size:1rem;
  }

}

@media screen and (max-width:440px) {
  .gallist li{
  width:50%;
}