
.html__wrap .fr-view {
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-size: 14px;
  color: #333;
  padding-bottom: 20px; /* ← 下だけ余白 */
  line-height: 1.6;
}

.portal-event-top {
    position: relative;
  }
  
  .portal-event-top {
    display: inline-block;
  }
  
  .portal-event-top::before {
    content: "ME機器講習会TOPに戻る";
    display: inline;
    color: #707070;
    font-size: 14px;
  }
  
  /* 元テキストを隠す */
  .portal-event-top {
    font-size: 0 !important;
  }
  
  /* portal__event-top（アンダースコア2つ）も同じ見た目に */
  .portal__event-top {
    position: relative;
    display: inline-block;
    font-size: 0 !important;
  }
  .portal__event-top::before {
    content: "ME機器講習会TOPに戻る";
    display: inline;
    color: #707070;
    font-size: 14px;
  }

  /* マイチケットページ「TOPに戻る」文言変更 */
  #app > div > section > div > div.my-ticket__event-top-wrapper > p {
    font-size: 0 !important;
    line-height: 1.5 !important;
  }
  #app > div > section > div > div.my-ticket__event-top-wrapper > p::before {
    content: "ME機器講習会TOPに戻る" !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    display: inline !important;
    color: #707070;
  }

  /* マイチケット：ヘッダー（ME機器講習会TOP / マイページ / メニュー）を非表示 */
  section.my-ticket__wrap > section.header__wrap.my-ticket__header {
    display: none !important;
  }
  
  /* チケットページ・プロフィール欄：説明・姓・名を編集不可＋グレー背景 */
  #app section.ticket-controller.portal__layout section.profile__wrap form.v-form section.item__wrap.profile__content div.v-input.item__input,
  #app section.ticket-controller.portal__layout section.profile__wrap form.v-form div.profile__content section.item__wrap div.v-input.item__name__first,
  #app section.ticket-controller.portal__layout section.profile__wrap form.v-form div.profile__content section.item__wrap div.v-input.item__name__second {
    pointer-events: none !important;
    cursor: not-allowed !important;
  }
  #app section.ticket-controller.portal__layout section.profile__wrap form.v-form section.item__wrap.profile__content div.v-input.item__input .v-input__control,
  #app section.ticket-controller.portal__layout section.profile__wrap form.v-form section.item__wrap.profile__content div.v-input.item__input .v-input__slot,
  #app section.ticket-controller.portal__layout section.profile__wrap form.v-form div.profile__content section.item__wrap div.v-input.item__name__first .v-input__control,
  #app section.ticket-controller.portal__layout section.profile__wrap form.v-form div.profile__content section.item__wrap div.v-input.item__name__first .v-input__slot,
  #app section.ticket-controller.portal__layout section.profile__wrap form.v-form div.profile__content section.item__wrap div.v-input.item__name__second .v-input__control,
  #app section.ticket-controller.portal__layout section.profile__wrap form.v-form div.profile__content section.item__wrap div.v-input.item__name__second .v-input__slot {
    background-color: #e0e0e0 !important;
    border-color: #bdbdbd !important;
  }

  /* パンくずの「チケット」を「講習会」に表示変更 */
  #app > div > section > div > div.ticket-page-content-wrapper__content-wrapper > div > section.ticket-controller.portal__layout > div:nth-child(1) > div > div > section:nth-child(1) > div > div > div > p {
    font-size: 0 !important;
    line-height: 1.5 !important;
    overflow: visible !important;
  }
  #app > div > section > div > div.ticket-page-content-wrapper__content-wrapper > div > section.ticket-controller.portal__layout > div:nth-child(1) > div > div > section:nth-child(1) > div > div > div > p::before {
    content: "講習会" !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    display: inline !important;
    visibility: visible !important;
  }
  
  /* 申し込み済みチケットの有効期間を非表示 */
  #app > div.v-dialog__content > div > div > div.ticket-card-detail > div.v-card__text > div.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(3) {
    display: none !important;
  }
  
  /* ダイアログ内「金額」→「受講料」に表示変更（単一料金のみ） */
  #app .detail-dialog__wrap .ticket-price__single .ticket-price__label {
    font-size: 0 !important;
    line-height: 1.5 !important;
  }
  #app .detail-dialog__wrap .ticket-price__single .ticket-price__label::before {
    content: "受講料" !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    display: inline !important;
  }
  /* 複数料金：元のラベル（チケット名）をそのまま表示 */
  
  
  /* 申込確認ページ：「チケット」→「選択した講習会」、「枚数」行を非表示 */
  section.confirm__wrap .detail__ticket > div.layout.align-center:first-child .detail__ticket__label {
    font-size: 0 !important;
    line-height: 1.5 !important;
  }
  section.confirm__wrap .detail__ticket > div.layout.align-center:first-child .detail__ticket__label::before {
    content: "選択した講習会" !important;
    font-size: inherit !important;
    line-height: 1.5 !important;
    display: inline !important;
  }
  section.confirm__wrap .detail__ticket > div.layout.align-center:nth-child(2) .detail__ticket__label {
    display: none !important;
  }
  /* 申込確認：「:」を非表示、枚数行も非表示でチケット名だけ表示 */
  section.confirm__wrap .detail__ticket__colon {
    display: none !important;
  }
  section.confirm__wrap .detail__ticket > div.layout.align-center:nth-child(2) {
    display: none !important;
  }
  
  /* マイチケット一覧カード内：有効期限・ステータスを非表示（スタイルを崩さず） */
  section.my-ticket-layout__wrap .my-ticket-layout__card th:nth-child(2),
  section.my-ticket-layout__wrap .my-ticket-layout__card th:nth-child(3),
  section.my-ticket-layout__wrap .my-ticket-layout__card td:nth-child(2),
  section.my-ticket-layout__wrap .my-ticket-layout__card td:nth-child(3) {
    display: none !important;
  }
  /* テーブル以外のレイアウト（div等）で2列目・3列目を非表示 */
  section.my-ticket-layout__wrap .my-ticket-layout__card .v-card__text > div > div:nth-child(2),
  section.my-ticket-layout__wrap .my-ticket-layout__card .v-card__text > div > div:nth-child(3),
  section.my-ticket-content__wrap .my-ticket-layout__card [class*="validity"],
  section.my-ticket-content__wrap .my-ticket-layout__card [class*="status"] {
    display: none !important;
  }

  /* マイチケット一覧テーブル：1列目ヘッダー「チケット名」→「講習会/セミナー名」 */
  section.my-ticket-layout__wrap .my-ticket-layout__card thead tr th.ticket-th:first-child span {
    font-size: 0 !important;
    line-height: 1.5 !important;
    overflow: visible !important;
  }
  section.my-ticket-layout__wrap .my-ticket-layout__card thead tr th.ticket-th:first-child span::before {
    content: "講習会/セミナー名" !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    display: inline !important;
    visibility: visible !important;
  }

  /* マイページ 精算履歴テーブル：3列目「チケット」→「申込内容」、6列目「書類発行」→「領収書発行」 */
  #app > div > section > section.mypage-layout__wrap.mypage__layout > div.mypage-contents__wrap > div.flex.mypage-contents__contents > section > section.ticket-charge-table.ticket-charge-layout__ticket-charge-table > div.ticket-charge-table__card.v-card.v-card--flat.v-sheet.theme--light > div.v-data-table.theme--light > div > table > thead > tr > th:nth-child(3) > span {
    font-size: 0 !important;
    line-height: 1.5 !important;
    overflow: visible !important;
  }
  #app > div > section > section.mypage-layout__wrap.mypage__layout > div.mypage-contents__wrap > div.flex.mypage-contents__contents > section > section.ticket-charge-table.ticket-charge-layout__ticket-charge-table > div.ticket-charge-table__card.v-card.v-card--flat.v-sheet.theme--light > div.v-data-table.theme--light > div > table > thead > tr > th:nth-child(3) > span::before {
    content: "申込内容" !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    display: inline !important;
    visibility: visible !important;
  }
  #app > div > section > section.mypage-layout__wrap.mypage__layout > div.mypage-contents__wrap > div.flex.mypage-contents__contents > section > section.ticket-charge-table.ticket-charge-layout__ticket-charge-table > div.ticket-charge-table__card.v-card.v-card--flat.v-sheet.theme--light > div.v-data-table.theme--light > div > table > thead > tr > th:nth-child(6) > span {
    font-size: 0 !important;
    line-height: 1.5 !important;
    overflow: visible !important;
  }
  #app > div > section > section.mypage-layout__wrap.mypage__layout > div.mypage-contents__wrap > div.flex.mypage-contents__contents > section > section.ticket-charge-table.ticket-charge-layout__ticket-charge-table > div.ticket-charge-table__card.v-card.v-card--flat.v-sheet.theme--light > div.v-data-table.theme--light > div > table > thead > tr > th:nth-child(6) > span::before {
    content: "領収書発行" !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    display: inline !important;
    visibility: visible !important;
  }
  
  /* マイページトップ：メニュー説明文の「チケット」を「講習会/セミナー」等に変更 */
  #app > div > section > section.mypage-layout__wrap.mypage__layout > div.mypage-contents__wrap > div.flex.mypage-contents__contents > section > div > div:nth-child(5) > div > div > div:nth-child(2) > p.menu-item__message {
    font-size: 0 !important;
    line-height: 1.5 !important;
  }
  #app > div > section > section.mypage-layout__wrap.mypage__layout > div.mypage-contents__wrap > div.flex.mypage-contents__contents > section > div > div:nth-child(5) > div > div > div:nth-child(2) > p.menu-item__message::before {
    content: "申込済み講習会/セミナーの一覧を表示します" !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    display: inline !important;
  }
  #app > div > section > section.mypage-layout__wrap.mypage__layout > div.mypage-contents__wrap > div.flex.mypage-contents__contents > section > div > div:nth-child(7) > div > div > div:nth-child(2) > p.menu-item__message {
    font-size: 0 !important;
    line-height: 1.5 !important;
  }
  #app > div > section > section.mypage-layout__wrap.mypage__layout > div.mypage-contents__wrap > div.flex.mypage-contents__contents > section > div > div:nth-child(7) > div > div > div:nth-child(2) > p.menu-item__message::before {
    content: "申込履歴を確認できます" !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    display: inline !important;
  }
  
  .v-application .title{
    margin-top: 32px;
    margin-bottom: 24px;
  }
  
  /* ブース詳細ページ h1 タイトル（講習会名）のフォントサイズ */
  section.booth__wrap .title .title__content .title__content__text,
  section.booth__wrap h1.title__content .title__content__text {
    font-size: 1.5rem !important;
  }

  /* 関連チケット → 関連講習会 に表示変更 */
  .recommend-ticket__title__text {
    font-size: 0 !important;
    line-height: 1.5 !important;
  }
  .recommend-ticket__title__text::before {
    content: "関連講習会" !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    display: inline !important;
  }

  div > section > section.event__layout.widget__wrap > div:nth-child(5) > section > div > div > div > div.responsive-img-wrap > img{
    max-width: 100% !important;
  }

  .widget-title__border {
  display: none;
}


