.AdminHeader_header__OYf32 {
  background-color: var(--background-default);
  border-bottom: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%);
}

.AdminHeader_container__mZ6QI {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  padding: 12px 24px;
  margin: 0 auto;
}

.AdminHeader_userInfo__AyzDJ {
  display: flex;
  gap: 24px;
  align-items: center;
}

.AdminHeader_userInfoItem__Q4qDe {
  display: flex;
  gap: 8px;
  align-items: center;
}

.AdminHeader_label__xxbgH {
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
}

.AdminHeader_value__ezDGr {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}

.AdminHeader_logoutButton__BlKXK {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-inverse);
  cursor: pointer;
  background-color: #ef4444;
  border: none;
  border-radius: 6px;
  transition: background-color 0.2s;
}

.AdminHeader_logoutButton__BlKXK:hover {
  background-color: #dc2626;
}

.AdminHeader_logoutButton__BlKXK:active {
  background-color: #b91c1c;
}

.ProgressStep_container__zO1_U {
  display: flex;
  align-items: center;
  justify-content: start;
  position: relative;
  width: 100%;
  max-width: 400px;
  padding: 0 2px;
  isolation: isolate;
}

.ProgressStep_stepContainer__NB09W {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
  z-index: 13;
  margin-right: -2px;
}

.ProgressStep_stepCircle__mtTxd {
  background-color: var(--background-subtle2);
  border-radius: 9999px;
  width: 8px;
  height: 8px;
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ProgressStep_stepCircleActive__dEU2O {
  background-color: var(--background-primary-action-enabled);
}

.ProgressStep_stepCircleCompleted__xjn__ {
  background-color: var(--background-primary-action-enabled);
}

.ProgressStep_dot__VgeZq {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  fill: var(--background-primaryAction-enabled, #262220);
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8Z' fill='%23262220'/%3E%3Ccircle cx='8' cy='8' r='7' stroke='%23262220' stroke-width='2'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.ProgressStep_stepCircleActive__dEU2O .ProgressStep_dot__VgeZq {
  display: block;
}

.ProgressStep_stepCircle__mtTxd:not(.ProgressStep_stepCircleActive__dEU2O) .ProgressStep_dot__VgeZq {
  display: none;
}

.ProgressStep_stepLabel__kPa3I {
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.96px;
  color: var(--text-subtle2);
  text-align: center;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  min-width: 85px;
}

.ProgressStep_line__NjZ81 {
  background-color: var(--background-subtle2);
  height: 2px;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 1px;
  min-height: 1px;
  margin-right: -2px;
  flex-shrink: 0;
  z-index: 12;
}

.ProgressStep_lineCompleted__Cafoj {
  background-color: var(--background-primary-action-enabled);
}

/* Responsive design */
@media (max-width: 1119px) {
  .ProgressStep_container__zO1_U {
    max-width: 360px;
  }

  .ProgressStep_stepContainer__NB09W {
    gap: 8px;
  }

  .ProgressStep_stepLabel__kPa3I {
    top: 14px;
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 0.88px;
    min-width: 85px;
  }
}

@media (max-width: 767px) {
  .ProgressStep_container__zO1_U {
    max-width: 300px;
    padding: 0;
  }

  .ProgressStep_stepContainer__NB09W {
    gap: 6px;
  }

  .ProgressStep_stepCircle__mtTxd {
    width: 6px;
    height: 6px;
  }

  .ProgressStep_dot__VgeZq {
    width: 12px;
    height: 12px;
  }

  .ProgressStep_stepLabel__kPa3I {
    top: 12px;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0.8px;
    min-width: 64px;
  }
}

.bookingTicketDateChangeFlowHeader_container__bKXT3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sp64);
  align-items: center;
  width: 100%;
  font-family: var(--font-family-default);
}

.bookingTicketDateChangeFlowHeader_progressContainer__n35N_ {
  display: flex;
  justify-content: center;
  width: 100%;
}

.bookingTicketDateChangeFlowHeader_warning__Y4qYs {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sp16);
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 20px;
  color: var(--text-inverse);
  text-align: center;
  background-color: var(--background-error);
  border-radius: var(--border-radius-panel);
}

.bookingTicketDateChangeFlowHeader_warningTitle__7umDa {
  font-size: var(--font-size-30);
  line-height: var(--line-height-30);
  color: var(--text-inverse);
  letter-spacing: 8%;
}

.bookingTicketDateChangeFlowHeader_warningText__h7dbi {
  font-size: var(--font-size-20);
  line-height: var(--line-height-20);
  color: var(--text-inverse);
  letter-spacing: 8%;
}

.bookingTicketDateChangePriceAdjustment_container__WT5Uq {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-20202016);
  width: 100%;
  padding: var(--padding-gap-40404032);
  font-family: var(--font-family-default);
  border: 1px solid var(--border-default);
  border-radius: var(--border-radius-card);
}

.bookingTicketDateChangePriceAdjustment_heading__myBXM {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bookingTicketDateChangePriceAdjustment_headingText__v7Zec {
  font-size: var(--font-size-30);
  line-height: var(--line-height-30);
  color: var(--text-subtle);
  letter-spacing: 8%;
}

.bookingTicketDateChangePriceAdjustment_group__xnaX0 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sp-none);
}

.bookingTicketDateChangePriceAdjustment_item__Dq4g_ {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.bookingTicketDateChangePriceAdjustment_itemTitle__XBc72 {
  gap: var(--spacing-sp2);
  padding-top: var(--spacing-sp4);
}

.bookingTicketDateChangePriceAdjustment_itemTitle__XBc72 p {
  font-size: var(--font-size-20);
  line-height: var(--line-height-20);
  color: var(--text-default);
  letter-spacing: 8%;
}

.bookingTicketDateChangePriceAdjustment_itemPrice__3bCCc {
  display: flex;
  gap: var(--spacing-sp4);
  align-items: baseline;
  justify-content: flex-end;
  flex-wrap: nowrap;
  white-space: nowrap;
  flex-shrink: 0;
}

.bookingTicketDateChangePriceAdjustment_itemPrice__3bCCc p {
  font-size: var(--font-size-20);
  line-height: var(--line-height-20);
  color: var(--text-default);
  letter-spacing: 8%;
  white-space: nowrap;
}

.bookingTicketDateChangePriceAdjustment_currencyTax__Sks3Q {
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
  white-space: nowrap;
  flex-shrink: 0;
  gap: var(--spacing-sp4);
  padding-top: var(--spacing-sp4);
}

.bookingTicketDateChangePriceAdjustment_currency__jcZYl {
  font-size: var(--font-size-20);
  line-height: var(--line-height-20);
  color: var(--text-default);
  letter-spacing: 8%;
}

.bookingTicketDateChangePriceAdjustment_taxIncluded__Fv8Ya {
  font-size: var(--font-size-20);
  line-height: var(--line-height-20);
  color: var(--text-subtle);
  letter-spacing: 8%;
}

.bookingTicketDateChangePriceAdjustment_separator__Pyxhn {
  width: 100%;
  height: 1px;
  background-color: var(--border-default);
}

.bookingTicketDateChangePriceAdjustment_total__5WQvg {
  display: flex;
  gap: var(--spacing-sp8);
  align-items: baseline;
  justify-content: flex-end;
}

.bookingTicketDateChangePriceAdjustment_totalPrefixText__gjE2y {
  gap: var(--spacing-sp2);
  padding-top: var(--spacing-sp4);
  font-size: var(--font-size-20);
  line-height: var(--line-height-20);
  letter-spacing: 8%;
}

.bookingTicketDateChangePriceAdjustment_totalValue__UDYYP {
  display: flex;
  gap: var(--spacing-sp4);
  align-items: baseline;
}

.bookingTicketDateChangePriceAdjustment_totalPrice__88R_L {
  font-size: var(--font-size-40);
  font-weight: var(--font-weight-700);
  line-height: var(--line-height-40);
  letter-spacing: 8%;
}

.bookingTicketDateChangePriceAdjustment_totalCurrencyTax__HYgix {
  display: flex;
  gap: var(--spacing-sp4);
  align-items: baseline;
  padding-top: var(--spacing-sp4);
}

.bookingTicketDateChangePriceAdjustment_totalCurrencyTax__HYgix .bookingTicketDateChangePriceAdjustment_currency__jcZYl {
  font-size: var(--font-size-20);
  line-height: var(--line-height-20);
  color: var(--text-default);
  letter-spacing: 8%;
}

.bookingTicketDateChangePriceAdjustment_totalCurrencyTax__HYgix .bookingTicketDateChangePriceAdjustment_taxIncluded__Fv8Ya {
  font-size: var(--font-size-20);
  line-height: var(--line-height-20);
  color: var(--text-subtle);
  letter-spacing: 8%;
}

.button_button__kLa_n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sp-none);
  width: auto;
  max-width: 100%;
  word-break: keep-all;
  transition:
    background 0.3s ease-in-out,
    border 0.3s ease-in-out;
  box-sizing: border-box;
}

.button_button__kLa_n.button_variant-primary___jgTQ.button_size-default__aCNJT {
  align-self: stretch;
  justify-content: center;
  min-width: 320px;
  padding: var(--padding-gap-20202016) var(--padding-gap-32323224);
  background: var(--background-primary-action-enabled);
  border: var(--border-width-bw2) solid var(--border-primary-action-enabled);
  border-radius: var(--border-radius-button);
}

.button_buttonText__b2Xag.button_variant-primary___jgTQ.button_size-default__aCNJT {
  flex: 0 1 auto;
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-30) /* 200% */;
  color: var(--text-primary-action-enabled);
  text-align: center;
  letter-spacing: 1.28px;
}

.button_button__kLa_n.button_variant-primary___jgTQ.button_size-sm__5hmUg {
  min-width: 120px;
  padding: var(--padding-gap-1212128) var(--padding-gap-16161612);
  background: var(--background-primary-action-enabled);
  border: var(--border-width-bw2) solid var(--border-primary-action-enabled);
  border-radius: var(--border-radius-button);
}

.button_buttonText__b2Xag.button_variant-primary___jgTQ.button_size-sm__5hmUg {
  flex: 0 1 auto;
  font-family: var(--font-family-default);
  font-size: var(--font-size-20);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-20) /* 200% */;
  color: var(--text-primary-action-enabled);
  text-align: center;
  letter-spacing: 1.12px;
}

.button_button__kLa_n.button_variant-irreversible__il6RT.button_size-default__aCNJT {
  min-width: 320px;
  padding: var(--padding-gap-20202016) var(--padding-gap-32323224);
  background: var(--background-irreversible-action-enabled);
  border: var(--border-width-bw2) solid
    var(--border-irreversible-action-enabled);
  border-radius: var(--border-radius-button);
}

.button_buttonText__b2Xag.button_variant-irreversible__il6RT.button_size-default__aCNJT {
  flex: 0 1 auto;
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-30) /* 200% */;
  color: var(--text-irreversible-action-enabled);
  text-align: center;
  letter-spacing: 1.28px;
}

