/* milial 本番デプロイ用 連結CSS = 本番現行CSS + 新版カスタム / 生成 2026-07-16 ベース prod-inventory-2026-07-15/common.css (tools/build-css.js) */

/* ========== 本番現行ベース ========== */
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
.event-top,
.page-selector,
.ticket__menu .v-btn__content,
.layout.detail__title .ma-2.detail__title__edit,
.complete__wrap .complete__wrap .complete__image,
.complete-sns__wrap,
.ticket__wrap .ticket__menu .v-btn,
.layout.ticket-price__sigle .ticket-price__label,
.ticket-price__sigle .ticket-price__value,
.breadcrumbs,
.ticket__contents .ticket-category__back {
  display: none !important;
}

.header__wrap.portal__header {
  display: none !important;
}

.dialog__wrap.v-card.v-sheet.theme--light:has(.dialog__message) .v-card__actions.dialog__content a {
  display: none !important;
}

* {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3",
    "Noto Sans JP", system-ui !important;
}

.material-icons {
  font-family: "Material Icons" !important;
}

/* まとめてエントリー改修 */

/* ローディングスピナー表示時背景削除(チケット一覧、ヘッダー、タイトル、イベントトップに戻る、申し込み画面に戻る) */
#app > div > section > div.ticket-page-content-wrapper > div.portal__event-top-wrapper > p,
#app > div.v-application--wrap > div.ticket__wrap > section:nth-child(2),
#app > div > section > div > div.ticket-page-content-wrapper__content-wrapper > div.ticket-page-content-wrapper__content > section.ticket-list-title.portal__title,
#app > div.v-application--wrap > section > div > div.ticket-page-content-wrapper__content-wrapper > div > section.ticket-controller.portal__layout > div:nth-child(1) > div > div > section.ticket-layout > div > div:nth-child(1),
#app > div > section > div > div.ticket-page-content-wrapper__content-wrapper > div > section.ticket-controller.portal__layout > div:nth-child(1) > div > section > div > div:nth-child(1) > div > div,
#app > div > section > div > div > div > section > div > div > section > div > div> div > div > div.card__click,
#app > div > section > div > div.ticket-page-content-wrapper__content-wrapper > div > section.ticket-controller.portal__layout > div:nth-child(1) > div > div > section.ticket-layout > div > div:nth-child(1) > div.ticket-layout__no-ticket,
#app > div > section > div > div.ticket-page-content-wrapper__content-wrapper > div > section.ticket-controller.portal__layout > div:nth-child(1) > div > div > section.ticket-layout > div > div > div.ticket-category__back > button,
#app > div.v-application--wrap > section > div > div.ticket-page-content-wrapper__content-wrapper > div > section.ticket-controller.portal__layout > div > div > div > section.ticket-layout > div > div > div.ticket-layout__contents-wrapper {
  display: none;
}

/* 金額,申込期限,ステータス、disabledの申し込みボタン表示削除 */
.layout.ticket-price__single,
.ticket-detail-sales-period__date-wrapper,
.ticket-detail-sales-period__label,
.layout.ticket-detail-sales-period.no-margin,
.card-status,
span.card-amount__number__zero,
button.cart-next-button__content.v-btn.v-btn--contained.v-btn--disabled.theme--light.v-size--large {
  display: none;
}

/* チケットタイトルのフォントサイズ */
section.ticket-detail__wrap > div.ticket-detail__block.ticket-detail__first > div.ticket-detail-title, div.v-card__title.detail-dialog__title > div > span,
section.ticket-detail__wrap > div.ticket-detail__block.ticket-detail__first > div.ticket-detail-title, .detail-dialog__title > div.ticket-detail-title > span {
  font-size: 16px !important;
}

/* チケット説明フォントサイズ */
#app > div.v-dialog__content.v-dialog__content--active > div > div > div.v-card__text.detail-dialog__detail > div > p.ticket-detail-description__text.ticket-detail-description__hide-detail > span {
  font-size: 14px !important;
}

/* チケット残り枚数表示削除 */
.card-remain {
  display: none;
}

/* プロフィールページのボーダー削除 */
.ticket-page-content-wrapper__content .ticket-controller .profile__wrap{
  border: none !important;
  box-shadow: none !important;
}
/* 利用規約スタイル調整 */
.ticket-page-content-wrapper__content .ticket-controller .ticket-terms__content {
  border: none !important;
  box-shadow: none !important;
}
.ticket-terms__wrap div.ticket-terms__content {
  margin: 16px;
}

#app > div > section > div > div > div > section > div:nth-child(2) > div:nth-child(1) > section.ticket-terms__wrap {
  margin: auto !important;
}

#app > div > section > div > div.ticket-page-content-wrapper__content-wrapper > div.ticket-page-content-wrapper__content > section.ticket-controller > div:nth-child(2) > div:nth-child(1) {
  margin-bottom: 76px !important;
}

#app > div.v-application--wrap > section > div > div.ticket-page-content-wrapper__content-wrapper > div.ticket-page-content-wrapper__content > section.ticket-controller > div:nth-child(2){
  margin-bottom: 76px !important;
}

#app > div.v-application--wrap > section > div > div > div > section > div:nth-child(2) > div:nth-child(2) > section.profile__wrap > form > div > section > div.item__description > div > div > div.v-text-field__details {
  padding: 0;
}

#app > div > section > div > div > div > section > div:nth-child(2) > div:nth-child(1) > section > div.ticket-terms__controller > div.layout.ticket-terms__button-group.justify-center > div.ticket-terms__next > button > span {
  font-size: 0;
}
#app > div > section > div > div > div > section > div:nth-child(2) > div:nth-child(1) > section > div.ticket-terms__controller > div.layout.ticket-terms__button-group.justify-center > div.ticket-terms__next > button > span::before {
  content: '申し込み';
  font-size: 15px;
}
.ticket-terms__next__content .v-ripple__container{
  display: none;
}
/* お客様情報入力スタイル調整 */
.ticket-page-content-wrapper__content .ticket-controller .status__wrap {
  padding: 20px 10px;
  margin: 40px 0 0 0
}

.ticket-page-content-wrapper .ticket-page-content-wrapper__content-wrapper .ticket-page-content-wrapper__content .ticket-controller section.profile__wrap form .layout.item__name .v-text-field:has(.error--text) .v-text-field__details  {
  padding: 0 !important;
}
#app > div.v-application--wrap > section > div > div > div > section > div:nth-child(2) > div:nth-child(2) > section.profile__wrap > form > div > section > div.item__description > div > div > div.v-text-field__details {
  padding: 0;
}
/* 確認画面スタイル調整 */
.ticket-page-content-wrapper__content .ticket-controller .confirm__wrap {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  margin: auto !important
}
.confirm__content .detail__ticket .detail__ticket__label{
  display: none;
}
.confirm__content .detail__ticket .detail__ticket__colon{
  display: none;
}
.confirm__content .detail__ticket .align-center .detail__ticket__content  {
  margin-left: 0 !important;
}

#app > div.v-application--wrap > section > div > div > div > section > div:nth-child(2) > div:nth-child(2) > section.confirm__wrap > section.profile__wrap.confirm__content {
  border-radius: unset !important;
  border: unset !important;
  border-bottom: solid 1px #ecf1f4 !important;
  margin: 16px !important;
  padding: 0 !important;
  padding-bottom: 16px !important;
}

.confirm__wrap .detail__wrap.confirm__content div.detail__ticket span.detail__ticket__content {
  font-size: 13px !important;
}
#app > div.v-application--wrap > section > div > div > div > section > div:nth-child(2) > div:nth-child(2) > section.confirm__wrap > section.profile__wrap.confirm__content > div.layout.profile__title > h3{
  font-size: 18px !important;
}
#app > div.v-application--wrap > section > div > div > div > section > div:nth-child(2) > div:nth-child(2) > section.confirm__wrap > section.profile__wrap.confirm__content > div > div > span.profile__detail__content {
  font-size: 13px !important;
}
#app > div.v-application--wrap > section > div > div > div > section > div:nth-child(2) > div:nth-child(2) > section.confirm__wrap > section.profile__wrap.confirm__content > div > div > span.profile__detail__label {
  font-size: 13px !important;
}
/* 購入チケット枚数削除 */
#app > div.v-application--wrap > section > div > div > div > section > div:nth-child(2) > div:nth-child(2) > section.confirm__wrap > section.detail__wrap.confirm__content > div > div:nth-child(2) > span.detail__ticket__content {
  display: none;
}

.spacer {
  width: 100%;
  height: 50px;
}

#app > div.v-application--wrap > section > div > div > div > section > div:nth-child(2) > div:nth-child(2) > section.confirm__wrap > section.detail__wrap.confirm__content > div.detail__ticket {
  margin-top: 16px !important;
}

/* 予約完了画面 */
.ticket-page-content-wrapper__content .ticket-controller .complete-layout__wrap{
  border: none !important;
  box-shadow: none !important;
}

#app > div.v-application--wrap > section > div > div > div > section > div:nth-child(2) > div:nth-child(2) > section.complete-layout__wrap > section:nth-child(1) {
  display: none;
}


