/* =======================================
font
======================================= */
@font-face{
    font-family: 'ZenKakuGothicNew-Medium';
    src: url("../fonts/ZenKakuGothicNew-Medium.woff2") format("woff2");
    font-weight: 500;
    font-display: swap;
}

.tab-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 30px;
  gap: 6px;
}

.tab {
  height: 63px;
  color: #525252;
  font-family: ZenKakuGothicNew-Medium, sans-serif;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: .1em;
  text-align:center;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .3s;
}

section.lineup .tab {
  background-color: #f5f5f5;
}

section.menu .tab {
  background-color: #ffffff;
}

.tab.active {
  background-color: #4A6886 !important; 
  color: #ffffff;
  cursor: default;
}

.content {
  display: none;
}
.content.show {
  display: block;
}

@media screen and (min-width: 600px) {
  .tab-container {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (min-width: 1025px) {
  .tab {
    height: 70px;
    font-size: 1.5rem;
    line-height: 1.5;
  }
}