/*----------------------------------------------------------------------------------------------------

  記事一覧 
  
----------------------------------------------------------------------------------------------------*/
.gdata-list {
  width: 100%;
  list-style: none;
}
.gdata-list li {
  border-bottom: 1px solid rgba(25,25,25,0.12);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: var(--line-height-m);
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.gdata-list li:first-of-type {
  border-top: 1px solid rgba(25,25,25,0.12);
}
.gdata-list li a,
.gdata-list li a:visited,
.gdata-list li a:hover {
  color: inherit;
  text-decoration: none;
}
.gdata-list li .inner {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.gdata-list li .photo img {
  min-width: 100%;
}
.gdata-list li .date {
  font-weight: 300;
  font-size: var(--fs-3s);
  line-height: var(--line-height-s);
  padding-bottom: 0.5rem;
}
.gdata-list li .ttl {
  font-size: var(--fs-ms);
  font-weight: 500;
}
.gdata-list li .cate {
  margin-top: auto;
}
.gdata-list li .cate small {
  background-color: rgba(var(--color-lblue-l),1);
  color: #FFF;
  font-size: var(--fs-min);
  line-height: var(--line-height-s);
  min-width: 10.5em;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
  display: inline-block;
}
@media print,screen and (min-width:641px) {
  .gdata-list {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .gdata-list li .photo {
    width: 20%;
  }
  .gdata-list li .inner {
    padding-left: 2.5rem;
  }
  .ua-pc .gdata-list li a:hover,
  .gdata-list li.js__linkBox:hover a {
    color: var(--fc-link);
  }
}
@media screen and (max-width:640px) {
  .gdata-list li .photo {
    width: 30%;
    max-width: 120px;
  }
  .gdata-list li .inner {
    padding-left: 1.25em;
  }
}

/*----------------------------------------------------------------------------------------------------

  記事詳細 
  
----------------------------------------------------------------------------------------------------*/
.p-hdline .date {
  width: 100%;
  font-size: var(--fs-3s);
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
}