@media screen and (max-width: 600px) {
  
  /* sp版申込画面の調整 */
  p.ticket-detail-description__detail-text,
  p.ticket-detail-description__text.ticket-detail-description__hide-detail,
  span.card-status__selling {
    font-size: 14px !important;
  }
  .ticket-detail-title,
  p.ticket-detail-description__detail-text,
  p.ticket-detail-description__text.ticket-detail-description__hide-detail{
    color: #073963 !important;
  }

  .ticket-detail-layout__block.ticket-detail-layout__first {
    border: none;
  }

  button.ticket-back-button__content.v-btn.v-btn--contained.theme--light.v-size--large {
    display: none;
  }

  .ticket-detail-layout__block {
    background-color: #fff;
    margin: 16px 0 0;
    padding: 24px 24px 8px;
  }

  .ticket-detail-layout__block.ticket-detail-layout__first{
    margin-top: 72px;
    background-color: #fff;
    padding: 24px 0;
  }

  /* 申込画面スタイル調整 */
  #app > div > section > div > div > div > section > div:nth-child(1) > div > div > section > div > section.ticket-detail-layout > div:nth-child(2),
  #app > div > section > div > div > div > section > div:nth-child(1) > div > div > section > div > section.ticket-detail-layout > section > div.ticket-detail-exclusive-message__wrap > p.ticket-detail-exclusive-message__tickets {
    display: none;
  }

  section.ticket-detail-layout__actions {
    border-top: none !important;
  }

  button.cart-next-button__content.v-btn.v-btn--contained.theme--light.v-size--large {
    max-width: none !important;
    width: 100% !important;
  }

  #app > div > section > div > div > div > section > div:nth-child(1) > div > div > section > div > section.ticket-detail-layout > section > section.cart-next-button__wrap > div > a {
    max-width: none !important;
    width: 100% !important;
  }

  .ticket-detail-layout__block.ticket-detail-layout__first {
    margin: 16px;
  }

  section.ticket-detail-layout__actions {
    display: block !important;
  }

  /* 利用規約スタイル調整 */
  #app > div > section > div > div > div > section > div:nth-child(2) > div:nth-child(1) > section > div.ticket-terms__content.fr-view {
    width: auto !important;
    margin: 16px !important;
  }

  #app > div > section > div > div > div > section > div:nth-child(2) > div:nth-child(1) > section > div.ticket-terms__controller > div.layout.ticket-terms__button-group.justify-center > div.ticket-terms__next,
  #app > div > section > div > div > div > section > div:nth-child(2) > div:nth-child(1) > section > div.ticket-terms__controller > div.layout.ticket-terms__button-group.justify-center > div.ticket-terms__next > button,
  #app > div > section > div > div > div > section > div:nth-child(2) > div:nth-child(1) > section > div.ticket-terms__controller > div.layout.ticket-terms__button-group.justify-center > button,
  #app > div > section > div > div > div > section > div:nth-child(2) > div:nth-child(2) > section.profile__wrap > div > section.next-button__wrap > div > button,
  #app > div > section > div > div > div > section > div:nth-child(2) > div:nth-child(2) > section.profile__wrap > div > section.back-button__wrap > div > button {
    max-width: none !important;
    width: 100% !important;
  }

  #app > div.v-application--wrap > section > div > div > div > section > div:nth-child(2) > div:nth-child(1) > section {
    margin: auto !important;
  }

  /* 確認画面スタイル調整 */
  /* 申込ボタン */
  #app > div.v-application--wrap > section > div > div > div > section > div:nth-child(2) > div:nth-child(2) > section.confirm__wrap > div > button {
    max-width: none !important;
    width: calc(100% - 32px) !important;
  }
  /* 戻るボタン */
  #app > div.v-application--wrap > section > div > div > div > section > div:nth-child(2) > div:nth-child(2) > section.confirm__wrap > section.profile__wrap.confirm__content > div.layout.profile__title > button {
    max-width: none !important;
    width: 100% !important;
    left: -8px;
  }
  /* マイチケットへボタン修正 */
  .ticket-detail-exclusive-message__actions {
    grid-gap: 0 !important;
    gap: 0 !important;
  }
  #app > div > section > div > div > div > section > div:nth-child(1) > div > div > section > div > section.ticket-detail-layout > section > div.ticket-detail-exclusive-message__actions > button {
    max-width: none !important;
    width: 100% !important;
  }

  #app > div > section > div > div > div > section > div:nth-child(1) > div > div > section > div > section.ticket-detail-layout > section > a {
    max-width: none !important;
    width: 100% !important;
  }
  .card-amount__number__zero {
    display: none !important;
  }

  /* キャンセルボタン */
  #app > div:nth-child(5) > div > div > div.detail-card__dialog__wrap > div.layout.detail-card__dialog__content {
    display: block;
    text-align: center;
  }

  #app > div:nth-child(5) > div > div > div > div.layout.detail-card__dialog__content > button.detail-card__dialog__content__no.v-btn.v-btn--contained.theme--light.v-size--default {
    margin: 10px 0;
  }

  #app > div:nth-child(5) > div > div > div > div.layout.detail-card__dialog__content > button.detail-card__dialog__content__no.v-btn.v-btn--contained.theme--light.v-size--default,
  #app > div:nth-child(5) > div > div > div > div.layout.detail-card__dialog__content > button.detail-card__dialog__content__yes.v-btn.v-btn--contained.theme--light.v-size--default {
    max-width: 100% !important;
  }

  #app > div:nth-child(5) > div > div.detail-card__dialog__wrap {
      padding: 0;
  }

  #app > div:nth-child(5) > div > div > div.detail-card__dialog__wrap {
    padding: 18px 20px 20px 20px;
  }

  /* お客様情報入力スタイル調整 */
  .ticket-page-content-wrapper .ticket-page-content-wrapper__content-wrapper {
    padding: 0 !important;
  }

}

/*------Loading Spinner------*/
.v-progress-circular.v-progress-circular--indeterminate::after {
  width: 180px !important;
  background-image: url("https://bq-rsv-login.tokyodisneyresort.jp/image/img_loading.webp");
  height: 180px !important;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
}

/* 不要なローディングスピナーを表示させないようにする */
section.web-page__wrap .v-progress-circular.v-progress-circular--indeterminate,
section.ticket__wrap
  .v-progress-circular.v-progress-circular--indeterminate::after {
  display: none !important;
}

div.ticket__wrap
  .progress-bar
  .v-progress-circular.v-progress-circular--indeterminate::after {
  background: #ffffff;
}

#__layout > section > div.whole-loading > div > div svg,
#__layout
  > section
  > div.v-overlay.v-overlay--active.theme--dark
  > div.v-overlay__content
  > div
  > svg {
  display: none;
}

/* ローディングスピナー表示時に背景を白にする。 */
#__layout > section > div.whole-loading > div > div {
  width: 100vw;
  height: 100%;
  background-color: #ffffff !important;
}

#__layout
  > section
  > div.v-overlay.v-overlay--active.theme--dark
  > div.v-overlay__content
  > div {
  width: 100vw !important;
  height: 100vh !important;
}

.v-progress-circular__info {
  width: 100vw !important;
  height: 100% !important;
  background: #ffffff;
}

#app
  > div
  > div
  > div:nth-child(4)
  > section:nth-child(2)
  > div.progress-bar
  > div.v-progress-circular.v-progress-circular--indeterminate {
  color: #ffffff !important;
  caret-color: #ffffff !important;
}

/*------button------*/
.theme--light.v-btn.v-btn--disabled:not(.v-btn--flat):not(.v-btn--text):not(
    .v-btn--outlined
  ) {
  background-color: #a5bcd0 !important;
  border: unset !important;
}
.theme--light.v-btn.v-btn--disabled:not(.v-btn--flat):not(.v-btn--text):not(
    .v-btn--outlined
  )
  .v-btn__content {
  color: #fff !important;
  font-size: 15px;
}

.cart-next-button__description .cart-next-button__content,
.confirm__wrap .confirm__button,
.ticket-terms__next .ticket-terms__next__content,
.next-button__description .next-button__content,
.complete-button .complete-button__content,
.ml-2.v-btn,
.profile-contents__controller__button,
.selector-dialog__content__no,
.selector-dialog__content__yes,
.save-cancel__button.color-white,
.ticket-total.ticket-total__application__radius .next-button__content,
.profile__button .v-btn.v-btn--contained,
.v-card__actions.dialog__content .dialog__content__button,
.detail-card__dialog__content .detail-card__dialog__content__no,
.ticket-detail-exclusive-message .ticket-detail-exclusive-message__button {
  background-color: #3daadf !important;
  border-radius: 3px !important;
  box-shadow: unset !important;
  padding: 0 16px !important;
  height: 44px !important;
  max-width: 240px;
  width: 100%;
}
.cart-next-button__description .cart-next-button__content .v-btn__content,
.confirm__wrap .confirm__button .v-btn__content,
.ticket-terms__next .ticket-terms__next__content .v-btn__content,
.next-button__description .next-button__content .v-btn__content,
.complete-button .complete-button__content .v-btn__content,
.ml-2.v-btn .v-btn__content,
.profile-contents__controller__button .v-btn__content,
.selector-dialog__content__no .v-btn__content,
.selector-dialog__content__yes .v-btn__content,
.save-cancel__button.color-white .v-btn__content,
.ticket-total.ticket-total__application__radius
  .next-button__content
  .v-btn__content,
.profile__button .v-btn.v-btn--contained .v-btn__content,
.v-card__actions.dialog__content .dialog__content__button .v-btn__content,
.detail-card__dialog__content .detail-card__dialog__content__no .v-btn__content,
.ticket-detail-exclusive-message
  .ticket-detail-exclusive-message__button
  .v-btn__content {
  color: #fff !important;
  font-size: 15px;
}

.ticket-terms__back .ticket-terms__back__content,
.back-button__wrap .back-button__description .back-button__content,
.detail__title .detail__title__edit,
.profile__title .profile__title__edit,
.save-cancel__button.background-white {
  background-color: #fff !important;
  box-shadow: unset !important;
  border-radius: 3px !important;
  border: solid 1px #3daadf !important;
  padding: 0 16px !important;
  height: 44px !important;
  max-width: 240px;
  width: 100%;
}
.ticket-terms__back .ticket-terms__back__content .v-btn__content,
.back-button__wrap
  .back-button__description
  .back-button__content
  .v-btn__content,
.detail__title .detail__title__edit .v-btn__content,
.profile__title .profile__title__edit .v-btn__content,
.save-cancel__button.background-white .v-btn__content {
  color: #3daadf !important;
  font-size: 15px;
}

.cart-item__title.justify-space-between .item-delete-button__content,
.ticket-card-detail .payment-button,
.profile__button.back-button__description .back-button__content,
.detail-card__dialog__content .detail-card__dialog__content__yes,
.ticket-category__back .ticket-category__back__button {
  background-color: #e3f2fe !important;
  box-shadow: unset !important;
  border-radius: 3px !important;
  border: unset !important;
  padding: 0 16px !important;
  height: 44px !important;
  max-width: 240px;
  width: 100%;
}
.cart-item__title.justify-space-between
  .item-delete-button__content
  .v-btn__content,
.ticket-card-detail .payment-button .v-btn__content,
.profile__button.back-button__description .back-button__content .v-btn__content,
.detail-card__dialog__content
  .detail-card__dialog__content__yes
  .v-btn__content,
.ticket-category__back .ticket-category__back__button .v-btn__content {
  color: #3daadf !important;
  font-size: 15px;
}

.card-amount__number {
  display: none;
}

.card-amount__number__button {
  border: solid 1px #3daadf !important;
  background-color: #3daadf !important;
}

.card-amount__number__button.card-amount__number__disable {
  background-color: #fff !important;
  border: solid 1px #a5bcd0 !important;
}

.mdi-checkbox-blank-outline::before {
  color: #a5bcd0;
}

.v-icon.notranslate.mdi.mdi-checkbox-marked.theme--light.primary--text {
  color: #36b927 !important;
}

.status__wrap__content .status__icon {
  background-color: #a5bcd0;
}
.status__wrap__content .status__icon.status__checked {
  background-color: #3daadf;
}
.status__wrap__content .status__line.passed {
  background-color: #a5bcd0;
}

.layout.ticket-terms__button-group.justify-center {
  justify-content: end !important;
  gap: 16px;
}
@media screen and (max-width: 600px) {
  .layout.ticket-terms__button-group.justify-center {
    flex-direction: column-reverse;
    margin-top: 32px;
    align-items: center;
  }
}
.layout.ticket-terms__button-group.justify-center .ticket-terms__next {
  max-width: 240px;
  width: 100%;
  margin: 0 !important;
}
.layout.ticket-terms__button-group.justify-center .ticket-terms__back {
  max-width: 240px;
  width: 100%;
  margin: 0 !important;
}

@media screen and (min-width: 601px) {
  .layout.profile__button {
    justify-content: flex-end;
    gap: 16px;
  }
}
@media screen and (max-width: 600px) {
  .layout.profile__button {
    flex-direction: column-reverse;
  }
}

.ticket-terms__back {
  display: none;
}

.ticket-total.ticket-total__application__radius .next-button {
  margin: auto;
  position: relative;
  left: -40px;
  width: 100%;
}

.ticket-total.ticket-total__application__radius .v-btn.v-btn--contained {
  border-radius: 3px !important;
  box-shadow: unset !important;
  border: solid 1px #ecf1f4 !important;
}

.arrow-icon.material-icons {
  color: #3daadf !important;
}

.web-layout .ticket-total.ticket-total__application__radius {
  border-radius: unset !important;
}

.profile__wrap .profile__title__edit {
  position: absolute;
  right: 256px;
  bottom: -86px;
}
@media screen and (max-width: 600px) {
  .profile__wrap .profile__title__edit {
    left: calc(50% - 128px);
    bottom: -144px;
  }
}

.profile__wrap .profile__title__edit .v-btn__content {
  font-size: 0;
}

.profile__wrap .profile__title__edit .v-btn__content::before {
  content: "戻る";
  font-size: 16px;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3",
    "Noto Sans JP", system-ui !important;
}
@media screen and (max-width: 600px) {
  .profile__wrap .profile__title__edit .v-btn__content::before {
    font-size: 15px;
  }
}

/*-----font-color-----*/
.detail-dialog__wrap span,
.detail-dialog__wrap p,
.category-status__text.category-status__enough,
.ticket-category__title,
.card-status .card-status__selling,
.ticket-detail__wrap span,
.ticket-detail__wrap p,
.ticket-terms__wrap,
.profile__wrap h3,
.profile__wrap span,
.detail__wrap.confirm__content h3,
.detail__wrap.confirm__content .detail__ticket__label,
.detail__wrap.confirm__content .detail__ticket__content,
.complete__wrap span,
.complete__wrap div {
  color: #073963 !important;
}