.button_button__kLa_n.button_variant-irreversible__il6RT.button_size-sm__5hmUg {
  min-width: 120px;
  padding: var(--padding-gap-1212128) var(--padding-gap-16161612);
  background: var(--background-irreversible-action-enabled);
  border: var(--border-width-bw2) solid
    var(--border-irreversible-action-enabled);
  border-radius: var(--border-radius-button);
}

.button_buttonText__b2Xag.button_variant-irreversible__il6RT.button_size-sm__5hmUg {
  flex: 0 1 auto;
  font-family: var(--font-family-default);
  font-size: var(--font-size-20);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-20) /* 200% */;
  color: var(--text-irreversible-action-enabled);
  text-align: center;
  letter-spacing: 1.12px;
}

.button_button__kLa_n.button_variant-primary___jgTQ.button_size-default__aCNJT:hover {
  min-width: 320px;
  padding: var(--padding-gap-20202016) var(--padding-gap-32323224);
  background: var(--background-primary-action-hovered);
  border: var(--border-width-bw2) solid var(--border-primary-action-hovered);
  border-radius: var(--border-radius-button);
}

.button_buttonText__b2Xag.button_variant-primary___jgTQ.button_size-default__aCNJT:hover {
  flex: 0 1 auto;
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-30) /* 200% */;
  color: var(--text-primary-action-hovered);
  text-align: center;
  letter-spacing: 1.28px;
}

.button_button__kLa_n.button_variant-primary___jgTQ.button_size-sm__5hmUg:hover {
  min-width: 120px;
  padding: var(--padding-gap-1212128) var(--padding-gap-16161612);
  background: var(--background-primary-action-hovered);
  border: var(--border-width-bw2) solid var(--border-primary-action-hovered);
  border-radius: var(--border-radius-button);
}

.button_buttonText__b2Xag.button_variant-primary___jgTQ.button_size-sm__5hmUg:hover {
  flex: 0 1 auto;
  font-family: var(--font-family-default);
  font-size: var(--font-size-20);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-20) /* 200% */;
  color: var(--text-primary-action-hovered);
  text-align: center;
  letter-spacing: 1.12px;
}

.button_button__kLa_n.button_variant-primary___jgTQ.button_size-default__aCNJT[disabled] {
  min-width: 320px;
  padding: var(--padding-gap-20202016) var(--padding-gap-32323224);
  background: var(--background-primary-action-disabled);
  border: var(--border-width-bw2) solid var(--border-primary-action-disabled);
  border-radius: var(--border-radius-button);
}

.button_buttonText__b2Xag.button_variant-primary___jgTQ.button_size-default__aCNJT[disabled] {
  flex: 0 1 auto;
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-30) /* 200% */;
  color: var(--text-primary-action-disabled);
  text-align: center;
  letter-spacing: 1.28px;
}

.button_button__kLa_n.button_variant-primary___jgTQ.button_size-sm__5hmUg[disabled] {
  min-width: 120px;
  padding: var(--padding-gap-1212128) var(--padding-gap-16161612);
  background: var(--background-primary-action-disabled);
  border: var(--border-width-bw2) solid var(--border-primary-action-disabled);
  border-radius: var(--border-radius-button);
}

.button_buttonText__b2Xag.button_variant-primary___jgTQ.button_size-sm__5hmUg[disabled] {
  flex: 0 1 auto;
  font-family: var(--font-family-default);
  font-size: var(--font-size-20);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-20) /* 200% */;
  color: var(--text-primary-action-disabled);
  text-align: center;
  letter-spacing: 1.12px;
}

.button_button__kLa_n.button_variant-secondary__LWHFs.button_size-default__aCNJT {
  min-width: 320px;
  padding: var(--padding-gap-20202016) var(--padding-gap-32323224);
  background: var(--background-secondary-action-enabled);
  border: var(--border-width-bw2) solid var(--border-secondary-action-enabled);
  border-radius: var(--border-radius-button);
}

.button_buttonText__b2Xag.button_variant-secondary__LWHFs.button_size-default__aCNJT {
  flex: 0 1 auto;
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-30) /* 200% */;
  color: var(--text-secondary-action-enabled);
  text-align: center;
  letter-spacing: 1.28px;
}

.button_button__kLa_n.button_variant-secondary__LWHFs.button_size-sm__5hmUg {
  min-width: 120px;
  padding: var(--padding-gap-1212128) var(--padding-gap-16161612);
  background: var(--background-secondary-action-enabled);
  border: var(--border-width-bw2) solid var(--border-secondary-action-enabled);
  border-radius: var(--border-radius-button);
}

.button_buttonText__b2Xag.button_variant-secondary__LWHFs.button_size-sm__5hmUg {
  flex: 0 1 auto;
  font-family: var(--font-family-default);
  font-size: var(--font-size-20);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-20) /* 200% */;
  color: var(--text-secondary-action-enabled);
  text-align: center;
  letter-spacing: 1.12px;
}

.button_button__kLa_n.button_variant-irreversible__il6RT.button_size-default__aCNJT:hover {
  display: inline-flex;
  gap: var(--spacing-sp-none);
  align-items: center;
  justify-content: center;
  min-width: 320px;
  padding: var(--padding-gap-20202016) var(--padding-gap-32323224);
  background: var(--background-irreversible-action-hovered);
  border: var(--border-width-bw2) solid
    var(--border-irreversible-action-hovered);
  border-radius: var(--border-radius-button);
}

.button_buttonText__b2Xag.button_variant-irreversible__il6RT.button_size-default__aCNJT:hover {
  flex: 1 0 0;
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-30) /* 200% */;
  color: var(--text-irreversible-action-hovered);
  text-align: center;
  letter-spacing: 1.28px;
}

.button_button__kLa_n.button_variant-irreversible__il6RT.button_size-sm__5hmUg:hover {
  display: inline-flex;
  gap: var(--spacing-sp-none);
  align-items: center;
  justify-content: center;
  min-width: 120px;
  padding: var(--padding-gap-1212128) var(--padding-gap-16161612);
  background: var(--background-irreversible-action-hovered);
  border: var(--border-width-bw2) solid
    var(--border-irreversible-action-hovered);
  border-radius: var(--border-radius-button);
}

.button_buttonText__b2Xag.button_variant-irreversible__il6RT.button_size-sm__5hmUg:hover {
  flex: 1 0 0;
  font-family: var(--font-family-default);
  font-size: var(--font-size-20);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-20) /* 200% */;
  color: var(--text-irreversible-action-hovered);
  text-align: center;
  letter-spacing: 1.12px;
}

.button_button__kLa_n.button_variant-irreversible__il6RT.button_size-default__aCNJT[disabled] {
  display: inline-flex;
  gap: var(--spacing-sp-none);
  align-items: center;
  justify-content: center;
  min-width: 320px;
  padding: var(--padding-gap-20202016) var(--padding-gap-32323224);
  background: var(--background-irreversible-action-disabled);
  border: var(--border-width-bw2) solid
    var(--border-irreversible-action-disabled);
  border-radius: var(--border-radius-button);
}

.button_buttonText__b2Xag.button_variant-irreversible__il6RT.button_size-default__aCNJT[disabled] {
  flex: 1 0 0;
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-30) /* 200% */;
  color: var(--text-irreversible-action-disabled);
  text-align: center;
  letter-spacing: 1.28px;
}

.button_button__kLa_n.button_variant-secondary__LWHFs.button_size-default__aCNJT:hover {
  display: inline-flex;
  gap: var(--spacing-sp-none);
  align-items: center;
  justify-content: center;
  min-width: 320px;
  padding: var(--padding-gap-20202016) var(--padding-gap-32323224);
  background: var(--background-primary-action-hovered);
  border: var(--border-width-bw2) solid var(--border-secondary-action-enabled);
  border-radius: var(--border-radius-button);
}

.button_buttonText__b2Xag.button_variant-secondary__LWHFs.button_size-default__aCNJT:hover {
  flex: 1 0 0;
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-30) /* 200% */;
  color: var(--text-secondary-action-hovered);
  text-align: center;
  letter-spacing: 1.28px;
}

.button_button__kLa_n.button_variant-irreversible__il6RT.button_size-sm__5hmUg[disabled] {
  display: inline-flex;
  gap: var(--spacing-sp-none);
  align-items: center;
  justify-content: center;
  min-width: 120px;
  padding: var(--padding-gap-1212128) var(--padding-gap-16161612);
  background: var(--background-irreversible-action-disabled);
  border: var(--border-width-bw2) solid
    var(--border-irreversible-action-disabled);
  border-radius: var(--border-radius-button);
}

.button_buttonText__b2Xag.button_variant-irreversible__il6RT.button_size-sm__5hmUg[disabled] {
  flex: 1 0 0;
  font-family: var(--font-family-default);
  font-size: var(--font-size-20);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-20) /* 200% */;
  color: var(--text-irreversible-action-disabled);
  text-align: center;
  letter-spacing: 1.12px;
}

.button_button__kLa_n.button_variant-secondary__LWHFs.button_size-sm__5hmUg:hover {
  display: inline-flex;
  gap: var(--spacing-sp-none);
  align-items: center;
  justify-content: center;
  min-width: 120px;
  padding: var(--padding-gap-1212128) var(--padding-gap-16161612);
  background: var(--background-primary-action-hovered);
  border: var(--border-width-bw2) solid var(--border-secondary-action-enabled);
  border-radius: var(--border-radius-button);
}

.button_buttonText__b2Xag.button_variant-secondary__LWHFs.button_size-sm__5hmUg:hover {
  flex: 1 0 0;
  font-family: var(--font-family-default);
  font-size: var(--font-size-20);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-20) /* 200% */;
  color: var(--text-secondary-action-hovered);
  text-align: center;
  letter-spacing: 1.12px;
}

.button_button__kLa_n.button_variant-secondary__LWHFs.button_size-default__aCNJT[disabled] {
  display: inline-flex;
  gap: var(--spacing-sp-none);
  align-items: center;
  justify-content: center;
  min-width: 320px;
  padding: var(--padding-gap-20202016) var(--padding-gap-32323224);
  background: var(--background-secondary-action-disabled);
  border: var(--border-width-bw2) solid var(--border-secondary-action-disabled);
  border-radius: var(--border-radius-button);
}

.button_buttonText__b2Xag.button_variant-secondary__LWHFs.button_size-default__aCNJT[disabled] {
  flex: 1 0 0;
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-30) /* 200% */;
  color: var(--text-secondary-action-disabled);
  text-align: center;
  letter-spacing: 1.28px;
}

.button_button__kLa_n.button_variant-secondary__LWHFs.button_size-sm__5hmUg[disabled] {
  display: inline-flex;
  gap: var(--spacing-sp-none);
  align-items: center;
  justify-content: center;
  min-width: 120px;
  padding: var(--padding-gap-1212128) var(--padding-gap-16161612);
  background: var(--background-secondary-action-disabled);
  border: var(--border-width-bw2) solid var(--border-secondary-action-disabled);
  border-radius: var(--border-radius-button);
}

