@charset "utf-8";

/* ==========================================
  Tickets Section Styles
========================================== */

.bz-tickets {
  background-image: url("../../../img/ticket_bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 60px 0 40px;
  padding: 3.75rem 0 2.5rem;
  color: var(--color__white);
  margin-top: -1px;
  margin-top: -0.0625rem;
}

.bz-tickets__inner {
  width: 83%;
  margin: auto;
}

.bz-tickets__pic {
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}

.bz-tickets__btn-pop {
  width: 70%;
  margin: auto;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.bz-tickets__btn a {
  width: 292px;
  width: 18.25rem;
  height: 70px;
  height: 4.375rem;
}

/* Media Queries
------------------------------ */
@media (min-width: 768px) {
  .bz-tickets {
    background-image: url("../../../img/ticket_bg-pc.jpg");
  }

  .bz-tickets__inner {
    max-width: 800px;
  }

  .bz-tickets__body {
    display: flex;
  }

  .bz-tickets__pic {
    width: 50%;
  }

  .bz-tickets__head {
    flex: 1;
    min-width: 0;
    padding-left: 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .bz-tickets__head-txt {
    margin-bottom: 50px;
    margin-bottom: 3.125rem;
    border-top: solid 1px var(--color__gray-dark);
    border-top: solid 0.0625rem var(--color__gray-dark);
    border-bottom: solid 1px var(--color__gray-dark);
    border-bottom: solid 0.0625rem var(--color__gray-dark);
  }

  .bz-tickets__head-txt p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    margin-bottom: 21px;
    margin-bottom: 1.3125rem;
    letter-spacing: 0.2em;
    margin-top: 21px;
    margin-top: 1.3125rem;
    padding: 0 20px;
    padding: 0 1.25rem;
  }

  .bz-tickets__btn {
    width: 100%;
  }

  .bz-tickets__btn a {
    width: 100%;
  }
}