@media (max-width: 600px) {
  #app
    > div
    > div.ticket__wrap
    > div:nth-child(3)
    > section:nth-child(2)
    > div.ticket__contents
    > section.ticket-detail__wrap
    > section
    > section
    > div
    > button,
  #app
    > div
    > div
    > div:nth-child(3)
    > section:nth-child(2)
    > div
    > section.ticket-detail__wrap
    > section
    > section
    > div
    > a,
  #app
    > div
    > div
    > div:nth-child(3)
    > section
    > div.ticket-terms__controller
    > div.layout.ticket-terms__button-group.justify-center
    > button,
  #app
    > div
    > div
    > div:nth-child(3)
    > section
    > div.ticket-terms__controller
    > div.layout.ticket-terms__button-group.justify-center
    > div.ticket-terms__next,
  #app
    > div
    > div
    > div:nth-child(3)
    > section
    > div.ticket-terms__controller
    > div.layout.ticket-terms__button-group.justify-center
    > div.ticket-terms__next
    > button,
  #app
    > div
    > div
    > div:nth-child(4)
    > section.profile__wrap
    > div
    > section.next-button__wrap
    > div
    > button,
  #app
    > div
    > div
    > div:nth-child(4)
    > section.profile__wrap
    > div
    > section.back-button__wrap
    > div
    > button {
    max-width: none !important;
    width: 100% !important;
  }

  #app
    > div
    > div
    > div:nth-child(4)
    > section.complete__wrap
    > section.complete-button_wrap
    > div
    > button,
  #app > div > div > div:nth-child(4) > section.confirm__wrap button {
    max-width: none !important;
    width: calc(100% - 32px) !important;
  }

  #app
    > div
    > div
    > div:nth-child(4)
    > section.confirm__wrap
    > section.profile__wrap.confirm__content
    > div.layout.profile__title
    > button {
    max-width: none !important;
    width: 100% !important;
    left: -8px;
  }
}

#app > div.v-dialog__content.v-dialog__content--active > div > div > section > div.ticket-detail-exclusive-message__actions > button {
  background: #ffffff !important;
  border: 1px solid #3daadf !important;
}

#app > div.v-dialog__content.v-dialog__content--active > div > div > section > div.ticket-detail-exclusive-message__actions > button > span {
  font-size: 0;
}

#app > div.v-dialog__content.v-dialog__content--active > div > div > section > div.ticket-detail-exclusive-message__actions > button > span:after {
  font-size: 15px;
  content: "予約申込一覧";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #3daadf !important;
}

@media screen and (max-width: 600px) {
  #app > div > section > div > div > div > section > div:nth-child(1) > div > div > section > div > section.ticket-detail-layout > section > div.ticket-detail-exclusive-message__actions > button {
    background: #ffffff !important;
    border: 1px solid #3daadf !important;
  }

  #app > div > section > div > div > div > section > div:nth-child(1) > div > div > section > div > section.ticket-detail-layout > section > div.ticket-detail-exclusive-message__actions > button > span{
    font-size: 0;
  }
 
  #app > div > section > div > div > div > section > div:nth-child(1) > div > div > section > div > section.ticket-detail-layout > section > div.ticket-detail-exclusive-message__actions > button > span::after{
    font-size: 15px;
    content: "予約申込一覧";
    color: #3daadf !important;
  }
}

div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > .ticket-detail-exclusive-message
  + a {
  margin: -44px 256px 0px auto !important;
}

/*-----form-----*/
.v-application .error--text {
  color: #ff5f33 !important;
  caret-color: #ff5f33 !important;
}

.item__description .v-text-field .v-input__control,
.item__wrap.v-input__control,
.item__description .v-text-field .v-input__control,
.item__wrap.v-input__control,
.v-text-field fieldset {
  border-radius: 3px !important;
  min-height: 44px !important;
  border-color: #3daadf;
}

.v-input.item__selector.v-input--hide-details.v-input--is-label-active.v-input--is-dirty.v-input--is-focused.theme--light.v-text-field.v-text-field--is-booted.v-text-field--enclosed.v-text-field--outlined.v-select.primary--text {
  color: #073963 !important;
}

.profile__content .primary--text {
  color: #073963 !important;
}

/*-----余白の調整-----*/
.ticket-description {
  padding: 0 !important;
}

.cart-next-button__description {
  margin: 16px 0 0 !important;
  padding: 0 16px;
  display: flex;
  gap: 16px;
  flex-direction: column-reverse;
  align-items: center;
}
@media screen and (min-width: 601px) {
  .cart-next-button__description {
    margin: 20px 0 0;
    flex-direction: row;
    justify-content: end;
    align-items: end;
  }
}

.container.ticket__contents__container,
.layout.cart-button__content {
  display: none;
}

.ticket-total.ticket-total__application__radius
  .next-button
  button.next-button__content.v-btn {
  opacity: 0;
}

/* チケット申込組み合わせ制限 */
.ticket-detail-exclusive-message {
  text-align: end !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 600px) {
  .ticket-detail-exclusive-message {
    padding: 16px !important;
    margin: -20px 0 0;
  }

  #app
    > div
    > div
    > div:nth-child(3)
    > section:nth-child(2)
    > div
    > section.ticket-detail__wrap
    > section
    > button {
    width: 100% !important;
    max-width: none;
  }

  #app
    > div
    > div
    > div:nth-child(3)
    > section:nth-child(2)
    > div
    > section.ticket-detail__wrap
    > a {
    width: calc(100% - 32px) !important;
    margin: auto !important;
  }
}
#app
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > section
  > div
  p,
#app
  > div
  > div
  > div:nth-child(3)
  > section:nth-child(2)
  > div
  > section.ticket-detail__wrap
  > section
  > div
  p {
  text-align: start !important;
}

.ticket-detail-exclusive-message__wrap {
  background: #ffffff !important;
  border-radius: 3px !important;
  text-align: start !important;
}

/* チケット申込組み合わせ制限文言変更sp */

@media (max-width: 600px) {
  .ticket-detail-exclusive-message__wrap {
    padding: 0 0 16px 0 !important;
  }

  #app > div > section > div > div > div > section > div:nth-child(1) > div > div > section > div > section.ticket-detail-layout > section > div.ticket-detail-exclusive-message__wrap > p.ticket-detail-exclusive-message__message {
    font-size: 0;
  }

  #app > div > section > div > div > div > section > div:nth-child(1) > div > div > section > div > section.ticket-detail-layout > section > div.ticket-detail-exclusive-message__wrap > div > p {
    font-size: 0;
  }

  #app > div > section > div > div > div > section > div:nth-child(1) > div > div > section > div > section.ticket-detail-layout > section > div.ticket-detail-exclusive-message__wrap > div > img {
    display: none;
  }

  #app > div > section > div > div > div > section > div:nth-child(1) > div > div > section > div > section.ticket-detail-layout > section > div.ticket-detail-exclusive-message__wrap > p.ticket-detail-exclusive-message__message::before {
    content: "前回のご来館より2ヵ月経過していない場合は、お電話にてご予約を承ります。";
    font-size: 16px;
    font-weight: 700 !important;
    color: #ff5f33;
  }

  #app > div > section > div > div > div > section > div:nth-child(1) > div > div > section > div > section.ticket-detail-layout > section > div.ticket-detail-exclusive-message__wrap > div > p:before {
    content: "『他ホテルの来館予約時間が重なります。』もしくは『前回の来館より2ヵ月経過しておりません。』ご予約内容をご確認ください。";
    font-size: 16px;
    font-weight: 700 !important;
    color: #ff5f33;
  }

  /* 予約申込一覧ボタンの文字が重なって表示されるのを防ぐ */
  .ticket-detail-exclusive-message__actions > button .v-ripple__container,
  .ticket-detail-exclusive-message__actions > button .v-ripple__animation {
      display: none !important;
  }
}

/* チケット申込組み合わせ制限文言変更pc */

#app
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > .ticket-detail-exclusive-message
  > .ticket-detail-exclusive-message__wrap {
  font-size: 0;
}

#app
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > .ticket-detail-exclusive-message
  > .ticket-detail-exclusive-message__wrap:before {
  content: "『他ホテルの来館予約時間が重なります。』もしくは『前回の来館より2ヵ月経過しておりません。』ご予約内容をご確認ください。";
  font-size: 16px;
  font-weight: 700 !important;
  color: #ff5f33;
}

#app
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > section
  > div
  > p.ticket-detail-exclusive-message__message {
  font-size: 0;
}

#app
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > section
  > div
  > p.ticket-detail-exclusive-message__message:before {
  content: "前回のご来館より2ヵ月経過していない場合は、お電話にてご予約を承ります。";
  font-size: 16px;
  font-weight: 700 !important;
  color: #ff5f33;
}


#app
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > section
  > div
  > div
  > img.ticket-detail-exclusive-message__title__icon {
  display: none;
}

/* チケット詳細 タイトル */
section.ticket-detail__wrap
  > div.ticket-detail__block.ticket-detail__first
  > div.ticket-detail-title,
div.v-card__title.detail-dialog__title > div > span {
  font-size: 18px !important;
}

/* チケット詳細 説明文 */
.ticket-detail__wrap .ticket-detail__block .ticket-detail-description__text {
  font-size: 15px;
}

@media (max-width: 600px) {
  .ticket-detail__wrap
    .ticket-detail-description
    > p.ticket-detail-description__detail-text {
    font-size: 15px;
  }
}

/* チケット詳細を見る */
#app
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > div.v-card__text.detail-dialog__detail
  > div
  > p.ticket-detail-description__text.ticket-detail-description__hide-detail
  > span {
  font-size: 15px !important;
}

@media (max-width: 600px) {
  #app
    > div
    > div
    > div:nth-child(3)
    > section:nth-child(2)
    > div
    > section.ticket-detail__wrap
    > div.ticket-detail__block.ticket-detail__first
    > div.ticket-detail-description
    > p.ticket-detail-description__text.ticket-detail-description__hide-detail
    > span {
    font-size: 15px;
  }
}

/* チケット詳細（pc詳細を見る削除） */
.v-card__text.detail-dialog__detail
  > .ticket-detail-description
  > p.ticket-detail-description__detail-text {
  display: none;
}

/* 有効期間削除 */
.detail-dialog__content.justify-space-between.align-center
  > div
  > div.lottery-date {
  display: none;
}
.ticket-detail__block > div.layout.lottery-date {
  display: none;
}

/* チケット詳細（pc詳細を見る削除） */
.v-card__text.detail-dialog__detail
  > .ticket-detail-description
  > p.ticket-detail-description__detail-text {
  display: none;
}

/* 有効期間削除 */
.detail-dialog__content.justify-space-between.align-center
  > div
  > div.lottery-date {
  display: none;
}
.ticket-detail__block > div.layout.lottery-date {
  display: none;
}

@media screen and (max-width: 601px) {
  .v-card__text.detail-dialog__detail
    > .ticket-detail-description
    > p.ticket-detail-description__detail-text {
    display: block;
  }
}

/* チケット詳細 モーダル */
@media screen and (min-width: 601px) {
  .v-dialog__content:has(.v-dialog.v-dialog--active .ticket-detail-title) {
    display: block;
  }
}

@media screen and (min-width: 601px) {
  .v-dialog.v-dialog--active:has(.ticket-detail-title) {
    max-width: none !important;
    margin: 0;
    border-radius: 0;
    overflow-y: visible;
  }
}

@media screen and (min-width: 601px) {
  .v-dialog.v-dialog--active:has(.ticket-detail-title) > .detail-dialog__wrap {
    height: 100vh;
    padding: 70px calc((100% - clamp(360px, 100% - 32px, 950px)) / 2);
    border-radius: 0 !important;
  }
}

@media screen and (max-width: 600px) {
  .ticket__wrap .ticket__contents .back-button.ticket__back-button {
    display: none;
  }
}

