@charset "UTF-8";a:hover {
  cursor: pointer
}

:lang(en).hide_if_en,:lang(ja).hide_if_ja {
  display: none
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace,monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,strong {
  font-weight: bolder
}

code,kbd,samp {
  font-family: monospace,monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button,input,optgroup,select,textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,input {
  overflow: visible
}

button,select {
  text-transform: none
}

[type=button],[type=reset],[type=submit],button {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

[hidden],template {
  display: none
}

@media (max-width: 767.9px) {
  html {
      background:#fff
  }

  html.is-fixed {
      height: 100%;
      overflow: hidden
  }

  body {
      box-sizing: border-box;
      color: #191919;
      font-family: Hiragino Kaku Gothic Pro,meiryo,sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.65;
      word-wrap: break-word;
      image-rendering: auto
  }

  .is-fixed body {
      position: fixed;
      width: 100%
  }

  :focus-visible {
      border-radius: 4px;
      outline: 4px solid #17349c
  }

  img {
      image-rendering: auto;
      max-height: 100%;
      max-width: 100%;
      vertical-align: middle
  }

  .event-detail-map img {
      max-height: -moz-fit-content;
      max-height: fit-content
  }

  a,button {
      transition: all .3s
  }

  button:hover {
      cursor: pointer
  }

  ::-moz-placeholder {
      color: #afafaf
  }

  ::placeholder {
      color: #afafaf
  }

  .only-pc {
      display: none!important
  }

  .only-sr {
      border: 0;
      height: 1px;
      overflow: hidden;
      padding: 0;
      pointer-events: none;
      position: absolute;
      width: 1px
  }

  .wrapper {
      display: flex;
      flex-direction: column;
      min-height: 100svh
  }

  .main {
      flex: 1
  }

  #wovn-translate-widget:not(:has(.mobile)) {
      bottom: 0!important
  }

  .grecaptcha-badge {
      visibility: hidden
  }

  .header {
      background: #fff;
      box-shadow: 0 2px 4px rgba(0,0,0,.04)
  }

  .header__inner {
      align-items: center;
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: space-between;
      min-height: 53px;
      padding: 8px 20px
  }

  .header__logo {
      display: block;
      width: 106px
  }

  .header__logo img {
      height: auto;
      width: 100%
  }

  .header__name {
      align-items: center;
      display: inline-flex;
      font-size: 12px;
      gap: 4px;
      line-height: 1.5;
      margin: 0 0 0 auto
  }

  .header__name:before {
      background: url(/packs/user/media/images/icon/black/ico_person-f1bde100142c62c98660.svg) no-repeat 50%/contain;
      content: "";
      display: block;
      flex-shrink: 0;
      height: 16px;
      width: 16px
  }

  .header__name span {
      font-weight: 700
  }

  .header-nav__button {
      background: transparent;
      border: 0;
      color: #191919;
      display: none;
      font-size: 10px;
      font-weight: 700;
      line-height: 1.5;
      padding: 22px 0 0;
      position: relative;
      text-align: center;
      width: 40px
  }

  .header-nav__button.is-show {
      display: block
  }

  .header-nav__button:before {
      background: url(/packs/user/media/images/icon/black/ico_close-e21d93a6b3b997a2cd6a.svg) no-repeat 50%/100% 100%;
      content: "";
      height: 20px;
      left: 50%;
      position: absolute;
      top: 0;
      transform: translateX(-50%);
      width: 20px
  }

  .header-nav__list {
      display: flex;
      gap: 8px;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .header-nav:has(>.is-show) .header-nav__item {
      display: none
  }

  .header-nav:has(>.is-show) .header-nav__item:has(>.is-open) {
      display: block
  }

  .header-nav__link {
      background: transparent;
      border: 0;
      color: #191919;
      display: block;
      font-size: 10px;
      font-weight: 700;
      line-height: 1.5;
      padding: 22px 0 0;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      width: 40px
  }

  .header-nav:has(>.is-show) .header-nav__link {
      display: none
  }

  .header-nav__link:before {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      content: "";
      height: 20px;
      left: 50%;
      position: absolute;
      top: 0;
      transform: translateX(-50%);
      width: 20px
  }

  .header-nav__link--search:before {
      background-image: url(../images/ico_search.svg)
  }

  .header-nav__link--login:before {
      background-image: url(../images/ico_login.svg)
  }

  .header-nav__link--menu:before {
      background-image: url(../images/ico_menu.svg)
  }

  .header-nav__open span {
      background: #ed2769;
      border: 1px solid #fff;
      border-radius: 50%;
      box-sizing: border-box;
      font-size: 0;
      height: 8px;
      position: absolute;
      right: 8px;
      top: 0;
      width: 8px
  }

  .header-nav__close {
      display: none
  }

  .header-overlay {
      display: none!important
  }

  .header-menu {
      background: #f6f6f6;
      box-sizing: border-box;
      display: none;
      height: 100%;
      max-height: calc(100svh - 53px);
      overflow-y: auto;
      position: fixed;
      right: 0;
      top: 53px;
      transform: translateX(100%);
      transition: all .3s;
      width: 100%;
      z-index: 6
  }

  .header-menu.is-open {
      transform: translateX(0)
  }

  .header-search {
      padding-bottom: 64px
  }

  .header-search__head {
      background: #fff;
      box-shadow: 0 2px 8px rgba(0,0,0,.04);
      margin-bottom: 16px;
      padding: 8px 20px 24px
  }

  .header-search-list {
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .header-search-list__item {
      background: #fff;
      box-shadow: 0 2px 8px rgba(0,0,0,.04);
      margin-bottom: 16px;
      padding: 24px 20px
  }

  .header-search-list__item:last-child {
      margin-bottom: 0
  }

  .header-search-list__toggle {
      background: transparent;
      border: 0;
      color: #191919;
      display: block;
      font-size: 20px;
      font-weight: 700;
      line-height: 1.5;
      padding: 0;
      position: relative;
      text-align: left;
      width: 100%
  }

  .header-search-list__toggle:before {
      height: 2px;
      right: 0;
      width: 18px
  }

  .header-search-list__toggle:after,.header-search-list__toggle:before {
      background: #191919;
      border-radius: 2px;
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%)
  }

  .header-search-list__toggle:after {
      height: 18px;
      right: 7px;
      transition: all .3s;
      width: 2px
  }

  .header-search-list__item.is-open .header-search-list__toggle:after {
      transform: translateY(-50%) rotate(-90deg)
  }

  .header-search-list__panel {
      display: none;
      padding: 16px 0 0 16px
  }

  .header-search-child-list {
      display: flex;
      flex-direction: column;
      gap: 16px;
      list-style-type: none;
      padding: 0
  }

  .header-search-child-list__link {
      color: #191919;
      display: block;
      padding-right: 26px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .header-search-child-list__link:after {
      background: url(/packs/user/media/images/icon/main/ico_arrow_right-ac7c3e7b99831958d8af.svg) no-repeat 50%/contain;
      content: "";
      height: 16px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 16px
  }

  .header-account {
      padding-bottom: 64px
  }

  .header-account__inner {
      background: #fff;
      box-shadow: 0 2px 8px rgba(0,0,0,.04);
      margin-bottom: 16px;
      padding: 8px 20px 24px
  }

  .header-account__name {
      border-bottom: 1px solid #dedede;
      margin: 0 0 16px;
      padding: 0 0 16px 28px;
      position: relative
  }

  .header-account__name:before {
      background: url(/packs/user/media/images/icon/main/ico_person-98a9df847277ecf5ac90.svg) no-repeat 50%/contain;
      content: "";
      height: 20px;
      left: 0;
      position: absolute;
      top: 2px;
      width: 20px
  }

  .header-account__name span {
      font-weight: 700;
      margin-right: 4px
  }

  .header-account-list {
      background: #fff;
      display: flex;
      flex-direction: column;
      gap: 16px;
      list-style-type: none;
      margin: 0 0 16px;
      padding: 0
  }

  .header-account-list:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .header-account-list__link {
      align-items: center;
      color: #191919;
      display: inline-flex;
      gap: 4px;
      padding-left: 28px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .header-account-list__link:before {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      content: "";
      height: 20px;
      left: 0;
      position: absolute;
      top: 2px;
      width: 20px
  }

  .header-account-list__link--top:before {
      background-image: url(/packs/user/media/images/icon/main/ico_home-b483a6dac7a62aa2693a.svg)
  }

  .header-account-list__link--ticket:before {
      background-image: url(/packs/user/media/images/icon/main/ico_qr-0f210bbe7c2dd6d9d97f.svg)
  }

  .header-account-list__link--history:before {
      background-image: url(/packs/user/media/images/icon/main/ico_history-012971222faf529f06c8.svg)
  }

  .header-account-list__link--favorite:before {
      background-image: url(/packs/user/media/images/icon/main/ico_favorite-703be270759105ec7421.svg)
  }

  .header-account-list__link--news:before {
      background-image: url(/packs/user/media/images/icon/main/ico_notifications-0e7bdb8f2c0833afde6b.svg)
  }

  .header-account-list__link--inquiry:before {
      background-image: url(/packs/user/media/images/icon/main/ico_chat-12b79157fcd4fa4f000d.svg)
  }

  .header-account-list__link--setting:before {
      background-image: url(/packs/user/media/images/icon/main/ico_setting-354be6d71b0b967604a8.svg)
  }

  .header-account-list__link--mail:before {
      background-image: url(/packs/user/media/images/icon/main/ico_mail_close-8efae057f074d16d9761.svg)
  }

  .header-account-list__link--login-history:before {
      background-image: url(/packs/user/media/images/icon/main/ico_lock-5837c242cabd5b617eca.svg)
  }

  .header-account-list__number {
      background: #ed2769;
      border-radius: 100px;
      color: #fff;
      font-size: 10px;
      font-weight: 700;
      line-height: 1.35;
      padding: 3px 6px
  }

  .header-account-logout {
      padding: 0 20px
  }

  .header-account-logout__link {
      background: transparent;
      border: 0;
      color: #191919;
      display: inline-block;
      line-height: 1.65;
      padding: 0 0 0 28px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .header-account-logout__link:before {
      background: url(/packs/user/media/images/icon/main/ico_logout-06e5ac5d37eeae05f510.svg) no-repeat 50%/100% 100%;
      content: "";
      height: 20px;
      left: 0;
      position: absolute;
      top: 2px;
      width: 20px
  }

  .header-top {
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      overflow: hidden;
      padding: 8px 0 11px;
      position: relative;
      z-index: 0
  }

  .header-top:before {
      background: #fff;
      border-radius: 50%;
      bottom: 0;
      content: "";
      height: 373px;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      width: 446px;
      z-index: -1
  }

  .header-top__heading {
      align-items: center;
      color: #191919;
      display: inline-flex;
      flex-direction: column;
      font-size: 12px;
      font-weight: 400;
      gap: 8px;
      line-height: 1.5;
      margin: 0;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .header-top__heading img {
      display: block;
      height: auto;
      width: 130px
  }

  .button-paramount {
      align-items: center;
      background: #ed2769;
      border: 1px solid transparent;
      border-radius: 2px;
      box-sizing: border-box;
      color: #fff;
      display: inline-flex;
      font-size: 16px;
      font-weight: 700;
      gap: 8px;
      justify-content: center;
      line-height: 1.5;
      min-height: 54px;
      padding: 14px 4px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      width: 100%
  }

  .button-paramount--small {
      padding: 14px 12px;
      width: 150px
  }

  .button-paramount[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-primary {
      align-items: center;
      background: #08b5ae;
      border: 1px solid transparent;
      border-radius: 2px;
      box-sizing: border-box;
      color: #fff;
      display: inline-flex;
      font-size: 16px;
      font-weight: 700;
      gap: 8px;
      justify-content: center;
      line-height: 1.5;
      min-height: 54px;
      padding: 14px 4px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      width: 100%
  }

  .button-primary--small {
      padding: 14px 12px;
      width: 150px
  }

  .button-primary[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-secondary {
      align-items: center;
      background: #fff;
      border: 1px solid #08b5ae;
      border-radius: 2px;
      box-sizing: border-box;
      color: #08b5ae;
      display: inline-flex;
      font-size: 16px;
      font-weight: 700;
      gap: 8px;
      justify-content: center;
      line-height: 1.5;
      min-height: 54px;
      padding: 14px 4px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      width: 100%
  }

  .button-secondary--small {
      padding: 14px 12px;
      width: 150px
  }

  .button-secondary[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-tertiary {
      align-items: center;
      background: #def2ef;
      border: 1px solid transparent;
      border-radius: 2px;
      box-sizing: border-box;
      color: #08b5ae;
      display: inline-flex;
      font-size: 16px;
      font-weight: 700;
      gap: 8px;
      justify-content: center;
      line-height: 1.5;
      min-height: 54px;
      padding: 14px 4px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      width: 100%
  }

  .button-tertiary--small {
      padding: 14px 12px;
      width: 150px
  }

  .button-tertiary[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-quaternary {
      align-items: center;
      background: #f6f6f6;
      border: 1px solid #dedede;
      border-radius: 2px;
      box-sizing: border-box;
      color: #191919;
      display: inline-flex;
      font-size: 16px;
      font-weight: 700;
      gap: 8px;
      justify-content: center;
      line-height: 1.5;
      min-height: 54px;
      padding: 14px 4px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      width: 100%
  }

  .button-quaternary--small {
      padding: 14px 12px;
      width: 150px
  }

  .button-quaternary[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-owner-primary {
      align-items: center;
      background: #17349c;
      border: 1px solid transparent;
      border-radius: 2px;
      box-sizing: border-box;
      color: #fff;
      display: inline-flex;
      font-size: 16px;
      font-weight: 700;
      gap: 8px;
      justify-content: center;
      line-height: 1.5;
      min-height: 54px;
      padding: 14px 4px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      width: 100%
  }

  .button-owner-primary--small {
      padding: 14px 12px;
      width: 150px
  }

  .button-owner-primary[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-owner-secondary {
      align-items: center;
      background: #fff;
      border: 1px solid #17349c;
      border-radius: 2px;
      box-sizing: border-box;
      color: #17349c;
      display: inline-flex;
      font-size: 16px;
      font-weight: 700;
      gap: 8px;
      justify-content: center;
      line-height: 1.5;
      min-height: 54px;
      padding: 14px 4px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      width: 100%
  }

  .button-owner-secondary--small {
      padding: 14px 12px;
      width: 150px
  }

  .button-owner-secondary[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-function-primary {
      align-items: center;
      background: #191919;
      border: 1px solid transparent;
      border-radius: 2px;
      box-sizing: border-box;
      color: #fff;
      display: inline-flex;
      font-size: 14px;
      font-weight: 700;
      gap: 4px;
      justify-content: center;
      line-height: 1.5;
      min-height: 39px;
      padding: 7px 15px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .button-function-primary--large {
      min-width: 180px;
      padding: 11px 15px
  }

  .button-function-primary[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-function-secondary {
      align-items: center;
      background: #fff;
      border: 1px solid #535353;
      border-radius: 2px;
      box-sizing: border-box;
      color: #191919;
      display: inline-flex;
      font-size: 14px;
      font-weight: 700;
      gap: 4px;
      justify-content: center;
      line-height: 1.5;
      min-height: 39px;
      padding: 7px 15px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .button-function-secondary--large {
      min-width: 180px;
      padding: 11px 15px
  }

  .button-function-secondary[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-function-main-primary {
      align-items: center;
      background: #08b5ae;
      border: 1px solid transparent;
      border-radius: 2px;
      box-sizing: border-box;
      color: #fff;
      display: inline-flex;
      font-size: 14px;
      font-weight: 700;
      gap: 4px;
      justify-content: center;
      line-height: 1.5;
      min-height: 39px;
      padding: 7px 15px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .button-function-main-primary--large {
      min-width: 180px;
      padding: 11px 15px
  }

  .button-function-main-primary[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-function-main-primary:hover {
      background: #0f7f7b
  }

  .button-function-main-secondary {
      align-items: center;
      background: #fff;
      border: 1px solid #08b5ae;
      border-radius: 2px;
      box-sizing: border-box;
      color: #08b5ae;
      display: inline-flex;
      font-size: 14px;
      font-weight: 700;
      gap: 4px;
      justify-content: center;
      line-height: 1.5;
      min-height: 39px;
      padding: 7px 15px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .button-function-main-secondary--large {
      min-width: 180px;
      padding: 11px 15px
  }

  .button-function-main-secondary[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-function-main-secondary:hover {
      background: #edfaf8;
      border-color: #def2ef
  }

  .button-arrow-right {
      padding: 14px 30px
  }

  .button-arrow-right:before {
      background: url(/packs/user/media/images/icon/white/ico_arrow_right-8708dd4dd694d0832058.svg) no-repeat 50%/contain;
      content: "";
      height: 16px;
      position: absolute;
      right: 7px;
      top: 50%;
      transform: translateY(-50%);
      width: 16px
  }

  .button-secondary.button-arrow-right:before,.button-tertiary.button-arrow-right:before {
      background-image: url(/packs/user/media/images/icon/main/ico_arrow_right-ac7c3e7b99831958d8af.svg)
  }

  .button-quaternary.button-arrow-right:before {
      background-image: url(/packs/user/media/images/icon/gray/ico_arrow_right02-9f6f710ef09732e63615.svg)
  }

  .button-owner-secondary.button-arrow-right:before {
      background-image: url(/packs/user/media/images/icon/owner/ico_arrow_right-9d87c267c5a692bf047d.svg)
  }

  [aria-disabled=true].button-arrow-right:before {
      opacity: 0
  }

  .button-arrow-left {
      padding: 14px 30px
  }

  .button-arrow-left:before {
      background: url(/packs/user/media/images/icon/white/ico_arrow_left-41ea62aa418e062ded87.svg) no-repeat 50%/contain;
      content: "";
      height: 16px;
      left: 7px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 16px
  }

  .button-secondary.button-arrow-left:before,.button-tertiary.button-arrow-left:before {
      background-image: url(/packs/user/media/images/icon/main/ico_arrow_left-06484e3bbbdbc606da20.svg)
  }

  .button-quaternary.button-arrow-left:before {
      background-image: url(/packs/user/media/images/icon/gray/ico_arrow_left02-8292fa93d7e7d78230ef.svg)
  }

  .button-owner-secondary.button-arrow-left:before {
      background-image: url(/packs/user/media/images/icon/owner/ico_arrow_left-53b451bb0ecc45f98608.svg)
  }

  [aria-disabled=true].button-arrow-left:before {
      opacity: 0
  }

  .button-icon {
      background: transparent;
      border: 0;
      height: 30px;
      min-height: auto;
      padding: 0;
      width: 30px
  }

  .button-icon--small {
      height: 24px;
      width: 24px
  }

  .button-sns {
      align-items: center;
      border: 0;
      border-radius: 2px;
      display: inline-flex;
      height: 50px;
      justify-content: center;
      padding: 0;
      width: 100%
  }

  .button-sns--x {
      background: #000
  }

  .button-sns--line {
      background: #06c755
  }

  .button-sns--fb {
      background: #1877f2
  }

  .button-sns img {
      width: 40px
  }

  .button-box {
      align-items: center;
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin-top: 40px
  }

  .button-box__item {
      width: 100%
  }

  [class^=icon-] {
      flex-shrink: 0;
      font-size: 0
  }

  .icon-share {
      background: url(/packs/user/media/images/icon/black/ico_share-a708b4ed8d84eb7ac8d1.svg) no-repeat 0 0/100% 100%;
      display: block;
      height: 30px;
      width: 30px
  }

  .button-icon--small .icon-share {
      height: 24px;
      width: 24px
  }

  .icon-blank {
      background: url(/packs/user/media/images/icon/black/ico_blank-fc85a63ada9d321473b2.svg) no-repeat 50%/contain;
      display: inline-block;
      font-size: 0;
      height: 16px;
      margin-left: 2px;
      vertical-align: text-top;
      width: 16px
  }

  .icon-blank--small {
      height: 14px;
      width: 14px
  }

  .text-link-inline .icon-blank {
      background-image: url(/packs/user/media/images/icon/owner/ico_blank-12aa7e68650e4723609d.svg)
  }

  .button-primary .icon-blank {
      background-image: url(/packs/user/media/images/icon/white/ico_blank-83e5053768374c7e690a.svg);
      height: 18px;
      margin: 0;
      position: static;
      width: 18px
  }

  .button-secondary .icon-blank {
      background-image: url(/packs/user/media/images/icon/main/ico_blank-52868f9c9ad4a9fc69e4.svg);
      height: 18px;
      margin: 0;
      position: static;
      width: 18px
  }

  .icon-alert {
      background: url(/packs/user/media/images/icon/pink/ico_alert-5be78bfea1b3f38d6b8a.svg) no-repeat 50%/contain;
      font-size: 0;
      height: 14px;
      left: 0;
      position: absolute;
      top: 2px;
      width: 14px
  }

  .message-box--alert .icon-alert {
      background-image: url(/packs/user/media/images/icon/pink/ico_alert-5be78bfea1b3f38d6b8a.svg);
      height: 18px;
      width: 18px
  }

  .icon-info {
      background: url(/packs/user/media/images/icon/orange/ico_info-d81906a952db27f44459.svg) no-repeat 50%/contain;
      font-size: 0;
      height: 16px;
      left: 0;
      position: absolute;
      top: 1px;
      width: 16px
  }

  .message-box--important .icon-info {
      top: 2px
  }

  .inquiry-intro__title .icon-info,.message-box--important .icon-info {
      background-image: url(/packs/user/media/images/icon/orange/ico_info_line-497bda9bbbfb8a14af40.svg);
      height: 18px;
      width: 18px
  }

  .inquiry-intro__title .icon-info {
      top: 3px
  }

  .icon-error {
      background: url(/packs/user/media/images/icon/red/ico_error-a2ee2b60593324a73fbc.svg) no-repeat 50%/contain;
      margin-right: 4px;
      top: 1px
  }

  .icon-error,.icon-hint {
      font-size: 0;
      height: 16px;
      left: 0;
      position: absolute;
      width: 16px
  }

  .icon-hint {
      background: url(/packs/user/media/images/icon/orange/ico_hint-a6aac60dd7aeb6559c1e.svg) no-repeat 50%/contain;
      top: 2px
  }

  .icon-favorite {
      background: url(/packs/user/media/images/icon/black/ico_favorite-6afbd532e7930b9fd5c4.svg) no-repeat 0 0/100% 100%;
      display: block;
      height: 30px;
      transition: all .3s;
      width: 30px
  }

  .icon-favorite.is-registered {
      background-image: url(/packs/user/media/images/icon/black/ico_favorite_filled-36d11eec72f9ca6a82cd.svg)
  }

  .icon-mail {
      background: url(/packs/user/media/images/icon/white/ico_mail-c2f9dd209d8e6ed495bd.svg) no-repeat 50%/contain;
      height: 18px;
      width: 18px
  }

  .button-secondary .icon-mail {
      background-image: url(/packs/user/media/images/icon/main/ico_mail-fe5d6d9049a737b34def.svg)
  }

  .icon-line {
      background: url(/packs/user/media/images/icon/white/ico_line-8387ccb911d627df8780.svg) no-repeat 50%/contain;
      height: 22px;
      width: 22px
  }

  .icon-download {
      background: url(/packs/user/media/images/icon/black/ico_download-13b513898cfc6d5e3a48.svg) no-repeat 50%/contain;
      height: 24px;
      margin: -1px 5px 0 0;
      width: 24px
  }

  .icon-pc {
      background: url(/packs/user/media/images/icon/white/ico_pc-b965180394b6d4d3be6d.svg) no-repeat 50%/contain;
      height: 18px;
      width: 18px
  }

  .button-secondary .icon-pc {
      background-image: url(/packs/user/media/images/icon/main/ico_pc-dd5f0b6430474d93850f.svg)
  }

  .icon-tel {
      background: url(/packs/user/media/images/icon/main/ico_tel-63e9e46114c7eb58bde9.svg) no-repeat 50%/contain;
      height: 18px;
      width: 18px
  }

  .button-primary .icon-tel {
      background-image: url(/packs/user/media/images/icon/white/ico_tel-9b4687738d4f58f841ae.svg)
  }

  .icon-copy {
      background: url(/packs/user/media/images/icon/main/ico_copy-f5d346c36b8fa12fb01a.svg) no-repeat 50%/contain
  }

  .icon-copy,.icon-seat {
      height: 18px;
      width: 18px
  }

  .icon-seat {
      background: url(/packs/user/media/images/icon/white/ico_chair-16b9646ba74cbee07fbd.svg) no-repeat 50%/contain;
      margin-top: -2px
  }

  .icon-add {
      background: url(/packs/user/media/images/icon/white/ico_add-042c4b2e673e27fbb9d6.svg) no-repeat 50%/contain;
      height: 20px;
      margin-top: -2px;
      width: 20px
  }

  .icon-edit {
      background: url(/packs/user/media/images/icon/black/ico_edit-8d879f3cd16e14416032.svg) no-repeat 50%/contain;
      height: 18px;
      margin-top: -3px;
      width: 18px
  }

  .button-function-secondary--large .icon-edit {
      height: 24px;
      margin-top: -4px;
      width: 24px
  }

  .icon-search {
      background: url(/packs/user/media/images/icon/white/ico_search-45744bec13d958b6dcfd.svg) no-repeat 50%/contain;
      height: 18px;
      margin-top: -3px;
      width: 18px
  }

  .icon-qr {
      background: url(/packs/user/media/images/icon/white/ico_qr-94ceaf78947de171376c.svg) no-repeat 50%/contain;
      margin-top: -2px
  }

  .icon-close,.icon-qr {
      height: 20px;
      width: 20px
  }

  .icon-close {
      background: url(/packs/user/media/images/icon/white/ico_close-a09c0bf8ebebd2868e8c.svg) no-repeat 50%/contain
  }

  .icon-return {
      background: url(/packs/user/media/images/icon/white/ico_arrow_response-c6ce3d6745755c759b39.svg) no-repeat 50%/contain;
      height: 20px;
      width: 20px
  }

  .icon-movie {
      background: url(/packs/user/media/images/icon/white/ico_movie-4417429e6d2edce1fa9d.svg) no-repeat 50%/contain;
      height: 20px;
      width: 20px
  }

  .icon-text-copy {
      background: url(/packs/user/media/images/icon/black/ico_text_copy-e0afecd528859c7cede6.svg) no-repeat 50%/contain;
      height: 18px;
      margin-top: -1px;
      width: 18px
  }

  .input-text {
      max-width: 100%;
      position: relative
  }

  .input-text__input {
      background: #fff;
      border: 1px solid #afafaf;
      border-radius: 4px;
      box-sizing: border-box;
      font-size: 16px;
      height: 100%;
      line-height: 1.5;
      padding: 11px;
      transition: all .3s;
      width: 100%
  }

  .input-text__input:disabled {
      background: #f6f6f6;
      border-color: #afafaf
  }

  .input-text__input.is-error {
      background: #ffe5e2;
      border-color: #ed0f00
  }

  .input-text__input:focus-visible {
      border-color: #191919;
      border-radius: 4px;
      outline: 0
  }

  .input-textarea {
      max-width: 100%;
      position: relative
  }

  .input-textarea__input {
      background: #fff;
      border: 1px solid #afafaf;
      border-radius: 4px;
      box-sizing: border-box;
      display: block;
      font-size: 16px;
      height: 100%;
      line-height: 1.5;
      max-width: 100%;
      min-height: 120px;
      padding: 11px;
      transition: all .3s;
      width: 100%
  }

  .input-textarea__input:disabled {
      background: #f6f6f6;
      border-color: #afafaf
  }

  .input-textarea__input.is-error {
      background: #ffe5e2;
      border-color: #ed0f00
  }

  .input-textarea__input:focus-visible {
      border-color: #191919;
      border-radius: 4px;
      outline: 0
  }

  .input-select {
      max-width: 335px;
      position: relative
  }

  .input-select.is-hide {
      display: none
  }

  .input-select:after {
      background: url(/packs/user/media/images/icon/black/ico_arrow_down-4e05697d2c683e5cf007.svg) no-repeat 0 0/100% 100%;
      content: "";
      height: 16px;
      pointer-events: none;
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      width: 16px
  }

  .input-select:has(:disabled):after {
      background-image: url(/packs/user/media/images/icon/gray/ico_arrow_down-6b520d62e967c8216b59.svg)
  }

  .input-select:has(.is-error):after {
      background-image: url(/packs/user/media/images/icon/red/ico_arrow_down-798c26150befd643c42a.svg)
  }

  .input-select--small {
      width: 85px
  }

  .input-select__select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: #fff;
      border: 1px solid #afafaf;
      border-radius: 4px;
      box-sizing: border-box;
      color: #191919;
      cursor: pointer;
      font-size: 16px;
      height: 100%;
      line-height: 1.5;
      overflow: hidden;
      padding: 11px 40px 11px 15px;
      text-overflow: ellipsis;
      transition: all .3s;
      white-space: nowrap;
      width: 100%
  }

  .input-select__select:disabled {
      background: #f6f6f6;
      border-color: #afafaf;
      color: #afafaf
  }

  .input-select__select.is-error {
      background: #ffe5e2;
      border-color: #ed0f00
  }

  .input-select__select:focus-visible {
      border-color: #191919;
      border-radius: 4px;
      outline: 0
  }

  .input-radio {
      display: inline-block;
      position: relative
  }

  .input-radio__input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-sizing: border-box;
      cursor: pointer;
      height: 100%;
      left: 0;
      margin: 0;
      position: absolute;
      top: 0;
      width: 100%
  }

  .input-radio__text {
      color: #191919;
      cursor: pointer;
      display: inline-block;
      font-size: 16px;
      line-height: 1.5;
      padding-left: 28px;
      position: relative
  }

  .input-radio__input:disabled+.input-radio__text {
      color: #afafaf;
      pointer-events: none
  }

  .input-radio__text:before {
      background: #fff;
      border: 1px solid #08b5ae;
      border-radius: 50%;
      box-sizing: border-box;
      content: "";
      height: 20px;
      left: 0;
      position: absolute;
      top: 3px;
      width: 20px
  }

  .input-radio__input:disabled+.input-radio__text:before {
      border-color: #dedede
  }

  .input-radio__input.is-error+.input-radio__text:before {
      background: #ffe5e2;
      border-color: #ed0f00
  }

  .input-radio__text:after {
      background: #08b5ae;
      border-radius: 50%;
      box-sizing: border-box;
      content: "";
      height: 14px;
      left: 3px;
      position: absolute;
      top: 6px;
      transform: scale(0);
      transition: all .3s;
      width: 14px
  }

  .input-radio__input:checked+.input-radio__text:after {
      transform: scale(1)
  }

  .input-radio__input:disabled+.input-radio__text:after {
      background: #dedede
  }

  .input-check {
      display: inline-block;
      position: relative
  }

  .input-check--block {
      background: #fff;
      border: 1px solid #08b5ae;
      border-radius: 2px;
      display: block;
      padding: 15px;
      transition: all .3s
  }

  .input-check--block:has(.is-error) {
      background: #ffe5e2;
      border-color: #ed0f00
  }

  .input-check--block:not(:has(.is-error)):has(:checked) {
      background: #edfaf8
  }

  .input-check__input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-sizing: border-box;
      cursor: pointer;
      height: 100%;
      left: 0;
      margin: 0;
      position: absolute;
      top: 0;
      width: 100%
  }

  .input-check__text {
      color: #191919;
      cursor: pointer;
      display: inline-block;
      font-size: 16px;
      line-height: 1.5;
      padding-left: 28px;
      position: relative
  }

  .input-check__input:disabled+.input-check__text {
      color: #535353;
      pointer-events: none
  }

  .input-check__text:before {
      background: #fff;
      border: 1px solid #08b5ae;
      border-radius: 4px;
      box-sizing: border-box;
      content: "";
      height: 20px;
      left: 0;
      position: absolute;
      top: 2px;
      width: 20px
  }

  .input-check__input:disabled+.input-check__text:before {
      background: #f6f6f6;
      border-color: #dedede
  }

  .input-check__input.is-error+.input-check__text:before {
      background: #ffe5e2;
      border-color: #ed0f00
  }

  .input-check--block .is-error+.input-check__text:before {
      background: #fff
  }

  .input-check__text:after {
      background: url(/packs/user/media/images/icon/main/ico_check-ee57dd92bf6ff05a3f03.svg) no-repeat 0 0/auto 100%;
      content: "";
      height: 20px;
      left: 0;
      position: absolute;
      top: 2px;
      transition: all .3s;
      width: 0
  }

  .input-check__input:checked+.input-check__text:after {
      width: 20px
  }

  .input-check__input:disabled+.input-check__text:after {
      background-image: url(/packs/user/media/images/icon/gray/ico_check-4e3e7af4536d97687098.svg)
  }

  .input-date {
      display: inline-block;
      position: relative;
      width: 163px
  }

  .input-date__input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: #fff;
      border: 1px solid #afafaf;
      border-radius: 4px;
      box-sizing: border-box;
      color: #191919;
      font-size: 16px;
      height: 44px;
      line-height: 1.5;
      padding: 11px 44px 11px 11px;
      text-align: left;
      transition: all .3s;
      width: 100%
  }

  .input-date__input:disabled {
      background: #f6f6f6;
      border-color: #afafaf;
      color: #afafaf;
      pointer-events: none
  }

  .input-date__input.is-error {
      background: #ffe5e2;
      border-color: #ed0f00
  }

  .input-date__input:focus-visible {
      border-color: #191919;
      border-radius: 4px;
      outline: 0
  }

  .input-date__button {
      background: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg) no-repeat right 12px center/24px 24px;
      border: 0;
      font-size: 0;
      height: 100%;
      padding: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 44px
  }

  .input-date__input:disabled+.input-date__button {
      background-image: url(/packs/user/media/images/icon/gray/ico_calendar-4fd8c12bba27c81e8c38.svg);
      pointer-events: none
  }

  .input-password {
      max-width: 100%;
      position: relative
  }

  .input-password__input {
      background: #fff;
      border: 1px solid #afafaf;
      border-radius: 4px;
      box-sizing: border-box;
      font-size: 16px;
      height: 100%;
      line-height: 1.5;
      padding: 11px 44px 11px 11px;
      transition: all .3s;
      width: 100%
  }

  .input-password__input::-ms-reveal {
      display: none
  }

  .input-password__input:disabled {
      background: #f6f6f6;
      border-color: #afafaf
  }

  .input-password__input.is-error {
      background: #ffe5e2;
      border-color: #ed0f00
  }

  .input-password__input:focus-visible {
      border-color: #191919;
      border-radius: 4px;
      outline: 0
  }

  .input-password__button {
      background: transparent;
      border: 0;
      font-size: 0;
      height: 24px;
      padding: 0;
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      width: 24px;
      z-index: 1
  }

  .input-password__button:before {
      background: url(/packs/user/media/images/icon/black/ico_visibility_off-91c250b076d32225d90e.svg) no-repeat 50%/contain;
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%
  }

  .is-visible .input-password__button:before {
      background-image: url(/packs/user/media/images/icon/black/ico_visibility-e950cda2512360e2c517.svg)
  }

  .input-search {
      max-width: 100%;
      position: relative
  }

  .input-search__input {
      background: #fff;
      border: 1px solid #afafaf;
      border-radius: 4px;
      box-sizing: border-box;
      font-size: 16px;
      height: 100%;
      line-height: 1.5;
      overflow: hidden;
      padding: 11px 44px 11px 11px;
      text-overflow: ellipsis;
      transition: all .3s;
      white-space: nowrap;
      width: 100%
  }

  .input-search__input[type=search] {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none
  }

  .input-search__input::-webkit-search-cancel-button {
      -webkit-appearance: none;
      appearance: none
  }

  .input-search__input:disabled {
      background: #f6f6f6;
      border-color: #afafaf
  }

  .input-search__input.is-error {
      background: #ffe5e2;
      border-color: #ed0f00
  }

  .input-search__input:focus-visible {
      border-color: #191919;
      border-radius: 4px;
      outline: 0
  }

  .input-search__button {
      background: url(/packs/user/media/images/icon/black/ico_search-4996c99f22c9d6150592.svg) no-repeat 0 0/100% 100%;
      border: 0;
      font-size: 0;
      height: 24px;
      padding: 0;
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 24px;
      z-index: 1
  }

  .input-switch {
      display: inline-block;
      position: relative
  }

  .input-switch__input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-sizing: border-box;
      height: 100%;
      margin: 0;
      position: absolute;
      width: 100%
  }

  .input-switch__input:focus-visible {
      border-radius: 25px;
      outline-offset: 0
  }

  .input-switch__button {
      background: #dedede;
      border-radius: 25px;
      cursor: pointer;
      display: block;
      font-size: 0;
      height: 24px;
      position: relative;
      transition: all .3s;
      width: 50px
  }

  .input-switch__input:checked+.input-switch__button {
      background: #def2ef
  }

  .input-switch__button:before {
      background: #fff url(/packs/user/media/images/icon/white/ico_check-65fca209ee1665e12c83.svg) no-repeat 50%/24px 24px;
      border: 1px solid #535353;
      border-radius: 50%;
      box-shadow: 0 0 10px rgba(25,25,25,.1);
      box-sizing: border-box;
      content: "";
      height: 28px;
      left: 28px;
      position: absolute;
      top: 50%;
      transform: translate(-100%,-50%);
      transition: all .3s;
      width: 28px
  }

  .input-switch__input:checked+.input-switch__button:before {
      background-color: #08b5ae;
      border-color: #08b5ae;
      left: 100%
  }

  .input-sort {
      display: inline-block;
      flex-shrink: 0;
      position: relative
  }

  .input-sort:before {
      background: url(/packs/user/media/images/icon/black/ico_sort-3851d7027b72ee11bb55.svg) no-repeat 0 0/100% 100%;
      content: "";
      height: 18px;
      left: 16px;
      pointer-events: none;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 18px
  }

  .input-sort__select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: #fff;
      border: 1px solid #535353;
      border-radius: 2px;
      box-sizing: border-box;
      color: #191919;
      cursor: pointer;
      font-size: 12px;
      font-weight: 700;
      height: 100%;
      line-height: 1.5;
      padding: 7px 15px 7px 35px;
      transition: all .3s;
      width: 100%
  }

  .flatpickr-current-month .numInputWrapper {
      width: 75px!important
  }

  .label-info {
      background: #535353
  }

  .label-important,.label-info {
      border: 1px solid transparent;
      border-radius: 50px;
      box-sizing: border-box;
      color: #fff;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 1;
      min-height: 20px;
      padding: 3px 11px
  }

  .label-important {
      background: #ed2769
  }

  .label-order {
      background: #008577;
      border: 1px solid transparent;
      border-radius: 50px;
      color: #fff
  }

  .label-lottery,.label-order {
      box-sizing: border-box;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 1;
      min-height: 20px;
      padding: 3px 11px
  }

  .label-lottery {
      background: #fff;
      border: 1px solid #008577;
      border-radius: 50px;
      color: #008577
  }

  .tag-primary {
      background: #17349c;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #fff;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-primary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-secondary {
      background: #fff;
      border: 1px solid #17349c;
      box-sizing: border-box;
      color: #17349c;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-secondary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-tertiary {
      background: #edf3ff;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #17349c;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-tertiary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-error-primary {
      background: #ed0f00;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #fff;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-error-primary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-error-secondary {
      background: #fff;
      border: 1px solid #ed0f00;
      box-sizing: border-box;
      color: #ed0f00;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-error-secondary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-error-tertiary {
      background: #ffe5e2;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #ed0f00;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-error-tertiary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-alert-primary {
      background: #ed2769;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #fff;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-alert-primary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-alert-secondary {
      background: #fff;
      border: 1px solid #ed2769;
      box-sizing: border-box;
      color: #ed2769;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-alert-secondary--fixed {
      min-width: 88px;
      text-align: center
  }

  .history-detail__title .tag-alert-secondary {
      align-self: center
  }

  .tag-alert-tertiary {
      background: #ffe8f0;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #ed2769;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-alert-tertiary--fixed {
      min-width: 88px;
      text-align: center
  }

  .history-detail__title .tag-alert-tertiary {
      align-self: center
  }

  .tag-important-primary {
      background: #cc4100;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #fff;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-important-primary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-important-secondary {
      background: #fff;
      border: 1px solid #cc4100;
      box-sizing: border-box;
      color: #cc4100;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-important-secondary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-info {
      background: #fff;
      border: 1px solid #dedede;
      box-sizing: border-box;
      color: #191919;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere;
      font-weight: 400;
      min-width: 74px;
      text-align: center
  }

  .tag-info--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-info-large {
      background: #f6f6f6;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #191919;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere;
      font-size: 14px;
      font-weight: 400
  }

  .tag-info-large--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-normal-primary {
      background: #535353;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #fff;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-normal-primary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-normal-secondary {
      background: #dedede;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #535353;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-normal-secondary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-other-primary {
      background: #008577;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #fff;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-other-primary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-other-primary--code {
      padding-left: 22px
  }

  .tag-other-primary--code:before {
      background: url(/packs/user/media/images/icon/white/ico_key-c059ab199c25e934210f.svg) no-repeat 50%/contain;
      content: "";
      height: 14px;
      left: 6px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 14px
  }

  .tag-other-primary--fan-club {
      padding-left: 22px
  }

  .tag-other-primary--fan-club:before {
      background: url(/packs/user/media/images/icon/white/ico_star-d794b3b5a923d40ea23d.svg) no-repeat 50%/contain;
      content: "";
      height: 14px;
      left: 6px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 14px
  }

  .tag-other-secondary {
      background: #fff;
      border: 1px solid #008577;
      box-sizing: border-box;
      color: #008577;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-other-secondary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-area {
      padding: 0 20px
  }

  .tag-area__block {
      margin-bottom: 24px
  }

  .tag-area__block:last-child {
      margin-bottom: 0
  }

  .tag-area__text {
      color: #535353;
      font-size: 12px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .tag-list {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .tag-list__link {
      background: #fff;
      border-radius: 2px;
      box-shadow: 0 0 6px rgba(0,0,0,.08);
      color: #191919;
      display: block;
      font-size: 14px;
      line-height: 1.5;
      padding: 3px 12px;
      -webkit-text-decoration: none;
      text-decoration: none;
      word-wrap: anywhere
  }

  .pagination {
      display: flex;
      flex-direction: column;
      gap: 8px;
      margin: 24px auto 0;
      max-width: 375px
  }

  .pagination:first-child {
      margin-top: 0
  }

  .pagination__set {
      align-items: center;
      display: flex;
      gap: 4px;
      justify-content: space-between
  }

  .pagination__pages {
      display: flex;
      flex: 1;
      gap: 4px;
      justify-content: center
  }

  .pagination__button {
      align-items: center;
      box-sizing: border-box;
      color: #6e6e6e;
      display: flex;
      font-size: 14px;
      height: 30px;
      justify-content: center;
      line-height: 1;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      width: 30px
  }

  .pagination__button[aria-current=page] {
      color: #191919;
      pointer-events: none
  }

  .pagination__button[aria-current=page]:before {
      background: #191919;
      bottom: 3px;
      content: "";
      height: 1px;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      width: 18px
  }

  .pagination__arrow {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: 18px 18px;
      flex-shrink: 0;
      font-size: 0;
      height: 28px;
      width: 28px
  }

  .pagination__arrow[aria-disabled=true] {
      pointer-events: none
  }

  .pagination__arrow--prev {
      background-image: url(/packs/user/media/images/icon/black/ico_arrow_left-db230d1e3b427ee31367.svg)
  }

  .pagination__arrow--prev[aria-disabled=true] {
      background-image: url(/packs/user/media/images/icon/gray/ico_arrow_left-9a4054828493be4cb44b.svg)
  }

  .pagination__arrow--next {
      background-image: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg)
  }

  .pagination__arrow--next[aria-disabled=true] {
      background-image: url(/packs/user/media/images/icon/gray/ico_arrow_right-2293daf2c4cfaea944a7.svg)
  }

  .pagination__dots {
      align-items: center;
      display: flex;
      font-size: 14px;
      height: 30px;
      justify-content: center
  }

  .pagination-number {
      font-size: 12px;
      text-align: center
  }

  .breadcrumb {
      background: #fff;
      border-top: 1px solid #dedede;
      position: relative
  }

  .breadcrumb__list {
      display: flex;
      gap: 8px;
      list-style-type: none;
      margin: 0;
      overflow-x: auto;
      padding: 8px 20px
  }

  .breadcrumb__item {
      align-items: center;
      color: #191919;
      display: flex;
      font-size: 12px;
      gap: 8px;
      line-height: 1.5;
      position: relative;
      white-space: nowrap
  }

  .breadcrumb__item:after {
      background: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat 0 0/100% 100%;
      content: "";
      display: inline-block;
      height: 10px;
      margin-top: -1px;
      width: 10px
  }

  .breadcrumb__item:last-child:after {
      content: none
  }

  .breadcrumb__link {
      color: #6e6e6e;
      font-size: 12px;
      line-height: 1.5;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .breadcrumb__item:first-child .breadcrumb__link {
      padding-left: 18px
  }

  .breadcrumb__item:first-child .breadcrumb__link:before {
      background: url(/packs/user/media/images/icon/gray/ico_home-41ae03b0508bf82f3c5a.svg) no-repeat 0 0/100% 100%;
      content: "";
      height: 16px;
      left: 0;
      margin-top: -1px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 16px
  }

  .message {
      background: #ffe8f0;
      color: #ed2769;
      margin: 0 0 40px;
      padding: 16px
  }

  .message:last-child {
      margin: 0
  }

  .message--important {
      background: #fff2eb;
      color: #cc4100
  }

  .message--error {
      background: #ffe5e2;
      color: #ed0f00
  }

  .message__title {
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 4px
  }

  .message__title:last-child {
      margin: 0
  }

  .message__text {
      line-height: 1.5;
      margin: 0
  }

  .message__button-box {
      margin-top: 8px
  }

  .message-box {
      background: #f6f6f6;
      border-radius: 2px;
      display: flex;
      flex-direction: column;
      padding: 24px
  }

  .message-box--alert {
      background: #ffe8f0
  }

  .message-box--important {
      background: #fff2eb
  }

  .message-box__title {
      color: #535353;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px;
      padding-left: 22px;
      position: relative
  }

  .message-box__title:last-child {
      margin: 0
  }

  .message-box--alert .message-box__title {
      color: #ed2769
  }

  .message-box--important .message-box__title {
      color: #cc4100
  }

  .message-box__text {
      margin: 0 0 16px
  }

  .message-box__name {
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .message-box__button-box {
      margin-bottom: 8px
  }

  .message-box__button-box:last-child {
      margin: 0
  }

  .message-box__sub-text {
      font-size: 14px;
      margin: 0
  }

  .message-box__sub-text>* {
      margin: 0
  }

  .text {
      margin: 0 0 8px
  }

  .text--center {
      text-align: center
  }

  .text--far {
      margin-bottom: 16px
  }

  .text:last-child {
      margin-bottom: 0
  }

  .text-link {
      color: #6e6e6e;
      padding-right: 20px;
      position: relative;
      text-align: right;
      -webkit-text-decoration: none;
      text-decoration: none;
      word-break: break-all
  }

  .text-link:before {
      background: url(../images/ico_arrow_right2.svg) no-repeat 50%/100% 100%;
      content: "";
      height: 16px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 16px
  }

  .text-link[target=_blank] {
      color: #191919;
      padding: 0;
      text-align: left
  }

  .text-link[target=_blank]:before {
      content: none
  }

  .text .text-link {
      padding-right: 0
  }

  .text .text-link:before {
      content: none
  }

  .text-link--preview[target=_blank] {
      color: #6e6e6e;
      padding-right: 20px;
      text-align: right
  }

  .text-link--preview[target=_blank]:before {
      content: ""
  }

  .text-link-inline {
      color: #17349c
  }

  .text-alert {
      color: #ed2769;
      font-size: 14px;
      line-height: 1.35;
      margin: 0 0 8px;
      padding-left: 18px;
      position: relative
  }

  .text-alert:last-child {
      margin-bottom: 0
  }

  .text-important {
      color: #cc4100;
      font-size: 14px;
      line-height: 1.35;
      margin: 0 0 8px;
      padding-left: 20px;
      position: relative
  }

  .text-important:last-child {
      margin-bottom: 0
  }

  .text-hint {
      color: #cc4100;
      font-size: 14px;
      margin: 0;
      padding-left: 20px;
      position: relative
  }

  .text-note {
      color: #ed2769;
      font-size: 14px;
      line-height: 1.35;
      margin: 0 0 8px;
      padding-left: 1.2em;
      text-indent: -1.2em
  }

  .text-note:last-child {
      margin-bottom: 0
  }

  .text-note:before {
      content: "※";
      margin-right: .2em
  }

  .text-note--sub {
      color: #535353
  }

  .text-note--small {
      font-size: 14px
  }

  .text-note--important {
      color: #cc4100
  }

  .toast {
      background: #008577;
      border-radius: 2px;
      box-shadow: 0 0 24px rgba(0,0,0,.24);
      box-sizing: border-box;
      left: 0;
      padding: 24px 40px;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 7
  }

  .toast.is-hide {
      display: none
  }

  .toast--error {
      background: #ed0f00
  }

  .toast__text {
      color: #fff;
      margin: 0;
      text-align: center
  }

  .toast__button {
      background: url(/packs/user/media/images/icon/white/ico_close-a09c0bf8ebebd2868e8c.svg) no-repeat 50%/contain;
      border: 0;
      font-size: 0;
      height: 18px;
      padding: 0;
      position: absolute;
      right: 16px;
      top: 50%;
      transform: translateY(-50%);
      width: 18px
  }

  .search {
      background: #f6f6f6;
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin: 0 auto 40px;
      padding: 24px 20px
  }

  .search__title {
      font-size: 20px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 10px;
      text-align: center
  }

  .search__keyword-input {
      margin-bottom: 16px
  }

  .search__button {
      background: none;
      border: 0;
      color: #191919;
      display: block;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 auto;
      padding: 0 20px 0 0;
      position: relative;
      white-space: nowrap
  }

  .search__button:before {
      height: 2px;
      right: 0;
      top: 11px;
      width: 12px
  }

  .search__button:after,.search__button:before {
      background: #191919;
      border-radius: 2px;
      content: "";
      position: absolute
  }

  .search__button:after {
      height: 12px;
      right: 5px;
      top: 6px;
      transition: all .3s;
      width: 2px
  }

  .is-open .search__button:after {
      transform: rotate(-90deg)
  }

  .search__panel {
      border-top: 1px dashed #afafaf;
      display: none;
      padding-top: 16px
  }

  .search__panel.is-open {
      display: block
  }

  .search__section {
      margin-bottom: 16px
  }

  .search__heading {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 4px
  }

  .search__button-box {
      display: flex;
      justify-content: center
  }

  .search-list {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 8px 32px;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .search-list__item {
      align-items: center;
      display: flex;
      gap: 10px
  }

  .banner-sp {
      position: relative
  }

  .banner-sp--large {
      padding: 0 20px
  }

  .banner-pc {
      display: none
  }

  .banner {
      border-radius: 2px;
      display: block;
      overflow: hidden
  }

  .banner img {
      height: auto;
      width: 100%
  }

  .banner-slider {
      display: flex;
      margin: -12px 0;
      overflow: hidden;
      padding: 12px 48px
  }

  .banner-slider--small {
      padding: 12px 32px
  }

  .banner-slider.swiper-initialized .swiper-wrapper {
      gap: 0;
      justify-content: flex-start
  }

  .banner-slider .swiper-wrapper {
      gap: 8px;
      justify-content: center
  }

  .banner-slider .swiper-notification {
      display: none
  }

  .banner-slider__banner {
      aspect-ratio: 1.91/1;
      box-shadow: 0 4px 10px rgba(0,0,0,.1)
  }

  .banner-slider--small .banner-slider__banner {
      width: calc(50% - 4px)!important
  }

  .banner-slider--small .swiper-slide-next+.banner-slider__banner,.banner-slider__banner.swiper-slide-next,.banner-slider__banner.swiper-slide-prev {
      opacity: .5
  }

  .banner-slider--small .banner-slider__banner.swiper-slide-next {
      opacity: 1
  }

  .banner-slider__banner img {
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      width: 100%
  }

  .banner-slider-control {
      align-items: center;
      display: none;
      gap: 8px;
      justify-content: center;
      margin-top: 16px
  }

  .swiper-initialized+.banner-slider-control {
      display: flex
  }

  .slider-button-prev {
      transform: rotate(-180deg)
  }

  .slider-button-next,.slider-button-prev {
      background: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat 50%/100% 100%;
      cursor: pointer;
      height: 20px;
      width: 20px
  }

  .slider-pagination {
      align-items: center;
      display: flex;
      gap: 12px;
      width: auto!important
  }

  .slider-pagination .swiper-pagination-bullet {
      align-items: center;
      background: transparent;
      display: flex;
      height: 12px;
      justify-content: center;
      margin: 0!important;
      opacity: 1;
      position: relative;
      width: 12px
  }

  .slider-pagination .swiper-pagination-bullet:before {
      background: #dedede;
      border-radius: 50%;
      content: "";
      display: block;
      height: 8px;
      transition: all .3s;
      width: 8px
  }

  .slider-pagination .swiper-pagination-bullet-active:before {
      background: #6e6e6e;
      pointer-events: none;
      scale: 1.5
  }

  .slider-button-stop {
      background: #fff;
      border: 1px solid #6e6e6e;
      border-radius: 2px;
      box-sizing: border-box;
      font-size: 0;
      height: 20px;
      margin-left: 2px;
      position: relative;
      width: 28px
  }

  .slider-button-stop:before {
      background: url(/packs/user/media/images/icon/gray/ico_pause-aa7c534166d99e5bcd4f.svg) no-repeat 50%/contain;
      content: "";
      height: 16px;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%,-50%);
      width: 16px
  }

  .is-pause.slider-button-stop:before {
      background-image: url(/packs/user/media/images/icon/gray/ico_play-5c8bf5aabf1e14fe3f98.svg)
  }

  .event-card {
      background: #fff;
      border-radius: 4px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      display: flex;
      gap: 16px;
      padding: 16px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .event-card--pin,.event-card--sp-column {
      box-shadow: none;
      display: block;
      height: 100%;
      padding: 0
  }

  .event-card--finished {
      box-sizing: border-box;
      height: 100%
  }

  .event-card__tag {
      left: 0;
      position: absolute;
      top: 0
  }

  .event-card--pin .event-card__tag,.event-card--sp-column .event-card__tag {
      bottom: 0;
      top: auto
  }

  .event-card__image-box {
      flex: 0 0 auto
  }

  .event-card--pin .event-card__image-box,.event-card--sp-column .event-card__image-box {
      background: #fff;
      border-radius: 4px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      margin-bottom: 16px;
      position: relative
  }

  .event-card--pin .event-card__image-box {
      margin: 0 auto 16px;
      max-width: 335px
  }

  .event-card__image {
      box-sizing: border-box;
      height: 100px;
      width: 100px
  }

  .event-card--sp-column .event-card__image {
      border-radius: 4px;
      height: 250px;
      margin: 0 auto;
      overflow: hidden;
      width: 250px
  }

  .event-card--pin .event-card__image {
      border-radius: 4px;
      height: 236px;
      overflow: hidden;
      width: 100%
  }

  .event-card__image img {
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      width: 100%
  }

  .event-card__title {
      color: #191919;
      display: -webkit-box;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      word-wrap: anywhere;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2
  }

  .event-card--sp-column .event-card__title {
      min-height: 48px
  }

  .event-card__text {
      color: #191919;
      display: -webkit-box;
      font-size: 14px;
      line-height: 1.35;
      margin: 0 0 4px;
      overflow: hidden;
      padding-left: 22px;
      position: relative;
      text-overflow: ellipsis;
      word-wrap: anywhere;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      line-clamp: 1
  }

  .event-card--pin .event-card__text {
      -webkit-line-clamp: 2;
      line-clamp: 2;
      line-height: 1.65
  }

  .event-card__text--date {
      display: flex
  }

  .event-card--pin .event-card__text--cast {
      -webkit-line-clamp: 1;
      line-clamp: 1
  }

  .event-card__text:last-child {
      margin-bottom: 0
  }

  .event-card__text span {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      font-size: 0;
      height: 18px;
      left: 0;
      position: absolute;
      top: 0;
      width: 18px
  }

  .event-card--pin .event-card__text span {
      top: 2px
  }

  .event-card__date {
      background-image: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg)
  }

  .event-card__time {
      background-image: url(/packs/user/media/images/icon/black/ico_schedule-41d8791858c1797dee05.svg)
  }

  .event-card__place {
      background-image: url(/packs/user/media/images/icon/black/ico_location-5a7315bbd4c53b771190.svg)
  }

  .event-card__cast {
      background-image: url(/packs/user/media/images/icon/black/ico_person-f1bde100142c62c98660.svg)
  }

  .event-card__desc {
      display: none
  }

  .event-card-schedule {
      background: #fff;
      border-radius: 4px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      display: block;
      padding: 16px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .event-card-schedule__tag {
      margin-bottom: 4px
  }

  .event-card-schedule__title-box {
      border-bottom: 1px dashed #afafaf;
      margin-bottom: 8px;
      padding-bottom: 8px
  }

  .event-card-schedule__title-box:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .event-card-schedule__title {
      color: #191919;
      display: -webkit-box;
      font-size: 16px;
      font-weight: 400;
      margin: 0 0 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2
  }

  .event-card-schedule__title:last-child {
      margin-bottom: 0
  }

  .event-card-schedule__text {
      color: #191919;
      display: -webkit-box;
      font-size: 14px;
      line-height: 1.35;
      margin: 0 0 4px;
      overflow: hidden;
      padding-left: 23px;
      position: relative;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      line-clamp: 1
  }

  .event-card-schedule__text:last-child {
      margin-bottom: 0
  }

  .event-card-schedule__text span:first-child {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      font-size: 0;
      height: 18px;
      left: 0;
      position: absolute;
      width: 18px
  }

  .event-card-schedule__text--date {
      border-bottom: 1px dashed #afafaf;
      display: block;
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 8px;
      padding-bottom: 8px
  }

  .event-card-schedule__date {
      background-image: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg);
      height: 20px;
      top: 1px;
      width: 20px
  }

  .event-card-schedule__time {
      font-size: 16px;
      height: auto;
      position: static;
      width: auto
  }

  .event-card-schedule__place {
      background-image: url(/packs/user/media/images/icon/black/ico_location-5a7315bbd4c53b771190.svg)
  }

  .event-card-schedule__cast {
      background-image: url(/packs/user/media/images/icon/black/ico_person-f1bde100142c62c98660.svg)
  }

  .event-card-list {
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .event-card-list__item {
      margin-bottom: 16px
  }

  .event-card-list__item:last-child {
      margin-bottom: 0
  }

  .event-card-list-finished {
      list-style-type: none;
      margin: 0;
      padding: 0;
      position: relative
  }

  .event-card-list-finished__item {
      margin-bottom: 16px
  }

  .event-card-list-finished__item:last-child {
      margin-bottom: 0
  }

  .event-card-list-finished:after {
      background: linear-gradient(180deg,transparent,#fff 60%);
      bottom: -16px;
      content: "";
      height: 70px;
      left: 0;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      transition: all .3s;
      width: 100%
  }

  .event-card-list-finished:has(.is-hidden):after {
      opacity: 1
  }

  .event-card-list-finished-button {
      align-items: center;
      background: transparent;
      border: 0;
      color: #191919;
      display: flex;
      font-size: 16px;
      line-height: 1;
      margin: -8px auto 0;
      padding: 0;
      position: relative
  }

  .event-card-list-finished-button:after {
      background: url(/packs/user/media/images/icon/black/ico_add-73ece9806e6c066f04f9.svg) no-repeat 50%/contain;
      content: "";
      display: block;
      height: 16px;
      width: 16px
  }

  .event-card-link {
      align-items: center;
      background: #fff;
      border-radius: 4px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      color: #191919;
      display: flex;
      gap: 16px;
      padding: 16px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .event-card-link__icon {
      background: url(/packs/user/media/images/icon/black/ico_blank-fc85a63ada9d321473b2.svg) no-repeat 50%/contain;
      bottom: 6px;
      font-size: 0;
      height: 16px;
      position: absolute;
      right: 6px;
      width: 16px
  }

  .event-card-link__image {
      border-radius: 2px;
      flex: 0 0 auto;
      height: 100px;
      overflow: hidden;
      width: 100px
  }

  .event-card-link__image img {
      width: 100%
  }

  .event-card-link__title {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px;
      word-wrap: anywhere
  }

  .event-card-link__text {
      font-size: 14px;
      margin: 0;
      word-wrap: anywhere
  }

  .modal {
      background: transparent;
      border: 0;
      box-sizing: border-box;
      height: 100%;
      max-height: calc(100% - 48px);
      max-width: calc(100% - 48px);
      overflow: visible;
      padding: 0;
      width: 100%
  }

  .modal:focus {
      outline: none
  }

  .modal--half {
      height: -moz-fit-content;
      height: fit-content;
      margin: 0;
      max-height: none;
      max-width: none;
      min-height: 100svh
  }

  .modal.is-open {
      opacity: 1
  }

  .modal::backdrop {
      background: rgba(25,25,25,.4);
      opacity: 0;
      transition: all .3s
  }

  .is-open.modal::backdrop {
      opacity: 1
  }

  .is-initial-open.modal::backdrop {
      opacity: 1
  }

  .modal__inner {
      background: #fff;
      border-radius: 8px;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      left: 50%;
      max-height: calc(100svh - 48px);
      overflow: hidden;
      padding: 0 24px 24px;
      position: absolute;
      top: 28%;
      transform: translate(-50%,-28%);
      width: 100%
  }

  .modal--half .modal__inner {
      border-radius: 8px 8px 0 0;
      bottom: 0;
      left: auto;
      top: auto;
      transform: translateY(100%);
      transition: all .3s
  }

  .is-open.modal--half .modal__inner {
      transform: translateY(0)
  }

  .is-preview .modal__inner {
      max-height: calc(100svh - 170px)
  }

  .modal__content {
      flex: 1;
      margin: 0 -24px;
      overflow-y: auto;
      padding: 24px 24px 0
  }

  .modal__content.is-simple-bar {
      display: flex;
      padding: 0 24px;
      -ms-overflow-style: none;
      scrollbar-width: none
  }

  .modal__content.is-simple-bar::-webkit-scrollbar {
      display: none
  }

  .modal__content.is-simple-bar .simplebar-wrapper {
      flex: 1
  }

  .modal__title {
      font-size: 20px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px;
      text-align: center
  }

  .modal__title:last-child {
      margin: 0
  }

  .is-simple-bar .modal__title {
      margin-top: 24px
  }

  .modal__text {
      margin: 0 0 10px
  }

  .modal__text:last-child {
      margin: 0
  }

  .modal__image img {
      width: 100%
  }

  .modal__close {
      background: url(/packs/user/media/images/icon/gray/ico_close-d3f45fa8bcb33963d789.svg) no-repeat 50%/100% 100%;
      border: 0;
      font-size: 0;
      height: 20px;
      padding: 0;
      position: absolute;
      right: 8px;
      top: 8px;
      width: 20px;
      z-index: 1
  }

  .modal__bottom {
      margin-top: 24px
  }

  .modal__toast {
      display: none
  }

  .modal-button-box {
      display: flex;
      gap: 16px;
      justify-content: center;
      margin-top: 16px
  }

  .input-check+.modal-button-box {
      margin-top: 24px
  }

  .modal-button-box:first-child {
      margin-top: 0
  }

  .modal-button-box__item {
      text-align: center;
      width: 100%
  }

  .modal-half-close {
      background: url(/packs/user/media/images/icon/gray/ico_close-d3f45fa8bcb33963d789.svg) no-repeat 50%/100% 100%;
      border: 0;
      font-size: 0;
      height: 24px;
      padding: 0;
      position: absolute;
      right: 16px;
      top: 16px;
      width: 24px
  }

  .modal-share {
      display: flex;
      gap: 8px;
      list-style-type: none;
      margin: 0 0 8px;
      padding: 0
  }

  .modal-share--column {
      flex-direction: column
  }

  .modal-share:last-child {
      margin-bottom: 0
  }

  .modal-share__item {
      flex: 1
  }

  .modal-image {
      background: transparent;
      border: 0;
      box-sizing: border-box;
      flex-direction: column;
      height: 100%;
      margin: 0;
      max-height: none;
      max-width: none;
      overflow: visible;
      padding: 0 0 24px;
      width: 100%
  }

  .modal-image.is-open {
      opacity: 1
  }

  .modal-image::backdrop {
      background: #fff;
      opacity: 0;
      transition: all .3s
  }

  .is-open.modal-image::backdrop {
      opacity: 1
  }

  .modal-image__content {
      height: calc(100svh - 96px)
  }

  .modal-image__image {
      align-items: center;
      display: flex;
      height: 100%;
      justify-content: center
  }

  .modal-image__image img {
      max-height: 100%;
      max-width: 100%;
      -o-object-fit: contain;
      object-fit: contain
  }

  .modal-image__bottom {
      margin-top: 16px
  }

  .modal-image-slider {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: center;
      margin: 0 auto;
      max-width: 450px;
      overflow: hidden;
      position: relative
  }

  .modal-image-slider.swiper-initialized {
      padding-bottom: 41px
  }

  .modal-image-slider__item {
      align-items: center;
      display: flex;
      justify-content: center
  }

  .modal-image-slider__item img {
      height: auto;
      width: auto
  }

  .modal-image-slider .swiper-notification {
      display: none
  }

  .modal-image-slider-control {
      align-items: center;
      bottom: 5px;
      display: none;
      gap: 8px;
      justify-content: center;
      position: absolute;
      width: 100%;
      z-index: 1
  }

  .swiper-initialized>.modal-image-slider-control {
      display: flex
  }

  .footer__button-box {
      display: flex;
      justify-content: center;
      margin-top: 20px
  }

  .footer__copyright {
      background: #08b5ae;
      color: #fff;
      display: block;
      font-size: 12px;
      line-height: 1.5;
      padding: 16px 20px 48px;
      text-align: center
  }

  .footer--padding-bottom {
      padding-bottom: 76px
  }

  .footer-page-top {
      text-align: center
  }

  .footer-page-top__link {
      background: #fff;
      border-radius: 10px 10px 0 0;
      box-shadow: 0 0 10px rgba(0,0,0,.11);
      color: #191919;
      display: inline-block;
      font-size: 14px;
      padding: 8px 16px 8px 40px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .footer-page-top__link:before {
      background: url(../images/ico_arrow_up.svg) no-repeat 50%/contain;
      content: "";
      height: 20px;
      left: 16px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 20px
  }

  .footer-top__link {
      display: block;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .footer-top__image-area {
      background: linear-gradient(rgba(23,52,156,.5),rgba(23,52,156,.5)),url(../images/bg_footer_sp.webp) no-repeat 50%/cover;
      height: 220px;
      position: relative
  }

  .footer-top__image {
      left: 50%;
      position: absolute;
      top: 32px;
      transform: translateX(-50%)
  }

  .footer-top__image img {
      height: 254px;
      width: 130px
  }

  .footer-top__list {
      display: none
  }

  .footer-top__text {
      color: #fff;
      font-weight: 700;
      margin: 0;
      text-align: center
  }

  .footer-top__copy-area {
      align-items: center;
      background: #edf3ff;
      display: flex;
      flex-direction: column;
      padding: 32px 20px;
      position: relative;
      z-index: 1
  }

  .footer-top__copy {
      color: #191919;
      font-size: 22px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0;
      text-align: center
  }

  .footer-top__copy-sub {
      display: block
  }

  .footer-top__button-area {
      margin-top: 16px;
      width: 100%
  }

  .footer-top__button {
      align-items: center;
      background: #17349c;
      box-sizing: border-box;
      color: #fff;
      display: inline-flex;
      font-weight: 700;
      justify-content: center;
      min-height: 60px;
      padding: 18px 32px 16px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      width: 100%
  }

  .footer-top__button:before {
      background: url(/packs/user/media/images/icon/white/ico_arrow_right-8708dd4dd694d0832058.svg) no-repeat 50%/contain;
      content: "";
      height: 16px;
      position: absolute;
      right: 7px;
      top: 50%;
      transform: translateY(-50%);
      width: 16px
  }

  .footer-bottom {
      background: #fff;
      position: relative
  }

  .footer-bottom--bg {
      background: #f6f6f6
  }

  .footer-bottom__inner {
      padding: 32px 20px
  }

  .footer-bottom__text {
      font-size: 12px;
      line-height: 1.5;
      margin: 0
  }

  .footer-bottom__text:last-child {
      margin-bottom: 0
  }

  .footer-sns {
      border-bottom: 1px solid #dedede;
      margin-bottom: 32px;
      padding-bottom: 32px
  }

  .footer-sns__title {
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px;
      text-align: center
  }

  .footer-sns__list {
      display: flex;
      gap: 24px;
      justify-content: center;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .footer-sns__link {
      display: block;
      width: 24px
  }

  .footer-sns__link img {
      height: auto;
      width: 100%
  }

  .footer-sns__link-hover {
      display: none
  }

  .footer-nav {
      font-size: 14px;
      margin-bottom: 40px
  }

  .footer-nav__title {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .footer-nav__list {
      display: flex;
      flex-direction: column;
      gap: 16px;
      list-style-type: none;
      margin: 0 0 32px;
      padding: 0
  }

  .footer-nav__link {
      color: #191919;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .footer-nav__link:after {
      background: url(../images/ico_arrow_right.svg) no-repeat 50%/contain;
      content: "";
      display: inline-block;
      height: 16px;
      margin-left: 4px;
      transform: translateY(.3ch);
      width: 16px
  }

  .footer-link {
      border-bottom: 1px solid #dedede;
      border-top: 1px solid #dedede;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      font-size: 14px;
      gap: 16px;
      list-style-type: none;
      margin: 0;
      padding: 32px 0
  }

  .footer-link__link {
      color: #191919;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .footer-link__link:after {
      background: url(../images/ico_arrow_right.svg) no-repeat 50%/contain;
      content: "";
      display: inline-block;
      height: 16px;
      margin-left: 4px;
      transform: translateY(.3ch);
      width: 16px
  }

  .top__notice .notice {
      border-radius: 4px;
      overflow: hidden
  }

  .notice__title {
      align-items: center;
      background: #ed2769;
      color: #fff;
      display: flex;
      font-size: 12px;
      font-weight: 700;
      gap: 4px;
      line-height: 1.35;
      margin: 0;
      padding: 8px 20px
  }

  .notice__title:before {
      background: url(/packs/user/media/images/icon/white/ico_alert-aa7afb56af1acef3231c.svg) no-repeat 50%/contain;
      content: "";
      display: block;
      height: 14px;
      width: 14px
  }

  .notice-list {
      background: #ffe8f0;
      list-style-type: none;
      margin: 0;
      padding: 16px
  }

  .notice-list__item {
      margin-bottom: 8px
  }

  .notice-list__item:last-child {
      margin-bottom: 0
  }

  .notice-list__link {
      align-items: center;
      display: flex;
      gap: 8px;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .notice-list__link span {
      flex-shrink: 0
  }

  .notice-list__title {
      color: #191919;
      display: -webkit-inline-box;
      font-size: 12px;
      line-height: 1.35;
      margin: 0;
      overflow: hidden;
      padding-right: 16px;
      position: relative;
      text-overflow: ellipsis;
      transition: all .3s;
      -webkit-line-clamp: 1;
      line-clamp: 1;
      -webkit-box-orient: vertical;
      word-break: break-all
  }

  .notice-list__title:before {
      background: url(/packs/user/media/images/icon/pink/ico_arrow_right-07d948a45453815892cd.svg) no-repeat 50%/100% 100%;
      content: "";
      height: 12px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 12px
  }

  .ly-container,.ly-form-container {
      padding: 32px 0 64px
  }

  .ly-top-container {
      padding-bottom: 64px
  }

  .ly-section {
      margin-bottom: 40px
  }

  .ly-section:last-child {
      margin-bottom: 0
  }

  .event-detail {
      margin-bottom: 48px;
      padding: 0 20px
  }

  .event-detail:last-child {
      margin-bottom: 0
  }

  .event-detail__content {
      margin-bottom: 64px
  }

  .event-detail__column {
      margin-top: 48px
  }

  .event-detail__side {
      background: #f6f6f6;
      margin: 0 -20px 64px;
      padding: 32px 20px 16px
  }

  .event-detail__head,.event-detail__message {
      margin-bottom: 24px
  }

  .event-detail__message:last-child {
      margin-bottom: 0
  }

  .event-detail-section {
      margin-bottom: 64px
  }

  .event-detail-section:last-child {
      margin-bottom: 0
  }

  .event-detail-child-section {
      margin-bottom: 40px
  }

  .event-detail-child-section:last-child {
      margin-bottom: 0
  }

  .event-detail-child-section__heading {
      color: #535353;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .event-detail-top {
      align-items: flex-start;
      display: flex;
      flex-direction: column;
      gap: 8px;
      word-wrap: anywhere
  }

  .event-detail-top__schedule {
      align-items: center;
      background: #f6f6f6;
      display: flex;
      font-size: 14px;
      gap: 4px;
      line-height: 1.35;
      margin: 0;
      padding: 2px 8px
  }

  .event-detail-top__schedule:before {
      background: url(/packs/user/media/images/icon/black/ico_list-060a84867ef48f31956a.svg) no-repeat 50%/contain;
      content: "";
      display: block;
      height: 20px;
      width: 20px
  }

  .event-detail-status {
      margin-bottom: 4px
  }

  .event-detail-share {
      display: flex;
      gap: 8px;
      justify-content: flex-end
  }

  .event-detail-slider {
      position: relative
  }

  .event-detail-slider__inner {
      aspect-ratio: 1/1;
      margin: -10px -10px 0;
      opacity: 0;
      overflow: hidden;
      padding: 10px
  }

  .event-detail-slider__inner.is-single,.event-detail-slider__inner.swiper-initialized {
      aspect-ratio: auto;
      opacity: 1
  }

  .event-detail-slider__item {
      aspect-ratio: 1/1;
      display: block
  }

  .event-detail-slider__image {
      align-items: center;
      background: #fff;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      display: flex;
      height: 100%;
      justify-content: center
  }

  .event-detail-slider__image img {
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      width: 100%
  }

  .event-detail-slider__button {
      align-items: center;
      background: #fff url(/packs/user/media/images/icon/black/ico_zoom-20c8e485b8eb4e741056.svg) no-repeat 50%/18px 18px;
      border: 0;
      border-radius: 50%;
      bottom: 8px;
      box-shadow: 0 0 6px rgba(0,0,0,.08);
      display: inline-flex;
      font-size: 0;
      height: 30px;
      justify-content: center;
      padding: 0;
      position: absolute;
      right: 8px;
      width: 30px
  }

  .event-detail-slider-control {
      align-items: center;
      bottom: -6px;
      display: none;
      gap: 10px;
      left: 50%;
      position: absolute;
      transform: translate(-50%,100%)
  }

  .swiper-initialized+.event-detail-slider-control {
      display: flex
  }

  .event-detail-nav {
      background: #fff;
      box-shadow: 0 2px 4px rgba(25,25,25,.04);
      margin: 0 -20px;
      position: sticky;
      top: 0;
      z-index: 2
  }

  .event-detail-nav__list {
      display: flex;
      gap: 18px;
      justify-content: center;
      list-style-type: none;
      margin: 0;
      padding: 0 20px
  }

  .event-detail-nav__link {
      color: #191919;
      display: block;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.5;
      padding: 10px 0;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .event-detail-nav__link:before {
      background: #191919;
      bottom: 0;
      content: "";
      height: 4px;
      left: 0;
      opacity: 0;
      position: absolute;
      transition: all .3s;
      width: 100%
  }

  .event-detail-nav__link.is-current:before {
      opacity: 1
  }

  .event-detail-info__list {
      margin: 0
  }

  .event-detail-info__block {
      display: flex;
      gap: 8px;
      margin-bottom: 16px
  }

  .event-detail-info--border .event-detail-info__block {
      border-top: 1px solid #dedede;
      padding-top: 16px
  }

  .event-detail-info__block:last-child {
      margin-bottom: 0
  }

  .event-detail-info--border .event-detail-info__block:last-child {
      border-bottom: 1px solid #dedede;
      padding-bottom: 16px
  }

  .event-detail-info__title span {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      display: block;
      font-size: 0;
      height: 24px;
      width: 24px
  }

  .event-detail-info__data {
      margin: 0;
      width: 100%;
      word-wrap: anywhere
  }

  .event-detail-info__data span {
      display: block
  }

  .event-detail-info__date {
      background-image: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg)
  }

  .event-detail-info__time {
      background-image: url(/packs/user/media/images/icon/black/ico_schedule-41d8791858c1797dee05.svg)
  }

  .event-detail-info__place {
      background-image: url(../images/ico_schedule.svg)
  }

  .event-detail-info__cast {
      background-image: url(/packs/user/media/images/icon/black/ico_person-f1bde100142c62c98660.svg)
  }

  .event-detail-info__owner {
      background-image: url(/packs/user/media/images/icon/black/ico_apartment-4e3d2903ef9ac25a936c.svg)
  }

  .event-detail-info__transportation {
      background-image: url(/packs/user/media/images/icon/black/ico_traffic-5a96545eb41337dae197.svg)
  }

  .event-detail-info__link {
      color: #191919;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .event-detail-info__link-box {
      display: flex;
      justify-content: flex-end;
      margin-top: 6px
  }

  .event-detail-info__button {
      display: flex;
      justify-content: flex-end;
      margin-top: 16px
  }

  .event-detail-info__sub-time {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 0 8px
  }

  .event-detail-info__event-name {
      align-items: center;
      color: #191919;
      display: flex;
      font-weight: 700;
      gap: 4px;
      line-height: 1.5;
      margin-bottom: 16px;
      -webkit-text-decoration: none;
      text-decoration: none;
      word-wrap: anywhere
  }

  .event-detail-info__event-name:after {
      background: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat 50%/100% 100%;
      content: "";
      display: block;
      height: 20px;
      width: 20px
  }

  .event-detail-info-list {
      display: flex;
      flex-wrap: wrap;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .event-detail-info-list__item {
      padding-right: 16px;
      position: relative
  }

  .event-detail-info-list__item:after {
      content: "/";
      position: absolute;
      right: 5px
  }

  .event-detail-info-list__item:last-child:after {
      content: none;
      margin-left: 0
  }

  .event-detail-info-list__link {
      color: #191919;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .event-detail-info-time {
      align-items: center;
      color: #535353;
      display: flex;
      flex-wrap: wrap;
      font-size: 14px;
      gap: 0 4px;
      margin: 0
  }

  .event-detail-info-time--large {
      color: #191919;
      font-size: 16px
  }

  .event-detail-info-time__date {
      margin: 0
  }

  .event-detail-toggle {
      display: flex;
      flex-direction: column;
      position: relative
  }

  .event-detail-toggle__text {
      margin: 0;
      max-height: 40vh;
      overflow: hidden;
      transition: all .3s
  }

  .event-detail-toggle__text * {
      margin: 0
  }

  .event-detail-toggle__text>ol,.event-detail-toggle__text>ul {
      padding-left: 0
  }

  .event-detail-toggle__text li {
      list-style-position: inside
  }

  .event-detail-toggle__button {
      align-items: center;
      background: transparent;
      border: 0;
      color: #191919;
      display: block;
      font-size: 16px;
      line-height: 1.65;
      margin: 8px auto 0;
      opacity: 0;
      padding: 0;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      z-index: 1
  }

  .event-detail-toggle__button:before {
      background: linear-gradient(180deg,transparent,#fff 60%);
      bottom: 0;
      content: "";
      height: 70px;
      left: 0;
      pointer-events: none;
      position: absolute;
      transition: all .3s;
      width: 100%;
      z-index: -1
  }

  .is-open.event-detail-toggle__button:before {
      opacity: 0
  }

  .event-detail-toggle__button>span {
      display: block;
      padding-right: 20px;
      position: relative
  }

  .event-detail-toggle__button>span:before {
      height: 2px;
      right: 0;
      width: 12px
  }

  .event-detail-toggle__button>span:after,.event-detail-toggle__button>span:before {
      background: #191919;
      border-radius: 2px;
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%)
  }

  .event-detail-toggle__button>span:after {
      height: 12px;
      right: 5px;
      transition: all .3s;
      width: 2px
  }

  .is-open.event-detail-toggle__button>span:after {
      transform: translateY(-50%) rotate(-90deg)
  }

  .event-detail-toggle__button.is-open .event-detail-toggle__open,.event-detail-toggle__close {
      display: none
  }

  .event-detail-toggle__button.is-open .event-detail-toggle__close {
      display: block
  }

  .event-detail-youtube iframe {
      aspect-ratio: 16/9;
      display: block;
      height: auto;
      width: 100%
  }

  .event-detail-link {
      margin-bottom: 40px
  }

  .event-detail-link:last-child {
      margin-bottom: 0
  }

  .event-detail-link__title {
      color: #535353;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .event-detail-link__link {
      margin-bottom: 10px
  }

  .event-detail-link__link:last-child {
      margin-bottom: 0
  }

  .event-detail-link__button-box {
      display: flex;
      flex-wrap: wrap;
      gap: 16px
  }

  .event-detail-link__button {
      display: block;
      width: 24px
  }

  .event-detail-link__button img {
      height: auto;
      width: 100%
  }

  .event-detail-link__button-hover {
      display: none
  }

  .event-detail-link-list {
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .event-detail-link-list__item {
      margin-bottom: 16px
  }

  .event-detail-link-list__item:last-child {
      margin-bottom: 0
  }

  .event-detail-ticket {
      border-radius: 10px;
      list-style-type: none;
      margin: 0 -20px;
      padding: 0
  }

  .event-detail-ticket__item {
      background: #fff;
      box-shadow: 0 2px 8px rgba(0,0,0,.04);
      margin-bottom: 16px
  }

  .event-detail-ticket__item:last-child {
      margin-bottom: 0
  }

  .event-detail-ticket-button {
      font-size: 18px;
      padding: 13px 32px
  }

  .event-detail-ticket-alert,.event-detail-ticket-note {
      margin-bottom: 16px
  }

  .event-detail-ticket-head {
      display: block;
      font-size: 14px;
      padding: 24px 20px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .event-detail-ticket-head:before {
      height: 2px;
      right: 20px;
      top: 32px;
      width: 18px
  }

  .event-detail-ticket-head:after,.event-detail-ticket-head:before {
      background: #191919;
      border-radius: 2px;
      content: "";
      position: absolute
  }

  .event-detail-ticket-head:after {
      height: 18px;
      right: 28px;
      top: 24px;
      transition: all .3s;
      width: 2px
  }

  .is-open>.event-detail-ticket-head:after {
      transform: rotate(-90deg)
  }

  .event-detail-ticket-head__status {
      display: flex;
      gap: 4px;
      margin-bottom: 8px
  }

  .event-detail-ticket-head__title {
      align-items: flex-start;
      color: #191919;
      display: flex;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px;
      text-align: left;
      word-wrap: anywhere;
      gap: 8px
  }

  .event-detail-ticket-head__title span {
      margin-top: 1px
  }

  .event-detail-ticket-head__list {
      display: flex;
      margin: 0 0 8px
  }

  .event-detail-ticket-head__list:last-child {
      margin-bottom: 0
  }

  .event-detail-ticket-head__list-title {
      color: #535353;
      display: flex;
      white-space: nowrap
  }

  .event-detail-ticket-head__list-title:after {
      content: "："
  }

  .event-detail-ticket-head__list-data {
      color: #535353;
      margin: 0;
      text-align: left
  }

  .event-detail-ticket-body {
      display: none;
      padding: 0 20px 24px
  }

  .event-detail-ticket-body.is-open {
      display: block
  }

  .event-detail-ticket-body__sub-text {
      margin: 0 0 24px
  }

  .event-detail-ticket-body__note {
      margin-bottom: 24px
  }

  .event-detail-ticket-body__button {
      margin-bottom: 16px
  }

  .event-detail-ticket-body__button:last-child {
      margin-bottom: 0
  }

  .event-detail-ticket-body-list {
      background: #fff;
      margin: 0 0 24px
  }

  .event-detail-ticket-body-list__block {
      margin-bottom: 10px
  }

  .event-detail-ticket-body-list__block:last-child {
      margin-bottom: 0
  }

  .event-detail-ticket-body-list__title {
      color: #535353;
      font-weight: 700;
      margin-bottom: 4px
  }

  .event-detail-ticket-body-list__data {
      line-height: 1.5;
      margin: 0
  }

  .event-detail-ticket-body-list__payment {
      display: flex;
      flex-wrap: wrap;
      gap: 4px
  }

  .event-detail-ticket-body-list__note {
      margin: 4px 0 0
  }

  .event-detail-ticket-card-wrap {
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin-bottom: 24px
  }

  .event-detail-ticket-card-wrap:last-child {
      margin-bottom: 0
  }

  .event-detail-ticket-card {
      border: 1px solid #dedede;
      border-radius: 8px;
      overflow: hidden
  }

  .event-detail-ticket-card__block {
      background: #fff;
      padding: 16px
  }

  .event-detail-ticket-card__title {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .event-detail-ticket-card__info {
      align-items: center;
      display: flex;
      justify-content: space-between;
      margin-bottom: 8px
  }

  .event-detail-ticket-card__info:last-child {
      margin-bottom: 0
  }

  .event-detail-ticket-card__status {
      display: flex;
      gap: 4px
  }

  .event-detail-ticket-card__price {
      font-size: 10px;
      margin: 0
  }

  .event-detail-ticket-card__price span {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5
  }

  .event-detail-ticket-card__toggle {
      background: #f6f6f6;
      border-top: 1px solid #dedede;
      display: flex;
      flex-direction: column-reverse;
      padding: 16px;
      position: relative
  }

  .event-detail-ticket-card__text {
      color: #535353;
      display: -webkit-box;
      font-size: 14px;
      line-height: 1.5;
      margin: 0;
      max-height: 63px;
      overflow: hidden;
      position: relative;
      text-overflow: ellipsis;
      transition: all .3s;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      line-clamp: 3;
      --max-height: 63
  }

  .event-detail-ticket-card__text.is-open {
      -webkit-line-clamp: inherit;
      line-clamp: inherit
  }

  .event-detail-ticket-card__toggle-button {
      align-items: center;
      background: transparent;
      border: 0;
      color: #191919;
      display: block;
      font-size: 14px;
      line-height: 1.65;
      margin: 8px auto 0;
      opacity: 0;
      padding: 0;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      z-index: 1
  }

  .event-detail-ticket-card__toggle-button:before {
      background: linear-gradient(180deg,transparent,#f6f6f6 60%);
      bottom: 24px;
      content: "";
      height: 50px;
      left: 0;
      pointer-events: none;
      position: absolute;
      transition: all .3s;
      width: 100%;
      z-index: -1
  }

  .is-open.event-detail-ticket-card__toggle-button:before {
      opacity: 0
  }

  .event-detail-ticket-card__toggle-button>span {
      display: block;
      padding-right: 18px;
      position: relative
  }

  .event-detail-ticket-card__toggle-button>span:before {
      background: #191919;
      border-radius: 2px;
      content: "";
      height: 2px;
      position: absolute;
      right: 0;
      top: 10px;
      width: 12px
  }

  .event-detail-ticket-card__toggle-button>span:after {
      background: #191919;
      border-radius: 2px;
      content: "";
      height: 12px;
      position: absolute;
      right: 5px;
      top: 5px;
      transition: all .3s;
      width: 2px
  }

  .is-open.event-detail-ticket-card__toggle-button>span:after {
      transform: rotate(-90deg)
  }

  .event-detail-ticket-card__toggle-button.is-open .event-detail-ticket-card__toggle-open,.event-detail-ticket-card__toggle-close {
      display: none
  }

  .event-detail-ticket-card__toggle-button.is-open .event-detail-ticket-card__toggle-close {
      display: block
  }

  .event-detail-contact__title {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .event-detail-contact__link {
      margin-bottom: 8px;
      text-align: right
  }

  .event-detail-contact__button {
      margin-bottom: 8px
  }

  .event-detail-contact__button:last-child {
      margin-bottom: 0
  }

  .event-detail-contact__text {
      font-size: 14px;
      margin: 0 0 8px
  }

  .event-detail-contact__text:last-child {
      margin-bottom: 0
  }

  .event-detail-contact__text>* {
      margin: 0
  }

  .event-detail-other {
      background: #f6f6f6;
      margin: 0 -20px;
      padding: 32px 20px
  }

  .event-detail-other__heading {
      font-size: 20px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px;
      text-align: center
  }

  .event-detail-other__button-box {
      display: flex;
      justify-content: center;
      margin-top: 24px
  }

  .event-detail-schedule {
      background: #f6f6f6;
      margin: 0 -20px 64px;
      padding: 32px 0
  }

  .event-detail-schedule__inner {
      padding: 0 20px
  }

  .event-detail-map-heading {
      align-items: center;
      display: flex;
      gap: 10px;
      justify-content: space-between
  }

  .event-detail-map-button {
      margin-bottom: 16px
  }

  .event-detail-map {
      height: 315px;
      width: 100%
  }

  .event-detail-error {
      padding: 0 20px
  }

  .event-detail-error__heading {
      font-size: 22px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 40px;
      text-align: center
  }

  .event-detail-error__section {
      border-bottom: 1px solid #dedede;
      margin-bottom: 40px;
      padding-bottom: 40px
  }

  .event-detail-error__section:last-of-type {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .event-detail-error__title {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .event-detail-error__text {
      margin: 0
  }

  .heading01 {
      font-size: 22px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 24px
  }

  .heading01--center {
      text-align: center
  }

  .heading02 {
      align-items: center;
      display: flex;
      font-size: 20px;
      gap: 8px;
      margin: 0 0 16px
  }

  .heading02,.heading03 {
      font-weight: 700;
      line-height: 1.5
  }

  .heading03 {
      font-size: 16px;
      margin: 0 0 8px
  }

  .event-list {
      margin-bottom: 48px
  }

  .event-list:last-child {
      margin-bottom: 0
  }

  .event-list__heading01 {
      padding: 0 20px
  }

  .event-list__section {
      margin-bottom: 64px;
      padding: 0 20px
  }

  .event-list__section:last-child {
      margin-bottom: 0
  }

  .event-list__banner {
      margin-bottom: 64px
  }

  .event-list__banner:last-child {
      margin-bottom: 0
  }

  .event-list-heading,.event-list__text {
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 24px
  }

  .event-list-heading {
      font-size: 20px;
      padding-bottom: 9px;
      position: relative;
      text-align: center
  }

  .event-list-heading:after {
      background: #08b5ae;
      bottom: 0;
      content: "";
      height: 2px;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      width: 45px
  }

  .event-list-button-box {
      display: flex;
      justify-content: center
  }

  .event-list-sort {
      align-items: flex-end;
      display: flex;
      gap: 10px;
      justify-content: space-between;
      margin-bottom: 16px
  }

  .event-list-sort__text {
      font-size: 14px
  }

  .event-list-new,.event-list-pickup {
      display: flex;
      gap: 24px;
      list-style-type: none;
      margin: -10px -20px 24px;
      overflow-x: auto;
      padding: 10px 20px
  }

  .event-list-search {
      border-bottom: 1px solid #dedede
  }

  .event-list-search__head {
      display: none
  }

  .event-list-search__toggle {
      background: #fff;
      border: 0;
      color: #191919;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      padding: 16px 28px 16px 0;
      position: relative;
      text-align: left;
      transition: all .3s;
      width: 100%
  }

  .event-list-search__toggle:before {
      height: 2px;
      right: 8px;
      width: 14px
  }

  .event-list-search__toggle:after,.event-list-search__toggle:before {
      background: #191919;
      border-radius: 4px;
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%)
  }

  .event-list-search__toggle:after {
      height: 14px;
      right: 14px;
      transition: all .3s;
      width: 2px
  }

  .event-list-search.is-open .event-list-search__toggle:after {
      transform: translateY(-50%) rotate(-90deg)
  }

  .event-list-search__panel {
      display: none;
      padding-bottom: 24px
  }

  .event-list-search-list {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .event-list-search-list__link {
      background: #fff;
      border-radius: 2px;
      box-shadow: 0 0 6px rgba(0,0,0,.08);
      color: #191919;
      display: block;
      font-size: 14px;
      line-height: 1.5;
      padding: 2px 12px;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .event-list-category {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: center;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .event-list-category__link {
      align-items: center;
      background: #fff;
      border: 1px solid #08b5ae;
      border-radius: 2px;
      box-sizing: border-box;
      color: #08b5ae;
      display: flex;
      font-size: 16px;
      font-weight: 700;
      justify-content: center;
      line-height: 1.5;
      min-width: 105px;
      padding: 16px 10px;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .list-dot {
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .list-dot--alert {
      color: #ed2769
  }

  .list-dot__item {
      padding-left: 1.2em;
      text-indent: -1.2em
  }

  .list-dot__item:before {
      content: "・";
      margin-right: .2em
  }

  .ticket {
      padding: 0 20px
  }

  .ticket-button-box {
      margin-top: 24px
  }

  .ticket-summary {
      background: #f6f6f6;
      margin: 0 -20px 40px;
      padding: 24px 20px
  }

  .ticket-summary--zero {
      margin-bottom: 0
  }

  .ticket-summary__title {
      font-size: 20px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .ticket-summary__name {
      margin: 0 0 16px;
      word-wrap: anywhere
  }

  .ticket-summary__link {
      color: #191919;
      display: inline-block;
      font-size: 16px;
      line-height: 1.5;
      padding-right: 24px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .ticket-summary__link:before {
      background: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat 0 0/contain;
      content: "";
      height: 20px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 20px
  }

  .ticket-summary-list {
      display: flex;
      flex-direction: column;
      gap: 8px;
      margin: 0
  }

  .ticket-summary-list__block {
      display: flex;
      gap: 8px
  }

  .ticket-summary-list__block:last-child {
      margin-bottom: 0
  }

  .ticket-summary-list__title span {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      display: block;
      font-size: 0;
      height: 24px;
      width: 24px
  }

  .ticket-summary-list__data {
      margin: 0;
      width: 100%;
      word-wrap: anywhere
  }

  .ticket-summary-list__data span {
      display: block
  }

  .ticket-summary-list__date {
      background-image: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg)
  }

  .ticket-summary-list__time {
      background-image: url(../images/ico_schedule.svg)
  }

  .ticket-summary-list__place {
      background-image: url(/packs/user/media/images/icon/black/ico_location-5a7315bbd4c53b771190.svg)
  }

  .ticket-summary-list__sub-time {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 0 8px
  }

  .ticket-summary-list-time {
      align-items: center;
      color: #535353;
      display: flex;
      flex-wrap: wrap;
      font-size: 14px;
      gap: 0 4px;
      margin: 0
  }

  .ticket-summary-list-time--large {
      color: #191919;
      font-size: 16px
  }

  .ticket-summary-list-time__date {
      margin: 0
  }

  .ticket-detail__info {
      margin-bottom: 24px
  }

  .ticket-detail__block {
      margin-bottom: 16px
  }

  .ticket-detail__block:last-child {
      margin-bottom: 0
  }

  .ticket-detail__heading {
      align-items: flex-start;
      display: flex;
      font-size: 20px;
      font-weight: 700;
      gap: 8px;
      line-height: 1.5;
      margin: 0 0 24px;
      word-wrap: anywhere
  }

  .ticket-detail__heading span {
      margin-top: 5px
  }

  .ticket-detail__sub-text {
      margin: 0
  }

  .ticket-status {
      align-items: center;
      display: flex;
      gap: 4px;
      margin-bottom: 4px
  }

  .ticket-detail-list {
      margin: 0
  }

  .ticket-detail-list__title {
      color: #535353;
      font-weight: 700;
      line-height: 1.5;
      margin-bottom: 4px
  }

  .ticket-detail-list__data {
      line-height: 1.5;
      margin: 0
  }

  .ticket-detail-list__payment {
      display: flex;
      flex-wrap: wrap;
      gap: 5px
  }

  .ticket-card {
      background: #fff;
      border: 1px solid #dedede;
      border-radius: 10px;
      margin-bottom: 16px;
      overflow: hidden
  }

  .ticket-card:last-child {
      margin-bottom: 0
  }

  .ticket-card__block {
      padding: 16px
  }

  .ticket-card__title {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .ticket-card__info {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 4px;
      justify-content: space-between;
      margin-bottom: 16px
  }

  .ticket-card__status {
      display: flex;
      gap: 5px
  }

  .ticket-card__price {
      font-size: 14px;
      margin: 0 0 0 auto
  }

  .ticket-card__price span {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5
  }

  .ticket-card__input {
      align-items: center;
      display: flex;
      gap: 16px;
      justify-content: flex-end;
      margin-bottom: 16px
  }

  .ticket-card__toggle {
      background: #f6f6f6;
      display: flex;
      flex-direction: column-reverse;
      padding: 16px;
      position: relative
  }

  .ticket-card__text {
      color: #535353;
      display: -webkit-box;
      font-size: 14px;
      margin: 0;
      max-height: 73px;
      overflow: hidden;
      position: relative;
      text-overflow: ellipsis;
      transition: all .3s;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      line-clamp: 3;
      --max-height: 73
  }

  .ticket-card__text.is-open {
      -webkit-line-clamp: inherit;
      line-clamp: inherit
  }

  .ticket-card__toggle-button {
      align-items: center;
      background: transparent;
      border: 0;
      color: #191919;
      display: block;
      font-size: 14px;
      line-height: 1.65;
      margin: 8px auto 0;
      opacity: 0;
      padding: 0;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      z-index: 1
  }

  .ticket-card__toggle-button:before {
      background: linear-gradient(180deg,transparent,#f6f6f6 60%);
      bottom: 24px;
      content: "";
      height: 50px;
      left: 0;
      pointer-events: none;
      position: absolute;
      transition: all .3s;
      width: 100%;
      z-index: -1
  }

  .is-open.ticket-card__toggle-button:before {
      opacity: 0
  }

  .ticket-card__toggle-button>span {
      display: block;
      padding-right: 18px;
      position: relative
  }

  .ticket-card__toggle-button>span:before {
      background: #535353;
      border-radius: 2px;
      content: "";
      height: 2px;
      position: absolute;
      right: 0;
      top: 10px;
      width: 12px
  }

  .ticket-card__toggle-button>span:after {
      background: #535353;
      border-radius: 2px;
      content: "";
      height: 12px;
      position: absolute;
      right: 5px;
      top: 5px;
      transition: all .3s;
      width: 2px
  }

  .is-open.ticket-card__toggle-button>span:after {
      transform: rotate(-90deg)
  }

  .ticket-card__toggle-button.is-open .ticket-card__toggle-open,.ticket-card__toggle-close {
      display: none
  }

  .ticket-card__toggle-button.is-open .ticket-card__toggle-close {
      display: block
  }

  .ticket-seat__text {
      margin: 0 0 24px
  }

  .ticket-seat__inner {
      background: #f6f6f6;
      margin: 0 -20px;
      padding: 16px 20px
  }

  .ticket-seat__title {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .ticket-seat__button {
      display: flex;
      justify-content: center;
      margin-bottom: 20px
  }

  .ticket-seat-box {
      background: #fff;
      box-shadow: 0 2px 8px rgba(0,0,0,.04);
      margin: 0 -20px 16px;
      padding: 24px 20px
  }

  .ticket-seat-box:last-child {
      margin-bottom: 0
  }

  .ticket-seat-box__title {
      color: #535353;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .ticket-seat-box__block {
      margin-bottom: 24px
  }

  .ticket-seat-box__block:last-child {
      margin-bottom: 0
  }

  .ticket-seat-box__label {
      display: block;
      font-weight: 700;
      line-height: 1.5;
      margin-bottom: 8px
  }

  .ticket-form__section-wrap {
      background: #f6f6f6;
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin: 0 -20px;
      overflow: hidden
  }

  .ticket-form__section {
      background: #fff;
      box-shadow: 0 2px 8px rgba(0,0,0,.04);
      padding: 24px 20px
  }

  .ticket-form__section:first-child {
      padding-top: 0
  }

  .ticket-form__section:last-child {
      padding-bottom: 0
  }

  .ticket-form__title {
      font-size: 20px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .ticket-form__title span {
      margin-left: 8px;
      vertical-align: text-bottom
  }

  .ticket-form__content {
      background: #fff;
      padding: 20px
  }

  .ticket-form__text {
      margin: 0 0 16px
  }

  .ticket-form__event-info {
      border-bottom: 1px dashed #afafaf;
      margin-bottom: 24px;
      padding-bottom: 24px
  }

  .ticket-form__event-title {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .ticket-form__event-link {
      color: #06e;
      display: inline-block;
      margin-bottom: 5px;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .ticket-payment-list {
      background: #fff;
      border: 1px solid #dedede;
      border-radius: 4px;
      list-style: none;
      margin: 0;
      padding: 0
  }

  .ticket-payment-list__item {
      border-bottom: 1px solid #dedede
  }

  .ticket-payment-list__item:last-child {
      border-bottom: 0
  }

  .ticket-payment-list__panel {
      display: none;
      padding: 0 16px 24px
  }

  .ticket-payment-list__text {
      margin: 0 0 16px
  }

  .ticket-payment-list__input {
      margin-bottom: 16px
  }

  .ticket-payment-radio {
      box-sizing: border-box;
      cursor: pointer;
      display: block;
      padding: 16px;
      position: relative
  }

  .ticket-payment-radio__input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-sizing: border-box;
      cursor: pointer;
      height: 100%;
      left: 0;
      margin: 0;
      position: absolute;
      top: 0;
      width: 100%
  }

  .ticket-payment-radio__text {
      display: block;
      line-height: 1.5;
      padding-left: 28px;
      position: relative
  }

  .ticket-payment-radio.is-open .ticket-payment-radio__text,.ticket-payment-radio:hover .ticket-payment-radio__text {
      font-weight: 700
  }

  .ticket-payment-radio__text:before {
      background: #fff;
      border: 1px solid #08b5ae;
      border-radius: 50%;
      box-sizing: border-box;
      content: "";
      height: 20px;
      left: 0;
      position: absolute;
      top: 2px;
      width: 20px
  }

  .ticket-payment-radio__input.is-error+.ticket-payment-radio__text:before {
      background: #ffe5e2;
      border-color: #ed0f00
  }

  .ticket-payment-radio__text:after {
      background: #08b5ae;
      border-radius: 50%;
      box-sizing: border-box;
      content: "";
      height: 14px;
      left: 3px;
      position: absolute;
      top: 5px;
      transform: scale(0);
      transition: all .3s;
      width: 14px
  }

  .ticket-payment-radio__input:checked+.ticket-payment-radio__text:after {
      transform: scale(1)
  }

  .ticket-payment-card {
      margin-bottom: 20px
  }

  .ticket-payment-card__box {
      align-items: center;
      background: #f6f6f6;
      border-radius: 4px;
      display: flex;
      flex-direction: column;
      margin-bottom: 20px;
      padding: 16px
  }

  .ticket-payment-card__box-text,.ticket-payment-card__text {
      margin: 0 0 10px;
      text-align: center
  }

  .ticket-payment-card__text {
      font-weight: 700;
      line-height: 1.5
  }

  .ticket-payment-card-info {
      display: grid;
      grid-template-columns: auto 1fr;
      margin: 0 0 16px
  }

  .ticket-payment-card-info__block {
      display: flex
  }

  .ticket-payment-card-info__title {
      font-weight: 700;
      padding-right: 1em;
      position: relative
  }

  .ticket-payment-card-info__title:after {
      content: "：";
      position: absolute;
      right: 0
  }

  .ticket-payment-card-info__data {
      font-weight: 700;
      margin: 0
  }

  .ticket-payment-card-list {
      display: flex;
      gap: 5px;
      justify-content: center;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .ticket-payment-card-list__item {
      background: #fff;
      border: 1px solid #dedede;
      border-radius: 6px;
      box-sizing: border-box;
      height: 40px;
      padding: 7px;
      width: 65px
  }

  .ticket-payment-card-list__item img {
      display: block;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      width: 100%
  }

  .ticket-form-detail {
      border-bottom: 1px dashed #afafaf;
      margin-bottom: 24px;
      padding-bottom: 24px
  }

  .ticket-form-detail:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .ticket-form-detail__title {
      align-items: flex-start;
      display: flex;
      font-size: 16px;
      font-weight: 700;
      gap: 8px;
      line-height: 1.5;
      margin: 0 0 16px;
      word-wrap: anywhere
  }

  .ticket-form-detail__title span {
      margin-top: 2px
  }

  .ticket-form-detail__message {
      margin-bottom: 16px
  }

  .ticket-form-detail__total {
      border: 1px solid #dedede;
      border-radius: 8px;
      padding: 16px
  }

  .ticket-form-detail__box {
      border-bottom: 2px solid #dedede
  }

  .ticket-form-detail__box:last-child {
      border-bottom: 0
  }

  .ticket-form-detail__block {
      border-bottom: 1px dashed #afafaf;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .ticket-form-detail__block:last-child {
      border-bottom: 0;
      margin-bottom: 0
  }

  .ticket-form-detail__name {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .ticket-form-detail__price {
      display: flex;
      flex-wrap: wrap;
      gap: 0 8px;
      justify-content: flex-end;
      margin: 0 0 8px
  }

  .ticket-form-detail__price:last-child {
      margin-bottom: 0
  }

  .ticket-form-detail__subtotal {
      align-items: center;
      display: flex;
      font-size: 12px;
      font-weight: 700;
      gap: 4px;
      line-height: 1.5
  }

  .ticket-form-detail__subtotal span {
      font-size: 16px;
      line-height: 1.65;
      white-space: nowrap
  }

  .ticket-form-seat {
      background: #f6f6f6;
      border-radius: 4px;
      padding: 8px
  }

  .ticket-form-seat__title {
      color: #535353;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 4px
  }

  .ticket-form-seat-list {
      display: flex;
      flex-direction: column;
      gap: 4px;
      list-style: none;
      margin: 0 0 4px;
      padding: 0
  }

  .ticket-form-seat-list__item {
      font-size: 14px;
      padding-left: 20px;
      position: relative
  }

  .ticket-form-seat-list__item:before {
      background: url(/packs/user/media/images/icon/black/ico_chair-70e6ea0e3820a09e76d9.svg) no-repeat 50%/contain;
      content: "";
      height: 18px;
      left: 0;
      position: absolute;
      top: 2px;
      width: 18px
  }

  .ticket-commission-list {
      align-items: center;
      border-bottom: 1px dashed #afafaf;
      display: flex;
      gap: 8px;
      margin: 0;
      padding: 16px 0
  }

  .ticket-commission-list:last-child {
      border-bottom: 0
  }

  .ticket-commission-list__title {
      flex: 1;
      font-size: 14px
  }

  .ticket-commission-list__data {
      align-items: center;
      display: flex;
      font-size: 12px;
      font-weight: 700;
      gap: 4px;
      line-height: 1.5;
      margin: 0
  }

  .ticket-commission-list__data span {
      font-size: 16px;
      line-height: 1.65;
      text-align: right;
      white-space: nowrap
  }

  .ticket-total-list {
      align-items: center;
      display: flex;
      gap: 8px;
      margin: 0;
      padding-top: 16px
  }

  .ticket-total-list__title {
      flex: 1;
      font-size: 14px;
      font-weight: 700
  }

  .ticket-total-list__data {
      align-items: center;
      display: flex;
      font-size: 12px;
      font-weight: 700;
      gap: 4px;
      line-height: 1.5;
      margin: 0
  }

  .ticket-total-list__data span {
      font-size: 20px;
      line-height: 1.65;
      text-align: right;
      white-space: nowrap
  }

  .ticket-form-input {
      margin-bottom: 16px
  }

  .ticket-form-input:last-child {
      margin-bottom: 0
  }

  .ticket-form-input__label {
      display: block;
      font-weight: 700;
      margin-bottom: 4px
  }

  .ticket-info-table {
      width: 100%
  }

  .ticket-info-table tr {
      border-bottom: 1px dashed #afafaf;
      display: block;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .ticket-info-table tr:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .ticket-info-table__title {
      color: #6e6e6e;
      display: block;
      font-size: 12px;
      font-weight: 700;
      line-height: 1.5;
      margin-bottom: 4px;
      text-align: left
  }

  .ticket-info-table__data {
      display: flex;
      flex-direction: column;
      gap: 4px;
      word-wrap: anywhere
  }

  .ticket-form-table {
      border-spacing: 0;
      border-top: 1px solid #dedede;
      margin-bottom: 16px;
      width: 100%
  }

  .ticket-form-table:last-child {
      margin-bottom: 0
  }

  .ticket-form-table tr {
      border-bottom: 1px solid #dedede;
      display: flex
  }

  .ticket-form-table__title {
      font-size: 14px;
      font-weight: 700;
      padding: 17px 4px 15px 0;
      text-align: left;
      width: 100px
  }

  .ticket-form-table__title--em {
      color: #ed2769
  }

  .ticket-form-table__data {
      flex: 1;
      padding: 15px 0
  }

  .ticket-form-table__data--em {
      color: #ed2769;
      font-weight: 700
  }

  .ticket-form-question {
      margin-bottom: 32px
  }

  .ticket-form-question:last-child {
      margin-bottom: 0
  }

  .ticket-form-question__title {
      display: block;
      margin-bottom: 16px
  }

  .ticket-form-question__number {
      align-items: center;
      display: flex;
      font-weight: 700;
      gap: 8px;
      line-height: 1.5;
      margin-bottom: 4px
  }

  .ticket-form-question__question {
      display: block
  }

  .ticket-form-question__list {
      display: flex;
      flex-direction: column;
      gap: 8px;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .ticket-form-note {
      margin-bottom: 32px
  }

  .ticket-form-note__title {
      color: #535353;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .ticket-form-note__content {
      display: flex;
      flex-direction: column;
      gap: 8px
  }

  .ticket-form-note__date {
      margin: 0;
      text-align: right
  }

  .ticket-share-link {
      display: flex;
      justify-content: flex-end;
      margin-top: 16px
  }

  .ticket-share-link__link {
      align-items: center;
      background: transparent;
      border: 0;
      color: #191919;
      display: inline-flex;
      gap: 4px;
      margin-left: auto;
      padding: 0
  }

  .ticket-share-link__link:before {
      background: url(/packs/user/media/images/icon/black/ico_share-a708b4ed8d84eb7ac8d1.svg) no-repeat 0 0/100% 100%;
      content: "";
      display: block;
      flex: 0 0 auto;
      height: 16px;
      margin-top: -1px;
      width: 16px
  }

  .ticket-message {
      margin-bottom: 40px
  }

  .ticket-message__paragraph {
      margin-bottom: 24px
  }

  .ticket-message__paragraph:last-child {
      margin-bottom: 0
  }

  .ticket-message__text {
      margin: 0 0 8px
  }

  .ticket-message__text:last-child {
      margin-bottom: 0
  }

  .form-heading01 {
      font-size: 22px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 24px
  }

  .form-heading02 {
      font-size: 20px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .form-heading02 span {
      margin-left: 8px;
      vertical-align: text-top
  }

  .form-head {
      background: #f6f6f6;
      margin: 0 -20px;
      padding: 16px 20px
  }

  .form-head+.form {
      padding-top: 24px
  }

  .form__section-wrap {
      background: #f6f6f6;
      margin: 0 -20px 32px;
      overflow: hidden
  }

  .form__section-wrap:last-child {
      margin-bottom: 0
  }

  .form__section {
      background: #fff;
      box-shadow: 0 2px 8px rgba(0,0,0,.04);
      margin-bottom: 16px;
      padding: 24px 20px
  }

  .form__section:first-child {
      padding-top: 0
  }

  .form__section:last-child {
      margin-bottom: 0;
      padding-bottom: 0
  }

  .form__block {
      margin-bottom: 24px
  }

  .form--confirm .form__block {
      border-bottom: 1px dashed #afafaf;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .form--confirm .form__block:last-child {
      border-bottom: 0;
      padding-bottom: 0
  }

  .form__box .form__block {
      border: 0;
      padding: 0
  }

  .form__block:last-child {
      margin-bottom: 0
  }

  .form__title {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .form--confirm .form__title {
      color: #6e6e6e;
      font-size: 12px;
      margin: 0 0 4px
  }

  .form__label {
      display: block
  }

  .form__label span {
      margin: -2px 0 0 8px;
      vertical-align: text-top
  }

  .form__text {
      margin: 0 0 8px
  }

  .form__block-child {
      margin-bottom: 16px
  }

  .form__block-child:last-child {
      margin-bottom: 0
  }

  .form__label-child {
      color: #535353;
      display: block;
      font-size: 14px;
      font-weight: 700;
      margin: 0 0 4px
  }

  .form__residence {
      display: flex;
      flex-direction: column;
      gap: 16px
  }

  .form__box {
      border: 1px solid #dedede;
      border-radius: 4px;
      padding: 16px
  }

  .form-name__block {
      align-items: center;
      display: flex;
      gap: 16px;
      margin-bottom: 16px
  }

  .form-name__block:last-child {
      margin-bottom: 0
  }

  .form-name__label {
      color: #535353;
      font-size: 14px;
      font-weight: 700
  }

  .form-name__field {
      flex: 1
  }

  .form-birth {
      flex-wrap: wrap;
      gap: 8px
  }

  .form-birth,.form-birth__block {
      align-items: center;
      display: flex
  }

  .form-birth__block {
      gap: 4px
  }

  .form-birth__year {
      width: 100px
  }

  .form-birth__day,.form-birth__month {
      width: 79px
  }

  .form-terms {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      margin-bottom: 32px
  }

  .form-terms__title {
      color: #535353;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .form-terms__date {
      display: block;
      font-size: 14px;
      margin: 0 0 8px;
      text-align: right
  }

  .form-terms__scroll {
      background: #fff;
      border: 1px solid #afafaf;
      border-radius: 4px;
      box-sizing: border-box;
      flex: 1;
      font-size: 14px;
      max-height: 400px;
      overflow-y: auto;
      padding: 16px;
      -ms-overflow-style: none;
      scrollbar-width: none
  }

  .form-terms__scroll::-webkit-scrollbar {
      display: none
  }

  .form-terms__content#privacy p {
      margin: 0 0 8px
  }

  .form-terms__content#privacy ul {
      margin-bottom: 8px
  }

  .form-terms__content#privacy h4 {
      margin: 16px 0 8px
  }

  .form-terms__table {
      border-right: 1px solid #dedede;
      border-top: 1px solid #dedede;
      display: block;
      margin: 20px auto 40px
  }

  .form-terms__table+.form-terms__table {
      margin-top: -20px
  }

  .form-terms__table-title {
      background: #f6f6f6;
      font-weight: 700
  }

  .form-terms__table-item,.form-terms__table-title {
      border-bottom: 1px solid #dedede;
      border-left: 1px solid #dedede;
      font-size: 14px;
      line-height: 1.5;
      padding: 8px
  }

  .form-terms__table-item a {
      font-size: 14px
  }

  .form-error-text {
      color: #ed0f00;
      font-size: 14px;
      line-height: 1.35;
      margin: 8px 0 0;
      padding-left: 20px;
      position: relative
  }

  .form-error-text:first-child {
      margin-top: 0
  }

  .form-text-note {
      color: #535353;
      font-size: 14px;
      line-height: 1.35;
      margin: 8px 0 0;
      padding-left: 1.2em;
      text-indent: -1.2em
  }

  .form-text-note+.form-text-note {
      margin-top: 4px
  }

  .form-text-note:has(strong) {
      color: #ed2769
  }

  .form-text-note:last-child {
      margin-bottom: 0
  }

  .form-text-note:before {
      content: "※";
      margin-right: .2em
  }

  .form-text-note strong {
      font-weight: 400
  }

  .form-text-em {
      color: #ed2769;
      font-size: 14px;
      line-height: 1.35;
      margin: 8px 0 0
  }

  .form-step {
      display: flex;
      list-style-type: none;
      margin: 0 -20px 24px;
      padding: 0
  }

  .form-step:last-child {
      margin-bottom: 0
  }

  .form-step__item {
      align-items: center;
      color: #afafaf;
      display: flex;
      flex: 1;
      flex-direction: column;
      font-size: 12px;
      gap: 8px;
      line-height: 1.5;
      position: relative;
      text-align: center
  }

  .form-step__item:before {
      background: #fff;
      border: 2px solid #afafaf;
      border-radius: 50%;
      box-sizing: border-box;
      content: "";
      display: block;
      height: 12px;
      margin: 3px;
      width: 12px;
      z-index: 1
  }

  .form-step__item:after {
      background: #afafaf;
      content: "";
      height: 2px;
      left: 50%;
      position: absolute;
      top: 8px;
      width: 100%
  }

  .form-step__item:last-child:after {
      content: none
  }

  .form-step__item[aria-current=step] {
      color: #191919;
      font-weight: 700;
      gap: 8px
  }

  .form-step__item[aria-current=step]:before {
      background: #535353;
      border-color: #535353;
      height: 18px;
      margin: 0;
      width: 18px
  }

  .form-select-list {
      display: flex;
      flex-direction: column;
      gap: 8px;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .form-checkbox {
      background: #f6f6f6;
      border-radius: 2px;
      padding: 15px
  }

  .form-checkbox.is-error {
      background: #ffe5e2;
      border: 1px solid #ed0f00
  }

  .form-recaptcha {
      align-items: center;
      background: #ffe8f0;
      display: flex;
      flex-direction: column;
      margin-bottom: 24px;
      padding: 20px
  }

  .form-recaptcha__text {
      margin: 0 0 10px
  }

  .form-bottom {
      margin-top: 24px
  }

  .form-bottom__text {
      margin-bottom: 0;
      margin-top: 0
  }

  .preview {
      background: rgba(25,25,25,.9);
      bottom: 48px;
      box-sizing: border-box;
      font-size: 20px;
      left: 0;
      margin: 0;
      padding: 16px;
      position: fixed;
      text-align: center;
      width: 100%;
      z-index: 8
  }

  .preview__text {
      color: #fff;
      font-size: 16px;
      font-weight: 700;
      margin: 0 0 8px;
      text-align: center
  }

  .preview__button {
      align-items: center;
      background: #fff;
      border: 1px solid #535353;
      border-radius: 2px;
      color: #191919;
      display: flex;
      font-size: 14px;
      font-weight: 700;
      gap: 4px;
      line-height: 1.65;
      margin: 0 auto;
      padding: 7px 15px
  }

  .preview__button:before {
      background: url(/packs/user/media/images/icon/black/ico_close-e21d93a6b3b997a2cd6a.svg) no-repeat 50%/contain;
      content: "";
      display: block;
      flex-shrink: 0;
      height: 18px;
      margin-top: -1px;
      width: 18px
  }

  .login {
      padding: 0 20px
  }

  .login__content {
      background: #f6f6f6;
      margin: 0 -20px;
      overflow: hidden
  }

  .login__title {
      font-size: 20px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 24px;
      padding-bottom: 8px;
      position: relative;
      text-align: center
  }

  .login__title:before {
      background: #08b5ae;
      bottom: 0;
      content: "";
      height: 2px;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      width: 45px
  }

  .login__section {
      background: #fff;
      box-shadow: 0 2px 8px rgba(0,0,0,.04);
      margin-bottom: 16px;
      padding: 32px 20px
  }

  .login__section:first-child {
      padding-top: 0
  }

  .login__section:last-child {
      margin-bottom: 0;
      padding-bottom: 0
  }

  .login__text {
      margin: 0 0 24px
  }

  .login__text:last-child {
      margin-bottom: 0
  }

  .login__text-large {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .login__box {
      background: #f6f6f6;
      padding: 24px
  }

  .login__button-box {
      display: flex;
      justify-content: center;
      margin-top: 24px
  }

  .login-form__block,.login__message {
      margin-bottom: 24px
  }

  .login-form__block:last-child {
      margin-bottom: 0
  }

  .login-form__title {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .login-form__box {
      align-items: center;
      background: #ffe8f0;
      display: flex;
      flex-direction: column;
      margin-top: 24px;
      padding: 20px
  }

  .login-form__text {
      margin: 0 0 10px
  }

  .login-link {
      background: transparent;
      border: 0;
      color: #191919;
      display: block;
      margin: 16px auto 0;
      padding: 0 20px 0 0;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      width: -moz-fit-content;
      width: fit-content;
      word-break: break-all
  }

  .login-link:before {
      background: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat 50%/100% 100%;
      content: "";
      height: 16px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 16px
  }

  .login-email {
      align-items: center;
      background: #f6f6f6;
      display: flex;
      flex-direction: column;
      gap: 8px;
      margin-bottom: 16px;
      padding: 24px
  }

  .login-email__title {
      font-size: 14px;
      margin: 0
  }

  .login-email__address {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0;
      text-align: center;
      word-wrap: anywhere
  }

  .error {
      padding: 0 20px
  }

  .error__heading {
      font-size: 22px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 40px;
      text-align: center
  }

  .error__text {
      margin: 0
  }

  .password {
      padding: 0 20px
  }

  .password__text {
      margin: 0 0 24px
  }

  .password__title {
      font-size: 16px;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .password__link {
      background: transparent;
      border: 0;
      color: #191919;
      display: block;
      margin: 16px auto 0;
      padding: 0 20px 0 0;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      width: -moz-fit-content;
      width: fit-content;
      word-break: break-all
  }

  .password__link:before {
      background: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat 50%/100% 100%;
      content: "";
      height: 16px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 16px
  }

  .promoter {
      padding: 0 20px
  }

  .promoter__section {
      margin-bottom: 64px
  }

  .promoter__section:last-child {
      margin-bottom: 0
  }

  .promoter-cover {
      aspect-ratio: 3/1;
      margin: -32px 0 32px
  }

  .promoter-cover img {
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%
  }

  .promoter-info {
      margin-bottom: 64px
  }

  .promoter-info__image {
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      height: 86px;
      margin: -96px 0 16px;
      overflow: hidden;
      width: 86px
  }

  .promoter:first-child .promoter-info__image {
      margin-top: 0
  }

  .promoter-info__image img {
      background: #fff;
      border: 2px solid #fff;
      border-radius: 4px;
      box-sizing: border-box;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      width: 100%
  }

  .promoter-info__heading {
      font-size: 22px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .promoter-info__link {
      align-items: center;
      display: flex;
      gap: 4px;
      margin-bottom: 16px
  }

  .promoter-info__text {
      color: #535353;
      font-size: 14px;
      margin: 0
  }

  .promoter-info-button {
      align-items: center;
      background: #fff;
      border: 1px solid #535353;
      border-radius: 2px;
      box-sizing: border-box;
      color: #191919;
      display: inline-flex;
      font-size: 12px;
      font-weight: 700;
      gap: 4px;
      justify-content: center;
      line-height: 1.5;
      padding: 7px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .promoter-info-button--arrow {
      padding-right: 25px
  }

  .promoter-info-button--arrow:before {
      background: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat 50%/contain;
      content: "";
      height: 14px;
      position: absolute;
      right: 7px;
      top: 50%;
      transform: translateY(-50%);
      width: 14px
  }

  .promoter-pickup {
      display: flex;
      flex-direction: column;
      gap: 32px;
      list-style-type: none;
      margin: 0 0 40px;
      padding: 0
  }

  .promoter-pickup__item {
      border-radius: 4px;
      width: 100%
  }

  .promoter-event-list {
      background: #f6f6f6;
      margin: 0 -20px;
      padding: 32px 20px
  }

  .promoter-event-text {
      background: #f6f6f6;
      margin: 0;
      padding: 32px 24px;
      text-align: center
  }

  .inquiry {
      padding: 0 20px
  }

  .inquiry__complete {
      margin: 0 0 24px
  }

  .inquiry-list {
      border-top: 1px solid #dedede;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .inquiry-list__link {
      border-bottom: 1px solid #dedede;
      color: #191919;
      display: block;
      padding: 16px 29px 16px 0;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .inquiry-list__link:before {
      background: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat 50%/contain;
      content: "";
      height: 18px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 18px
  }

  .inquiry-list__head {
      margin-bottom: 8px;
      position: relative
  }

  .inquiry-list__title-box {
      align-items: flex-start;
      display: flex;
      gap: 4px;
      justify-content: space-between;
      margin-bottom: 4px
  }

  .inquiry-list__title-box:last-child {
      margin-bottom: 0
  }

  .inquiry-list__title {
      color: #191919;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      margin: 0;
      overflow: hidden;
      position: relative;
      text-overflow: ellipsis;
      white-space: nowrap
  }

  .inquiry-list__title:has(.inquiry-list__badge) {
      font-weight: 700;
      padding-left: 16px
  }

  .inquiry-list__badge {
      background: #ed2769;
      border-radius: 50%;
      font-size: 0;
      height: 8px;
      left: 0;
      position: absolute;
      top: 8px;
      width: 8px
  }

  .inquiry-list__number {
      background: #fff;
      border: 1px solid #dedede;
      border-radius: 50px;
      box-sizing: border-box;
      flex-shrink: 0;
      font-size: 10px;
      line-height: 1.5;
      padding: 2px 8px;
      text-align: center
  }

  .inquiry-list__number span {
      font-size: 12px;
      font-weight: 700
  }

  .inquiry-list__event-name {
      color: #535353;
      display: block;
      font-size: 14px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
  }

  .inquiry-list__text {
      color: #191919
  }

  .inquiry-list__sub-text,.inquiry-list__text {
      display: -webkit-box;
      margin: 0 0 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2
  }

  .inquiry-list__sub-text {
      color: #535353;
      font-size: 14px;
      padding-left: 25px;
      position: relative
  }

  .inquiry-list__sub-text:before {
      background: url(/packs/user/media/images/icon/black/ico_arrow_response-1af5240757dc3611e5e2.svg) no-repeat 50%/100% 100%;
      content: "";
      height: 20px;
      left: 0;
      position: absolute;
      top: 0;
      width: 20px
  }

  .is-owner.inquiry-list__sub-text:before {
      background-image: url(/packs/user/media/images/icon/black/ico_operator-11843985d8d7cb787018.svg)
  }

  .inquiry-list__date {
      color: #535353;
      display: block;
      font-size: 12px;
      line-height: 1.35;
      text-align: right
  }

  .inquiry-detail {
      padding: 0 20px
  }

  .inquiry-detail-box {
      background: #f6f6f6;
      margin: 0 -20px 24px;
      padding: 24px 20px
  }

  .inquiry-detail-box__heading {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .inquiry-detail-box__heading:last-child {
      margin-bottom: 0
  }

  .inquiry-detail-box__link {
      align-items: center;
      color: #191919;
      display: flex;
      gap: 4px;
      -webkit-text-decoration: none;
      text-decoration: none;
      word-wrap: anywhere
  }

  .inquiry-detail-box__link:after {
      background: #191919;
      content: "";
      display: block;
      flex-shrink: 0;
      height: 16px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      width: 16px
  }

  .inquiry-detail-box__text {
      margin: 0
  }

  .inquiry-detail-list {
      list-style-type: none;
      margin: 0 0 24px;
      padding: 0
  }

  .inquiry-detail-list__item {
      border-bottom: 1px solid #dedede;
      padding: 24px 0
  }

  .inquiry-detail-list__item:first-child {
      padding-top: 0
  }

  .inquiry-detail-list__toggle {
      display: block;
      padding-right: 28px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .inquiry-detail-list__toggle:before {
      background: #191919;
      border-radius: 2px;
      content: "";
      height: 2px;
      position: absolute;
      right: 5px;
      top: 12px;
      width: 14px
  }

  .inquiry-detail-list__item:first-child .inquiry-detail-list__toggle:before {
      content: none
  }

  .inquiry-detail-list__toggle:after {
      background: #191919;
      border-radius: 2px;
      content: "";
      height: 14px;
      position: absolute;
      right: 11px;
      top: 6px;
      transition: all .3s;
      width: 2px
  }

  .inquiry-detail-list__item.is-open .inquiry-detail-list__toggle:after {
      transform: rotate(-90deg)
  }

  .inquiry-detail-list__item:first-child .inquiry-detail-list__toggle:after {
      content: none
  }

  .inquiry-detail-list__badge {
      background: #ed2769;
      border-radius: 50%;
      font-size: 0;
      height: 8px;
      left: 0;
      position: absolute;
      top: 9px;
      width: 8px
  }

  .inquiry-detail-list__name {
      color: #191919;
      font-size: 16px;
      font-weight: 400;
      margin: 0 0 4px;
      overflow: hidden;
      padding-left: 24px;
      position: relative;
      text-overflow: ellipsis;
      transition: all .3s;
      white-space: nowrap
  }

  .inquiry-detail-list__item.is-open .inquiry-detail-list__name {
      white-space: normal
  }

  .inquiry-detail-list__toggle:has(.is-open) .inquiry-detail-list__name {
      white-space: normal
  }

  .inquiry-detail-list__item:first-child .inquiry-detail-list__name {
      padding-left: 0
  }

  .inquiry-detail-list__name:before {
      background: url(/packs/user/media/images/icon/black/ico_arrow_response-1af5240757dc3611e5e2.svg) no-repeat 50%/100% 100%;
      content: "";
      height: 20px;
      left: 0;
      position: absolute;
      top: 2px;
      width: 20px
  }

  .inquiry-detail-list__item:first-child .inquiry-detail-list__name:before {
      content: none
  }

  .is-owner.inquiry-detail-list__name:before {
      background-image: url(/packs/user/media/images/icon/black/ico_operator-11843985d8d7cb787018.svg)
  }

  .inquiry-detail-list__name:has(span) {
      font-weight: 700;
      padding-left: 40px
  }

  .inquiry-detail-list__name:has(span):before {
      left: 12px
  }

  .inquiry-detail-list__date {
      color: #535353;
      display: block;
      font-size: 12px;
      line-height: 1.35
  }

  .inquiry-detail-list__panel {
      display: none;
      padding-top: 10px
  }

  .inquiry-detail-list__panel.is-open {
      display: block
  }

  .inquiry-detail-list__text {
      margin: 0
  }

  .inquiry-detail-list__toggle-text {
      display: -webkit-box;
      line-height: 1.5;
      margin: 0;
      max-height: 130px;
      overflow: hidden;
      padding-top: 10px;
      position: relative;
      text-overflow: ellipsis;
      transition: all .3s;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 5;
      line-clamp: 5;
      --max-height: 130
  }

  .inquiry-detail-list__toggle-text.is-open {
      -webkit-line-clamp: inherit;
      line-clamp: inherit
  }

  .inquiry-detail-list__button {
      background: transparent;
      border: 0;
      font-size: 0;
      height: 100%;
      left: 0;
      opacity: 0;
      padding: 0;
      position: absolute;
      top: 0;
      width: 100%
  }

  .inquiry-detail-list__button:before {
      background: #191919;
      border-radius: 2px;
      content: "";
      height: 2px;
      position: absolute;
      right: 5px;
      top: 12px;
      width: 14px
  }

  .inquiry-detail-list__button:after {
      background: #191919;
      border-radius: 2px;
      content: "";
      height: 14px;
      position: absolute;
      right: 11px;
      top: 6px;
      transition: all .3s;
      width: 2px
  }

  .is-open.inquiry-detail-list__button:after {
      transform: rotate(-90deg)
  }

  .inquiry-detail-list__button-open,.is-open>.inquiry-detail-list__button-close {
      display: none
  }

  .is-open>.inquiry-detail-list__button-open {
      display: block
  }

  .inquiry-detail-form__title {
      color: #535353;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .inquiry-intro {
      background: #fff2eb;
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin-bottom: 40px;
      padding: 24px
  }

  .inquiry-intro__title {
      color: #cc4100;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0;
      padding-left: 22px;
      position: relative
  }

  .inquiry-intro__block {
      display: flex;
      flex-direction: column;
      gap: 8px
  }

  .inquiry-intro__text {
      margin: 0 0 8px
  }

  .inquiry-intro__text:last-child {
      margin-bottom: 0
  }

  .top__notice {
      margin-bottom: 24px;
      padding: 0 20px
  }

  .top__banner {
      margin-bottom: 64px
  }

  .top__banner:last-child {
      margin-bottom: 0
  }

  .top-heading {
      font-size: 26px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 32px;
      padding-bottom: 8px;
      position: relative;
      text-align: center
  }

  .top-heading span {
      display: block;
      font-size: 12px;
      line-height: 1.65;
      text-align: center
  }

  .top-heading:after {
      background: #08b5ae;
      bottom: 0;
      content: "";
      height: 2px;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      width: 46px
  }

  .top-hero {
      margin-bottom: 24px;
      padding: 12px 20px 20px
  }

  .top-hero:before {
      background: url(/packs/user/96f414d390aa83a257b6.webp) no-repeat top/cover;
      content: "";
      height: 335px;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: -1
  }

  .top-hero__inner {
      margin: 0 auto;
      max-width: 416px
  }

  .top-hero__box {
      background: hsla(0,0%,100%,.5);
      border-radius: 8px;
      box-shadow: 0 0 6px rgba(0,0,0,.08);
      padding: 16px
  }

  .top-hero__keyword-block {
      margin-bottom: 14px
  }

  .top-hero__keyword-block:last-child {
      margin-bottom: 0
  }

  .top-hero__keyword-title {
      font-size: 12px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .top-hero-search {
      margin-bottom: 16px;
      max-width: 100%;
      position: relative
  }

  .top-hero-search__input {
      background: #fff;
      border: 0;
      border-radius: 100px;
      box-sizing: border-box;
      font-size: 16px;
      height: 100%;
      line-height: 1.5;
      overflow: hidden;
      padding: 10px 52px 10px 16px;
      text-overflow: ellipsis;
      transition: all .3s;
      white-space: nowrap;
      width: 100%
  }

  .top-hero-search__input::-webkit-search-cancel-button {
      -webkit-appearance: none;
      appearance: none
  }

  .top-hero-search__input::-moz-placeholder {
      color: #afafaf
  }

  .top-hero-search__input::placeholder {
      color: #afafaf
  }

  .top-hero-search__input:focus-visible {
      border-color: #191919;
      border-radius: 100px;
      outline: 0
  }

  .top-hero-search__button {
      background: url(/packs/user/media/images/icon/black/ico_search-4996c99f22c9d6150592.svg) no-repeat 0 0/100% 100%;
      border: 0;
      font-size: 0;
      height: 24px;
      padding: 0;
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 24px;
      z-index: 1
  }

  .top-hero-keyword-wrap {
      margin: -6px;
      -webkit-mask-image: linear-gradient(90deg,#000 85%,transparent);
      mask-image: linear-gradient(90deg,#000 85%,transparent);
      overflow-x: auto;
      position: relative;
      -ms-overflow-style: none;
      scrollbar-width: none
  }

  .top-hero-keyword-wrap Edgescrollbar-width IE,.top-hero-keyword-wrap IE,Edgescrollbar-width .top-hero-keyword-wrap::-webkit-scrollbar {
      display: none
  }

  .top-hero-keyword-wrap .simplebar-scrollbar:before {
      background: #dedede
  }

  .top-hero-keyword-wrap .simplebar-scrollbar.simplebar-visible:before {
      opacity: .8
  }

  .top-hero-keyword {
      display: flex;
      gap: 8px;
      list-style-type: none;
      margin: 0;
      padding: 6px 6px 12px
  }

  .top-hero-keyword:after {
      content: "";
      display: block;
      flex-shrink: 0;
      height: 6px;
      width: 6px
  }

  .top-hero-keyword__link {
      background: #fff;
      box-shadow: 0 0 6px rgba(0,0,0,.08);
      color: #191919;
      display: block;
      font-size: 14px;
      padding: 2px 12px;
      -webkit-text-decoration: none;
      text-decoration: none;
      white-space: nowrap
  }

  .top-login {
      bottom: 48px;
      display: flex;
      left: 0;
      position: fixed;
      width: 100%;
      z-index: 4
  }

  .top-login__button {
      background: #17349c;
      border-radius: 4px 4px 0 0;
      box-sizing: border-box;
      color: #fff;
      display: block;
      flex: 1;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.5;
      min-height: 60px;
      padding: 19px 12px;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .top-login__button--buyer {
      background: #08b5ae
  }

  .top-new-event {
      margin-bottom: 64px;
      padding: 0 20px
  }

  .top-new-event__button-box {
      display: flex;
      justify-content: center
  }

  .top-event-slider {
      margin: -10px -20px 22px;
      opacity: 0;
      overflow: hidden;
      padding: 10px 0;
      position: relative;
      transition: all .3s
  }

  .top-event-slider.swiper-initialized {
      opacity: 1
  }

  .top-event-slider__item {
      height: auto!important;
      width: 250px!important
  }

  .top-event-slider__control {
      align-items: center;
      display: flex;
      gap: 0 8px;
      justify-content: center;
      margin-top: 16px
  }

  .top-event-slider .swiper-notification {
      display: none
  }

  .top-pickup-event {
      margin-bottom: 60px;
      padding: 0 20px
  }

  .top-pickup-event__button-box {
      display: flex;
      justify-content: center
  }

  .top-pickup-event-list-wrap {
      display: flex;
      flex-direction: column;
      margin: -10px -20px 32px;
      overflow-x: auto;
      -ms-overflow-style: none;
      scrollbar-width: none
  }

  .top-pickup-event-list-wrap Edgescrollbar-width IE,.top-pickup-event-list-wrap IE,Edgescrollbar-width .top-pickup-event-list-wrap::-webkit-scrollbar {
      display: none
  }

  .top-pickup-event-list {
      display: flex;
      list-style-type: none;
      margin: 0;
      padding: 10px 20px
  }

  .top-pickup-event-list:after {
      content: "";
      display: block;
      flex-shrink: 0;
      height: 20px;
      width: 20px
  }

  .top-pickup-event-list__item {
      margin-right: 24px
  }

  .top-pickup-event-list__item:last-child {
      margin-right: 0
  }

  .top-owner {
      background: #edf3ff;
      margin-bottom: 64px;
      padding: 40px 20px 64px;
      position: relative;
      z-index: 0
  }

  .top-owner:before {
      background: url(/packs/user/4ad6e1ef2e1752fcedea.webp) no-repeat top/cover
  }

  .top-owner:after,.top-owner:before {
      content: "";
      height: 300px;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: -1
  }

  .top-owner:after {
      background: rgba(23,52,156,.6)
  }

  .top-owner__heading {
      color: #fff;
      font-size: 26px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 24px;
      padding-bottom: 8px;
      position: relative;
      text-align: center;
      word-break: keep-all
  }

  .top-owner__heading span {
      display: block;
      font-size: 12px;
      line-height: 1.65;
      text-align: center
  }

  .top-owner__heading:before {
      background: rgba(23,52,156,.6);
      content: "";
      filter: blur(50px);
      height: 152px;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: -1
  }

  .top-owner__heading:after {
      background: #fff;
      bottom: 0;
      content: "";
      height: 2px;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      width: 46px
  }

  .top-owner__lead {
      color: #fff;
      font-size: 26px;
      line-height: 1.5;
      margin: 0 0 24px;
      text-align: center
  }

  .top-owner__lead span {
      display: block;
      font-size: 16px
  }

  .top-owner__section {
      margin-bottom: 64px
  }

  .top-owner__section:last-child {
      margin-bottom: 0
  }

  .top-owner__title {
      color: #00215c;
      font-size: 24px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px;
      text-align: center
  }

  .top-owner__title span {
      display: block;
      font-size: 18px
  }

  .top-owner__text {
      color: #00215c;
      margin: 0 0 24px;
      text-align: center
  }

  .top-owner__text-large {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 24px;
      text-align: center
  }

  .top-owner-about,.top-owner__button-box {
      display: flex;
      justify-content: center
  }

  .top-owner-about {
      background: #fff;
      gap: 8px;
      list-style-type: none;
      margin: 0 auto 24px;
      padding: 16px;
      width: -moz-fit-content;
      width: fit-content
  }

  .top-owner-about__item {
      width: 96px
  }

  .top-owner-about__image {
      aspect-ratio: 1/1;
      margin: 0 auto 16px;
      width: 60px
  }

  .top-owner-about__image img {
      height: auto;
      width: 100%
  }

  .top-owner-about__text {
      font-size: 12px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0;
      text-align: center;
      white-space: nowrap
  }

  .top-owner-about__text strong {
      color: #ed2769;
      display: block;
      font-size: 14px
  }

  .top-owner-function {
      display: flex;
      flex-direction: column;
      gap: 8px;
      list-style-type: none;
      margin: 0 0 24px;
      padding: 0
  }

  .top-owner-function__item {
      align-items: center;
      background: #fff;
      display: flex;
      gap: 16px;
      padding: 16px
  }

  .top-owner-function__image {
      flex-shrink: 0;
      width: 70px
  }

  .top-owner-function__image img {
      height: auto;
      width: 100%
  }

  .top-owner-function__title {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 4px
  }

  .top-owner-function__text {
      font-size: 14px;
      margin: 0
  }

  .top-owner-function__text strong {
      color: #ed2769;
      font-weight: 700
  }

  .top-owner-price {
      display: flex;
      gap: 8px;
      justify-content: center;
      list-style-type: none;
      margin: 0 auto 24px;
      padding: 0
  }

  .top-owner-price__item {
      background: #fff;
      box-sizing: border-box;
      flex: 1;
      padding: 16px 11px 8px;
      position: relative
  }

  .top-owner-price__item:before {
      background: url(/packs/user/media/images/top/img_free_sp-3213bc7d5479a1e0c96f.png) no-repeat 0 0/contain;
      content: "";
      height: 43px;
      position: absolute;
      right: 0;
      top: 0;
      width: 45px
  }

  .top-owner-price__image {
      margin: 0 auto 8px;
      width: 50px
  }

  .top-owner-price__image img {
      height: auto;
      width: 100%
  }

  .top-owner-price__text {
      font-size: 12px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0;
      text-align: center
  }

  .top-owner-price__text span {
      color: #ed2769;
      display: block;
      font-size: 16px;
      line-height: 1.65
  }

  .top-owner-case {
      background: #fff;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: center;
      list-style-type: none;
      margin: 0 0 24px;
      padding: 24px
  }

  .top-owner-case__item {
      height: 35px
  }

  .top-owner-case__item img {
      height: 100%;
      width: auto
  }

  .top-news {
      margin-bottom: 64px;
      padding: 0 20px
  }

  .top-news__link {
      color: #191919;
      display: block;
      margin-left: auto;
      padding-right: 20px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      width: -moz-fit-content;
      width: fit-content;
      word-break: break-all
  }

  .top-news__link:before {
      background: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat 50%/100% 100%;
      content: "";
      height: 16px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 16px
  }

  .top-news-list {
      list-style-type: none;
      margin: 0 0 16px;
      padding: 0
  }

  .top-news-list__item {
      border-bottom: 1px solid #dedede;
      margin-bottom: 16px;
      padding-bottom: 8px
  }

  .top-news-list__item:last-child {
      margin-bottom: 0
  }

  .top-news-list__status {
      margin-bottom: 4px
  }

  .top-news-list__date {
      font-size: 12px;
      line-height: 1.5
  }

  .top-news-list__link {
      color: #191919;
      display: -webkit-box;
      min-height: 26px;
      overflow: hidden;
      padding-right: 24px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      line-clamp: 1
  }

  .top-news-list__link span {
      display: inline;
      margin-right: 8px
  }

  .top-news-list__link:before {
      background: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat 0 0/contain;
      content: "";
      height: 16px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 16px
  }

  .top-search {
      margin-bottom: 64px;
      padding: 0 20px
  }

  .top-search-list {
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .top-search-list__item {
      border-bottom: 1px solid #dedede
  }

  .top-search-list__toggle {
      background: transparent;
      border: 0;
      color: #191919;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      padding: 16px 28px 16px 0;
      position: relative;
      text-align: left;
      transition: all .3s;
      width: 100%
  }

  .top-search-list__toggle:before {
      height: 2px;
      right: 8px;
      width: 14px
  }

  .top-search-list__toggle:after,.top-search-list__toggle:before {
      background: #191919;
      border-radius: 2px;
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%)
  }

  .top-search-list__toggle:after {
      height: 14px;
      right: 14px;
      transition: all .3s;
      width: 2px
  }

  .top-search-list__item.is-open .top-search-list__toggle:after {
      transform: translateY(-50%) rotate(-90deg)
  }

  .top-search-list__head {
      display: none
  }

  .top-search-list__panel {
      display: none;
      margin: -10px -10px 0;
      padding: 10px 10px 24px
  }

  .top-search-child-list {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .top-search-child-list__link {
      background: #fff;
      border-radius: 2px;
      box-shadow: 0 0 6px rgba(0,0,0,.08);
      color: #191919;
      display: block;
      font-size: 14px;
      line-height: 1.5;
      padding: 3px 12px;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .my-top {
      padding-top: 32px
  }

  .my-top__heading01 {
      font-size: 22px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px;
      padding: 0 20px
  }

  .my-top__heading02 {
      font-size: 20px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 24px;
      padding-bottom: 8px;
      position: relative;
      text-align: center
  }

  .my-top__heading02:after {
      background: #08b5ae;
      bottom: 0;
      content: "";
      height: 2px;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      width: 46px
  }

  .my-top__section {
      margin-bottom: 64px;
      padding: 0 20px
  }

  .my-top-nav+.my-top__section {
      margin-top: 40px
  }

  .my-top__section:last-child {
      margin-bottom: 0
  }

  .my-top__message {
      margin-bottom: 64px;
      padding: 0 20px
  }

  .my-top-nav+.my-top__message {
      margin-top: 40px
  }

  .my-top__banner {
      margin-bottom: 64px
  }

  .my-top__banner:last-child {
      margin-bottom: 0
  }

  .my-top__button-box {
      display: flex;
      justify-content: center;
      margin-top: 24px
  }

  .my-top-nav {
      left: 0;
      position: sticky;
      top: 0;
      z-index: 3
  }

  .my-top-nav__list {
      background: #fff;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      display: flex;
      list-style-type: none;
      margin: 0;
      padding: 12px 0
  }

  .my-top-nav__item {
      border-right: 1px solid #def2ef;
      flex: 1
  }

  .my-top-nav__item:last-child {
      border-right: 0
  }

  .my-top-nav__link {
      align-items: center;
      background: #fff;
      box-sizing: border-box;
      color: #191919;
      display: flex;
      flex-direction: column;
      font-size: 10px;
      font-weight: 700;
      height: 60px;
      justify-content: center;
      line-height: 1.35;
      padding-top: 30px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .my-top-nav__link:before {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      height: 30px;
      left: 50%;
      position: absolute;
      top: 0;
      transform: translateX(-50%);
      width: 30px
  }

  .my-top-nav__link--ticket:before {
      background-image: url(/packs/user/media/images/icon/main/ico_ticket-3e247df3714b4568bb42.svg)
  }

  .my-top-nav__link--history:before {
      background-image: url(/packs/user/media/images/icon/main/ico_history-012971222faf529f06c8.svg)
  }

  .my-top-nav__link--favorite:before {
      background-image: url(/packs/user/media/images/icon/main/ico_favorite-703be270759105ec7421.svg)
  }

  .my-top-nav__link--setting:before {
      background-image: url(/packs/user/media/images/icon/main/ico_setting-354be6d71b0b967604a8.svg)
  }

  .my-top-nav__link--news:before {
      background-image: url(/packs/user/media/images/icon/main/ico_notifications-0e7bdb8f2c0833afde6b.svg)
  }

  .my-top-nav__number {
      background: #ed2769;
      border-radius: 100px;
      color: #fff;
      font-size: 10px;
      font-weight: 700;
      line-height: 1;
      padding: 4px 6px;
      position: absolute;
      right: 4px;
      top: -4px
  }

  .my-top-alert {
      align-items: center;
      display: flex;
      gap: 8px;
      margin: 0 auto 16px;
      padding: 0 20px
  }

  .my-top-alert__text {
      color: #ed2769;
      font-size: 14px;
      line-height: 1.35;
      margin: 0;
      padding-left: 18px;
      position: relative
  }

  .my-top-alert__link {
      align-items: center;
      color: #ed2769;
      display: flex;
      font-size: 14px;
      gap: 2px;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .my-top-alert__link:after {
      background: url(/packs/user/media/images/icon/pink/ico_arrow_right-07d948a45453815892cd.svg) no-repeat 50%/contain;
      content: "";
      display: block;
      height: 16px;
      margin-top: -2px;
      transition: all .3s;
      width: 16px
  }

  .my-top-favorite-list-wrap {
      display: flex;
      flex-direction: column;
      margin: -10px -20px 0;
      overflow-x: auto;
      -ms-overflow-style: none;
      scrollbar-width: none
  }

  .my-top-favorite-list-wrap::-webkit-scrollbar {
      display: none
  }

  .my-top-favorite-list {
      display: flex;
      list-style-type: none;
      margin: 0;
      padding: 10px 20px
  }

  .my-top-favorite-list:after {
      content: "";
      display: block;
      flex-shrink: 0;
      height: 20px;
      width: 20px
  }

  .my-top-favorite-list__item {
      margin-right: 24px
  }

  .my-top-favorite-list__item:last-child {
      margin-right: 0
  }

  .my-top-menu {
      display: grid;
      grid-template-columns: repeat(4,1fr);
      grid-template-rows: repeat(2,1fr);
      list-style-type: none;
      margin: 0;
      padding: 0;
      grid-gap: 8px;
      gap: 8px
  }

  .my-top-menu__item:first-child {
      grid-column: 1/3;
      grid-row: 1
  }

  .my-top-menu__item:nth-child(2) {
      grid-column: 3/5;
      grid-row: 1
  }

  .my-top-menu__link {
      align-items: center;
      border: 1px solid #08b5ae;
      border-radius: 2px;
      box-sizing: border-box;
      color: #191919;
      display: flex;
      flex-direction: column;
      font-size: 10px;
      font-weight: 700;
      height: 74px;
      justify-content: center;
      line-height: 1.35;
      padding: 40px 0 8px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .my-top-menu__link:hover {
      color: #08b5ae
  }

  .my-top-menu__item:first-child .my-top-menu__link,.my-top-menu__item:nth-child(2) .my-top-menu__link {
      flex-direction: row;
      font-size: 14px;
      gap: 4px;
      padding: 0
  }

  .my-top-menu__link:before {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      display: block;
      height: 30px;
      left: 50%;
      position: absolute;
      top: 10px;
      transform: translateX(-50%);
      width: 30px
  }

  .my-top-menu__item:first-child .my-top-menu__link:before,.my-top-menu__item:nth-child(2) .my-top-menu__link:before {
      position: static;
      transform: translateX(0)
  }

  .my-top-menu__link--ticket:before {
      background-image: url(/packs/user/media/images/icon/main/ico_ticket-3e247df3714b4568bb42.svg)
  }

  .my-top-menu__link--history:before {
      background-image: url(/packs/user/media/images/icon/main/ico_history-012971222faf529f06c8.svg)
  }

  .my-top-menu__link--favorite:before {
      background-image: url(/packs/user/media/images/icon/main/ico_favorite-703be270759105ec7421.svg)
  }

  .my-top-menu__link--setting:before {
      background-image: url(/packs/user/media/images/icon/main/ico_setting-354be6d71b0b967604a8.svg)
  }

  .my-top-menu__link--news:before {
      background-image: url(/packs/user/media/images/icon/main/ico_notifications-0e7bdb8f2c0833afde6b.svg)
  }

  .my-top-menu__link--inquiry:before {
      background-image: url(/packs/user/media/images/icon/main/ico_message-ee107ac764444cc71f33.svg)
  }

  .my-top-menu__number {
      background: #ed2769;
      border-radius: 100px;
      color: #fff;
      font-size: 10px;
      font-weight: 700;
      line-height: 1;
      padding: 4px 6px;
      position: absolute;
      right: 6px;
      top: 6%
  }

  .my-top-search {
      background: #f6f6f6;
      margin-bottom: 64px
  }

  .my-top-search__inner {
      padding: 32px 20px
  }

  .my-top-pickup-list-wrap {
      display: flex;
      flex-direction: column;
      margin: -10px -20px 0;
      overflow-x: auto;
      -ms-overflow-style: none;
      scrollbar-width: none
  }

  .my-top-pickup-list-wrap::-webkit-scrollbar {
      display: none
  }

  .my-top-pickup-list {
      display: flex;
      list-style-type: none;
      margin: 0;
      padding: 10px 20px
  }

  .my-top-pickup-list:after {
      content: "";
      display: block;
      flex-shrink: 0;
      height: 20px;
      width: 20px
  }

  .my-top-pickup-list__item {
      margin-right: 24px
  }

  .my-top-pickup-list__item:last-child {
      margin-right: 0
  }

  .my-top-news-list {
      list-style-type: none;
      margin: 0 0 16px;
      padding: 0
  }

  .my-top-news-list__item {
      border-bottom: 1px solid #dedede;
      margin-bottom: 16px;
      padding-bottom: 8px
  }

  .my-top-news-list__item:last-child {
      margin-bottom: 0
  }

  .my-top-news-list__status {
      align-items: center;
      display: flex;
      gap: 4px;
      margin-bottom: 4px
  }

  .my-top-news-list__date {
      font-size: 12px;
      line-height: 1.5
  }

  .my-top-news-list__link {
      color: #191919;
      display: -webkit-box;
      line-height: 1.65;
      min-height: 26px;
      overflow: hidden;
      padding-right: 24px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      line-clamp: 1
  }

  .my-top-news-list__link span {
      margin: 2px 8px 0 0;
      vertical-align: top
  }

  .my-top-news-list__link:before {
      background: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat 0 0/contain;
      content: "";
      height: 16px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 16px
  }

  .my-ticket {
      padding: 0 20px
  }

  .my-ticket--top {
      padding: 0
  }

  .my-ticket__heading01 {
      padding: 0 20px
  }

  .my-ticket__section {
      margin-bottom: 64px;
      padding: 0 20px
  }

  .my-ticket__section:last-child {
      margin-bottom: 0
  }

  .my-ticket__content {
      background: #f6f6f6;
      margin: 0 -20px 40px;
      padding: 24px 20px
  }

  .my-ticket__content:first-child {
      margin-top: -32px
  }

  .my-ticket__notice {
      margin-bottom: 40px
  }

  .my-ticket__text {
      margin: 0 0 16px
  }

  .my-ticket__text strong {
      font-weight: 700
  }

  .my-ticket__button-box {
      display: flex;
      justify-content: center;
      margin-top: 40px
  }

  .my-ticket__link {
      display: flex;
      justify-content: center;
      margin-top: 16px
  }

  .my-ticket__message {
      background: #f6f6f6;
      border-radius: 2px;
      font-weight: 700;
      margin: 0 0 16px;
      padding: 16px;
      text-align: center
  }

  .my-ticket__image {
      margin: 0 auto;
      max-width: 450px
  }

  .my-ticket__image img {
      height: auto;
      width: 100%
  }

  .my-ticket-button-box {
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin-top: 24px
  }

  .my-ticket-list {
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .my-ticket-list--single {
      margin-bottom: 16px
  }

  .my-ticket-list:last-child {
      margin-bottom: 0
  }

  .my-ticket-list__item {
      border: 1px solid #dedede;
      border-radius: 8px;
      margin-bottom: 16px;
      overflow: hidden;
      padding: 16px
  }

  .my-ticket-list--single .my-ticket-list__item {
      border: 0;
      border-radius: 0;
      overflow: visible;
      padding: 0
  }

  .my-ticket-list__item:last-child {
      margin-bottom: 0
  }

  .my-ticket-list__event {
      color: #191919;
      display: flex;
      gap: 16px;
      margin-bottom: 8px;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .my-ticket-list__summary {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      display: flex;
      gap: 16px;
      padding: 24px
  }

  .my-ticket-list__image {
      border-radius: 2px;
      flex: 0 0 auto;
      height: 100px;
      overflow: hidden;
      width: 100px
  }

  .my-ticket-list__image img {
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      width: 100%
  }

  .my-ticket-list__event-name {
      display: -webkit-box;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      word-wrap: anywhere
  }

  .my-ticket-list__event-name span {
      display: inline;
      margin-right: 4px
  }

  .my-ticket-list__text {
      color: #191919;
      display: -webkit-box;
      font-size: 14px;
      line-height: 1.35;
      margin: 0 0 4px;
      overflow: hidden;
      padding-left: 22px;
      position: relative;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      line-clamp: 1;
      word-wrap: anywhere
  }

  .my-ticket-list__text:last-child {
      margin-bottom: 0
  }

  .my-ticket-list__text--date {
      display: flex;
      flex-wrap: wrap;
      gap: 0 4px
  }

  .my-ticket-list__date,.my-ticket-list__owner,.my-ticket-list__place {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      font-size: 0;
      height: 18px;
      left: 0;
      position: absolute;
      top: 0;
      width: 18px
  }

  .my-ticket-list__date {
      background-image: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg)
  }

  .my-ticket-list__place {
      background-image: url(/packs/user/media/images/icon/black/ico_location-5a7315bbd4c53b771190.svg)
  }

  .my-ticket-list__owner {
      background-image: url(/packs/user/media/images/icon/black/ico_apartment-4e3d2903ef9ac25a936c.svg)
  }

  .my-ticket-list__time {
      display: inline-block
  }

  .my-ticket-list__bottom {
      border-top: 1px dashed #dedede;
      margin-bottom: -16px
  }

  .my-ticket-list__ticket-info {
      color: #191919;
      display: block;
      padding: 12px 0 16px;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .my-ticket-list__tag {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      margin-bottom: 4px
  }

  .my-ticket-list__title {
      color: #191919;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 4px
  }

  .my-ticket-list__number {
      display: flex;
      margin: 0
  }

  .my-ticket-list__number-title {
      white-space: nowrap
  }

  .my-ticket-list__number-title:after {
      content: "："
  }

  .my-ticket-list__number-data {
      margin: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
  }

  .my-ticket-list__ticket {
      display: flex;
      margin: 0
  }

  .my-ticket-list__ticket-title {
      color: #535353;
      font-size: 14px;
      white-space: nowrap
  }

  .my-ticket-list__ticket-title:after {
      content: "："
  }

  .my-ticket-list__ticket-data {
      color: #535353;
      font-size: 14px;
      margin: 0
  }

  .my-ticket-list__action {
      background: #f6f6f6;
      display: flex;
      justify-content: center;
      margin: 0 -16px -16px;
      padding: 16px;
      position: relative
  }

  .my-ticket-list__button {
      background: #191919;
      border: 0;
      border-radius: 2px;
      box-sizing: border-box;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      gap: 4px;
      justify-content: center;
      line-height: 1.5;
      min-width: 180px;
      padding: 12px
  }

  .my-ticket-list__button,.my-ticket-list__share {
      align-items: center;
      display: inline-flex;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .my-ticket-list__share {
      background: transparent;
      border: 0;
      color: #191919;
      flex-direction: column;
      font-size: 12px;
      line-height: 1.35;
      padding: 0;
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%)
  }

  .my-ticket-list__share:before {
      background: #191919;
      content: "";
      display: block;
      height: 24px;
      -webkit-mask-image: url(/packs/user/media/images/icon/black/ico_send-dd3bffa80f1ac775f955.svg);
      mask-image: url(/packs/user/media/images/icon/black/ico_send-dd3bffa80f1ac775f955.svg);
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: contain;
      mask-size: contain;
      width: 24px
  }

  .my-ticket-list__share[aria-disabled=true] {
      color: #afafaf;
      pointer-events: none
  }

  .my-ticket-list__share[aria-disabled=true]:before {
      background-color: #afafaf
  }

  .my-ticket-list__share--retry:before {
      -webkit-mask-image: url(/packs/user/media/images/icon/black/ico_send_outline-b6961e7e594ede137786.svg);
      mask-image: url(/packs/user/media/images/icon/black/ico_send_outline-b6961e7e594ede137786.svg)
  }

  .my-ticket-list__share--return:before {
      -webkit-mask-image: url(/packs/user/media/images/icon/black/ico_arrow_response-1af5240757dc3611e5e2.svg);
      mask-image: url(/packs/user/media/images/icon/black/ico_arrow_response-1af5240757dc3611e5e2.svg)
  }

  .my-ticket-link {
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .my-ticket-link__item {
      border-bottom: 1px solid #dedede
  }

  .my-ticket-link__item:first-child {
      border-top: 1px solid #dedede
  }

  .my-ticket-link__link {
      color: #191919;
      display: block;
      padding: 16px 26px 16px 0;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .my-ticket-link__link:before {
      background: url(/packs/user/media/images/icon/gray/ico_arrow_right02-9f6f710ef09732e63615.svg) no-repeat 50%/contain;
      content: "";
      height: 18px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 18px
  }

  .my-ticket-online__inner {
      background: #f6f6f6;
      margin: 0 -24px 40px;
      padding: 24px 20px
  }

  .my-ticket-online__summary {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      padding: 24px 20px
  }

  .my-ticket-online__title {
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .my-ticket-online__text {
      border-bottom: 1px dashed #afafaf;
      margin: 0 0 16px;
      padding-bottom: 16px
  }

  .my-ticket-online__text:last-child {
      border-bottom: 0;
      margin: 0;
      padding-bottom: 0
  }

  .my-ticket-online__box {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 6px 10px rgba(0,0,0,.08);
      padding: 24px 20px;
      position: relative
  }

  .my-ticket-online__box:before {
      background-color: #fff;
      background-image: radial-gradient(circle,#dedede 4px,transparent 0);
      background-position: 50%;
      background-repeat: repeat-x;
      background-size: 16px 16px;
      content: "";
      height: 16px;
      left: 50%;
      position: absolute;
      top: 0;
      transform: translate(-50%,-50%);
      width: calc(100% - 22px)
  }

  .my-ticket-online__info {
      border-bottom: 1px dashed #afafaf;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .my-ticket-online__info:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .my-ticket-online__info-box {
      border-bottom: 1px dashed #afafaf;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .my-ticket-online__name {
      font-weight: 700
  }

  .my-ticket-online__number {
      display: flex;
      margin: 0
  }

  .my-ticket-online__number-title {
      color: #535353;
      flex-shrink: 0
  }

  .my-ticket-online__number-title:after {
      content: "："
  }

  .my-ticket-online__number-data {
      color: #535353;
      margin: 0
  }

  .my-ticket-online__ticket-name {
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .my-ticket-online__list {
      margin: 0 0 4px
  }

  .my-ticket-online__list:last-child {
      margin-bottom: 0
  }

  .my-ticket-online__list-title {
      font-size: 12px;
      white-space: nowrap
  }

  .my-ticket-online__list-data {
      font-size: 14px;
      margin: 0;
      word-break: break-all
  }

  .my-ticket-online__sub-text {
      color: #535353;
      font-size: 14px;
      margin: 0
  }

  .my-ticket-online__sub-text br {
      visibility: hidden
  }

  .my-ticket-online__promoter {
      margin: 0
  }

  .my-ticket-online__promoter-title {
      font-size: 20px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .my-ticket-online-info {
      display: flex;
      flex-direction: column;
      gap: 4px;
      margin: 0
  }

  .my-ticket-online-info__block {
      display: flex;
      gap: 8px
  }

  .my-ticket-online-info__block:last-child {
      margin-bottom: 0
  }

  .my-ticket-online-info__title span {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      display: block;
      font-size: 0;
      height: 24px;
      width: 24px
  }

  .my-ticket-online-info__data {
      margin: 0;
      width: 100%
  }

  .my-ticket-online-info__data span {
      display: block
  }

  .my-ticket-online-info__date {
      background-image: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg)
  }

  .my-ticket-online-info__time {
      background-image: url(/packs/user/media/images/icon/black/ico_schedule-41d8791858c1797dee05.svg)
  }

  .my-ticket-online-info__place {
      background-image: url(/packs/user/media/images/icon/black/ico_location-5a7315bbd4c53b771190.svg)
  }

  .my-ticket-online-info__sub-time {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 0 8px
  }

  .my-ticket-online-info-time {
      align-items: center;
      color: #535353;
      display: flex;
      flex-wrap: wrap;
      font-size: 14px;
      gap: 0 4px;
      margin: 0
  }

  .my-ticket-online-info-time--large {
      color: #191919;
      font-size: 16px
  }

  .my-ticket-online-info-time__date {
      margin: 0
  }

  .my-ticket-summary {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      padding: 24px
  }

  .my-ticket-summary__title {
      font-size: 20px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px;
      word-wrap: anywhere
  }

  .my-ticket-summary__link {
      align-items: center;
      color: #191919;
      display: inline-flex;
      gap: 4px;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .my-ticket-summary__link:after {
      background: #191919;
      content: "";
      display: block;
      flex-shrink: 0;
      height: 24px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      transition: all .3s;
      width: 24px
  }

  .my-ticket-summary-list {
      display: flex;
      flex-direction: column;
      gap: 8px;
      margin: 0
  }

  .my-ticket-summary-list__block {
      display: flex;
      gap: 8px
  }

  .my-ticket-summary-list__block:last-child {
      margin-bottom: 0
  }

  .my-ticket-summary-list__title span {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      display: block;
      font-size: 0;
      height: 24px;
      width: 24px
  }

  .my-ticket-summary-list__data {
      margin: 0;
      width: 100%;
      word-wrap: anywhere
  }

  .my-ticket-summary-list__data span {
      display: block
  }

  .my-ticket-summary-list__date {
      background-image: url(../images/ico_calendar.svg)
  }

  .my-ticket-summary-list__time {
      background-image: url(../images/ico_schedule.svg)
  }

  .my-ticket-summary-list__place {
      background-image: url(../images/ico_location.svg)
  }

  .my-ticket-summary-list__sub-time {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 0 8px
  }

  .my-ticket-summary-list-time {
      align-items: center;
      color: #535353;
      display: flex;
      flex-wrap: wrap;
      font-size: 14px;
      gap: 0 4px;
      margin: 0
  }

  .my-ticket-summary-list-time--large {
      color: #191919;
      font-size: 16px
  }

  .my-ticket-summary-list-time__date {
      margin: 0
  }

  .my-ticket-info {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 6px 10px rgba(0,0,0,.08);
      padding: 24px;
      position: relative
  }

  .my-ticket-info:before {
      background-color: #fff;
      background-image: radial-gradient(circle,#dedede 4px,transparent 0);
      background-position: 50%;
      background-repeat: repeat-x;
      background-size: 16px 16px;
      content: "";
      height: 16px;
      left: 50%;
      position: absolute;
      top: 0;
      transform: translate(-50%,-50%);
      width: calc(100% - 22px)
  }

  .my-ticket-info__block {
      border-bottom: 1px dashed #afafaf;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .my-ticket-info__block:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .my-ticket-info__box {
      border-bottom: 1px dashed #afafaf;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .my-ticket-info__name {
      font-weight: 700
  }

  .my-ticket-info__name-title {
      color: #535353;
      font-size: 12px;
      font-weight: 400
  }

  .my-ticket-info__name-title:not(:first-child) {
      margin-left: 8px
  }

  .my-ticket-info__name-title:after {
      content: ":";
      margin-left: 2px;
      margin-right: 2px
  }

  .my-ticket-info__number {
      color: #535353;
      display: flex;
      margin: 0
  }

  .my-ticket-info__number-title:after {
      content: "："
  }

  .my-ticket-info__number-data {
      margin: 0
  }

  .my-ticket-info__list {
      display: flex;
      margin: 0
  }

  .my-ticket-info__list-title {
      font-size: 12px;
      padding-top: 1.5px;
      white-space: nowrap
  }

  .my-ticket-info__list-title:after {
      content: "‖";
      margin: 0 4px
  }

  .my-ticket-info__list-data {
      font-size: 14px;
      margin: 0;
      word-break: break-all
  }

  .my-ticket-info__title {
      font-size: 16px;
      font-weight: 700;
      margin: 0 0 16px
  }

  .my-ticket-info__type {
      margin: 0 0 16px
  }

  .my-ticket-info__type-title {
      font-size: 14px;
      margin-bottom: 4px
  }

  .my-ticket-info__type-data {
      font-size: 20px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0
  }

  .my-ticket-info__sub-text {
      color: #535353;
      font-size: 14px;
      margin: 0
  }

  .my-ticket-qr {
      background: #fff;
      border: 1px solid #dedede;
      box-sizing: border-box;
      margin: 0 auto 24px;
      max-width: 400px;
      padding: 18px
  }

  .my-ticket-qr.color02 {
      background: #000
  }

  .my-ticket-qr.color03 {
      background: #0053e5
  }

  .my-ticket-qr.color04 {
      background: #00d2e5
  }

  .my-ticket-qr.color05 {
      background: #00a63d
  }

  .my-ticket-qr.color06 {
      background: #67d916
  }

  .my-ticket-qr.color07 {
      background: #ffd400
  }

  .my-ticket-qr.color08 {
      background: #ff9121
  }

  .my-ticket-qr.color09 {
      background: #f20000
  }

  .my-ticket-qr.color10 {
      background: #ff66b2
  }

  .my-ticket-qr.color11 {
      background: #ac00e5
  }

  .my-ticket-qr__inner {
      background: #fff;
      padding: 15px
  }

  .my-ticket-qr__image img {
      height: auto;
      width: 100%
  }

  .my-ticket-text-link {
      display: block;
      margin: 8px 0 0 auto;
      width: -moz-fit-content;
      width: fit-content
  }

  .my-ticket-promoter {
      background: #f6f6f6;
      margin: 0 -20px;
      padding: 24px 20px
  }

  .my-ticket-promoter__content {
      display: flex;
      gap: 16px
  }

  .my-ticket-promoter__image {
      flex-shrink: 0;
      height: 120px;
      width: 120px
  }

  .my-ticket-promoter__image img {
      background: #fff;
      border: 2px solid #fff;
      border-radius: 4px;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      width: 100%
  }

  .my-ticket-promoter__title {
      flex: 1;
      font-size: 16px;
      line-height: 1.5;
      margin: 0;
      word-wrap: anywhere
  }

  .my-ticket-promoter__text-box {
      display: flex;
      flex: 1;
      flex-direction: column
  }

  .my-ticket-share {
      margin-bottom: 40px
  }

  .my-ticket-share__text {
      margin: 0 0 8px
  }

  .my-ticket-text-copy {
      margin-bottom: 40px
  }

  .my-ticket-text-copy__button {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 16px
  }

  .my-ticket-text-copy__button:last-child {
      margin-bottom: 0
  }

  .my-ticket-text-copy__textarea-wrap {
      margin-bottom: 16px
  }

  .my-ticket-text-copy__textarea {
      background: #fff;
      border: 1px solid #afafaf;
      border-radius: 4px;
      box-sizing: border-box;
      display: block;
      font-size: 16px;
      height: 100%;
      line-height: 1.5;
      max-width: 100%;
      min-height: 1035px;
      padding: 12px 15px;
      transition: all .3s;
      width: 100%
  }

  .my-ticket-text-copy__textarea:focus-visible {
      border-color: #191919;
      border-radius: 4px;
      outline: 0
  }

  .history {
      padding: 0 20px
  }

  .history--list {
      padding: 0
  }

  .history__content,.history__heading01 {
      padding: 0 20px
  }

  .history__page {
      font-size: 14px;
      margin: 0 0 20px
  }

  .history__complete {
      font-weight: 700;
      margin: 0
  }

  .history-list {
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .history-list__item {
      margin-bottom: 16px
  }

  .history-list__item:last-child {
      margin-bottom: 0
  }

  .history-list__link {
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      color: #191919;
      display: block;
      padding: 16px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .history-list__top {
      border-bottom: 1px dashed #dedede;
      margin-bottom: 8px;
      padding-bottom: 8px
  }

  .history-list__tag {
      display: flex;
      gap: 5px;
      margin-bottom: 8px
  }

  .history-list__title {
      color: #191919;
      display: -webkit-box;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2
  }

  .history-list__date {
      color: #535353;
      display: flex;
      font-size: 14px;
      gap: 4px;
      margin: 0 0 2px
  }

  .history-list__date span {
      background: url(/packs/user/media/images/icon/gray/ico_calendar02-2877a974aeb3a9f7ab4f.svg) no-repeat 50%/contain;
      display: block;
      font-size: 0;
      height: 20px;
      width: 20px
  }

  .history-list__type {
      color: #535353;
      font-size: 14px;
      margin: 0;
      overflow: hidden;
      padding-left: 24px;
      position: relative;
      text-overflow: ellipsis;
      white-space: nowrap
  }

  .history-list__type:before {
      background: url(/packs/user/media/images/icon/gray/ico_ticket-5490c6cf983f8c9be936.svg) no-repeat 50%/contain;
      content: "";
      height: 20px;
      left: 0;
      position: absolute;
      top: 1px;
      width: 20px
  }

  .history-list__type span {
      flex-shrink: 0
  }

  .history-list__type span:after {
      content: "‖"
  }

  .history-list__alert {
      background: #ffe5e2;
      padding: 5px
  }

  .history-list__alert,.history-list__attention {
      color: #ed0f00;
      display: block;
      font-weight: 700;
      line-height: 1.5;
      margin-bottom: 8px;
      text-align: center
  }

  .history-list__attention {
      background: #fff;
      border: 1px solid #ed0f00;
      padding: 4px
  }

  .history-list-info {
      margin: 0 0 4px
  }

  .history-list-info:last-child {
      margin-bottom: 0
  }

  .history-list-info__block {
      display: flex
  }

  .history-list-info__title {
      color: #191919
  }

  .history-list-info__title:after {
      content: "："
  }

  .history-list-info__data {
      color: #191919;
      margin: 0
  }

  .history-summary {
      margin-bottom: 40px
  }

  .history-summary__tag {
      display: flex;
      gap: 4px;
      margin-bottom: 8px
  }

  .history-summary__event-name {
      align-items: center;
      color: #191919;
      display: flex;
      font-weight: 700;
      gap: 4px;
      line-height: 1.5;
      margin-bottom: 16px;
      -webkit-text-decoration: none;
      text-decoration: none;
      word-wrap: anywhere
  }

  .history-summary__event-name:after {
      background: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat 50%/contain;
      content: "";
      display: block;
      height: 20px;
      width: 20px
  }

  .history-summary__box {
      display: flex;
      gap: 16px
  }

  .history-summary__image {
      border-radius: 2px;
      flex-shrink: 0;
      height: 100px;
      overflow: hidden;
      width: 100px
  }

  .history-summary__image img {
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      width: 100%
  }

  .history-summary-list {
      display: flex;
      flex-direction: column;
      gap: 4px;
      margin: 0
  }

  .history-summary-list__block {
      display: flex;
      gap: 8px
  }

  .history-summary-list__block:last-child {
      margin-bottom: 0
  }

  .history-summary-list__title span {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      display: block;
      font-size: 0;
      height: 18px;
      margin-top: 1px;
      width: 18px
  }

  .history-summary-list__data {
      font-size: 14px;
      line-height: 1.5;
      margin: 0;
      width: 100%;
      word-wrap: anywhere
  }

  .history-summary-list__data span {
      display: block
  }

  .history-summary-list__date {
      background-image: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg)
  }

  .history-summary-list__time {
      background-image: url(/packs/user/media/images/icon/black/ico_schedule-41d8791858c1797dee05.svg)
  }

  .history-summary-list__place {
      background-image: url(/packs/user/media/images/icon/black/ico_location-5a7315bbd4c53b771190.svg)
  }

  .history-summary-list__owner {
      background-image: url(/packs/user/media/images/icon/black/ico_apartment-4e3d2903ef9ac25a936c.svg)
  }

  .history-summary-list__link {
      color: #191919
  }

  .history-summary-list__sub-time {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 0 8px
  }

  .history-summary-list-time {
      align-items: center;
      color: #535353;
      display: flex;
      flex-wrap: wrap;
      font-size: 12px;
      gap: 0 4px;
      margin: 0
  }

  .history-summary-list-time--large {
      color: #191919;
      font-size: 14px
  }

  .history-summary-list-time__date {
      margin: 0
  }

  .history-detail {
      padding: 0 20px
  }

  .history-detail__message {
      margin-bottom: 40px
  }

  .history-detail__section-wrap {
      background: #f6f6f6;
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin: 0 -20px 40px;
      overflow: hidden
  }

  .history-detail__section {
      background: #fff;
      box-shadow: 0 2px 8px rgba(0,0,0,.04);
      padding: 24px 20px
  }

  .history-detail__section:first-child {
      padding-top: 0
  }

  .history-detail__section:last-child {
      box-shadow: none;
      padding-bottom: 0
  }

  .history-detail__title {
      align-items: center;
      display: flex;
      font-size: 20px;
      font-weight: 700;
      gap: 8px;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .history-detail__text {
      margin: 0
  }

  .history-detail__tag {
      margin-bottom: 4px
  }

  .history-detail__note {
      margin-bottom: 8px
  }

  .history-detail__button-box {
      display: flex;
      justify-content: center;
      margin-top: 24px
  }

  .history-table {
      border-spacing: 0;
      border-top: 1px solid #dedede;
      margin-bottom: 16px;
      width: 100%
  }

  .history-table:last-child {
      margin-bottom: 0
  }

  .history-table tr {
      border-bottom: 1px solid #dedede;
      display: flex
  }

  .history-table tr:last-child {
      border-bottom: 0
  }

  .history-table__title {
      font-size: 14px;
      font-weight: 700;
      padding: 17px 4px 15px 0;
      text-align: left;
      width: 110px
  }

  .history-table tr:last-child .history-table__title {
      padding-bottom: 0
  }

  .history-table__data {
      flex: 1;
      padding: 15px 0
  }

  .history-table tr:last-child .history-table__data {
      padding-bottom: 0
  }

  .history-detail-cancel {
      align-items: center;
      display: flex;
      flex-direction: column;
      gap: 8px;
      margin-bottom: 40px
  }

  .history-detail-cancel__list {
      display: flex;
      margin: 0
  }

  .history-detail-cancel__list-title:after {
      content: "："
  }

  .history-detail-cancel__list-data {
      margin: 0
  }

  .news,.news-user-list__heading01,.news-user-list__inner {
      padding: 0 20px
  }

  .news-button-box {
      display: flex;
      justify-content: center;
      margin-top: 20px
  }

  .news-list {
      border-top: 1px solid #dedede;
      list-style-type: none;
      margin: 0 0 16px;
      padding: 0
  }

  .news-list__item {
      border-bottom: 1px solid #dedede;
      position: relative;
      transition: all .3s
  }

  .is-editing .news-list__item {
      padding-left: 35px
  }

  .news-list__item:last-child {
      margin-bottom: 0
  }

  .news-list__link {
      color: #191919;
      display: block;
      padding: 16px 26px 16px 0;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .news-list__link:before {
      background: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat 50%/contain;
      content: "";
      height: 18px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 18px
  }

  .is-editing .news-list__link {
      padding-right: 0;
      pointer-events: none
  }

  .is-editing .news-list__link:before {
      opacity: 0
  }

  .news-list__head {
      align-items: center;
      display: flex;
      gap: 8px;
      margin-bottom: 4px
  }

  .news-list__title {
      font-size: 16px;
      font-weight: 400;
      margin: 0 0 4px
  }

  .news-list__title span {
      margin: 3px 8px 0 0;
      vertical-align: top
  }

  .news-list__date {
      display: block;
      font-size: 12px;
      line-height: 1.5
  }

  .news-list__from {
      color: #191919;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
  }

  .news-list__badge {
      background: #ed2769;
      border-radius: 50%;
      font-size: 0;
      height: 8px;
      left: 0;
      position: absolute;
      top: 8px;
      width: 8px
  }

  .news-list__subject {
      color: #191919;
      display: -webkit-box;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      margin: 0 0 4px;
      overflow: hidden;
      position: relative;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical
  }

  .news-list__subject:has(.news-list__badge) {
      font-weight: 700;
      padding-left: 16px
  }

  .news-list__label {
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      transition: all .3s;
      width: 100%
  }

  .is-editing .news-list__label {
      opacity: 1
  }

  .news-list__label:before {
      background: #fff;
      border: 1px solid #08b5ae;
      border-radius: 4px;
      box-sizing: border-box;
      width: 20px
  }

  .news-list__label:after,.news-list__label:before {
      content: "";
      height: 20px;
      left: 0;
      position: absolute;
      top: 19px
  }

  .news-list__label:after {
      background: url(/packs/user/media/images/icon/main/ico_check-ee57dd92bf6ff05a3f03.svg) no-repeat 0 0/auto 100%;
      transition: all .3s;
      width: 0
  }

  .news-list__label:has(:checked):after {
      width: 20px
  }

  .news-list__checkbox {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-sizing: border-box;
      cursor: pointer;
      display: none;
      height: 100%;
      left: 0;
      margin: 0;
      position: absolute;
      top: 0;
      width: 100%
  }

  .is-editing .news-list__checkbox {
      display: block
  }

  .news-detail__head {
      margin-bottom: 24px
  }

  .news-detail__status {
      align-items: center;
      display: flex;
      gap: 8px;
      margin-bottom: 8px
  }

  .news-detail__from {
      line-height: 1.5
  }

  .news-detail__date,.news-detail__from {
      font-size: 16px;
      font-weight: 700
  }

  .news-detail__date-time {
      color: #535353;
      display: block;
      font-size: 14px;
      font-weight: 400;
      text-align: right
  }

  .news-detail__heading {
      font-size: 22px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .news-detail__heading:last-child {
      margin-bottom: 0
  }

  .news-detail__heading span {
      margin: -4px 8px 0 0;
      vertical-align: middle
  }

  .news-detail__section {
      margin-bottom: 24px
  }

  .news-detail__section:last-child {
      margin-bottom: 0
  }

  .news-detail__text {
      border-bottom: 1px solid #dedede;
      border-top: 1px solid #dedede;
      margin-bottom: 24px;
      padding: 24px 0
  }

  .news-detail__text:last-child {
      margin-bottom: 0
  }

  .news-detail__text a {
      color: #17349c
  }

  .news-detail__link {
      color: #06e;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .news-detail__file-upload {
      background: #f6f6f6;
      padding: 16px
  }

  .news-detail__title {
      color: #535353;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .news-detail__file-block {
      display: flex;
      gap: 16px
  }

  .news-detail__file-box {
      align-items: flex-end;
      display: flex;
      flex: 1;
      flex-direction: column;
      gap: 8px
  }

  .news-detail__file-image {
      flex-shrink: 0;
      height: 100px;
      width: 100px
  }

  .news-detail__file-image img {
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      width: 100%
  }

  .news-detail__file-text {
      flex: 1;
      width: 100%;
      word-break: break-all
  }

  .news-action {
      background: #fff;
      margin-bottom: 8px;
      transition: all .3s;
      z-index: 1
  }

  .is-editing .news-action {
      box-shadow: 0 3px 3px rgba(0,0,0,.05);
      left: 0;
      margin-bottom: 0;
      position: sticky;
      top: 0
  }

  .news-action__inner {
      align-items: center;
      display: flex;
      justify-content: space-between;
      padding: 0 20px;
      transition: all .3s
  }

  .is-editing .news-action__inner {
      padding: 8px 20px
  }

  .news-action__block {
      display: none;
      position: relative
  }

  .is-editing .news-action__block {
      display: flex;
      gap: 8px
  }

  .news-action__block:before {
      background: #dedede;
      content: "";
      height: 100%;
      left: 50%;
      position: absolute;
      top: 0;
      transform: translateX(-50%);
      width: 1px
  }

  .news-action__control {
      background: transparent;
      border: 0;
      color: #191919;
      line-height: 1.5;
      margin-left: auto;
      padding: 0;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .news-action__control:focus {
      outline: 0
  }

  .news-action__control:focus-visible {
      border-radius: 4px;
      outline: 6px solid #17349c
  }

  .news-action__edit {
      align-items: center;
      background: #fff;
      border: 1px solid #535353;
      border-radius: 2px;
      box-sizing: border-box;
      display: flex;
      font-size: 14px;
      font-weight: 700;
      gap: 4px;
      min-height: 39px;
      padding: 7px 15px
  }

  .is-editing .news-action__edit {
      display: none
  }

  .news-action__edit:before {
      background: url(/packs/user/media/images/icon/black/ico_checkbox-6a756f2f83c0472ca96b.svg) no-repeat 50%/contain;
      content: "";
      display: block;
      height: 18px;
      margin-top: -2px;
      width: 18px
  }

  .news-action__cancel {
      align-items: center;
      display: none;
      gap: 4px
  }

  .is-editing .news-action__cancel {
      display: flex
  }

  .news-action__cancel:before {
      background: url(/packs/user/media/images/icon/black/ico_close-e21d93a6b3b997a2cd6a.svg) no-repeat 50%/contain;
      content: "";
      display: block;
      height: 16px;
      margin-top: 2px;
      width: 16px
  }

  .news-action__button {
      align-items: center;
      background: transparent;
      border: 0;
      color: #191919;
      display: flex;
      flex-direction: column;
      font-size: 12px;
      line-height: 1.5;
      padding: 0;
      transition: all .3s;
      width: 84px
  }

  .news-action__button:focus {
      outline: 0
  }

  .news-action__button:focus-visible {
      border-radius: 4px;
      outline: 6px solid #17349c
  }

  .news-action__button:before {
      background: url(/packs/user/media/images/icon/black/ico_mail_close-243b7453683fcf1d7f70.svg) no-repeat 50%/contain;
      content: "";
      display: block;
      height: 28px;
      width: 28px
  }

  .news-action__button--unread:before {
      background-image: url(/packs/user/media/images/icon/black/ico_mail_open-1cb2c21bec1f4b30f53d.svg)
  }

  .favorite {
      padding: 0 20px
  }

  .favorite__box {
      padding: 0
  }

  .favorite__button-box {
      display: flex;
      justify-content: center;
      margin-top: 40px
  }

  .favorite-list {
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .favorite-list__item {
      background: #fff;
      border-radius: 4px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      display: flex;
      flex-direction: column;
      gap: 8px;
      margin-bottom: 16px;
      padding: 16px;
      position: relative
  }

  .favorite-list__item:last-child {
      margin-bottom: 0
  }

  .favorite-list__link {
      display: flex;
      gap: 16px;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .favorite-list__image-box {
      flex-shrink: 0
  }

  .favorite-list__tag {
      left: 0;
      position: absolute;
      top: 0
  }

  .favorite-list__image {
      height: 100px;
      width: 100px
  }

  .favorite-list__image img {
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      width: 100%
  }

  .favorite-list__title {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px;
      -webkit-text-decoration: none;
      text-decoration: none;
      -webkit-line-clamp: 2;
      line-clamp: 2
  }

  .favorite-list__text,.favorite-list__title {
      color: #191919;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      word-wrap: anywhere
  }

  .favorite-list__text {
      font-size: 14px;
      line-height: 1.35;
      margin: 0 0 4px;
      padding-left: 22px;
      position: relative;
      -webkit-line-clamp: 1;
      line-clamp: 1
  }

  .favorite-list__text--date {
      display: block
  }

  .favorite-list__text:last-child {
      margin-bottom: 0
  }

  .favorite-list__text span {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      font-size: 0;
      height: 18px;
      left: 0;
      position: absolute;
      top: 0;
      width: 18px
  }

  .favorite-list__date {
      background-image: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg)
  }

  .favorite-list__time {
      background-image: url(/packs/user/media/images/icon/black/ico_schedule-41d8791858c1797dee05.svg)
  }

  .favorite-list__place {
      background-image: url(/packs/user/media/images/icon/black/ico_location-5a7315bbd4c53b771190.svg)
  }

  .favorite-list__button {
      align-items: center;
      background: transparent;
      border: 0;
      color: #191919;
      display: inline-flex;
      font-size: 14px;
      gap: 4px;
      line-height: 1.65;
      margin-left: auto;
      padding: 0;
      width: -moz-fit-content;
      width: fit-content
  }

  .favorite-list__button:before {
      background: url(/packs/user/media/images/icon/black/ico_delete-dbfddf8b898a339d7de1.svg) no-repeat 50%/contain;
      content: "";
      display: block;
      height: 16px;
      margin-top: -2px;
      width: 16px
  }

  .account {
      padding: 0 20px
  }

  .account__heading-box {
      align-items: center;
      display: flex;
      justify-content: space-between;
      margin-bottom: 16px
  }

  .account__heading {
      align-items: center;
      display: flex;
      font-size: 20px;
      font-weight: 700;
      gap: 16px;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .account__heading-box .account__heading {
      margin: 0
  }

  .account__section-wrap {
      background: #f6f6f6;
      margin: 0 -20px;
      overflow: hidden;
      padding: 0 20px 16px
  }

  .account__section {
      background: #fff;
      box-shadow: 0 2px 8px rgba(0,0,0,.04);
      margin: 0 -20px 16px;
      padding: 24px 20px
  }

  .account__section:first-child {
      padding-top: 0
  }

  .account__head {
      margin-bottom: 24px
  }

  .account__text {
      margin: 0 0 8px
  }

  .account__text strong {
      font-weight: 700
  }

  .account__text:last-child {
      margin-bottom: 0
  }

  .account__text-large {
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .account__text-large:last-child {
      margin-bottom: 0
  }

  .account__text-em {
      color: #ed2769
  }

  .account__link-box {
      display: block;
      text-align: right
  }

  .account__list {
      margin-bottom: 40px
  }

  .account-link {
      background: transparent;
      border: 0;
      color: #191919;
      display: block;
      margin-left: auto;
      padding: 0 20px 0 0;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      width: -moz-fit-content;
      width: fit-content;
      word-break: break-all
  }

  .account-link:before {
      background: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat 50%/100% 100%;
      content: "";
      height: 16px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 16px
  }

  .account-table {
      border-bottom: 1px solid #dedede;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .account-table--border-zero {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .account-table--border {
      border-top: 1px solid #dedede;
      padding-top: 16px
  }

  .account-table:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .account-table__section {
      align-items: center;
      border-bottom: 1px solid #dedede;
      display: flex;
      gap: 16px;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .account-table__section:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .account-table__block {
      flex: 1
  }

  .account-table__title {
      color: #6e6e6e;
      font-size: 12px;
      font-weight: 700;
      margin: 0 0 4px
  }

  .account-table__data {
      margin: 0;
      word-break: break-all
  }

  .account-table__tag {
      margin-bottom: 4px
  }

  .account-card {
      margin-bottom: 24px
  }

  .account-card__box {
      background: #f6f6f6;
      padding: 24px
  }

  .account-card__text {
      margin: 0 0 16px;
      text-align: center
  }

  .account-card__title {
      font-size: 16px;
      font-weight: 700;
      margin: 0 0 8px;
      text-align: center
  }

  .account-card__register {
      display: flex;
      justify-content: center;
      margin-bottom: 24px
  }

  .account-card__button-box {
      display: flex;
      justify-content: center;
      margin-top: 16px
  }

  .account-card-list {
      display: flex;
      gap: 5px;
      justify-content: center;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .account-card-list__item {
      background: #fff;
      border: 1px solid #dedede;
      border-radius: 6px;
      box-sizing: border-box;
      height: 40px;
      overflow: hidden;
      padding: 7px;
      width: 65px
  }

  .account-card-list__item img {
      display: block;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      width: 100%
  }

  .account-card-note {
      align-items: center;
      background: #fff2eb;
      border-radius: 2px;
      display: flex;
      flex-direction: column;
      padding: 16px
  }

  .account-card-note__text {
      color: #cc4100;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .account-card-delete {
      display: flex;
      justify-content: center;
      margin-top: 24px
  }

  .account-card-delete__link {
      align-items: center;
      color: #191919;
      display: flex;
      gap: 4px;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .account-card-delete__link:before {
      background: url(/packs/user/media/images/icon/black/ico_delete-dbfddf8b898a339d7de1.svg) no-repeat 50%/contain;
      content: "";
      display: block;
      height: 16px;
      margin-top: -2px;
      width: 16px
  }

  .account-code {
      background: #f6f6f6;
      padding: 24px
  }

  .account-code__text {
      align-items: center;
      display: flex;
      gap: 8px;
      justify-content: center;
      margin: 0 0 16px
  }

  .account-code__text span {
      font-size: 22px;
      font-weight: 700;
      line-height: 1.5
  }

  .account-code__button {
      border-bottom: 1px dashed #afafaf;
      display: flex;
      justify-content: center;
      margin-bottom: 24px;
      padding-bottom: 24px
  }

  .account-code__note {
      margin-bottom: 16px
  }

  .account-switch-list {
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .account-switch-list__item {
      align-items: flex-start;
      border-bottom: 1px solid #dedede;
      display: flex;
      gap: 16px;
      padding: 16px 0
  }

  .account-switch-list__item:first-child {
      border-top: 1px solid #dedede
  }

  .account-switch-list__text {
      flex: 1;
      margin: 0
  }

  .account-switch-list label {
      padding-top: 1px
  }

  .login-history {
      padding: 0 20px
  }

  .login-history-table-wrap {
      margin-right: -20px;
      overflow-x: auto;
      padding-right: 20px
  }

  .login-history-table {
      border-collapse: collapse;
      width: 100%
  }

  .login-history-table__title {
      background: #08b5ae;
      box-sizing: border-box;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.5;
      padding: 12px 10px;
      text-align: left;
      white-space: nowrap
  }

  .login-history-table__title:first-child {
      padding-left: 16px
  }

  .login-history-table__title:last-child {
      padding-right: 16px
  }

  .login-history-table__data {
      font-size: 14px;
      line-height: 1.5;
      padding: 12px 10px
  }

  .login-history-table__data:first-child {
      padding-left: 16px
  }

  .login-history-table__data:last-child {
      padding-right: 16px
  }

  .login-history-table tr:nth-child(odd) .login-history-table__data {
      background: #fff
  }

  .login-history-table tr:nth-child(2n) .login-history-table__data {
      background: #edfaf8
  }

  .u-mw100 {
      min-width: 100px
  }

  .u-mw120 {
      min-width: 120px
  }

  .u-mw220 {
      min-width: 220px
  }

  .u-mw240 {
      min-width: 240px
  }

  .u-mw300 {
      min-width: 300px
  }

  .term-content {
      margin-top: 24px
  }

  .term-content__lead {
      margin: 0 0 16px
  }

  .term-content__section {
      margin-top: 16px
  }

  .term-content__section:first-child {
      margin-top: 0
  }

  .term-content__block {
      margin-top: 16px
  }

  .term-content__block:first-child {
      margin-top: 0
  }

  .term-content__block--close {
      margin-top: 8px
  }

  .term-content__heading {
      font-size: 18px;
      font-weight: 700;
      margin: 0
  }

  .term-content__heading02 {
      font-size: 16px;
      font-weight: 700;
      margin: 0
  }

  .term-content__desc {
      margin: 8px 0 0
  }

  .term-content__desc:first-child {
      margin-top: 0
  }

  .term-indent {
      margin-left: 3em
  }

  .term-content-list {
      list-style-type: none;
      margin: 8px 0 0;
      padding: 0
  }

  .term-content-list__item {
      margin-left: 3em;
      margin-top: 8px;
      position: relative;
      text-indent: -32px
  }

  .term-content-list__item.two-digit {
      text-indent: -48px
  }

  .term-content-list__item:first-child {
      margin-top: 0
  }

  .term-content-list__item .term-content-bracket-list__item {
      margin-left: 1em
  }

  .term-content-bracket-list {
      list-style-type: none;
      margin: 8px 0 0;
      padding: 0
  }

  .term-content-bracket-list__item {
      margin-left: 3em;
      margin-top: 8px;
      position: relative;
      text-indent: -42px
  }

  .term-content-bracket-list__item.two-digit {
      text-indent: -52px
  }

  .term-content-bracket-list__item:first-child {
      margin-top: 0
  }

  .term-content-circle-list {
      list-style-type: none;
      margin: 8px 0 0;
      padding: 0
  }

  .term-content-circle-list__item {
      margin-left: 1em;
      margin-top: 8px;
      position: relative;
      text-indent: -1em
  }

  .term-content-circle-list__item:first-child {
      margin-top: 0
  }

  .term-content-dot-list {
      list-style-type: none;
      margin: 8px 0 0;
      padding: 0
  }

  .term-content-dot-list__item {
      margin-left: 1em;
      margin-top: 8px;
      position: relative;
      text-indent: -1em
  }

  .term-content-dot-list__item:first-child {
      margin-top: 0
  }

  .term-content-dot-list__item a {
      text-indent: 0
  }

  .term-content-katakana-list {
      list-style-type: none;
      margin: 8px 0 0;
      padding: 0
  }

  .term-content-katakana-list__item {
      margin-left: 1em;
      margin-top: 8px;
      position: relative;
      text-indent: -1em
  }

  .term-content-katakana-list__item:first-child {
      margin-top: 0
  }
}

@media (min-width: 768px) {
  html {
      background:#fff
  }

  html.is-fixed {
      height: 100%;
      overflow-y: scroll
  }

  body {
      box-sizing: border-box;
      color: #191919;
      font-family: Hiragino Kaku Gothic Pro,meiryo,sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.7;
      word-wrap: break-word;
      image-rendering: auto
  }

  .is-fixed body {
      position: fixed;
      width: 100%
  }

  :focus-visible {
      border-radius: 4px;
      outline: 4px solid #17349c
  }

  img {
      image-rendering: auto;
      max-height: 100%;
      max-width: 100%;
      vertical-align: middle
  }

  .event-detail-map img {
      max-height: -moz-fit-content;
      max-height: fit-content
  }

  a,button {
      transition: all .3s
  }

  button:hover {
      cursor: pointer
  }

  ::-moz-placeholder {
      color: #afafaf
  }

  ::placeholder {
      color: #afafaf
  }

  .only-sp {
      display: none!important
  }

  .only-sr {
      border: 0;
      height: 1px;
      overflow: hidden;
      padding: 0;
      pointer-events: none;
      position: absolute;
      width: 1px
  }

  .wrapper {
      display: flex;
      flex-direction: column;
      min-height: 100vh
  }

  .main {
      flex: 1
  }

  #wovn-translate-widget {
      bottom: 108px!important
  }

  .grecaptcha-badge {
      visibility: hidden
  }

  .header {
      background: #fff;
      box-shadow: 0 2px 4px rgba(0,0,0,.04);
      padding: 0 40px
  }

  .header__inner {
      align-items: center;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between;
      margin: 0 auto;
      max-width: 1100px;
      min-height: 70px;
      padding: 16px 0
  }

  .header__logo {
      display: block;
      width: 145px
  }

  .header__logo img {
      height: auto;
      width: 100%
  }

  .header__name {
      align-items: center;
      display: inline-flex;
      font-size: 14px;
      gap: 4px;
      margin: 0 0 0 auto
  }

  .header__name:before {
      background: url(/packs/user/media/images/icon/black/ico_person-f1bde100142c62c98660.svg) no-repeat 50%/contain;
      content: "";
      display: block;
      flex-shrink: 0;
      height: 22px;
      margin-top: -2px;
      width: 22px
  }

  .header__name span {
      font-weight: 700
  }

  .header-nav__button {
      display: none
  }

  .header-nav__list {
      display: flex;
      gap: 8px;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .header-nav__item {
      position: relative;
      width: 50px
  }

  .header-nav__link {
      background: transparent;
      border: 0;
      color: #191919;
      display: block;
      font-size: 12px;
      line-height: 1;
      padding: 26px 0 0;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s;
      width: 100%
  }

  .header-nav__link:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .header-nav__link:hover:before {
      background: #08b5ae
  }

  .header-nav__link:before {
      background: #191919;
      content: "";
      height: 24px;
      left: 50%;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
      position: absolute;
      top: 0;
      transform: translateX(-50%);
      transition: all .3s;
      width: 24px
  }

  .header-nav__link--search:before {
      -webkit-mask-image: url(../images/ico_search.svg);
      mask-image: url(../images/ico_search.svg)
  }

  .header-nav__link--login:before {
      -webkit-mask-image: url(/packs/user/media/images/icon/black/ico_login-452af4f5b3959aaeafc5.svg);
      mask-image: url(/packs/user/media/images/icon/black/ico_login-452af4f5b3959aaeafc5.svg)
  }

  .header-nav__link--menu:before {
      -webkit-mask-image: url(../images/ico_menu.svg);
      mask-image: url(../images/ico_menu.svg)
  }

  .header-nav__link.is-open:before {
      -webkit-mask-image: url(/packs/user/media/images/icon/black/ico_close-e21d93a6b3b997a2cd6a.svg);
      mask-image: url(/packs/user/media/images/icon/black/ico_close-e21d93a6b3b997a2cd6a.svg)
  }

  .header-nav__open span {
      background: #ed2769;
      border: 1px solid #fff;
      border-radius: 50%;
      box-sizing: border-box;
      font-size: 0;
      height: 12px;
      position: absolute;
      right: 6px;
      top: 0;
      width: 12px
  }

  .header-nav__close,.is-open>.header-nav__open {
      display: none
  }

  .is-open>.header-nav__close {
      display: block
  }

  .header-overlay {
      background: rgba(0,0,0,.4);
      bottom: 0;
      display: none;
      height: calc(100% - 70px);
      left: 0;
      position: fixed;
      width: 100%;
      z-index: 5
  }

  .header-menu {
      background: #fff;
      border-radius: 4px;
      box-shadow: 0 0 20px rgba(0,0,0,.1);
      display: none;
      max-height: calc(100vh - 100px);
      min-width: 324px;
      overflow-y: auto;
      position: absolute;
      right: 0;
      top: 100%;
      transform: translateY(16px);
      z-index: 6
  }

  .header-menu__close {
      display: none
  }

  .header-search {
      width: 590px
  }

  .header-search__head {
      padding: 24px
  }

  .header-search-list {
      list-style-type: none;
      margin: 0;
      padding: 0 24px
  }

  .header-search-list__item {
      border-top: 1px solid #dedede;
      padding: 24px 0
  }

  .header-search-list__toggle {
      background: #fff;
      border: 0;
      color: #191919;
      display: block;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      padding: 0;
      position: relative;
      text-align: left;
      transition: all .3s;
      width: 100%
  }

  .header-search-list__toggle:before {
      height: 2px;
      right: 2px;
      width: 18px
  }

  .header-search-list__toggle:after,.header-search-list__toggle:before {
      background: #191919;
      border-radius: 2px;
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s
  }

  .header-search-list__toggle:after {
      height: 18px;
      right: 9px;
      width: 2px
  }

  .header-search-list__item.is-open .header-search-list__toggle:after {
      transform: translateY(-50%) rotate(-90deg)
  }

  .header-search-list__toggle:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .header-search-list__toggle:hover:after,.header-search-list__toggle:hover:before {
      background: #08b5ae
  }

  .header-search-list__panel {
      display: none;
      padding-top: 12px
  }

  .header-search-child-list {
      display: grid;
      flex-wrap: wrap;
      grid-template-columns: 1fr 1fr;
      list-style-type: none;
      padding: 0;
      grid-gap: 24px 30px;
      gap: 24px 30px
  }

  .header-search-child-list__link {
      color: #191919;
      display: block;
      padding-right: 26px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s;
      white-space: nowrap
  }

  .header-search-child-list__link:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .header-search-child-list__link:after {
      background: url(/packs/user/media/images/icon/main/ico_arrow_right-ac7c3e7b99831958d8af.svg) no-repeat 50%/contain;
      content: "";
      height: 16px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 16px
  }

  .header-account {
      padding-bottom: 24px
  }

  .header-account__inner {
      border-bottom: 1px solid #dedede;
      margin-bottom: 16px;
      padding: 16px 24px
  }

  .header-account__name {
      border-bottom: 1px solid #dedede;
      margin: 0 0 16px;
      padding: 0 0 16px 28px;
      position: relative
  }

  .header-account__name:before {
      background: url(/packs/user/media/images/icon/main/ico_person-98a9df847277ecf5ac90.svg) no-repeat 50%/contain;
      content: "";
      height: 20px;
      left: 0;
      position: absolute;
      top: 2px;
      width: 20px
  }

  .header-account__name span {
      font-weight: 700;
      margin-right: 4px
  }

  .header-account-list {
      border-bottom: 1px solid #dedede;
      display: flex;
      flex-direction: column;
      gap: 12px;
      list-style-type: none;
      margin: 0 -24px 16px;
      padding: 0 24px 16px
  }

  .header-account-list:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .header-account-list__link {
      align-items: center;
      color: #191919;
      display: inline-flex;
      gap: 4px;
      padding-left: 28px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .header-account-list__link:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .header-account-list__link:before {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      content: "";
      height: 20px;
      left: 0;
      position: absolute;
      top: 2px;
      width: 20px
  }

  .header-account-list__link--top:before {
      background-image: url(/packs/user/media/images/icon/main/ico_home-b483a6dac7a62aa2693a.svg)
  }

  .header-account-list__link--ticket:before {
      background-image: url(/packs/user/media/images/icon/main/ico_qr-0f210bbe7c2dd6d9d97f.svg)
  }

  .header-account-list__link--history:before {
      background-image: url(/packs/user/media/images/icon/main/ico_history-012971222faf529f06c8.svg)
  }

  .header-account-list__link--favorite:before {
      background-image: url(/packs/user/media/images/icon/main/ico_favorite-703be270759105ec7421.svg)
  }

  .header-account-list__link--news:before {
      background-image: url(/packs/user/media/images/icon/main/ico_notifications-0e7bdb8f2c0833afde6b.svg)
  }

  .header-account-list__link--inquiry:before {
      background-image: url(/packs/user/media/images/icon/main/ico_chat-12b79157fcd4fa4f000d.svg)
  }

  .header-account-list__link--setting:before {
      background-image: url(/packs/user/media/images/icon/main/ico_setting-354be6d71b0b967604a8.svg)
  }

  .header-account-list__link--mail:before {
      background-image: url(/packs/user/media/images/icon/main/ico_mail_close-8efae057f074d16d9761.svg)
  }

  .header-account-list__link--login-history:before {
      background-image: url(/packs/user/media/images/icon/main/ico_lock-5837c242cabd5b617eca.svg)
  }

  .header-account-list__number {
      background: #ed2769;
      border-radius: 100px;
      color: #fff;
      font-size: 10px;
      font-weight: 700;
      line-height: 1.35;
      padding: 4px 8px 3px
  }

  .header-account-logout {
      padding: 0 24px
  }

  .header-account-logout__link {
      background: transparent;
      border: 0;
      color: #191919;
      display: inline-block;
      line-height: 1.7;
      padding: 0 0 0 28px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .header-account-logout__link:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .header-account-logout__link:before {
      background: url(/packs/user/media/images/icon/main/ico_logout-06e5ac5d37eeae05f510.svg) no-repeat 50%/100% 100%;
      content: "";
      height: 20px;
      left: 0;
      position: absolute;
      top: 2px;
      width: 20px
  }

  .header-top {
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      overflow: hidden;
      padding: 14px 0 16px;
      position: relative;
      z-index: 0
  }

  .header-top:before {
      background: #fff;
      border-radius: 50%;
      bottom: 0;
      content: "";
      height: 373px;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      width: 486px;
      z-index: -1
  }

  .header-top__heading {
      align-items: center;
      color: #191919;
      display: inline-flex;
      flex-direction: column;
      font-size: 16px;
      font-weight: 400;
      gap: 6px;
      margin: 0;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .header-top__heading img {
      display: block;
      height: auto;
      width: 160px
  }

  .button-paramount {
      align-items: center;
      background: #ed2769;
      border: 1px solid transparent;
      border-radius: 2px;
      box-sizing: border-box;
      color: #fff;
      display: inline-flex;
      font-size: 16px;
      font-weight: 700;
      gap: 8px;
      justify-content: center;
      line-height: 1.5;
      min-height: 60px;
      min-width: 300px;
      padding: 17px 36px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .button-paramount--small {
      min-width: auto;
      padding: 17px 20px;
      width: 150px
  }

  .button-paramount--full {
      min-width: auto;
      width: 100%
  }

  .button-paramount[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-paramount:hover {
      background: #c80253
  }

  .button-primary {
      align-items: center;
      background: #08b5ae;
      border: 1px solid transparent;
      border-radius: 2px;
      box-sizing: border-box;
      color: #fff;
      display: inline-flex;
      font-size: 16px;
      font-weight: 700;
      gap: 8px;
      justify-content: center;
      line-height: 1.5;
      min-height: 60px;
      min-width: 300px;
      padding: 17px 36px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .button-primary--small {
      min-width: auto;
      padding: 17px 20px;
      width: 150px
  }

  .button-primary--full {
      min-width: auto;
      width: 100%
  }

  .button-primary[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-primary:hover {
      background: #0f7f7b
  }

  .button-secondary {
      align-items: center;
      background: #fff;
      border: 1px solid #08b5ae;
      border-radius: 2px;
      box-sizing: border-box;
      color: #08b5ae;
      display: inline-flex;
      font-size: 16px;
      font-weight: 700;
      gap: 8px;
      justify-content: center;
      line-height: 1.5;
      min-height: 60px;
      min-width: 300px;
      padding: 17px 36px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .button-secondary--small {
      min-width: auto;
      padding: 17px 20px;
      width: 150px
  }

  .button-secondary--full {
      min-width: auto;
      width: 100%
  }

  .button-secondary[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-secondary:hover {
      background: #def2ef;
      border-color: #08b5ae
  }

  .button-tertiary {
      align-items: center;
      background: #def2ef;
      border: 1px solid transparent;
      border-radius: 2px;
      box-sizing: border-box;
      color: #08b5ae;
      display: inline-flex;
      font-size: 16px;
      font-weight: 700;
      gap: 8px;
      justify-content: center;
      line-height: 1.5;
      min-height: 60px;
      min-width: 300px;
      padding: 17px 36px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .button-tertiary--small {
      min-width: auto;
      padding: 17px 20px;
      width: 150px
  }

  .button-tertiary--full {
      min-width: auto;
      width: 100%
  }

  .button-tertiary[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-tertiary:hover {
      background: #bae8e2
  }

  .button-quaternary {
      align-items: center;
      background: #f6f6f6;
      border: 1px solid #dedede;
      border-radius: 2px;
      box-sizing: border-box;
      color: #191919;
      display: inline-flex;
      font-size: 16px;
      font-weight: 700;
      gap: 8px;
      justify-content: center;
      line-height: 1.5;
      min-height: 60px;
      min-width: 300px;
      padding: 17px 36px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .button-quaternary--small {
      min-width: auto;
      padding: 17px 20px;
      width: 150px
  }

  .button-quaternary--full {
      min-width: auto;
      width: 100%
  }

  .button-quaternary[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-quaternary:hover {
      background: #dedede
  }

  .button-owner-primary {
      align-items: center;
      background: #17349c;
      border: 1px solid transparent;
      border-radius: 2px;
      box-sizing: border-box;
      color: #fff;
      display: inline-flex;
      font-size: 16px;
      font-weight: 700;
      gap: 8px;
      justify-content: center;
      line-height: 1.5;
      min-height: 60px;
      min-width: 300px;
      min-width: 350px;
      padding: 17px 36px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .button-owner-primary--small {
      min-width: auto;
      padding: 17px 20px;
      width: 150px
  }

  .button-owner-primary--full {
      min-width: auto;
      width: 100%
  }

  .button-owner-primary[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-owner-primary:hover {
      background: #00215c
  }

  .button-owner-secondary {
      align-items: center;
      background: #fff;
      border: 1px solid #17349c;
      border-radius: 2px;
      box-sizing: border-box;
      color: #17349c;
      display: inline-flex;
      font-size: 16px;
      font-weight: 700;
      gap: 8px;
      justify-content: center;
      line-height: 1.5;
      min-height: 60px;
      min-width: 300px;
      min-width: 350px;
      padding: 17px 36px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .button-owner-secondary--small {
      min-width: auto;
      padding: 17px 20px;
      width: 150px
  }

  .button-owner-secondary--full {
      min-width: auto;
      width: 100%
  }

  .button-owner-secondary[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-owner-secondary:hover {
      background: #f5f9ff
  }

  .button-function-primary {
      align-items: center;
      background: #191919;
      border: 1px solid #191919;
      border-radius: 2px;
      box-sizing: border-box;
      color: #fff;
      display: inline-flex;
      font-size: 14px;
      font-weight: 700;
      gap: 4px;
      justify-content: center;
      line-height: 1.5;
      min-height: 35px;
      padding: 6px 15px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .button-function-primary--large {
      font-size: 16px;
      min-width: 200px;
      padding: 12px 15px
  }

  .button-function-primary[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-function-primary:hover {
      background: #535353
  }

  .button-function-secondary {
      align-items: center;
      background: #fff;
      border: 1px solid #535353;
      border-radius: 2px;
      box-sizing: border-box;
      color: #191919;
      display: inline-flex;
      font-size: 14px;
      font-weight: 700;
      gap: 4px;
      justify-content: center;
      line-height: 1.5;
      min-height: 35px;
      padding: 6px 15px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .button-function-secondary--large {
      font-size: 16px;
      min-width: 200px;
      padding: 12px 15px
  }

  .button-function-secondary[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-function-secondary:hover {
      background: #dedede;
      border-color: #191919
  }

  .button-function-main-primary {
      align-items: center;
      background: #08b5ae;
      border: 1px solid transparent;
      border-radius: 2px;
      box-sizing: border-box;
      color: #fff;
      display: inline-flex;
      font-size: 14px;
      font-weight: 700;
      gap: 4px;
      justify-content: center;
      line-height: 1.5;
      min-height: 35px;
      padding: 6px 15px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .button-function-main-primary--large {
      font-size: 16px;
      min-width: 200px;
      padding: 12px 15px
  }

  .button-function-main-primary[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-function-main-primary:hover {
      background: #0f7f7b
  }

  .button-function-main-secondary {
      align-items: center;
      background: #fff;
      border: 1px solid #08b5ae;
      border-radius: 2px;
      box-sizing: border-box;
      color: #08b5ae;
      display: inline-flex;
      font-size: 14px;
      font-weight: 700;
      gap: 4px;
      justify-content: center;
      line-height: 1.5;
      min-height: 35px;
      padding: 6px 15px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .button-function-main-secondary--large {
      font-size: 16px;
      min-width: 200px;
      padding: 12px 15px
  }

  .button-function-main-secondary[aria-disabled=true] {
      background: #afafaf;
      color: #dedede;
      pointer-events: none
  }

  .button-function-main-secondary:hover {
      background: #def2ef
  }

  .button-arrow-right:before {
      background: url(/packs/user/media/images/icon/white/ico_arrow_right-8708dd4dd694d0832058.svg) no-repeat 50%/contain;
      content: "";
      height: 16px;
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 16px
  }

  .button-secondary.button-arrow-right:before,.button-tertiary.button-arrow-right:before {
      background-image: url(/packs/user/media/images/icon/main/ico_arrow_right-ac7c3e7b99831958d8af.svg)
  }

  .button-quaternary.button-arrow-right:before {
      background-image: url(/packs/user/media/images/icon/gray/ico_arrow_right02-9f6f710ef09732e63615.svg)
  }

  .button-owner-secondary.button-arrow-right:before {
      background-image: url(/packs/user/media/images/icon/owner/ico_arrow_right-9d87c267c5a692bf047d.svg)
  }

  [aria-disabled=true].button-arrow-right:before {
      opacity: 0
  }

  .button-arrow-right:hover:before {
      right: 11px
  }

  .button-arrow-left:before {
      background: url(/packs/user/media/images/icon/white/ico_arrow_left-41ea62aa418e062ded87.svg) no-repeat 50%/contain;
      content: "";
      height: 16px;
      left: 15px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 16px
  }

  .button-secondary.button-arrow-left:before,.button-tertiary.button-arrow-left:before {
      background-image: url(/packs/user/media/images/icon/main/ico_arrow_left-06484e3bbbdbc606da20.svg)
  }

  .button-quaternary.button-arrow-left:before {
      background-image: url(/packs/user/media/images/icon/gray/ico_arrow_left02-8292fa93d7e7d78230ef.svg)
  }

  .button-owner-secondary.button-arrow-left:before {
      background-image: url(/packs/user/media/images/icon/owner/ico_arrow_left-53b451bb0ecc45f98608.svg)
  }

  [aria-disabled=true].button-arrow-left:before {
      opacity: 0
  }

  .button-arrow-left:hover:before {
      left: 11px
  }

  .button-icon {
      background: transparent;
      border: 0;
      height: 30px;
      min-height: auto;
      min-width: auto;
      padding: 0;
      width: 30px
  }

  .button-sns {
      align-items: center;
      border: 0;
      border-radius: 2px;
      display: inline-flex;
      height: 60px;
      justify-content: center;
      padding: 0;
      transition: all .3s;
      width: 100%
  }

  .button-sns--x {
      background: #000
  }

  .button-sns--x:hover {
      background: #535353
  }

  .button-sns--line {
      background: #06c755
  }

  .button-sns--line:hover {
      background: #00b74b
  }

  .button-sns--fb {
      background: #1877f2
  }

  .button-sns--fb:hover {
      background: #0d6ae4
  }

  .button-sns img {
      width: 40px
  }

  .button-box {
      display: flex;
      flex-direction: row-reverse;
      gap: 24px;
      justify-content: center;
      margin-top: 64px
  }

  [class^=icon-] {
      flex-shrink: 0;
      font-size: 0
  }

  .icon-share {
      background: #191919;
      display: block;
      height: 30px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_share-a708b4ed8d84eb7ac8d1.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_share-a708b4ed8d84eb7ac8d1.svg) no-repeat center center/contain;
      transition: all .3s;
      width: 30px
  }

  .button-icon:hover .icon-share {
      background: #08b5ae
  }

  .button-icon--small .icon-share {
      height: 24px;
      width: 24px
  }

  .icon-blank {
      background: #191919;
      display: inline-block;
      font-size: 0;
      height: 16px;
      margin-left: 4px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_blank-fc85a63ada9d321473b2.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_blank-fc85a63ada9d321473b2.svg) no-repeat center center/contain;
      transition: all .3s;
      vertical-align: text-top;
      width: 16px
  }

  .text-link-inline .icon-blank {
      background: #17349c
  }

  .text-link:hover .icon-blank {
      background: #08b5ae
  }

  .text-link-inline:hover .icon-blank {
      background: #00215c
  }

  .icon-blank--small {
      height: 18px;
      width: 18px
  }

  .button-primary .icon-blank {
      background: #fff;
      height: 20px;
      margin: 0;
      position: static;
      width: 20px
  }

  .button-secondary .icon-blank {
      background: #08b5ae;
      height: 20px;
      margin: 0;
      position: static;
      width: 20px
  }

  .promoter-info-button .icon-blank {
      height: 16px;
      width: 16px
  }

  .text-link--sub .icon-blank {
      background: #6e6e6e
  }

  .icon-alert {
      background: url(/packs/user/media/images/icon/pink/ico_alert-5be78bfea1b3f38d6b8a.svg) no-repeat 50%/contain;
      font-size: 0;
      height: 16px;
      left: 0;
      position: absolute;
      top: 0;
      width: 16px
  }

  .message-box--alert .icon-alert {
      background-image: url(/packs/user/media/images/icon/pink/ico_alert-5be78bfea1b3f38d6b8a.svg);
      height: 20px;
      top: 2px;
      width: 20px
  }

  .my-top-alert__text .icon-alert {
      height: 18px;
      top: 1px;
      width: 18px
  }

  .icon-info {
      background: url(/packs/user/media/images/icon/orange/ico_info-d81906a952db27f44459.svg) no-repeat 50%/contain;
      font-size: 0;
      height: 18px;
      left: 0;
      position: absolute;
      top: 0;
      width: 18px
  }

  .inquiry-intro__title .icon-info,.message-box--important .icon-info {
      background-image: url(/packs/user/media/images/icon/orange/ico_info_line-497bda9bbbfb8a14af40.svg);
      height: 20px;
      top: 3px;
      width: 20px
  }

  .icon-error {
      background: url(/packs/user/media/images/icon/red/ico_error-a2ee2b60593324a73fbc.svg) no-repeat 50%/contain;
      height: 16px;
      top: 1px;
      width: 16px
  }

  .icon-error,.icon-hint {
      font-size: 0;
      left: 0;
      position: absolute
  }

  .icon-hint {
      background: url(/packs/user/media/images/icon/orange/ico_hint-a6aac60dd7aeb6559c1e.svg) no-repeat 50%/contain;
      height: 18px;
      top: 3px;
      width: 18px
  }

  .icon-favorite {
      background: #191919;
      display: block;
      height: 30px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_favorite-6afbd532e7930b9fd5c4.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_favorite-6afbd532e7930b9fd5c4.svg) no-repeat center center/contain;
      transition: all .3s;
      width: 30px
  }

  .button-icon:hover .icon-favorite {
      background: #08b5ae
  }

  .icon-favorite.is-registered {
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_favorite_filled-36d11eec72f9ca6a82cd.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_favorite_filled-36d11eec72f9ca6a82cd.svg) no-repeat center center/contain
  }

  .button-icon:hover .icon-favorite.is-registered {
      background: #08b5ae
  }

  .icon-mail {
      background: url(/packs/user/media/images/icon/white/ico_mail-c2f9dd209d8e6ed495bd.svg) no-repeat 50%/contain;
      height: 20px;
      margin-top: -1px;
      width: 20px
  }

  .button-secondary .icon-mail {
      background-image: url(/packs/user/media/images/icon/main/ico_mail-fe5d6d9049a737b34def.svg)
  }

  .icon-line {
      background: url(/packs/user/media/images/icon/white/ico_line-8387ccb911d627df8780.svg) no-repeat 50%/contain;
      height: 24px;
      width: 24px
  }

  .icon-download {
      background: url(/packs/user/media/images/icon/black/ico_download-13b513898cfc6d5e3a48.svg) no-repeat 50%/contain;
      height: 18px;
      margin-top: -1px;
      width: 18px
  }

  .icon-pc {
      background: url(/packs/user/media/images/icon/white/ico_pc-b965180394b6d4d3be6d.svg) no-repeat 50%/contain;
      height: 20px;
      margin-top: -1px;
      width: 20px
  }

  .button-secondary .icon-pc {
      background-image: url(/packs/user/media/images/icon/main/ico_pc-dd5f0b6430474d93850f.svg)
  }

  .icon-copy {
      background: url(/packs/user/media/images/icon/main/ico_copy-f5d346c36b8fa12fb01a.svg) no-repeat 50%/contain;
      height: 20px;
      width: 20px
  }

  .icon-seat {
      background: url(/packs/user/media/images/icon/white/ico_chair-16b9646ba74cbee07fbd.svg) no-repeat 50%/contain;
      height: 18px;
      margin-top: -2px;
      width: 18px
  }

  .icon-add {
      background: url(/packs/user/media/images/icon/white/ico_add-042c4b2e673e27fbb9d6.svg) no-repeat 50%/contain;
      height: 24px;
      width: 24px
  }

  .icon-edit {
      background: url(/packs/user/media/images/icon/black/ico_edit-8d879f3cd16e14416032.svg) no-repeat 50%/contain;
      height: 16px;
      margin-top: -2px;
      width: 16px
  }

  .button-function-secondary--large .icon-edit {
      height: 24px;
      margin-top: -4px;
      width: 24px
  }

  .icon-search {
      background: url(/packs/user/media/images/icon/white/ico_search-45744bec13d958b6dcfd.svg) no-repeat 50%/contain;
      height: 18px;
      margin-top: -2px;
      width: 18px
  }

  .icon-qr {
      background: url(/packs/user/media/images/icon/white/ico_qr-94ceaf78947de171376c.svg) no-repeat 50%/contain
  }

  .icon-close,.icon-qr {
      height: 24px;
      margin-top: -1px;
      width: 24px
  }

  .icon-close {
      background: url(/packs/user/media/images/icon/white/ico_close-a09c0bf8ebebd2868e8c.svg) no-repeat 50%/contain
  }

  .icon-return {
      background: url(/packs/user/media/images/icon/white/ico_arrow_response-c6ce3d6745755c759b39.svg) no-repeat 50%/contain;
      height: 24px;
      width: 24px
  }

  .icon-movie {
      background: url(/packs/user/media/images/icon/white/ico_movie-4417429e6d2edce1fa9d.svg) no-repeat 50%/contain;
      height: 24px;
      width: 24px
  }

  .icon-print {
      background: url(/packs/user/media/images/icon/black/ico_print-74c2b55c4a34db4978e8.svg) no-repeat 50%/contain;
      height: 16px;
      margin-top: -1px;
      width: 16px
  }

  .icon-text-copy {
      background: url(/packs/user/media/images/icon/black/ico_text_copy-e0afecd528859c7cede6.svg) no-repeat 50%/contain;
      height: 18px;
      margin-top: -1px;
      width: 18px
  }

  .input-text {
      max-width: 460px;
      position: relative
  }

  .input-text__input {
      background: #fff;
      border: 1px solid #afafaf;
      border-radius: 4px;
      box-sizing: border-box;
      font-size: 16px;
      height: 100%;
      line-height: 1.5;
      padding: 12px 15px;
      transition: all .3s;
      width: 100%
  }

  .input-text__input.is-error {
      background: #ffe5e2;
      border-color: #ed0f00
  }

  .input-text__input:hover {
      border-color: #191919
  }

  .input-text__input:disabled {
      background: #f6f6f6;
      border-color: #afafaf
  }

  .input-text__input:focus-visible {
      border-color: #191919;
      border-radius: 4px;
      outline: 0
  }

  .input-textarea {
      max-width: 100%;
      position: relative
  }

  .input-textarea__input {
      background: #fff;
      border: 1px solid #afafaf;
      border-radius: 4px;
      box-sizing: border-box;
      display: block;
      font-size: 16px;
      height: 100%;
      line-height: 1.5;
      max-width: 100%;
      min-height: 250px;
      padding: 12px 15px;
      transition: all .3s;
      width: 100%
  }

  .input-textarea__input.is-error {
      background: #ffe5e2;
      border-color: #ed0f00
  }

  .input-textarea__input:hover {
      border-color: #191919
  }

  .input-textarea__input:disabled {
      background: #f6f6f6;
      border-color: #afafaf
  }

  .input-textarea__input:focus-visible {
      border-color: #191919;
      border-radius: 4px;
      outline: 0
  }

  .input-select {
      max-width: 460px;
      position: relative
  }

  .input-select.is-hide {
      display: none
  }

  .input-select:has(:disabled):after {
      background-image: url(/packs/user/media/images/icon/gray/ico_arrow_down-6b520d62e967c8216b59.svg)
  }

  .input-select:has(.is-error):after {
      background-image: url(/packs/user/media/images/icon/red/ico_arrow_down-798c26150befd643c42a.svg)
  }

  .input-select--medium {
      width: 200px
  }

  .input-select--small {
      width: 95px
  }

  .input-select:after {
      background: url(/packs/user/media/images/icon/black/ico_arrow_down-4e05697d2c683e5cf007.svg) no-repeat 0 0/100% 100%;
      content: "";
      height: 20px;
      pointer-events: none;
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      width: 20px
  }

  .input-select__select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: #fff;
      border: 1px solid #afafaf;
      border-radius: 4px;
      box-sizing: border-box;
      color: #191919;
      cursor: pointer;
      font-size: 16px;
      height: 100%;
      line-height: 1.5;
      overflow: hidden;
      padding: 12px 40px 12px 15px;
      text-overflow: ellipsis;
      transition: all .3s;
      white-space: nowrap;
      width: 100%
  }

  .input-select__select.is-error {
      background: #ffe5e2;
      border-color: #ed0f00
  }

  .input-select__select:hover {
      border-color: #191919
  }

  .input-select__select:disabled {
      background: #f6f6f6;
      border-color: #afafaf;
      color: #afafaf;
      pointer-events: none
  }

  .input-select__select:focus-visible {
      border-color: #191919;
      border-radius: 4px;
      outline: 0
  }

  .input-radio {
      display: inline-block;
      position: relative;
      transition: all .3s
  }

  .input-radio:has(:disabled) {
      pointer-events: none
  }

  .input-radio:before {
      background: #def2ef;
      border-radius: 50%;
      content: "";
      height: 34px;
      left: -8px;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      top: -4px;
      transition: all .3s;
      width: 34px
  }

  .input-radio:hover:before {
      opacity: 1
  }

  .input-radio__input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-sizing: border-box;
      cursor: pointer;
      height: 100%;
      left: 0;
      margin: 0;
      position: absolute;
      top: 0;
      width: 100%
  }

  .input-radio__text {
      color: #191919;
      cursor: pointer;
      display: inline-block;
      font-size: 16px;
      line-height: 1.5;
      padding-left: 26px;
      position: relative
  }

  .input-radio__input:disabled+.input-radio__text {
      color: #afafaf;
      pointer-events: none
  }

  .input-radio__text:before {
      background: #fff;
      border: 1px solid #08b5ae;
      border-radius: 50%;
      box-sizing: border-box;
      content: "";
      height: 18px;
      left: 0;
      position: absolute;
      top: 3px;
      width: 18px
  }

  .input-radio__input.is-error+.input-radio__text:before {
      background: #ffe5e2;
      border-color: #ed0f00
  }

  .input-radio__input:disabled+.input-radio__text:before {
      border-color: #dedede
  }

  .input-radio__text:after {
      background: #08b5ae;
      border-radius: 50%;
      box-sizing: border-box;
      content: "";
      height: 10px;
      left: 4px;
      position: absolute;
      top: 7px;
      transform: scale(0);
      transition: all .3s;
      width: 10px
  }

  .input-radio__input:checked+.input-radio__text:after {
      transform: scale(1)
  }

  .input-radio__input:disabled+.input-radio__text:after {
      background: #dedede
  }

  .input-check {
      display: inline-block;
      position: relative;
      transition: all .3s
  }

  .input-check:has(:disabled) {
      pointer-events: none
  }

  .input-check:before {
      background: #def2ef;
      border-radius: 50%;
      content: "";
      height: 36px;
      left: -8px;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      top: -5px;
      transition: all .3s;
      width: 36px
  }

  .input-check:hover:before {
      opacity: 1
  }

  .input-check--block {
      background: #fff;
      border: 1px solid #08b5ae;
      border-radius: 2px;
      display: block;
      padding: 15px
  }

  .input-check--block:before {
      content: none
  }

  .input-check--block:has(.is-error) {
      background: #ffe5e2;
      border-color: #ed0f00
  }

  .input-check--block:has(.is-error):hover {
      background: #edfaf8
  }

  .input-check--block:not(:has(.is-error)):has(:checked) {
      background: #edfaf8
  }

  .input-check--block:not(:has(.is-error)):hover {
      background: #edfaf8
  }

  .input-check--block:has(:checked):not(:has(.is-error)):hover {
      background: #edfaf8
  }

  .input-check__input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-sizing: border-box;
      cursor: pointer;
      height: 100%;
      left: 0;
      margin: 0;
      position: absolute;
      top: 0;
      width: 100%
  }

  .input-check__text {
      color: #191919;
      cursor: pointer;
      display: inline-block;
      font-size: 16px;
      line-height: 1.5;
      padding-left: 28px;
      position: relative
  }

  .input-check__input:disabled+.input-check__text {
      color: #535353;
      pointer-events: none
  }

  .input-check__text:before {
      background: #fff;
      border: 1px solid #08b5ae;
      border-radius: 4px;
      box-sizing: border-box;
      content: "";
      height: 20px;
      left: 0;
      position: absolute;
      top: 2px;
      width: 20px
  }

  .input-check__input:disabled+.input-check__text:before {
      background: #f6f6f6;
      border-color: #dedede
  }

  .input-check__input.is-error+.input-check__text:before {
      background: #ffe5e2;
      border-color: #ed0f00
  }

  .input-check--block .is-error+.input-check__text:before {
      background: #fff
  }

  .input-check__text:after {
      background: url(/packs/user/media/images/icon/main/ico_check-ee57dd92bf6ff05a3f03.svg) no-repeat 0 0/auto 100%;
      content: "";
      height: 20px;
      left: 0;
      position: absolute;
      top: 2px;
      transition: all .3s;
      width: 0
  }

  .input-check__input:checked+.input-check__text:after {
      width: 20px
  }

  .input-check__input:disabled+.input-check__text:after {
      background-image: url(/packs/user/media/images/icon/gray/ico_check-4e3e7af4536d97687098.svg)
  }

  .input-date {
      display: inline-block;
      max-width: 180px;
      position: relative
  }

  .input-date__input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: #fff;
      border: 1px solid #afafaf;
      border-radius: 4px;
      box-sizing: border-box;
      font-size: 16px;
      height: 100%;
      line-height: 1.5;
      padding: 12px 48px 12px 15px;
      transition: all .3s;
      width: 100%
  }

  .input-date__input.is-error {
      background: #ffe5e2;
      border-color: #ed0f00
  }

  .input-date__input:hover {
      border-color: #191919
  }

  .input-date__input:disabled {
      background: #f6f6f6;
      border-color: #afafaf;
      color: #afafaf;
      pointer-events: none
  }

  .input-date__input:focus-visible {
      border-color: #191919;
      border-radius: 4px;
      outline: 0
  }

  .input-date__button {
      background: #191919;
      border: 0;
      font-size: 0;
      height: 24px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg) no-repeat 0 0/100% 100%;
      mask: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg) no-repeat 0 0/100% 100%;
      padding: 0;
      position: absolute;
      right: 16px;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 24px
  }

  .input-date__button:hover {
      background: #08b5ae
  }

  .input-date__input:disabled+.input-date__button {
      background: #afafaf;
      pointer-events: none
  }

  .input-password {
      max-width: 460px;
      position: relative
  }

  .input-password__input {
      background: #fff;
      border: 1px solid #afafaf;
      border-radius: 4px;
      box-sizing: border-box;
      font-size: 16px;
      height: 100%;
      line-height: 1.5;
      padding: 12px 48px 12px 15px;
      transition: all .3s;
      width: 100%
  }

  .input-password__input::-ms-reveal {
      display: none
  }

  .input-password__input.is-error {
      background: #ffe5e2;
      border-color: #ed0f00
  }

  .input-password:hover .input-password__input {
      border-color: #191919
  }

  .input-password__input:disabled {
      background: #f6f6f6;
      border-color: #afafaf
  }

  .input-password__input:focus-visible {
      border-color: #191919;
      border-radius: 4px;
      outline: 0
  }

  .input-password__button {
      background: transparent;
      border: 0;
      font-size: 0;
      height: 24px;
      padding: 0;
      position: absolute;
      right: 16px;
      top: 50%;
      transform: translateY(-50%);
      width: 24px;
      z-index: 1
  }

  .input-password__button:before {
      background: #191919;
      content: "";
      height: 100%;
      left: 0;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_visibility_off-91c250b076d32225d90e.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_visibility_off-91c250b076d32225d90e.svg) no-repeat center center/contain;
      position: absolute;
      top: 0;
      transition: all .3s;
      width: 100%
  }

  .is-visible .input-password__button:before {
      -webkit-mask-image: url(/packs/user/media/images/icon/black/ico_visibility-e950cda2512360e2c517.svg);
      mask-image: url(/packs/user/media/images/icon/black/ico_visibility-e950cda2512360e2c517.svg)
  }

  .input-password__button:hover:before {
      background: #08b5ae
  }

  .input-search {
      max-width: 460px;
      position: relative
  }

  .input-search--full {
      max-width: none
  }

  .input-search__input {
      background: #fff;
      border: 1px solid #afafaf;
      border-radius: 4px;
      box-sizing: border-box;
      font-size: 16px;
      height: 100%;
      line-height: 1.5;
      overflow: hidden;
      padding: 12px 48px 12px 15px;
      text-overflow: ellipsis;
      transition: all .3s;
      white-space: nowrap;
      width: 100%
  }

  .input-search__input::-webkit-search-cancel-button {
      -webkit-appearance: none;
      appearance: none
  }

  .input-search__input.is-error {
      background: #ffe5e2;
      border-color: #ed0f00
  }

  .input-search__input:hover {
      border-color: #191919
  }

  .input-search__input:disabled {
      background: #f6f6f6;
      border-color: #afafaf
  }

  .input-search__input:focus-visible {
      border-color: #191919;
      border-radius: 4px;
      outline: 0
  }

  .input-search__button {
      background: url(/packs/user/media/images/icon/black/ico_search-4996c99f22c9d6150592.svg) no-repeat 0 0/100% 100%;
      border: 0;
      font-size: 0;
      height: 24px;
      padding: 0;
      position: absolute;
      right: 16px;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 24px;
      z-index: 1
  }

  .input-switch {
      display: inline-block;
      position: relative
  }

  .input-switch__input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-sizing: border-box;
      height: 100%;
      margin: 0;
      position: absolute;
      width: 100%
  }

  .input-switch__input:focus-visible {
      border-radius: 25px;
      outline-offset: 0
  }

  .input-switch__button {
      background: #dedede;
      border-radius: 25px;
      cursor: pointer;
      display: block;
      font-size: 0;
      height: 25px;
      position: relative;
      transition: all .3s;
      width: 55px
  }

  .input-switch__input:checked+.input-switch__button {
      background: #def2ef
  }

  .input-switch__button:before {
      background: #fff no-repeat 50%/24px 24px;
      background-image: none;
      border: 1px solid #535353;
      border-radius: 50%;
      box-shadow: 0 0 10px rgba(25,25,25,.1);
      box-sizing: border-box;
      content: "";
      height: 30px;
      left: 30px;
      position: absolute;
      top: 50%;
      transform: translate(-100%,-50%);
      transition: all .3s;
      width: 30px
  }

  .input-switch__input:checked+.input-switch__button:before {
      background-color: #08b5ae;
      background-image: url(/packs/user/media/images/icon/white/ico_check-65fca209ee1665e12c83.svg);
      border-color: #08b5ae;
      left: 100%
  }

  .input-switch__button:hover:before {
      background-color: #535353
  }

  .input-switch__input:checked+.input-switch__button:hover:before {
      background-color: #0f7f7b;
      border-color: #0f7f7b
  }

  .input-sort {
      display: inline-block;
      flex-shrink: 0;
      position: relative
  }

  .input-sort:before {
      background: url(/packs/user/media/images/icon/black/ico_sort-3851d7027b72ee11bb55.svg) no-repeat 0 0/100% 100%;
      content: "";
      height: 18px;
      left: 16px;
      pointer-events: none;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 18px
  }

  .input-sort__select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: #fff;
      border: 1px solid #535353;
      border-radius: 2px;
      box-sizing: border-box;
      color: #191919;
      cursor: pointer;
      font-size: 14px;
      height: 100%;
      line-height: 1.7;
      padding: 5px 10px 5px 35px;
      transition: all .3s;
      width: 100%
  }

  .input-sort__select:hover {
      background: #dedede;
      border-color: #191919
  }

  .label-info {
      background: #535353
  }

  .label-important,.label-info {
      border: 1px solid transparent;
      border-radius: 50px;
      box-sizing: border-box;
      color: #fff;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      height: 20px;
      line-height: 1.15;
      padding: 3px 10px
  }

  .label-important {
      background: #ed2769
  }

  .label-order {
      background: #008577;
      border: 1px solid transparent;
      border-radius: 50px;
      color: #fff
  }

  .label-lottery,.label-order {
      box-sizing: border-box;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      height: 20px;
      line-height: 1.15;
      padding: 3px 10px
  }

  .label-lottery {
      background: #fff;
      border: 1px solid #008577;
      border-radius: 50px;
      color: #008577
  }

  .tag-primary {
      background: #17349c;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #fff;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-primary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-secondary {
      background: #fff;
      border: 1px solid #17349c;
      box-sizing: border-box;
      color: #17349c;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-secondary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-tertiary {
      background: #edf3ff;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #17349c;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-tertiary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-error-primary {
      background: #ed0f00;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #fff;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-error-primary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-error-secondary {
      background: #fff;
      border: 1px solid #ed0f00;
      box-sizing: border-box;
      color: #ed0f00;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-error-secondary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-error-tertiary {
      background: #ffe5e2;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #ed0f00;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-error-tertiary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-alert-primary {
      background: #ed2769;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #fff;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-alert-primary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-alert-secondary {
      background: #fff;
      border: 1px solid #ed2769;
      box-sizing: border-box;
      color: #ed2769;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-alert-secondary--fixed {
      min-width: 88px;
      text-align: center
  }

  .history-detail__title .tag-alert-secondary {
      align-self: center
  }

  .tag-alert-tertiary {
      background: #ffe8f0;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #ed2769;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-alert-tertiary--fixed {
      min-width: 88px;
      text-align: center
  }

  .history-detail__title .tag-alert-tertiary {
      align-self: center
  }

  .tag-important-primary {
      background: #cc4100;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #fff;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-important-primary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-important-secondary {
      background: #fff;
      border: 1px solid #cc4100;
      box-sizing: border-box;
      color: #cc4100;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-important-secondary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-info {
      background: #fff;
      border: 1px solid #dedede;
      box-sizing: border-box;
      color: #191919;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere;
      font-weight: 400;
      min-width: 86px;
      text-align: center
  }

  .tag-info--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-info-large {
      background: #f6f6f6;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #191919;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      position: relative;
      word-wrap: anywhere;
      font-size: 14px;
      font-weight: 400;
      height: 27px;
      padding: 5px 7px
  }

  .tag-info-large--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-normal-primary {
      background: #535353;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #fff;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-normal-primary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-normal-secondary {
      background: #dedede;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #535353;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-normal-secondary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-other-primary {
      background: #008577;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #fff;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-other-primary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-other-primary--code {
      padding-left: 24px
  }

  .tag-other-primary--code:before {
      background: url(/packs/user/media/images/icon/white/ico_key-c059ab199c25e934210f.svg) no-repeat 50%/contain;
      content: "";
      height: 16px;
      left: 8px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 16px
  }

  .tag-other-primary--fan-club {
      padding-left: 24px
  }

  .tag-other-primary--fan-club:before {
      background: url(/packs/user/media/images/icon/white/ico_star-d794b3b5a923d40ea23d.svg) no-repeat 50%/contain;
      content: "";
      height: 16px;
      left: 8px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 16px
  }

  .tag-other-secondary {
      background: #fff;
      border: 1px solid #008577;
      box-sizing: border-box;
      color: #008577;
      display: inline-block;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px;
      max-width: 100%;
      min-height: 20px;
      padding: 3px 7px;
      position: relative;
      word-wrap: anywhere
  }

  .tag-other-secondary--fixed {
      min-width: 88px;
      text-align: center
  }

  .tag-area {
      margin: 0 auto;
      max-width: 1100px;
      padding: 0 40px
  }

  .tag-area__block {
      margin-bottom: 24px
  }

  .tag-area__block:last-child {
      margin-bottom: 0
  }

  .tag-area__text {
      color: #535353;
      font-size: 14px;
      font-weight: 700;
      margin: 0 0 8px
  }

  .tag-list {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .tag-list__link {
      background: #fff;
      border-radius: 2px;
      box-shadow: 0 0 6px rgba(0,0,0,.08);
      color: #191919;
      display: block;
      font-size: 12px;
      line-height: 1.5;
      padding: 1px 12px 3px;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s;
      word-wrap: anywhere
  }

  .tag-list__link:hover {
      background: #edfaf8;
      box-shadow: 0 0 15px rgba(0,0,0,.18);
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .pagination {
      display: flex;
      flex-direction: column;
      gap: 8px;
      margin-top: 32px
  }

  .pagination:first-child {
      margin-top: 0
  }

  .pagination__set {
      align-items: center;
      display: flex;
      gap: 16px;
      justify-content: center
  }

  .pagination__pages {
      display: flex;
      gap: 12px;
      justify-content: center
  }

  .pagination__button {
      align-items: center;
      box-sizing: border-box;
      color: #6e6e6e;
      display: flex;
      font-size: 16px;
      height: 30px;
      justify-content: center;
      line-height: 1;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s;
      width: 30px
  }

  .pagination__button:before {
      bottom: 3px;
      content: "";
      height: 1px;
      left: 50%;
      opacity: 0;
      position: absolute;
      transform: translateX(-50%);
      transition: all .3s;
      width: 18px
  }

  .pagination__button:hover {
      color: #08b5ae
  }

  .pagination__button:hover:before {
      background: #08b5ae;
      opacity: 1
  }

  .pagination__button[aria-current=page] {
      color: #191919;
      pointer-events: none
  }

  .pagination__button[aria-current=page]:before {
      background: #191919;
      opacity: 1
  }

  .pagination__arrow {
      flex-shrink: 0;
      font-size: 0;
      height: 28px;
      position: relative;
      width: 28px
  }

  .pagination__arrow:before {
      background: #191919;
      content: "";
      height: 20px;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%,-50%);
      transition: all .3s;
      width: 20px
  }

  .pagination__arrow--prev:before {
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_left-db230d1e3b427ee31367.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_left-db230d1e3b427ee31367.svg) no-repeat center center/contain
  }

  .pagination__arrow--next:before {
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain
  }

  .pagination__arrow:hover:before {
      background: #08b5ae
  }

  .pagination__arrow[aria-disabled=true] {
      pointer-events: none
  }

  .pagination__arrow[aria-disabled=true]:before {
      background: #afafaf
  }

  .pagination__dots {
      align-items: center;
      display: flex;
      height: 30px;
      justify-content: center
  }

  .pagination-number {
      font-size: 14px;
      text-align: center
  }

  .breadcrumb {
      background: #fff;
      border-top: 1px solid #dedede;
      position: relative
  }

  .breadcrumb__list {
      display: flex;
      gap: 8px;
      list-style-type: none;
      margin: 0 auto;
      max-width: 1100px;
      overflow-x: auto;
      padding: 8px 40px
  }

  .breadcrumb__item {
      align-items: center;
      color: #191919;
      display: flex;
      font-size: 14px;
      gap: 8px;
      position: relative;
      white-space: nowrap
  }

  .breadcrumb__item:after {
      background: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat 0 0/100% 100%;
      content: "";
      display: inline-block;
      height: 14px;
      margin-top: -2px;
      width: 14px
  }

  .breadcrumb__item:last-child:after {
      content: none
  }

  .breadcrumb__link {
      color: #6e6e6e;
      font-size: 14px;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .breadcrumb__link:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .breadcrumb__item:first-child .breadcrumb__link {
      padding-left: 20px
  }

  .breadcrumb__item:first-child .breadcrumb__link:before {
      background: #535353;
      content: "";
      height: 16px;
      left: 0;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_home-69c0e768334b0851801e.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_home-69c0e768334b0851801e.svg) no-repeat center center/contain;
      position: absolute;
      top: 2px;
      transition: all .3s;
      width: 16px
  }

  .breadcrumb__item:first-child .breadcrumb__link:hover:before {
      background: #08b5ae
  }

  .message {
      background: #ffe8f0;
      color: #ed2769;
      margin: 0 0 40px;
      padding: 24px
  }

  .message:last-child {
      margin: 0
  }

  .message--important {
      background: #fff2eb;
      color: #cc4100
  }

  .message--error {
      background: #ffe5e2;
      color: #ed0f00;
      padding: 16px
  }

  .message__title {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 4px
  }

  .message__text,.message__title:last-child {
      margin: 0
  }

  .message__button-box {
      margin-top: 8px
  }

  .message-box {
      background: #f6f6f6;
      border-radius: 2px;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      margin: 0 auto;
      max-width: 664px;
      padding: 32px
  }

  .message-box--alert {
      background: #ffe8f0
  }

  .message-box--important {
      background: #fff2eb
  }

  .message-box__title {
      color: #535353;
      display: flex;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px;
      padding-left: 24px;
      position: relative
  }

  .message-box__title:last-child {
      margin: 0
  }

  .message-box--alert .message-box__title {
      color: #ed2769
  }

  .message-box--important .message-box__title {
      color: #cc4100
  }

  .message-box__text {
      margin: 0 0 16px
  }

  .message-box__name {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .message-box__box {
      background: #fff;
      padding: 24px
  }

  .message-box__button-box {
      display: flex;
      justify-content: center;
      margin-bottom: 16px
  }

  .message-box__button-box:last-child {
      margin: 0
  }

  .message-box__sub-text {
      font-size: 14px;
      margin: 0
  }

  .message-box__sub-text>* {
      margin: 0
  }

  .text {
      margin: 0 0 8px
  }

  .text--center {
      text-align: center
  }

  .text--far {
      margin-bottom: 16px
  }

  .text:last-child {
      margin-bottom: 0
  }

  .text-link {
      color: #6e6e6e;
      font-size: 16px;
      padding-right: 20px;
      position: relative;
      text-align: right;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s;
      word-break: break-all
  }

  .text-link:before {
      background: #6e6e6e;
      content: "";
      height: 16px;
      -webkit-mask: url(../images/ico_arrow_right2.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 16px
  }

  .text-link:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .text-link:hover:before {
      background: #08b5ae;
      right: -4px
  }

  .text-link[target=_blank] {
      color: #191919;
      padding: 0;
      text-align: left
  }

  .text-link[target=_blank]:hover {
      color: #08b5ae
  }

  .text-link[target=_blank]:before {
      content: none
  }

  .text .text-link {
      padding-right: 0
  }

  .text .text-link:before {
      content: none
  }

  .text-link--preview[target=_blank] {
      color: #6e6e6e;
      padding-right: 20px;
      text-align: right
  }

  .text-link--preview[target=_blank]:before {
      content: ""
  }

  .text-link-inline {
      color: #17349c;
      transition: all .3s
  }

  .text-link-inline:hover {
      color: #00215c;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .text-alert {
      color: #ed2769;
      font-size: 14px;
      line-height: 1.35;
      margin: 0 0 8px;
      padding-left: 20px;
      position: relative
  }

  .text-alert:last-child {
      margin-bottom: 0
  }

  .text-important {
      color: #cc4100;
      font-size: 14px;
      line-height: 1.35;
      margin: 0 0 8px;
      padding-left: 22px;
      position: relative
  }

  .text-important:last-child {
      margin-bottom: 0
  }

  .text-hint {
      color: #cc4100;
      margin: 0;
      padding-left: 22px;
      position: relative
  }

  .text-note {
      color: #ed2769;
      font-size: 14px;
      line-height: 1.35;
      margin: 0 0 8px;
      padding-left: 1.2em;
      text-indent: -1.2em
  }

  .text-note:last-child {
      margin-bottom: 0
  }

  .text-note:before {
      content: "※";
      margin-right: .2em
  }

  .text-note--sub {
      color: #535353
  }

  .text-note--important {
      color: #cc4100
  }

  .toast {
      background: #008577;
      border-radius: 2px;
      box-shadow: 0 0 24px rgba(0,0,0,.24);
      box-sizing: border-box;
      left: calc(50% - 40px);
      margin: 0 40px;
      max-width: 1180px;
      padding: 24px 40px;
      position: fixed;
      top: 16px;
      transform: translateX(-50%);
      width: calc(100% - 80px);
      z-index: 7
  }

  .toast.is-hide {
      display: none
  }

  .toast--error {
      background: #ed0f00
  }

  .toast__text {
      color: #fff;
      line-height: 1.5;
      margin: 0;
      text-align: center
  }

  .toast__button {
      background: url(/packs/user/media/images/icon/white/ico_close-a09c0bf8ebebd2868e8c.svg) no-repeat 50%/contain;
      border: 0;
      font-size: 0;
      height: 20px;
      padding: 0;
      position: absolute;
      right: 16px;
      top: 50%;
      transform: translateY(-50%);
      width: 20px
  }

  .search {
      background: #f6f6f6;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      gap: 24px;
      margin: 0 auto 64px;
      max-width: 1100px;
      padding: 32px 50px
  }

  .search__title {
      font-size: 22px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0;
      text-align: center
  }

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

  .search--fixed .search__keyword {
      margin: 0 auto;
      width: 606px
  }

  .search__keyword-input {
      width: 100%
  }

  .search__button {
      background: none;
      border: 0;
      color: #191919;
      font-weight: 700;
      line-height: 1.5;
      padding: 0 20px 0 0;
      position: relative;
      transition: all .3s;
      white-space: nowrap
  }

  .search__button:before {
      height: 2px;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 12px
  }

  .search__button:after,.search__button:before {
      background: #191919;
      border-radius: 2px;
      content: "";
      position: absolute;
      transition: all .3s
  }

  .search__button:after {
      height: 12px;
      right: 5px;
      top: 6px;
      width: 2px
  }

  .is-open .search__button:after {
      transform: rotate(-90deg)
  }

  .search__button:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .search__button:hover:after,.search__button:hover:before {
      background: #08b5ae
  }

  .search__panel {
      border-top: 1px dashed #afafaf;
      display: none;
      padding-top: 24px
  }

  .search__panel.is-open {
      display: block
  }

  .search--fixed .search__detail {
      margin: 0 auto;
      width: 606px
  }

  .search__section {
      margin-bottom: 24px
  }

  .search__heading {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 4px;
      white-space: nowrap
  }

  .search__button-box {
      display: flex;
      justify-content: center
  }

  .search-list {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 8px 40px;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

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

  .banner-pc {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      justify-content: center;
      margin: 0 auto;
      max-width: 1100px;
      padding: 0 40px;
      position: relative
  }

  .banner-pc--slider {
      display: block;
      gap: 0;
      margin: -15px 0;
      max-width: none;
      overflow: hidden;
      padding: 15px 0
  }

  .banner-sp {
      display: none
  }

  .banner {
      border-radius: 2px;
      box-shadow: 0 4px 10px rgba(0,0,0,.1);
      display: block;
      overflow: hidden;
      transition: all .3s
  }

  .banner--large {
      aspect-ratio: 12/5;
      box-shadow: none;
      max-width: 600px;
      width: 100%
  }

  .banner--medium {
      aspect-ratio: 1.91/1;
      width: 356px!important
  }

  .banner--small {
      width: 263px
  }

  .banner.swiper-slide {
      transition-property: opacity,transform
  }

  .banner:hover {
      box-shadow: 0 0 15px rgba(0,0,0,.18)
  }

  .banner:hover img {
      scale: 1.05
  }

  .banner img {
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      transition: all .3s;
      width: 100%
  }

  .banner-slider {
      position: relative
  }

  .banner-slider:after,.banner-slider:before {
      background: linear-gradient(90deg,#fff 30%,transparent);
      content: "";
      height: 100%;
      left: 0;
      opacity: .7;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: calc(50% - 566px);
      z-index: 2
  }

  .banner-slider:after {
      left: auto;
      right: 0;
      transform: rotate(-180deg)
  }

  .banner-slider.swiper-initialized {
      margin: -12px 0;
      padding: 12px 0
  }

  .banner-slider .swiper-wrapper {
      gap: 16px;
      justify-content: center
  }

  .swiper-initialized.banner-slider .swiper-wrapper {
      gap: 0;
      justify-content: flex-start
  }

  .banner-slider .swiper-notification {
      display: none
  }

  .banner-slider-control {
      align-items: center;
      display: none;
      gap: 12px;
      justify-content: center;
      margin-top: 24px
  }

  .swiper-initialized+.banner-slider-control {
      display: flex
  }

  .slider-button-prev {
      cursor: pointer;
      height: 20px;
      position: relative;
      transform: rotate(-180deg);
      width: 20px
  }

  .slider-button-prev:before {
      background: #191919;
      content: "";
      height: 100%;
      left: 50%;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      position: absolute;
      top: 50%;
      transform: translate(-50%,-50%);
      transition: all .3s;
      width: 100%
  }

  .slider-button-prev:hover:before {
      background: #08b5ae
  }

  .slider-button-next {
      cursor: pointer;
      height: 20px;
      position: relative;
      width: 20px
  }

  .slider-button-next:before {
      background: #191919;
      content: "";
      height: 100%;
      left: 50%;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      position: absolute;
      top: 50%;
      transform: translate(-50%,-50%);
      transition: all .3s;
      width: 100%
  }

  .slider-button-next:hover:before {
      background: #08b5ae
  }

  .slider-pagination {
      align-items: center;
      display: flex;
      gap: 12px;
      width: auto!important
  }

  .slider-pagination .swiper-pagination-bullet {
      align-items: center;
      background: transparent;
      display: flex;
      height: 18px;
      justify-content: center;
      margin: 0!important;
      opacity: 1;
      position: relative;
      width: 18px
  }

  .slider-pagination .swiper-pagination-bullet:before {
      background: #dedede;
      border-radius: 50%;
      content: "";
      display: block;
      height: 10px;
      transition: all .3s;
      width: 10px
  }

  .slider-pagination .swiper-pagination-bullet:hover:before {
      background: #6e6e6e;
      scale: 1.8
  }

  .slider-pagination .swiper-pagination-bullet-active:before {
      background: #6e6e6e;
      pointer-events: none;
      scale: 1.8
  }

  .slider-button-stop {
      background: #fff;
      border: 1px solid #6e6e6e;
      border-radius: 2px;
      box-sizing: border-box;
      font-size: 0;
      height: 28px;
      margin-left: 2px;
      position: relative;
      transition: all .3s;
      width: 40px
  }

  .slider-button-stop:before {
      background: #6e6e6e;
      content: "";
      height: 24px;
      left: 50%;
      -webkit-mask: url(/packs/user/media/images/icon/gray/ico_pause-aa7c534166d99e5bcd4f.svg) no-repeat center center/24px 24px;
      mask: url(/packs/user/media/images/icon/gray/ico_pause-aa7c534166d99e5bcd4f.svg) no-repeat center center/24px 24px;
      position: absolute;
      top: 50%;
      transform: translate(-50%,-50%);
      transition: all .3s;
      width: 24px
  }

  .is-pause.slider-button-stop:before {
      -webkit-mask-image: url(/packs/user/media/images/icon/gray/ico_play-5c8bf5aabf1e14fe3f98.svg);
      mask-image: url(/packs/user/media/images/icon/gray/ico_play-5c8bf5aabf1e14fe3f98.svg)
  }

  .slider-button-stop:hover {
      background-color: #def2ef;
      border-color: #08b5ae
  }

  .slider-button-stop:hover:before {
      background: #08b5ae
  }

  .event-card {
      background: #fff;
      box-sizing: border-box;
      display: block;
      height: 100%;
      padding: 8px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .event-card:before {
      border-radius: 4px;
      box-shadow: 0 0 15px rgba(0,0,0,.18);
      content: "";
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      transition: all .3s;
      width: 100%;
      z-index: 1
  }

  .event-card:hover {
      background: #edfaf8
  }

  .event-card:hover:before {
      opacity: 1
  }

  .event-card--finished,.event-card--pin {
      background: #fff;
      border-radius: 4px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      display: flex;
      gap: 16px;
      height: 100%;
      padding: 16px
  }

  .event-card--finished:before,.event-card--pin:before {
      content: none
  }

  .event-card--finished:hover,.event-card--pin:hover {
      box-shadow: 0 0 15px rgba(0,0,0,.18)
  }

  .event-card--bg {
      background: #fff;
      border-radius: 4px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      height: 100%;
      padding: 16px
  }

  .event-card--bg:before {
      content: none
  }

  .event-card--bg:hover {
      box-shadow: 0 0 15px rgba(0,0,0,.18)
  }

  .event-card__tag {
      bottom: 0;
      left: 0;
      position: absolute
  }

  .event-card--pin .event-card__tag {
      bottom: auto;
      top: 0
  }

  .event-card__image-box {
      background: #fff;
      border-radius: 4px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      flex: 0 0 auto;
      margin-bottom: 16px;
      position: relative
  }

  .event-card--finished .event-card__image-box,.event-card--pin .event-card__image-box {
      box-shadow: none;
      margin-bottom: 0
  }

  .event-card--bg .event-card__image-box {
      box-shadow: none;
      margin-bottom: 16px
  }

  .event-card:hover .event-card__image-box {
      box-shadow: none
  }

  .event-card__image {
      aspect-ratio: 1/1;
      border-radius: 4px;
      overflow: hidden
  }

  .event-card--finished .event-card__image {
      height: 150px;
      width: 150px
  }

  .event-card--pin .event-card__image {
      height: 220px;
      width: 220px
  }

  .event-card--other .event-card__image {
      aspect-ratio: auto;
      border-radius: 0;
      height: 220px;
      margin: 0 auto
  }

  .event-card__image img {
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      width: 100%
  }

  .event-card__info-inner {
      margin-bottom: 8px
  }

  .event-card__title {
      color: #191919;
      display: -webkit-box;
      font-size: 16px;
      font-weight: 700;
      height: 48px;
      line-height: 1.5;
      margin: 0 0 8px;
      overflow: hidden;
      -webkit-text-decoration: none;
      text-decoration: none;
      text-overflow: ellipsis;
      word-wrap: anywhere;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2
  }

  .event-card--finished .event-card__title,.event-card--pin .event-card__title {
      height: auto
  }

  .event-card--favorite .event-card__title {
      font-size: 14px;
      height: 44px
  }

  .event-card:hover .event-card__title {
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .event-card__text {
      color: #191919;
      display: -webkit-box;
      font-size: 14px;
      line-height: 1.35;
      margin: 0 0 4px;
      overflow: hidden;
      padding-left: 22px;
      position: relative;
      text-overflow: ellipsis;
      word-wrap: anywhere;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2
  }

  .event-card__text--date {
      display: block
  }

  .event-card__block .event-card__text--date {
      margin-bottom: 0
  }

  .event-card--pin .event-card__text--date {
      margin-bottom: 4px
  }

  .event-card__text--cast {
      -webkit-line-clamp: 1;
      line-clamp: 1
  }

  .event-card--other .event-card__text,.event-card--pin .event-card__text {
      line-height: 1.7
  }

  .event-card--favorite .event-card__text {
      font-size: 12px
  }

  .event-card__text:last-child {
      margin-bottom: 0
  }

  .event-card__text span {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      font-size: 0;
      height: 18px;
      left: 0;
      position: absolute;
      top: 0;
      width: 18px
  }

  .event-card--other .event-card__text span,.event-card--pin .event-card__text span {
      top: 2px
  }

  .event-card__date {
      background-image: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg)
  }

  .event-card__time {
      background-image: url(/packs/user/media/images/icon/black/ico_schedule-41d8791858c1797dee05.svg)
  }

  .event-card__place {
      background-image: url(/packs/user/media/images/icon/black/ico_location-5a7315bbd4c53b771190.svg)
  }

  .event-card__cast {
      background-image: url(/packs/user/media/images/icon/black/ico_person-f1bde100142c62c98660.svg)
  }

  .event-card__block {
      display: flex;
      flex-wrap: wrap;
      gap: 0 8px;
      margin-bottom: 4px
  }

  .event-card__block:last-child {
      margin-bottom: 0
  }

  .event-card__desc {
      color: #191919;
      display: -webkit-box;
      font-size: 12px;
      margin: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      word-wrap: anywhere
  }

  .event-card-schedule {
      background: #fff;
      border-radius: 4px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      box-sizing: border-box;
      display: block;
      height: 100%;
      padding: 16px;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .event-card-schedule:hover {
      background: #edfaf8;
      box-shadow: 0 0 15px rgba(0,0,0,.18)
  }

  .event-card-schedule__tag {
      margin-bottom: 4px
  }

  .event-card-schedule__title-box {
      border-bottom: 1px dashed #afafaf;
      margin-bottom: 8px;
      padding-bottom: 8px
  }

  .event-card-schedule__title-box:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .event-card-schedule__title {
      color: #191919;
      display: -webkit-box;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      margin: 0 0 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      transition: all .3s;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 1
  }

  .event-card-schedule__title:last-child {
      margin-bottom: 0
  }

  .event-card-schedule:hover .event-card-schedule__title {
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .event-card-schedule__text {
      color: #191919;
      display: -webkit-box;
      font-size: 14px;
      line-height: 1.35;
      margin: 0 0 4px;
      overflow: hidden;
      padding-left: 22px;
      position: relative;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      line-clamp: 1
  }

  .event-card-schedule__text:last-child {
      margin-bottom: 0
  }

  .event-card-schedule__text span:first-child {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      font-size: 0;
      height: 18px;
      left: 0;
      position: absolute;
      width: 18px
  }

  .event-card-schedule__text--date {
      border-bottom: 1px dashed #afafaf;
      display: block;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin-bottom: 8px;
      padding-bottom: 8px
  }

  .event-card-schedule__date {
      background-image: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg);
      top: 3px
  }

  .event-card-schedule__time {
      font-size: 16px;
      height: auto;
      position: static;
      width: auto
  }

  .event-card-schedule__place {
      background-image: url(/packs/user/media/images/icon/black/ico_location-5a7315bbd4c53b771190.svg)
  }

  .event-card-schedule__cast {
      background-image: url(/packs/user/media/images/icon/black/ico_person-f1bde100142c62c98660.svg)
  }

  .event-card-list {
      display: grid;
      grid-template-columns: repeat(auto-fill,minmax(228px,1fr));
      list-style-type: none;
      margin: -8px;
      padding: 0;
      grid-gap: 8px;
      gap: 8px
  }

  .event-card-list:has(.event-card--bg) {
      gap: 24px;
      grid-template-columns: repeat(auto-fill,minmax(212px,1fr));
      margin: 0
  }

  .event-card-list--other {
      grid-template-columns: repeat(auto-fill,minmax(226px,1fr))
  }

  .event-card-list--schedule,.event-card-list-finished {
      gap: 24px;
      grid-template-columns: repeat(auto-fill,minmax(460px,1fr));
      margin: 0
  }

  .event-card-list-finished {
      display: grid;
      list-style-type: none;
      padding: 0;
      position: relative;
      grid-gap: 24px
  }

  .event-card-list-finished:after {
      background: linear-gradient(180deg,transparent,#fff 60%);
      bottom: -16px;
      content: "";
      height: 80px;
      left: 0;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      transition: all .3s;
      width: 100%
  }

  .event-card-list-finished:has(.is-hidden):after {
      opacity: 1
  }

  .event-card-list-finished-button {
      align-items: center;
      background: transparent;
      border: 0;
      color: #191919;
      display: flex;
      font-size: 16px;
      gap: 4px;
      line-height: 1;
      margin: -8px auto 0;
      padding: 0;
      position: relative;
      transition: all .3s
  }

  .event-card-list-finished-button:after {
      background: #191919;
      content: "";
      display: block;
      height: 20px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_add-73ece9806e6c066f04f9.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_add-73ece9806e6c066f04f9.svg) no-repeat center center/contain;
      transition: all .3s;
      width: 20px
  }

  .event-card-list-finished-button:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .event-card-list-finished-button:hover:after {
      background: #08b5ae
  }

  .event-card-link {
      border-radius: 4px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      box-sizing: border-box;
      color: #191919;
      display: flex;
      gap: 16px;
      height: 100%;
      padding: 16px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .event-card-link:hover {
      background: #edfaf8;
      box-shadow: 0 0 15px rgba(0,0,0,.18)
  }

  .event-card-link__icon {
      background: #191919;
      bottom: 6px;
      font-size: 0;
      height: 16px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_blank-fc85a63ada9d321473b2.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_blank-fc85a63ada9d321473b2.svg) no-repeat center center/contain;
      position: absolute;
      right: 6px;
      transition: all .3s;
      width: 16px
  }

  .event-card-link:hover .event-card-link__icon {
      background: #08b5ae
  }

  .event-card-link__image {
      border-radius: 2px;
      flex: 0 0 auto;
      height: 100px;
      overflow: hidden;
      width: 100px
  }

  .event-card-link__image img {
      width: 100%
  }

  .event-card-link__title {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px;
      transition: all .3s;
      word-wrap: anywhere
  }

  .event-card-link:hover .event-card-link__title {
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .event-card-link__text {
      font-size: 14px;
      margin: 0;
      word-wrap: anywhere
  }

  .modal {
      background: transparent;
      border: 0;
      box-sizing: border-box;
      height: 100%;
      overflow: visible;
      padding: 5px;
      width: 590px
  }

  .modal:has(.modal-share) {
      width: 454px
  }

  .modal:focus {
      outline: none
  }

  .modal.is-open {
      opacity: 1
  }

  .modal::backdrop {
      background: rgba(25,25,25,.4);
      opacity: 0;
      transition: all .3s
  }

  .is-open.modal::backdrop {
      opacity: 1
  }

  .is-initial-open.modal::backdrop {
      opacity: 1
  }

  .modal__inner {
      background: #fff;
      border-radius: 8px;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      left: 50%;
      max-height: calc(100vh - 48px);
      overflow: hidden;
      padding: 0 40px 40px;
      position: absolute;
      top: 38%;
      transform: translate(-50%,-38%);
      width: 100%
  }

  .is-preview .modal__inner {
      max-height: calc(100svh - 220px)
  }

  .modal__content {
      flex: 1;
      margin: 0 -40px -4px;
      overflow-y: auto;
      padding: 40px 40px 4px
  }

  .modal__content.is-simple-bar {
      display: flex;
      padding: 0 40px;
      -ms-overflow-style: none;
      scrollbar-width: none
  }

  .modal__content.is-simple-bar::-webkit-scrollbar {
      display: none
  }

  .modal__content.is-simple-bar .simplebar-wrapper {
      flex: 1
  }

  .modal__title {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px;
      text-align: center
  }

  .modal__title:last-child {
      margin: 0
  }

  .is-simple-bar .modal__title {
      margin-top: 40px
  }

  .modal__text {
      margin: 0 0 8px
  }

  .modal__text:last-child {
      margin: 0
  }

  .modal__image img {
      width: 100%
  }

  .modal__link {
      margin-bottom: 16px;
      text-align: right
  }

  .modal__qr {
      border: 1px solid #dedede;
      box-sizing: border-box;
      margin: 0 auto;
      padding: 8px;
      width: 200px
  }

  .modal__qr img {
      height: auto;
      width: 100%
  }

  .modal__close {
      background: url(/packs/user/media/images/icon/gray/ico_close-d3f45fa8bcb33963d789.svg) no-repeat 50%/100% 100%;
      border: 0;
      font-size: 0;
      height: 24px;
      padding: 0;
      position: absolute;
      right: 8px;
      top: 8px;
      width: 24px;
      z-index: 1
  }

  .modal__bottom {
      margin-top: 24px
  }

  .modal__toast {
      display: none
  }

  .modal-button-box {
      display: flex;
      gap: 16px;
      justify-content: center;
      margin-top: 8px
  }

  .input-check+.modal-button-box {
      margin-top: 24px
  }

  .modal-button-box:first-child {
      margin-top: 0
  }

  .modal-button-box__item {
      text-align: center;
      width: 100%
  }

  .modal-half-close {
      display: none
  }

  .modal-share {
      display: flex;
      gap: 8px;
      list-style-type: none;
      margin: 0 auto 8px;
      max-width: 264px;
      padding: 0
  }

  .modal-share--column {
      flex-direction: column
  }

  .modal-share:last-child {
      margin-bottom: 0
  }

  .modal-share__item {
      flex: 1
  }

  .modal-image {
      background: #fff;
      border: 0;
      border-radius: 8px;
      box-shadow: 0 0 20px rgba(0,0,0,.1);
      box-sizing: border-box;
      flex-direction: column;
      height: calc(100% - 40px);
      margin: 20px;
      max-height: none;
      overflow: visible;
      padding: 24px;
      width: 100%
  }

  .modal-image.is-open {
      opacity: 1
  }

  .modal-image::backdrop {
      background: #fff;
      opacity: 0;
      transition: all .3s
  }

  .is-open.modal-image::backdrop {
      opacity: 1
  }

  .modal-image__content {
      height: 100%;
      max-height: calc(100svh - 165px)
  }

  .modal-image__image {
      align-items: center;
      display: flex;
      height: 100%;
      justify-content: center
  }

  .modal-image__image img {
      max-height: 100%;
      max-width: 100%;
      -o-object-fit: contain;
      object-fit: contain
  }

  .modal-image__bottom {
      margin-top: 16px
  }

  .modal-image-slider {
      box-sizing: border-box;
      height: 100%;
      overflow: hidden;
      position: relative
  }

  .modal-image-slider.swiper-initialized .swiper-wrapper {
      max-height: calc(100% - 46px)
  }

  .modal-image-slider__item {
      align-items: center;
      display: flex;
      justify-content: center
  }

  .modal-image-slider__item img {
      height: auto;
      width: auto
  }

  .modal-image-slider .swiper-notification {
      display: none
  }

  .modal-image-slider-control {
      align-items: center;
      box-sizing: border-box;
      display: none;
      gap: 12px;
      justify-content: center;
      margin-top: 16px;
      padding: 0 5px;
      width: 100%
  }

  .swiper-initialized>.modal-image-slider-control {
      display: flex
  }

  .footer__button-box {
      display: flex;
      justify-content: center;
      margin-top: 20px
  }

  .footer__copyright {
      background: #08b5ae;
      color: #fff;
      display: block;
      font-size: 12px;
      padding: 8px 60px;
      text-align: center
  }

  .footer-page-top {
      text-align: center
  }

  .footer-page-top__link {
      background: #fff;
      border-radius: 10px 10px 0 0;
      box-shadow: 0 0 10px rgba(0,0,0,.11);
      color: #191919;
      display: inline-block;
      font-size: 14px;
      padding: 13px 24px 13px 48px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .footer-page-top__link:before {
      background: url(/packs/user/media/images/icon/black/ico_arrow_up-e5be6077932cbb6cf031.svg) no-repeat 50%/contain;
      content: "";
      height: 16px;
      left: 24px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 16px
  }

  .footer-page-top__link:hover {
      background: #edfaf8;
      box-shadow: 0 0 15px rgba(0,0,0,.18);
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .footer-page-top__link:hover:before {
      top: calc(50% - 2px)
  }

  .footer-top__link {
      display: block;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .footer-top__image-area {
      align-items: center;
      background: linear-gradient(rgba(23,52,156,.5),rgba(23,52,156,.5)),url(/packs/user/e02c807d003a38e0b447.webp) no-repeat 50%/cover;
      display: flex;
      justify-content: center;
      padding: 64px 40px 40px
  }

  .footer-top__image {
      flex-shrink: 0
  }

  .footer-top__image img {
      height: 280px;
      width: 142px
  }

  .footer-top__list {
      display: flex;
      flex: 1;
      list-style: none;
      margin: 0;
      max-width: 640px;
      padding: 0
  }

  .footer-top__item {
      align-items: center;
      border-left: 1px solid #fff;
      display: flex;
      flex: 1;
      flex-direction: column;
      gap: 24px;
      padding: 0 30px
  }

  .footer-top__item:first-child {
      border-left: 0
  }

  .footer-top__icon {
      height: 80px;
      width: 80px
  }

  .footer-top__text {
      color: #fff;
      font-weight: 700;
      margin: 0;
      text-align: center
  }

  .footer-top__copy-area {
      align-items: center;
      background: #edf3ff;
      display: flex;
      flex-direction: column;
      padding: 40px
  }

  .footer-top__copy {
      color: #191919;
      font-size: 30px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0;
      text-align: center
  }

  .footer-top__copy-sub {
      display: block;
      font-size: 18px
  }

  .footer-top__button-area {
      margin-top: 16px
  }

  .footer-top__button {
      align-items: center;
      background: #17349c;
      border-radius: 2px;
      box-sizing: border-box;
      color: #fff;
      display: inline-flex;
      font-weight: 700;
      justify-content: center;
      min-height: 60px;
      padding: 18px 32px 16px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s;
      width: 350px
  }

  .footer-top__button:hover {
      background: #00215c
  }

  .footer-top__button:before {
      background: url(/packs/user/media/images/icon/white/ico_arrow_right-8708dd4dd694d0832058.svg) no-repeat 50%/contain;
      content: "";
      height: 16px;
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      width: 16px
  }

  .footer-bottom {
      background: #fff;
      position: relative
  }

  .footer-bottom--bg {
      background: #f6f6f6
  }

  .footer-bottom__inner {
      margin: 0 auto;
      max-width: 1100px;
      padding: 40px 60px
  }

  .footer-bottom__text {
      font-size: 14px;
      margin: 0;
      text-align: center
  }

  .footer-sns {
      margin-bottom: 80px
  }

  .footer-sns__title {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px;
      text-align: center
  }

  .footer-sns__list {
      display: flex;
      gap: 24px;
      justify-content: center;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .footer-sns__link {
      display: block;
      position: relative;
      width: 30px
  }

  .footer-sns__link img {
      display: block;
      height: auto;
      transition: all .3s;
      width: 100%
  }

  .footer-sns__link:hover img {
      opacity: 0
  }

  .footer-sns__link-hover {
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0
  }

  .footer-sns__link:hover .footer-sns__link-hover {
      opacity: 1
  }

  .footer-nav__title {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px;
      text-align: center
  }

  .footer-nav__list {
      border-bottom: 1px dashed #afafaf;
      display: flex;
      flex-wrap: wrap;
      gap: 16px 40px;
      justify-content: center;
      list-style-type: none;
      margin: 0 0 40px;
      padding: 0 0 40px
  }

  .footer-nav__link {
      color: #191919;
      padding-right: 28px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .footer-nav__link:before {
      background: #191919;
      content: "";
      height: 20px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 20px
  }

  .footer-nav__link:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .footer-nav__link:hover:before {
      background: #08b5ae;
      right: -4px
  }

  .footer-link {
      border-bottom: 1px dashed #afafaf;
      display: flex;
      flex-wrap: wrap;
      gap: 16px 40px;
      justify-content: center;
      list-style-type: none;
      margin: 0 0 40px;
      padding: 0 0 40px
  }

  .footer-link__link {
      color: #191919;
      padding-right: 28px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .footer-link__link:before {
      background: #191919;
      content: "";
      height: 20px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 20px
  }

  .footer-link__link:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .footer-link__link:hover:before {
      background: #08b5ae;
      right: -4px
  }

  .notice {
      display: flex;
      margin: 16px auto 0;
      max-width: 1100px;
      padding: 0 40px
  }

  .notice__title {
      align-items: center;
      background: #ed2769;
      border-radius: 4px 0 0 4px;
      color: #fff;
      display: flex;
      font-size: 14px;
      font-weight: 700;
      gap: 4px;
      margin: 0;
      padding: 16px 24px;
      white-space: nowrap
  }

  .notice__title:before {
      background: url(/packs/user/media/images/icon/white/ico_alert-aa7afb56af1acef3231c.svg) no-repeat 50%/contain;
      content: "";
      display: block;
      height: 16px;
      margin-top: -2px;
      width: 16px
  }

  .notice-list {
      background: #ffe8f0;
      border-radius: 0 4px 4px 0;
      flex: 1;
      list-style-type: none;
      margin: 0;
      padding: 16px 24px
  }

  .notice-list__item {
      margin-bottom: 8px
  }

  .notice-list__item:last-child {
      margin-bottom: 0
  }

  .notice-list__item span {
      flex-shrink: 0
  }

  .notice-list__link {
      align-items: center;
      color: #191919;
      display: flex;
      gap: 8px;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .notice-list__title {
      display: -webkit-inline-box;
      font-size: 14px;
      margin: 0;
      overflow: hidden;
      padding-right: 18px;
      position: relative;
      text-overflow: ellipsis;
      transition: all .3s;
      word-break: break-all;
      -webkit-line-clamp: 1;
      line-clamp: 1;
      -webkit-box-orient: vertical
  }

  .notice-list__link:hover .notice-list__title {
      color: #ed2769;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .notice-list__link:hover .notice-list__title:before {
      right: -4px
  }

  .notice-list__title:before {
      background: url(/packs/user/media/images/icon/pink/ico_arrow_right-07d948a45453815892cd.svg) no-repeat 50%/100% 100%;
      content: "";
      height: 14px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 14px
  }

  .ly-container {
      padding: 40px 0 64px
  }

  .ly-form-container {
      margin: 0 auto;
      max-width: 670px;
      padding: 64px 0
  }

  .ly-top-container {
      padding-bottom: 64px
  }

  .ly-section {
      margin-bottom: 64px
  }

  .ly-section:last-child {
      margin-bottom: 0
  }

  .event-detail {
      margin: 0 auto 80px;
      max-width: 1100px;
      padding: 0 40px
  }

  .event-detail--schedule {
      max-width: none;
      padding: 0
  }

  .event-detail:last-child {
      margin-bottom: 0
  }

  .event-detail__head {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: center;
      margin-bottom: 80px
  }

  .event-detail--schedule .event-detail__head {
      margin: 0 auto 80px;
      max-width: 1100px;
      padding: 0 40px
  }

  .event-detail__content {
      margin-bottom: 80px
  }

  .event-detail--schedule .event-detail__content {
      margin: 0 auto 80px;
      max-width: 670px
  }

  .event-detail__column {
      display: flex;
      flex-wrap: wrap;
      gap: 80px 56px;
      justify-content: center;
      margin-bottom: 80px
  }
}

@media (min-width: 768px) and (max-width:899.98px) {
  .event-detail__column {
      row-gap:0
  }
}

@media (min-width: 768px) {
  .event-detail__column:last-child {
      margin-bottom:0
  }

  .event-detail__main {
      flex: 8;
      min-width: 470px
  }

  .event-detail__side {
      flex: 5;
      min-width: 294px
  }

  .event-detail__message {
      margin-bottom: 80px
  }

  .event-detail__message:last-child {
      margin-bottom: 0
  }

  .event-detail-button-box {
      display: flex;
      justify-content: center;
      margin-top: 20px
  }

  .event-detail-section {
      margin-bottom: 64px
  }

  .event-detail-section:last-child {
      margin-bottom: 0
  }

  .event-detail-child-section {
      margin-bottom: 40px
  }

  .event-detail-child-section:last-child {
      margin-bottom: 0
  }

  .event-detail-child-section__heading {
      color: #535353;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .event-detail-top {
      align-items: flex-start;
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding-right: 80px;
      position: relative;
      word-wrap: anywhere
  }

  .event-detail--schedule .event-detail-top {
      margin: 0 auto;
      max-width: 1100px;
      padding: 0 40px
  }

  .event-detail-top__schedule {
      align-items: center;
      background: #f6f6f6;
      display: flex;
      font-size: 14px;
      gap: 4px;
      line-height: 1.35;
      margin: 0;
      padding: 4px 8px
  }

  .event-detail-top__schedule:before {
      background: url(/packs/user/media/images/icon/black/ico_list-060a84867ef48f31956a.svg) no-repeat 50%/contain;
      content: "";
      display: block;
      height: 20px;
      width: 20px
  }

  .event-detail-share {
      display: flex;
      gap: 16px;
      position: absolute;
      right: 0;
      top: 0
  }

  .event-detail--schedule .event-detail-share {
      right: 40px
  }

  .event-detail-slider {
      flex: 1;
      flex-shrink: 0;
      max-width: 450px;
      min-width: 320px
  }

  .event-detail-slider__inner {
      aspect-ratio: 1/1;
      margin: -10px;
      opacity: 0;
      overflow: hidden;
      padding: 10px
  }

  .event-detail-slider__inner.is-single,.event-detail-slider__inner.swiper-initialized {
      aspect-ratio: auto;
      opacity: 1
  }

  .event-detail-slider__item {
      aspect-ratio: 1/1;
      display: block
  }

  .event-detail-slider__item.swiper-slide {
      transition-property: opacity,transform
  }

  .event-detail-slider__image {
      align-items: center;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      display: flex;
      height: 100%;
      justify-content: center;
      overflow: hidden
  }

  .event-detail-slider__image img {
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      transition: all .3s;
      width: 100%
  }

  .event-detail-slider__item:hover .event-detail-slider__image img {
      scale: 1.1
  }

  .event-detail-slider__button {
      align-items: center;
      background: #fff;
      border: 0;
      border-radius: 50%;
      bottom: 8px;
      box-shadow: 0 0 6px rgba(0,0,0,.08);
      display: inline-flex;
      font-size: 0;
      height: 30px;
      justify-content: center;
      padding: 0;
      position: absolute;
      right: 8px;
      transition: all .3s;
      width: 30px
  }

  .event-detail-slider__button:before {
      background: #191919;
      content: "";
      height: 18px;
      left: 50%;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_zoom-20c8e485b8eb4e741056.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_zoom-20c8e485b8eb4e741056.svg) no-repeat center center/contain;
      position: absolute;
      top: 50%;
      transform: translate(-50%,-50%);
      transition: all .3s;
      width: 18px
  }

  .event-detail-slider__item:hover .event-detail-slider__button {
      scale: 1.3
  }

  .event-detail-slider__item:hover .event-detail-slider__button:before {
      background: #08b5ae
  }

  .event-detail-slider-control {
      align-items: center;
      display: none;
      gap: 16px;
      justify-content: center;
      margin-top: 16px
  }

  .swiper-initialized+.event-detail-slider-control {
      display: flex
  }

  .event-detail-nav {
      display: none
  }

  .event-detail-info {
      flex: 1;
      min-width: 460px
  }

  .event-detail-info__list {
      margin: 0
  }

  .event-detail-info__block {
      display: flex;
      gap: 12px;
      margin-bottom: 16px
  }

  .event-detail-info--border .event-detail-info__block {
      border-top: 1px solid #dedede;
      padding-top: 16px
  }

  .event-detail-info__block:last-child {
      margin-bottom: 0
  }

  .event-detail-info--border .event-detail-info__block:last-child {
      border-bottom: 1px solid #dedede;
      padding-bottom: 16px
  }

  .event-detail-info__title {
      flex: 0 0 auto;
      max-width: 140px;
      min-width: 93px;
      white-space: nowrap;
      width: 15.5%
  }

  .event-detail-info__title span {
      align-items: center;
      display: flex;
      gap: 4px;
      position: relative
  }

  .event-detail-info__title span:before {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      display: block;
      flex-shrink: 0;
      height: 24px;
      width: 24px
  }

  .event-detail-info__data {
      margin: 0;
      width: 100%;
      word-wrap: anywhere
  }

  .event-detail-info__data--time {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 0 10px
  }

  .event-detail-info__data span {
      display: block;
      font-size: 14px;
      margin-bottom: 8px
  }

  .event-detail-info__data span:last-child {
      margin-bottom: 0
  }

  .event-detail-info__date:before {
      background-image: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg)
  }

  .event-detail-info__time:before {
      background-image: url(/packs/user/media/images/icon/black/ico_schedule-41d8791858c1797dee05.svg)
  }

  .event-detail-info__place:before {
      background-image: url(/packs/user/media/images/icon/black/ico_location-5a7315bbd4c53b771190.svg)
  }

  .event-detail-info__cast:before {
      background-image: url(/packs/user/media/images/icon/black/ico_person-f1bde100142c62c98660.svg)
  }

  .event-detail-info__owner:before {
      background-image: url(/packs/user/media/images/icon/black/ico_apartment-4e3d2903ef9ac25a936c.svg)
  }

  .event-detail-info__transportation:before {
      background-image: url(/packs/user/media/images/icon/black/ico_traffic-5a96545eb41337dae197.svg)
  }

  .event-detail-info__link {
      color: #191919;
      -webkit-text-decoration: underline;
      text-decoration: underline;
      transition: all .3s
  }

  .event-detail-info__link:hover {
      color: #08b5ae;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .event-detail-info__button,.event-detail-info__link-box {
      display: flex;
      justify-content: flex-end
  }

  .event-detail-info__button {
      margin-top: 16px
  }

  .event-detail-info__sub-time {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 0 10px
  }

  .event-detail-info__event-name {
      align-items: center;
      color: #191919;
      display: flex;
      font-size: 18px;
      font-weight: 700;
      gap: 4px;
      line-height: 1.5;
      margin-bottom: 16px;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s;
      word-wrap: anywhere
  }

  .event-detail-info__event-name:after {
      background: #191919;
      content: "";
      display: block;
      height: 20px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      transition: all .3s;
      width: 20px
  }

  .event-detail-info__event-name:hover {
      color: #08b5ae
  }

  .event-detail-info__event-name:hover:after {
      background: #08b5ae
  }

  .event-detail-info-list {
      display: flex;
      flex-wrap: wrap;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .event-detail-info-list__item {
      padding-right: 16px;
      position: relative
  }

  .event-detail-info-list__item:after {
      content: "/";
      position: absolute;
      right: 5px
  }

  .event-detail-info-list__item:last-child:after {
      content: none;
      margin-left: 0
  }

  .event-detail-info-list__link {
      color: #191919;
      -webkit-text-decoration: underline;
      text-decoration: underline;
      transition: all .3s
  }

  .event-detail-info-list__link:hover {
      color: #08b5ae;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .event-detail-info-time {
      align-items: center;
      color: #535353;
      display: flex;
      flex-wrap: wrap;
      font-size: 14px;
      gap: 0 4px;
      margin: 0
  }

  .event-detail-info-time--large {
      color: #191919;
      font-size: 16px
  }

  .event-detail-info-time__date {
      margin: 0
  }

  .event-detail-toggle {
      display: flex;
      flex-direction: column;
      margin: 0 auto;
      position: relative
  }

  .event-detail-toggle__text {
      font-size: 16px;
      margin: 0;
      max-height: 810px;
      overflow: hidden;
      transition: all .3s;
      --max-height: 810
  }

  .event-detail-toggle__text * {
      margin: 0
  }

  .event-detail-toggle__text>ol,.event-detail-toggle__text>ul {
      padding-left: 0
  }

  .event-detail-toggle__text li {
      list-style-position: inside
  }

  .event-detail-toggle__button {
      align-items: center;
      background: transparent;
      border: 0;
      color: #191919;
      display: block;
      font-size: 16px;
      line-height: 1.7;
      margin: 8px auto 0;
      opacity: 0;
      padding: 0;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s;
      z-index: 1
  }

  .event-detail-toggle__button:before {
      background: linear-gradient(180deg,transparent,#fff);
      bottom: 26px;
      content: "";
      height: 70px;
      left: 0;
      pointer-events: none;
      position: absolute;
      transition: all .3s;
      width: 100%;
      z-index: -1
  }

  .is-open.event-detail-toggle__button:before {
      opacity: 0
  }

  .event-detail-toggle__button>span {
      display: block;
      padding-right: 18px;
      position: relative
  }

  .event-detail-toggle__button>span:before {
      height: 2px;
      right: 0;
      top: 12px;
      width: 12px
  }

  .event-detail-toggle__button>span:after,.event-detail-toggle__button>span:before {
      background: #191919;
      border-radius: 2px;
      content: "";
      position: absolute;
      transition: all .3s
  }

  .event-detail-toggle__button>span:after {
      height: 12px;
      right: 5px;
      top: 7px;
      width: 2px
  }

  .is-open.event-detail-toggle__button>span:after {
      transform: rotate(-90deg)
  }

  .event-detail-toggle__button:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .event-detail-toggle__button:hover>span:after,.event-detail-toggle__button:hover>span:before {
      background: #08b5ae
  }

  .event-detail-toggle__button.is-open .event-detail-toggle__open,.event-detail-toggle__close {
      display: none
  }

  .event-detail-toggle__button.is-open .event-detail-toggle__close {
      display: block
  }

  .event-detail-youtube iframe {
      aspect-ratio: 16/9;
      display: block;
      height: auto;
      width: 100%
  }

  .event-detail-link-wrap {
      margin: 0 auto;
      max-width: 1100px;
      padding: 0 40px
  }

  .event-detail-link {
      margin-bottom: 40px
  }

  .event-detail-link:last-child {
      margin-bottom: 0
  }

  .event-detail-link__title {
      color: #535353;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .event-detail-link__link {
      margin-bottom: 8px
  }

  .event-detail-link__link:last-child {
      margin-bottom: 0
  }

  .event-detail-link__button-box {
      display: flex;
      flex-wrap: wrap;
      gap: 24px
  }

  .event-detail-link__button {
      display: block;
      position: relative;
      width: 28px
  }

  .event-detail-link__button img {
      display: block;
      height: auto;
      transition: all .3s;
      width: 100%
  }

  .event-detail-link__button:hover img {
      opacity: 0
  }

  .event-detail-link__button-hover {
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0
  }

  .event-detail-link__button:hover .event-detail-link__button-hover {
      opacity: 1
  }

  .event-detail-link-list {
      display: grid;
      grid-template-columns: repeat(auto-fill,minmax(460px,1fr));
      list-style-type: none;
      margin: 0;
      padding: 0;
      grid-gap: 16px;
      gap: 16px
  }

  .event-detail-ticket {
      border-top: 1px solid #afafaf;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .event-detail-ticket__item {
      border-bottom: 1px solid #afafaf
  }

  .event-detail-ticket-button {
      font-size: 18px;
      padding: 15px 32px
  }

  .event-detail-ticket-note {
      font-size: 14px;
      line-height: 1.35;
      margin-bottom: 16px
  }

  .event-detail-ticket-alert {
      margin-bottom: 16px
  }

  .event-detail-ticket-head {
      background: #fff;
      display: block;
      padding: 32px 0;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .event-detail-ticket-head:before {
      height: 2px;
      right: 0;
      top: 40px;
      width: 18px
  }

  .event-detail-ticket-head:after,.event-detail-ticket-head:before {
      background: #191919;
      border-radius: 4px;
      content: "";
      position: absolute;
      transition: all .3s
  }

  .event-detail-ticket-head:after {
      height: 18px;
      right: 8px;
      top: 32px;
      width: 2px
  }

  .is-open>.event-detail-ticket-head:after {
      transform: rotate(-90deg)
  }

  .event-detail-ticket-head:hover:after,.event-detail-ticket-head:hover:before {
      background: #08b5ae
  }

  .event-detail-ticket-head__status {
      display: flex;
      gap: 8px;
      margin-bottom: 8px
  }

  .event-detail-ticket-head__title {
      align-items: flex-start;
      color: #191919;
      display: flex;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px;
      text-align: left;
      word-wrap: anywhere;
      gap: 8px
  }

  .event-detail-ticket-head__title span {
      margin-top: 2px
  }

  .event-detail-ticket-head__list {
      display: flex;
      flex-wrap: wrap;
      font-size: 14px;
      line-height: 1.35;
      margin: 0 0 8px
  }

  .event-detail-ticket-head__list:last-child {
      margin-bottom: 0
  }

  .event-detail-ticket-head__list-title {
      color: #535353;
      display: flex;
      white-space: nowrap
  }

  .event-detail-ticket-head__list-title:after {
      content: "："
  }

  .event-detail-ticket-head__list-data {
      color: #535353;
      margin: 0;
      text-align: left
  }

  .event-detail-ticket-body {
      display: none;
      padding-bottom: 32px
  }

  .event-detail-ticket-body.is-open {
      display: block
  }

  .event-detail-ticket-body__label {
      display: flex;
      margin-bottom: 5px
  }

  .event-detail-ticket-body__sub-text {
      font-size: 14px;
      margin: 0 0 24px
  }

  .event-detail-ticket-body__button {
      margin-bottom: 16px
  }

  .event-detail-ticket-body__button:last-child {
      margin-bottom: 0
  }

  .event-detail-ticket-body-list {
      background: #fff;
      margin: 0 0 24px
  }

  .event-detail-ticket-body-list__block {
      margin-bottom: 10px
  }

  .event-detail-ticket-body-list__block:last-child {
      margin-bottom: 0
  }

  .event-detail-ticket-body-list__title {
      color: #535353;
      font-size: 14px;
      font-weight: 700;
      margin-bottom: 4px
  }

  .event-detail-ticket-body-list__data {
      line-height: 1.5;
      margin: 0
  }

  .event-detail-ticket-body-list__payment {
      display: flex;
      flex-wrap: wrap;
      gap: 5px
  }

  .event-detail-ticket-body-list__note {
      margin: 4px 0 0
  }

  .event-detail-ticket-card-wrap {
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin-bottom: 24px
  }

  .event-detail-ticket-card-wrap:last-child {
      margin-bottom: 0
  }

  .event-detail-ticket-card {
      border: 1px solid #dedede;
      border-radius: 8px;
      overflow: hidden
  }

  .event-detail-ticket-card__block {
      background: #fff;
      padding: 16px
  }

  .event-detail-ticket-card__title {
      font-size: 14px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .event-detail-ticket-card__info {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: space-between;
      margin-bottom: 10px
  }

  .event-detail-ticket-card__info:last-child {
      margin-bottom: 0
  }

  .event-detail-ticket-card__status {
      display: flex;
      gap: 8px
  }

  .event-detail-ticket-card__price {
      flex: 1;
      font-size: 12px;
      margin: 0;
      text-align: right;
      white-space: nowrap
  }

  .event-detail-ticket-card__price span {
      font-size: 14px;
      font-weight: 700;
      line-height: 1.5
  }

  .event-detail-ticket-card__toggle {
      background: #f6f6f6;
      display: flex;
      flex-direction: column-reverse;
      padding: 16px;
      position: relative
  }

  .event-detail-ticket-card__text {
      color: #535353;
      display: -webkit-box;
      font-size: 12px;
      line-height: 1.5;
      margin: 0;
      max-height: 90px;
      overflow: hidden;
      position: relative;
      text-overflow: ellipsis;
      transition: all .3s;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 5;
      --max-height: 90
  }

  .event-detail-ticket-card__text.is-open {
      -webkit-line-clamp: inherit
  }

  .event-detail-ticket-card__toggle-button {
      align-items: center;
      background: transparent;
      border: 0;
      color: #191919;
      display: block;
      font-size: 14px;
      line-height: 1.7;
      margin: 8px auto 0;
      opacity: 0;
      padding: 0;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s;
      z-index: 1
  }

  .event-detail-ticket-card__toggle-button:before {
      background: linear-gradient(180deg,transparent,#f6f6f6 60%);
      bottom: 24px;
      content: "";
      height: 50px;
      left: 0;
      pointer-events: none;
      position: absolute;
      transition: all .3s;
      width: 100%;
      z-index: -1
  }

  .is-open.event-detail-ticket-card__toggle-button:before {
      opacity: 0
  }

  .event-detail-ticket-card__toggle-button>span {
      display: block;
      padding-right: 18px;
      position: relative
  }

  .event-detail-ticket-card__toggle-button>span:before {
      background: #191919;
      border-radius: 2px;
      content: "";
      height: 2px;
      position: absolute;
      right: 0;
      top: 10px;
      transition: all .3s;
      width: 12px
  }

  .event-detail-ticket-card__toggle-button>span:after {
      background: #191919;
      border-radius: 2px;
      content: "";
      height: 12px;
      position: absolute;
      right: 5px;
      top: 5px;
      transition: all .3s;
      width: 2px
  }

  .is-open.event-detail-ticket-card__toggle-button>span:after {
      transform: rotate(-90deg)
  }

  .event-detail-ticket-card__toggle-button:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .event-detail-ticket-card__toggle-button:hover>span:after,.event-detail-ticket-card__toggle-button:hover>span:before {
      background: #08b5ae
  }

  .event-detail-ticket-card__toggle-button.is-open .event-detail-ticket-card__toggle-open,.event-detail-ticket-card__toggle-close {
      display: none
  }

  .event-detail-ticket-card__toggle-button.is-open .event-detail-ticket-card__toggle-close {
      display: block
  }

  .event-detail-contact-pc-row {
      border-bottom: 1px solid #dedede;
      border-top: 1px solid #dedede;
      padding: 32px 0
  }
}

@media (min-width: 768px) and (max-width:899.98px) {
  .event-detail-contact-pc-row {
      display:none
  }
}

@media (min-width: 768px) {
  .event-detail-contact-pc-column {
      border-bottom:1px solid #dedede;
      border-top: 1px solid #dedede;
      display: none;
      padding: 32px 0
  }
}

@media (min-width: 768px) and (max-width:899.98px) {
  .event-detail-contact-pc-column {
      display:block
  }
}

@media (min-width: 768px) {
  .event-detail-contact__title {
      font-size:18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .event-detail-contact__link {
      margin-bottom: 16px;
      text-align: right
  }

  .event-detail-contact__button {
      margin-bottom: 16px
  }

  .event-detail-contact__button:last-child {
      margin-bottom: 0
  }

  .event-detail-contact__text {
      font-size: 14px;
      margin: 0
  }

  .event-detail-contact__text>* {
      margin: 0
  }

  .event-detail-contact__tel {
      align-items: center;
      display: flex;
      font-size: 22px;
      font-weight: 700;
      gap: 4px;
      margin: 0;
      text-align: center
  }

  .event-detail-contact__tel:before {
      background: url(/packs/user/media/images/icon/black/ico_tel-4ce3cc406a41eb434dc4.svg) no-repeat 50%/contain;
      content: "";
      display: block;
      height: 30px;
      width: 30px
  }

  .event-detail-other__heading {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .event-detail-other__button-box {
      display: flex;
      justify-content: center;
      margin-top: 32px
  }

  .event-detail-schedule {
      background: #f6f6f6;
      margin-bottom: 80px;
      padding: 40px 0
  }

  .event-detail-schedule__inner {
      margin: 0 auto;
      max-width: 1100px;
      padding: 0 40px
  }

  .event-detail-map {
      height: 619px;
      width: 100%
  }

  .event-detail-error {
      margin: 0 auto;
      max-width: 670px
  }

  .event-detail-error__heading {
      font-size: 24px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 40px;
      text-align: center
  }

  .event-detail-error__section {
      border-bottom: 1px solid #dedede;
      margin-bottom: 32px;
      padding-bottom: 40px
  }

  .event-detail-error__title {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px;
      text-align: center
  }

  .event-detail-error__text {
      margin: 0;
      text-align: center
  }

  .heading01 {
      font-size: 24px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 40px
  }

  .heading01--center {
      text-align: center
  }

  .heading02 {
      align-items: center;
      display: flex;
      font-size: 22px;
      gap: 8px;
      margin: 0 0 16px
  }

  .heading02,.heading03 {
      font-weight: 700;
      line-height: 1.5
  }

  .heading03 {
      font-size: 18px;
      margin: 0 0 8px
  }

  .event-list {
      margin-bottom: 60px
  }

  .event-list:last-child {
      margin-bottom: 0
  }

  .event-list__heading01 {
      margin: 0 auto 30px;
      max-width: 1100px;
      padding: 0 40px
  }

  .event-list__section {
      margin: 0 auto 64px;
      max-width: 1100px;
      padding: 0 40px
  }

  .event-list__section:last-child {
      margin-bottom: 0
  }

  .event-list__banner {
      margin-bottom: 64px
  }

  .event-list__banner:last-child {
      margin-bottom: 0
  }

  .event-list__text {
      font-size: 18px
  }

  .event-list-heading,.event-list__text {
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 32px
  }

  .event-list-heading {
      font-size: 22px;
      padding-bottom: 9px;
      position: relative;
      text-align: center
  }

  .event-list-heading span {
      display: block;
      font-size: 16px;
      text-align: center
  }

  .event-list-heading:after {
      background: #08b5ae;
      bottom: 0;
      content: "";
      height: 2px;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      width: 45px
  }

  .event-list-button-box {
      display: flex;
      justify-content: center
  }

  .event-list-sort {
      align-items: flex-end;
      display: flex;
      justify-content: space-between;
      margin-bottom: 16px
  }

  .event-list-sort__text {
      font-size: 14px
  }

  .event-list-new,.event-list-pickup {
      display: grid;
      grid-template-columns: repeat(auto-fill,minmax(210px,1fr));
      list-style-type: none;
      margin: 0 0 32px;
      padding: 0;
      grid-gap: 32px 24px;
      gap: 32px 24px
  }

  .event-list-search__head {
      margin: 0 0 16px
  }

  .event-list-search__link {
      align-items: center;
      color: #191919;
      display: inline-flex;
      font-size: 18px;
      font-weight: 700;
      gap: 4px;
      line-height: 1.5;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .event-list-search__link:after {
      background: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat 50%/contain;
      content: "";
      display: block;
      height: 24px;
      margin-top: -1px;
      width: 24px
  }

  .event-list-search__toggle {
      display: none
  }

  .event-list-search__panel {
      display: block!important
  }

  .event-list-search-list {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .event-list-search-list__link {
      background: #fff;
      border-radius: 2px;
      box-shadow: 0 0 6px rgba(0,0,0,.08);
      color: #191919;
      display: block;
      font-size: 14px;
      line-height: 1.5;
      padding: 2px 12px;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .event-list-category {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      justify-content: center;
      list-style-type: none;
      margin: 0 auto;
      padding: 0
  }

  .event-list-category__link {
      align-items: center;
      background: #fff;
      border: 1px solid #08b5ae;
      border-radius: 2px;
      box-sizing: border-box;
      color: #08b5ae;
      display: flex;
      font-size: 16px;
      font-weight: 700;
      justify-content: center;
      line-height: 1.35;
      min-width: 200px;
      padding: 16px;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .event-list-category__link:hover {
      background: #edfaf8;
      border-color: #def2ef
  }

  .list-dot {
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .list-dot--alert {
      color: #ed2769
  }

  .list-dot__item {
      padding-left: 1.2em;
      text-indent: -1.2em
  }

  .list-dot__item:before {
      content: "・";
      margin-right: .2em
  }

  .ticket-button-box {
      display: flex;
      justify-content: center;
      margin-top: 32px
  }

  .ticket-summary {
      background: #f6f6f6;
      margin-bottom: 40px;
      padding: 32px
  }

  .ticket-summary--zero {
      margin-bottom: 0
  }

  .ticket-summary__title {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .ticket-summary__name {
      margin: 0 0 16px;
      word-wrap: anywhere
  }

  .ticket-summary__link {
      color: #191919;
      display: inline-block;
      font-size: 18px;
      line-height: 1.5;
      padding-right: 24px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .ticket-summary__link:before {
      background: #191919;
      content: "";
      height: 20px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 20px
  }

  .ticket-summary__link:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .ticket-summary__link:hover:before {
      background: #08b5ae;
      right: -4px
  }

  .ticket-summary-list {
      display: flex;
      flex-direction: column;
      gap: 4px;
      margin: 0
  }

  .ticket-summary-list__block {
      display: flex;
      font-size: 16px;
      gap: 12px
  }

  .ticket-summary-list__block:last-child {
      margin-bottom: 0
  }

  .ticket-summary-list__title {
      flex: 0 0 auto;
      white-space: nowrap;
      width: 110px
  }

  .ticket-summary-list__title span {
      align-items: center;
      display: flex;
      gap: 4px;
      position: relative
  }

  .ticket-summary-list__title span:before {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      display: block;
      flex: 0 0 auto;
      height: 22px;
      margin-top: -1px;
      width: 22px
  }

  .ticket-summary-list__data {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 0 10px;
      margin: 0;
      width: 100%;
      word-wrap: anywhere
  }

  .ticket-summary-list__data span {
      display: block;
      width: 100%
  }

  .ticket-summary-list__date:before {
      background-image: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg)
  }

  .ticket-summary-list__time:before {
      background-image: url(/packs/user/media/images/icon/black/ico_schedule-41d8791858c1797dee05.svg)
  }

  .ticket-summary-list__place:before {
      background-image: url(/packs/user/media/images/icon/black/ico_location-5a7315bbd4c53b771190.svg)
  }

  .ticket-summary-list__sub-time {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 0 10px
  }

  .ticket-summary-list-time {
      align-items: center;
      color: #535353;
      display: flex;
      flex-wrap: wrap;
      font-size: 14px;
      gap: 0 5px;
      margin: 0
  }

  .ticket-summary-list-time--large {
      color: #191919;
      font-size: 16px
  }

  .ticket-summary-list-time__date {
      margin: 0
  }

  .ticket-detail__info {
      margin-bottom: 32px
  }

  .ticket-detail__block {
      margin-bottom: 24px
  }

  .ticket-detail__block:last-child {
      margin-bottom: 0
  }

  .ticket-detail__heading {
      align-items: flex-start;
      display: flex;
      font-size: 22px;
      font-weight: 700;
      gap: 8px;
      line-height: 1.5;
      margin: 0 0 32px;
      word-wrap: anywhere
  }

  .ticket-detail__heading span {
      margin-top: 5px
  }

  .ticket-detail__sub-text {
      margin: 0
  }

  .ticket-status {
      align-items: center;
      display: flex;
      gap: 4px;
      margin-bottom: 8px
  }

  .ticket-detail-list {
      margin: 0
  }

  .ticket-detail-list__block {
      margin-bottom: 10px
  }

  .ticket-detail-list__block:last-child {
      margin-bottom: 0
  }

  .ticket-detail-list__title {
      color: #535353;
      font-weight: 700;
      line-height: 1.5;
      margin-bottom: 4px
  }

  .ticket-detail-list__data {
      margin: 0
  }

  .ticket-detail-list__payment {
      display: flex;
      flex-wrap: wrap;
      gap: 5px
  }

  .ticket-card {
      background: #fff;
      border: 1px solid #dedede;
      border-radius: 10px;
      margin-bottom: 24px;
      overflow: hidden
  }

  .ticket-card:last-child {
      margin-bottom: 0
  }

  .ticket-card__block {
      padding: 16px
  }

  .ticket-card__title {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 12px
  }

  .ticket-card__info {
      align-items: flex-start;
      display: flex;
      justify-content: space-between;
      margin-bottom: 12px
  }

  .ticket-card__status {
      display: flex;
      gap: 8px
  }

  .ticket-card__price {
      font-size: 14px;
      margin: 0
  }

  .ticket-card__price span {
      font-size: 22px;
      font-weight: 700;
      line-height: 1.5
  }

  .ticket-card__input {
      align-items: center;
      display: flex;
      gap: 16px;
      justify-content: flex-end;
      margin-bottom: 16px
  }

  .ticket-card__toggle {
      background: #f6f6f6;
      display: flex;
      flex-direction: column-reverse;
      padding: 16px;
      position: relative
  }

  .ticket-card__text {
      color: #535353;
      display: -webkit-box;
      font-size: 14px;
      margin: 0;
      max-height: 122px;
      overflow: hidden;
      position: relative;
      text-overflow: ellipsis;
      transition: all .3s;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 5;
      line-clamp: 5;
      --max-height: 122
  }

  .ticket-card__text.is-open {
      -webkit-line-clamp: inherit;
      line-clamp: inherit
  }

  .ticket-card__toggle-button {
      align-items: center;
      background: transparent;
      border: 0;
      color: #191919;
      display: block;
      font-size: 14px;
      line-height: 1.7;
      margin: 8px auto 0;
      opacity: 0;
      padding: 0;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s;
      z-index: 1
  }

  .ticket-card__toggle-button:before {
      background: linear-gradient(180deg,transparent,#f6f6f6 60%);
      bottom: 30px;
      content: "";
      height: 50px;
      left: 0;
      pointer-events: none;
      position: absolute;
      transition: all .3s;
      width: 100%;
      z-index: -1
  }

  .is-open.ticket-card__toggle-button:before {
      opacity: 0
  }

  .ticket-card__toggle-button>span {
      display: block;
      padding-right: 18px;
      position: relative
  }

  .ticket-card__toggle-button>span:before {
      height: 2px;
      right: 0;
      top: 10px;
      width: 12px
  }

  .ticket-card__toggle-button>span:after,.ticket-card__toggle-button>span:before {
      background: #535353;
      border-radius: 2px;
      content: "";
      position: absolute;
      transition: all .3s
  }

  .ticket-card__toggle-button>span:after {
      height: 12px;
      right: 5px;
      top: 5px;
      width: 2px
  }

  .is-open.ticket-card__toggle-button>span:after {
      transform: rotate(-90deg)
  }

  .ticket-card__toggle-button:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .ticket-card__toggle-button:hover>span:after,.ticket-card__toggle-button:hover>span:before {
      background: #08b5ae
  }

  .ticket-card__toggle-button.is-open .ticket-card__toggle-open,.ticket-card__toggle-close {
      display: none
  }

  .ticket-card__toggle-button.is-open .ticket-card__toggle-close {
      display: block
  }

  .ticket-seat__text {
      margin: 0 0 24px
  }

  .ticket-seat__top {
      align-items: center;
      background: #f6f6f6;
      border-radius: 2px;
      display: flex;
      gap: 16px;
      justify-content: space-between;
      margin-bottom: 40px;
      padding: 32px
  }

  .ticket-seat__title {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0
  }

  .ticket-seat__button {
      flex-shrink: 0
  }

  .ticket-seat-box {
      border-bottom: 1px solid #afafaf;
      margin-bottom: 40px;
      padding-bottom: 40px
  }

  .ticket-seat-box:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .ticket-seat-box__inner {
      margin: 0 auto;
      max-width: 460px
  }

  .ticket-seat-box__title {
      color: #535353;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .ticket-seat-box__block {
      margin-bottom: 40px
  }

  .ticket-seat-box__block:last-child {
      margin-bottom: 0
  }

  .ticket-seat-box__label {
      display: block;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin-bottom: 8px
  }

  .ticket-form__section-wrap {
      display: flex;
      flex-direction: column;
      gap: 40px
  }

  .ticket-form__section {
      border-bottom: 1px solid #afafaf;
      padding-bottom: 40px
  }

  .ticket-form__section:last-child {
      border-bottom: 0;
      padding-bottom: 0
  }

  .ticket-form__title {
      font-size: 22px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .ticket-form__title span {
      margin: 2px 0 0 8px;
      vertical-align: text-top
  }

  .ticket-form__text {
      margin: 0 0 16px
  }

  .ticket-form__event-info {
      border-bottom: 1px dashed #afafaf;
      margin-bottom: 24px;
      padding-bottom: 24px
  }

  .ticket-form__event-title {
      font-size: 18px;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .ticket-form__event-link {
      color: #06e;
      display: inline-block;
      font-size: 16px;
      margin-bottom: 5px;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .ticket-payment-list {
      background: #fff;
      border: 1px solid #dedede;
      border-radius: 4px;
      list-style: none;
      margin: 0;
      padding: 0
  }

  .ticket-payment-list__item {
      border-bottom: 1px solid #dedede
  }

  .ticket-payment-list__item:last-child {
      border-bottom: 0
  }

  .ticket-payment-list__panel {
      display: none;
      padding: 0 16px 24px
  }

  .ticket-payment-list__text {
      margin: 0 0 16px
  }

  .ticket-payment-list__input {
      margin-bottom: 16px
  }

  .ticket-payment-radio {
      box-sizing: border-box;
      cursor: pointer;
      display: block;
      padding: 16px;
      position: relative
  }

  .ticket-payment-radio.is-open {
      font-weight: 700
  }

  .ticket-payment-radio:before {
      background: #def2ef;
      border-radius: 50%;
      content: "";
      height: 34px;
      left: 8px;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      top: 11px;
      transition: all .3s;
      width: 34px
  }

  .ticket-payment-radio:hover:before {
      opacity: 1
  }

  .ticket-payment-radio__input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-sizing: border-box;
      cursor: pointer;
      height: 100%;
      left: 0;
      margin: 0;
      position: absolute;
      top: 0;
      width: 100%
  }

  .ticket-payment-radio__text {
      display: block;
      line-height: 1.5;
      padding-left: 26px;
      position: relative;
      transition: all .3s
  }

  .ticket-payment-radio__text:before {
      background: #fff;
      border: 1px solid #08b5ae;
      border-radius: 50%;
      box-sizing: border-box;
      content: "";
      height: 18px;
      left: 0;
      position: absolute;
      top: 3px;
      width: 18px
  }

  .ticket-payment-radio__input.is-error+.ticket-payment-radio__text:before {
      background: #ffe5e2;
      border-color: #ed0f00
  }

  .ticket-payment-radio__text:after {
      background: #08b5ae;
      border-radius: 50%;
      box-sizing: border-box;
      content: "";
      height: 10px;
      left: 4px;
      position: absolute;
      top: 7px;
      transform: scale(0);
      transition: all .3s;
      width: 10px
  }

  .ticket-payment-radio__input:checked+.ticket-payment-radio__text:after {
      transform: scale(1)
  }

  .ticket-payment-card {
      margin-bottom: 20px
  }

  .ticket-payment-card__box {
      align-items: center;
      background: #f6f6f6;
      border-radius: 4px;
      display: flex;
      flex-direction: column;
      margin-bottom: 20px;
      padding: 24px 16px
  }

  .ticket-payment-card__box-text {
      margin: 0 0 8px;
      text-align: center
  }

  .ticket-payment-card__text {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 10px;
      text-align: center
  }

  .ticket-payment-card-info {
      display: grid;
      grid-template-columns: auto 1fr;
      margin: 0 0 8px
  }

  .ticket-payment-card-info__block {
      display: flex
  }

  .ticket-payment-card-info__title {
      font-weight: 700;
      padding-right: 1em;
      position: relative
  }

  .ticket-payment-card-info__title:after {
      content: "：";
      position: absolute;
      right: 0
  }

  .ticket-payment-card-info__data {
      font-weight: 700;
      margin: 0
  }

  .ticket-payment-card-list {
      display: flex;
      gap: 5px;
      justify-content: center;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .ticket-payment-card-list__item {
      background: #fff;
      border: 1px solid #dedede;
      border-radius: 6px;
      box-sizing: border-box;
      height: 40px;
      padding: 7px;
      width: 65px
  }

  .ticket-payment-card-list__item img {
      display: block;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      width: 100%
  }

  .ticket-form-detail {
      margin-bottom: 24px
  }

  .ticket-form-detail:last-child {
      margin-bottom: 0
  }

  .ticket-form-detail__title {
      align-items: flex-start;
      display: flex;
      font-size: 18px;
      font-weight: 700;
      gap: 8px;
      line-height: 1.5;
      margin: 0 0 16px;
      word-wrap: anywhere
  }

  .ticket-form-detail__title span {
      margin-top: 3px
  }

  .ticket-form-detail__message {
      margin-bottom: 16px
  }

  .ticket-form-detail__total {
      border: 1px solid #dedede;
      border-radius: 8px;
      padding: 24px
  }

  .ticket-form-detail__box {
      border-bottom: 2px solid #dedede
  }

  .ticket-form-detail__box:last-child {
      border-bottom: 0
  }

  .ticket-form-detail__block {
      border-bottom: 1px dashed #afafaf;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .ticket-form-detail__block:last-child {
      border-bottom: 0;
      margin-bottom: 0
  }

  .ticket-form-detail__name {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .ticket-form-detail__price {
      display: flex;
      flex-wrap: wrap;
      gap: 0 8px;
      justify-content: flex-end;
      margin: 0 0 8px
  }

  .ticket-form-detail__price:last-child {
      margin-bottom: 0
  }

  .ticket-form-detail__subtotal {
      align-items: center;
      display: flex;
      font-size: 14px;
      font-weight: 700;
      gap: 4px;
      line-height: 1.5
  }

  .ticket-form-detail__subtotal span {
      font-size: 16px;
      line-height: 1.7;
      white-space: nowrap
  }

  .ticket-form-seat {
      background: #f6f6f6;
      border-radius: 4px;
      padding: 16px
  }

  .ticket-form-seat__title {
      color: #535353;
      font-size: 12px;
      font-weight: 700;
      margin: 0 0 4px
  }

  .ticket-form-seat-list {
      display: flex;
      flex-direction: column;
      gap: 4px;
      list-style: none;
      margin: 0 0 4px;
      padding: 0
  }

  .ticket-form-seat-list__item {
      font-size: 14px;
      padding-left: 22px;
      position: relative
  }

  .ticket-form-seat-list__item:before {
      background: url(/packs/user/media/images/icon/black/ico_chair-70e6ea0e3820a09e76d9.svg) no-repeat 50%/contain;
      content: "";
      height: 20px;
      left: 0;
      position: absolute;
      top: 1px;
      width: 20px
  }

  .ticket-commission-list {
      align-items: center;
      border-bottom: 1px dashed #afafaf;
      display: flex;
      gap: 8px;
      margin: 0;
      padding: 16px 0
  }

  .ticket-commission-list:last-child {
      border-bottom: 0
  }

  .ticket-commission-list__title {
      flex: 1
  }

  .ticket-commission-list__data {
      align-items: center;
      display: flex;
      font-size: 14px;
      font-weight: 700;
      gap: 4px;
      line-height: 1.5;
      margin: 0
  }

  .ticket-commission-list__data span {
      font-size: 16px;
      line-height: 1.7;
      text-align: right;
      white-space: nowrap
  }

  .ticket-total-list {
      align-items: center;
      display: flex;
      gap: 8px;
      margin: 0;
      padding-top: 16px
  }

  .ticket-total-list__title {
      flex: 1;
      font-weight: 700
  }

  .ticket-total-list__data {
      align-items: center;
      display: flex;
      font-size: 14px;
      font-weight: 700;
      gap: 4px;
      line-height: 1.5;
      margin: 0
  }

  .ticket-total-list__data span {
      font-size: 22px;
      line-height: 1.7;
      text-align: right;
      white-space: nowrap
  }

  .ticket-form-input {
      margin-bottom: 16px
  }

  .ticket-form-input:last-child {
      margin-bottom: 0
  }

  .ticket-form-input__label {
      display: block;
      font-weight: 700;
      margin-bottom: 8px
  }

  .ticket-info-table {
      width: 100%
  }

  .ticket-info-table tr {
      border-bottom: 1px dashed #afafaf;
      display: block;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .ticket-info-table tr:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .ticket-info-table__title {
      color: #6e6e6e;
      display: block;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.5;
      margin-bottom: 4px;
      text-align: left
  }

  .ticket-info-table__data {
      display: flex;
      flex-direction: column;
      gap: 4px;
      word-wrap: anywhere
  }

  .ticket-form-table {
      border-spacing: 0;
      border-top: 1px solid #dedede;
      margin-bottom: 16px;
      width: 100%
  }

  .ticket-form-table:last-child {
      margin-bottom: 0
  }

  .ticket-form-table tr {
      border-bottom: 1px solid #dedede;
      display: flex
  }

  .ticket-form-table__title {
      font-size: 14px;
      padding: 18px 10px 17px 0;
      text-align: left;
      width: 190px
  }

  .ticket-form-table__title--em {
      color: #ed2769
  }

  .ticket-form-table__data {
      flex: 1;
      padding: 16px 0
  }

  .ticket-form-table__data--em {
      color: #ed2769;
      font-weight: 700
  }

  .ticket-form-question {
      margin-bottom: 32px
  }

  .ticket-form-question:last-child {
      margin-bottom: 0
  }

  .ticket-form-question__title {
      display: block;
      margin-bottom: 16px
  }

  .ticket-form-question__number {
      align-items: center;
      display: flex;
      font-weight: 700;
      gap: 8px;
      line-height: 1.5;
      margin-bottom: 4px
  }

  .ticket-form-question__question {
      display: block
  }

  .ticket-form-question__list {
      display: flex;
      flex-direction: column;
      gap: 8px;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .ticket-form-note {
      margin-bottom: 32px
  }

  .ticket-form-note__title {
      color: #535353;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .ticket-form-note__content {
      display: flex;
      flex-direction: column;
      gap: 8px
  }

  .ticket-form-note__date {
      margin: 0;
      text-align: right
  }

  .ticket-share-link {
      display: flex;
      justify-content: flex-end;
      margin-top: 16px
  }

  .ticket-share-link__link {
      align-items: center;
      background: transparent;
      border: 0;
      color: #191919;
      display: inline-flex;
      font-size: 16px;
      gap: 4px;
      margin-left: auto;
      padding: 0;
      transition: all .3s
  }

  .ticket-share-link__link:before {
      background: #191919;
      content: "";
      display: block;
      flex: 0 0 auto;
      height: 16px;
      margin-top: -1px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_share-a708b4ed8d84eb7ac8d1.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_share-a708b4ed8d84eb7ac8d1.svg) no-repeat center center/contain;
      transition: all .3s;
      width: 16px
  }

  .ticket-share-link__link:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .ticket-share-link__link:hover:before {
      background: #08b5ae
  }

  .ticket-message {
      margin-bottom: 40px
  }

  .ticket-message__paragraph {
      margin-bottom: 32px
  }

  .ticket-message__paragraph:last-child {
      margin-bottom: 0
  }

  .ticket-message__text {
      margin: 0 0 8px
  }

  .ticket-message__text:last-child {
      margin-bottom: 0
  }

  .form-heading01 {
      font-size: 24px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 40px
  }

  .form-heading02 {
      font-size: 22px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .form-heading02 span {
      margin-left: 8px;
      vertical-align: text-top
  }

  .form-head {
      margin-bottom: 40px
  }

  .form__section-wrap {
      margin-bottom: 32px
  }

  .form__section-wrap:last-child {
      margin-bottom: 0
  }

  .form__section-wrap--border {
      border-bottom: 1px solid #dedede;
      border-top: 1px solid #dedede;
      padding: 32px 0
  }

  .form__section {
      border-bottom: 1px solid #afafaf;
      margin-bottom: 40px;
      padding-bottom: 40px
  }

  .form__section:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .form__block {
      margin-bottom: 32px
  }

  .form--confirm .form__block {
      border-bottom: 1px dashed #afafaf;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .form--confirm .form__block:last-child {
      border-bottom: 0;
      padding-bottom: 0
  }

  .form__box .form__block {
      border: 0;
      padding: 0
  }

  .form__block:last-child {
      margin-bottom: 0
  }

  .form__title {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .form--confirm .form__title {
      color: #6e6e6e;
      font-size: 14px;
      margin: 0 0 4px
  }

  .form__label {
      display: block
  }

  .form__label span {
      margin: -2px 0 0 8px;
      vertical-align: text-top
  }

  .form__text {
      margin: 0 0 8px
  }

  .form__block-child {
      margin-bottom: 16px
  }

  .form__block-child:last-child {
      margin-bottom: 0
  }

  .form__label-child {
      color: #535353;
      display: block;
      font-size: 14px;
      font-weight: 700;
      margin: 0 0 4px
  }

  .form__residence {
      display: flex;
      flex-direction: column;
      gap: 8px
  }

  .form__box {
      border: 1px solid #dedede;
      border-radius: 4px;
      padding: 24px
  }

  .form-name {
      display: flex;
      gap: 24px
  }

  .form-name__block {
      align-items: center;
      display: flex;
      flex: 1;
      gap: 16px
  }

  .form-name__label {
      color: #535353;
      font-size: 14px;
      font-weight: 700
  }

  .form-name__field {
      flex: 1
  }

  .form-birth {
      gap: 24px
  }

  .form-birth,.form-birth__block {
      align-items: center;
      display: flex
  }

  .form-birth__block {
      gap: 8px
  }

  .form-birth__year {
      width: 140px
  }

  .form-birth__day,.form-birth__month {
      width: 94px
  }

  .form-terms {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      margin-bottom: 32px
  }

  .form-terms__title {
      color: #535353;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .form-terms__date {
      display: block;
      font-size: 14px;
      margin: 0 0 8px;
      text-align: right
  }

  .form-terms__scroll {
      background: #fff;
      border: 1px solid #dedede;
      border-radius: 4px;
      box-sizing: border-box;
      flex: 1;
      max-height: 300px;
      overflow-y: auto;
      padding: 24px;
      -ms-overflow-style: none;
      scrollbar-width: none
  }

  .form-terms__scroll::-webkit-scrollbar {
      display: none
  }

  .form-terms__content#privacy p {
      margin: 0 0 8px
  }

  .form-terms__content#privacy ul {
      margin-bottom: 8px
  }

  .form-terms__content#privacy h4 {
      margin: 16px 0 8px
  }

  .form-terms__table {
      display: grid;
      grid-auto-rows: auto;
      grid-column-gap: 0;
      grid-row-gap: 0;
      border-right: 1px solid #dedede;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      margin: 20px auto 40px
  }

  .form-terms__table:first-of-type {
      border-top: 1px solid #dedede
  }

  .form-terms__table+.form-terms__table {
      margin-top: -40px
  }

  .form-terms__table-title {
      background: #f6f6f6;
      font-weight: 700;
      order: 1
  }

  .form-terms__table-item,.form-terms__table-title {
      border-bottom: 1px solid #dedede;
      border-left: 1px solid #dedede;
      font-size: 14px;
      line-height: 1.5;
      padding: 8px
  }

  .form-terms__table-item {
      order: 2
  }

  .form-terms__table-item a {
      font-size: 14px
  }

  .form-error-text {
      color: #ed0f00;
      font-size: 14px;
      line-height: 1.35;
      margin: 8px 0 0;
      padding-left: 24px;
      position: relative
  }

  .form-error-text:first-child {
      margin-top: 0
  }

  .form-text-note {
      color: #535353;
      font-size: 14px;
      line-height: 1.35;
      margin: 8px 0 0;
      padding-left: 1.2em;
      text-indent: -1.2em
  }

  .form-text-note+.form-text-note {
      margin-top: 4px
  }

  .form-text-note:has(strong) {
      color: #ed2769
  }

  .form-text-note:last-child {
      margin-bottom: 0
  }

  .form-text-note:before {
      content: "※";
      margin-right: .2em
  }

  .form-text-note strong {
      font-weight: 400
  }

  .form-text-em {
      color: #ed2769;
      font-size: 14px;
      line-height: 1.35;
      margin: 8px 0 0
  }

  .form-step {
      display: flex;
      list-style-type: none;
      margin: 0 0 40px;
      padding: 0
  }

  .form-step__item {
      align-items: center;
      color: #afafaf;
      display: flex;
      flex: 1;
      flex-direction: column;
      font-size: 14px;
      gap: 8px;
      line-height: 1.5;
      position: relative;
      text-align: center
  }

  .form-step__item:before {
      background: #fff;
      border: 2px solid #afafaf;
      border-radius: 50%;
      box-sizing: border-box;
      content: "";
      display: block;
      height: 18px;
      margin: 3px;
      width: 18px;
      z-index: 1
  }

  .form-step__item:after {
      background: #afafaf;
      content: "";
      height: 2px;
      left: 50%;
      position: absolute;
      top: 10px;
      width: 100%
  }

  .form-step__item:last-child:after {
      content: none
  }

  .form-step__item[aria-current=step] {
      color: #191919;
      font-weight: 700;
      gap: 8px
  }

  .form-step__item[aria-current=step]:before {
      background: #535353;
      border-color: #535353;
      height: 24px;
      margin: 0;
      width: 24px
  }

  .form-select-list {
      display: flex;
      gap: 12px 24px;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .form-checkbox {
      background: #f6f6f6;
      border-radius: 2px;
      padding: 15px
  }

  .form-checkbox.is-error {
      background: #ffe5e2;
      border: 1px solid #ed0f00
  }

  .form-recaptcha {
      align-items: center;
      background: #ffe8f0;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      padding: 20px
  }

  .form-recaptcha__text {
      margin: 0 0 10px
  }

  .form-bottom {
      margin-top: 24px
  }

  .form-bottom__text {
      margin-bottom: 0;
      margin-top: 0
  }

  .preview {
      background: rgba(25,25,25,.9);
      bottom: 0;
      box-sizing: border-box;
      font-size: 22px;
      left: 0;
      margin: 0;
      padding: 24px;
      position: fixed;
      text-align: center;
      width: 100%;
      z-index: 8
  }

  .preview__text {
      color: #fff;
      font-size: 16px;
      font-weight: 700;
      margin: 0 0 8px;
      text-align: center
  }

  .preview__button {
      align-items: center;
      background: #fff;
      border: 1px solid #535353;
      border-radius: 2px;
      color: #191919;
      display: flex;
      font-size: 14px;
      font-weight: 700;
      gap: 4px;
      line-height: 1.35;
      margin: 0 auto;
      padding: 7px 15px;
      transition: all .3s
  }

  .preview__button:hover {
      background: #dedede;
      border-color: #191919
  }

  .preview__button:before {
      background: url(/packs/user/media/images/icon/black/ico_close-e21d93a6b3b997a2cd6a.svg) no-repeat 50%/contain;
      content: "";
      display: block;
      flex-shrink: 0;
      height: 16px;
      margin-top: -1px;
      width: 16px
  }

  .login__title {
      font-size: 22px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 32px;
      padding-bottom: 8px;
      position: relative;
      text-align: center
  }

  .login__title:before {
      background: #08b5ae;
      bottom: 0;
      content: "";
      height: 2px;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      width: 45px
  }

  .login__section {
      margin-bottom: 40px
  }

  .login__text {
      margin: 0 0 32px
  }

  .login__text--center {
      text-align: center
  }

  .login__text:last-child {
      margin-bottom: 0
  }

  .login__text-large {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .login__box {
      background: #f6f6f6;
      padding: 32px
  }

  .login__button-box {
      display: flex;
      justify-content: center;
      margin-top: 32px
  }

  .login__message {
      margin-bottom: 40px
  }

  .login-form--top {
      border-bottom: 1px solid #afafaf;
      padding-bottom: 40px
  }

  .login-form__inner {
      border-bottom: 1px solid #dedede;
      border-top: 1px solid #dedede;
      padding: 32px 0
  }

  .login-form--top .login-form__inner {
      border: 0;
      margin: 0 auto;
      max-width: 460px;
      padding: 0
  }

  .login-form__block {
      margin-bottom: 24px
  }

  .login-form__block:last-child {
      margin-bottom: 0
  }

  .login-form__title {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .login-form__box {
      align-items: center;
      background: #ffe8f0;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      margin: 24px auto 0;
      padding: 20px
  }

  .login-form--top .login-form__box {
      max-width: 460px
  }

  .login-form__text {
      margin: 0 0 10px
  }

  .login-link {
      background: transparent;
      border: 0;
      color: #191919;
      display: block;
      line-height: 1.7;
      margin: 24px auto 0;
      padding: 0 20px 0 0;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s;
      width: -moz-fit-content;
      width: fit-content;
      word-break: break-all
  }

  .login-link:before {
      background: #191919;
      content: "";
      height: 16px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      position: absolute;
      right: 0;
      top: 5px;
      transition: all .3s;
      width: 16px
  }

  .login-link:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .login-link:hover:before {
      background: #08b5ae;
      right: -4px
  }

  .login-box {
      background: #f6f6f6;
      padding: 20px
  }

  .login-box__title {
      font-size: 18px;
      line-height: 1.5;
      margin: 0 0 5px
  }

  .login-box__text {
      margin: 0
  }

  .login-box__button-box {
      display: flex;
      justify-content: center;
      margin-top: 20px
  }

  .login-email {
      align-items: center;
      background: #f6f6f6;
      display: flex;
      flex-direction: column;
      gap: 8px;
      margin-bottom: 16px;
      padding: 32px
  }

  .login-email__title {
      font-size: 14px;
      margin: 0
  }

  .login-email__address {
      font-size: 18px;
      margin: 0;
      word-wrap: anywhere
  }

  .error__heading,.login-email__address {
      font-weight: 700;
      line-height: 1.5;
      text-align: center
  }

  .error__heading {
      font-size: 24px;
      margin: 0 0 40px
  }

  .error__text {
      margin: 0;
      text-align: center
  }

  .password__text {
      margin: 0 0 32px
  }

  .password__block {
      border-bottom: 1px solid #dedede;
      border-top: 1px solid #dedede;
      padding: 32px 0
  }

  .password__title {
      font-size: 16px;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .password__link {
      background: transparent;
      border: 0;
      color: #191919;
      display: block;
      line-height: 1.7;
      margin: 24px auto 0;
      padding: 0 20px 0 0;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s;
      width: -moz-fit-content;
      width: fit-content;
      word-break: break-all
  }

  .password__link:before {
      background: #191919;
      content: "";
      height: 16px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      position: absolute;
      right: 0;
      top: 5px;
      transition: all .3s;
      width: 16px
  }

  .password__link:hover {
      color: #08b5ae
  }

  .password__link:hover:before {
      background: #08b5ae
  }

  .promoter__section {
      margin-bottom: 80px
  }

  .promoter__section:last-child {
      margin-bottom: 0
  }

  .promoter__finish,.promoter__top {
      margin: 0 auto;
      max-width: 1100px;
      padding: 0 40px
  }

  .promoter-cover {
      aspect-ratio: 5/1;
      margin: -40px 0 24px
  }

  .promoter-cover img {
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%
  }

  .promoter-info {
      align-items: flex-start;
      display: flex;
      gap: 40px;
      margin: 0 auto 80px;
      max-width: 1100px;
      padding: 0 40px
  }

  .promoter-info__image {
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      flex-shrink: 0;
      height: 138px;
      margin-top: -98px;
      overflow: hidden;
      width: 138px
  }

  .promoter:first-child .promoter-info__image {
      margin-top: 0
  }

  .promoter-info__image img {
      background: #fff;
      border: 2px solid #fff;
      border-radius: 4px;
      box-sizing: border-box;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      width: 100%
  }

  .promoter-info__block {
      flex: 1;
      position: relative
  }

  .promoter-info__heading {
      font-size: 24px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .promoter-info__link {
      align-items: center;
      display: flex;
      gap: 8px;
      margin-bottom: 16px
  }

  .promoter-info__text {
      color: #535353;
      font-size: 14px;
      margin: 0
  }

  .promoter-info__tel {
      align-items: center;
      display: flex;
      font-weight: 700;
      gap: 4px;
      margin: 0;
      text-align: center
  }

  .promoter-info__tel:before {
      background: url(/packs/user/media/images/icon/black/ico_tel-4ce3cc406a41eb434dc4.svg) no-repeat 50%/contain;
      content: "";
      display: block;
      height: 16px;
      width: 16px
  }

  .promoter-info-button {
      align-items: center;
      background: #fff;
      border: 1px solid #535353;
      border-radius: 2px;
      box-sizing: border-box;
      color: #191919;
      display: inline-flex;
      font-size: 14px;
      font-weight: 700;
      justify-content: center;
      line-height: 1.5;
      padding: 6px 15px 4px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .promoter-info-button--arrow {
      padding-right: 35px
  }

  .promoter-info-button--arrow:before {
      background: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat 50%/contain;
      content: "";
      height: 16px;
      position: absolute;
      right: 15px;
      top: 8px;
      width: 16px
  }

  .promoter-info-button:hover {
      background: #dedede;
      border-color: #191919
  }

  .promoter-pickup {
      display: grid;
      grid-template-columns: repeat(auto-fill,minmax(460px,1fr));
      list-style-type: none;
      margin: 0 0 40px;
      padding: 0;
      grid-gap: 24px;
      gap: 24px
  }

  .promoter-pickup__item {
      flex: 1
  }

  .promoter-event-list {
      background: #f6f6f6;
      padding: 40px 0
  }

  .promoter-event-list__inner {
      margin: 0 auto;
      max-width: 1100px;
      padding: 0 40px
  }

  .promoter-event-text {
      background: #f6f6f6;
      margin: 0;
      padding: 40px;
      text-align: center
  }

  .promoter-notice {
      margin-bottom: 16px
  }

  .inquiry__complete {
      margin: 0 0 32px
  }

  .inquiry-list {
      border-top: 1px solid #dedede;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .inquiry-list__link {
      border-bottom: 1px solid #dedede;
      color: #191919;
      display: block;
      padding: 24px 32px 24px 0;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .inquiry-list__link:before {
      background: #191919;
      content: "";
      height: 24px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 24px
  }

  .inquiry-list__link:hover {
      opacity: .7
  }

  .inquiry-list__link:hover:before {
      background: #08b5ae
  }

  .inquiry-list__head {
      margin-bottom: 8px
  }

  .inquiry-list__title-box {
      align-items: flex-start;
      display: flex;
      gap: 4px;
      justify-content: space-between;
      margin-bottom: 4px
  }

  .inquiry-list__title-box:last-child {
      margin-bottom: 0
  }

  .inquiry-list__title {
      color: #191919;
      font-size: 18px;
      font-weight: 400;
      line-height: 1.5;
      margin: 0;
      overflow: hidden;
      position: relative;
      text-overflow: ellipsis;
      white-space: nowrap
  }

  .inquiry-list__title:has(.inquiry-list__badge) {
      font-weight: 700;
      padding-left: 16px
  }

  .inquiry-list__badge {
      background: #ed2769;
      border-radius: 50%;
      font-size: 0;
      height: 8px;
      left: 0;
      position: absolute;
      top: 9px;
      width: 8px
  }

  .inquiry-list__number {
      background: #fff;
      border: 1px solid #dedede;
      border-radius: 50px;
      flex-shrink: 0;
      font-size: 10px;
      line-height: 1.5;
      padding: 2px 8px;
      text-align: center
  }

  .inquiry-list__number span {
      font-size: 12px;
      font-weight: 700
  }

  .inquiry-list__event-name {
      color: #535353;
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
  }

  .inquiry-list__text {
      color: #191919
  }

  .inquiry-list__sub-text,.inquiry-list__text {
      display: -webkit-box;
      margin: 0 0 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2
  }

  .inquiry-list__sub-text {
      color: #535353;
      font-size: 14px;
      padding-left: 28px;
      position: relative
  }

  .inquiry-list__sub-text:before {
      background: url(/packs/user/media/images/icon/black/ico_arrow_response-1af5240757dc3611e5e2.svg) no-repeat 50%/100% 100%;
      content: "";
      height: 24px;
      left: 0;
      position: absolute;
      top: 0;
      width: 24px
  }

  .is-owner.inquiry-list__sub-text:before {
      background-image: url(/packs/user/media/images/icon/black/ico_operator-11843985d8d7cb787018.svg)
  }

  .inquiry-list__date {
      color: #535353;
      display: block;
      font-size: 14px;
      text-align: right
  }

  .inquiry-detail-box {
      background: #f6f6f6;
      margin-bottom: 24px;
      padding: 24px
  }

  .inquiry-detail-box__heading {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .inquiry-detail-box__heading:last-child {
      margin-bottom: 0
  }

  .inquiry-detail-box__link {
      align-items: center;
      color: #191919;
      display: flex;
      gap: 4px;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s;
      word-wrap: anywhere
  }

  .inquiry-detail-box__link:after {
      background: #191919;
      content: "";
      display: block;
      flex-shrink: 0;
      height: 16px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      transition: all .3s;
      width: 16px
  }

  .inquiry-detail-box__link:hover {
      color: #08b5ae
  }

  .inquiry-detail-box__link:hover:after {
      background: #08b5ae
  }

  .inquiry-detail-box__text {
      margin: 0
  }

  .inquiry-detail-list {
      list-style-type: none;
      margin: 0 0 24px;
      padding: 0
  }

  .inquiry-detail-list__item {
      border-bottom: 1px solid #dedede;
      padding: 24px 0
  }

  .inquiry-detail-list__item:first-child {
      padding-top: 0
  }

  .inquiry-detail-list__toggle {
      display: block;
      padding-right: 28px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .inquiry-detail-list__toggle:before {
      background: #191919;
      border-radius: 2px;
      content: "";
      height: 2px;
      position: absolute;
      right: 5px;
      top: 12px;
      width: 14px
  }

  .inquiry-detail-list__item:first-child .inquiry-detail-list__toggle:before {
      content: none
  }

  .inquiry-detail-list__toggle:after {
      background: #191919;
      border-radius: 2px;
      content: "";
      height: 14px;
      position: absolute;
      right: 11px;
      top: 6px;
      transition: all .3s;
      width: 2px
  }

  .inquiry-detail-list__item.is-open .inquiry-detail-list__toggle:after {
      transform: rotate(-90deg)
  }

  .inquiry-detail-list__item:first-child .inquiry-detail-list__toggle:after {
      content: none
  }

  .inquiry-detail-list__badge {
      background: #ed2769;
      border-radius: 50%;
      font-size: 0;
      height: 8px;
      left: 0;
      position: absolute;
      top: 8px;
      width: 8px
  }

  .inquiry-detail-list__name {
      color: #191919;
      font-size: 16px;
      font-weight: 400;
      margin: 0 0 4px;
      overflow: hidden;
      padding-left: 28px;
      position: relative;
      text-overflow: ellipsis;
      transition: all .3s;
      white-space: nowrap
  }

  .inquiry-detail-list__item.is-open .inquiry-detail-list__name {
      white-space: normal
  }

  .inquiry-detail-list__toggle:has(.is-open) .inquiry-detail-list__name {
      white-space: normal
  }

  .inquiry-detail-list__item:first-child .inquiry-detail-list__name {
      padding-left: 0
  }

  .inquiry-detail-list__name:before {
      background: url(/packs/user/media/images/icon/black/ico_arrow_response-1af5240757dc3611e5e2.svg) no-repeat 50%/100% 100%;
      content: "";
      height: 24px;
      left: 0;
      position: absolute;
      top: 0;
      width: 24px
  }

  .inquiry-detail-list__item:first-child .inquiry-detail-list__name:before {
      content: none
  }

  .is-owner.inquiry-detail-list__name:before {
      background-image: url(/packs/user/media/images/icon/black/ico_operator-11843985d8d7cb787018.svg)
  }

  .inquiry-detail-list__name:has(span) {
      font-weight: 700;
      padding-left: 40px
  }

  .inquiry-detail-list__name:has(span):before {
      left: 12px
  }

  .inquiry-detail-list__date {
      color: #535353;
      display: block;
      font-size: 12px;
      line-height: 1.35
  }

  .inquiry-detail-list__panel {
      display: none;
      padding-top: 10px
  }

  .inquiry-detail-list__panel.is-open {
      display: block
  }

  .inquiry-detail-list__text {
      margin: 0
  }

  .inquiry-detail-list__toggle-text {
      display: -webkit-box;
      line-height: 1.5;
      margin: 0;
      max-height: 130px;
      overflow: hidden;
      padding-top: 10px;
      position: relative;
      text-overflow: ellipsis;
      transition: all .3s;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 5;
      line-clamp: 5;
      --max-height: 130
  }

  .inquiry-detail-list__toggle-text.is-open {
      -webkit-line-clamp: inherit;
      line-clamp: inherit
  }

  .inquiry-detail-list__button {
      background: transparent;
      border: 0;
      font-size: 0;
      height: 100%;
      left: 0;
      opacity: 0;
      padding: 0;
      position: absolute;
      top: 0;
      width: 100%
  }

  .inquiry-detail-list__button:before {
      height: 2px;
      right: 5px;
      width: 14px
  }

  .inquiry-detail-list__button:after,.inquiry-detail-list__button:before {
      background: #191919;
      border-radius: 2px;
      content: "";
      position: absolute;
      top: calc(50% - 2px);
      transform: translateY(-50%)
  }

  .inquiry-detail-list__button:after {
      height: 14px;
      right: 11px;
      transition: all .3s;
      width: 2px
  }

  .is-open.inquiry-detail-list__button:after {
      transform: translateY(-50%) rotate(-90deg)
  }

  .inquiry-detail-list__button-open,.is-open>.inquiry-detail-list__button-close {
      display: none
  }

  .is-open>.inquiry-detail-list__button-open {
      display: block
  }

  .inquiry-detail-form__title {
      color: #535353;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .inquiry-intro {
      background: #fff2eb;
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin-bottom: 64px;
      padding: 32px
  }

  .inquiry-intro__title {
      color: #cc4100;
      display: flex;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0;
      padding-left: 24px;
      position: relative
  }

  .inquiry-intro__block {
      display: flex;
      flex-direction: column;
      gap: 8px
  }

  .inquiry-intro__text {
      margin: 0 0 8px
  }

  .inquiry-intro__text:last-child {
      margin-bottom: 0
  }

  .top__notice {
      margin-bottom: 32px
  }

  .top__banner {
      margin-bottom: 80px
  }

  .top__banner:last-child {
      margin-bottom: 0
  }

  .top-heading {
      font-size: 34px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 32px;
      padding-bottom: 8px;
      position: relative;
      text-align: center
  }

  .top-heading span {
      display: block;
      font-size: 16px;
      text-align: center
  }

  .top-heading:after {
      background: #08b5ae;
      bottom: 0;
      content: "";
      height: 2px;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      width: 46px
  }

  .top-hero {
      margin-bottom: 32px;
      padding: 16px 40px 0
  }

  .top-hero:before {
      background: url(/packs/user/67dbda1139798bf5b59e.webp) no-repeat 50%/cover;
      content: "";
      height: 470px;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: -1
  }

  .top-hero__inner {
      margin: 0 auto;
      max-width: 760px
  }

  .top-hero__box {
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 0 12px rgba(0,0,0,.08);
      padding: 40px 48px
  }

  .top-hero__keyword {
      margin-bottom: 32px;
      padding: 0 12px
  }

  .top-hero__keyword-title {
      font-size: 14px;
      font-weight: 700;
      margin: 0 0 8px
  }

  .top-hero__keyword-block {
      margin-bottom: 16px
  }

  .top-hero__keyword-block:last-child {
      margin-bottom: 0
  }

  .top-hero-search {
      margin-bottom: 32px;
      position: relative
  }

  .top-hero-search__input {
      background: #fff;
      border: 1px solid transparent;
      border-radius: 100px;
      box-sizing: border-box;
      font-size: 16px;
      height: 100%;
      line-height: 1.5;
      overflow: hidden;
      padding: 13px 64px 13px 24px;
      text-overflow: ellipsis;
      transition: all .3s;
      white-space: nowrap;
      width: 100%
  }

  .top-hero-search__input:hover {
      border-color: #191919
  }

  .top-hero-search__input::-webkit-search-cancel-button {
      -webkit-appearance: none;
      appearance: none
  }

  .top-hero-search__input:focus-visible {
      border-color: #191919;
      border-radius: 100px;
      outline: 0
  }

  .top-hero-search__button {
      background: url(/packs/user/media/images/icon/black/ico_search-4996c99f22c9d6150592.svg) no-repeat 0 0/100% 100%;
      border: 0;
      font-size: 0;
      height: 24px;
      padding: 0;
      position: absolute;
      right: 24px;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 24px;
      z-index: 1
  }

  .top-hero-keyword-wrap {
      margin: -15px -10px;
      overflow-x: auto;
      position: relative;
      -ms-overflow-style: none;
      scrollbar-width: none
  }

  .top-hero-keyword-wrap::-webkit-scrollbar {
      display: none
  }

  .top-hero-keyword-wrap:after {
      background: linear-gradient(90deg,transparent,#fff);
      content: "";
      height: 34px;
      pointer-events: none;
      position: absolute;
      right: 0;
      top: 0;
      width: 32px
  }

  .top-hero-keyword-wrap .simplebar-scrollbar:before {
      background: #dedede
  }

  .top-hero-keyword-wrap .simplebar-scrollbar.simplebar-visible:before {
      opacity: .8
  }

  .top-hero-keyword {
      display: flex;
      gap: 8px;
      list-style-type: none;
      margin: 0;
      padding: 15px 10px
  }

  .top-hero-keyword:after {
      content: "";
      display: block;
      flex-shrink: 0;
      height: 10px;
      width: 10px
  }

  .top-hero-keyword__link {
      background: #fff;
      border-radius: 2px;
      box-shadow: 0 0 6px rgba(0,0,0,.08);
      color: #191919;
      display: block;
      font-size: 12px;
      line-height: 1;
      padding: 5px 12px;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s;
      white-space: nowrap
  }

  .top-hero-keyword__link:hover {
      background: #edfaf8;
      box-shadow: 0 0 15px rgba(0,0,0,.18);
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .top-login {
      display: flex;
      gap: 24px;
      justify-content: center
  }

  .top-login__button {
      background: #17349c;
      border-radius: 2px;
      color: #fff;
      display: block;
      flex: 1;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      padding: 15px 40px;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .top-login__button:after {
      background: url(/packs/user/media/images/icon/white/ico_arrow_right-8708dd4dd694d0832058.svg) no-repeat 50%/contain;
      content: "";
      height: 18px;
      position: absolute;
      right: 16px;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 18px
  }

  .top-login__button:hover {
      background: #00215c
  }

  .top-login__button:hover:after {
      right: 12px
  }

  .top-login__button--buyer {
      background: #08b5ae
  }

  .top-login__button--buyer:hover {
      background: #0f7f7b
  }

  .top-new-event {
      margin-bottom: 80px
  }

  .top-new-event__button-box {
      display: flex;
      justify-content: center
  }

  .top-event-slider {
      margin: -23px 0 17px;
      opacity: 0;
      overflow: hidden;
      padding: 15px 0;
      position: relative;
      transition: all .3s
  }

  .top-event-slider.swiper-initialized {
      opacity: 1
  }

  .top-event-slider__item {
      height: auto!important;
      width: 273px!important
  }

  .top-event-slider__control {
      align-items: center;
      display: flex;
      gap: 0 12px;
      justify-content: center;
      margin: 32px auto 0;
      position: relative
  }

  .top-event-slider .swiper-notification {
      display: none
  }

  .top-pickup-event {
      margin: 0 auto 80px;
      max-width: 1100px;
      padding: 0 40px
  }

  .top-pickup-event__button-box {
      display: flex;
      justify-content: center
  }

  .top-pickup-event-list-wrap {
      margin: -8px
  }

  .top-pickup-event-list-wrap .simplebar-content-wrapper,.top-pickup-event-list-wrap .simplebar-mask {
      overflow: visible!important
  }

  .top-pickup-event-list {
      display: grid;
      grid-template-columns: repeat(auto-fill,minmax(228px,1fr));
      grid-gap: 16px 8px;
      gap: 16px 8px;
      list-style-type: none;
      margin: 0 0 32px;
      padding: 0
  }

  .top-owner {
      background: #edf3ff;
      margin-bottom: 80px;
      padding: 80px 40px;
      position: relative;
      z-index: 0
  }

  .top-owner:before {
      background: url(/packs/user/2b41779d919e8530ee2f.webp) no-repeat 50%/cover
  }

  .top-owner:after,.top-owner:before {
      content: "";
      height: 370px;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: -1
  }

  .top-owner:after {
      background: rgba(23,52,156,.6)
  }

  .top-owner__inner {
      margin: 0 auto;
      max-width: 640px
  }

  .top-owner__heading {
      color: #fff;
      font-size: 34px;
      font-weight: 700;
      margin: 0 0 40px;
      padding-bottom: 8px;
      position: relative;
      text-align: center
  }

  .top-owner__heading span {
      display: block;
      font-size: 16px;
      text-align: center
  }

  .top-owner__heading:before {
      background: rgba(23,52,156,.6);
      content: "";
      filter: blur(50px);
      height: 152px;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: -1
  }

  .top-owner__heading:after {
      background: #fff;
      bottom: 0;
      content: "";
      height: 2px;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      width: 46px
  }

  .top-owner__lead {
      color: #fff;
      font-size: 30px;
      line-height: 1.5;
      margin: 0 0 24px;
      text-align: center
  }

  .top-owner__lead span {
      display: block;
      font-size: 18px
  }

  .top-owner__section {
      margin-bottom: 64px
  }

  .top-owner__section:last-child {
      margin-bottom: 0
  }

  .top-owner__title {
      color: #00215c;
      font-size: 30px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px;
      text-align: center
  }

  .top-owner__title span {
      display: block;
      font-size: 18px
  }

  .top-owner__text {
      color: #00215c;
      font-size: 16px;
      margin: 0 0 24px;
      text-align: center
  }

  .top-owner__text-large {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 32px;
      text-align: center
  }

  .top-owner__button-box {
      display: flex;
      justify-content: center
  }

  .top-owner-about {
      background: #fff;
      display: flex;
      list-style-type: none;
      margin: 0 0 30px;
      padding: 24px
  }

  .top-owner-about__item {
      border-right: 1px solid #dedede;
      flex: 1
  }

  .top-owner-about__item:last-child {
      border-right: 0
  }

  .top-owner-about__image {
      margin: 0 auto 24px;
      width: 80px
  }

  .top-owner-about__image img {
      height: auto;
      width: 100%
  }

  .top-owner-about__text {
      font-weight: 700;
      line-height: 1.5;
      margin: 0;
      text-align: center
  }

  .top-owner-about__text strong {
      color: #ed2769;
      display: block
  }

  .top-owner-function {
      display: flex;
      flex-direction: column;
      gap: 16px;
      list-style-type: none;
      margin: 0 0 32px;
      padding: 0
  }

  .top-owner-function__item {
      align-items: center;
      background: #fff;
      display: flex;
      gap: 24px;
      padding: 24px
  }

  .top-owner-function__image {
      flex-shrink: 0;
      width: 100px
  }

  .top-owner-function__image img {
      height: auto;
      width: 100%
  }

  .top-owner-function__title {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 4px
  }

  .top-owner-function__text {
      font-size: 14px;
      margin: 0
  }

  .top-owner-function__text strong {
      color: #ed2769;
      font-weight: 700
  }

  .top-owner-price {
      display: flex;
      gap: 16px;
      list-style-type: none;
      margin: 0 0 24px;
      padding: 0
  }

  .top-owner-price__item {
      background: #fff;
      flex: 1;
      padding: 40px 24px 24px;
      position: relative
  }

  .top-owner-price__item:before {
      background: url(/packs/user/media/images/top/img_free-ae56a87cc775e3155528.png) no-repeat 0 0/contain;
      content: "";
      height: 64px;
      position: absolute;
      right: 16px;
      top: 16px;
      width: 64px
  }

  .top-owner-price__image {
      margin: 0 auto 16px;
      width: 80px
  }

  .top-owner-price__image img {
      height: auto;
      width: 100%
  }

  .top-owner-price__text {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0;
      text-align: center
  }

  .top-owner-price__text span {
      color: #ed2769;
      display: block
  }

  .top-owner-case {
      background: #fff;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: center;
      list-style-type: none;
      margin: 0 0 24px;
      padding: 24px
  }

  .top-owner-case__item {
      height: 35px
  }

  .top-owner-case__item img {
      height: 100%;
      width: auto
  }

  .top-news {
      margin: 0 auto 80px;
      max-width: 1100px;
      padding: 0 40px
  }

  .top-news__link {
      color: #191919;
      display: block;
      margin-left: auto;
      padding-right: 20px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s;
      width: -moz-fit-content;
      width: fit-content;
      word-break: break-all
  }

  .top-news__link:before {
      background: #191919;
      content: "";
      height: 16px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      position: absolute;
      right: 0;
      top: 5px;
      transition: all .3s;
      width: 16px
  }

  .top-news__link:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .top-news__link:hover:before {
      background: #08b5ae;
      right: -4px
  }

  .top-news-list {
      list-style-type: none;
      margin: 0 0 16px;
      padding: 0
  }

  .top-news-list__item {
      border-bottom: 1px solid #dedede;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .top-news-list__item:last-child {
      margin-bottom: 0
  }

  .top-news-list__status {
      margin-bottom: 4px
  }

  .top-news-list__date {
      font-size: 14px;
      line-height: 1.5
  }

  .top-news-list__link {
      color: #191919;
      display: -webkit-box;
      min-height: 27px;
      overflow: hidden;
      padding-right: 32px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      text-overflow: ellipsis;
      transition: all .3s;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      line-clamp: 1
  }

  .top-news-list__link:before {
      background: #191919;
      content: "";
      height: 16px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 16px
  }

  .top-news-list__link:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .top-news-list__link:hover:before {
      background: #08b5ae;
      right: -4px
  }

  .top-news-list__link span {
      margin: 3px 8px 0 0;
      vertical-align: top
  }

  .top-search {
      margin: 0 auto 80px;
      max-width: 1100px;
      padding: 0 40px
  }

  .top-search-list {
      display: flex;
      flex-direction: column;
      gap: 40px;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .top-search-list--area {
      display: grid;
      grid-template-columns: repeat(3,1fr);
      grid-gap: 40px 24px;
      gap: 40px 24px
  }

  .top-search-list__head {
      margin: 0 0 16px
  }

  .top-search-list__toggle {
      display: none
  }

  .top-search-list__link {
      color: #191919;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      padding-right: 24px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .top-search-list__link:after {
      background: #191919;
      content: "";
      height: 20px;
      margin-top: -1px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      position: absolute;
      right: 0;
      top: 0;
      transition: all .3s;
      width: 20px
  }

  .top-search-list__link:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .top-search-list__link:hover:after {
      background: #08b5ae;
      right: -4px
  }

  .top-search-list__panel {
      display: block!important
  }

  .top-search-child-list {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .top-search-child-list__link {
      background: #fff;
      border-radius: 2px;
      box-shadow: 0 0 6px rgba(0,0,0,.08);
      color: #191919;
      display: block;
      font-size: 14px;
      line-height: 1.5;
      padding: 5px 12px 4px;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .top-search-child-list__link:hover {
      background: #edfaf8;
      box-shadow: 0 0 15px rgba(0,0,0,.18);
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .my-top {
      padding-top: 64px
  }

  .my-top__heading01 {
      font-size: 24px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 auto 8px;
      max-width: 1100px;
      padding: 0 40px
  }

  .my-top__heading02 {
      font-size: 22px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 32px;
      padding-bottom: 8px;
      position: relative;
      text-align: center
  }

  .my-top__heading02:after {
      background: #08b5ae;
      bottom: 0;
      content: "";
      height: 2px;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      width: 46px
  }

  .my-top__section {
      margin: 0 auto 80px;
      max-width: 1100px;
      padding: 0 40px
  }

  .my-top-nav+.my-top__section {
      margin-top: 64px
  }

  .my-top__section--small {
      max-width: 670px
  }

  .my-top__section:last-child {
      margin-bottom: 0
  }

  .my-top__message {
      margin: 0 auto 80px;
      max-width: 1100px;
      padding: 0 40px
  }

  .my-top-nav+.my-top__message {
      margin-top: 64px
  }

  .my-top__banner {
      margin-bottom: 64px
  }

  .my-top__banner:last-child {
      margin-bottom: 0
  }

  .my-top__button-box {
      display: flex;
      justify-content: center;
      margin-top: 32px
  }

  .my-top-nav {
      left: 0;
      margin: 0 auto;
      max-width: 1100px;
      padding: 0 40px;
      position: sticky;
      top: 0;
      z-index: 3
  }

  .my-top-nav__list {
      background: #fff;
      border-radius: 4px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      display: flex;
      list-style-type: none;
      margin: 0;
      padding: 12px 16px
  }

  .my-top-nav__item {
      border-right: 1px solid #def2ef;
      flex: 1
  }

  .my-top-nav__item:last-child {
      border-right: 0
  }

  .my-top-nav__link {
      align-items: center;
      color: #191919;
      display: flex;
      flex-direction: column;
      font-size: 12px;
      font-weight: 700;
      justify-content: center;
      position: relative;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .my-top-nav__link:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .my-top-nav__link:before {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      display: block;
      height: 30px;
      width: 30px
  }

  .my-top-nav__link--ticket:before {
      background-image: url(/packs/user/media/images/icon/main/ico_ticket-3e247df3714b4568bb42.svg)
  }

  .my-top-nav__link--history:before {
      background-image: url(/packs/user/media/images/icon/main/ico_history-012971222faf529f06c8.svg)
  }

  .my-top-nav__link--favorite:before {
      background-image: url(/packs/user/media/images/icon/main/ico_favorite-703be270759105ec7421.svg)
  }

  .my-top-nav__link--setting:before {
      background-image: url(/packs/user/media/images/icon/main/ico_setting-354be6d71b0b967604a8.svg)
  }

  .my-top-nav__link--news:before {
      background-image: url(/packs/user/media/images/icon/main/ico_notifications-0e7bdb8f2c0833afde6b.svg)
  }

  .my-top-nav__number {
      background: #ed2769;
      border-radius: 100px;
      color: #fff;
      font-size: 10px;
      font-weight: 700;
      left: 50%;
      line-height: 1;
      padding: 4px 6px;
      position: absolute;
      top: -4px;
      transform: translateX(15px)
  }

  .my-top-alert {
      align-items: center;
      display: flex;
      gap: 8px;
      margin: 0 auto 24px;
      max-width: 1100px;
      padding: 0 40px
  }

  .my-top-alert__text {
      color: #ed2769;
      line-height: 1.35;
      margin: 0;
      padding-left: 22px;
      position: relative
  }

  .my-top-alert__link {
      color: #ed2769;
      padding-right: 20px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .my-top-alert__link:after {
      background: #ed2769;
      content: "";
      height: 16px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 16px
  }

  .my-top-alert__link:hover {
      color: #c80253;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .my-top-alert__link:hover:after {
      background: #c80253;
      right: -4px
  }

  .my-top-favorite-list-wrap {
      margin: -8px
  }

  .my-top-favorite-list-wrap .simplebar-content-wrapper,.my-top-favorite-list-wrap .simplebar-mask {
      overflow: visible!important
  }

  .my-top-favorite-list {
      display: flex;
      justify-content: center;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .my-top-favorite-list__item {
      width: 25%
  }

  .my-top-menu {
      display: grid;
      grid-template-columns: repeat(4,1fr);
      grid-template-rows: repeat(2,1fr);
      list-style-type: none;
      margin: 0;
      padding: 0;
      grid-gap: 8px;
      gap: 8px
  }

  .my-top-menu__item:first-child {
      grid-column: 1/3;
      grid-row: 1
  }

  .my-top-menu__item:nth-child(2) {
      grid-column: 3/5;
      grid-row: 1
  }

  .my-top-menu__link {
      align-items: center;
      border: 1px solid #08b5ae;
      border-radius: 2px;
      color: #191919;
      display: flex;
      flex-direction: column;
      font-weight: 700;
      gap: 2px;
      height: 80px;
      justify-content: center;
      line-height: 1.5;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .my-top-menu__link:hover {
      background: #edfaf8;
      color: #08b5ae
  }

  .my-top-menu__item:first-child .my-top-menu__link,.my-top-menu__item:nth-child(2) .my-top-menu__link {
      flex-direction: row;
      gap: 4px
  }

  .my-top-menu__link:before {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      display: block;
      height: 30px;
      width: 30px
  }

  .my-top-menu__link--ticket:before {
      background-image: url(/packs/user/media/images/icon/main/ico_ticket-3e247df3714b4568bb42.svg)
  }

  .my-top-menu__link--history:before {
      background-image: url(/packs/user/media/images/icon/main/ico_history-012971222faf529f06c8.svg)
  }

  .my-top-menu__link--favorite:before {
      background-image: url(/packs/user/media/images/icon/main/ico_favorite-703be270759105ec7421.svg)
  }

  .my-top-menu__link--setting:before {
      background-image: url(/packs/user/media/images/icon/main/ico_setting-354be6d71b0b967604a8.svg)
  }

  .my-top-menu__link--news:before {
      background-image: url(/packs/user/media/images/icon/main/ico_notifications-0e7bdb8f2c0833afde6b.svg)
  }

  .my-top-menu__link--inquiry:before {
      background-image: url(/packs/user/media/images/icon/main/ico_message-ee107ac764444cc71f33.svg)
  }

  .my-top-menu__number {
      background: #ed2769;
      border-radius: 100px;
      color: #fff;
      font-size: 10px;
      font-weight: 700;
      left: 50%;
      line-height: 1;
      padding: 4px 6px;
      position: absolute;
      top: 8px;
      transform: translateX(15px)
  }

  .my-top-search {
      margin: 0 auto 80px;
      max-width: 1100px;
      padding: 0 40px
  }

  .my-top-search__inner {
      align-items: center;
      background: #f6f6f6;
      display: flex;
      flex-direction: column;
      padding: 40px
  }

  .my-top-search__title {
      font-size: 22px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 30px;
      text-align: center
  }

  .my-top-search__input {
      min-width: 460px
  }

  .my-top-pickup-list-wrap {
      margin: -8px
  }

  .my-top-pickup-list-wrap .simplebar-content-wrapper,.my-top-pickup-list-wrap .simplebar-mask {
      overflow: visible!important
  }

  .my-top-pickup-list {
      display: grid;
      grid-template-columns: repeat(auto-fill,minmax(228px,1fr));
      grid-gap: 16px 8px;
      gap: 16px 8px;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .my-top-news-list {
      list-style-type: none;
      margin: 0 0 16px;
      padding: 0
  }

  .my-top-news-list__item {
      border-bottom: 1px solid #dedede;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .my-top-news-list__item:last-child {
      margin-bottom: 0
  }

  .my-top-news-list__status {
      align-items: center;
      display: flex;
      gap: 8px;
      margin-bottom: 4px
  }

  .my-top-news-list__link {
      color: #191919;
      display: -webkit-box;
      min-height: 27px;
      overflow: hidden;
      padding-right: 32px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      text-overflow: ellipsis;
      transition: all .3s;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      line-clamp: 1
  }

  .my-top-news-list__link:before {
      background: #191919;
      content: "";
      height: 16px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 16px
  }

  .my-top-news-list__link:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .my-top-news-list__link:hover:before {
      background: #08b5ae;
      right: -4px
  }

  .my-top-news-list__link span {
      margin: 3px 8px 0 0;
      vertical-align: top
  }

  .my-top-news-list__date {
      font-size: 14px;
      line-height: 1.5
  }

  .my-ticket {
      margin: 0 auto;
      max-width: 670px
  }

  .my-ticket__section {
      margin-bottom: 64px
  }

  .my-ticket__section:last-child {
      margin-bottom: 0
  }

  .my-ticket__content {
      margin-bottom: 40px
  }

  .my-ticket__box,.my-ticket__content {
      background: #f6f6f6;
      padding: 32px
  }

  .my-ticket__text {
      margin: 0 0 16px
  }

  .my-ticket__text strong {
      font-weight: 700
  }

  .my-ticket__notice {
      margin-bottom: 40px
  }

  .my-ticket__button-box {
      display: flex;
      justify-content: center;
      margin-top: 32px
  }

  .my-ticket__link {
      display: flex;
      justify-content: center;
      margin-top: 16px
  }

  .my-ticket__message {
      background: #f6f6f6;
      border-radius: 2px;
      font-weight: 700;
      margin: 0 0 16px;
      padding: 16px;
      text-align: center
  }

  .my-ticket__image {
      margin: 0 auto;
      max-width: 900px
  }

  .my-ticket__image img {
      height: auto;
      width: 100%
  }

  .my-ticket-button-box {
      display: flex;
      gap: 24px;
      justify-content: center;
      margin-top: 32px
  }

  .my-ticket-list {
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .my-ticket-list--single {
      margin-bottom: 16px
  }

  .my-ticket-list:last-child {
      margin-bottom: 0
  }

  .my-ticket-list__item {
      border: 1px solid #dedede;
      border-radius: 8px;
      margin-bottom: 16px;
      padding: 24px
  }

  .my-ticket-list--single .my-ticket-list__item {
      border: 0;
      border-radius: 0;
      padding: 0
  }

  .my-ticket-list__item:last-child {
      margin-bottom: 0
  }

  .my-ticket-list__event {
      color: #191919;
      display: flex;
      gap: 16px;
      margin-bottom: 16px;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .my-ticket-list__summary {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      display: flex;
      gap: 16px;
      padding: 24px 24px 32px
  }

  .my-ticket-list__image {
      border-radius: 4px;
      flex-shrink: 0;
      height: 150px;
      overflow: hidden;
      width: 150px
  }

  .my-ticket-list__image img {
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      transition: all .3s;
      width: 100%
  }

  a.my-ticket-list__event:hover .my-ticket-list__image img {
      scale: 1.1
  }

  .my-ticket-list__event-name {
      display: -webkit-box;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      transition: all .3s;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      word-wrap: anywhere
  }

  a.my-ticket-list__event:hover .my-ticket-list__event-name {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .my-ticket-list__event-name span {
      margin-right: 5px;
      vertical-align: text-top
  }

  .my-ticket-list__text {
      color: #191919;
      display: -webkit-box;
      margin: 0 0 4px;
      overflow: hidden;
      padding-left: 28px;
      position: relative;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      word-wrap: anywhere
  }

  .my-ticket-list__text:last-child {
      margin-bottom: 0
  }

  .my-ticket-list__text--date {
      display: block
  }

  .my-ticket-list__date,.my-ticket-list__owner,.my-ticket-list__place {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      font-size: 0;
      height: 24px;
      left: 0;
      position: absolute;
      top: 0;
      width: 24px
  }

  .my-ticket-list__date {
      background-image: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg)
  }

  .my-ticket-list__place {
      background-image: url(/packs/user/media/images/icon/black/ico_location-5a7315bbd4c53b771190.svg)
  }

  .my-ticket-list__owner {
      background-image: url(/packs/user/media/images/icon/black/ico_apartment-4e3d2903ef9ac25a936c.svg)
  }

  .my-ticket-list__time {
      display: inline-block
  }

  .my-ticket-list__bottom {
      border-top: 1px dashed #dedede;
      display: flex;
      gap: 16px;
      margin-top: 16px;
      padding-top: 16px
  }

  .my-ticket-list__ticket-info {
      color: #191919;
      display: block;
      flex: 1;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .my-ticket-list__ticket-info:last-child {
      border-right: 0
  }

  .my-ticket-list__tag {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      margin-bottom: 4px
  }

  .my-ticket-list__title {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 4px;
      transition: all .3s;
      word-wrap: anywhere
  }

  a.my-ticket-list__ticket-info:hover .my-ticket-list__title {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .my-ticket-list__number {
      display: flex;
      margin: 0
  }

  .my-ticket-list__number-title {
      white-space: nowrap
  }

  .my-ticket-list__number-title:after {
      content: "："
  }

  .my-ticket-list__number-data {
      display: -webkit-box;
      margin: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      line-clamp: 1
  }

  .my-ticket-list__ticket {
      display: flex;
      margin: 0
  }

  .my-ticket-list__ticket-title {
      color: #535353;
      font-size: 14px;
      white-space: nowrap
  }

  .my-ticket-list__ticket-title:after {
      content: "："
  }

  .my-ticket-list__ticket-data {
      color: #535353;
      font-size: 14px;
      margin: 0
  }

  .my-ticket-list__action {
      align-items: center;
      background: #f6f6f6;
      border-radius: 4px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      justify-content: center;
      padding: 16px;
      position: relative
  }

  .my-ticket-list__button {
      align-items: center;
      background: #191919;
      border: 1px solid #191919;
      border-radius: 2px;
      box-sizing: border-box;
      color: #fff;
      display: inline-flex;
      font-size: 16px;
      font-weight: 700;
      gap: 4px;
      justify-content: center;
      line-height: 1.5;
      min-width: 200px;
      padding: 12px 11px;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .my-ticket-list__button:hover {
      background: #535353
  }

  .my-ticket-list__share {
      align-items: center;
      background: transparent;
      border: 0;
      color: #191919;
      display: inline-flex;
      font-size: 12px;
      gap: 4px;
      line-height: 1.35;
      padding: 0;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .my-ticket-list__share:before {
      background: #191919;
      content: "";
      display: block;
      height: 20px;
      -webkit-mask-image: url(/packs/user/media/images/icon/black/ico_send-dd3bffa80f1ac775f955.svg);
      mask-image: url(/packs/user/media/images/icon/black/ico_send-dd3bffa80f1ac775f955.svg);
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: contain;
      mask-size: contain;
      transition: all .3s;
      width: 20px
  }

  .my-ticket-list__share[aria-disabled=true] {
      color: #afafaf;
      pointer-events: none
  }

  .my-ticket-list__share[aria-disabled=true]:before {
      background-color: #afafaf
  }

  .my-ticket-list__share--retry:before {
      -webkit-mask-image: url(/packs/user/media/images/icon/black/ico_send_outline-b6961e7e594ede137786.svg);
      mask-image: url(/packs/user/media/images/icon/black/ico_send_outline-b6961e7e594ede137786.svg)
  }

  .my-ticket-list__share--return:before {
      -webkit-mask-image: url(/packs/user/media/images/icon/black/ico_arrow_response-1af5240757dc3611e5e2.svg);
      mask-image: url(/packs/user/media/images/icon/black/ico_arrow_response-1af5240757dc3611e5e2.svg)
  }

  .my-ticket-list__share:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .my-ticket-list__share:hover:before {
      background: #08b5ae
  }

  .my-ticket-link {
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .my-ticket-link__item {
      border-bottom: 1px solid #dedede
  }

  .my-ticket-link__item:first-child {
      border-top: 1px solid #dedede
  }

  .my-ticket-link__link {
      color: #191919;
      display: block;
      padding: 16px 34px 16px 0;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .my-ticket-link__link:before {
      background: #535353;
      content: "";
      height: 18px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 18px
  }

  .my-ticket-link__link:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .my-ticket-link__link:hover:before {
      background: #08b5ae;
      right: -4px
  }

  .my-ticket-online__inner {
      background: #f6f6f6;
      margin: 0 -40px 40px;
      padding: 32px 40px
  }

  .my-ticket-online__summary {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      padding: 24px
  }

  .my-ticket-online__title {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .my-ticket-online__text {
      border-bottom: 1px dashed #afafaf;
      margin: 0 0 16px;
      padding-bottom: 16px
  }

  .my-ticket-online__text:last-child {
      border-bottom: 0;
      margin: 0;
      padding-bottom: 0
  }

  .my-ticket-online__box {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 6px 10px rgba(0,0,0,.08);
      padding: 32px 24px 24px;
      position: relative
  }

  .my-ticket-online__box:before {
      background-color: #fff;
      background-image: radial-gradient(circle,#dedede 4px,transparent 0);
      background-position: 50%;
      background-repeat: repeat-x;
      background-size: 16px 16px;
      content: "";
      height: 16px;
      left: 50%;
      position: absolute;
      top: 0;
      transform: translate(-50%,-50%);
      width: calc(100% - 22px)
  }

  .my-ticket-online__info {
      border-bottom: 1px dashed #afafaf;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .my-ticket-online__info:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .my-ticket-online__info-box {
      border-bottom: 1px dashed #afafaf;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .my-ticket-online__name {
      display: block;
      font-weight: 700
  }

  .my-ticket-online__number {
      display: flex;
      margin: 0
  }

  .my-ticket-online__number-title {
      color: #535353;
      flex-shrink: 0
  }

  .my-ticket-online__number-title:after {
      content: "："
  }

  .my-ticket-online__number-data {
      color: #535353;
      margin: 0
  }

  .my-ticket-online__ticket-name {
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .my-ticket-online__list {
      align-items: center;
      display: flex;
      margin: 0 0 4px
  }

  .my-ticket-online__list:last-child {
      margin-bottom: 0
  }

  .my-ticket-online__list-title {
      flex-shrink: 0;
      font-size: 12px;
      white-space: nowrap
  }

  .my-ticket-online__list-title:after {
      content: "‖";
      margin: 0 4px
  }

  .my-ticket-online__list-data {
      font-size: 14px;
      line-height: 1.5;
      margin: 0;
      word-break: break-all
  }

  .my-ticket-online__sub-text {
      color: #535353;
      font-size: 14px;
      margin: 0
  }

  .my-ticket-online__sub-text br {
      visibility: hidden
  }

  .my-ticket-online__promoter {
      margin: 0
  }

  .my-ticket-online__promoter-title {
      font-size: 22px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .my-ticket-online-info {
      display: flex;
      flex-direction: column;
      gap: 4px;
      margin: 0
  }

  .my-ticket-online-info__block {
      display: flex;
      font-size: 16px;
      gap: 12px
  }

  .my-ticket-online-info__block:last-child {
      margin-bottom: 0
  }

  .my-ticket-online-info__title {
      flex: 0 0 auto;
      white-space: nowrap;
      width: 91px
  }

  .my-ticket-online-info__title span {
      align-items: center;
      display: flex;
      gap: 4px;
      position: relative
  }

  .my-ticket-online-info__title span:before {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      display: block;
      flex: 0 0 auto;
      height: 22px;
      margin-top: -1px;
      width: 22px
  }

  .my-ticket-online-info__data {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 0 10px;
      margin: 0;
      width: 100%
  }

  .my-ticket-online-info__data span {
      display: block;
      width: 100%
  }

  .my-ticket-online-info__date:before {
      background-image: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg)
  }

  .my-ticket-online-info__time:before {
      background-image: url(/packs/user/media/images/icon/black/ico_schedule-41d8791858c1797dee05.svg)
  }

  .my-ticket-online-info__place:before {
      background-image: url(/packs/user/media/images/icon/black/ico_location-5a7315bbd4c53b771190.svg)
  }

  .my-ticket-online-info__sub-time {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 0 10px
  }

  .my-ticket-online-info-time {
      align-items: center;
      color: #535353;
      display: flex;
      flex-wrap: wrap;
      font-size: 14px;
      gap: 0 5px;
      margin: 0
  }

  .my-ticket-online-info-time--large {
      color: #191919;
      font-size: 16px
  }

  .my-ticket-online-info-time__date {
      margin: 0
  }

  .my-ticket-print {
      align-items: center;
      display: flex;
      gap: 16px;
      justify-content: flex-end;
      margin-bottom: 24px
  }

  .my-ticket-print__text {
      font-size: 14px;
      margin: 0
  }

  .my-ticket-summary {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      padding: 24px 24px 32px
  }

  .my-ticket-summary__title {
      font-size: 24px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px;
      word-wrap: anywhere
  }

  .my-ticket-summary__link {
      align-items: center;
      color: #191919;
      display: inline-block;
      gap: 4px;
      padding-right: 34px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .my-ticket-summary__link:after {
      background: #191919;
      content: "";
      height: 30px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 30px
  }

  .my-ticket-summary__link:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .my-ticket-summary__link:hover:after {
      background: #08b5ae;
      right: -4px
  }

  .my-ticket-summary-list {
      display: flex;
      flex-direction: column;
      gap: 8px;
      margin: 0
  }

  .my-ticket-summary-list__block {
      display: flex;
      font-size: 16px;
      gap: 8px
  }

  .my-ticket-summary-list__block:last-child {
      margin-bottom: 0
  }

  .my-ticket-summary-list__title {
      flex: 0 0 auto;
      white-space: nowrap;
      width: 91px
  }

  .my-ticket-summary-list__title span {
      align-items: center;
      display: flex;
      font-size: 16px;
      gap: 4px;
      position: relative
  }

  .my-ticket-summary-list__title span:before {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      display: block;
      flex: 0 0 auto;
      height: 22px;
      margin-top: -1px;
      width: 22px
  }

  .my-ticket-summary-list__data {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 0 10px;
      margin: 0;
      width: 100%;
      word-wrap: anywhere
  }

  .my-ticket-summary-list__data span {
      display: block;
      width: 100%
  }

  .my-ticket-summary-list__date:before {
      background-image: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg)
  }

  .my-ticket-summary-list__time:before {
      background-image: url(/packs/user/media/images/icon/black/ico_schedule-41d8791858c1797dee05.svg)
  }

  .my-ticket-summary-list__place:before {
      background-image: url(/packs/user/media/images/icon/black/ico_location-5a7315bbd4c53b771190.svg)
  }

  .my-ticket-summary-list__sub-time {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 0 10px
  }

  .my-ticket-summary-list-time {
      align-items: center;
      color: #535353;
      display: flex;
      flex-wrap: wrap;
      font-size: 14px;
      gap: 0 4px;
      margin: 0
  }

  .my-ticket-summary-list-time--large {
      color: #191919;
      font-size: 16px
  }

  .my-ticket-summary-list-time__date {
      margin: 0
  }

  .my-ticket-info {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 6px 10px rgba(0,0,0,.08);
      padding: 32px 24px 24px;
      position: relative
  }

  .my-ticket-info:before {
      background-color: #fff;
      background-image: radial-gradient(circle,#dedede 4px,transparent 0);
      background-position: 50%;
      background-repeat: repeat-x;
      background-size: 16px 16px;
      content: "";
      height: 16px;
      left: 50%;
      position: absolute;
      top: 0;
      transform: translate(-50%,-50%);
      width: calc(100% - 22px)
  }

  .my-ticket-info__block {
      align-items: flex-start;
      border-bottom: 1px dashed #afafaf;
      display: flex;
      gap: 24px;
      margin-bottom: 24px;
      padding-bottom: 16px
  }

  .my-ticket-info__block:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .my-ticket-info__content {
      flex: 1
  }

  .my-ticket-info__box {
      border-bottom: 1px dashed #afafaf;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .my-ticket-info__name {
      font-weight: 700;
      text-align: center
  }

  .my-ticket-info__name-title {
      color: #535353;
      font-size: 12px;
      font-weight: 400
  }

  .my-ticket-info__name-title:not(:first-child) {
      margin-left: 8px
  }

  .my-ticket-info__name-title:after {
      content: ":";
      margin-left: 2px;
      margin-right: 2px
  }

  .my-ticket-info__number {
      color: #535353;
      display: flex;
      margin: 0
  }

  .my-ticket-info__number-title:after {
      content: "："
  }

  .my-ticket-info__number-data {
      margin: 0
  }

  .my-ticket-info__list {
      align-items: center;
      display: flex;
      margin: 0 0 4px
  }

  .my-ticket-info__list:last-child {
      margin-bottom: 0
  }

  .my-ticket-info__list-title {
      font-size: 12px;
      white-space: nowrap
  }

  .my-ticket-info__list-title:after {
      content: "‖";
      margin: 0 4px
  }

  .my-ticket-info__list-data {
      font-size: 14px;
      line-height: 1.5;
      margin: 0;
      word-break: break-all
  }

  .my-ticket-info__title {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px;
      word-wrap: anywhere
  }

  .my-ticket-info__type {
      margin: 0 0 16px
  }

  .my-ticket-info__type-title {
      font-size: 14px
  }

  .my-ticket-info__type-data {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0;
      word-wrap: anywhere
  }

  .my-ticket-info__sub-text {
      color: #535353;
      font-size: 14px;
      margin: 0
  }

  .my-ticket-info__price {
      margin: 0
  }

  .my-ticket-qr {
      background: #fff;
      border: 1px solid #dedede;
      box-sizing: border-box;
      flex: 0 0 auto;
      height: 200px;
      padding: 16px;
      width: 200px
  }

  .my-ticket-qr.color02 {
      background: #000
  }

  .my-ticket-qr.color03 {
      background: #0053e5
  }

  .my-ticket-qr.color04 {
      background: #00d2e5
  }

  .my-ticket-qr.color05 {
      background: #00a63d
  }

  .my-ticket-qr.color06 {
      background: #67d916
  }

  .my-ticket-qr.color07 {
      background: #ffd400
  }

  .my-ticket-qr.color08 {
      background: #ff9121
  }

  .my-ticket-qr.color09 {
      background: #f20000
  }

  .my-ticket-qr.color10 {
      background: #ff66b2
  }

  .my-ticket-qr.color11 {
      background: #ac00e5
  }

  .my-ticket-qr__inner {
      background: #fff;
      display: flex;
      justify-content: center;
      padding: 10px
  }

  .my-ticket-qr__image img {
      height: auto;
      width: 100%
  }

  .my-ticket-text-link {
      display: block;
      margin: 8px 0 0 auto;
      width: -moz-fit-content;
      width: fit-content
  }

  .my-ticket-promoter {
      background: #f6f6f6;
      padding: 32px
  }

  .my-ticket-promoter__content {
      display: flex;
      gap: 20px
  }

  .my-ticket-promoter__image {
      flex-shrink: 0;
      height: 120px;
      width: 120px
  }

  .my-ticket-promoter__image img {
      background: #fff;
      border: 2px solid #fff;
      border-radius: 4px;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      width: 100%
  }

  .my-ticket-promoter__text-box {
      display: flex;
      flex: 1;
      flex-direction: column
  }

  .my-ticket-promoter__title {
      flex: 1;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0;
      word-wrap: anywhere
  }

  .my-ticket-share {
      margin-bottom: 40px
  }

  .my-ticket-share__text {
      margin: 0 0 8px
  }

  .my-ticket-text-copy {
      margin-bottom: 40px
  }

  .my-ticket-text-copy__button {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 16px
  }

  .my-ticket-text-copy__button:last-child {
      margin-bottom: 0
  }

  .my-ticket-text-copy__textarea-wrap {
      margin-bottom: 16px
  }

  .my-ticket-text-copy__textarea {
      background: #fff;
      border: 1px solid #afafaf;
      border-radius: 4px;
      box-sizing: border-box;
      display: block;
      font-size: 16px;
      height: 100%;
      line-height: 1.5;
      max-width: 100%;
      min-height: 820px;
      padding: 12px 15px;
      transition: all .3s;
      width: 100%
  }

  .my-ticket-text-copy__textarea:focus-visible {
      border-color: #191919;
      border-radius: 4px;
      outline: 0
  }

  .history__page {
      font-size: 14px;
      margin: 0 0 16px
  }

  .history__box {
      background: #f6f6f6;
      padding: 32px
  }

  .history__complete {
      font-size: 18px;
      font-weight: 700;
      margin: 0
  }

  .history-list {
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .history-list__item {
      margin-bottom: 16px
  }

  .history-list__item:last-child {
      margin-bottom: 0
  }

  .history-list__link {
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      color: #191919;
      display: block;
      padding: 24px 40px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .history-list__link:hover {
      background: #edfaf8;
      box-shadow: 0 0 15px rgba(0,0,0,.18)
  }

  .history-list__top {
      border-bottom: 1px dashed #dedede;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .history-list__tag {
      display: flex;
      gap: 5px;
      margin-bottom: 8px
  }

  .history-list__title {
      color: #191919;
      display: -webkit-box;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      transition: all .3s;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2
  }

  .history-list__date {
      color: #535353;
      display: flex;
      gap: 4px;
      margin: 0 0 4px
  }

  .history-list__date span {
      background: url(/packs/user/media/images/icon/gray/ico_calendar02-2877a974aeb3a9f7ab4f.svg) no-repeat 50%/contain;
      display: block;
      font-size: 0;
      height: 24px;
      width: 24px
  }

  .history-list__type {
      color: #535353;
      margin: 0;
      overflow: hidden;
      padding-left: 28px;
      position: relative;
      text-overflow: ellipsis;
      white-space: nowrap
  }

  .history-list__type:before {
      background: url(/packs/user/media/images/icon/gray/ico_ticket-5490c6cf983f8c9be936.svg) no-repeat 50%/contain;
      content: "";
      height: 24px;
      left: 0;
      position: absolute;
      top: 1px;
      width: 24px
  }

  .history-list__type span {
      flex-shrink: 0
  }

  .history-list__type span:after {
      content: "‖"
  }

  .history-list__alert {
      background: #ffe5e2;
      padding: 5px
  }

  .history-list__alert,.history-list__attention {
      color: #ed0f00;
      display: block;
      font-weight: 700;
      line-height: 1.5;
      margin-bottom: 8px;
      text-align: center
  }

  .history-list__attention {
      background: #fff;
      border: 1px solid #ed0f00;
      padding: 4px
  }

  .history-list-info {
      display: flex;
      flex-wrap: wrap;
      margin: 0 0 8px
  }

  .history-list-info:last-child {
      margin-bottom: 0
  }

  .history-list-info__block {
      border-right: 1px solid #dedede;
      display: flex;
      margin-right: 16px;
      padding-right: 16px
  }

  .history-list-info__block:last-child {
      border-right: 0;
      margin-right: 0;
      padding-right: 0
  }

  .history-list-info__title {
      color: #191919
  }

  .history-list-info__title:after {
      content: "："
  }

  .history-list-info__data {
      color: #191919;
      margin: 0
  }

  .history-summary {
      margin-bottom: 64px
  }

  .history-summary__tag {
      display: flex;
      gap: 4px;
      margin-bottom: 8px
  }

  .history-summary__event-name {
      color: #191919;
      display: inline-block;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin-bottom: 16px;
      padding-right: 24px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s;
      word-wrap: anywhere
  }

  .history-summary__event-name:after {
      background: #191919;
      content: "";
      height: 20px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 20px
  }

  .history-summary__event-name:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .history-summary__event-name:hover:after {
      background: #08b5ae;
      right: -4px
  }

  .history-summary__box {
      display: flex;
      gap: 16px
  }

  .history-summary__image {
      border-radius: 2px;
      flex-shrink: 0;
      height: 150px;
      overflow: hidden;
      width: 150px
  }

  .history-summary__image img {
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      width: 100%
  }

  .history-summary-list {
      display: flex;
      flex-direction: column;
      gap: 4px;
      margin: 0
  }

  .history-summary-list__block {
      display: flex;
      font-size: 16px;
      gap: 12px
  }

  .history-summary-list__block:last-child {
      margin-bottom: 0
  }

  .history-summary-list__title {
      flex: 0 0 auto;
      white-space: nowrap;
      width: 91px
  }

  .history-summary-list__title span {
      align-items: center;
      display: flex;
      gap: 4px;
      position: relative
  }

  .history-summary-list__title span:before {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      display: block;
      flex: 0 0 auto;
      height: 22px;
      margin-top: -1px;
      width: 22px
  }

  .history-summary-list__data {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 0 10px;
      margin: 0;
      width: 100%;
      word-wrap: anywhere
  }

  .history-summary-list__data span {
      display: block;
      width: 100%
  }

  .history-summary-list__date:before {
      background-image: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg)
  }

  .history-summary-list__time:before {
      background-image: url(/packs/user/media/images/icon/black/ico_schedule-41d8791858c1797dee05.svg)
  }

  .history-summary-list__place:before {
      background-image: url(/packs/user/media/images/icon/black/ico_location-5a7315bbd4c53b771190.svg)
  }

  .history-summary-list__owner:before {
      background-image: url(/packs/user/media/images/icon/black/ico_apartment-4e3d2903ef9ac25a936c.svg)
  }

  .history-summary-list__link {
      color: #191919;
      transition: all .3s
  }

  .history-summary-list__link:hover {
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .history-summary-list__sub-time {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 0 10px
  }

  .history-summary-list-time {
      align-items: center;
      color: #535353;
      display: flex;
      flex-wrap: wrap;
      font-size: 14px;
      gap: 0 5px;
      margin: 0
  }

  .history-summary-list-time--large {
      color: #191919;
      font-size: 16px
  }

  .history-summary-list-time__date {
      margin: 0
  }

  .history-table {
      border-spacing: 0;
      border-top: 1px solid #dedede;
      margin-bottom: 16px;
      width: 100%
  }

  .history-table:last-child {
      margin-bottom: 0
  }

  .history-table tr {
      border-bottom: 1px solid #dedede;
      display: flex
  }

  .history-table tr:last-child {
      border-bottom: 0
  }

  .history-table__title {
      font-size: 14px;
      font-weight: 700;
      padding: 18px 10px 17px 0;
      text-align: left;
      width: 190px
  }

  .history-table tr:last-child .history-table__title {
      padding-bottom: 0
  }

  .history-table__data {
      flex: 1;
      padding: 16px 0
  }

  .history-table tr:last-child .history-table__data {
      padding-bottom: 0
  }

  .history-detail__message {
      margin-bottom: 64px
  }

  .history-detail__section-wrap {
      display: flex;
      flex-direction: column;
      gap: 40px
  }

  .history-detail__section {
      border-bottom: 1px solid #afafaf;
      padding-bottom: 40px
  }

  .history-detail__section:last-child {
      border-bottom: 0;
      padding-bottom: 0
  }

  .history-detail__title {
      display: flex;
      font-size: 22px;
      font-weight: 700;
      gap: 8px;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .history-detail__title span {
      margin-top: 5px
  }

  .history-detail__text {
      margin: 0
  }

  .history-detail__note {
      margin-bottom: 8px
  }

  .history-detail__button-box {
      display: flex;
      justify-content: center;
      margin-top: 24px
  }

  .history-detail-cancel {
      align-items: center;
      display: flex;
      flex-direction: column;
      gap: 8px;
      margin-bottom: 64px
  }

  .history-detail-cancel__list {
      display: flex;
      margin: 0
  }

  .history-detail-cancel__list-title:after {
      content: "："
  }

  .history-detail-cancel__list-data {
      margin: 0
  }

  .news-user-list__heading01 {
      margin: 0 auto 30px;
      max-width: 670px
  }

  .news-user-list__inner {
      margin: 0 auto;
      max-width: 670px
  }

  .news-button-box {
      display: flex;
      justify-content: center;
      margin-top: 30px
  }

  .news-list {
      border-top: 1px solid #dedede;
      list-style-type: none;
      margin: 0 0 16px;
      padding: 0
  }

  .news-list__item {
      border-bottom: 1px solid #dedede;
      position: relative;
      transition: all .3s
  }

  .is-editing .news-list__item {
      padding-left: 35px
  }

  .news-list__item:last-child {
      margin-bottom: 0
  }

  .news-list__link {
      color: #191919;
      display: block;
      padding: 16px 28px 16px 0;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .news-list__link:before {
      background: #191919;
      content: "";
      height: 24px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 24px
  }

  .news-list__item:hover .news-list__link:before {
      background: #08b5ae;
      right: -4px
  }

  .is-editing .news-list__link {
      pointer-events: none
  }

  .is-editing .news-list__link:before {
      opacity: 0
  }

  .news-list__head {
      align-items: center;
      display: flex;
      gap: 8px;
      margin-bottom: 4px
  }

  .news-list__date {
      display: block;
      font-size: 12px;
      line-height: 1.5
  }

  .news-list__title {
      font-size: 16px;
      font-weight: 400;
      margin: 0 0 4px;
      transition: all .3s
  }

  .news-list__link:hover .news-list__title {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .news-list__title span {
      margin: 3px 8px 0 0;
      vertical-align: top
  }

  .news-list__from {
      color: #191919;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
  }

  .news-list__badge {
      background: #ed2769;
      border-radius: 50%;
      font-size: 0;
      height: 8px;
      left: 0;
      margin: 0;
      position: absolute;
      top: 7px;
      width: 8px
  }

  .news-list__subject {
      color: #191919;
      display: -webkit-box;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      margin: 0 0 4px;
      overflow: hidden;
      position: relative;
      text-overflow: ellipsis;
      transition: all .3s;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical
  }

  .news-list__subject:has(.news-list__badge) {
      font-weight: 700;
      padding-left: 16px
  }

  .news-list__link:hover .news-list__subject {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .news-list__label {
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      transition: all .3s;
      width: 100%
  }

  .is-editing .news-list__label {
      opacity: 1
  }

  .news-list__label:before {
      background: #fff;
      border: 1px solid #08b5ae;
      border-radius: 4px;
      box-sizing: border-box;
      width: 20px
  }

  .news-list__label:after,.news-list__label:before {
      content: "";
      height: 20px;
      left: 0;
      position: absolute;
      top: 19px
  }

  .news-list__label:after {
      background: url(/packs/user/media/images/icon/main/ico_check-ee57dd92bf6ff05a3f03.svg) no-repeat 0 0/auto 100%;
      transition: all .3s;
      width: 0
  }

  .news-list__label:has(:checked):after {
      width: 20px
  }

  .news-list__checkbox {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-sizing: border-box;
      cursor: pointer;
      display: none;
      height: 100%;
      left: 0;
      margin: 0;
      position: absolute;
      top: 0;
      width: 100%
  }

  .is-editing .news-list__checkbox {
      display: block
  }

  .news-detail__head {
      margin-bottom: 24px
  }

  .news-detail__status {
      align-items: center;
      display: flex;
      gap: 8px;
      margin-bottom: 8px
  }

  .news-detail__from {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5
  }

  .news-detail__date {
      font-size: 14px;
      font-weight: 700
  }

  .news-detail__date-time {
      color: #535353;
      display: block;
      font-size: 14px;
      font-weight: 400;
      text-align: right
  }

  .news-detail__heading {
      font-size: 24px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .news-detail__heading:last-child {
      margin-bottom: 0
  }

  .news-detail__heading span {
      margin: -4px 8px 0 0;
      vertical-align: middle
  }

  .news-detail__section {
      margin-bottom: 24px
  }

  .news-detail__section:last-child {
      margin-bottom: 0
  }

  .news-detail__text {
      border-bottom: 1px solid #dedede;
      border-top: 1px solid #dedede;
      margin-bottom: 24px;
      padding: 32px 0
  }

  .news-detail__text:last-child {
      margin-bottom: 0
  }

  .news-detail__text a {
      color: #17349c;
      transition: all .3s
  }

  .news-detail__text a:hover {
      color: #00215c;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .news-detail__link {
      color: #06e;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .news-detail__file-upload {
      background: #f6f6f6;
      padding: 24px
  }

  .news-detail__title {
      color: #535353;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .news-detail__file-block {
      display: flex;
      gap: 10px
  }

  .news-detail__file-box {
      align-items: flex-start;
      display: flex;
      flex-direction: column;
      gap: 8px
  }

  .news-detail__file-image {
      flex-shrink: 0;
      height: 100px;
      width: 100px
  }

  .news-detail__file-image img {
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      width: 100%
  }

  .news-detail__file-text {
      display: block;
      flex: 1;
      word-break: break-all
  }

  .news-action {
      background: #fff;
      margin-bottom: 16px;
      transition: all .3s;
      z-index: 1
  }

  .is-editing .news-action {
      box-shadow: 0 3px 3px rgba(0,0,0,.05);
      left: 0;
      margin-bottom: 0;
      position: sticky;
      top: 0
  }

  .news-action__inner {
      align-items: center;
      display: flex;
      justify-content: space-between;
      margin: 0 auto;
      max-width: 670px;
      transition: all .3s
  }

  .is-editing .news-action__inner {
      padding: 8px 40px
  }

  .news-action__block {
      display: none;
      gap: 10px
  }

  .is-editing .news-action__block {
      display: flex
  }

  .news-action__control {
      background: #fff;
      border: 1px solid #535353;
      border-radius: 2px;
      box-sizing: border-box;
      color: #191919;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.5;
      margin-left: auto;
      min-height: 35px;
      padding: 6px 15px;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .news-action__control:focus {
      outline: 0
  }

  .news-action__control:focus-visible {
      border-radius: 4px;
      outline: 6px solid #17349c
  }

  .news-action__control:hover {
      background: #f6f6f6;
      border-color: #afafaf
  }

  .news-action__edit {
      align-items: center;
      display: flex;
      gap: 4px
  }

  .is-editing .news-action__edit {
      display: none
  }

  .news-action__edit:before {
      background: url(/packs/user/media/images/icon/black/ico_checkbox-6a756f2f83c0472ca96b.svg) no-repeat 50%/contain;
      content: "";
      display: block;
      height: 16px;
      margin-top: -2px;
      width: 16px
  }

  .news-action__cancel {
      align-items: center;
      display: none;
      gap: 4px
  }

  .is-editing .news-action__cancel {
      display: flex
  }

  .news-action__cancel:before {
      background: url(/packs/user/media/images/icon/black/ico_close-e21d93a6b3b997a2cd6a.svg) no-repeat 50%/contain;
      content: "";
      display: block;
      height: 16px;
      width: 16px
  }

  .news-action__button {
      align-items: center;
      background: transparent;
      border: 0;
      display: flex;
      flex-direction: column;
      font-size: 12px;
      line-height: 1.5;
      padding: 0;
      transition: all .3s;
      width: 80px
  }

  .news-action__button:focus {
      outline: 0
  }

  .news-action__button:focus-visible {
      border-radius: 4px;
      outline: 6px solid #17349c
  }

  .news-action__button:before {
      background: #191919;
      content: "";
      display: block;
      height: 28px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_mail_close-243b7453683fcf1d7f70.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_mail_close-243b7453683fcf1d7f70.svg) no-repeat center center/contain;
      transition: all .3s;
      width: 28px
  }

  .news-action__button--unread:before {
      -webkit-mask-image: url(/packs/user/media/images/icon/black/ico_mail_open-1cb2c21bec1f4b30f53d.svg);
      mask-image: url(/packs/user/media/images/icon/black/ico_mail_open-1cb2c21bec1f4b30f53d.svg)
  }

  .news-action__button:hover {
      color: #08b5ae
  }

  .news-action__button:hover:before {
      background: #08b5ae
  }

  .favorite {
      margin: 0 auto;
      max-width: 1100px;
      padding: 0 40px
  }

  .favorite__box {
      padding: 0
  }

  .favorite__button-box {
      display: flex;
      justify-content: center;
      margin-top: 64px
  }

  .favorite-list {
      display: grid;
      grid-template-columns: repeat(auto-fill,minmax(212px,1fr));
      list-style-type: none;
      margin: 0;
      padding: 0;
      grid-gap: 24px;
      gap: 24px
  }

  .favorite-list__item {
      background: #fff;
      border-radius: 4px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      height: 100%;
      padding: 16px;
      position: relative;
      transition: all .3s
  }

  .favorite-list__item:has(a:hover),.favorite-list__item:has(button:hover) {
      box-shadow: 0 0 18px rgba(0,0,0,.18)
  }

  .favorite-list__link {
      color: #191919;
      flex: 1;
      margin: -16px -16px 16px;
      padding: 16px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none
  }

  .favorite-list__link:before {
      border-bottom: 1px dashed #afafaf;
      bottom: 0;
      content: "";
      height: 1px;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      width: calc(100% - 32px)
  }

  .favorite-list__link:hover {
      background: #edfaf8
  }

  .favorite-list__tag {
      bottom: 0;
      left: 0;
      position: absolute
  }

  .favorite-list__image-box {
      background: #fff;
      border-radius: 4px;
      margin-bottom: 16px;
      position: relative
  }

  .favorite-list__image {
      aspect-ratio: 1/1;
      border-radius: 4px;
      overflow: hidden
  }

  .favorite-list__image img {
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      width: 100%
  }

  .favorite-list__title {
      color: #191919;
      display: -webkit-inline-box;
      font-size: 16px;
      font-weight: 700;
      height: 48px;
      line-height: 1.5;
      margin: 0 0 8px;
      overflow: hidden;
      -webkit-text-decoration: none;
      text-decoration: none;
      text-overflow: ellipsis;
      transition: all .3s;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      word-wrap: anywhere
  }

  .favorite-list__link:hover .favorite-list__title {
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .favorite-list__text {
      display: -webkit-box;
      font-size: 14px;
      line-height: 1.35;
      margin: 0 0 4px;
      overflow: hidden;
      padding-left: 22px;
      position: relative;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      word-wrap: anywhere
  }

  .favorite-list__text--date {
      display: block
  }

  .favorite-list__text:last-child {
      margin-bottom: 0
  }

  .favorite-list__text span {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      font-size: 0;
      height: 18px;
      left: 0;
      position: absolute;
      top: -1px;
      width: 18px
  }

  .favorite-list__date {
      background-image: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg)
  }

  .favorite-list__time {
      background-image: url(/packs/user/media/images/icon/black/ico_schedule-41d8791858c1797dee05.svg)
  }

  .favorite-list__place {
      background-image: url(/packs/user/media/images/icon/black/ico_location-5a7315bbd4c53b771190.svg)
  }

  .favorite-list__button {
      align-items: center;
      background: transparent;
      border: 0;
      color: #191919;
      display: inline-flex;
      font-size: 14px;
      gap: 4px;
      line-height: 1.7;
      margin-left: auto;
      padding: 0;
      transition: all .3s;
      width: -moz-fit-content;
      width: fit-content
  }

  .favorite-list__button:before {
      background: #191919;
      content: "";
      display: block;
      height: 16px;
      margin-top: -2px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_delete-dbfddf8b898a339d7de1.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_delete-dbfddf8b898a339d7de1.svg) no-repeat center center/contain;
      transition: all .3s;
      width: 16px
  }

  .favorite-list__button:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .favorite-list__button:hover:before {
      background: #08b5ae
  }

  .account__heading-box {
      align-items: center;
      display: flex;
      justify-content: space-between;
      margin-bottom: 16px
  }

  .account__heading {
      align-items: center;
      display: flex;
      font-size: 22px;
      font-weight: 700;
      gap: 16px;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .account__heading-box .account__heading {
      margin: 0
  }

  .account__section {
      border-bottom: 1px solid #afafaf;
      margin-bottom: 40px;
      padding-bottom: 40px
  }

  .account__head {
      margin-bottom: 24px
  }

  .account__box {
      background: #f6f6f6;
      padding: 32px
  }

  .account__text {
      margin: 0 0 8px
  }

  .account__text strong {
      font-weight: 700
  }

  .account__text:last-child {
      margin-bottom: 0
  }

  .account__text-large {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .account__text-large:last-child {
      margin-bottom: 0
  }

  .account__text-em {
      color: #ed2769
  }

  .account__link-box {
      display: block;
      text-align: right
  }

  .account__list {
      margin-bottom: 40px
  }

  .account-link {
      background: transparent;
      border: 0;
      color: #191919;
      display: block;
      line-height: 1.7;
      margin-left: auto;
      padding: 0 20px 0 0;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s;
      width: -moz-fit-content;
      width: fit-content;
      word-break: break-all
  }

  .account-link:before {
      background: #191919;
      content: "";
      height: 16px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      position: absolute;
      right: 0;
      top: 5px;
      transition: all .3s;
      width: 16px
  }

  .account-link:hover {
      color: #08b5ae
  }

  .account-link:hover:before {
      background: #08b5ae
  }

  .account-table {
      border-bottom: 1px solid #dedede;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .account-table--border-zero {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .account-table--border {
      border-top: 1px solid #dedede;
      padding-top: 16px
  }

  .account-table:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .account-table__section {
      align-items: center;
      border-bottom: 1px solid #dedede;
      display: flex;
      gap: 24px;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .account-table__section:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .account-table__block {
      flex: 1
  }

  .account-table__title {
      color: #6e6e6e;
      font-size: 14px;
      font-weight: 700;
      margin: 0 0 4px
  }

  .account-table__data {
      font-size: 16px;
      margin: 0;
      word-break: break-all
  }

  .account-table__tag {
      margin-bottom: 4px
  }

  .account-table__text {
      margin: 0 0 16px
  }

  .account-table__qr {
      align-self: flex-start;
      border: 1px solid #dedede;
      box-sizing: border-box;
      flex-shrink: 0;
      padding: 8px;
      width: 150px
  }

  .account-table__qr img {
      height: auto;
      width: 100%
  }

  .account-table__link {
      margin-top: 16px;
      text-align: right
  }

  .account-card {
      margin-bottom: 24px
  }

  .account-card__box {
      background: #f6f6f6;
      padding: 32px
  }

  .account-card__text {
      margin: 0 0 16px;
      text-align: center
  }

  .account-card__title {
      font-size: 18px;
      font-weight: 700;
      margin: 0 0 8px;
      text-align: center
  }

  .account-card__register {
      display: flex;
      justify-content: center;
      margin-bottom: 24px
  }

  .account-card__button-box {
      display: flex;
      justify-content: center;
      margin-top: 16px
  }

  .account-card-list {
      display: flex;
      gap: 5px;
      justify-content: center;
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .account-card-list__item {
      background: #fff;
      border: 1px solid #dedede;
      border-radius: 6px;
      box-sizing: border-box;
      height: 40px;
      overflow: hidden;
      padding: 7px;
      width: 65px
  }

  .account-card-list__item img {
      display: block;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      width: 100%
  }

  .account-card-note {
      align-items: center;
      background: #fff2eb;
      display: flex;
      flex-direction: column;
      padding: 24px
  }

  .account-card-note__text {
      color: #cc4100;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px
  }

  .account-card-delete {
      display: flex;
      justify-content: center;
      margin-top: 24px
  }

  .account-card-delete__link {
      align-items: center;
      color: #191919;
      display: flex;
      gap: 4px;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .account-card-delete__link:before {
      background: #191919;
      content: "";
      display: block;
      height: 16px;
      margin-top: -2px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_delete-dbfddf8b898a339d7de1.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_delete-dbfddf8b898a339d7de1.svg) no-repeat center center/contain;
      transition: all .3s;
      width: 16px
  }

  .account-card-delete__link:hover {
      color: #08b5ae
  }

  .account-card-delete__link:hover:before {
      background: #08b5ae
  }

  .account-code {
      background: #f6f6f6;
      padding: 32px
  }

  .account-code__text {
      align-items: center;
      display: flex;
      gap: 8px;
      justify-content: center;
      margin: 0 0 16px
  }

  .account-code__text span {
      font-size: 24px;
      font-weight: 700;
      line-height: 1.5
  }

  .account-code__button {
      border-bottom: 1px dashed #afafaf;
      display: flex;
      justify-content: center;
      margin-bottom: 24px;
      padding-bottom: 24px
  }

  .account-code__note {
      margin-bottom: 16px
  }

  .account-switch-list {
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .account-switch-list__item {
      align-items: flex-start;
      border-bottom: 1px solid #dedede;
      display: flex;
      gap: 16px;
      padding: 16px 0
  }

  .account-switch-list__item:first-child {
      border-top: 1px solid #dedede
  }

  .account-switch-list__text {
      flex: 1;
      margin: 0
  }

  .account-switch-list label {
      padding-top: 1px
  }

  .login-history {
      margin: 0 auto;
      max-width: 670px
  }

  .login-history-table {
      border-collapse: collapse;
      width: 100%
  }

  .login-history-table__title {
      background: #08b5ae;
      box-sizing: border-box;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.5;
      padding: 12px;
      text-align: left;
      white-space: nowrap
  }

  .login-history-table__title:first-child {
      padding-left: 16px
  }

  .login-history-table__title:last-child {
      padding-right: 16px
  }

  .login-history-table__data {
      font-size: 14px;
      line-height: 1.5;
      padding: 12px;
      word-wrap: anywhere
  }

  .login-history-table__data:first-child {
      padding-left: 16px
  }

  .login-history-table__data:last-child {
      padding-right: 16px
  }

  .login-history-table tr:nth-child(odd) .login-history-table__data {
      background: #fff
  }

  .login-history-table tr:nth-child(2n) .login-history-table__data {
      background: #edfaf8
  }

  .u-mw100 {
      min-width: 100px
  }

  .u-mw120 {
      min-width: 120px
  }

  .u-mw220 {
      min-width: 220px
  }

  .u-mw240 {
      min-width: 240px
  }

  .u-mw300 {
      min-width: 300px
  }

  .term-content__lead {
      margin: 0 0 16px
  }

  .term-content__section {
      margin-top: 16px
  }

  .term-content__section:first-child {
      margin-top: 0
  }

  .term-content__block {
      margin-top: 16px
  }

  .term-content__block:first-child {
      margin-top: 0
  }

  .term-content__block--close {
      margin-top: 8px
  }

  .term-content__heading {
      font-size: 18px;
      font-weight: 700;
      margin: 0
  }

  .term-content__heading02 {
      font-size: 16px;
      font-weight: 700;
      margin: 0
  }

  .term-content__desc {
      margin: 8px 0 0
  }

  .term-content__desc:first-child {
      margin-top: 0
  }

  .term-indent {
      margin-left: 3em
  }

  .term-content-list {
      list-style-type: none;
      margin: 8px 0 0;
      padding: 0
  }

  .term-content-list__item {
      margin-left: 3em;
      margin-top: 8px;
      position: relative;
      text-indent: -32px
  }

  .term-content-list__item.two-digit {
      text-indent: -48px
  }

  .term-content-list__item:first-child {
      margin-top: 0
  }

  .term-content-list__item .term-content-bracket-list__item {
      margin-left: 1em
  }

  .term-content-bracket-list {
      list-style-type: none;
      margin: 8px 0 0;
      padding: 0
  }

  .term-content-bracket-list__item {
      margin-left: 3em;
      margin-top: 8px;
      position: relative;
      text-indent: -42px
  }

  .term-content-bracket-list__item.two-digit {
      text-indent: -52px
  }

  .term-content-bracket-list__item:first-child {
      margin-top: 0
  }

  .term-content-circle-list {
      list-style-type: none;
      margin: 8px 0 0;
      padding: 0
  }

  .term-content-circle-list__item {
      margin-left: 1em;
      margin-top: 8px;
      position: relative;
      text-indent: -1em
  }

  .term-content-circle-list__item:first-child {
      margin-top: 0
  }

  .term-content-dot-list {
      list-style-type: none;
      margin: 8px 0 0;
      padding: 0
  }

  .term-content-dot-list__item {
      margin-left: 1em;
      margin-top: 8px;
      position: relative;
      text-indent: -1em
  }

  .term-content-dot-list__item:first-child {
      margin-top: 0
  }

  .term-content-dot-list__item a {
      text-indent: 0
  }

  .term-content-katakana-list {
      list-style-type: none;
      margin: 8px 0 0;
      padding: 0
  }

  .term-content-katakana-list__item {
      margin-left: 1em;
      margin-top: 8px;
      position: relative;
      text-indent: -1em
  }

  .term-content-katakana-list__item:first-child {
      margin-top: 0
  }
}

@media print {
  .my-ticket {
      margin: 0 auto;
      max-width: 670px
  }

  .my-ticket__section {
      margin-bottom: 64px
  }

  .my-ticket__section:last-child {
      margin-bottom: 0
  }

  .my-ticket__content {
      margin-bottom: 40px
  }

  .my-ticket__box,.my-ticket__content {
      background: #f6f6f6;
      padding: 32px
  }

  .my-ticket__text {
      margin: 0 0 16px
  }

  .my-ticket__text strong {
      font-weight: 700
  }

  .my-ticket__notice {
      margin-bottom: 40px
  }

  .my-ticket__button-box {
      display: flex;
      justify-content: center;
      margin-top: 32px
  }

  .my-ticket__link {
      display: flex;
      justify-content: center;
      margin-top: 16px
  }

  .my-ticket__message {
      background: #f6f6f6;
      border-radius: 2px;
      font-weight: 700;
      margin: 0 0 16px;
      padding: 16px;
      text-align: center
  }

  .my-ticket__image {
      margin: 0 auto;
      max-width: 900px
  }

  .my-ticket__image img {
      height: auto;
      width: 100%
  }

  .my-ticket-button-box {
      display: flex;
      gap: 24px;
      justify-content: center;
      margin-top: 32px
  }

  .my-ticket-list {
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .my-ticket-list--single {
      margin-bottom: 16px
  }

  .my-ticket-list:last-child {
      margin-bottom: 0
  }

  .my-ticket-list__item {
      border: 1px solid #dedede;
      border-radius: 8px;
      margin-bottom: 16px;
      padding: 24px
  }

  .my-ticket-list--single .my-ticket-list__item {
      border: 0;
      border-radius: 0;
      padding: 0
  }

  .my-ticket-list__item:last-child {
      margin-bottom: 0
  }

  .my-ticket-list__event {
      color: #191919;
      display: flex;
      gap: 16px;
      margin-bottom: 16px;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .my-ticket-list__summary {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      display: flex;
      gap: 16px;
      padding: 24px 24px 32px
  }

  .my-ticket-list__image {
      border-radius: 4px;
      flex-shrink: 0;
      height: 150px;
      overflow: hidden;
      width: 150px
  }

  .my-ticket-list__image img {
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      transition: all .3s;
      width: 100%
  }

  a.my-ticket-list__event:hover .my-ticket-list__image img {
      scale: 1.1
  }

  .my-ticket-list__event-name {
      display: -webkit-box;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      transition: all .3s;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      word-wrap: anywhere
  }

  a.my-ticket-list__event:hover .my-ticket-list__event-name {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .my-ticket-list__event-name span {
      margin-right: 5px;
      vertical-align: text-top
  }

  .my-ticket-list__text {
      color: #191919;
      display: -webkit-box;
      margin: 0 0 4px;
      overflow: hidden;
      padding-left: 28px;
      position: relative;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      word-wrap: anywhere
  }

  .my-ticket-list__text:last-child {
      margin-bottom: 0
  }

  .my-ticket-list__text--date {
      display: block
  }

  .my-ticket-list__date,.my-ticket-list__owner,.my-ticket-list__place {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      font-size: 0;
      height: 24px;
      left: 0;
      position: absolute;
      top: 0;
      width: 24px
  }

  .my-ticket-list__date {
      background-image: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg)
  }

  .my-ticket-list__place {
      background-image: url(/packs/user/media/images/icon/black/ico_location-5a7315bbd4c53b771190.svg)
  }

  .my-ticket-list__owner {
      background-image: url(/packs/user/media/images/icon/black/ico_apartment-4e3d2903ef9ac25a936c.svg)
  }

  .my-ticket-list__time {
      display: inline-block
  }

  .my-ticket-list__bottom {
      border-top: 1px dashed #dedede;
      display: flex;
      gap: 16px;
      margin-top: 16px;
      padding-top: 16px
  }

  .my-ticket-list__ticket-info {
      color: #191919;
      display: block;
      flex: 1;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .my-ticket-list__ticket-info:last-child {
      border-right: 0
  }

  .my-ticket-list__tag {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      margin-bottom: 4px
  }

  .my-ticket-list__title {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 4px;
      transition: all .3s;
      word-wrap: anywhere
  }

  a.my-ticket-list__ticket-info:hover .my-ticket-list__title {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .my-ticket-list__number {
      display: flex;
      margin: 0
  }

  .my-ticket-list__number-title {
      white-space: nowrap
  }

  .my-ticket-list__number-title:after {
      content: "："
  }

  .my-ticket-list__number-data {
      display: -webkit-box;
      margin: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      line-clamp: 1
  }

  .my-ticket-list__ticket {
      display: flex;
      margin: 0
  }

  .my-ticket-list__ticket-title {
      color: #535353;
      font-size: 14px;
      white-space: nowrap
  }

  .my-ticket-list__ticket-title:after {
      content: "："
  }

  .my-ticket-list__ticket-data {
      color: #535353;
      font-size: 14px;
      margin: 0
  }

  .my-ticket-list__action {
      align-items: center;
      background: #f6f6f6;
      border-radius: 4px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      justify-content: center;
      padding: 16px;
      position: relative
  }

  .my-ticket-list__button {
      align-items: center;
      background: #191919;
      border: 1px solid #191919;
      border-radius: 2px;
      box-sizing: border-box;
      color: #fff;
      display: inline-flex;
      font-size: 16px;
      font-weight: 700;
      gap: 4px;
      justify-content: center;
      line-height: 1.5;
      min-width: 200px;
      padding: 12px 11px;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .my-ticket-list__button:hover {
      background: #535353
  }

  .my-ticket-list__share {
      align-items: center;
      background: transparent;
      border: 0;
      color: #191919;
      display: inline-flex;
      font-size: 12px;
      gap: 4px;
      line-height: 1.35;
      padding: 0;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .my-ticket-list__share:before {
      background: #191919;
      content: "";
      display: block;
      height: 20px;
      -webkit-mask-image: url(/packs/user/media/images/icon/black/ico_send-dd3bffa80f1ac775f955.svg);
      mask-image: url(/packs/user/media/images/icon/black/ico_send-dd3bffa80f1ac775f955.svg);
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: contain;
      mask-size: contain;
      transition: all .3s;
      width: 20px
  }

  .my-ticket-list__share[aria-disabled=true] {
      color: #afafaf;
      pointer-events: none
  }

  .my-ticket-list__share[aria-disabled=true]:before {
      background-color: #afafaf
  }

  .my-ticket-list__share--retry:before {
      -webkit-mask-image: url(/packs/user/media/images/icon/black/ico_send_outline-b6961e7e594ede137786.svg);
      mask-image: url(/packs/user/media/images/icon/black/ico_send_outline-b6961e7e594ede137786.svg)
  }

  .my-ticket-list__share--return:before {
      -webkit-mask-image: url(/packs/user/media/images/icon/black/ico_arrow_response-1af5240757dc3611e5e2.svg);
      mask-image: url(/packs/user/media/images/icon/black/ico_arrow_response-1af5240757dc3611e5e2.svg)
  }

  .my-ticket-list__share:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .my-ticket-list__share:hover:before {
      background: #08b5ae
  }

  .my-ticket-link {
      list-style-type: none;
      margin: 0;
      padding: 0
  }

  .my-ticket-link__item {
      border-bottom: 1px solid #dedede
  }

  .my-ticket-link__item:first-child {
      border-top: 1px solid #dedede
  }

  .my-ticket-link__link {
      color: #191919;
      display: block;
      padding: 16px 34px 16px 0;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .my-ticket-link__link:before {
      background: #535353;
      content: "";
      height: 18px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 18px
  }

  .my-ticket-link__link:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .my-ticket-link__link:hover:before {
      background: #08b5ae;
      right: -4px
  }

  .my-ticket-online__inner {
      background: #f6f6f6;
      margin: 0 -40px 40px;
      padding: 32px 40px
  }

  .my-ticket-online__summary {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      padding: 24px
  }

  .my-ticket-online__title {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .my-ticket-online__text {
      border-bottom: 1px dashed #afafaf;
      margin: 0 0 16px;
      padding-bottom: 16px
  }

  .my-ticket-online__text:last-child {
      border-bottom: 0;
      margin: 0;
      padding-bottom: 0
  }

  .my-ticket-online__box {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 6px 10px rgba(0,0,0,.08);
      padding: 32px 24px 24px;
      position: relative
  }

  .my-ticket-online__box:before {
      background-color: #fff;
      background-image: radial-gradient(circle,#dedede 4px,transparent 0);
      background-position: 50%;
      background-repeat: repeat-x;
      background-size: 16px 16px;
      content: "";
      height: 16px;
      left: 50%;
      position: absolute;
      top: 0;
      transform: translate(-50%,-50%);
      width: calc(100% - 22px)
  }

  .my-ticket-online__info {
      border-bottom: 1px dashed #afafaf;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .my-ticket-online__info:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .my-ticket-online__info-box {
      border-bottom: 1px dashed #afafaf;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .my-ticket-online__name {
      display: block;
      font-weight: 700
  }

  .my-ticket-online__number {
      display: flex;
      margin: 0
  }

  .my-ticket-online__number-title {
      color: #535353;
      flex-shrink: 0
  }

  .my-ticket-online__number-title:after {
      content: "："
  }

  .my-ticket-online__number-data {
      color: #535353;
      margin: 0
  }

  .my-ticket-online__ticket-name {
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .my-ticket-online__list {
      align-items: center;
      display: flex;
      margin: 0 0 4px
  }

  .my-ticket-online__list:last-child {
      margin-bottom: 0
  }

  .my-ticket-online__list-title {
      flex-shrink: 0;
      font-size: 12px;
      white-space: nowrap
  }

  .my-ticket-online__list-title:after {
      content: "‖";
      margin: 0 4px
  }

  .my-ticket-online__list-data {
      font-size: 14px;
      line-height: 1.5;
      margin: 0;
      word-break: break-all
  }

  .my-ticket-online__sub-text {
      color: #535353;
      font-size: 14px;
      margin: 0
  }

  .my-ticket-online__sub-text br {
      visibility: hidden
  }

  .my-ticket-online__promoter {
      margin: 0
  }

  .my-ticket-online__promoter-title {
      font-size: 22px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px
  }

  .my-ticket-online-info {
      display: flex;
      flex-direction: column;
      gap: 4px;
      margin: 0
  }

  .my-ticket-online-info__block {
      display: flex;
      font-size: 16px;
      gap: 12px
  }

  .my-ticket-online-info__block:last-child {
      margin-bottom: 0
  }

  .my-ticket-online-info__title {
      flex: 0 0 auto;
      white-space: nowrap;
      width: 91px
  }

  .my-ticket-online-info__title span {
      align-items: center;
      display: flex;
      gap: 4px;
      position: relative
  }

  .my-ticket-online-info__title span:before {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      display: block;
      flex: 0 0 auto;
      height: 22px;
      margin-top: -1px;
      width: 22px
  }

  .my-ticket-online-info__data {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 0 10px;
      margin: 0;
      width: 100%
  }

  .my-ticket-online-info__data span {
      display: block;
      width: 100%
  }

  .my-ticket-online-info__date:before {
      background-image: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg)
  }

  .my-ticket-online-info__time:before {
      background-image: url(/packs/user/media/images/icon/black/ico_schedule-41d8791858c1797dee05.svg)
  }

  .my-ticket-online-info__place:before {
      background-image: url(/packs/user/media/images/icon/black/ico_location-5a7315bbd4c53b771190.svg)
  }

  .my-ticket-online-info__sub-time {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 0 10px
  }

  .my-ticket-online-info-time {
      align-items: center;
      color: #535353;
      display: flex;
      flex-wrap: wrap;
      font-size: 14px;
      gap: 0 5px;
      margin: 0
  }

  .my-ticket-online-info-time--large {
      color: #191919;
      font-size: 16px
  }

  .my-ticket-online-info-time__date {
      margin: 0
  }

  .my-ticket-print {
      align-items: center;
      display: flex;
      gap: 16px;
      justify-content: flex-end;
      margin-bottom: 24px
  }

  .my-ticket-print__text {
      font-size: 14px;
      margin: 0
  }

  .my-ticket-summary {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 0 10px rgba(0,0,0,.08);
      padding: 24px 24px 32px
  }

  .my-ticket-summary__title {
      font-size: 24px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px;
      word-wrap: anywhere
  }

  .my-ticket-summary__link {
      align-items: center;
      color: #191919;
      display: inline-block;
      gap: 4px;
      padding-right: 34px;
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      transition: all .3s
  }

  .my-ticket-summary__link:after {
      background: #191919;
      content: "";
      height: 30px;
      -webkit-mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      mask: url(/packs/user/media/images/icon/black/ico_arrow_right-542105fb4e7268ac4cdf.svg) no-repeat center center/contain;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s;
      width: 30px
  }

  .my-ticket-summary__link:hover {
      color: #08b5ae;
      -webkit-text-decoration: underline;
      text-decoration: underline
  }

  .my-ticket-summary__link:hover:after {
      background: #08b5ae;
      right: -4px
  }

  .my-ticket-summary-list {
      display: flex;
      flex-direction: column;
      gap: 8px;
      margin: 0
  }

  .my-ticket-summary-list__block {
      display: flex;
      font-size: 16px;
      gap: 8px
  }

  .my-ticket-summary-list__block:last-child {
      margin-bottom: 0
  }

  .my-ticket-summary-list__title {
      flex: 0 0 auto;
      white-space: nowrap;
      width: 91px
  }

  .my-ticket-summary-list__title span {
      align-items: center;
      display: flex;
      font-size: 16px;
      gap: 4px;
      position: relative
  }

  .my-ticket-summary-list__title span:before {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      display: block;
      flex: 0 0 auto;
      height: 22px;
      margin-top: -1px;
      width: 22px
  }

  .my-ticket-summary-list__data {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 0 10px;
      margin: 0;
      width: 100%;
      word-wrap: anywhere
  }

  .my-ticket-summary-list__data span {
      display: block;
      width: 100%
  }

  .my-ticket-summary-list__date:before {
      background-image: url(/packs/user/media/images/icon/black/ico_calendar-bf1d56987a453cecfb80.svg)
  }

  .my-ticket-summary-list__time:before {
      background-image: url(/packs/user/media/images/icon/black/ico_schedule-41d8791858c1797dee05.svg)
  }

  .my-ticket-summary-list__place:before {
      background-image: url(/packs/user/media/images/icon/black/ico_location-5a7315bbd4c53b771190.svg)
  }

  .my-ticket-summary-list__sub-time {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 0 10px
  }

  .my-ticket-summary-list-time {
      align-items: center;
      color: #535353;
      display: flex;
      flex-wrap: wrap;
      font-size: 14px;
      gap: 0 4px;
      margin: 0
  }

  .my-ticket-summary-list-time--large {
      color: #191919;
      font-size: 16px
  }

  .my-ticket-summary-list-time__date {
      margin: 0
  }

  .my-ticket-info {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 6px 10px rgba(0,0,0,.08);
      padding: 32px 24px 24px;
      position: relative
  }

  .my-ticket-info:before {
      background-color: #fff;
      background-image: radial-gradient(circle,#dedede 4px,transparent 0);
      background-position: 50%;
      background-repeat: repeat-x;
      background-size: 16px 16px;
      content: "";
      height: 16px;
      left: 50%;
      position: absolute;
      top: 0;
      transform: translate(-50%,-50%);
      width: calc(100% - 22px)
  }

  .my-ticket-info__block {
      align-items: flex-start;
      border-bottom: 1px dashed #afafaf;
      display: flex;
      gap: 24px;
      margin-bottom: 24px;
      padding-bottom: 16px
  }

  .my-ticket-info__block:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .my-ticket-info__content {
      flex: 1
  }

  .my-ticket-info__box {
      border-bottom: 1px dashed #afafaf;
      margin-bottom: 16px;
      padding-bottom: 16px
  }

  .my-ticket-info__name {
      font-weight: 700;
      text-align: center
  }

  .my-ticket-info__name-title {
      color: #535353;
      font-size: 12px;
      font-weight: 400
  }

  .my-ticket-info__name-title:not(:first-child) {
      margin-left: 8px
  }

  .my-ticket-info__name-title:after {
      content: ":";
      margin-left: 2px;
      margin-right: 2px
  }

  .my-ticket-info__number {
      color: #535353;
      display: flex;
      margin: 0
  }

  .my-ticket-info__number-title:after {
      content: "："
  }

  .my-ticket-info__number-data {
      margin: 0
  }

  .my-ticket-info__list {
      align-items: center;
      display: flex;
      margin: 0 0 4px
  }

  .my-ticket-info__list:last-child {
      margin-bottom: 0
  }

  .my-ticket-info__list-title {
      font-size: 12px;
      white-space: nowrap
  }

  .my-ticket-info__list-title:after {
      content: "‖";
      margin: 0 4px
  }

  .my-ticket-info__list-data {
      font-size: 14px;
      line-height: 1.5;
      margin: 0;
      word-break: break-all
  }

  .my-ticket-info__title {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 16px;
      word-wrap: anywhere
  }

  .my-ticket-info__type {
      margin: 0 0 16px
  }

  .my-ticket-info__type-title {
      font-size: 14px
  }

  .my-ticket-info__type-data {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0;
      word-wrap: anywhere
  }

  .my-ticket-info__sub-text {
      color: #535353;
      font-size: 14px;
      margin: 0
  }

  .my-ticket-info__price {
      margin: 0
  }

  .my-ticket-qr {
      background: #fff;
      border: 1px solid #dedede;
      box-sizing: border-box;
      flex: 0 0 auto;
      height: 200px;
      padding: 16px;
      width: 200px
  }

  .my-ticket-qr.color02 {
      background: #000
  }

  .my-ticket-qr.color03 {
      background: #0053e5
  }

  .my-ticket-qr.color04 {
      background: #00d2e5
  }

  .my-ticket-qr.color05 {
      background: #00a63d
  }

  .my-ticket-qr.color06 {
      background: #67d916
  }

  .my-ticket-qr.color07 {
      background: #ffd400
  }

  .my-ticket-qr.color08 {
      background: #ff9121
  }

  .my-ticket-qr.color09 {
      background: #f20000
  }

  .my-ticket-qr.color10 {
      background: #ff66b2
  }

  .my-ticket-qr.color11 {
      background: #ac00e5
  }

  .my-ticket-qr__inner {
      background: #fff;
      display: flex;
      justify-content: center;
      padding: 10px
  }

  .my-ticket-qr__image img {
      height: auto;
      width: 100%
  }

  .my-ticket-text-link {
      display: block;
      margin: 8px 0 0 auto;
      width: -moz-fit-content;
      width: fit-content
  }

  .my-ticket-promoter {
      background: #f6f6f6;
      padding: 32px
  }

  .my-ticket-promoter__content {
      display: flex;
      gap: 20px
  }

  .my-ticket-promoter__image {
      flex-shrink: 0;
      height: 120px;
      width: 120px
  }

  .my-ticket-promoter__image img {
      background: #fff;
      border: 2px solid #fff;
      border-radius: 4px;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      width: 100%
  }

  .my-ticket-promoter__text-box {
      display: flex;
      flex: 1;
      flex-direction: column
  }

  .my-ticket-promoter__title {
      flex: 1;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      margin: 0;
      word-wrap: anywhere
  }

  .my-ticket-share {
      margin-bottom: 40px
  }

  .my-ticket-share__text {
      margin: 0 0 8px
  }

  .my-ticket-text-copy {
      margin-bottom: 40px
  }

  .my-ticket-text-copy__button {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 16px
  }

  .my-ticket-text-copy__button:last-child {
      margin-bottom: 0
  }

  .my-ticket-text-copy__textarea-wrap {
      margin-bottom: 16px
  }

  .my-ticket-text-copy__textarea {
      background: #fff;
      border: 1px solid #afafaf;
      border-radius: 4px;
      box-sizing: border-box;
      display: block;
      font-size: 16px;
      height: 100%;
      line-height: 1.5;
      max-width: 100%;
      min-height: 820px;
      padding: 12px 15px;
      transition: all .3s;
      width: 100%
  }

  .my-ticket-text-copy__textarea:focus-visible {
      border-color: #191919;
      border-radius: 4px;
      outline: 0
  }

  #wovn-translate-widget,.footer,.header,.ul-widget-main-window {
      display: none
  }
}

@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
  --swiper-theme-color: #007aff
}

.swiper {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
  z-index: 1
}

.swiper-android .swiper-slide,.swiper-wrapper {
  transform: translateZ(0)
}

.swiper-pointer-events {
  touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x
}

.swiper-slide {
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0)
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-left: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-top: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop:always}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
  align-items: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: 44px;
  height: var(--swiper-navigation-size);
  justify-content: center;
  margin-top: -22px;
  margin-top: calc(0px - var(--swiper-navigation-size)/2);
  position: absolute;
  top: 50%;
  width: 27px;
  width: calc(var(--swiper-navigation-size)/44*27);
  z-index: 10
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: .35;
  pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
  cursor: auto;
  opacity: 0;
  pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
  display: none!important
}

.swiper-button-next:after,.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 44px;
  font-size: var(--swiper-navigation-size);
  font-variant: normal;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none!important
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
  content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
  left: auto;
  right: 10px
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
  content: "next"
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity .3s;
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
  display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33)
}

.swiper-pagination-bullet {
  background: #000;
  background: var(--swiper-pagination-bullet-inactive-color,#000);
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  opacity: .2;
  opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
  width: 8px;
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))
}

button.swiper-pagination-bullet {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet:only-child {
  display: none!important
}

.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  opacity: 1;
  opacity: var(--swiper-pagination-bullet-opacity,1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: 6px 0;
  margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: transform .2s,top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s,left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s,right .2s
}

.swiper-pagination-progressbar {
  background: rgba(0,0,0,.25);
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transform-origin: left top;
  width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: 4px;
  left: 0;
  top: 0;
  width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
  height: 100%;
  left: 0;
  top: 0;
  width: 4px
}

.swiper-pagination-lock {
  display: none
}

.flatpickr-calendar {
  -webkit-animation: none;
  animation: none;
  background: transparent;
  background: #fff;
  border: 0;
  border-radius: 5px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);
  box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  direction: ltr;
  display: none;
  font-size: 14px;
  line-height: 24px;
  opacity: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  visibility: hidden;
  width: 307.875px
}

.flatpickr-calendar.inline,.flatpickr-calendar.open {
  max-height: 640px;
  opacity: 1;
  visibility: visible
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown .3s cubic-bezier(.23,1,.32,1);
  animation: fpFadeInDown .3s cubic-bezier(.23,1,.32,1)
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
  display: block;
  z-index: 999
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none!important;
  box-shadow: none!important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0
}

.flatpickr-calendar.hasTime .flatpickr-time {
  border-top: 1px solid #e6e6e6;
  height: 40px
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto
}

.flatpickr-calendar:after,.flatpickr-calendar:before {
  border: solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 22px;
  pointer-events: none;
  position: absolute;
  width: 0
}

.flatpickr-calendar.arrowRight:after,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before {
  left: auto;
  right: 22px
}

.flatpickr-calendar.arrowCenter:after,.flatpickr-calendar.arrowCenter:before {
  left: 50%;
  right: 50%
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px
}

.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before {
  bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before {
  top: 100%
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff
}

.flatpickr-calendar:focus {
  outline: 0
}

.flatpickr-wrapper {
  display: inline-block;
  position: relative
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  line-height: 1;
  overflow: hidden;
  position: relative;
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.flatpickr-months .flatpickr-month,.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month {
  color: rgba(0,0,0,.9);
  fill: rgba(0,0,0,.9);
  height: 34px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month {
  cursor: pointer;
  padding: 10px;
  position: absolute;
  -webkit-text-decoration: none;
  text-decoration: none;
  top: 0;
  z-index: 3
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled,.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
  display: none
}

.flatpickr-months .flatpickr-next-month i,.flatpickr-months .flatpickr-prev-month i {
  position: relative
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  left: 0
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
  right: 0
}

.flatpickr-months .flatpickr-next-month:hover,.flatpickr-months .flatpickr-prev-month:hover {
  color: #959ea9
}

.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg {
  fill: #f64747
}

.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg {
  height: 14px;
  width: 14px
}

.flatpickr-months .flatpickr-next-month svg path,.flatpickr-months .flatpickr-prev-month svg path {
  -webkit-transition: fill .1s;
  transition: fill .1s;
  fill: inherit
}

.numInputWrapper {
  height: auto;
  position: relative
}

.numInputWrapper input,.numInputWrapper span {
  display: inline-block
}

.numInputWrapper input {
  width: 100%
}

.numInputWrapper input::-ms-clear {
  display: none
}

.numInputWrapper input::-webkit-inner-spin-button,.numInputWrapper input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.numInputWrapper span {
  border: 1px solid rgba(57,57,57,.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  padding: 0 4px 0 2px;
  position: absolute;
  right: 0;
  width: 14px
}

.numInputWrapper span:hover {
  background: rgba(0,0,0,.1)
}

.numInputWrapper span:active {
  background: rgba(0,0,0,.2)
}

.numInputWrapper span:after {
  content: "";
  display: block;
  position: absolute
}

.numInputWrapper span.arrowUp {
  border-bottom: 0;
  top: 0
}

.numInputWrapper span.arrowUp:after {
  border-bottom: 4px solid rgba(57,57,57,.6);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 26%
}

.numInputWrapper span.arrowDown {
  top: 50%
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57,57,57,.6);
  top: 40%
}

.numInputWrapper span svg {
  height: auto;
  width: inherit
}

.numInputWrapper span svg path {
  fill: rgba(0,0,0,.5)
}

.numInputWrapper:hover {
  background: rgba(0,0,0,.05)
}

.numInputWrapper:hover span {
  opacity: 1
}

.flatpickr-current-month {
  color: inherit;
  display: inline-block;
  font-size: 135%;
  font-weight: 300;
  height: 34px;
  left: 12.5%;
  line-height: inherit;
  line-height: 1;
  padding: 7.48px 0 0;
  position: absolute;
  text-align: center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 75%
}

.flatpickr-current-month span.cur-month {
  color: inherit;
  display: inline-block;
  font-family: inherit;
  font-weight: 700;
  margin-left: .5ch;
  padding: 0
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,.05)
}

.flatpickr-current-month .numInputWrapper {
  display: inline-block;
  width: 6ch;
  width: 7ch\0
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,.9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,.9)
}

.flatpickr-current-month input.cur-year {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  background: transparent;
  border: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: 0;
  padding: 0 0 0 .5ch;
  vertical-align: baseline;
  vertical-align: initial
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0
}

.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover {
  background: transparent;
  color: rgba(0,0,0,.5);
  font-size: 100%;
  pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0;
  outline: none;
  padding: 0 0 0 .5ch;
  position: relative;
  vertical-align: baseline;
  vertical-align: initial;
  width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
  outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,.05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0
}

.flatpickr-weekdays {
  background: transparent;
  overflow: hidden;
  text-align: center;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px
}

.flatpickr-weekdays,.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.flatpickr-weekdays .flatpickr-weekdaycontainer,span.flatpickr-weekday {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

span.flatpickr-weekday {
  background: transparent;
  color: rgba(0,0,0,.54);
  cursor: default;
  display: block;
  font-size: 90%;
  font-weight: bolder;
  line-height: 1;
  margin: 0;
  text-align: center
}

.dayContainer,.flatpickr-weeks {
  padding: 1px 0 0
}

.flatpickr-days {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px
}

.flatpickr-days:focus {
  outline: 0
}

.dayContainer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  max-width: 307.875px;
  min-width: 307.875px;
  outline: 0;
  padding: 0;
  text-align: left;
  width: 307.875px;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.dayContainer+.dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  -webkit-flex-basis: 14.2857143%;
  font-weight: 400;
  width: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  display: inline-block;
  flex-basis: 14.2857143%;
  height: 39px;
  line-height: 39px;
  margin: 0;
  max-width: 39px;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center
}

.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus,.flatpickr-day:hover {
  background: #e6e6e6;
  border-color: #e6e6e6;
  cursor: pointer;
  outline: 0
}

.flatpickr-day.today {
  border-color: #959ea9
}

.flatpickr-day.today:focus,.flatpickr-day.today:hover {
  background: #959ea9;
  border-color: #959ea9;
  color: #fff
}

.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover {
  background: #569ff7;
  border-color: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff
}

.flatpickr-day.endRange.startRange,.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange {
  border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.endRange,.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange {
  border-radius: 0 50px 50px 0
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7
}

.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange {
  border-radius: 50px
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}

.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay {
  background: transparent;
  border-color: transparent;
  color: rgba(57,57,57,.3);
  cursor: default
}

.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover {
  color: rgba(57,57,57,.1);
  cursor: not-allowed
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7
}

.flatpickr-day.hidden {
  visibility: hidden
}

.rangeMode .flatpickr-day {
  margin-top: 1px
}

.flatpickr-weekwrapper {
  float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
  padding: 0 12px
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  line-height: 28px;
  width: 100%
}

.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover {
  background: transparent;
  border: none;
  color: rgba(57,57,57,.3);
  cursor: default;
  display: block;
  max-width: none;
  width: 100%
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden
}

.flatpickr-innerContainer,.flatpickr-rContainer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0
}

.flatpickr-time {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  outline: 0;
  overflow: hidden;
  text-align: center
}

.flatpickr-time:after {
  clear: both;
  content: "";
  display: table
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  float: left;
  height: 40px;
  width: 40%
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%
}

.flatpickr-time input {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  background: transparent;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  font-size: 14px;
  height: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center
}

.flatpickr-time input.flatpickr-hour {
  font-weight: 700
}

.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second {
  font-weight: 400
}

.flatpickr-time input:focus {
  border: 0;
  outline: 0
}

.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator {
  -webkit-align-self: center;
  color: #393939;
  float: left;
  font-weight: 700;
  height: inherit;
  line-height: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 2%;
  -ms-flex-item-align: center;
  align-self: center
}

.flatpickr-time .flatpickr-am-pm {
  cursor: pointer;
  font-weight: 400;
  outline: 0;
  text-align: center;
  width: 18%
}

.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover {
  background: #eee
}

.flatpickr-input[readonly] {
  cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,-20px,0);
      transform: translate3d(0,-20px,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}

@keyframes fpFadeInDown {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,-20px,0);
      transform: translate3d(0,-20px,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}

[data-simplebar] {
  align-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative
}

.simplebar-wrapper {
  height: inherit;
  max-height: inherit;
  max-width: inherit;
  overflow: hidden;
  width: inherit
}

.simplebar-mask {
  direction: inherit;
  height: auto!important;
  overflow: hidden;
  width: auto!important;
  z-index: 0
}

.simplebar-mask,.simplebar-offset {
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0
}

.simplebar-offset {
  box-sizing: inherit!important;
  direction: inherit!important;
  resize: none!important;
  -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
  box-sizing: border-box!important;
  direction: inherit;
  display: block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
  position: relative;
  scrollbar-width: none;
  width: auto;
  -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  height: 0;
  width: 0
}

.simplebar-content:after,.simplebar-content:before {
  content: " ";
  display: table
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  pointer-events: none;
  width: 100%
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit!important;
  flex-basis: 0;
  flex-grow: inherit;
  flex-shrink: 0;
  float: left;
  height: 100%;
  margin: 0;
  max-height: 1px;
  max-width: 1px;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: relative;
  width: 100%;
  z-index: -1
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  height: 1000%;
  left: 0;
  min-height: 1px;
  min-width: 1px;
  opacity: 0;
  top: 0;
  width: 1000%;
  z-index: -1
}

.simplebar-height-auto-observer,.simplebar-track {
  overflow: hidden;
  pointer-events: none;
  position: absolute
}

.simplebar-track {
  bottom: 0;
  right: 0;
  z-index: 1
}

[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all
}

.simplebar-scrollbar {
  left: 0;
  min-height: 10px;
  position: absolute;
  right: 0
}

.simplebar-scrollbar:before {
  background: #000;
  border-radius: 7px;
  content: "";
  opacity: 0;
  position: absolute;
  transition: opacity .2s linear .5s
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: .5;
  transition-delay: 0s;
  transition-duration: 0s
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px
}

.simplebar-scrollbar:before {
  bottom: 2px;
  left: 2px;
  right: 2px;
  top: 2px
}

.simplebar-track.simplebar-horizontal {
  height: 11px;
  left: 0
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  bottom: 0;
  left: 0;
  min-height: 0;
  min-width: 10px;
  right: auto;
  top: 0;
  width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  left: 0;
  right: auto
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  height: 500px;
  opacity: 0;
  overflow-x: scroll;
  overflow-y: hidden;
  position: fixed;
  visibility: hidden;
  width: 500px;
  -ms-overflow-style: scrollbar!important
}

.simplebar-dummy-scrollbar-size>div {
  height: 200%;
  margin: 10px 0;
  width: 200%
}

.simplebar-hide-scrollbar {
  left: 0;
  overflow-y: scroll;
  position: fixed;
  scrollbar-width: none;
  visibility: hidden;
  -ms-overflow-style: none
}

/*# sourceMappingURL=application-7986adaf02c9711a2b7e.css.map*/