@charset "utf-8";

.gallist li article h3,
.gallist li article p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*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;
   font-weight: normal;


}
.gallist li .timedata{
  background: url("../img/sub_bg.gif") repeat scroll center top;
      box-sizing: border-box;
      font-size: 1.2rem;
      font-weight: bold;
      padding: 0.5%;
      width: 100%;
      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%;
}
}


.gallist li article .latency,
.gallist li article .latency_no{
   font-size:1.6rem;
   color:#FF5959;
   text-align:center;
}

.gallist li article .latency:after{
   font-size:1rem;
   color:#fff;
   content:"分後でのご案内";
}
.gallist li article .latency_no:after{
   font-size:1rem;
   color:#fff;
   content:"ご案内";
}
.gallist li article p{
	font-weight: bold;
}


@media screen and (max-width: 768px) {
  .gallist li article .latency,
  .gallist li article .latency_no
  {
    font-size:1.4rem;
  }

  .gallist li article .latency:after,
  .gallist li article .latency_no:after{
   font-size:0.9rem;
}

}

@media screen and (max-width:440px) {

}