.button_buttonText__b2Xag.button_variant-secondary__LWHFs.button_size-sm__5hmUg[disabled] {
  flex: 1 0 0;
  font-family: var(--font-family-default);
  font-size: var(--font-size-20);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-20) /* 200% */;
  color: var(--text-secondary-action-disabled);
  text-align: center;
  letter-spacing: 1.12px;
}

.sendTicketModal_sendTicketModal__i8khX {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: var(--grid-margin);
  height: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

.sendTicketModal_sendTicket__W4j8C {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-40404032);
  align-items: center;
  min-height: 96px;
  max-width: 708px;
  width: 708px;
  padding: var(--padding-gap-40404032);
  background: var(--background-default);
  border-radius: var(--border-radius-panel);
  box-shadow: 0 8px 16px 0 rgb(0 0 0 / 12%);
  max-height: calc(100vh - 40px - var(--grid-margin) - var(--grid-margin));
  overflow: hidden;
}

.sendTicketModal_alertContentWrapper__ysCdI {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-16161612);
  align-items: center;
  width: 100%;
  max-height: 100%;
  min-height: 0;
  overflow-y: auto;
}

.sendTicketModal_alertContent__bjBVj {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-16161612);
  align-items: flex-start;
  width: 100%;
}

.sendTicketModal_ticketContent__kIl6R {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-8884);
  padding: var(--padding-gap-20202016);
  background: var(--background-subtle);
  border-radius: var(--border-radius-panel);
  width: 100%;
}

.sendTicketModal_ticketName__Ovpjz {
  font-family: var(--font-family-default);
  font-weight: 400;
  font-size: var(--font-size-20);
  line-height: var(--line-height-20);
  letter-spacing: 1.12px;
  color: var(--text-default);
  width: 100%;
}

.sendTicketModal_description__Wbref {
  font-family: var(--font-family-default);
  font-weight: 400;
  font-size: var(--font-size-10);
  line-height: var(--line-height-10);
  letter-spacing: 0.96px;
  color: var(--text-subtle);
}

.sendTicketModal_buttonGroup__bFc2x {
  display: flex;
  gap: var(--spacing-sp8);
  align-items: flex-start;
}

.sendTicketModal_buttonGroup__bFc2x button {
  width: auto;
  flex-shrink: 0;
}

@media (width <= 767px) {
  .sendTicketModal_sendTicketModal__i8khX {
    padding: 0;
  }
  .sendTicketModal_sendTicket__W4j8C {
    padding: 20px;
  }
}

@media (width <= 400px) {
  .sendTicketModal_buttonGroup__bFc2x {
    gap: var(--spacing-sp2);
  }
  .sendTicketModal_buttonGroup__bFc2x button {
    min-width: 92px !important;
    padding: 6px 10px !important;
    flex-shrink: 1;
  }
  .sendTicketModal_buttonGroup__bFc2x button span {
    font-size: 85% !important;
    line-height: 1.2 !important;
  }
}

.purchasedOptionListItem_optionListItem__B8ljc {
  display: flex;
  width: 100%;
  background: var(--background-default);
}

.purchasedOptionListItem_optionContent__fRqBD {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--padding-gap-16161620, 16px);
  align-items: flex-start;
  align-self: stretch;

  @media (width >= 1120px) {
    flex-direction: row;
    justify-content: space-between;
  }
}

.purchasedOptionListItem_optionDetail__hRWpY {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--padding-gap-8884, 8px);
  align-items: flex-start;
}

.purchasedOptionListItem_tags__W_1pn {
  display: flex;
  gap: var(--spacing-sp8, 8px);
  align-items: flex-start;
}

.purchasedOptionListItem_optionTitle__xm0la {
  font-family: var(--font-family-default, "Noto Sans JP");
  font-size: var(--font-size-30, 16px);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-30, 32px);
  color: var(--text-default);
  letter-spacing: 1.28px;
}

.purchasedOptionListItem_description__OZn3a {
  font-family: var(--font-family-default, "Noto Sans JP");
  font-size: var(--font-size-20, 14px);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-20, 28px);
  color: var(--text-subtle);
  letter-spacing: 1.12px;
}

.purchasedOptionListItem_idBadge__eCfRI {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  margin-top: 0;
  font-family: var(--font-family-default, "Noto Sans JP");
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  color: var(--text-subtle);
  letter-spacing: 0.16px;
  opacity: 0.72;
}

.purchasedOptionListItem_buttons__l5J_n {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-8884, 8px);
  align-items: flex-start;
  justify-content: center;
}

.selectTicketCountModal_modalContainer__1jYQn {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  max-width: 708px;
  width: 100%;
}

.selectTicketCountModal_modalContent__70137 {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-40404032);
  align-items: center;
  width: 708px;
  min-height: 96px;
  padding: var(--padding-gap-40404032);
  background: var(--background-default);
  border-radius: var(--border-radius-panel);
  box-shadow: 0 8px 16px 0 rgb(0 0 0 / 12%);
  box-sizing: border-box;
}

.selectTicketCountModal_alertContent__uFDcq {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-16161612);
  align-items: flex-start;
  width: 100%;
}

.selectTicketCountModal_selectWrapper__p_n0h {
  display: flex;
  gap: var(--spacing-sp8);
  align-items: center;
  justify-content: center;
  width: 100%;
}

.selectTicketCountModal_selectWrapper__p_n0h > button {
  width: auto;
  flex-shrink: 0;
}

.selectTicketCountModal_volumeCount__WA8gh {
  display: flex;
  gap: var(--spacing-sp4);
  align-items: center;
  padding: var(--spacing-sp4) var(--spacing-sp8);
  border: 1px solid var(--border-default);
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
}

.selectTicketCountModal_countButton__ZOI_x {
  display: flex;
  gap: var(--spacing-spnone);
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: var(--spacing-sp12);
  background: var(--background-secondaryaction-enabled);
  border: none;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  cursor: pointer;
  transition: opacity 0.2s;
}

.selectTicketCountModal_countButton__ZOI_x:hover:not(:disabled) {
  opacity: 0.8;
}

.selectTicketCountModal_countButton__ZOI_x:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.selectTicketCountModal_countNumber__orqM1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--background-secondaryaction-enabled);
  border-radius: var(--border-radius-button);
  position: relative;
}

.selectTicketCountModal_countNumberText__57qGe {
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-weight: 400;
  line-height: var(--line-height-30);
  color: var(--text-default);
  letter-spacing: 1.28px;
}

.selectTicketCountModal_buttonWrapper__LeZYb {
  display: flex;
  gap: var(--spacing-sp8);
  align-items: flex-start;
}

.content_content__C_BY8 {
  display: flex;
  flex-direction: column;
  grid-column: span 2;
  gap: var(--section-80808064);
  align-items: center;
  align-self: stretch;
  padding: var(--spacing-sp120) var(--spacing-sp-none);

  @media (width >= 768px) {
    grid-column: span 12;
  }

  @media (width >= 1600px) {
    grid-column: 3 / 11;
  }
}

.echeader_pageHeader__Dt0RN {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sp16);
  align-items: center;
  align-self: stretch;
}

.echeader_pageTitle__OodSy {
  align-self: stretch;
  font-family: var(--font-family-default);
  font-size: var(--font-size-60);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-60) /* 171.429% */;
  color: var(--text-default);
  text-align: center;
  letter-spacing: 2.24px;
}

.echeader_pageExplanation__O3PZ8 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sp8);
  align-items: flex-start;
  align-self: stretch;
}

.echeader_explanationText__maCUY {
  align-self: stretch;
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-30) /* 200% */;
  color: var(--text-subtle);
  text-align: left;
  letter-spacing: 1.28px;
  white-space: pre-wrap;
  text-align: center;
}

.echeader_purchasedTicketLink__3X7lR {
  margin: auto;
  font-family: var(--font-family-default);
  font-size: var(--font-size-20);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-20) /* 200% */;
  color: var(--text-link);
  text-align: center;
  letter-spacing: 1.12px;
}

.echeader_attention__tDJVL {
  margin-bottom: 24px;
  font-size: var(--font-size-20);
  color: var(--text-error);
  text-align: center;
  letter-spacing: 1.12px;
}

.main_main__aalct {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  height: 100vh;
  padding: var(--spacing-sp-none) var(--grid-margin);

  @media (width >= 768px) {
    grid-template-columns: repeat(12, 1fr);
  }
}

.language_language__pisGP {
  position: relative;
}

.language_languageButton__u2bKq {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: flex-end;
}

.language_languageText__s5G2Q {
  font-family: var(--font-family-default);
  font-size: var(--font-size-10);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-10) /* 200% */;
  color: var(--text-subtle);
  text-align: center;
  letter-spacing: 0.8px;
}

.language_selectLanguage__56_8w {
  position: fixed;
  top: 76px;
  left: auto;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sp24);
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  max-width: calc(100% - 40px);
  padding: var(--padding-gap-40404032);
  background: var(--background-default);
  border-radius: var(--border-radius-panel);
  box-shadow: 0 8px 16px 0 rgb(0 0 0 / 12%);
}

@media (width >= 1120px) {
  .language_selectLanguage__56_8w {
    margin-right: 60px;
  }
}

@media (width >= 768px) {
  .language_selectLanguage__56_8w {
    right: 20px;
  }
}

.language_languageList__uMWcL {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.language_languageListItem__VnhTI {
  display: flex;
  align-items: center;
  align-self: stretch;
  padding: var(--padding-gap-1212128) var(--spacing-sp-none);
  border-bottom: var(--border-width-bw1) solid var(--border-default);
}

.language_languageName__RGyBz {
  flex: 1 0 0;
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-30) /* 200% */;
  color: var(--text-subtle);
  letter-spacing: 1.12px;
}

.purchasedOptionList_container__vW7WK {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--padding-gap-24242420, 24px);
  padding: var(--padding-gap-24242420, 24px);
  background: var(--background-default);
  border: 1px solid var(--border-default);
  border-radius: var(--border-radius-card, 8px);
}

.purchasedOptionList_separator__nKIDv {
  width: 100%;
  height: 0;
  border-top: 1px solid var(--border-default);
}

.header_header__1g4pr {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--padding-gap-40404032) var(--grid-margin);
  margin: 0 auto;
}

.header_headerTitle__AQBNN {
  display: flex;
  gap: var(--spacing-sp8);
  align-items: center;
}

.header_logo__1qj4l {
  width: 139px;
  height: 28px;
  min-width: 139px;
  flex-shrink: 0;
}

.header_logo__1qj4l svg {
  width: 100%;
  height: 100%;
}

@media (width <= 400px) {
  .header_logo__1qj4l {
    width: calc(139px * 0.75);
    height: calc(28px * 0.75);
    min-width: calc(139px * 0.75);
  }
}