.ticket-terms__wrap {
  padding: 60px 0px !important;
  max-width: 800px !important;
}

.ticket-terms__content.fr-view {
  background-color: #ecf1f4 !important;
  padding: 16px;
}

.ticket-terms__controller {
  bottom: unset !important;
  padding: 0 16px;
  position: unset !important;
  border-bottom: 0 !important;
  border-top: 0 !important;
  margin: unset !important;
}

@media (max-width: 600px) {
  .ticket-terms__controller {
    width: auto !important;
    margin: 0 16px !important;
    padding: 0 !important;
  }
}

.profile__wrap {
  padding: 24px 16px !important;
  border-radius: 0 !important;
}

@media screen and (min-width: 601px) {
  .next-button__wrap .next-button__description {
    margin: 0 !important;
  }
}
@media screen and (max-width: 600px) {
  .next-button__wrap .next-button__description {
    margin: 16px 0 0 0 !important;
  }
}

@media screen and (min-width: 601px) {
  .profile__button .next-button__wrap,
  .profile__button .back-button__wrap {
    max-width: 240px;
    width: 100%;
  }
}

@media screen and (min-width: 601px) {
  .back-button__wrap .back-button__description {
    margin: 0 !important;
  }
}
@media screen and (max-width: 600px) {
  .back-button__wrap .back-button__description {
    margin: 16px 0px !important;
  }
}

.detail__wrap,
.profile__wrap.confirm__content {
  border-radius: unset !important;
  border: unset !important;
  border-bottom: solid 1px #ecf1f4 !important;
  margin: 16px !important;
  padding: 0 !important;
  padding-bottom: 16px !important;
}

.profile__wrap.confirm__content {
  position: relative;
}

.complete__wrap .complete__wrap,
.complete__wrap .complete__message,
.complete-button__content {
  padding: 16px !important;
}

.complete-button__content {
  width: calc(100% - 32px) !important;
}

.complete__wrap .complete__wrap:first-of-type {
  padding-top: 20px !important;
}

@media (max-width: 600px) {
  #app > div.v-dialog__content.v-dialog__content--active > div > div {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  #app
    > div.v-dialog__content.v-dialog__content--active
    > div
    > div
    > div.v-card__actions.dialog__content:has(a) {
    padding-right: 0;
    padding-left: 0;
  }
}

/*-----bg-----*/
.wrap,
.ticket__wrap,
.confirm__wrap,
.ticket-total.ticket-total__application__radius {
  background-color: #fff !important;
}

.complete__wrap .complete__message {
  background-color: #e3f2fe;
  border-radius: 3px;
}

.card-amount .card-amount__number__zero {
  background-color: #a5bcd0;
  border-radius: 3px;
  padding: 12px;
  font-size: 12px;
  height: 44px;
  color: #fff !important;
}

/*-----マイページ-----*/

#app > div > section > section.header__wrap.event__header > div > div.flex.header__menu.justify-center > section > div.layout.header-tab__pc > div > div > div.v-slide-group__wrapper > div > section > div.layout.menu__name > p {
  height: 56px;
  width: 56px;
  padding: 24px 0 0;
  background-image: url(https://disneyweddings.tokyodisneyresort.jp/images/1000/946/11884/tab_icon-fec642c2-0948-42ed-bd98-3bd858721477.png);
  background-repeat: no-repeat;
  background-position: bottom 36px left 13px;
  background-size: 16px;
  font-size: 11px;
}

#app > div > section > section.header__wrap.event__header > div > div.flex.header__menu.justify-center > section > div.layout.header-tab__pc > div > div > div.v-slide-group__wrapper > div > section > div.layout.menu__name {
  padding-left: 16px;
  flex-direction: column-reverse;
}

.row {
  margin: 0 !important;
}

#app.mypage__wrap
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div.flex.mypage-contents__contents
  > section.mypage-top-layout__wrap
  > div.row {
  display: none;
}

.mypage__wrap > div.v-application--wrap > section > section.header__wrap.portal__header > div > div.flex.header__menu.justify-center > section > div.layout.header-tab__pc > div > div > div.v-slide-group__wrapper > div > div > p,
.mypage__wrap > div.v-application--wrap  > section > section.header__wrap.event__header > div > div.flex.header__menu.justify-center > section > div.layout.header-tab__pc > div > div > div.v-slide-group__wrapper > div > section > div.layout.menu__name > img,
.mypage__wrap .v-application--wrap .header__wrap .spacer {
  display: none;
}

#__layout > section > div.contents-header > div {
  height: 0;
}

.mypage__wrap > div.v-application--wrap > section > section.header__wrap.event__header > div > div.flex.header__menu.justify-center > section > div.layout.header-tab__pc > div > div > div.v-slide-group__wrapper > div {
  flex: none;
}

#app > div > section > section.mypage-layout__wrap.mypage__layout > div:nth-child(1) > div.layout.mypage-title__wrap.justify-space-between.align-center > p {
  display: none;
}

.mypage__wrap div,
.mypage__wrap span,
.mypage__wrap p,
.mypage__wrap h1,
.v-icon.notranslate {
  color: #073963 !important;
}

.selector-dialog__content__no,
.selector-dialog__content__yes,
.ticket-card-detail__status.active,
.ticket-card__status.pa-1.active {
  color: #fff !important;
}

.mypage__wrap .mypage-title__button .mypage-title__button__text {
  color: rgb(0, 102, 255) !important;
  caret-color: rgb(0, 102, 255);
}

.mypage-contents__wrap,
.info-top__wrap,
.login-layout__wrap .mail-address__wrap,
.login-layout__wrap .password__wrap {
  background-color: #fff !important;
}

.my-ticket-contents__title {
  margin-bottom: 16px !important;
}

@media (min-width: 601px) {
  .mypage-contents__contents {
    padding-top: 10px !important;
  }
}

/* pcチケット名削除 */
#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div.flex.mypage-contents__contents
  > section
  > div:nth-child(2)
  > section
  > div
  > section
  > div.my-ticket-layout__card.v-card.v-sheet.theme--light
  > div
  > div
  > table
  > thead
  > tr
  > th:nth-child(1) {
  display: none;
}
#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div.flex.mypage-contents__contents
  > section
  > div
  > section
  > div
  > section
  > div.my-ticket-layout__card.v-card.v-sheet.theme--light
  > div
  > div
  > table
  > thead
  > tr {
  display: none;
}
#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div.flex.mypage-contents__contents
  > section
  > div
  > section
  > div
  > div
  > .my-ticket-contents__buttons {
  display: none;
}
/* pcホテル名余白調整 */
#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div.flex.mypage-contents__contents
  > section
  > div:nth-child(3)
  > section
  > div
  > div:not(:nth-child(2)) {
  margin-top: 32px;
}

/* マイページ表示させる */
@media (min-width: 601px) {
  .mypage-contents__menu__title {
    font-size: 0;
  }
  .mypage-contents__menu__title::after {
    content: "マイページ";
    font-size: 22px;
    font-weight: bold;
  }
}

@media (max-width: 600px) {
  .mypage-layout__wrap.mypage__layout::before {
    content: "マイページ";
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    top: 24px;
    left: 16px;
  }

  #app
    > div
    > section
    > section.mypage-layout__wrap.mypage__layout
    > div.mypage-contents__wrap
    > div
    > section {
    padding-top: 72px;
  }
}

/* チケットステータス非表示 */
#app
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > div.detail-dialog__content.ticket-detail__block
  > div
  > span.card-status__other,
#app
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > div.layout.detail-dialog__content.justify-space-between.align-center
  > div:nth-child(1)
  > div
  > span {
  display: none;
}

@media (max-width: 600px) {
  #app
    > div
    > div
    > div:nth-child(3)
    > section:nth-child(2)
    > div
    > section.ticket-detail__wrap
    > div:nth-child(2)
    > div
    > span.card-status__other,
  #app
    > div
    > div
    > div:nth-child(3)
    > section:nth-child(2)
    > div
    > section.ticket-detail__wrap
    > div:nth-child(2)
    > div.card-status {
    display: none;
  }
}

#app
  > div
  > div
  > div:nth-child(3)
  > section:nth-child(2)
  > div
  > section.ticket-detail__wrap
  > div:nth-child(3) {
  display: none;
}

/* pcログイン情報削除 */
#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div.flex.mypage-contents__menu
  > div:nth-child(2)
  > div
  > div {
  display: none;
}

#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div
  > section
  > div
  > section
  > div
  > div
  > div.container.my-ticket-layout__wrap
  > div
  > div {
  padding: 0px;
}

/* ＜（戻る）をマイページにもどるに変更 */
#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div:nth-child(1)
  > div.layout.mypage-title__wrap.justify-space-between.align-center
  > p
  > i:after {
  display: none;
}

.mdi-chevron-left::before {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3",
    "Noto Sans JP", system-ui !important;
  font-weight: 600;
  content: "マイページにもどる";
  font-size: 16px;
  border: solid 1px #3daadf;
  border-radius: 3px;
  height: 44px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

#app > div > section > section.mypage-layout__wrap.mypage__layout {
  position: relative;
}

#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div
  > section
  > div
  > section {
  padding: 0;
}

.layout.mypage-title__wrap.justify-space-between.align-center {
  position: absolute;
  top: 100%;
  width: 100vw;
  text-align: center;
}

#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div:nth-child(1)
  > div.layout.mypage-title__wrap.justify-space-between.align-center
  > p {
  margin: auto;
  width: 100%;
}

/* spバージョンのチケット一覧余白調整 */
#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div
  > section
  > div:nth-child(2)
  > section
  > div
  > div:nth-child(2)
  > div.container.my-ticket-layout__wrap
  > div
  > div {
  padding: 0;
}

#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div
  > section
  > div
  > section
  > div
  > div
  > div.container.my-ticket-layout__wrap {
  padding: 0 16px !important;
}

/* チケットリストtbodyのpadding x軸方向を削除 */
.my-ticket-layout__card.v-card.v-sheet.theme--light {
  padding-top: 0;
  padding-bottom: 0;
}

#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div
  > section
  > div
  > section
  > div
  > div
  > div.container.my-ticket-layout__wrap
  > div
  > div {
  min-width: 100%;
}

#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div
  > div.layout.mypage-title__wrap.justify-space-between.align-center
  > p
  > i {
  width: 100%;
}

#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  div.layout.mypage-title__wrap.justify-space-between.align-center {
  padding: 16px !important;
}

#app > div > section > section.header__wrap.event__header > div > div.flex.header__menu.justify-center > section > div.header-tab__sp {
  right: auto;
}

p.header-tab__name.header-tab__no-active {
  font-size: 0;
  margin-left: 5px;
}
/* ヘッダー文字変更 */
p.header-tab__name.header-tab__no-active:before {
  content: "WEB来館予約トップページ";
  color: #073963 !important;
  font-size: 11px;
}

#app
  > div
  > section
  > section.header__wrap.portal__header
  > div
  > div.flex.header__menu.justify-center
  > section
  > div.layout.header-tab__pc
  > div
  > div
  > div.v-slide-group__wrapper
  > div
  > section
  > div.layout.menu__name {
  padding-left: 16px;
  flex-direction: column-reverse;
}


#app
  > div.v-application--wrap
  > section
  > section.header__wrap.portal__header
  > div
  > div.flex.header__menu.justify-center
  > section
  > div.layout.header-tab__pc
  > div
  > div
  > div.v-slide-group__wrapper
  > div
  > section
  > div.layout.menu__name
  > img {
  display: none;
}

@media (max-width: 600px) {
  .menu__icon__image {
    width: 18px !important;
    height: 18px !important;
  }

  #app
    > div
    > section
    > section.header__wrap.portal__header
    > div
    > div.flex.header__menu.justify-center
    > section
    > div.header-tab__sp
    > section
    > div.layout.menu__name {
    margin-left: 12px !important;
  }
}

