@charset "utf-8";
/*記事カセット専用CSS*/
.is-sp .article__list:not(.swiper-wrapper), .is-pc .article__list.is-block-grid {
  display: grid;
  grid-template-columns: var(--article-columns, repeat(auto-fit, minmax(var(--article-column-size, 250px), 1fr)));
  gap: var(--article-waku-yohaku, var(--article-waku-yohaku-tate, min((60vw / 7.5), 40px)) var(--article-waku-yohaku-yoko, min((40vw / 7.5), 20px)));
}
.is-pc .article__list:not(:is(.is-block-grid, .swiper-wrapper)) {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.article__link {
  display: grid;
  grid-template-rows: auto 1fr;
  color: inherit;
  transition: opacity .3s;
  height: 100%;
  padding: var(--article-yohaku, min((50vw / 7.5), 20px));
  border: var(--article-border, 1px solid);
  position: relative;
  &::after {
    content: var(--arrow-dsp, none);
    width: var(--arrow-size, min((60vw / 7.5), 30px));
    aspect-ratio: var(--arrow-aspect, 1 / 1);
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--arrow-bg, currentColor);
    clip-path: polygon(0 100%, 100% 100%, 100% 0);
  }
}
.article__item {
  position: relative;
}
.article__image {
  display: block;
  object-fit: cover;
  width: 100%;
  height: var(--article-photo-height, min((305vw / 7.5), 160px));
  background: #ededed;
  aspect-ratio: var(--article-photo-aspect, auto);
}
.article__detail {
  display: grid;
  grid-template-rows: auto 1fr auto;
  align-items: start;
}
.article__detail--label {
  display: grid;
  gap: var(--article-label-yohaku, var(--article-label-yohaku-tate, 0) var(--article-label-yohaku-yoko, 1em));
  grid-template-columns: var(--article-label-columns, auto 1fr);
  margin-top: var(--article-label-yohaku-ue, 1em);
  color: #8c8c8c;
  font-size: var(--article-label-fs);
}
.article__detail--update {
  display: grid;
  align-items: center;
  grid-template-columns: 1em auto;
  gap: 0 .25em;
}
.article__detail--point {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.article__detail--point .is-hash {
  color: var(--article-hash-color, inherit);
}
.article__detail--point .is-hash ~ .is-hash {
  margin-left: var(--article-hash-yohaku, 0);
}
.article__detail--title {
  font-weight: bold;
  font-size: var(--article-title-fs, min((32vw / 7.5), 20px));
  margin: var(--article-title-yohaku-top, .5em) 0 var(--article-title-yohaku-btm, .5em);
  line-height: 1.3;
}
.article__detail--text {
  font-size: var(--article-text-fs, min((26vw / 7.5), 16px));
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.article__detail--update::before {
  content: "";
  width: 1em;
  height: 1em;
  background: url(/cmn/icon/icon_calendar.svg) no-repeat center center / cover;
}