@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&family=Noto+Sans+JP:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif+JP:wght@200..900&family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Zen+Maru+Gothic&family=Zen+Old+Mincho&display=swap');

/* ヘッダー ここから */
section.header__wrap.event__header {
    height: auto;
    box-shadow: none;
    background-color: #fff;
}
.v-tabs-slider {
  height: 0 !important;
}
.header-tab__name {
  max-width: 150px !important;
  font-size: 14px !important;
  overflow: hidden;
  white-space: normal !important;
  padding-top: 0px !important;
  text-overflow: ellipsis;
  color: rgb(0, 0, 0);
}
.header-tab__wrap {
  position: fixed !important;
   z-index: 5 !important;
}
.header-logo__wrap {
    position: fixed !important;
    z-index: 5 !important;
    padding: 19px 8px !important;
    width: 100%;
    height: 90px !important;
    background-color: #fff;
}
.v-slide-group__wrapper {
  height: 90px;
}
.header-logo__image-pc {
    cursor: pointer;
    width: 100%;
    height: 50px !important;
    position: absolute;
    left: -70px;
}
.header-tab__active__event {
  color: #696969 !important;
  border-bottom: none !important;
  height: 75px !important;
  padding-top: 15px !important;
}
p.header-tab__name {
    color: #231815 !important;
    font-family: "Source Sans 3", "Noto Sans JP", "sans-serif";
    font-weight: 700;
    font-size: 15px !important;
}
p.menu__name__area {
    color: #231815 !important;
}
img.tab-icon__img {
    display: none;
}
.tab-icon {
    min-width: 120px;
}
.header-tab__v-tab.v-tab.v-tab--active.no-border:before {
    opacity: 0 !important;
}

/*　⬅︎スマホ版サイズ時、ヘッダーのレスポンシブ調整 */

@media screen and (max-width: 850px) {
  .header-logo__wrap {
    padding: 4px 0 !important;
    width: 100%;
    margin: auto;
    height: auto !important;
    position: unset !important;
    background: none !important;
  }
  .header__logo {
    margin-left: -50px !important;
    max-width: 168px !important;
  }
  .header__wrap {
    position: fixed !important;
    z-index: 5 !important;
    padding: 10px 0 !important;
    height: 50px !important;
  }
  .menu__name {
    float: right;
    padding: 0 0 0 0px !important;
    margin: 0 !important;
    height: 90px;
  }
  .menu__icon__image {
    width: 35px;
    height: 35px;
    margin-bottom: 40px;
  }
  .header-tab__sp {
    position: fixed !important;
    height: 48px !important;
    width: 48px !important;
    padding: 10px !important;
    margin: 0 8px 0 0;
    background-color: none !important;
  }
  /* .detail__wrap {
    padding-top: 48px !important;
  } */
  .list__wrap {
    padding-top: 48px !important;
  }
  .tab-icon {
    min-width: 100px;
  }
}

.v-slide-group__content {
  margin: 0 300px 0 auto !important;
  flex: none !important;
}

@media screen and (min-width: 850px) {
.v-slide-group__content-content {
    display: none;
    position: absolute;
  }
}

.header-tab__sp {
  height: 48px !important;
  background-color: none !important;
  padding: 2px 10px 4px !important;
}
.header-tab__sp__icon,
.header-tab__sp__tapped-icon {
  display: none;
  position: absolute;
}
.header-logo__image-sp__content {
  width: 100% !important;
  margin-left: 12px;
}
.header-logo__image-sp {
  min-width: 0px !important;
}
.menu__name {
  padding: 0 20px;
  height: 90px !important;
}
.menu__name__area {
  font-size: 14px !important;
  padding: 15px 0 0 !important;
  color: rgb(0, 0, 0);
}
.menu__icon__detail {
  margin: 10px;
  background-color: rgb(255, 255, 255);
  border-radius: 3px;
}
.widget__bottom {
  display: block;
  background-color: #ffffff !important;
  color: black !important;
}
@media screen and (max-width: 1068px) and (min-width: 851px) {
    .v-tab {
        max-width: 110px !important;
    }
}
/* ヘッダー ここまで */