.header-tab__pc::after {
  content: "";
  width: 220px;
  height: 38px;
  background: url(https://media2.tokyodisneyresort.jp/asset/images/common/logo.svg)
    no-repeat center center;
  position: absolute;
  top: 12px;
  left: calc(50vw - 80px);
}

#app
  > div
  > section
  > section.header__wrap.portal__header
  > div
  > div.flex.header__menu.justify-center
  > section
  > div.layout.header-tab__pc
  > div
  > div
  > div.v-slide-group__wrapper
  > div {
  flex: none;
}

/* tokyo  disney resort画像追加 */
@media (max-width: 600px) {
  .header-tab__sp::after {
    content: "";
    width: 170px;
    height: 38px;
    background: url(https://media2.tokyodisneyresort.jp/asset/images/common/logo.svg)
      no-repeat center center;
    position: absolute;
    top: 12px;
    left: calc(50vw - 80px);
  }
}

.header-tab__pc .v-slide-group__content {
  flex-direction: row-reverse !important;
  margin-top: 8px;
}

@media (min-width: 601px) {
  #app > div > section > section.header__wrap.portal__header > div {
    display: block;
  }
}

@media (max-width: 600px) {
  .menu__icon:after {
    content: "メニュー";
    font-size: 11px;
    width: 50px;
    position: absolute;
    left: 16px;
    top: 42px;
  }
}

#app
  > div
  > section
  > section.header__wrap.portal__header
  > div
  > div.flex.header__menu.justify-center
  > section
  > div.layout.header-tab__pc
  > div
  > div
  > div.v-slide-group__wrapper
  > div
  > div {
  padding: 0;
  width: 170px;
  max-width: none;
}

#app
  > div
  > section
  > section.header__wrap.portal__header
  > div
  > div.flex.header__menu.justify-center
  > section
  > div.layout.header-tab__pc
  > div
  > div
  > div.v-slide-group__wrapper
  > div
  > div
  > p {
  margin-left: 5px;
}
p
  > div
  > section
  > section.header__wrap.portal__header
  > div
  > div.flex.header__menu.justify-center
  > section
  > div.layout.header-tab__pc
  > div
  > div
  > div.v-slide-group__wrapper
  > div
  > div {
  padding: 0;
}

@media screen and (max-width: 1068px) and (min-width: 851px) {
  #app > div > section > section.header__wrap.event__header > div > div.flex.header__menu.justify-center > section > div.layout.header-tab__pc > div > div > div.v-slide-group__wrapper > div > div {
    padding: 0;
    width: 153px;
    max-width: none;
}

#app > div > section > section.header__wrap.event__header > div > div.flex.header__menu.justify-center > section > div.layout.header-tab__pc > div > div > div.v-slide-group__wrapper > div > div > p {
    margin-left: 7px;
    max-width: none;
    width: 153px;
    padding: 0;
  }
  p
    > div
    > section
    > section.header__wrap.portal__header
    > div
    > div.flex.header__menu.justify-center
    > section
    > div.layout.header-tab__pc
    > div
    > div
    > div.v-slide-group__wrapper
    > div
    > div {
    padding: 0;
  }

  #app > div > section > section.header__wrap.event__header > div > div.flex.header__menu.justify-center > section > div.layout.header-tab__pc > div > div > div.v-slide-group__wrapper > div > div > p:before {
    content: "ご相談・ご見学 web予約";
    font-size: 11px;
    color: #073963 !important;
  }
}

@media screen and (min-width: 851px){
  /* マイページのヘッダーのメニューを左寄せするために、display:flexを強制上書き */
  .mypage__wrap
    > div 
    > section 
    > section.header__wrap.event__header 
    > div {
    display: block !important;
  }
}

/* SP予約申込一覧のチケット画像を非表示 */
@media (max-width: 600px) {
  .v-responsive.v-image.ticket-card__image {
    display: none;
  }
}

#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div
  > section
  > div
  > section
  > div
  > div
  > div.container.my-ticket-layout__wrap
  > div
  > div
  > div
  > div.v-responsive.v-image.ticket-card__image
  > div.v-responsive__content
  > span {
  position: absolute;
  top: 100%;
  left: 0;
  width: fit-content;
}

#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div.flex.mypage-contents__contents
  > section
  > div:nth-child(2)
  > section
  > div
  > div
  > div.my-ticket-contents__buttons {
  display: none;
}

/* チケットの有効期間、金額、申込ID削除 */

#app
  > div.v-application--wrap
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div
  > section
  > div
  > section
  > div
  > div
  > div.container.my-ticket-layout__wrap
  > div
  > div
  > div
  > div.v-card__text
  > div
  > div:nth-child(2),
#app
  > div.v-application--wrap
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div
  > section
  > div
  > section
  > div
  > div
  > div.container.my-ticket-layout__wrap
  > div
  > div
  > div
  > div.v-card__text
  > div
  > div:nth-child(3),
#app
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > div.ticket-card-detail.v-card.v-sheet.theme--light
  > div.v-card__text.mt-4
  > div.container.ticket-card-detail__contents
  > div:nth-child(3),
#app
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > div.ticket-card-detail.v-card.v-sheet.theme--light
  > div.v-card__text.mt-4
  > div.container.ticket-card-detail__contents
  > div:nth-child(5),
#app
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > div.ticket-card-detail.v-card.v-sheet.theme--light
  > div.v-card__text.mt-4
  > div.container.ticket-card-detail__contents
  > div:nth-child(7),
#app
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > div.ticket-card-detail.v-card.v-sheet.theme--light
  > div.v-card__text.mt-4
  > div.container.ticket-card-detail__contents
  > div
  > div.pa-1.col.col-auto,
#app
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > div.ticket-card-detail.v-card.v-sheet.theme--light
  > div.v-card__text.mt-4
  > div.container.ticket-card-detail__contents
  > div:nth-child(1)
  > div.ml-2.col
  > .ticket-card-detail__contents__value,
#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div
  > section
  > div
  > section
  > div
  > div
  > div.container.my-ticket-layout__wrap
  > div
  > div
  > div
  > div.v-card__text
  > div
  > div:nth-child(3),
#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div
  > section
  > div
  > section
  > div
  > div
  > div.container.my-ticket-layout__wrap
  > div
  > div
  > div
  > div.v-card__text
  > div
  > div:nth-child(5),
#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div
  > section
  > div
  > section
  > div
  > div
  > div.container.my-ticket-layout__wrap
  > div
  > div
  > div
  > div.v-card__text
  > div
  > div:nth-child(7) {
  display: none;
}

/* マイチケットを開いた時のステータス削除 */
#app.mypage__wrap
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > div.ticket-card-detail.v-card.v-sheet.theme--light
  > div.v-card__text:nth-child(1) {
  display: none;
}

#app.mypage__wrap
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > div.ticket-card-detail.v-card.v-sheet.theme--light
  > div.v-card__text:nth-child(2) {
  margin-top: 0 !important;
}

/* マイチケットモーダル 不要なスペース */
#app
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > div.ticket-card-detail.v-card.v-sheet.theme--light
  > div.v-card__text.mt-4
  > div.container.ticket-card-detail__contents
  > div:nth-child(1) {
  display: none;
}

/* チケット未所持時のテキスト */
#app.mypage__wrap .my-ticket-layout__empty {
  font-size: 0;
  margin: 16px auto !important;
}
#app.mypage__wrap .my-ticket-layout__empty::after {
  content: "ご予約はございません";
  font-size: 16px;
  color: #073963;
  font-weight: 600;
}

/* メニューアイコン削除 */
img.tab-icon__img {
  display: none !important;
}

/* メニューモーダル位置変更 */
#app.mypage__wrap > div.v-menu__content.theme--light.menuable__content__active {
  top: 60px !important;
  left: 12px !important;
}

section.mypage-layout__wrap.mypage__layout div.v-responsive {
  overflow: visible !important;
}

section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  div.v-responsive.v-image.ticket-card__image
  div.v-responsive__content
  span {
  padding: 16px !important;
  background: transparent !important;
  border: none;
}

#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  div.ticket-card__title.mb-2
  > p {
  margin: 0;
}

@media screen and (max-width: 600px) {
  .flex.mypage-contents__menu {
    padding: 60px 16px 16px !important;
  }
}

.mypage-contents__menu__logout,
.info-top__card,
.ticket-card__title.mb-2 {
  margin: 0 !important;
}

.layout .mypage-contents__menu-item {
  padding: 16px !important;
}

.layout.save-cancel__wrap.align-center {
  margin: 0px !important;
}

.mypage-top-layout__menu {
  padding: 16px !important;
}

.mypage-contents__menu-item .mypage-contents__menu-item__label {
  margin: 0 !important;
}

.profile-edit__wrap .profile-edit__form,
.profile-edit__wrap .save-cancel__wrap,
.login-layout__wrap .save-cancel__wrap {
  padding: 20px !important;
}

@media screen and (min-width: 601px) {
  .login-layout__wrap .layout.save-cancel__wrap.align-center {
    margin-left: 10px !important;
  }
}

.mypage-top-layout__card,
.v-card:not(.v-sheet--tile):not(.v-card--shaped),
.profile-contents__controller__button {
  border-radius: 3px !important;
  box-shadow: unset !important;
  border: solid 1px #ecf1f4 !important;
}

/* 会員情報電話番号上のmargin-top */
#app.mypage__wrap
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div.flex.mypage-contents__contents
  > section
  > section.profile-contents__wrap
  > div.profile-contents__card.scrollbar.v-card.v-card--flat.v-sheet.theme--light
  > div:nth-child(3) {
  margin-top: 16px;
}

.col .col-6 {
  width: 350px !important;
  flex-grow: unset !important;
  flex-basis: unset !important;
}

.layout.mypage-contents__menu-item,
.mypage-contents__menu__logout,
.info-top__card {
  border-bottom: solid 1px #ecf1f4 !important;
}

.info-top__card:last-of-type {
  border-bottom: unset !important;
}

.mypage-contents__menu__logout:last-of-type {
  border-bottom: unset !important;
}

.pa-1 col.col-auto,
.pa-1.col {
  padding: 12px !important;
}

.mail-address__wrap .mail-address__title {
  margin-left: 20px;
}

.login-layout__wrap .mail-address__wrap .mail-address__card,
.login-layout__wrap .password__wrap .password__card,
.profile-edit__wrap .profile-edit__form {
  padding: 20px;
  border: none !important;
  margin-left: 10px;
}
@media screen and (max-width: 600px) {
  .login-layout__wrap .mail-address__wrap .mail-address__card,
  .login-layout__wrap .password__wrap .password__card,
  .profile-edit__wrap .profile-edit__form {
    padding: 0 !important;
    margin: 16px !important;
  }
}

.profile-edit__wrap .profile-edit__form {
  margin-left: 0 !important;
}

@media screen and (max-width: 600px) {
  .login-layout__wrap .mail-address__wrap .mail-address__title {
    margin: 16px !important;
  }
}

.sp-menu-spacer,
.v-divider.theme--light,
.mypage-contents__menu__divider,
.mypage-contents__menu-item .v-responsive.mypage-contents__menu-item__image,
.mypage-top-layout__card .v-responsive,
.mypage-contents__menu__logout .v-responsive.mypage-contents__menu-item__image,
#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div.flex.mypage-contents__contents
  > section
  > div:nth-child(2)
  > section
  > div
  > section
  > div.my-ticket-layout__card.v-card.v-sheet.theme--light
  > div
  > div
  > table
  > thead
  > tr
  > th:nth-child(4),
#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div.flex.mypage-contents__contents
  > section
  > div:nth-child(2)
  > section
  > div
  > section
  > div.my-ticket-layout__card.v-card.v-sheet.theme--light
  > div
  > div
  > table
  > thead
  > tr
  > th:nth-child(3),