.header_ticketManagement__h8_jO {
  margin-left: 0;
  font-size: var(--font-size-20);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-20) /* 200% */;
  color: var(--tokens-colors-text);
  letter-spacing: 0.96px;
}

.header_headerActions__nU_D6 {
  display: flex;
  align-items: center;
  gap: var(--spacing-sp8);
}

.header_faqLink__DXxGp {
  font-family: var(--font-family-default);
  font-size: var(--font-size-10);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-10) /* 200% */;
  color: var(--text-subtle);
  letter-spacing: 0.96px;
  text-decoration: none;
}

@media (width >= 768px) {
  .header_headerActions__nU_D6 {
    gap: var(--spacing-sp24);
  }
  .header_ticketManagement__h8_jO {
    margin-left: 32px;
  }
}

.notFoundError_container__9150w {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  background: var(--background-default);
}

.notFoundError_main__gmteV {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  padding: var(--spacing-sp-none) var(--grid-margin);
  opacity: var(--opacity-op100);
}

.notFoundError_content__BHphm {
  display: flex;
  flex-direction: column;
  gap: var(--section-80808064);
  align-items: flex-start;
  max-width: 708px;
  padding: var(--spacing-sp120) var(--spacing-sp-none);
}

.notFoundError_errorImage__QjDsu {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16%;
}

.notFoundError_error__unMBT {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sp40);
  align-items: center;
}

.notFoundError_errorContent__rnIZk {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sp40);
  align-items: flex-start;
}

.notFoundError_errorMessage__iO60q {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  align-self: stretch;
}

.notFoundError_errorTitle__sSxJB {
  align-self: stretch;
  font-family: var(--font-family-default);
  font-size: var(--font-size-60);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-60) /* 183.333% */;
  color: var(--text-default);
  text-align: center;
  letter-spacing: 1.92px;
}

.notFoundError_errorText__kl629 {
  align-self: stretch;
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-30) /* 200% */;
  color: var(--text-subtle);
  letter-spacing: 1.12px;
}

.ticket_ticket__A2gmr {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  overflow: hidden;
  cursor: default;
  border-radius: var(--border-radius-card);
}

.ticket_ticketImage__oQTdd {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ticket_used__efDQi {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: color-mix(in srgb, var(--background-inverse) 90%, transparent);
}

.ticket_usedChip__bfPim {
  display: flex;
  gap: var(--spacing-sp-none);
  align-items: center;
  justify-content: center;
  padding: var(--padding-gap-8884) var(--padding-gap-20202016);
  background: var(--background-error);
  border: var(--border-width-bw2) solid var(--border-error);
  border-radius: var(--border-radius-br-full);
}

.ticket_usedChipText__KZgij {
  flex: 1 0 0;
  font-family: var(--font-family-default, "Noto Sans JP");
  font-size: var(--font-size-10);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: 1;
  color: var(--text-inverse);
  text-align: center;
  letter-spacing: 0.8px;
}

.ticket_ticketData__vY4bW {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  padding: 12px 20px;
  background: var(--background-subtle);
}

.ticket_ticketName__MSEiI {
  font-family: var(--font-family-default);
  font-size: var(--font-size-20);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-20) /* 200% */;
  color: var(--text-default);
  letter-spacing: 0.96px;
}

.ticket_expirationDate__zJvP3 {
  width: 273px;
  font-family: var(--font-family-default);
  font-size: var(--font-size-10);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-10) /* 200% */;
  color: var(--text-subtle);
  letter-spacing: 0.8px;
}

.ticket_ticketMaskLeft__Tu2uM {
  position: absolute;
  top: -8.5px;
  left: 0;
}

.ticket_ticketMaskRight__FsgYh {
  position: absolute;
  top: -8.5px;
  right: 0;
}

.ticketDetails_ticketDetails__JiHzj {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  max-width: 700px;
  overflow: hidden;
  cursor: default;
  border-radius: var(--border-radius-card);
}

.ticketDetails_ticketImage__PDvtY {
  position: relative;
  border-radius: var(--border-radius-card) var(--border-radius-card)
    var(--border-radius-br-none) var(--border-radius-br-none);
}

.ticketDetails_used__59Cqs {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: color-mix(in srgb, var(--background-inverse) 90%, transparent);
}

.ticketDetails_usedChip__DPi4t {
  display: flex;
  gap: var(--spacing-sp-none);
  align-items: center;
  justify-content: center;
  padding: var(--padding-gap-8884) var(--padding-gap-20202016);
  background: var(--background-error);
  border: var(--border-width-bw2) solid var(--border-error);
  border-radius: var(--border-radius-br-full);
}

.ticketDetails_usedChipText__HWyrM {
  flex: 1 0 0;
  font-family: var(--font-family-default, "Noto Sans JP");
  font-size: var(--font-size-10);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: 1;
  color: var(--text-inverse);
  text-align: center;
  letter-spacing: 0.8px;
}

.ticketDetails_ticketContent__42iRj {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sp12);
  align-items: flex-start;
  align-self: stretch;
  padding: 12px 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: var(--background-subtle);
  border-radius: var(--border-radius-br-none) var(--border-radius-br-none)
    var(--border-radius-card) var(--border-radius-card);
}

.ticketDetails_ticketData__oEoYA {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ticketDetails_ticketName__RFRAf {
  align-self: stretch;
  font-family: var(--font-family-default);
  font-size: var(--font-size-40);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-40) /* 200% */;
  color: var(--text-default);
  letter-spacing: 1.28px;
}

.ticketDetails_expirationDate__4Fact {
  font-family: var(--font-family-default);
  font-size: var(--font-size-10);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-10) /* 200% */;
  color: var(--text-subtle);
  letter-spacing: 0.8px;
}

.ticketDetails_acquisitionDate__ZK8nP {
  font-family: var(--font-family-default);
  font-size: var(--font-size-10);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-10) /* 200% */;
  color: var(--text-subtle);
  letter-spacing: 0.8px;
}

.ticketDetails_ticketMaskLeft__Yr45O {
  position: absolute;
  top: -8.5px;
  left: 0;
}

.ticketDetails_ticketMaskRight__hw__Y {
  position: absolute;
  top: -8.5px;
  right: 0;
}

.checkbox_checkbox__K_nsa {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  background: var(--background-default);
  border: var(--border-width-bw1) solid var(--border-default);
  border-radius: var(--border-radius-label);
  transition: border 0.2s;
}

.checkbox_checkboxInput__nqi4m {
  display: none;
}

.checkbox_checkbox__K_nsa svg {
  opacity: 0;
  transition: opacity 0.2s;
}

.checkbox_checkbox__K_nsa svg path {
  width: 100%;
  height: 100%;
  fill: var(--border-accent);
}

.checkbox_checkbox__K_nsa.checkbox_is-active-true__wkJIG {
  border: var(--border-width-bw1) solid var(--border-accent);
}

.checkbox_checkbox__K_nsa.checkbox_is-active-true__wkJIG svg {
  opacity: 1;
}

.multiSelect_multiSelect__6NK_e {
  display: inline-flex;
  gap: var(--padding-gap-16161612);
  align-items: center;
  justify-content: center;
  padding: var(--padding-gap-1212128) var(--padding-gap-20202016);
  cursor: pointer;
  border: var(--border-width-bw1) solid var(--border-secondary-action-idle);
  border-radius: var(--border-radius-button);

  &.multiSelect_state-active__pHgSw {
    border: var(--border-width-bw1) solid var(--border-secondary-action-enabled);
  }
}

.multiSelect_selectText__Gd7lD {
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-30) /* 200% */;
  color: var(--text-subtle);
  letter-spacing: 1.28px;
}

@keyframes toast_slideIn__39YLo {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.toast_toast__SGP7y {
  position: fixed;
  right: 0;
  bottom: 20px;
  left: 0;
  z-index: 200;
  display: inline-flex;
  gap: var(--padding-gap-20202016);
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  height: 68px;
  padding: var(--padding-gap-20202016) var(--padding-gap-24242420);
  margin: auto;
  background: var(--background-default);
  border-radius: var(--border-radius-panel);
  box-shadow: 0 2px 8px 0 rgb(0 0 0 / 12%);
  animation: toast_slideIn__39YLo 0.3s ease-in-out;
}

.toast_text__b7pVz {
  font-family: var(--font-family-default);
  font-size: var(--font-size-20, 14px);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-20); /* 200% */
  color: var(--text-default);
  letter-spacing: 1.12px;
}

.toast_closeButton__A9D4P {
  font-family: var(--font-family-default);
  font-size: var(--font-size-20, 14px);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-20, 28px); /* 200% */
  color: var(--text-link);
  letter-spacing: 1.12px;
}

.CheckText_checkText___GRjI {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sp16);
}

.CheckText_label__O4Gca {
  color: var(--text-default);
  font-feature-settings: "palt" on;
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-30) /* 200% */;
  letter-spacing: 1.28px;
}

.inputDesc_inputDesc__MYg9p.inputDesc_type-note__Huw8G {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height: 24px;
}

.inputDesc_textWrapper__6EyJr.inputDesc_type-note__Huw8G {
  display: flex;
  align-items: center;
  justify-content: center;
}

.inputDesc_noteText__4_Lo0.inputDesc_type-note__Huw8G {
  font-family: var(--font-family-default);
  font-size: var(--font-size-10);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-10) /* 200% */;
  color: var(--text-subtle);
  letter-spacing: 0.96px;
}

.inputDesc_errorText__yl034.inputDesc_type-note__Huw8G {
  font-family: var(--font-family-default);
  font-size: var(--font-size-10);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-10) /* 200% */;
  color: var(--text-error);
  letter-spacing: 0.96px;
}

.inputDesc_inputDesc__MYg9p.inputDesc_type-error__CmrKR {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height: 24px;
}

.inputDesc_textWrapper__6EyJr.inputDesc_type-error__CmrKR {
  display: flex;
  align-items: center;
  justify-content: center;
}

.inputDesc_errorText__yl034.inputDesc_type-error__CmrKR {
  font-family: var(--font-family-default);
  font-size: var(--font-size-10);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-10) /* 200% */;
  color: var(--text-error);
  letter-spacing: 0.96px;
}

.inputLabel_label__HxQKG {
  display: flex;
  align-items: center;
  justify-content: center;
}

.inputLabel_labelText__Tj9j4 {
  font-family: var(--font-family-default);
  font-size: var(--font-size-10);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-10) /* 200% */;
  color: var(--text-default);
  letter-spacing: 0.96px;
}

.radioButton_radioButton__GgW2M {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: var(--background-default);
  border: var(--border-width-bw1, 1px) solid var(--border-default);
  border-width: 1px;
  border-radius: var(--border-radius-br-full);
  transition: border-color 0.3s ease-in-out;
  flex-shrink: 0;

  &.radioButton_is-active-true__Ukdu_ {
    border: var(--border-width-bw1, 1px) solid var(--border-accent);
  }
}

