@charset "UTF-8";

/* MV
---------------------------------------------------- */
.mv {
  background-image: url(../img/08_alcohol/mv_pc.webp);
  @media (min-width: 769px) and (max-width: 1024px) {
    background-image: url(../img/08_alcohol/mv_tb.webp);
  }
  @media (max-width: 768px) {
    background-image: url(../img/08_alcohol/mv_sp.webp);
  }
}

/* sectionCategory
---------------------------------------------------- */
.sectionCategory_list {
  max-width: 688px;
}

/* sectionBrand
---------------------------------------------------- */
.sectionBrand_list {
  display: grid;
  grid-template-areas: 
    "wine champagne whisky"
    "wine china whisky"
    "brandy sake shochu"
  ;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  @media (max-width: 768px) {
    grid-template-areas:
      "wine"
      "champagne"
      "china"
      "whisky"
      "brandy"
      "sake"
      "shochu";
    grid-template-columns: 1fr;
  }
  .item {
    justify-content: flex-start;
    gap: 8px;
    @media (max-width: 768px) {
      max-width: 100%;
    }
    .title {
      font-size: 2rem;
      font-weight: 700;
      color: var(--lighttan);
    }
    ul {
      width: 100%;
      li {
        border-bottom: 1px solid var(--lighttan);
        padding: 4px;
      }
    }
  }
  .wine      { grid-area: wine; }
  .champagne { grid-area: champagne; }
  .whisky    { grid-area: whisky; }
  .brandy    { grid-area: brandy; }
  .china     { grid-area: china; }
  .sake      { grid-area: sake; }
  .shochu    { grid-area: shochu; }
}