@charset "UTF-8";
.bl-lineinfo, .bl-tickets, .bl-navi {
  width: 1000px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .bl-lineinfo, .bl-tickets, .bl-navi {
    width: auto;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}

.bl-navy-section {
  margin-bottom: 75px;
}
.bl-navy-section mark {
  color: #eb0000;
  background: none;
}
.bl-navy-section__title {
  margin-bottom: 40px;
  font-weight: 700;
  font-size: 1.8rem;
  background: #001955;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
}
.bl-navy-section__image {
  margin-bottom: 40px;
}
.bl-navy-section__image img {
  display: block;
  margin-bottom: 20px;
}
.bl-navy-section__image + .bl-navy-section__note {
  margin-top: -20px;
}
.bl-navy-section__note {
  font-size: 1rem;
  line-height: 1.6;
}
.bl-navy-section__description {
  margin-bottom: 40px;
}
.bl-navy-section__items {
  margin-bottom: 40px;
}
.bl-navy-section__item {
  margin-left: 1em;
  text-indent: -1em;
}
.bl-navy-section__text {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .bl-navy-section:last-of-type {
    margin-bottom: 0;
  }
  .bl-navy-section__title {
    height: 44px;
    font-size: 1.7rem;
    margin-bottom: 30px;
  }
  .bl-navy-section__image {
    margin-bottom: 35px;
    margin-top: 2em !important;
  }
  .bl-navy-section__description {
    margin-bottom: 35px;
  }
  .bl-navy-section__items {
    margin-bottom: 35px;
  }
  .bl-navy-section__text {
    text-align: left;
  }
}

.c-eyecatch {
  background-image: url(../img/tickets/tickets_mv_pc.jpg) !important;
}
@media screen and (max-width: 767px) {
  .c-eyecatch {
    background-image: url(../img/tickets/tickets_mv_sp.jpg) !important;
  }
}

.bl-eyecatch__floating {
  width: 160px;
  height: 160px;
}

.bl-eyecatch__floating {
  position: fixed;
  z-index: 5000;
  bottom: 25px;
  right: 15px;
  transform: translateX(150%);
  transition: opacity 0.3s, transform 1s;
}
.bl-eyecatch__floating.in-screen {
  transform: translateX(0) !important;
}
@media (min-width: 767.01px) {
  .bl-eyecatch__floating:hover {
    opacity: 0.7;
  }
}
.bl-eyecatch__floating img {
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.2));
}
@media screen and (max-width: 767px) {
  .bl-eyecatch__floating {
    width: 26.6666666667vw;
    height: 26.6666666667vw;
    right: 6px;
    bottom: 10px;
  }
}

.bl-navi {
  margin-bottom: 40px;
}
.bl-navi__items {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -20px;
}
.bl-navi__item {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}
.bl-navi__link {
  display: block;
  transition: opacity 0.3s;
}
@media (min-width: 767.01px) {
  .bl-navi__link:hover {
    opacity: 0.7;
  }
}
.bl-navi__text {
  color: #000f4b;
  text-align: center;
  font-size: 21px;
  line-height: 3.2rem;
  font-weight: bold;
  margin-bottom: 2em;
  padding: 2rem;
  border-radius: 10px;
  background-color: #eece1e;
}
@media screen and (max-width: 767px) {
  .bl-navi__items {
    flex-wrap: wrap;
  }
  .bl-navi__item {
    margin-bottom: 10px;
  }
  .bl-navi__text {
    text-align: left;
    font-size: 16px;
    line-height: 2.8rem;
  }
}