.radioButton_activeCircle__EUr_K {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  background: var(--background-default);
  border-radius: var(--border-radius-br-full);
  transition:
    border-color 0.3s ease-in-out,
    background-color 0.3s ease-in-out;

  &.radioButton_is-active-true__Ukdu_ {
    background: var(--background-primary-action-enabled);
  }
}

.radioButton_radio__xIIj8 {
  display: none;
}

.radioSelect_radioSelect__4YXGv {
  display: flex;
  gap: var(--spacing-sp16);
  align-items: center;
  justify-content: center;
  padding: var(--padding-gap-1212128) var(--padding-gap-20202016);
  border: var(--border-width-bw1) solid var(--border-secondary-action-idle);
  border-radius: var(--border-radius-button);
  transition: border-color 0.3s ease-in-out;

  &.radioSelect_state-active__3Et5_ {
    border: var(--border-width-bw1) solid var(--border-secondary-action-enabled);
  }
}

.radioSelect_radioSelectText__So_Xk {
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-30) /* 200% */;
  color: var(--text-subtle);
  letter-spacing: 1.28px;
}

.select_select__0OMEV {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-16161612);
  align-items: flex-start;
  align-self: stretch;
  min-width: 200px;
  padding: var(--spacing-sp-none);
}

.select_selectedValue__c94wu {
  display: flex;
  gap: var(--padding-gap-16161612);
  align-items: center;
  align-self: stretch;
  min-width: 240px;
  max-height: 300px;
  padding: var(--padding-gap-24242420) var(--spacing-sp-none);
  cursor: pointer;
  border-bottom: var(--border-width-bw1) solid var(--border-default);

  &.select_state-focus__Hf8Dp {
    border-bottom: var(--border-width-bw1) solid var(--border-accent);
  }

  &.select_state-error__dJo_9 {
    border-bottom: var(--border-width-bw1) solid var(--border-error);
  }
}

.select_placeholder__H35AR {
  flex: 1 0 0;
  height: 32px;
  font-family: var(--font-family-default);
  font-size: var(--font-size-input);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-input) /* 200% */;
  color: var(--text-subtle);
  letter-spacing: 1.28px;
}

.select_value__DCZen {
  flex: 1 0 0;
  height: 32px;
  font-family: var(--font-family-default);
  font-size: var(--font-size-input);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-input) /* 200% */;
  color: var(--text-default);
  letter-spacing: 1.28px;
}

.select_note__a_y98 {
  align-self: stretch;
  font-family: var(--font-family-default);
  font-size: var(--font-size-10);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-10) /* 200% */;
  color: var(--text-subtle);
  letter-spacing: 0.8px;
}

.textField_textField__DAnT_ {
  position: relative;
  z-index: 100;
  display: inline-flex;
  flex-direction: column;
  gap: var(--padding-gap-16161612);
  align-items: flex-start;
  width: 100%;
}

.textField_textInput__tFiPd {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sp-none);
  align-items: flex-start;
  align-self: stretch;
  min-width: 240px;
  max-height: 300px;
  padding: var(--padding-gap-1212128) var(--padding-gap-20202016);
  background: var(--background-default);
  border: var(--border-width-bw1) solid var(--border-default);
  border-radius: var(--border-radius-button);
  outline: none;

  &.textField_state-default__uT3br.textField_size-sm__WNxSi {
    padding: var(--padding-gap-8884) var(--padding-gap-1212128);
  }

  &.textField_state-focus__JfCAE.textField_size-default__JKs1D {
    border: var(--border-width-bw1) solid var(--border-accent);
  }

  &.textField_state-focus__JfCAE.textField_size-sm__WNxSi {
    padding: var(--padding-gap-8884) var(--padding-gap-1212128);
    border: var(--border-width-bw1) solid var(--border-accent);
  }

  &.textField_state-filled__snbxC.textField_size-sm__WNxSi {
    padding: var(--padding-gap-8884) var(--padding-gap-1212128);
  }

  &.textField_state-error__xEife.textField_size-default__JKs1D {
    border: var(--border-width-bw1) solid var(--border-error);
  }

  &.textField_state-error__xEife.textField_size-sm__WNxSi {
    padding: var(--padding-gap-8884) var(--padding-gap-1212128);
    border: var(--border-width-bw1) solid var(--border-error);
  }
}

.textField_textInput__tFiPd::-moz-placeholder {
  align-self: stretch;
  font-family: var(--font-family-default);
  font-size: var(--font-size-input);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-input) /* 200% */;
  color: var(--text-subtle);
  letter-spacing: 1.28px;
}

.textField_textInput__tFiPd::placeholder {
  align-self: stretch;
  font-family: var(--font-family-default);
  font-size: var(--font-size-input);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-input) /* 200% */;
  color: var(--text-subtle);
  letter-spacing: 1.28px;
}

.selectionDropDown_selectionDropDown__fJuF3 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-16161612);
  align-items: flex-start;
  width: 100%;
  max-height: 280px;
  padding: var(--padding-gap-16161612) var(--spacing-sp-none);
  background: var(--background-default);
  border-radius: var(--border-radius-panel);

  &.selectionDropDown_open__7aNIU {
    margin-top: 35px;
  }
}

.selectionDropDown_selection__JVgx9 {
  position: absolute;
  top: 64px;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  background: var(--background-default);

  @media (width >= 768px) {
    top: 75px;
  }
}

.selectionDropDown_searchBg__0eH_e {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--background-default);
  border-radius: var(--border-radius-panel);
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 12%);
}

.selectionDropDown_searchWord__0Rcuf {
  width: 100%;
  padding: var(--spacing-sp-none) var(--spacing-sp16);
}

.selectionDropDown_option__l5ej6 {
  display: flex;
  gap: var(--spacing-sp-none);
  align-items: center;
  align-self: stretch;
  width: 100%;
  padding: var(--padding-gap-8884) var(--padding-gap-16161612);
  cursor: pointer;
  transition: background 0.3s;

  &.selectionDropDown_selected__CRVym {
    background: var(--background-subtle);
  }
}

.selectionDropDown_option__l5ej6:hover {
  background: var(--background-subtle);
}

.selectionDropDown_optionValue__hX0aH {
  flex: 1 0 0;
  font-family: var(--font-family-default);
  font-size: var(--font-size-20);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-20) /* 200% */;
  color: var(--text-default);
  letter-spacing: 1.12px;
}

.selectionDropDown_note__yEB0a {
  align-self: stretch;
  font-family: var(--font-family-default);
  font-size: var(--font-size-10);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-10) /* 200% */;
  color: var(--text-subtle);
  letter-spacing: 0.96px;
}

.textArea_textArea__GaQbE {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sp-none);
  align-items: flex-start;
  align-self: stretch;
  min-width: 240px;
  max-height: 300px;
  padding: var(--padding-gap-24242420) var(--spacing-sp-none);
  font-family: var(--font-family-default);
  font-size: var(--font-size-input);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-input) /* 200% */;
  resize: none;
  border: none;
  border-bottom: var(--border-width-bw1) solid var(--border-default);
  outline: none;

  &.textArea_state-focus__Dgnnq {
    border-bottom: var(--border-width-bw1) solid var(--border-accent);
  }

  &.textArea_state-error__YJdbh {
    border-bottom: var(--border-width-bw1) solid var(--border-error);
  }
}

.textArea_textArea__GaQbE::-moz-placeholder {
  align-self: stretch;
  font-family: var(--font-family-default);
  font-size: var(--font-size-input);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-input) /* 200% */;
  color: var(--text-subtle);
  letter-spacing: 1.28px;
}

.textArea_textArea__GaQbE::placeholder {
  align-self: stretch;
  font-family: var(--font-family-default);
  font-size: var(--font-size-input);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-input) /* 200% */;
  color: var(--text-subtle);
  letter-spacing: 1.28px;
}

.progressBar_progressBar__hJ58S {
  z-index: 50;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 16px;
  padding: 0 4px;
}

.progressBar_border__l4tMY {
  position: relative;
  width: 100%;
}

.progressBar_border__l4tMY::after {
  position: absolute;
  top: 50%;
  width: 100%;
  content: "";
  border-bottom: 2px solid var(--background-subtle);
  transform: translateY(-50%);
}

.progressBar_progress__smfxL {
  position: absolute;
  top: 50%;
  z-index: 100;
  width: 100%;
  max-width: 100%;
  height: 2px;
  background-color: var(--background-primary-action-enabled);
  transform: translateY(-50%);
}

.progressBar_step__Y2Y0_ {
  position: absolute;
  top: 50%;
  width: 8px;
  height: 8px;
  background-color: var(--background-subtle);
  border-radius: 50%;
  transform: translateY(-50%);
}

.progressBar_pastStep__dEL76 {
  background-color: var(--background-primary-action-enabled);
}

.progressBar_currentStep__HlbU8 {
  position: absolute;
  top: 50%;
  z-index: 100;
  background-color: var(--background-primary-action-enabled);
}

.progressBar_currentStep__HlbU8::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  content: "";
  border: 2px solid var(--background-primary-action-enabled);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.CouponPresentation_main__00Yfx {
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  padding: var(--spacing-sp-none) var(--grid-margin);
  opacity: var(--opacity-op100);
}

.CouponPresentation_content__zr1fP {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sp56);
  align-items: flex-start;
  align-self: stretch;
  max-width: 706px;
  padding: var(--spacing-sp120) var(--spacing-sp-none);
}

.CouponPresentation_coupon__Z_krx {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sp40);
  align-items: center;
}

.CouponPresentation_ticket__nD3zB {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sp40);
  align-items: flex-start;
}

.CouponPresentation_thanks__CIbbE {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  align-self: stretch;
}

.CouponPresentation_thanksTitle__3y0Se {
  align-self: stretch;
  font-family: var(--font-family-default);
  font-size: var(--font-size-60);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-60) /* 183.333% */;
  color: var(--text-default);
  text-align: center;
  letter-spacing: 1.92px;
}

.CouponPresentation_thanksContent__ah9ia {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sp8);
  align-items: flex-start;
  align-self: stretch;
}

.CouponPresentation_thanksText__QVFFD {
  align-self: stretch;
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-30) /* 200% */;
  color: var(--text-subtle);
  letter-spacing: 1.12px;
}

.CouponPresentation_thanksAnnotation__1HCb4 {
  align-self: stretch;
  font-family: var(--font-family-default);
  font-size: var(--font-size-20);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-20) /* 200% */;
  color: var(--text-subtle);
  letter-spacing: 0.96px;
}

.CouponPresentation_buttonContainer__xlMEc {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sp12);
  align-items: flex-start;
  align-self: stretch;
}

.RadioText_radioText__WTM16 {
  display: inline-flex;
  align-items: center;
  gap: var(--padding-gap-16161612);
  align-self: stretch;
}

.RadioText_label__Bnpgs {
  color: var(--text-default);
  font-feature-settings: "palt" on;
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-30) /* 200% */;
  letter-spacing: 1.28px;
  width: 100%;
}