#app
  > div
  > section
  > section.mypage-layout__wrap.mypage__layout
  > div.mypage-contents__wrap
  > div.flex.mypage-contents__contents
  > section
  > div:nth-child(2)
  > section
  > div
  > section
  > div.my-ticket-layout__card.v-card.v-sheet.theme--light
  > div
  > div
  > table
  > thead
  > tr
  > th:nth-child(2),
.v-data-table__wrapper table tr td:nth-child(n + 2),
.mypage-sp-title__content .mypage-sp-title__content__image {
  display: none !important;
}

.mypage-title__text {
  border-left: unset !important;
  margin: 0 !important;
}

.mypage-sp-title__content {
  padding: 0 20px 20px !important;
}

.info-top__wrap .info-top__card.disabled-card {
  margin-bottom: 16px !important;
}

.mdi-chevron-left::before {
  color: #3daadf !important;
}

.text-start.ticket-th,
.text-start,
.info-top__wrap .info-top__card.disabled-card {
  border-color: #ecf1f4 !important;
}

.profile-contents__wrap .profile-contents__controller {
  text-align: right;
  display: none;
}
.profile-contents__wrap
  .profile-contents__controller
  .profile-contents__controller__button {
  border-radius: 3px !important;
  height: 44px !important;
}

.layout.mypage-contents__menu-item.align-center.active-event {
  color: #3daadf !important;
}

.ticket-card__title.mb-2,
.row.ticket-card__contents {
  height: auto !important;
  align-items: center;
}

.ticket-card__contents__value {
  font-size: 16px !important;
}

.layout.save-cancel__wrap.align-center {
  gap: 16px;
  background-color: #fff !important;
  max-width: 100%;
  justify-content: flex-end !important;
}
@media screen and (max-width: 600px) {
  .layout.save-cancel__wrap.align-center {
    flex-direction: column-reverse;
  }
}

.save-cancel__button.background-white,
.save-cancel__button.color-white {
  margin-bottom: 16px !important;
  height: 44px !important;
  width: 100% !important;
}

/* キャンセル */
@media (max-width: 600px) {
  #app
    > div.v-dialog__content.v-dialog__content--active
    > div
    > div
    > div.ticket-card-detail.v-card.v-sheet.theme--light
    > div.v-card__actions {
    padding: 0 16px;
  }

  #app
    > div.v-dialog__content.v-dialog__content--active
    > div
    > div
    > div.ticket-card-detail.v-card.v-sheet.theme--light
    > div.v-card__actions
    > button {
    width: 100%;
    max-width: none;
  }
}

/* buttonテキスト */
#app.mypage__wrap
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > div.ticket-card-detail.v-card.v-sheet.theme--light
  > div.v-card__actions
  > button
  > span {
  font-size: 0;
}
#app.mypage__wrap
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > div.ticket-card-detail.v-card.v-sheet.theme--light
  > div.v-card__actions
  > button
  > span::after {
  font-size: 15px;
  content: "この予約をキャンセルする";
  color: #3daadf !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #e3f2fe;
  border-radius: 3px !important;
  width: 240px;
  height: 44px !important;
  padding: 14.5px 16px 0 !important;
  line-height: 1;
}

@media (max-width: 600px) {
  #app.mypage__wrap
    > div.v-dialog__content.v-dialog__content--active
    > div
    > div
    > div.ticket-card-detail.v-card.v-sheet.theme--light
    > div.v-card__actions
    > button
    > span::after {
    width: 100%;
    max-width: none;
  }
}

/* キャンセルボタン border */
.mypage__wrap .v-dialog__content .payment-button-cancel {
  padding: 0 !important;
  height: 44px !important;
}
.mypage__wrap .v-dialog__content .payment-button-cancel .v-btn__content {
  border: none !important;
}

/* キャンセル見出し */
#app
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > div.ticket-card-detail.v-card.v-sheet.theme--light
  > div:nth-child(4)
  > div.payment-period {
  font-size: 0;
}
#app
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > div.ticket-card-detail.v-card.v-sheet.theme--light
  > div:nth-child(4)
  > div.payment-period::after {
  font-size: 14px;
  content: "この予約をキャンセルする場合";
  color: #073963 !important;
}

/* キャンセルモーダル */
#app.mypage__wrap
  > div:nth-child(5)
  > div
  > div
  > div.layout.detail-card__dialog__content,
#app.mypage__wrap
  > div:nth-child(6)
  > div
  > div
  > div.layout.detail-card__dialog__content {
  display: flex;
  gap: 16px;
}

@media (max-width: 600px) {
  #app.mypage__wrap
    > div:nth-child(5)
    > div
    > div
    > div.layout.detail-card__dialog__content,
  #app.mypage__wrap
    > div:nth-child(6)
    > div
    > div
    > div.layout.detail-card__dialog__content {
    flex-direction: column;
    align-items: center;
  }
}

/* いいえ */
#app.mypage__wrap
  > div:nth-child(5)
  > div
  > div
  > div.layout.detail-card__dialog__content
  > button.detail-card__dialog__content__no.v-btn.v-btn--contained.theme--light.v-size--default,
#app.mypage__wrap
  > div:nth-child(6)
  > div
  > div
  > div.layout.detail-card__dialog__content
  > button.detail-card__dialog__content__no.v-btn.v-btn--contained.theme--light.v-size--default {
  margin: 0;
  background: #ffffff !important;
  border-radius: 3px !important;
  border: solid 1px #3daadf !important;
  box-shadow: unset !important;
}
@media (max-width: 600px) {
  #app.mypage__wrap
    > div:nth-child(5)
    > div
    > div
    > div.layout.detail-card__dialog__content
    > button.detail-card__dialog__content__no.v-btn.v-btn--contained.theme--light.v-size--default,
  #app.mypage__wrap
    > div:nth-child(6)
    > div
    > div
    > div.layout.detail-card__dialog__content
    > button.detail-card__dialog__content__no.v-btn.v-btn--contained.theme--light.v-size--default {
    width: calc(100% - 32px) !important;
    max-width: none;
  }
}

#app.mypage__wrap
  > div:nth-child(5)
  > div
  > div
  > div.layout.detail-card__dialog__content
  > button.detail-card__dialog__content__no.v-btn.v-btn--contained.theme--light.v-size--default
  span,
#app.mypage__wrap
  > div:nth-child(6)
  > div
  > div
  > div.layout.detail-card__dialog__content
  > button.detail-card__dialog__content__no.v-btn.v-btn--contained.theme--light.v-size--default
  span {
  color: #3daadf !important;
}

/* はい */
@media (max-width: 600px) {
  #app.mypage__wrap
    > div:nth-child(5)
    > div
    > div
    > div.layout.detail-card__dialog__content
    > button.detail-card__dialog__content__yes.v-btn.v-btn--contained.theme--light.v-size--default,
  #app.mypage__wrap
    > div:nth-child(6)
    > div
    > div
    > div.layout.detail-card__dialog__content
    > button.detail-card__dialog__content__yes.v-btn.v-btn--contained.theme--light.v-size--default {
    width: calc(100% - 32px) !important;
    max-width: none;
  }
}

#app.mypage__wrap
  > div:nth-child(5)
  > div
  > div
  > div.layout.detail-card__dialog__content
  > button.detail-card__dialog__content__yes.v-btn.v-btn--contained.theme--light.v-size--default
  span,
#app.mypage__wrap
  > div:nth-child(6)
  > div
  > div
  > div.layout.detail-card__dialog__content
  > button.detail-card__dialog__content__yes.v-btn.v-btn--contained.theme--light.v-size--default
  span {
  color: #3daadf !important;
}

/* ログアウトモーダル */
/* いいえ */
#app
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > div.layout.selector-dialog__content
  > button.selector-dialog__content__no.v-btn.v-btn--contained.theme--light.v-size--default {
  background: #ffffff !important;
  border-radius: 3px !important;
  border: solid 1px #3daadf !important;
  box-shadow: unset !important;
}

#app
  > div.v-dialog__content.v-dialog__content--active
  > div
  > div
  > div.layout.selector-dialog__content
  > button.selector-dialog__content__no.v-btn.v-btn--contained.theme--light.v-size--default
  > span {
  color: #3daadf !important;
}

@media (max-width: 600px) {
  #app.mypage__wrap
    > div.v-dialog__content.v-dialog__content--active
    > div
    > div
    > div.layout.selector-dialog__content {
    flex-direction: column-reverse;
    align-items: center;
    gap: 16px;
  }

  /* いいえ */
  #app
    > div.v-dialog__content.v-dialog__content--active
    > div
    > div
    > div.layout.selector-dialog__content
    > button.selector-dialog__content__no.v-btn.v-btn--contained.theme--light.v-size--default {
    margin: 0;
    background: #ffffff !important;
    border-radius: 3px !important;
    border: solid 1px #3daadf !important;
    box-shadow: unset !important;
    max-width: none;
  }
  #app
    > div.v-dialog__content.v-dialog__content--active
    > div
    > div
    > div.layout.selector-dialog__content
    > button.selector-dialog__content__no.v-btn.v-btn--contained.theme--light.v-size--default
    > span {
    color: #3daadf !important;
  }

  /* はい */
  #app
    > div.v-dialog__content.v-dialog__content--active
    > div
    > div
    > div.layout.selector-dialog__content
    > button.selector-dialog__content__yes.v-btn.v-btn--contained.theme--light.v-size--default {
    max-width: none;
  }
}

.unsubscribe-contents__card {
  margin: 0 !important;
  padding: 16px !important;
}

.v-dialog__container .card__click {
  border: solid 1px #e3f2fe !important;
  border-radius: 3px !important;
}

/*-----------------------------*/
/*top共通*/
/*-----------------------------*/
@media screen and (max-width: 600px) {
  .pc-text {
    display: none;
  }
}
@media screen and (min-width: 601px) {
  .pc-text {
    display: inline-block;
  }
}

@media screen and (max-width: 600px) {
  .sp-text {
    display: inline-block;
  }
}
@media screen and (min-width: 601px) {
  .sp-text {
    display: none;
  }
}

a {
  text-decoration: none !important;
}

/*---kv----*/
.ticket-booth-kv-wrap {
  width: 100%;
}

.ticket-booth-kv {
  max-width: 100%;
  width: 100%;
}

/* 確認画面 */

.v-text-field fieldset {
  border-width: 1px;
}

/* 入力前はグレー */
.v-text-field:not(.error--text) fieldset {
  border-color: #d1e0ed;
}

/* 入力前はグレー */
.v-text-field:has(.error--text) fieldset {
  border-color: #ff5f33;
  border: solid 1px !important;
}

/* 入力済みはブルー */
.v-input--hide-details.v-input--is-label-active.theme--light.v-text-field.v-text-field--is-booted.v-text-field--enclosed.v-text-field--outlined.v-text-field--placeholder
  > div
  > div
  fieldset,
.v-input.item__selector.v-input--hide-details.v-input--is-label-active.v-text-field.v-text-field--is-booted.v-text-field--enclosed.v-text-field--outlined.v-select
  > div
  > div
  fieldset {
  border-color: #073963;
  border-width: 1px;
}

/* エラー文言 */
.ticket-page-content-wrapper .ticket-page-content-wrapper__content-wrapper .ticket-page-content-wrapper__content .ticket-controller section.profile__wrap form .item__name .v-text-field:has(.error--text) .v-text-field__details .v-messages{
  background: #ff5f33;
  padding: 14.5px 16px;
  border-radius: 3px;
  position: relative;
  color: #ffffff !important;
  margin-top: 16px;
}

.ticket-page-content-wrapper .ticket-page-content-wrapper__content-wrapper .ticket-page-content-wrapper__content .ticket-controller section.profile__wrap form .item__name .v-text-field:has(.error--text) .v-text-field__details .v-messages::before {
  border-color: transparent transparent #ff5f33;
  border-style: solid;
  border-width: 0 15px 15px;
  content: "";
  height: 0;
  left: calc(50% - 16px);
  transform: translate(0, -50%);
  margin: auto;
  position: absolute;
  top: -5px;
  width: 0;
}