/* 緊急時のお知らせブロックのみ：指定要素を赤字・もっとみるボタン非表示 */
#app > div > section > section.home__layout.widget__wrap > div:nth-child(3) > section #widget-title-information2 > div.widget-title__text > h2 {
  color: red !important;
}
#widget-title-information1 > div.widget-title__text > h2 {
  color: red;
}
#app > div > section > section.home__layout.widget__wrap > div:nth-child(3) > section .information-title__text {
  color: red !important;
}
#app > div > section > section.home__layout.widget__wrap > div:nth-child(3) > section .information-date__wrap > span,
#app > div > section > section.home__layout.widget__wrap > div:nth-child(3) > section .information-date__text {
  color: red !important;
}
#app > div > section > section.home__layout.widget__wrap > div:nth-child(3) > section > div.container.widget-header > div > div.widget-header__border {
  border-color: red !important;
  background-color: red !important;
}
#app > div > section > section.home__layout.widget__wrap > div:nth-child(3) > section #see-more-information > button.widget__header > span {
  color: red !important;
}
#app > div > section > section.home__layout.widget__wrap > div:nth-child(3) > section #see-more-information > button.widget__header {
  display: none !important;
}

.v-application .title {
  margin-bottom: 0 !important;
}

/*ヘッダー削除*/
section.header__wrap.event__header {
    display: none;
}

