@charset "UTF-8";

/************************************
** サイドバー
************************************/
#sidebar {
  display: block;
}

/************************************
** サイドバーの記事
************************************/
@media not all and (min-width: 600px) {
  .widget :has(.widget-entry-cards) {
    font-size: 3.6vw;
  }
}

@media not all and (min-width: 1024px) {
  .widget-entry-cards {
    --my-carousel-item-width: 18em;
    --my-carousel-gap: .625em;
    display: grid;
    grid-template-rows: repeat(2, auto);
    grid-auto-columns: var(--my-carousel-item-width);
    grid-auto-flow: column;
    gap: var(--my-carousel-gap);
    width: 100%;
    padding-left: 0;
    list-style-type: none;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  .widget-entry-cards::after {
    content: none;
  }

  .widget-entry-cards .widget-entry-card-link {
    align-self: start;
    padding: 0;
    margin-bottom: 0;
  }
}