.ticket-page-content-wrapper .ticket-page-content-wrapper__content-wrapper .ticket-page-content-wrapper__content .ticket-controller section.profile__wrap form .item__description .v-text-field:has(.error--text) .v-text-field__details .v-messages__message{
  background: #ff5f33;
  padding: 14.5px 16px;
  border-radius: 3px;
  position: relative;
  color: #ffffff !important;
  margin-top: 16px;
}

.ticket-page-content-wrapper .ticket-page-content-wrapper__content-wrapper .ticket-page-content-wrapper__content .ticket-controller section.profile__wrap form .item__description .v-text-field:has(.error--text) .v-text-field__details .v-messages__message::before{
  border-color: transparent transparent #ff5f33;
  border-style: solid;
  border-width: 0 15px 15px;
  content: "";
  height: 0;
  left: calc(50% - 16px);
  transform: translate(0, -50%);
  margin: auto;
  position: absolute;
  top: -5px;
  width: 0;

}

.ticket__wrap .v-text-field:has(.error--text) .v-text-field__details {
  padding: 16px 0 0;
}

.v-menu__content.menuable__content__active,
.v-select__selections .v-select__selection {
  color: #073963 !important;
}

.v-input__icon.v-input__icon--append .v-icon.notranslate {
  color: #3daadf !important;
}

.v-list-item.primary--text.v-list-item--active.v-list-item--link {
  color: #073963;
  background: #fff;
}

.profile__content:last-of-type {
  margin-bottom: 32px !important;
}

.confirm__wrap .confirm__button {
  margin-left: auto;
  margin-top: 32px !important;
  display: flex;
}
@media screen and (max-width: 600px) {
  .confirm__wrap .confirm__button {
    margin: 32px auto 92px;
  }
}

.mypage__wrap .v-dialog__content .v-dialog {
  max-width: 550px;
  width: 100% !important;
  border-radius: 3px !important;
}

/* SPでダイアログ左右の背景透過防ぐ */
@media (max-width: 600px) {
  #app.mypage__wrap
    > div.v-dialog__content.v-dialog__content--active:nth-child(3)
    > div
    > div:has(> .ticket-card-detail),
  #app.mypage__wrap
    > div.v-dialog__content.v-dialog__content--active:nth-child(4)
    > div
    > div:has(> .ticket-card-detail),
  #app.mypage__wrap
    > div.v-dialog__content.v-dialog__content--active:nth-child(5)
    > div
    > div,
  #app.mypage__wrap
    > div.v-dialog__content.v-dialog__content--active:nth-child(6)
    > div
    > div {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}

#app
  > div.v-application--wrap
  > div
  > div:nth-child(4)
  > section.profile__wrap
  > h3 {
  font-size: 22px;
}

#app > div.v-application--wrap > section > div > div > div > section > div:nth-child(2) > div:nth-child(2) > section.profile__wrap > form > div:nth-child(19) > section > div.layout.item__label.d-inline-block > span.item__label__required:after {
  content: "来館日を基準";
  display: block;
  color: #073963;
  font-size: 13px;
}

#app > div.v-application--wrap > section > div > div > div > section > div:nth-child(2) > div:nth-child(2) > section.profile__wrap > form > div:nth-child(21) > section > div.layout.item__label.d-inline-block > span.item__label__required:after {
  content: "東京ディズニーシー·ホテルミラコスタは10名以上で承ります。";
  display: block;
  color: #073963;
  font-size: 13px;
}

/* ラベルフォントサイズ */
.layout.item__label .item__label__text {
  font-size: 16px !important;
}

.layout.item__label .item__label__required {
  font-size: 13px;
}

/* 予約最終確認画面 */
#app 
> div.v-application--wrap 
> section 
> div 
> div 
> div 
> section > div:nth-child(2) > div:nth-child(2) > section.confirm__wrap > section.detail__wrap.confirm__content > div.layout.detail__title.align-center > h3{
  font-size: 0;
}

#app > div.v-application--wrap > section > div > div > div > section > div:nth-child(2) > div:nth-child(2) > section.confirm__wrap > section.detail__wrap.confirm__content > div.layout.detail__title.align-center > h3::after {
  content: "予約内容";
  font-size: 18px;
}

#app
  > div.v-application--wrap
  > div
  > div:nth-child(4)
  > section.confirm__wrap
  > section.profile__wrap.confirm__content
  > div.layout.profile__title
  > h3 {
  font-size: 18px;
}

#app
  > div.v-application--wrap
  > div
  > div:nth-child(4)
  > section.confirm__wrap
  > section.profile__wrap.confirm__content
  > div.profile__detail
  span,
#app
  > div.v-application--wrap
  > div
  > div:nth-child(4)
  > section.confirm__wrap
  > section.detail__wrap.confirm__content
  > div.detail__ticket
  > div:nth-child(1)
  > span.detail__ticket__content {
  font-size: 13px;
}

#app
  > div.v-application--wrap
  > div
  > div:nth-child(4)
  > section.confirm__wrap
  > section.detail__wrap.confirm__content
  > div.detail__ticket {
  margin-top: 16px !important;
}

#app
  > div.v-application--wrap
  > div
  > div:nth-child(4)
  > section.confirm__wrap
  > section.detail__wrap.confirm__content
  > div.detail__ticket
  > div:nth-child(1)
  > span.detail__ticket__label,
#app
  > div.v-application--wrap
  > div
  > div:nth-child(4)
  > section.confirm__wrap
  > section.detail__wrap.confirm__content
  > div.detail__ticket
  > div:nth-child(1)
  > span.detail__ticket__colon {
  display: none;
}

#app
  > div.v-application--wrap
  > div
  > div:nth-child(4)
  > section.confirm__wrap
  > section.detail__wrap.confirm__content
  > div.detail__ticket
  > div:nth-child(1)
  > span.detail__ticket__content {
  margin: 0;
}
#app
  > div
  > div
  > div:nth-child(3)
  > section:nth-child(2)
  > div
  > section.ticket-detail__wrap
  > div:nth-child(2),
#app
  > div.v-application--wrap
  > div
  > div:nth-child(4)
  > section.confirm__wrap
  > section.detail__wrap.confirm__content
  > div.detail__ticket
  > div:nth-child(2) {
  display: none;
}

/* 予約完了画面 */
.complete__message {
  max-width: 880px !important;
}

.complete__wrap span {
  font-size: 22px;
}

.complete__message__text {
  font-size: 16px;
}

/*# sourceMappingURL=common.css.map */

#app > div.v-dialog__content.v-dialog__content--active > div > div > div.ticket-card-detail.v-card.v-sheet.theme--light > div.v-card__actions.ticket-card-detail__actions.v-card__actions.ticket-card-detail__actions {
    display: none;
}

/* ========== 新版カスタム差分 (milial-all.css) ========== */
/* milial カスタム全体CSS バンドル (eventos: 全体CSS) 生成 2026-07-16 (tools/build-css.js) */

/* ===== link-no-underline.css ===== */
/* milial: リンクの下線を除去 (本番の見た目に合わせる)
 * 背景: 本番は全リンクが text-decoration:none(下線なし)だが、新版(STG)では下線が出る。
 *       例: カレンダーの日付リンク(6月21日(日) 等)に下線が入る(本番vsSTG比較 2026-06-08)。
 * 注意: 本番の挙動(下線なし)に合わせる。意図的に下線を出す箇所があれば後で個別に戻す。
 */
a { text-decoration: none !important; }

/* ===== loading-chrome-hide.css ===== */
/* milial: フルロード直後の「ローディング中」に出る eventos 標準ガワの非表示
 * 背景: /module/ticket/<id> への流入は毎回フルロードで、データ確定までの中間状態で
 *       eventos 標準ガワ (event__header ヘッダー / イベントトップに戻る / ホテル名見出し /
 *       青い標準スピナー) が露出する (2026-07-16 クライアント指摘)。
 *       旧本番はベースCSS「ローディングスピナー表示時背景削除」ブロック (#app 長セレクタ群)
 *       で隠していたが、URL分割後の新 DOM で全滅 (7/7 dead-rules 監査で DEAD 確定) した。
 * 方針: 構造依存の長セレクタを避け、クラス基点 + `.v-application:not(.mypage__wrap)` スコープで
 *       再実装する (#6 マイページ巻き添え防止と同型。マイページは event__header を表示する)。
 * 実測: ローディング中ヘッダー = `header__wrap event__header`、確定後 `portal__header` に変化
 *       (2026-07-16 本番実測)。確定後の portal__header はベースCSSが従来どおり隠す。
 * 検証: L3 css 契約 = e2e-tests/tests/url-split/loading-chrome-hide.spec.ts (合成DOM)。
 * 診断: investigation/eventos-url-split-2026-07/docs/standard-ui-flash-2026-07-16-diagnosis.md
 */

/* 標準ヘッダー: ローディング中は event__header クラスで出る (確定後の portal__header は
 * ベースCSSが従来どおり隠す)。マイページは event__header を整形して表示するため除外。 */
.v-application:not(.mypage__wrap) .header__wrap.event__header {
  display: none !important;
}

/* 確定後クラスの標準ヘッダー (base CSS の無条件ルールの前倒し複製)。
 * ハイドレーション時に css_uploads <link> が一瞬付け替わる隙間 (~20ms、STG 実測 2026-07-16)
 * で base が失効しても critical CSS 側で隠し続ける。base 同様に無条件
 * (portal__header はマイページ含めどの画面でも base が常時隠している)。 */
.header__wrap.portal__header {
  display: none !important;
}

/* 「イベントトップに戻る」(wrapper ごと隠す。確定後の7画面には存在しない = 監査で確認済み)
 * 旧DOM: .portal__event-top-wrapper > p.portal__event-top
 * 新DOM: p.portal-event-top (wrapper なし、2026-07-16 本番 web_page ページ実測:
 *        p.portal-event-top << div << section.detail__wrap.event__layout) */
.v-application:not(.mypage__wrap) .portal__event-top-wrapper,
.v-application:not(.mypage__wrap) .portal-event-top {
  display: none !important;
}

/* ホテル名見出し (青ボーダー h2「ディズニーアンバサダーホテル」等) */
.v-application:not(.mypage__wrap) section.ticket-list-title.portal__title {
  display: none !important;
}

/* ============================================================
 * スピナーのミッキーローディング統一 (2026-07-16 指示「全てミッキーローディングに変更」)
 * base CSS「Loading Spinner」ブロックの生存ルールを前倒し複製し (css_uploads 有効化前の
 * 窓でも素の灰色/青円を出さない)、チケット文脈の旧・白色化(不可視) はミッキー表示に置換する。
 * ============================================================ */

/* 汎用ミッキー ::after — base CSS (common.css 333行) の完全複製。確定後の挙動は不変で、
 * critical CSS 経由で「最初の描画から」効くようになるのが差分。 */
.v-progress-circular.v-progress-circular--indeterminate::after {
  width: 180px !important;
  background-image: url("https://bq-rsv-login.tokyodisneyresort.jp/image/img_loading.webp");
  height: 180px !important;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
}

/* フルロード直後の全画面ローディング (whole-loading、#app/.v-application の外に居る =
 * 2026-07-16 実測)。円 svg を消しミッキーだけ見せる + 白背景オーバーレイ (base 複製)。 */
#__layout > section > div.whole-loading > div > div svg,
#__layout > section > div.v-overlay.v-overlay--active.theme--dark > div.v-overlay__content > div > svg {
  display: none;
}
#__layout > section > div.whole-loading > div > div {
  width: 100vw;
  height: 100%;
  background-color: #ffffff !important;
}
#__layout > section > div.v-overlay.v-overlay--active.theme--dark > div.v-overlay__content > div {
  width: 100vw !important;
  height: 100vh !important;
}
.v-progress-circular__info {
  width: 100vw !important;
  height: 100% !important;
  background: #ffffff;
}