.bl-ticket {
  margin-top: 60px;
  margin-bottom: 60px;
  background: #FFFFFF;
  padding: 40px 50px 60px;
  scroll-margin: 80px;
}
.bl-ticket__title {
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1.5;
  color: #001955;
  text-align: center;
  height: 70px;
  background: #eece1e;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: YakuHanJPs, Inter, "Noto Sans JP", sans-serif !important;
}
.bl-ticket__subtitle {
  margin-top: 1.1em;
  font-weight: 700;
  font-size: 3.6rem;
  color: #001955;
  text-align: center;
  font-family: YakuHanJP, Inter, "Noto Sans JP", sans-serif;
  font-feature-settings: normal;
  line-height: 5rem !important;
}
.bl-ticket__subtitle strong {
  font-size: 1.3888888889em;
}
.bl-ticket__benefit {
  font-weight: 700;
  font-size: 2.4rem;
  text-align: center;
  font-family: YakuHanJP, Inter, "Noto Sans JP", sans-serif;
  font-feature-settings: normal;
  color: #eb0000;
}
.bl-ticket__limit {
  color: #ffffff;
  margin-top: 1rem;
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
  font-size: 2.2rem;
  background-color: #eb0000;
  max-width: 656px;
  margin: 1em auto 0;
  padding: 0.5em 0;
}
.bl-ticket__limit.mod_closed {
  color: #001955;
  background-color: #F5F7FA;
  border: 1px solid #001955;
}
.bl-ticket a.mod_closed {
  border-radius: 10em;
}
@media (min-width: 767.01px) {
  .bl-ticket a.mod_closed:hover {
    background-color: #eb0000;
  }
}
.bl-ticket__columns {
  margin-top: 40px;
}
.bl-ticket__columns img {
  margin: auto;
  display: block;
  width: 656px;
}
.bl-ticket__lottery_flow {
  margin-top: 50px;
  border: solid 1px #E1E3E6;
  padding-bottom: 50px;
}
.bl-ticket__lottery_flow h4 {
  text-align: center;
  font-weight: bold;
  font-size: 2.2rem;
  margin-top: 50px;
  color: #001955;
}
.bl-ticket__lottery_flow .lottery_flow_img {
  margin: auto;
  margin-top: 30px;
  width: 785px;
}
.bl-ticket__lottery_flow p.caution {
  text-align: center;
  font-size: 1.4rem;
}
.bl-ticket__description {
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: center;
}
.bl-ticket__button {
  font-weight: 700;
  margin: 40px auto 0;
  border-radius: 40px;
  background-color: #eb0000;
}
@media (min-width: 767.01px) {
  .bl-ticket__button:hover {
    background-color: #c89c00;
  }
}
.bl-ticket__button.mod_announce {
  background-color: #001955;
  border-radius: 0;
}
.bl-ticket__button.mod_purchase {
  background-color: #eb0000;
  border-radius: 40px;
  transition: background-color 0.3s;
}
.bl-ticket__button.mod_purchase .c-button-icon {
  transform: rotate(90deg);
  right: 1.5em;
}
@media (min-width: 767.01px) {
  .bl-ticket__button.mod_purchase:hover {
    background-color: #001955;
  }
}
.bl-ticket__button.mod_check-status {
  background-color: #001955;
  border-radius: 40px;
  transition: background-color 0.3s;
}
@media (min-width: 767.01px) {
  .bl-ticket__button.mod_check-status:hover {
    background-color: #eb0000;
  }
}
.bl-ticket__button-note {
  margin-top: 1em;
  font-size: 1.2rem;
  line-height: 1.6;
  text-align: center;
}
.bl-ticket__note {
  margin-top: 1em;
  line-height: 1.6;
  text-align: center;
}
.bl-ticket__note a {
  text-decoration: underline;
}
@media (min-width: 767.01px) {
  .bl-ticket__note a:hover {
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  .bl-ticket {
    margin-top: 40px;
    padding: 0 20px 60px;
  }
  .bl-ticket__title {
    margin-left: -20px;
    margin-right: -20px;
    font-size: 2.2rem;
    height: 56px;
  }
  .bl-ticket__subtitle {
    margin-top: 1.3em;
    font-size: 2rem;
    line-height: normal !important;
  }
  .bl-ticket__benefit {
    font-size: 1.6rem;
  }
  .bl-ticket__limit {
    margin-top: 0.8em;
    font-size: 1.6rem;
    line-height: 1.6;
  }
  .bl-ticket__columns {
    margin-top: 15px;
    display: block;
  }
  .bl-ticket__columns > * {
    margin-top: 25px;
    width: 100% !important;
  }
  .bl-ticket__lottery_flow {
    margin-top: 30px;
    border: solid 1px #E1E3E6;
    padding: 0 1em 3rem;
  }
  .bl-ticket__lottery_flow h4 {
    text-align: center;
    font-weight: bold;
    font-size: 1.8rem;
    margin-top: 3rem;
  }
  .bl-ticket__lottery_flow .lottery_flow_img {
    margin: auto;
    margin-top: 30px;
    width: 100%;
  }
  .bl-ticket__lottery_flow p.caution {
    text-align: left;
    font-size: 1.3rem;
    margin-top: 2rem;
    line-height: 1.8rem;
    text-indent: -1rem;
    padding-left: 1rem;
  }
  .bl-ticket__description {
    font-size: 1.2rem;
    text-align: left;
  }
  .bl-ticket__button {
    margin-top: 33px;
  }
  .bl-ticket__button.mod_announce {
    padding: 0.8em 0.7em;
  }
  .bl-ticket__button.mod_purchase {
    padding: 0.8em 2.8em 0.8em 2.2em;
    margin-top: 40px;
    height: 70px;
  }
  .bl-ticket__button.mod_purchase .c-button-icon {
    right: 1.3em;
  }
}

.bl-benefits {
  margin-top: 40px;
  text-align: center;
}
.bl-benefits__title {
  font-size: 3rem;
  font-weight: bold;
  border-top: solid 1px #E1E3E6;
  padding: 30px 0 60px;
}
.bl-benefits__title span {
  color: #eb0000;
}
.bl-benefits__masusuite-yellow .bl-benefits__item-inner, .bl-benefits__masusuite-orange .bl-benefits__item-inner, .bl-benefits__masusuite-blue .bl-benefits__item-inner {
  padding-bottom: 0;
}
.bl-benefits__masusuite-yellow {
  border: 10px solid #FFE100;
  margin-bottom: 60px;
  background-color: #FFFFF1;
}
.bl-benefits__masusuite-orange {
  border: 10px solid #F59B00;
  margin-bottom: 60px;
  background-color: #FFFFF1;
}
.bl-benefits__masusuite-blue {
  border: 10px solid #0092e1;
  margin-bottom: 60px;
  background-color: #FFFFF1;
}
.bl-benefits__basicbox {
  border: 3px solid #000F46;
  margin-bottom: 60px;
  background-color: #FFFFF1;
}
.bl-benefits__seatname {
  margin-top: -30px;
}
.bl-benefits__item-inner {
  width: 810px;
  margin: 0 auto;
  padding: 30px 0;
}
.bl-benefits__item-inner li:first-child {
  padding-bottom: 20px;
}
.bl-benefits__item-inner li + li {
  border-top: dashed 1px #000F46;
  padding: 20px 0;
}

@media screen and (max-width: 767px) {
  .bl-benefits__title {
    font-size: 2rem;
  }
  .bl-benefits__title br {
    display: block;
  }
  .bl-benefits__masusuite-yellow .bl-benefits__item-inner, .bl-benefits__masusuite-orange .bl-benefits__item-inner, .bl-benefits__masusuite-blue .bl-benefits__item-inner {
    padding-top: 2.6666666667vw;
  }
  .bl-benefits__seatname {
    margin-top: -6.6666666667vw;
  }
  .bl-benefits__item-inner {
    width: 69.3333333333vw;
  }
}
.bl-cashless {
  border-top: solid 1px #E1E3E6;
  border-bottom: solid 1px #E1E3E6;
  padding: 30px;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
}
.bl-cashless__title img {
  display: block;
  margin: auto;
}
.bl-cashless__description {
  margin-top: 1.375em;
  line-height: 2;
  white-space: pre-line;
  text-align: center;
}
.bl-cashless__description a {
  color: #eece1e;
  text-decoration: underline;
  word-break: break-all;
}
@media (min-width: 767.01px) {
  .bl-cashless__description a:hover {
    text-decoration: none;
  }
}

@media screen and (max-width: 767px) {
  .bl-cashless {
    width: auto;
    margin-top: 40px;
  }
  .bl-cashless__description {
    margin-top: 0.8em;
    line-height: 1.8;
    text-align: left;
  }
}
.bl-navy-section {
  padding: 60px 50px 0;
  margin-bottom: 0;
  scroll-margin: 80px;
}
.bl-navy-section:last-of-type {
  padding-bottom: 80px;
}
.bl-navy-section__ticket {
  overflow: hidden;
}
.bl-navy-section__ticket-items {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-bottom: -20px;
}
.bl-navy-section__ticket-item {
  margin-bottom: 20px;
  position: relative;
}
.bl-navy-section__ticket-item img {
  display: block;
}
.bl-navy-section__ticket-item-label {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: #FFFFFF;
  border-radius: 4px;
  font-size: 1.4rem;
  width: 210px;
  height: 26px;
  bottom: 58px;
  right: 20px;
  background-color: #eb0000;
}
.bl-navy-section__ticket-item-label.mod_soldout {
  font-size: 1.6rem;
  background-color: rgba(30, 32, 35, 0.85);
  width: 210px;
  height: 42px;
  bottom: 16px;
  right: 20px;
}
.bl-navy-section__ticket-items-large {
  overflow: hidden;
  width: 790px;
  margin: 30px auto 0;
}
.bl-navy-section__ticket-items-large img {
  display: block;
}
.bl-navy-section__ticket-item-large {
  position: relative;
  margin-bottom: 20px;
}
.bl-navy-section__ticket-item-large .label {
  height: 35px;
  margin-bottom: 20px;
  font-size: 1.4rem;
  background-color: #eb0000;
  color: #ffffff;
  text-align: center;
  width: 90px;
  left: 280px;
  border-radius: 4px;
  font-weight: 500;
  line-height: 35px;
}
.bl-navy-section__ticket-item-large .label-1 {
  position: absolute;
  top: 125px;
}
.bl-navy-section__ticket-item-large .label-2 {
  position: absolute;
  top: 176px;
}
.bl-navy-section__ticket-item-large .label-3 {
  position: absolute;
  top: 232px;
}
.bl-navy-section__ticket-item-large .label-4 {
  position: absolute;
  top: 288px;
}
.bl-navy-section__ticket-item-large .mod_soldout {
  width: 490px;
  background-color: rgba(30, 32, 35, 0.85);
  right: 20px;
}
.bl-navy-section__map-title {
  margin: 60px 0 1em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .bl-navy-section {
    padding: 40px 20px 10px;
  }
  .bl-navy-section:last-of-type {
    padding-bottom: 50px;
  }
  .bl-navy-section__map-title {
    margin-top: 40px;
    font-weight: 500;
  }
  .bl-navy-section__ticket-item-label {
    font-size: 1.2rem;
    width: 40vw;
    height: 5.3333333333vw;
    bottom: 11.2vw;
    right: 4vw;
  }
  .bl-navy-section__ticket-item-label.mod_soldout {
    font-size: 1.4rem;
    width: 40vw;
    height: 9.3333333333vw;
    bottom: 2.6666666667vw;
    right: 4vw;
  }
  .bl-navy-section__ticket-items-large {
    overflow: hidden;
    width: auto;
    margin: 20px auto 0;
  }
  .bl-navy-section__ticket-items-large img {
    display: block;
  }
  .bl-navy-section__ticket-item-large {
    position: relative;
  }
  .bl-navy-section__ticket-item-large .label {
    height: 5.3333333333vw;
    width: 21.3333333333vw;
    right: 4vw;
    line-height: 5.3333333333vw;
    font-size: 1.2rem;
    text-align: center;
    left: 53.0666666667vw;
  }
  .bl-navy-section__ticket-item-large .label-1 {
    position: absolute;
    top: 70.6666666667vw;
  }
  .bl-navy-section__ticket-item-large .label-2 {
    position: absolute;
    top: 86.4vw;
  }
  .bl-navy-section__ticket-item-large .label-3 {
    position: absolute;
    top: 102.1333333333vw;
  }
  .bl-navy-section__ticket-item-large .label-4 {
    position: absolute;
    top: 117.8666666667vw;
  }
  .bl-navy-section__ticket-item-large .mod_soldout {
    width: 100%;
    background-color: rgba(30, 32, 35, 0.85);
    left: 0vw;
    height: 16vw;
    line-height: 16vw;
  }
}

.bl-confirm {
  background: #FFFFFF;
  padding: 80px 50px;
  scroll-margin: 120px;
}
.bl-confirm__title {
  font-size: 2.4rem;
  font-weight: 700;
  color: #001955;
  text-align: center;
}
.bl-confirm__description {
  margin-top: 0.9375em;
  text-align: center;
}
.bl-confirm__frame {
  margin-top: 40px;
}
.bl-confirm__content {
  padding: 33px;
  background: #F5F7FA;
}
.bl-confirm__content-scrollable {
  margin: -27px;
  padding: 33px;
  max-height: 406px;
  overflow-y: auto;
}
.bl-confirm__content-scrollable::-webkit-scrollbar {
  background: #E6E6E6;
  width: 6px;
  --webkit-overflow-scrolling: touch;
}
.bl-confirm__content-scrollable::-webkit-scrollbar-thumb {
  background: #969696;
  border-radius: 3px;
}
.bl-confirm__form {
  background: #EBEDF0;
  padding: 0 40px;
  min-height: 80px;
  font-weight: 500;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.bl-confirm__form:before {
  content: "";
  display: block;
  min-width: 30px;
  height: 30px;
  background: url(../img/tickets/checkbox-off.png) no-repeat center center/cover;
  margin-right: 0.75em;
}
.bl-confirm__button-resale {
  margin: 20px auto 0;
  width: 300px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #001955;
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: 500;
  transition: background-color 0.3s;
}
@media (min-width: 767.01px) {
  .bl-confirm__button-resale:hover {
    background-color: #eb0000;
  }
}
.bl-confirm__button-resale .icon-modal-wht {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: translateX(-100%);
}
.bl-confirm__purchase-button {
  cursor: not-allowed;
  user-select: none;
  background-color: #646669;
  margin-bottom: 0;
  border-radius: 10em;
  font-weight: 700;
  margin: 40px auto 0;
}
.bl-confirm__purchase-button::after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  right: 1.3em;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../img/common/icon/icon-external-link-slash-wht.svg");
}
@media (min-width: 767.01px) {
  .bl-confirm__purchase-button:hover {
    background-color: #646669;
  }
}
.bl-confirm__purchase-note {
  margin-top: 1em;
  font-size: 1.2rem;
  line-height: 1.6;
  text-align: center;
}
.bl-confirm__notes {
  margin-top: 58px;
  padding: 16px 20px;
  border: solid 1px #E1E3E6;
}
.bl-confirm__note {
  line-height: 2;
  margin-left: 1em;
  text-indent: -1em;
}
.bl-confirm #confirm2:checked + #confirm3:checked ~ .bl-confirm__purchase .bl-confirm__purchase-button {
  cursor: pointer;
  pointer-events: all;
  background-color: #eb0000;
  margin: 40px auto 0;
}
.bl-confirm #confirm2:checked + #confirm3:checked ~ .bl-confirm__purchase .bl-confirm__purchase-button::after {
  background-image: url("../img/common/icon/icon-external-link-wht.svg");
}
@media (min-width: 767.01px) {
  .bl-confirm #confirm2:checked + #confirm3:checked ~ .bl-confirm__purchase .bl-confirm__purchase-button:hover {
    background-color: #c89c00;
  }
}
.bl-confirm #confirm2:checked ~ .confirm2 .bl-confirm__form::before, .bl-confirm #confirm3:checked ~ .confirm3 .bl-confirm__form::before {
  background-image: url(../img/tickets/checkbox-on.png);
}
@media screen and (max-width: 767px) {
  .bl-confirm {
    padding: 45px 20px;
  }
  .bl-confirm__title {
    font-size: 2.2rem;
  }
  .bl-confirm__description {
    margin-top: 1em;
    line-height: 1.8;
    text-align: left;
  }
  .bl-confirm__frame {
    margin-top: 30px;
  }
  .bl-confirm__content {
    max-height: 80vh;
    padding: 30px 16px;
  }
  .bl-confirm__content-scrollable {
    margin: -27px -12px;
    padding: 30px 16px;
  }
  .bl-confirm__form {
    min-height: 104px;
    padding: 0 20px;
    line-height: 1.6;
  }
  .bl-confirm__button-resale {
    width: 245px;
    height: 40px;
    font-size: 1.4rem;
    letter-spacing: 0;
  }
  .bl-confirm__button-resale .icon-modal-wht {
    transform: translateX(-80%);
  }
  .bl-confirm__purchase-button {
    padding: 0.8em 2.8em 0.8em 2.2em;
  }
}

