/*購入前のチケットの価格非表示*/
.layout.ticket-price__single {
    display: none;
}

/*パスワード忘れボタンの非表示*/
.smart__forget__link {
    display: none;
}


/* チケット詳細 */
.layout.ticket-price__single {
    display: none;
}

/* マイチケット一覧 */
.row.ticket-card__contents.row--dense:last-child {
    display: none;
}

/* マイチケット詳細 */
.row.ticket-card-detail__contents__row.py-4.no-gutters.align-center:nth-child(3) {
    display: none;
}

/* これらのセレクタは、ご提示の構造に合わせて調整してください */
.profile__wrap form > div:nth-child(11) > section,
.profile__wrap form > div:nth-child(12) > section,
.profile__wrap form > div:nth-child(13) > section {
    display: none ; /* 初期状態で非表示にする */
}

.card-amount__number {
    display: none;
}
#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 !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.detail__ticket > div:nth-child(2) {
    display: none !important;
}

.detail__ticket__label {
    font-size: 0 !important;    /* 元のテキストを非表示 */
    line-height: 0;  /* 高さをリセット */
  }
  
  .detail__ticket__label::before {
    content: "参加回"; /* 新しいテキストを挿入 */
    font-size: 1rem;   /* 適切なサイズで表示 */
    line-height: 1.5;  /* 適切な行の高さを設定 */
  }

  /*マイページ会員情報内のメアド行非表示*/
    #app > div > section > section.mypage-layout__wrap.mypage__layout > div.mypage-contents__wrap > div > section > section.profile-contents__wrap > div.profile-contents__card.scrollbar.v-card.v-card--flat.v-sheet.theme--light > div:nth-child(1) {
    display: none;
}
    #app > div > section > section.mypage-layout__wrap.mypage__layout > div.mypage-contents__wrap > div > section > section > div.profile-edit__form > form > section:nth-child(1) > div:nth-child(1) > div > section {
    display: none;
}

/*マイページの「会員情報」を「申込内容」にする*/
#app > div > section > section.mypage-layout__wrap.mypage__layout > div.mypage-contents__wrap > div.flex.mypage-contents__menu > div:nth-child(3) > div > div > span {
    /* (変更なし) 元のテキストを非表示にする設定 */
    color: transparent !important;
    font-size: 0;
    display: inline-block;
    position: relative;
    /* この要素自体にflexやgridが適用されている場合は調整が必要なことがあります */
}

#app > div > section > section.mypage-layout__wrap.mypage__layout > div.mypage-contents__wrap > div.flex.mypage-contents__menu > div:nth-child(3) > div > div > span::before {
    /* 【重要】新しいテキスト「申込内容」が縦に並ばないように修正 */
    content: "申込内容";
    
    /* 1. テキストを折り返さないようにする */
    white-space: nowrap; 
    
    /* 2. 適切な表示形式に設定（inline または inline-block） */
    display: inline; 

    /* (その他の設定は維持) */
    color: rgb(68, 68, 68);
    font-size: 1rem; /* 適切なサイズに調整 */
    position: absolute;
    top: 0;
    left: 0;
}

/*マイページのアイコン非表示*/
.layout mypage-top-layout__menu align-center {
    display: none !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__actions > button > span::before {
    /* (既存の設定) */
    content: "この参加回をキャンセルする";
    color: currentColor; 
    font-size: 1rem !important; 
    font-weight: bold;
    z-index: 10;
    pointer-events: none;
    display: inline;
    white-space: nowrap;
    
    /* 【位置調整】 absoluteを解除し、親要素の中央揃えを利用する */
    position: static !important; /* absoluteを解除 */
    top: auto; /* top/leftの指定を無効化 */
    left: auto;
    
    /* テキストを中央に配置するために display: block; を使用する */
    display: block !important; 
    text-align: center; /* 親要素の幅に対して中央に配置 */
}

/* 親要素のspanは以下の設定を維持 */
#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 > span {
    color: red !important;
    font-size: 0;
    display: inline-block;
    position: relative; /* relativeは維持 (もし他の要素が影響する場合に備えて) */
    white-space: nowrap;
}

/*このチケットをキャンセルする場合*/
#app > div.v-dialog__content.v-dialog__content--active > div > div > div.ticket-card-detail.v-card.v-sheet.theme--light > div:nth-child(5) > div.payment-period {
    /* (変更なし) 元のテキストを非表示にする */
    color: transparent; 
    font-size: 0; 
    display: block; 
    position: relative; 
    white-space: nowrap; 
}

#app > div.v-dialog__content.v-dialog__content--active > div > div > div.ticket-card-detail.v-card.v-sheet.theme--light > div:nth-child(5) > div.payment-period::before {
    /* 新しいテキストを挿入 */
    content: "この参加回をキャンセルする場合";
    
    /* 【追加/修正】確実に表示するための設定 */
    color: #000000; 
    font-size: 1rem !important; /* !important で確実にサイズを設定 */
    z-index: 10; /* 他の要素より手前に表示 */
    
    /* (その他の設定) */
    position: absolute;
    top: 0;
    left: 0;
    display: inline;
    white-space: nowrap;
}

/*チケットポップアップ内「販売期間」を申込受付期間に変更*/
/* 「販売期間」を「申込受付期間」に変更するCSSの最終修正 */
.ticket-detail-sales-period__label > span:first-child {
    /* (変更なし) 元のテキストを非表示にする */
    color: transparent !important; 
    font-size: 0 !important;
    display: inline-block;
    position: relative; 
    white-space: nowrap;
}

