/* =====================================================
   ユーティリティ
   ===================================================== */
.mt-5 {
  margin-top: .5em;
}

/* =====================================================
   sec__container-image
   ===================================================== */
.sec__container-image.fl {
  gap: .5em;
}

/* =====================================================
   lagoon-ticket-list
   チケット種別リスト（MORNING / FULL DAY / TWILIGHT）
   ===================================================== */
.lagoon-ticket-list {
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

.lagoon-ticket-list__item {
  min-width: 0;
  flex: 1 1 200px;
}

.lagoon-ticket-list__item .ev-ttl {
  line-height: 1.3;
  margin-top: .5em;
}

/* =====================================================
   list-fl-item 間隔
   ===================================================== */
._sec2 .list .list-fl-item {
  display: block;
}

._sec2 .list .list-fl-item + .list-fl-item {
  margin-top: 1.5em;
}

._sec2 .list .list-fl-item {
  line-height: 1.4;
}

/* =====================================================
   ticket-capacity
   入場人数について
   ===================================================== */
.ticket-capacity {
  margin-top: 2em;
}

.ticket-capacity__list {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1.5;
}

.ticket-capacity__list li + li {
  margin-top: 0.5em;
}

/* =====================================================
   attraction-list
   アトラクション一覧
   ===================================================== */
.attraction-list {
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

.attraction-list__item {
  min-width: 0;
  flex: 1 1 180px;
}

/* 横並びになる 768px 以上で3列固定（最後の行が伸びないように grow を止める） */
@media screen and (min-width: 768px) {
  .attraction-list__item {
    flex: 0 0 calc((100% - 2em) / 3);
  }
}