.bl-covid__title {
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 700;
}
.bl-covid__description {
  margin-top: 1em;
}
.bl-covid__group-title {
  margin-top: 1.6em;
  font-weight: 700;
}
.bl-covid__group-content {
  margin-top: 0.6em;
  white-space: pre-line;
}
@media screen and (max-width: 767px) {
  .bl-covid__title {
    font-size: 1.7rem;
    text-align: left;
  }
  .bl-covid__description {
    margin-top: 1.5em;
  }
}

.bl-announce {
  background: #F5F7FA;
  padding: 60px 50px;
}
.bl-announce__title {
  text-align: center;
  font-weight: 700;
  font-size: 2.4rem;
  color: #001955;
}
.bl-announce__title:not(:nth-of-type(1)) {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #E1E3E6;
}
@media screen and (max-width: 767px) {
  .bl-announce__title:not(:nth-of-type(1)) {
    margin-top: 40px;
    padding-top: 40px;
  }
}
.bl-announce__button {
  margin: 40px auto 0;
  height: 80px;
  background: #eb0000;
  transition: background-color 0.3s;
}
@media (min-width: 767.01px) {
  .bl-announce__button:hover {
    background-color: #c89c00;
  }
}
.bl-announce__button.resle-guide-button {
  background: #001955;
}
@media (min-width: 767.01px) {
  .bl-announce__button.resle-guide-button:hover {
    background-color: #eb0000;
  }
}
.bl-announce__note {
  margin-top: 1em;
  color: #eb0000;
  line-height: 1;
  text-align: center;
}
.bl-announce__note.resle-guide-note {
  color: #1E2023;
}
.bl-announce__notes {
  margin-top: 30px;
  padding: 16px 20px;
  background: #EBEDF0;
}
.bl-announce__notes li {
  line-height: 2;
  margin-left: 1em;
  text-indent: -1em;
}
.bl-announce__notes li span {
  color: #eb0000;
}
@media screen and (max-width: 767px) {
  .bl-announce {
    padding: 40px 20px 50px;
  }
  .bl-announce__title {
    font-size: 2.2rem;
  }
  .bl-announce__button {
    margin-top: 25px;
    padding: 0.8em 2.5em !important;
    font-size: 1.5rem;
  }
}