section.header__wrap.portal__header {
  display: none;
}

/*ブース調整用*/
h2 {
  text-align: left!important;
}

/* booth__wrap内のh2.title：太字・左詰め・ブロックは中央配置・高さ・padding */
section.booth__wrap h2.title {
  font-weight: bold !important;
  text-align: left !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  min-height: 45px !important;
  padding: 8px 10px 8px 10px !important;
  box-sizing: border-box !important;
}

/* h2とdivの行間を広げる */
.booth__wrap > section:nth-child(3) > section > div h2 {
  margin-bottom: 10px !important;
}

/* より具体的なセレクタで確実に適用 */
section.booth__wrap > section:nth-child(3) > section > div h2 {
  margin-bottom: 10px !important;
}

/* contact-boxの横幅をh2.titleと同じ（親いっぱい）に */
section.contact-box {
  width: 100% !important;
  max-width: none !important;
}

section.contact-box .contact-box__inner {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* link-box内のリスト：左paddingを0に */
section.booth__wrap .link-box .link-box__list {
  padding-left: 0 !important;
}

/* html__wrap.fr-viewの上下マージンを10pxに設定・テキスト開始を1文字分右に */
.html__wrap.fr-view {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  padding-left: 1em !important;
  box-sizing: border-box !important;
}

/* より具体的なセレクタで確実に適用（開催日時等のフォントサイズを16pxに統一） */
section.booth__wrap > section:nth-child(3) > section > div > .html__wrap.fr-view {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  font-size: 16px !important;
}

/* 講習会の特徴セクション（detail__contents layout）：フォントサイズを16pxに */
#app > div > section > section.detail__wrap.portal__layout > section.contents__wrap.detail__contents > section > section:nth-child(6) > section > div > div > div,
#app > div > section > section.detail__wrap.portal__layout > section.contents__wrap.detail__contents > section > section:nth-child(6) .html__wrap.fr-view {
  font-size: 16px !important;
}

