@charset "UTF-8";

/* =============================================================================

Banquet Rooms CSS

・ご宴会・会議用CSS「.banquet_rooms-×××」

上記はここに記述する

============================================================================= */


/* 大宴会場
----------------------------------------------------------------------------- */
.banquet_rooms-large {
  @media (width > 640px) {
  }
  @media (width <= 640px) {
  }
  .main {
    @media (width > 640px) {
      display:grid;
      grid-template-columns:1fr 72.0rem;
      grid-auto-flow: column;
      align-items: center;
      gap:8.0rem;
    }
    @media (width <= 640px) {
    }

    .img {
      @media (width > 640px) {
        grid-column: 2/3;
      }
      @media (width <= 640px) {
      }
    }
    .text {
      .name {
        margin-bottom:3.2rem;
        @media (width > 640px) {
        }
        @media (width <= 640px) {
          margin-block:3.2rem 1.6rem;
        }
      }
      .l-button-A {
        @media (width <= 640px) {
          margin-top:1.6rem;
        }
      }
    }
  }
  .sub {
    margin-top:4.8rem;
    border-bottom:1px solid var(--cc-gray_line-A);
    position:relative;
    @media (width > 640px) {
      display:grid;
      grid-template-columns: repeat(3,28.5rem);
      column-gap:11.0rem;
      position:relative;
    }
    @media (width <= 640px) {
      margin-top:5.6rem;
    }
    &::before {
      content:"";
      height:1px;
      background-image:linear-gradient(
        to right,
        var(--cc-red-A) 2.4rem,
        transparent 2.4rem,
        transparent 3.2rem,
        var(--cc-gray_line-A) 3.2rem
      );
      position:absolute;
      top:0;
      inset-inline:0;
    }

    > div {
      padding-block:2.4rem;
      @media (width > 640px) {
        &:nth-child(3n+4)::before {
          content:"";
          margin-top:-2.4rem;
          border-top:1px solid var(--cc-gray_line-A);
          position:absolute;
          inset-inline:0;
        }
      }
      @media (width <= 640px) {
        &:not(:first-child) {
          border-top:1px solid var(--cc-gray_line-A);
        }
      }
    }
    dt {
      margin-bottom:.8rem;
    }
  }
}


/* SelectorName
----------------------------------------------------------------------------- */
.banquet_rooms-SelectorName {
  @media (width > 640px) {
  }
  @media (width <= 640px) {
  }
}