body .modaal-wrapper .bl-modal section.guide {
  margin: 15px auto;
}
body .modaal-wrapper .bl-modal section.guide p {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 1em auto;
}
body .modaal-wrapper .bl-modal section.guide p.ttl {
  margin-top: 0;
  margin-bottom: 2em;
  font-size: 1.8rem;
  text-align: center;
}
body .modaal-wrapper .bl-modal section.guide ul {
  margin-bottom: 50px;
}
body .modaal-wrapper .bl-modal section.guide ul li {
  font-size: 1.5rem;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.8;
}
body .modaal-wrapper .bl-modal section.guide ul li + li {
  margin-top: 0.5em;
}
@media screen and (max-width: 767px) {
  body .modaal-wrapper .bl-modal section.guide p.ttl {
    font-size: 1.7rem;
    text-align: left;
  }
  body .modaal-wrapper .bl-modal section.guide ul {
    margin-bottom: 40px;
  }
}

.bl-lineinfo {
  width: 860px;
  background-color: #FFFFFF;
  padding: 50px 50px 60px;
  position: relative;
  margin-top: 120px;
  border-radius: 10px;
}
.bl-lineinfo h3 {
  margin: 2rem auto 0;
}
.bl-lineinfo h3 img {
  margin: auto;
}
.bl-lineinfo .c-button {
  margin: 4rem auto 0.5rem;
  width: 606px;
}
@media screen and (max-width: 767px) {
  .bl-lineinfo .c-button {
    margin: 2rem auto 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .bl-lineinfo {
    width: 78.6666666667vw;
    padding: 5.3333333333vw 5.3333333333vw 5.3333333333vw;
    margin-top: 10.6666666667vw;
  }
}
.bl-lineinfo__deco {
  position: absolute;
  top: -22px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .bl-lineinfo__deco {
    width: 53.3333333333vw;
    top: -14px;
  }
}
.bl-lineinfo__button-note {
  font-size: small;
  text-align: center;
}
.bl-lineinfo__notes {
  padding-top: 2rem;
  border-top: 1px solid #e5e5e5;
  margin-top: 2rem;
}
.bl-lineinfo .accordion-header {
  background-color: #eee;
  cursor: pointer;
  padding: 1em;
  width: 100%;
  border: none;
  text-align: left;
  font-size: 1.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.3s ease;
  color: #001955;
}
.bl-lineinfo .accordion-header:hover {
  background-color: #ddd;
}
.bl-lineinfo .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  background-color: #f9f9f9;
  padding: 0 1em;
  font-size: 1.2rem;
}
.bl-lineinfo .accordion-content dd {
  padding-left: 1rem;
}
.bl-lineinfo .accordion-content dd p {
  line-height: 1.8rem;
  padding-top: 1rem;
}
.bl-lineinfo .accordion-content dd ul {
  margin-top: 1rem;
}
.bl-lineinfo .accordion-content dd ul li {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.8rem;
}
.bl-lineinfo .accordion-content dd ul li + li {
  margin-top: 0.5rem;
}
.bl-lineinfo .accordion-content dt {
  text-indent: -1rem;
  padding-left: 1rem;
}
.bl-lineinfo .accordion-content dt:not(:first-of-type) {
  margin-top: 1rem;
}
.bl-lineinfo .accordion-content.open {
  padding: 1em;
  max-height: 700px; /* 十分に大きい値（内容に応じて調整） */
}
.bl-lineinfo .icon {
  font-weight: bold;
  font-size: 1.2em;
}/*# sourceMappingURL=page-tickets.css.map */