.cardSelectItem_CardSelectItem__T8NcG {
  display: flex;
  flex-direction: column;
  width: 100%;

  .cardSelectItem_card__KR_4V {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--padding-gap-88812, 8px);

    .cardSelectItem_column__mX4zV {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: var(--padding-gap-88812, 8px);
      flex-grow: 1;
      flex-basis: 0;

      .cardSelectItem_brand__L47a0 {
        color: var(--text-default);
        font-feature-settings: "palt" on;
        font-family: var(--font-family-default, "Noto Sans JP");
        font-size: var(--font-size-30, 16px);
        font-style: normal;
        font-weight: 400;
        line-height: var(--line-height-30, 32px);
        letter-spacing: 1.28px;
      }
      .cardSelectItem_label__pJndh {
        color: var(--text-default);
        font-feature-settings: "palt" on;
        font-family: var(--font-family-default, "Noto Sans JP");
        font-size: var(--font-size-20, 14px);
        font-style: normal;
        font-weight: 400;
        line-height: var(--line-height-20, 28px);
        letter-spacing: 1.12px;
      }
      .cardSelectItem_number__XDwxD {
        color: var(--text-default);
        font-feature-settings: "palt" on;
        font-family: var(--font-family-default, "Noto Sans JP");
        font-size: var(--font-size-20, 14px);
        font-style: normal;
        font-weight: 400;
        line-height: var(--line-height-20, 28px);
        letter-spacing: 1.12px;
      }

      .cardSelectItem_name__rHR5p {
        display: flex;
        flex-grow: 1;
        flex-basis: 0;
        justify-content: flex-start;
        white-space: nowrap;

        color: var(--text-default);
        font-feature-settings: "palt" on;
        font-family: var(--font-family-default, "Noto Sans JP");
        font-size: var(--font-size-30, 16px);
        font-style: normal;
        font-weight: 400;
        line-height: var(--line-height-30, 32px);
        letter-spacing: 1.28px;
      }
      .cardSelectItem_expire__vkBoI {
        display: flex;
        flex-grow: 1;
        flex-basis: 0;
        justify-content: flex-end;

        color: var(--text-default);
        font-feature-settings: "palt" on;
        font-family: var(--font-family-default, "Noto Sans JP");
        font-size: var(--font-size-30, 16px);
        font-style: normal;
        font-weight: 400;
        line-height: var(--line-height-30, 32px);
        letter-spacing: 1.28px;
      }
    }
  }

  .cardSelectItem_delete__U4sjQ {
    color: var(--text-error);
    text-align: right;
    font-feature-settings: "palt" on;
    font-family: var(--font-family-default, "Noto Sans JP");
    font-size: var(--font-size-20, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-20, 28px);
    letter-spacing: 1.12px;
  }
}

.registerdCards_RegisteredCards__tMKvq {
  display: flex;
  max-width: 640px;
  width: 100%;
  padding: var(--padding-gap-32323224, 32px) 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--padding-gap-1212128, 12px);

  .registerdCards_title__2nxur {
    align-self: flex-start;
    color: var(--text-default);
    font-feature-settings: "palt" on;
    font-family: var(--font-family-default);
    font-size: var(--font-size-40);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-40);
    letter-spacing: 1.6px;
  }

  .registerdCards_cards__dFfRB {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--padding-gap-1212128, 12px);
    align-self: stretch;

    .registerdCards_table__D0sU9 {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--padding-gap-1212128);
      align-self: stretch;

      .registerdCards_header__p0yqO {
        display: flex;
        padding: var(--padding-gap-1212128) 0px;
        align-items: center;
        align-self: stretch;
        border-bottom: 1px solid var(--border-default);
        .registerdCards_placeholder__TtpLy {
          visibility: hidden;
        }
        .registerdCards_wrapper__Rg2aF {
          flex-grow: 1;
          display: flex;
          gap: var(--padding-gap-8884);

          .registerdCards_column__qTnBD {
            display: flex;
            height: 32px;
            align-items: center;
            gap: var(--spacing-sp-none);
            flex-grow: 1;
            flex-basis: 0;

            .registerdCards_name__0_LGF {
              flex: 1 0 0;
              color: var(--text-default);
              font-feature-settings: "palt" on;
              font-family: var(--font-family-default);
              font-size: var(--font-size-20);
              font-style: normal;
              font-weight: 400;
              line-height: var(--line-height-20);
              letter-spacing: 1.12px;
            }
            .registerdCards_expire__5CHMe {
              flex: 1 0 0;
              text-align: right;
              color: var(--text-default);
              font-feature-settings: "palt" on;
              font-family: var(--font-family-default);
              font-size: var(--font-size-20);
              font-style: normal;
              font-weight: 400;
              line-height: var(--line-height-20);
              letter-spacing: 1.12px;
            }
          }
        }
      }
    }
  }

  .registerdCards_newCard__W2Vx6 {
    display: flex;
    padding: var(--padding-gap-1212128, 12px) 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--padding-gap-16161612, 16px);
    align-self: stretch;

    .registerdCards_useNewCard__4DkzG {
      color: var(--text-default);
      font-feature-settings: "palt" on;
      font-family: var(--font-family-default, "Noto Sans JP");
      font-size: var(--font-size-30, 16px);
      font-style: normal;
      font-weight: 400;
      line-height: var(--line-height-30, 32px);
      letter-spacing: 1.28px;
    }

    .registerdCards_cardForm__7ux0M {
      width: 100%;

      &.registerdCards_close__6dWwU {
        display: none;
      }
    }
  }
}

.paymentCardPresentation_content__bXfW7 {
  display: flex;
  flex-direction: column;
  gap: var(--section-56_56_56_32, 56px);
  align-items: center;
  align-self: stretch;

  .paymentCardPresentation_button__n2jS_ {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.paymentCardPresentation_priceAdjustmentContainer__gCspI {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-88812);
  align-self: stretch;
}

.OptionCard_card__KBAAJ {
  border: 1px solid var(--border-default);
  border-radius: var(--border-radius-card, 8px);
  background-color: var(--background-default);
  position: relative;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    opacity 0.2s ease;
}

.OptionCard_cardSelected__xgWtQ {
  border-color: var(--border-primary-action-enabled);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}

.OptionCard_cardDisabled__BGHob {
  position: relative;
}

.OptionCard_cardDisabled__BGHob::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: color-mix(
    in srgb,
    var(--background-default) 40%,
    transparent
  );
  border-radius: inherit;
  pointer-events: none;
  z-index: 20;
}

.OptionCard_cardContent__mB_J0 {
  padding: 40px 40px 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.OptionCard_header__D0Ci4 {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.OptionCard_titleBlock__XwgeO {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.OptionCard_titleRow__Bs0h7 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.OptionCard_selectedBadge__aUAxo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 3px 6px 3px 5px;
  flex-shrink: 0;
  border-radius: 2px;
  font-size: 12px;
  color: var(--text-default);
  background-color: var(--background-subtle);
}

.OptionCard_selectedBadgeText__aZ8Yd {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.96px;
  color: inherit;
}

.OptionCard_title__K8eyx {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 1.6px;
  color: var(--text-default);
  margin: 0;
}

.OptionCard_description__bR2tt {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 1.28px;
  color: var(--text-default);
}

.OptionCard_checkboxButton__7oI2V {
  width: 32px;
  height: 32px;
  border-radius: var(--border-radius-panel, 8px);
  border: none;
  background-color: var(--background-inverse);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition:
    background-color 0.2s ease,
    opacity 0.2s ease;
}

.OptionCard_checkboxButton__7oI2V:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.OptionCard_checkboxIcon__R9a9E {
  width: 16px;
  height: 16px;
  color: var(--text-inverse);
  display: flex;
  align-items: center;
  justify-content: center;
}

.OptionCard_checkboxIconSelected__GT0Ms {
  color: var(--text-inverse);
}

.OptionCard_detailSection__Ym0OH {
  border-radius: var(--border-radius-panel, 4px);
  border: 1px solid var(--border-default);
  background-color: var(--background-subtle);
}

.OptionCard_detailToggle__QLfiS {
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  cursor: pointer;
  width: calc(100% - 45px);
  margin: 0 4px;
  background: transparent;
  border: none;
  transition: background-color 0.2s ease;
}

.OptionCard_detailToggle__QLfiS:focus-visible {
  outline: 2px solid var(--border-primary-action-enabled);
  outline-offset: 2px;
}

.OptionCard_detailLabel__GwtfX {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 1.28px;
  color: var(--text-default);
  padding-right: 8px;
  flex: 1;
}

.OptionCard_detailIcon__NNdhg {
  transition: transform 0.2s ease;
  color: var(--text-default);
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.OptionCard_detailIconExpanded__FJe0E {
  transform: rotate(-180deg);
}

.OptionCard_detailContent__oIqFM {
  display: none;
  padding: 0 16px 16px;
  background-color: var(--background-subtle);
}

.OptionCard_detailContentExpanded__G1rJ3 {
  display: block;
}

.OptionCard_detailText__OB7lo {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 1.12px;
  color: var(--text-default);
}

.OptionCard_helperMessage___jXHb {
  margin-top: 8px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 1.12px;
  color: var(--text-error);
}

.OptionCard_cardDisabled__BGHob .OptionCard_helperMessage___jXHb {
  position: relative;
  z-index: 21;
  opacity: 1;
}

.OptionCard_entries__Jdrox {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.OptionCard_entry__PJDU3 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.OptionCard_entryWithDivider__ZQB3i {
  padding-top: 16px;
  border-top: 1px solid var(--border-default);
}

.OptionCard_entryRow__vUCwB {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: center;
}

.OptionCard_timeColumn__s6Yw6 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.OptionCard_timeRow__9g08H {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.OptionCard_timeLabel__BL5N1 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 1.28px;
  color: var(--text-default);
}

.OptionCard_stockBadge__zrWlP {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  border-radius: 2px;
  background-color: var(--background-subtle);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.96px;
  color: var(--text-subtle);
  width: -moz-fit-content;
  width: fit-content;
}

.OptionCard_entryControls__4RHzz {
  display: flex;
  align-items: center;
  gap: 16px;
}

.OptionCard_priceDisplay__tvESi {
  display: flex;
  gap: 4px;
  align-items: center;
  min-width: 120px;
  justify-content: flex-end;
}

.OptionCard_priceAmount__GHUEn {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 1.6px;
  color: var(--text-default);
}

.OptionCard_priceUnit__uYeRp {
  display: flex;
  gap: 4px;
  align-items: center;
  padding-top: 4px;
}

.OptionCard_currency___RgbA {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 1.12px;
  color: var(--text-default);
}

.OptionCard_perItem__TXcgs {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 1.12px;
  color: var(--text-subtle);
}

.OptionCard_priceUnavailable__Ki_tW {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 1.12px;
  color: var(--text-subtle);
}

.OptionCard_counterGroup__hDaVP {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--border-default);
  border-radius: var(--border-radius-button, 6px);
  overflow: hidden;
  background-color: var(--background-default);
}

.OptionCard_counterButton__o2888 {
  width: 40px;
  height: 40px;
  border: none;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-default);
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.OptionCard_counterButton__o2888:hover:not(:disabled) {
  background-color: var(--background-subtle);
}

.OptionCard_counterButton__o2888:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.OptionCard_counterValue__9puvm {
  min-width: 44px;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 1.28px;
  color: var(--text-default);
  background-color: var(--background-secondary-action-enabled);
  padding: 0 8px;
}

.OptionCard_deleteButton__xFQe3 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--text-subtle);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.96px;
}

.OptionCard_deleteButton__xFQe3:hover {
  color: var(--text-default);
}

.OptionCard_deleteIcon__rUVfT {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.OptionCard_counterWrapper__0X3Ud {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.OptionCard_stockAlert__LoJRp {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid var(--border-default);
  background-color: var(--background-default);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 1.12px;
  color: var(--text-default);
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 10;
}

.OptionCard_stockAlertText__jkUxX {
  margin: 0;
}

.OptionCard_stockAlertLink__xYvLU {
  border: none;
  background: none;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: 600;
  line-height: inherit;
  letter-spacing: inherit;
  color: var(--text-link);
  cursor: pointer;
  text-decoration: underline;
}

.OptionCard_stockAlertLink__xYvLU:focus-visible {
  outline: 2px solid var(--border-primary-action-enabled);
  outline-offset: 2px;
}

.OptionCard_noticeSection__rCtsM {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.OptionCard_noticeText__xB7u2 {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 1.12px;
  color: var(--text-subtle);
}

.OptionCard_sectionDivider__v28hp {
  width: 100%;
  height: 1px;
  background-color: var(--border-default);
}

@media (max-width: 768px) {
  .OptionCard_cardContent__mB_J0 {
    padding: 24px 16px;
    gap: 16px;
  }

  .OptionCard_header__D0Ci4 {
    flex-wrap: wrap;
    gap: 12px;
  }

  .OptionCard_entryRow__vUCwB {
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: flex-start;
  }

  .OptionCard_entryControls__4RHzz {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .OptionCard_actionButtons__no01G {
    width: 100%;
    flex-direction: column;
  }
}

.purchasedTicketListItem_ticketListItem__rNcb9 {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-24242420);
  align-items: flex-start;
  width: 100%;
  padding: var(--padding-gap-24242420);
  background: var(--background-default);
  border: 1px solid var(--border-default);
  border-radius: var(--border-radius-card);

  @media (width >= 768px) {
    flex-direction: row;
  }
}

.purchasedTicketListItem_ticketImage__vryg_ {
  position: relative;
  width: 100%;
  border: 1px solid var(--border-default);
  border-radius: 4px;

  @media (width >= 768px) {
    max-width: 280px;
  }
}

.purchasedTicketListItem_ticketImageOver__ppvcL {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--background-inverse);
  border-radius: var(--border-radius-image);
  opacity: var(--opacity-op50);
}

.purchasedTicketListItem_tagWrapper__ewKe3 {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  transform: translateY(-50%);
}

.purchasedTicketListItem_topLeftTag__6RSCE {
  position: absolute;
  top: 8px;
  left: 8px;
}

.purchasedTicketListItem_ticketContentWrapper__RkLdo {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--padding-gap-16161620);
  align-items: flex-start;
  align-self: stretch;
}

.purchasedTicketListItem_ticketContent__XKtYM {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-16161620);
  align-items: flex-start;
  align-self: stretch;

  @media (width >= 768px) {
    flex: 1;
    flex-direction: row;
    justify-content: space-between;
  }
}

.purchasedTicketListItem_ticketDetail__b6l3L {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-8884);
  align-items: flex-start;
  align-self: stretch;
}

