/* ------------------------
  BASE
------------------------ */
/* Google Fonts Import*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');

* {
  font-family: "Noto Sans JP", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}


/* ------------------------
  大枠
------------------------ */
/** 背景色 **/
.widget__wrap {
  background-color: #f5f5f5 !important;
  background-repeat: repeat !important;
}

/** イベントトップに戻るを消す **/
.widget-title__border.portal-event-top {
  display: none!important;
}

/* ページトップへ戻るボタン  */
.top-button__content {
  background-color: #000 !important;
}
.top-button__content:hover {
  opacity: 0.6;
}

/** webヘッダー固定 **/
.header__wrap {
  position: fixed;
  z-index: 1000;
  background: #FFF; 
  height: auto !important;
}

/** ヘッダー分の余白調整 **/
.banner__wrap,
.mypage-layout__wrap {
  margin-top: 48px!important;
}

.questionnaire__wrap{
  margin-top: 48px!important;
}
.booth__wrap {
  margin-top: 48px!important;
}

/* ------------------------
  見出し
------------------------ */
/** 左寄せ見出し **/
.widget-header__border {
  border-image: linear-gradient(to right,#00c287,#ffe500,#ffd7dc) 1!important;
}
.widget-title__border.base-background-color {
  background: linear-gradient(to right,#00c287,#88D066)!important;
}
.widget-title__text {
  padding-bottom: 5px !important;
}
.widget-title__border {
  background-color:#FF9933 !important;
}

/** もっとみるの色 **/
button.widget__header.v-btn.v-btn--flat.v-btn--text.v-btn--tile.theme--light.v-size--default.widget__header__event {
  color: #000 !important;
}
.theme--light.v-btn:hover {
  opacity: 0.6;
}
.theme--light.v-btn:hover:before {
  opacity: 0 !important;
}


/** Live!ホーム ブース 画面幅〜1200px 4列表示に変更 **/
@media screen and (min-width: 1200px) {
 .booth-card-layout__content {
    min-width: calc(25% - 5px) !important;
    max-width: calc(25% - 5px) !important;
  }
}


/* ------------------------
  Button
------------------------ */
.el_btn {
  display: inline-flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 20px;
  border-radius: 9999px;
  min-height: 50px;
  cursor: pointer;
  background-color: #000;
  color: #FFF !important;
  gap: 10px;
  text-decoration: none;
}
@media (min-width: 600px) {
  .el_btn {
    justify-content: center;
    padding: 0 25px;
    min-width: 225px;

    gap: 10px;
  }
}

.el_btn::after {
  content: "";
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_746_91065%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_746_91065)%22%3E%3Cpath%20d%3D%22M6.91602%2013V11.0442L11.4444%208L6.91602%204.93878V3L12.916%207.16667V8.84184L6.91602%2013Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%207.25H12V8.75H3V7.25Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: contain;
  height: 16px;
  width: 16px;
}

/* HOVER  */
.el_btn:hover {
  background: linear-gradient(135deg, color-mix(in srgb, #fff 5%, transparent) 35.72%, #fd9ca3 102.92%),
  linear-gradient(240deg, transparent 63.83%, #00c287 110.94%, color-mix(in srgb, #14c27c 92%, transparent) 110.94%),
  linear-gradient(128deg, #ffe500 1.11%, #ffd7dc 99.19%);
  transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.17s;
  color: #000 !important;
}
.el_btn:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_746_91065%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_746_91065)%22%3E%3Cpath%20d%3D%22M6.91602%2013V11.0442L11.4444%208L6.91602%204.93878V3L12.916%207.16667V8.84184L6.91602%2013Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%207.25H12V8.75H3V7.25Z%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  transition: background-image 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.w_100 {
  width: 100%;
}


/* ------------------------
  CONTENTS BLOCK
------------------------ */
/* 各ブロック間のマージン */
.html__wrap,
.widget-title__wrap {
  margin-top: 60px!important;
}

/** 以下テキストブロック **/
.message-block {
  width:70%;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid transparent;
  padding: 15px;
  border-radius: 4px;
  background-color: #ffffff;
}
@media (min-width: 1264px) {
  .message-block {
    max-width: 1185px;
  }
}
@media (min-width: 1904px) {
  .message-block {
    max-width: 1785px;
  }
}

.message-block h2 {
  color: #000;
  border-bottom: solid 2px #fff;
  border-image: linear-gradient(to right,#00c287,#ffe500,#ffd7dc) 1!important;
  padding-bottom: 14px;
  line-height: 1.3;
}

.message-txt {
  font-size: 1em!important;
  font-weight: normal!important;
  color: #000 !important;
  margin-top: 20px;
  padding: 0 10px 10px;
}
.message-txt p {
  margin-bottom: 0 !important;
}
.message-txt img {
  max-width: 100%;
}
.message-txt p,
.message-txt li {
  font-weight: normal;
}

.message-block .widget-title__border.base-background-color {
  display: none;
}


/* ------------------------
  TOP チケット カードリスト
------------------------ */
@media screen and (min-width: 601px) {
  .ticket__contents .col .row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
  }

  .ticket__contents .card__wrap {
    width: auto !important;
  }

  .ticket__contents .card__wrap:nth-child(odd),
  .ticket__contents .card__wrap:nth-child(even) {
    margin: 0 !important;
  }
}


/* ------------------------
   規約ページ
------------------------ */
.ticket-terms__wrap {
  max-width: 100% !important;
  padding: 60px 0 !important;
}


/* ------------------------
   チケットページ
------------------------ */
.page-selector__border {
  background: linear-gradient(135deg, color-mix(in srgb, #fff 5%, transparent) 35.72%, #fd9ca3 102.92%),
  linear-gradient(240deg, transparent 63.83%, #00c287 110.94%, color-mix(in srgb, #14c27c 92%, transparent) 110.94%),
  linear-gradient(128deg, #ffe500 1.11%, #ffd7dc 99.19%) !important;
  border: none !important;
}

/* ------------------------
   動画ページ
------------------------ */

section.detail-title__wrap.detail__title {
display: none;
}
p.portal-event-top {
display: none !important;
}
.base-background-color {
    background: linear-gradient(to right, #00c287, #88D066) !important;
}

/* ------------------------------------------------
  SP
------------------------------------------------ */
@media screen and (max-width:600px){

  /* 各ブロック間のマージン */
  .html__wrap,
  .widget-title__wrap {
    margin-top: 40px !important;
  }

  /* 見出しグラデ下線 */
  .widget-title__border.base-background-color {
    background: linear-gradient(to right,#00c287,#ffe500,#ffd7dc) !important;
  }
  .widget-title__border {
    height: 4px !important;
  }

  /* チケット カードリスト */
  .ticket__wrap .ticket__contents {
    padding: 16px 10px 0 !important;
  }

  .ticket__contents .card__wrap:nth-child(odd),
  .ticket__contents .card__wrap:nth-child(even) {
    margin-top: 0 !important;
  }

  /* LIVE カードリスト */
  .booth-card-layout__wrap .booth-card-layout__content:nth-child(odd) {
    padding: 16px 10px!important;
  }

  .booth-card-layout__content.noline {
    padding: 0 !important;
  }

  .widget__button__event.widget__button {
    margin: 0 !important;
  }

  .message-block {
    width: calc(100% - 40px);
    margin: 0 auto;
  }

  .message-block h2 {
    text-align: center;
  }

  .message-txt {
    padding: 0 5px 5px;
  }
}


/* ------------------------------------------------
  TABLET
------------------------------------------------ */
@media screen and (max-width:850px){
  /** ヘッダー分の余白調整 **/
  .banner__wrap,
  .mypage-layout__wrap {
    margin-top: 55px!important;
  }
}