/* イベントトップへ戻る 非表示 */
p.portal-event-top {
    display: none !important;
}
/* ページ上部へのアンカーリンク */
button.mx-2.top-button__content.base-background-color.v-btn.v-btn--contained.v-btn--fab.v-btn--round.theme--dark.v-size--default {
    background-color: #0a8276 !important;
}
@media screen and (max-width: 600px) {
    .top-button__wrap {
        bottom: 80px !important;
    }
}

/* マイページ */
.layout.mypage-title__wrap.justify-space-between.align-center {
    margin-top: 90px;
}
.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:nth-child(2) {
    display: none;
}
section.header-tab__menu {
    display: none;
}
#app > div.v-menu__content.theme--light.v-menu__content--fixed.menuable__content__active > div > div:nth-child(2) {
  display: none;
}
#app > div.v-menu__content.theme--light.v-menu__content--fixed.menuable__content__active > div > div:nth-child(3) {
  display: none;
}
#app > div.v-menu__content.theme--light.v-menu__content--fixed.menuable__content__active > div > div:nth-child(4) {
  display: none;
}
#app > div.v-menu__content.theme--light.v-menu__content--fixed.menuable__content__active > div > div:nth-child(5) {
  display: none;
}
#app > div.v-menu__content.theme--light.v-menu__content--fixed.menuable__content__active > div > div:nth-child(6) {
  display: none;
}

/** マイページ **/
/* "マイページ"横の縦ライン色変更 */
p.mypage-title__text {
  border-color: #0a8276 !important;
}
/* マイページ 背景色 */
.mypage-title__wrap {
  background-color: #fff;
}
.mypage-contents__wrap {
  background-color: #f8f8f8 !important;
}
/* カードhover */
.event-card:hover {
  border: 2px solid #0a8276 !important;
}
/* カード余白調整 */
.mypage-top-layout__menu {
  padding: 18px !important;
  line-height: 2;
}
/* 青アイコン 非表示 */
.menu-item__image {
  display: none;
}
/* QRコードアイコン非表示 */
.mypage-title__button__image {
  display: none;
}
/* “会員QR”テキスト・枠線 色変更 */
button.mypage-title__button.v-btn.v-btn--depressed.v-btn--flat.v-btn--outlined.theme--light.v-size--default {
  color: #0a8276 !important;
  caret-color: #0a8276 !important;
}
/* 左側メニュー列 */
/* ログイン情報/会員情報/ログアウト アイコン非表示*/
.mypage-contents__menu-item__image {
  display: none;
}
/* ログイン情報/会員情報/マイチケット一覧 padding変更*/
.mypage-contents__menu-item {
  padding: 20px 10px !important;
}
/* アクティブ時の文字色 */
.active-event span.mypage-contents__menu-item__label {
  color: #0a8276 !important;
}
/* ログアウト・退会する hover時の背景色 */
.mypage-contents__menu__logout:hover {
  background-color: rgb(0 0 0 / 5%) !important;
}
/* ログイン情報 */
.info-top__wrap {
  background-color: transparent !important;
}
/* ログイン情報＞変更するボタン 色変更 */
button.ml-2.v-btn.v-btn--contained.theme--dark.v-size--default {
  background-color: #0a8276 !important;
}
/* 会員情報＞変更するボタン 色変更 */
button.profile-contents__controller__button.v-btn.v-btn--contained.theme--dark.v-size--default {
  background-color: #0a8276 !important;
}
/* 会員情報＞ボタンエリア 背景透過 */
.layout.save-cancel__wrap.align-center {
  background-color: transparent !important;
}
/* ログイン情報＞メールアドレスの変更 */
.mail-address__wrap {
  background-color: #ffffff !important;
  border-radius: 7px;
  padding-top: 1vw;
}
.v-application .primary--text{
  color: #0a8276 !important;
}
/* ログイン情報＞メールアドレスの変更 ボタンエリア*/
.save-cancel__wrap {
  background-color: #ffffff !important;
}
/* ログイン情報＞メールアドレスの変更 戻るボタン */
button.save-cancel__button.background-white.v-btn.v-btn--depressed.v-btn--flat.v-btn--outlined.theme--light.v-size--default {
  border-color: #0a8276;
  color: #0a8276 !important;
}
/* ログイン情報＞メールアドレスの変更 変更するボタン */
button.save-cancel__button.color-white.v-btn.v-btn--contained.theme--light.v-size--default {
  background-color: #0a8276 !important;
}
/* ログイン情報＞パスワードの変更 */
.password__wrap {
  background-color: #ffffff !important;
  border-radius: 7px;
  padding-top: 1vw;
}
/* ログアウトしますか？のいいえ/はいボタン */
button.selector-dialog__content__no.v-btn.v-btn--contained.theme--light.v-size--default {
  background-color: #0a8276 !important;
}
button.selector-dialog__content__yes.v-btn.v-btn--contained.theme--light.v-size--default {
  background-color: #0a8276 !important;
}