.ticket-detail-sales-period__label > span:first-child::before {
    /* 新しいテキストを挿入 */
    content: "申込受付期間";
    
    /* 【修正】displayをinline-blockに戻す */
    position: static !important;
    top: auto; 
    left: auto;
    
    /* 【追加】行の垂直中央に揃える */
    display: inline-block !important; /* ブロックにしないことで、元の行の揃えが効きやすくなる */
    vertical-align: middle; 
    
    /* (その他の設定は維持) */
    color: grey; 
    font-size: 0.74rem !important; 
    text-align: right; /* 右寄せは維持 */
    white-space: nowrap;
    
    /* 【調整】vertical-align: middle;を効かせるため、display: block; を上書き */
}


/*詳細ページヘッダー非表示*/
section.header__wrap.portal__header {
    display: none !important;
}


/*詳細を見る*/
.ticket-detail-description__detail-text {
    color: #03f !important;
}
/*ステータス*/
.card-status__selling {
    color: #03f !important;
}

/*決定ボタン既存*/
.cart-next-button__content[data-v-67d12e96] {
    background-color: #03f !important;
}
/*帯*/
.ticket-total {
    background-color:  #03f !important;
}
/*↓マーク*/
.v-icon .notranslate .arrow-icon .material-icons {
    color: #03f !important;
    caret-color: #03f !important;
}
/*マイチケット選択されていないときグレー→黒*/
.page-selector__my-ticket__text .page-selector__ticket__text {
    color:#000000 !important;
}
/*マイページ内アイコン非表示*/
.layout.mypage-top-layout__menu.align-center {
    display: none !important;
}
/*申込者情報次へ進むボタン*/
.next-button__content {
    background-color: #03f !important; /*元々important*/
}
/*申込者情報戻るボタン*/
.back-button__content {
    color: #03f;
    border: 2px solid #03f;
}
/*申込情報確認画面「この内容で申し込む」*/
.form_layout {
    background-color: #03f !important; /*元々important*/
}
/*申込完了画面「OK」*/
.complete-button__content {
    background-color: #07f !important;/*元々important*/
}
/*変更するボタン名称変更*/
#app > div > section > section.mypage-layout__wrap.mypage__layout > div.mypage-contents__wrap > div > section > section.profile-contents__wrap > div.profile-contents__controller > button > span {
    /* 元のテキストを非表示にする */
    font-size: 0; /* テキストの大きさを0にする */
    color: transparent; /* テキストの色を透明にする（念のため） */
    display: inline-block; /* 擬似要素を配置するために必要に応じて設定 */
    position: relative; /* 擬似要素の基準位置とする（必須ではありませんが、より確実になります） */
    padding: 0; /* 元のpaddingをリセットまたは調整が必要な場合があります */
  }
  
  #app > div > section > section.mypage-layout__wrap.mypage__layout > div.mypage-contents__wrap > div > section > section.profile-contents__wrap > div.profile-contents__controller > button > span::before {
    /* 新しいテキストを挿入 */
    content: "例外措置の必要書類をアップロードする";
  
    /* 新しいテキストのスタイルを設定 */
    font-size: 1rem; /* ボタンに合う適切なサイズに調整 */
    color: white; /* 親要素（button）の色を引き継ぐか、適切な色を指定 */
  
    /* 配置の調整（必要に応じて）*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap; /* テキストが途中で改行されないようにする */
  }
    #app > div > section > section.mypage-layout__wrap.mypage__layout > div.mypage-contents__wrap > div > section > section.profile-contents__wrap > div.profile-contents__controller > button {
        /*
         * 既存のスタイルに !important が入っているため、
         * 上書きたいプロパティにも !important を追加することで優先させます。
         * min-widthを320pxに設定します。
         */
        min-width: 320px !important;
        
        /* * 既存の max-width と height の設定も維持したい場合は、
         * ここで再度設定できますが、今回は min-width の変更のみに集中します。
         * もし元のスタイルがこれらを上書きしているなら、それもここで再設定可能です。
         */
        /* max-width: 180px !important; */
        /* height: 42px !important; */
    }

/*マイチケット1つ目非表示*/
/*マイチケット非表示*/
#app > div > section > section.mypage-layout__wrap.mypage__layout > div.mypage-contents__wrap > div > section > div:nth-child(2) > section > div > div.layout.justify-space-between.align-center > p {
    display: none;
}
#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:nth-child(1) {
    display:none;
} 
#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 {
    display:none;
} 

/*SP版ヘッダー変更*/
.header-logo__image-sp__content  {
    width: 240px !important;
    height: 40px !important;
}
.header-logo__wrap {
  padding: 0px 0px 0 !important;
}
@media screen and (max-width: 850px) {
    .header__logo{
        margin: auto;
        max-width: 240px !important;
    }
}
.v-application .justify-center {
    display: flex;
    /* justify-content: left !important; */
    margin-left: 0;
}

/*マイチケットステータス非表示*/
.ticket-card__status.active {
    display: none;
}
.ticket-card-detail__status.active {
    display: none;
}
/*マイチケット価格非表示*/
#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(2) {
    display: none;
}
/*申込者情報確認画面で注意文言出す*/
.confirm__wrap::before {
    content: "申請内容をご確認いただき、ページ下の「この内容で申し込む」ボタンを押して申し込みを行ってください。";
    display: block !important;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background-color: #fffacd;
    padding: 10px;
    margin-bottom: 15px;
    color: #333;
    border-radius: 5px;
}
/*申込者情報確認画面の項目名の文字色変更*/
.profile__detail__label {
    color: black !important;
}
.detail__ticket__label::before {
    color: black !important;
}

.next-button__content {
    width: 100%;
    font-weight: 700;
    color: red !important;
    background-color: #fff !important;
    border-radius: 8px;
}

/*申込者情報入力画面の「次へ進む」ボタンの文字色変更*/
#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 > span {
    color: white !important;
}