#app > div > section > section.detail__wrap.portal__layout > section.contents__wrap.detail__contents > section > section:nth-child(6) > section > div > div {
  margin: 0 !important;
}

/* 詳細ページ（detail__wrap.portal__layout）：セクション間の行間を40pxに統一 */
section.detail__wrap.portal__layout > * + * {
  margin-top: 40px !important;
}
section.detail__wrap.portal__layout .booth__wrap > section + section {
  margin-top: 40px !important;
}
section.detail__wrap.portal__layout .content.__wrap > * + *,
section.detail__wrap.portal__layout .contents__wrap > * + * {
  margin-top: 40px !important;
}

/* booth__wrap section[5] 説明文エリア：幅を親いっぱい（475px固定を解除） */
#app > div > section > section.detail__wrap.portal__layout > section.contents__wrap.detail__contents > section > section:nth-child(6) > section > div > div > div {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* TOP（home__layout）の html__wrap.fr-view の margin・padding を 0 に */
section.home__layout.widget__wrap .html__wrap.fr-view {
  margin: 0 !important;
  padding: 0 !important;
}


/* キービジュアル画像（kv-pc）：PC時のみ表示・高さ200px・上の空白削除 */
@media screen and (min-width: 768px) {
  img.kv-pc.fr-fil.fr-dib {
    height: 100% !important;
    display: block !important;
    margin-top: 0 !important;
  }
}
/* SP時：.kv-switch 内でPC用KVを非表示（SP用のみ表示） */
@media screen and (max-width: 767px) {
  .kv-switch .kv-pc {
    display: none !important;
  }
  .kv-switch .kv-sp {
    display: block !important;
  }
}
/* 親がline-heightで隙間を作っている場合用：画像の親に .kv-pc の親要素へ line-height:0 や font-size:0 を指定するとより確実 */

/* バッジ印刷を非表示に */
.badge-contents__card.v-card.v-card--flat.v-sheet.theme--light {
  display: none;
}