.purchasedTicketListItem_ticketTitle__NyVxO {
  align-self: stretch;
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-30) /* 200% */;
  color: var(--text-default);
  letter-spacing: 1.28px;
}

.purchasedTicketListItem_description__UC8vE {
  align-self: stretch;
  font-family: var(--font-family-default);
  font-size: var(--font-size-20);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-20) /* 200% */;
  color: var(--text-subtle);
  letter-spacing: 1.12px;
}

.purchasedTicketListItem_idBadge__54Que {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  margin-top: 0;
  font-family: var(--font-family-default);
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  color: var(--text-subtle);
  letter-spacing: 0.16px;
  opacity: 0.72;
}

.purchasedTicketListItem_buttons__y9Ekh {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-8884);
  align-items: flex-start;
  justify-content: center;
}

.Calendar_container__UY9yy {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 16px 8px;
  box-sizing: border-box;
  width: 100%;
}

.Calendar_header___pp7f {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.Calendar_navButton__KopeD {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 16px;
  background: none;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
}

.Calendar_navButton__KopeD:hover {
  opacity: 0.7;
}

.Calendar_monthLabel__H2oLD {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 1.28px;
  color: var(--text-subtle);
  text-align: center;
  white-space: nowrap;
  flex-shrink: 0;
}

.Calendar_priceNote__iPwdi {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.96px;
  color: var(--text-subtle);
  text-align: right;
  width: 100%;
}

.Calendar_calendar__FN0He {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}

.Calendar_weekdaysHeader__bkaqI {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.Calendar_weekday__uXT0Z {
  flex: 1;
  background-color: var(--background-inverse);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid var(--border-default);
  margin: -0.5px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 1.12px;
  color: var(--text-inverse);
  text-align: center;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: hidden;
}

.Calendar_weekdaySaturday__z_qL_ {
  color: var(--text-link);
}

.Calendar_weekdaySunday___JBJt {
  color: var(--text-error);
}

.Calendar_daysGrid__g0daV {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}

.Calendar_weekRow__25Jv6 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.Calendar_day__gMowL {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid var(--border-default);
  margin: -0.5px;
  background: transparent;
  cursor: pointer;
  min-height: 68px;
  min-width: 0;
}

.Calendar_day__gMowL:disabled {
  cursor: not-allowed;
}

.Calendar_day__gMowL:not(:disabled):hover > .Calendar_dayContent__Mhle7 > .Calendar_dayText__URRtt {
  border-radius: 2px;
  background-color: var(--background-inverse);
  color: var(--text-inverse);
}

.Calendar_day__gMowL:not(:disabled):hover > .Calendar_dayContent__Mhle7 > .Calendar_dayTextSaturday__bmHUf {
  color: var(--text-link);
}

.Calendar_day__gMowL:not(:disabled):hover > .Calendar_dayContent__Mhle7 > .Calendar_dayTextSunday__fffhD {
  color: var(--text-error);
}

.Calendar_dayOff__48FFa {
  background-color: var(--background-subtle2);
}

.Calendar_daySelected__GaYbs > .Calendar_dayContent__Mhle7 > .Calendar_dayText__URRtt {
  border-radius: 2px;
  background-color: var(--background-inverse);
  color: var(--text-inverse);
}

.Calendar_daySelected__GaYbs > .Calendar_dayContent__Mhle7 > .Calendar_dayTextSaturday__bmHUf {
  color: var(--text-link);
}

.Calendar_daySelected__GaYbs > .Calendar_dayContent__Mhle7 > .Calendar_dayTextSunday__fffhD {
  color: var(--text-error);
}

.Calendar_dayContent__Mhle7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 2px;
  position: relative;
  flex-shrink: 0;
  text-align: center;
  width: 100%;
}

.Calendar_dayText__URRtt {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 1.12px;
  text-align: center;
  width: 28px;
  color: var(--text-subtle);
}

.Calendar_dayTextOtherMonth__wXE3T {
  opacity: 0.4;
}

.Calendar_dayTextToday__xSfoH {
  color: var(--text-accent);
}

.Calendar_dayTextSaturday__bmHUf {
  color: var(--text-link);
}

.Calendar_dayTextSunday__fffhD {
  color: var(--text-error);
}

.Calendar_todayIndicator__l0qy1 {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
}

.Calendar_price__cqO4x {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.96px;
  color: var(--text-default);
  text-align: center;
  white-space: nowrap;
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: hidden;
}

.Calendar_priceOtherMonth__cPqnU {
  opacity: 0.4;
}

.Calendar_priceToday__SW1xY {
  color: var(--text-default);
}

.Calendar_priceSoldOut__1lcwZ {
  color: var(--text-error);
  letter-spacing: 0px;
}

.Calendar_priceClosed___h4rz {
  color: var(--text-default);
  letter-spacing: 0px;
}

/* レスポンシブデザイン */
@media (max-width: 1119px) {
  .Calendar_day__gMowL {
    padding: 4px;
    min-height: 68px;
  }

  .Calendar_dayContent__Mhle7 {
    padding: 2px;
  }

  .Calendar_dayText__URRtt {
    font-size: 14px;
    width: 28px;
  }
  .Calendar_price__cqO4x {
  }
}

@media (max-width: 767px) {
  .Calendar_day__gMowL {
    padding: 2px;
    min-height: 68px;
  }

  .Calendar_dayContent__Mhle7 {
    padding: 0px;
  }

  .Calendar_dayText__URRtt {
    font-size: 14px;
    width: 28px;
  }
  .Calendar_price__cqO4x {
    font-size: 11px;
    overflow: hidden;
  }
}

.TicketCard_container__F3pQM {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 40px;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  width: 100%;
  box-sizing: border-box;
  background-color: var(--background-default);
}

.TicketCard_header__2MfPS {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.TicketCard_radioButton__a36PQ {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
}

.TicketCard_radio__aDD_L {
  background-color: var(--background-default);
  border: 1px solid var(--border-default);
  border-radius: 9999px;
  width: 24px;
  height: 24px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.TicketCard_radioActive__4yKKh {
  border-color: var(--background-primary-action-enabled);
}

.TicketCard_radioInner__TcLXC {
  background-color: var(--background-primary-action-enabled);
  border-radius: 9999px;
  width: 6px;
  height: 6px;
}

.TicketCard_title__Xdmu9 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 1.6px;
  color: var(--text-default);
  flex-grow: 1;
  margin: 0;
}

.TicketCard_rightButtons__7wjqN {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-shrink: 0;
}

.TicketCard_expandButton__wnV0i {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  flex-shrink: 0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--background-inverse);
}

.TicketCard_expandIcon__Px2EY {
  width: 16px;
  height: 16px;
  color: var(--text-inverse);
  display: flex;
  align-items: center;
  justify-content: center;
}

.TicketCard_optionalButton__e3nLN {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
}

.TicketCard_checkbox__ef7GX {
  background-color: var(--background-subtle);
  border-radius: 2px;
  width: 24px;
  height: 24px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.TicketCard_checkboxActive__RudqI {
  background-color: var(--background-primary-action-enabled);
}

.TicketCard_checkIcon__nsEXd {
  color: var(--text-default);
  display: flex;
  align-items: center;
  justify-content: center;
}

.TicketCard_content__agegI {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}

.TicketCard_content__agegI h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 1.6px;
  color: var(--text-default);
  margin: 0;
}

.TicketCard_content__agegI p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 1.12px;
  color: var(--text-subtle);
  margin: 0;
}