/* チケット文脈 (section.ticket-controller、Slack 返信14 実DOM): 旧実装は円もミッキーも
 * 白色化して不可視にしていたが、「全てミッキー」指示に合わせ円 svg のみ非表示 =
 * 汎用ミッキー ::after が見える。インライン色 (rgb(0,102,255)) は svg 非表示で無関係化。 */
.v-application:not(.mypage__wrap) .ticket-controller .progress-bar .v-progress-circular svg {
  display: none !important;
}

/* ===== ticket-input-disabled.css ===== */
/* milial: 申込者情報(purchaser-profile)の 編集不可 input を「通常テキスト表示」に見せる CSS
 * 役割分担: ticket-input-disabled.js が disabled 付与 + fieldset border 消去(挙動/構造)を担い、
 *           本 CSS は「disabled でも灰色化させず通常文字色を維持」(見た目)を担う。
 * 背景: Phase B(2026-06-08) で本番の CSS 契約を採取 → disabled input の computed color は
 *       rgba(0,0,0,0.87)(=通常色)。標準の disabled は灰色(~0.38)になるため CSS で上書きが必須。
 *       (fixtures/css-contract.baseline.json)
 * 注意(クロスブラウザ): WebKit/Safari では disabled input の文字色は `color` でなく
 *       `-webkit-text-fill-color` が優先される。両方指定しないと Safari で灰色のままになる。
 * 注入: eventos カスタム全体CSS。スコープは申込者情報の メール/氏名(姓・名) の disabled のみ。
 */
form.v-form section.profile__content input[name="email"]:disabled,
form.v-form .profile__content:nth-child(2) .item__name__first input[name="lastName"]:disabled,
form.v-form .profile__content:nth-child(2) .item__name__second input[name="firstName"]:disabled {
  color: rgba(0, 0, 0, 0.87) !important;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87) !important; /* Safari/WebKit の disabled 文字色 */
  opacity: 1 !important;                                    /* WebKit の disabled 透明化を打ち消す */
}

/* ===== ticket-list-simplify.css ===== */
/* milial: チケット一覧(/module/ticket/[id])を「申込ボタン中心のシンプル来館予約画面」にする
 * 背景: 本番は eventos の商取引UI(タブ/受付中/販売期間/金額/数量/詳細を見る)を非表示にして、
 *       婚礼の来館予約として「日時 + 申し込み」だけのシンプル画面に見せている。
 *       新版(STG)では未適用で素の商取引UIが全表示される(本番vsSTG比較 2026-06-08)。
 * クラス: 本番・STG で同名であることを実機確認済み(rename ではない)。
 * ⚠️ 重要: `.ticket-layout__card` は本番では display:none だが、STG ではそこに「表示中のチケット本体」が
 *          入るため絶対に隠さない(隠すと本体が消える)。商取引UIの内訳クラスのみ個別に隠す。
 * 検証: L3 css-contract(合成DOMで「商取引UIが消え、日時/申込/戻るは残る」)。
 */

/* Live!ホーム / メニュー タブ (新版追加分。本番のシンプル画面には無い)
 * ⚠️ スコープ限定 (2026-07-04, 資料 #6): 無条件 `.header-tab__wrap{display:none}` だと
 *    マイページ(.mypage__wrap)のヘッダー(ロゴ/WEB来館予約トップ/メニュー)まで巻き込んで消す
 *    =「ヘッダーが表示されない」不具合。マイページ以外に限定する。
 *    実機確認(2026-07-04): カレンダートップは .home__wrap でヘッダー自体が別途非表示のため無影響、
 *    チケットフローは .portal__wrap で従来どおり非表示、マイページ(.mypage__wrap)のみ表示に戻る。 */
.v-application:not(.mypage__wrap) .header-tab__wrap { display: none !important; }

/* 受付中 等のステータスバッジ */
.card-status { display: none !important; }

/* 販売期間 */
.ticket-detail-sales-period { display: none !important; }

/* 金額 + 数量ステッパー (.card-amount は .ticket-price 配下 = ticket-price__detail-amount) */
.ticket-price { display: none !important; }

/* 詳細を見る アコーディオン (クラス要再特定。暫定で文言トグルを対象化する想定 → 確定後に置換) */
/* .ticket-detail__accordion, [class*="detail"][class*="toggle"] { display: none !important; } */

/* ===== ticket-profile-layout.css ===== */
/* milial: お客様情報入力(purchaser-profile) のレイアウト微調整
 * 背景: 本番全体CSSは以下を旧・単一ページDOM前提の長い構造依存セレクタで指定していたが、
 *       URL分割後の新DOMで祖先パスが外れて未適用(資料「STG環境の修正点」#1/#3)。
 *       新DOMの固有クラスを基点にクラスセレクタで再実装する。
 * 採取: 2026-07-04 STG実機。
 *   #1 タイトル: `h3.profile__title`(section.profile__wrap 直下)。現状 18.72px → 22px にする。
 *       ※ confirm 画面の予約者タイトルは `div.profile__title > h3`(class は div 側)なので
 *         `h3.profile__title` では当たらない=誤爆しない。
 *   #3 未入力エラーの詰め: `.item__description .v-text-field__details` が既定 padding:0 12px。
 *       本番は padding:0 にしてヘルパー/エラー文をフィールド左端に揃えている。
 * 役割分担: 文字色(disabled維持)は ticket-input-disabled.css、本ファイルはレイアウトのみ。
 */

/* #1 お客様情報入力のタイトルを 22px */
section.profile__wrap h3.profile__title {
  font-size: 22px !important;
}

/* #3 入力欄ヘルパー/エラー文の左右パディングを詰める(本番同様) */
.profile__wrap .item__description .v-text-field__details {
  padding: 0 !important;
}

/* ===== ticket-confirm.css ===== */
/* milial: 予約内容(confirm)画面の整形
 * 背景: 本番全体CSSは旧・単一ページDOM前提の長いセレクタ(#app > … > div:nth-child(2) >
 *       div:nth-child(2) > … / id 付きで特異度が極大)で指定していたため URL分割後の新DOMで
 *       未適用(資料「STG環境の修正点」#4「全部当たってません」)。新DOMの固有クラス基点で再実装。
 * 採取: 2026-07-04 STG実機 (/module/ticket/<id>/confirm)。
 *   - タイトル: `h3.detail__title__text`(section.detail__wrap.confirm__content 内)。現状「選択内容」20px
 *     → 「予約内容」18px に置換。
 *   - 枚数: `.detail__ticket > div:nth-child(2)`(1個目=チケット / 2個目=枚数) を非表示。
 *   - border一式: `.profile__wrap.confirm__content` に border-bottom / margin / padding。
 *     ⚠️ 特異度の壁: ベース `.ticket-page-content-wrapper__content .ticket-controller .profile__wrap
 *       { border-style:none !important }`(3クラス) が効いて border-bottom を消している
 *       (本番は id 付き長セレクタで勝っていた)。→ 本ルールは 4クラスにして上書きする。
 */

/* #4 タイトル文言を「予約内容」に */
.confirm__wrap .detail__wrap.confirm__content h3.detail__title__text {
  font-size: 0 !important;
}
.confirm__wrap .detail__wrap.confirm__content h3.detail__title__text::after {
  content: "予約内容";
  font-size: 18px;
  color: #073963;
}

/* #4 枚数(2列目)を非表示 */
.confirm__wrap .detail__wrap.confirm__content .detail__ticket > div:nth-child(2) {
  display: none !important;
}

/* #4 予約者情報カードの枠線/余白(ベースの border:none を上書きするため 4クラス) */
.ticket-controller .confirm__wrap .profile__wrap.confirm__content {
  border-radius: unset !important;
  border: unset !important;
  border-bottom: solid 1px #ecf1f4 !important;
  margin: 16px !important;
  padding: 0 !important;
  padding-bottom: 16px !important;
}

/* 予約者情報ブロックのタイポグラフィ(資料「デザイン差分」2026-07-07。
 * 本番 common.css L157-164 は #app 長セレクタで新DOMで未適用): h3 18px / ラベル・値 13px。
 * ※ purchaser-profile の h3.profile__title(22px, ticket-profile-layout.css)とは
 *   `.confirm__wrap` スコープで排他なので誤爆しない。 */
.confirm__wrap .profile__wrap.confirm__content .profile__title h3 {
  font-size: 18px !important;
}
.confirm__wrap .profile__wrap.confirm__content span.profile__detail__label,
.confirm__wrap .profile__wrap.confirm__content span.profile__detail__content {
  font-size: 13px !important;
}

/* ===== ticket-sp-buttons.css ===== */
/* milial: SP(≤600px) でフロー主要ボタンを全幅化(資料「デザイン差分」SP指摘, 2026-07-07)
 * 背景: ボタンの基本スタイル(max-width:240px 等)はクラス基点の共通ルールで新DOMにも当たるが、
 *       SP で全幅化する側の本番ルールは @media (max-width:600px) 内の旧・単一ページDOM前提の
 *       長い構造依存セレクタ(#app > … > div:nth-child(2) > … 等)で書かれており、URL分割後の
 *       新DOMで祖先パスが外れて未適用 → SP でボタンが 240px のまま中央に縮む。
 * 方針: 本番の画面別 width 指定を新DOM固有クラス基点で再実装(本番 common.css の
 *       @media ブロック L233-320 / L651-730 相当)。
 * 回帰資産: e2e-tests/tests/url-split/ticket-sp-css.spec.ts (SP全幅 + PC 240px 維持)
 */

@media (max-width: 600px) {
  /* 規約(terms)・お客様情報入力(purchaser-profile): 次へ/戻る を全幅(本番 width:100%) */
  .ticket-terms__next .ticket-terms__next__content,
  .ticket-terms__back .ticket-terms__back__content,
  .next-button__description .next-button__content,
  .back-button__wrap .back-button__description .back-button__content {
    max-width: none !important;
    width: 100% !important;
  }

  /* 予約内容(confirm)の申込ボタンのみ全幅(本番=STGで一致・サイズ変更しない指示だが、
   * 本番も全幅なので現状維持)。左右16pxを残して全幅(本番 width:calc(100% - 32px))。
   * ⚠️ 予約完了(complete)のOKボタンは【全幅化しない】— 本番は基本の240px中央のため
   *    ここに含めない(2026-07-08 デグレ修正。含めると本番より広くなる)。 */
  .confirm__wrap .confirm__button {
    max-width: none !important;
    width: calc(100% - 32px) !important;
  }

  /* 予約内容(confirm)の「戻る」: 実体は編集ボタン(.profile__title__edit)を本番CSSハック
   * (位置移動+::before「戻る」)で戻るボタンに見せているもの。ハック本体はクラス基点で
   * 新DOMにも当たるが、SP全幅化(本番 L279 の #app 長セレクタ)だけ外れて240pxのままになる。
   * left:-8px は本番同値(ma-2 の margin 補正)。 */
  .confirm__wrap .profile__wrap .profile__title__edit {
    max-width: none !important;
    width: 100% !important;
    left: -8px;
  }
}

/* ===== ticket-complete.css ===== */
/* milial: 予約完了(complete)画面の整形
 * 背景: 本番全体CSSは `#app > … > section.complete-layout__wrap > section:nth-child(1) { display:none }`
 *       という旧DOM前提の長いセレクタで先頭セクション(完了画像)を隠していたが、URL分割後の新DOMで
 *       未適用(資料「STG環境の修正点」#5「全部当たってません」)。新DOMの固有クラス基点で再実装。
 * 採取: 2026-07-04 STG実機 (/module/ticket/<id>/complete)。
 *   .complete-layout__wrap 直下は section が3つ:
 *     [1] section.complete__wrap(空・.complete__image を内包) ← 非表示対象
 *     [2] section.complete__wrap(「ご予約が完了しました。」メッセージ) ← 残す
 *     [3] section.complete-button_wrap(OK) ← 残す
 */

/* #5 完了画像セクション(先頭)を非表示 */
.complete-layout__wrap > section:first-child {
  display: none !important;
}