@charset "UTF-8";

/* ======================================================
 * baseball news_year_index（ENEOS野球部ニュース年別一覧）
 * ------------------------------------------------------
 * - Wrapper
 * - Override
 * - BaseballNav（追従ナビ）
 * - ScrollLock
====================================================== */

/* ------------------------------------------------------
 * Override
------------------------------------------------------ */

@media screen and (max-width: 766px) {
  .lowerContentWrapper {
    margin-bottom: max(64px, calc(64 / 375 * 100vw));
  }
}

.news-year-index-layout {
  max-width: 1600px;
  margin: 0 auto;
}
.news-year-index-layout > *:last-child,
.news-year-index-layout > section:last-child > *:last-child {
  margin-bottom: 0;
}

/* ------------------------------------------------------
 * Content
------------------------------------------------------ */

/* news-year-index-tab*/
.news-year-index-tab {
  display: flex;
  flex-direction: column;
}
.news-year-index-tab__list {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.news-year-index-tab__list > li {
  width: 100%;
}
.news-year-index-tab__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: none;
  border-radius: 0;
  background-color: #f4f4f0;
  color: #707070;
  text-align: center;
  cursor: pointer;
}
.news-year-index-tab__label {
  display: block;
  line-height: 1.2;
}
.news-year-index-tab__button.is-active {
  background-color: #e94709;
  color: #fff;
  font-weight: 700;
  pointer-events: none;
}
.news-year-index-tab__body .is-hidden {
  display: none;
}

/*----- PC -----*/
@media (min-width: 767px) {
  .news-year-index-tab__head {
    margin-bottom: clamp(2.4rem, calc(2.4rem + (100vw - 768px) * 20 / 1152), 4.4rem);
  }
  .news-year-index-tab__list {
    column-gap: clamp(1px, calc(1px + (100vw - 768px) * 2 / 1152), 3px);
  }
  .news-year-index-tab__button {
    min-height: clamp(40px, calc(40px + (100vw - 768px) * 30 / 1152), 70px);
    padding: clamp(8px, calc(8px + (100vw - 768px) * 4 / 1152), 12px) 1rem;
    font-size: clamp(1.2rem, calc(1.2rem + (100vw - 768px) * 3 / 1152), 1.5rem);
  }
}

/*----- PC -----*/
@media (min-width: 1025px) {
}

/*----- TB / SP -----*/
@media print, screen and (min-width: 768px) {
}


/*----- SP ～767px -----*/
@media screen and (max-width: 766px) {
  .news-year-index-tab__head {
    margin-bottom: 2rem;
  }
  .news-year-index-tab__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
  }
  .news-year-index-tab__button {
    min-height: max(36px, calc(42 / 375 * 100vw));
    padding: 0.8rem 1rem;
    font-size: max(10px, calc(12 / 375 * 100vw));
  }
}