@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 */
