/*
 * newsカテゴリ専用CSS
 */ 

.ys-category-news__link {
  position: relative;
  display: block;
  
  &::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 0.4);
    opacity: 0;
    transition: opacity 0.1s ease-out;
    z-index: 1;
  }
  
  &:hover::before {
    opacity: 1;
  }
}
.ys-category-news__inner {
  display: flex;
  align-items: flex-start;  
  justify-content: flex-start;
  padding-inline: var(--wp--preset--spacing--30);
  padding-block: var(--wp--preset--spacing--40);
  border-bottom: 1px solid var(--wp--preset--color--custom-gray-01);
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1039px) {
  .ys-category-news__inner {
    flex-direction: column;
  }
}

.ys-category-news__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 16px;
}
.ys-category-news__date {
  flex: 0 0 160px;
  font-family: var(--wp--preset--font-family--questrial);
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--custom-black);
  font-weight: 400;
  margin-block-end: 10px;
}
@media screen and (max-width: 1039px) {
  .ys-category-news__date {
    flex: 0 0 auto;
    margin-block-end: var(--wp--preset--spacing--20);
  }
}