/* 会員QR テキスト変更 */
span.mypage-title__button__text {
  font-size: 0 !important;
}
span.mypage-title__button__text:before {
  font-size: 16px !important;
  content: "Entry QR Code";
  text-transform: none;
}
p.ma-1 {
  font-size: 0;
}
p.ma-1:before {
  font-size: 16px;
  content: "Entry QR Code";
}

/* ログイン */
.title-layout {
    background-color: #f8f8f8 !important;
}
@media screen and (min-width: 601px) {
    .title-layout {
        border-radius: 10px 0 0 10px;
    }
}
/* パスワードを忘れた場合 */
span.smart__forget__link {
  color: #0a8276 !important;
}
/* ログインボタン */
button#login_button {
  background-color: #0a8276 !important;
}
@media screen and (max-width: 600px) {
  .login-button__content {
      margin-bottom: 0 !important;
  }
}
/* 新規登録ボタン */
button#register_button {
  border-color: #0a8276 !important;
  color: #0a8276 !important;
}
/* 送信 */
button.reset-buton__content.v-btn.v-btn--contained.theme--light.v-size--large {
  background-color: #0a8276 !important;
}
span.reset-cancel__link {
  color: #0a8276 !important;
}

/* 新規登録 背景*/
.fast-register-form-layout {
    background-color: #f8f8f8 !important;
}
.register__section {
  background-color: #e6f5f5 !important;
}
.register-layout__wrap {
  background: #e3f2fe !important;
}
/* 言語切替非表示 */
.register-lang {
  display: none !important;
}
/* 規約/プラポリ */
.layout.agreement__group a {
  color: #0a8276 !important;
}
/* チェックボックス */
.checkbox-parts:before {
    border-color: #0a8276 !important;
}
/* 新規登録ボタン */
button.register__button__content.v-btn.v-btn--contained.theme--light.v-size--large {
  background-color: #0a8276 !important;
}
/* ログイン画面へ */
span.register__account__text {
  color: #0a8276 !important;
}
/* 認証コード送信ボタン */
button.register-passcode__button__content.v-btn.v-btn--contained.theme--light.v-size--large {
  background-color: #0a8276 !important;
}
/* 認証コード送信キャンセルボタン */
span.register-passcode__cancel__link {
  color: #0a8276 !important;
}

/* プロフィール登録 */
section.profile__layout {
  background-color: #e6f5f5 !important;
}
.profile__spacer {
  background-color: #e6f5f5;
}
/* プロフィールテキスト */
button.v-btn.v-btn--contained.theme--dark.v-size--default {
  background-color: #0a8276 !important;
}