.bookingTicketDateChangeAfterDateSelectModal_calendarModal__3Xp1S {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-40404032);
  align-items: center;
  width: 708px;
  max-width: 100%;
  padding: 32px 0;
  overflow-y: auto;
  background: var(--background-default);
  border-radius: var(--border-radius-panel);
  box-shadow: 0 8px 16px 0 rgb(0 0 0 / 12%);
}

.bookingTicketDateChangeAfterDateSelectModal_buttons__Nm39b {
  display: flex;
  gap: var(--spacing-sp8);
  align-items: flex-start;
}

/* 在庫切れの日付のスタイル */
.bookingTicketDateChangeAfterDateSelectModal_soldOut__2OtOD {
  position: relative;
  color: var(--color-gray-400) !important;
  color: red;
  pointer-events: none;
}

.bookingTicketDateChangeAfterDateSelectModal_soldOut__2OtOD::after {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 1px;
  content: "";
  background-color: var(--color-gray-400);
  transform: translateY(-50%);
}

.bookingTicketDateChangeCompleteModal_dateChangeCompleteModal__7LJxW {
  align-self: stretch;
  max-width: 708px;
}

.bookingTicketDateChangeCompleteModal_dateChangeComplete__E5dbc {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-40404032);
  align-items: center;
  padding: var(--padding-gap-40404032);
  background: var(--background-default);
  border-radius: var(--border-radius-panel);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.12);
  width: 708px;
  max-width: 100%;
}

.bookingTicketDateChangeCompleteModal_alertContent__RcgH9 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sp16);
  align-self: stretch;
  width: 100%;
}

.bookingTicketDateChangeCompleteModal_alertTitle__LLUM5 {
  font-family: var(--font-family-default);
  font-size: var(--font-size-50);
  font-weight: var(--font-weight-700);
  line-height: 2em;
  color: var(--text-default);
  letter-spacing: var(--letter-spacingdocument-string);
  text-align: center;
  margin: 0;
}

.bookingTicketDateChangeCompleteModal_alertText__kjB7w {
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-weight: var(--font-weight-400);
  line-height: 2em;
  color: var(--text-subtle);
  letter-spacing: var(--letter-spacingdocument-string);
  margin: 0;
}

.bookingTicketDateChangeCompleteModal_buttonWrapper__xUO_n {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-sp8);
  justify-content: center;
}

@media (width <= 768px) {
  .bookingTicketDateChangeCompleteModal_dateChangeComplete__E5dbc {
    gap: var(--spacing-sp24);
    width: 100%;
    padding: var(--spacing-sp24);
  }
}

.bookingTicketDateChangeWebTicketModal_dateChangeConfirmModal__yCoLD {
  align-self: stretch;
  max-width: 708px;
}

.bookingTicketDateChangeWebTicketModal_dateChangeConfirm__fOmNQ {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-40404032);
  align-items: center;
  width: 708px;
  max-width: 100%;
  padding: var(--padding-gap-40404032);
  font-family: "Noto Sans JP", sans-serif;
  background: var(--background-default);
  border-radius: var(--border-radius-panel);
  box-shadow: 0 8px 16px 0 rgb(0 0 0 / 12%);
}

.bookingTicketDateChangeWebTicketModal_dateChangeConfirmContent__9iNqI {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-16161612);
  align-self: stretch;
  width: 100%;
}

.bookingTicketDateChangeWebTicketModal_ticketContent__aDwNp {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-8884);
  align-self: stretch;
  padding: var(--padding-gap-20202016);
  background-color: var(--background-subtle);
  border-radius: var(--border-radius-panel);
}

.bookingTicketDateChangeWebTicketModal_bookingBlock__0_WhE {
  display: flex;
  flex-direction: column;
}

.bookingTicketDateChangeWebTicketModal_ticketGroup__Z_X5H {
  display: flex;
  flex-direction: column;
}

.bookingTicketDateChangeWebTicketModal_ticketGroupHeader__p7lEo {
  display: flex;
  flex-direction: row;
  font-size: var(--font-size-20);
  line-height: var(--line-height-20);
  color: var(--text-default);
  letter-spacing: 8%;
}

.bookingTicketDateChangeWebTicketModal_ticketItem__3E_dM {
  gap: 8px;
  font-size: var(--font-size-10);
  line-height: var(--line-height-10);
  color: var(--text-subtle);
  letter-spacing: 8%;
}

.bookingTicketDateChangeWebTicketModal_paymentWarning__xYA9J {
  font-size: var(--font-size-10);
  line-height: var(--line-height-10);
  color: var(--text-error);
  text-align: center;
  letter-spacing: 8%;
}

.bookingTicketDateChangeWebTicketModal_charge__TnKsz {
  display: flex;
  flex-direction: column;
}

.bookingTicketDateChangeWebTicketModal_chargeHeader__sNA_y {
  font-size: var(--font-size-20);
  line-height: var(--line-height-20);
  color: var(--text-default);
  letter-spacing: 8%;
}

.bookingTicketDateChangeWebTicketModal_chargeValue__C7AkZ {
  font-size: var(--font-size-10);
  line-height: var(--line-height-10);
  color: var(--text-subtle);
  letter-spacing: 8%;
}

.bookingTicketDateChangeWebTicketModal_refund__r7pOq {
  display: flex;
  flex-direction: column;
}

.bookingTicketDateChangeWebTicketModal_refundHeader__zTASW {
  font-size: var(--font-size-20);
  line-height: var(--line-height-20);
  color: var(--text-default);
  letter-spacing: 8%;
}

.bookingTicketDateChangeWebTicketModal_refundValue__W1Vj3 {
  font-size: var(--font-size-10);
  line-height: var(--line-height-10);
  color: var(--text-subtle);
  letter-spacing: 8%;
}

.bookingTicketDateChangeWebTicketModal_buttons__rPerp {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-sp8);
  justify-content: center;
}

@media (width <= 768px) {
  .bookingTicketDateChangeWebTicketModal_dateChangeConfirm__fOmNQ {
    gap: var(--spacing-sp24);
    width: 100%;
    padding: var(--spacing-sp24);
  }
}

.bookingTicketDateChangeWebTicketOptionModal_dateChangeConfirmModal__dYTce {
  align-self: stretch;
  max-width: 708px;
}

.bookingTicketDateChangeWebTicketOptionModal_dateChangeConfirm__uV_Q0 {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-40404032);
  align-items: center;
  width: 708px;
  max-width: 100%;
  padding: var(--padding-gap-40404032);
  font-family: "Noto Sans JP", sans-serif;
  background: var(--background-default);
  border-radius: var(--border-radius-panel);
  box-shadow: 0 8px 16px 0 rgb(0 0 0 / 12%);
}

.bookingTicketDateChangeWebTicketOptionModal_dateChangeConfirmContent__WhB7g {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-16161612);
  align-self: stretch;
  width: 100%;
}

.bookingTicketDateChangeWebTicketOptionModal_ticketContent__cp8Do {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-8884);
  align-self: stretch;
  padding: var(--padding-gap-20202016);
  background-color: var(--background-subtle);
  border-radius: var(--border-radius-panel);
}

.bookingTicketDateChangeWebTicketOptionModal_bookingBlock__3vEU2 {
  display: flex;
  flex-direction: column;
}

.bookingTicketDateChangeWebTicketOptionModal_ticketGroup__IUsAE {
  display: flex;
  flex-direction: column;
}

.bookingTicketDateChangeWebTicketOptionModal_ticketGroupHeader___NfQY {
  display: flex;
  flex-direction: row;
  font-size: var(--font-size-20);
  line-height: var(--line-height-20);
  color: var(--text-default);
  letter-spacing: 8%;
}

.bookingTicketDateChangeWebTicketOptionModal_ticketItem__bOC2W {
  gap: 8px;
  font-size: var(--font-size-10);
  line-height: var(--line-height-10);
  color: var(--text-subtle);
  letter-spacing: 8%;
}

.bookingTicketDateChangeWebTicketOptionModal_buttons__HS_BO {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-sp8);
  justify-content: center;
}

@media (width <= 768px) {
  .bookingTicketDateChangeWebTicketOptionModal_dateChangeConfirm__uV_Q0 {
    gap: var(--spacing-sp24);
    width: 100%;
    padding: var(--spacing-sp24);
  }
}

.purchasedTicket_tickets__aHDSY {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-24242420);
  align-items: flex-start;
  align-self: stretch;
}

.purchasedTicket_usedTickets__NH1a0 {
  display: flex;
  flex-direction: column;
  gap: var(--section-40404024);
  align-items: flex-start;
  align-self: stretch;
}

.purchasedTicket_subTitle__VVqlJ {
  align-self: stretch;
  font-family: var(--font-family-default);
  font-size: var(--font-size-40);
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-40) /* 200% */;
  color: var(--text-default);
  text-align: center;
  letter-spacing: 1.6px;
}

.purchasedTicket_emailInfo__7oz_o {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-24242420);
  align-items: center;
  align-self: stretch;
  justify-content: center;
  padding: var(--padding-gap-20202024) var(--padding-gap-24242420);
  background: var(--background-subtle);
}

.purchasedTicket_description__EcNM2 {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-1212128);
  align-items: flex-start;
  align-self: stretch;
}

.purchasedTicket_descriptionText___heO6 {
  align-self: stretch;
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-30) /* 200% */;
  color: var(--text-subtle);
  text-align: center;
  letter-spacing: 1.28px;
}

.purchasedTicket_descriptionEmail__HM20x {
  align-self: stretch;
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-30) /* 200% */;
  color: var(--text-default);
  text-align: center;
  letter-spacing: 1.28px;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.purchasedTicket_retry__dJhIA {
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-30) /* 200% */;
  color: var(--text-link);
  text-align: center;
  letter-spacing: 1.28px;
}

.purchasedTicket_dateHeaderWrapper__PYVwo {
  display: flex;
  flex-direction: column;
  gap: var(--padding-gap-1212128);
  align-items: flex-start;
  align-self: stretch;
}

.purchasedTicket_dateHeader__ySkrT {
  display: flex;
  gap: var(--padding-gap-16161612);
  align-items: center;
  justify-content: center;
  align-self: stretch;
}

.purchasedTicket_dateLine__wyddH {
  flex: 1 0 0;
  height: 1px;
  background: var(--border-default);
}

.purchasedTicket_dateText__zqh1h {
  font-family: var(--font-family-default);
  font-size: var(--font-size-30);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-30);
  color: var(--text-default);
  text-align: center;
  letter-spacing: 1.28px;
}

.purchasedTicket_changeDateLink__6UoVs {
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  font-family: var(--font-family-default);
  font-size: var(--font-size-20);
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt" on;
  line-height: var(--line-height-20);
  color: var(--text-link);
  text-align: center;
  letter-spacing: 1.12px;
  text-decoration: none;
}