@charset "UTF-8";

/*ページ*/
body.page-event { background-color: #1E1F1F; }

body.page-event #event-page { padding-top: 120px; padding-bottom: 0; background: linear-gradient(#F1F1F1 0, #F1F1F1 120px, transparent 120px); }
@media screen and (max-width: 960px) {
  body.page-event #event-page { padding-top: 0; background: none; }
  /*ヘッダー*/
  body.page-event .header { background-color: #F1F1F1; -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media screen and (min-width: 961px) {
  /*ヘッダー*/
  body.page-event .header.is--scroll:not(.is--open) .header__ham span { background-color: #fff; }
  body.page-event .header.is--scroll:not(.is--open) .header__cart .cart--text { color: #fff; }
  body.page-event .header.is--scroll:not(.is--open) .header__cart .cart--num a { background-color: #fff; color: #000; }
}
body.page-event #event-page .breadcrumbs { display: none; }
body.page-event #event-page .main { width: 100%; margin: 0; display: block; }

/*共通*/
.bf2026 {
  --u: calc(min(100cqw, 1440px) / 1440);
  --bf-gold: #E2BC80;
  --bf-gray: #A8A8A8;
  --bf-font-en: "Barlow Condensed", sans-serif;
  --bf-font-ja: "Noto Sans JP", sans-serif;
  --bf-light-stops: #fff 0, #F2CC86 12%, #DDB067 14%, #AE8445 17%, #82602F 20%, #5E4421 24%, #402E17 28%, #281D0F 32%, #161009 38%, #090604 44%, #010000 52%, #000 74%;
  container-type: inline-size;
  width: 100%;
  overflow: hidden;
  background: #1E1F1F;
  color: #fff;
  font-family: var(--bf-font-ja);
  line-height: 1;
  text-align: left;
}
.bf2026 *,
.bf2026 *::before,
.bf2026 *::after { box-sizing: border-box; }
.bf2026 img { display: block; max-width: none; height: auto; }
.bf2026 :where(h1, h2, p, dl, dt, dd, ul, li) { margin: 0; padding: 0; list-style: none; font-weight: inherit; }

.bf-stage { width: calc(1440 * var(--u)); margin: 0 auto; }
.bf2026 .is-sp { display: none; }

/*ヒーロー*/
.bf-hero {
  height: calc(530 * var(--u));
  overflow: hidden;
  background: #070707 url("../../img/usr/bf2026/fb/bg.png") center top / auto 100% no-repeat;
}

.bf-hero .bf-stage {
  height: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: calc(356 * var(--u)) calc(143 * var(--u)) 1fr;
}
.bf-hero img { width: 100%; }

/*装飾*/
.bf-hero__deco,
.bf-hero__veil { grid-area: 1 / 1 / -1 / -1; }
.bf-hero__deco { display: flex; align-items: flex-start; overflow: hidden; }
.bf-hero__deco picture { display: block; flex: none; }
.bf-hero__deco img { width: 100%; height: auto; }
.bf-hero__deco .is-l { width: calc(737 * var(--u)); margin-left: calc(-130 * var(--u)); }
.bf-hero__deco .is-r {
  width: calc(687 * var(--u)); margin-left: calc(176 * var(--u)); opacity: .7;
  -webkit-mask-image: radial-gradient(ellipse calc(130 * var(--u)) calc(70 * var(--u)) at calc(217 * var(--u)) calc(524 * var(--u)), transparent 0, transparent 55%, #000 100%);
          mask-image: radial-gradient(ellipse calc(130 * var(--u)) calc(70 * var(--u)) at calc(217 * var(--u)) calc(524 * var(--u)), transparent 0, transparent 55%, #000 100%);
}

/*オーバーレイ*/
.bf-hero__veil {
  justify-self: start;
  width: calc(2040 * var(--u)); margin-left: calc(-300 * var(--u));
  background: radial-gradient(ellipse calc(654.545 * var(--u)) calc(311.765 * var(--u)) at calc(1020 * var(--u)) calc(12.47 * var(--u)),
    rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .7) 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 50%, rgba(0, 0, 0, 0) 100%);
          mask-image: linear-gradient(to bottom, #000 0, #000 50%, rgba(0, 0, 0, 0) 100%);
}

/*バッジ・タイトル*/
.bf-hero__main { grid-area: 1 / 1; position: relative; display: flex; align-items: flex-start; padding-left: calc(249.4 * var(--u)); }
.bf-hero__icon  { order: -1; z-index: 1; flex: none; width: calc(218 * var(--u)); margin-top: calc(13 * var(--u)); }
.bf-hero__title { flex: none; width: calc(389 * var(--u)); margin: calc(27.4 * var(--u)) 0 0 calc(115.6 * var(--u)); }

/*COMING SOON*/
.bf-hero__soon { grid-area: 2 / 1; justify-self: start; position: relative; width: calc(540 * var(--u)); margin-left: calc(450 * var(--u)); }

/*光*/
.bf-hero__soon::before,
.bf-hero__soon::after {
  content: ""; position: absolute; z-index: 1; pointer-events: none;
  width: calc(457 * var(--u)); height: calc(22 * var(--u));
  mix-blend-mode: screen;
  background: radial-gradient(ellipse calc(228.369 * var(--u)) calc(11.0106 * var(--u)) at 50% 50%, var(--bf-light-stops));
}
.bf-hero__soon::before { left: calc(-143 * var(--u)); top: calc(86 * var(--u)); }
.bf-hero__soon::after  { left: calc(226 * var(--u)); top: calc(24 * var(--u)); }

/*カウントダウン*/
.bf-countdown {
  height: calc(400 * var(--u));
  background: #0a0a0a radial-gradient(ellipse calc(720 * var(--u)) calc(400 * var(--u)) at 50% 100%,
    rgb(50, 50, 50) 0, rgb(46, 46, 46) 25%, rgb(39, 39, 39) 45%, rgb(31, 31, 31) 65%, rgb(24, 24, 24) 85%,
    rgb(18, 18, 18) 105%, rgb(12, 12, 12) 125%, rgb(10, 10, 10) 140%);
}
.bf-countdown .bf-stage { height: 100%; display: flex; flex-direction: column; align-items: center; }
.bf-countdown img { width: 100%; }
.bf-countdown__head { width: calc(619 * var(--u)); margin-top: calc(73.4 * var(--u)); }

/*カード*/
.bf-countdown__board { display: grid; width: calc(714 * var(--u)); margin-top: calc(13.4 * var(--u)); }
.bf-countdown__board > * { grid-area: 1 / 1; }
.bf-cd {
  display: grid; grid-template-columns: repeat(4, calc(135 * var(--u))); column-gap: calc(42 * var(--u));
  justify-content: start; align-content: start;
  margin: calc(20.2 * var(--u)) 0 0 calc(23.5 * var(--u));
}
/*3枠*/
.bf-countdown__board.la-custom-is-under-day { margin-left: calc(-177 * var(--u)); }
.la-custom-is-under-day .bf-countdown__cards {
  -webkit-mask-image: linear-gradient(to right, transparent calc(181 * var(--u)), #000 calc(194 * var(--u)));
          mask-image: linear-gradient(to right, transparent calc(181 * var(--u)), #000 calc(194 * var(--u)));
}
.la-custom-is-under-day .bf-cd__item:first-child { visibility: hidden; }

/*数字*/
.bf-cd__item { display: grid; color: #fff; text-align: center; }
.bf-cd__item > *,
.bf-cd__item::after { grid-area: 1 / 1; align-self: start; }
.bf-cd__num,
.bf-cd__label {
  font-family: var(--bf-font-en);
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  will-change: transform;
  text-shadow: 0 calc(3.67 * var(--u)) calc(3.67 * var(--u)) rgba(0, 0, 0, .3),
               0 calc(7.34 * var(--u)) calc(11 * var(--u)) rgba(0, 0, 0, .15);
}
.bf-cd__num   { font-size: calc(110 * var(--u)); line-height: 1; letter-spacing: 0; }
.bf-cd__label { margin-top: calc(120 * var(--u)); font-size: calc(22 * var(--u)); line-height: 1; letter-spacing: 0; text-transform: uppercase; }

/*折り線*/
.bf-cd__item::after {
  content: ""; margin-top: calc(61 * var(--u)); height: calc(3 * var(--u));
  background: linear-gradient(#08090A 0, #08090A 66.6%, #484743 66.6%, #484743 100%);
}

/*注意事項*/
.bf-notice { height: calc(924 * var(--u)); background: #1E1F1F; }
.bf-notice .bf-stage { height: 100%; display: flex; flex-direction: column; align-items: center; }
.bf-notice__title { width: calc(138 * var(--u)); margin-top: calc(88.3 * var(--u)); }
.bf-notice__title img { width: 100%; }
.bf-notice__sub {
  margin-top: calc(21.2 * var(--u));
  text-align: center; font-size: calc(20 * var(--u)); font-weight: 700; letter-spacing: .03em; line-height: 1; color: #fff;
}
/*ボックス*/
.bf-info {
  width: calc(800 * var(--u)); height: calc(615 * var(--u)); margin-top: calc(42.5 * var(--u));
  padding: calc(41 * var(--u)) calc(50 * var(--u)) 0 calc(50 * var(--u));
  background: #151616; border: 1px solid #3A3B3B;
}
.bf-info dl { display: flex; flex-direction: column; }
.bf-info__row {
  width: 100%;
  display: flex; align-items: flex-start;
  font-size: calc(14 * var(--u)); letter-spacing: .05em; line-height: calc(27 * var(--u));
}

/*区切り線*/
.bf-info__row + .bf-info__row {
  --gap: 50;
  margin-top: calc((var(--gap) - 1) / 2 * var(--u));
  padding-top: calc((var(--gap) - 1) / 2 * var(--u));
  border-top: 1px solid #3A3B3B;
}

.bf-info__row:nth-child(2) { --gap: 48; }
.bf-info__row:nth-child(3) { --gap: 53; }
.bf-info__row:nth-child(6) { --gap: 49; }
.bf-info__row dt { flex: none; width: calc(201 * var(--u)); color: var(--bf-gold); font-weight: 700; }
.bf-info__row dd { flex: 1; color: #fff; font-weight: 400; }
.bf-info__lead { color: var(--bf-gold) !important; font-size: calc(20 * var(--u)); font-weight: 700 !important; margin-top: calc(2 * var(--u)); }
/*還元例*/
.bf-example { margin-top: calc(-4 * var(--u)); }
.bf-example li { display: flex; align-items: center; height: calc(32 * var(--u)); }
.bf-example__buy { display: block; width: calc(149 * var(--u)); text-align: right; font-weight: 400; }
.bf-example li img { width: calc(14 * var(--u)); margin: 0 calc(15 * var(--u)) 0 calc(15 * var(--u)); }
.bf-example__pt { color: var(--bf-gold); font-weight: 700; }
/*注釈*/
.bf-note { margin-top: calc(10 * var(--u)); font-size: calc(12 * var(--u)); color: var(--bf-gray); line-height: calc(20 * var(--u)); letter-spacing: .05em; font-weight: 400; }
.bf-example + .bf-note { margin-top: calc(8 * var(--u)); }

/*SP*/
@media screen and (max-width: 960px) {
  .bf2026 { --u: calc(100cqw / 390); }
  .bf2026 .is-sp { display: inline; }
  .bf-stage { width: 100%; }

  /*ヒーロー*/
  .bf-hero { height: calc(440 * var(--u)); background-color: #0b0b0b; background-image: url("../../img/usr/bf2026/sp/bg.png"); background-size: 100% 100%; }
  .bf-hero .bf-stage { grid-template-rows: calc(316 * var(--u)) calc(83 * var(--u)) 1fr; }
  .bf-hero__deco .is-l { width: calc(238 * var(--u)); margin: 0 0 0 calc(-4 * var(--u)); }
  .bf-hero__deco .is-r { width: calc(299 * var(--u)); margin: calc(236.1 * var(--u)) 0 0 calc(-142.7 * var(--u)); opacity: 1; -webkit-mask-image: radial-gradient(circle calc(20 * var(--u)) at calc(298.7 * var(--u)) calc(203.9 * var(--u)), transparent 0, transparent 55%, #000 100%); mask-image: radial-gradient(circle calc(20 * var(--u)) at calc(298.7 * var(--u)) calc(203.9 * var(--u)), transparent 0, transparent 55%, #000 100%); }
  /*光補正*/
  .bf-hero__veil {
    justify-self: stretch; width: auto; margin-left: 0;
    background: url("../../img/usr/bf2026/sp/light_adj.png") 0 0 / 100% 100% no-repeat;
    mix-blend-mode: screen;
    -webkit-mask-image: none; mask-image: none;
  }
  .bf-hero__main { padding-left: 0; }
  .bf-hero__icon  { width: calc(112.4 * var(--u)); margin: calc(0.3 * var(--u)) 0 0 calc(-0.2 * var(--u)); }
  .bf-hero__title { width: calc(245.4 * var(--u)); margin: calc(73.9 * var(--u)) 0 0 calc(-16.5 * var(--u)); }
  .bf-hero__soon  { width: calc(306.2 * var(--u)); margin: calc(8.5 * var(--u)) 0 0 calc(41.4 * var(--u)); }
  /*光*/
  .bf-hero__soon::before,
  .bf-hero__soon::after {
    width: calc(265 * var(--u)); height: calc(12.8 * var(--u));
    background: radial-gradient(ellipse calc(132.454 * var(--u)) calc(6.38615 * var(--u)) at 50% 50%, var(--bf-light-stops));
  }
  .bf-hero__soon::before { left: calc(-85.9 * var(--u)); top: calc(41.4 * var(--u)); }
  .bf-hero__soon::after  { left: calc(128.1 * var(--u)); top: calc(5.4 * var(--u)); }

  /*カウントダウン*/
  .bf-countdown { height: calc(200 * var(--u));
    background: #0a0a0a radial-gradient(ellipse calc(195 * var(--u)) calc(200 * var(--u)) at 50% 100%,
      rgb(32, 32, 32) 0, rgb(30, 30, 30) 25%, rgb(27, 27, 27) 45%, rgb(24, 24, 24) 65%, rgb(20, 20, 20) 85%,
      rgb(15, 15, 15) 105%, rgb(12, 12, 12) 125%, rgb(10, 10, 10) 140%); }
  .bf-countdown__head { width: calc(316.5 * var(--u)); margin: calc(36.9 * var(--u)) 0 0 calc(1 * var(--u)); }
  .bf-countdown__board { width: calc(342.3 * var(--u)); margin-top: calc(-3.5 * var(--u)); }
  .bf-cd { grid-template-columns: repeat(4, calc(64.7 * var(--u))); column-gap: calc(20.1 * var(--u)); margin: calc(13.1 * var(--u)) 0 0 calc(11.5 * var(--u)); }
  .bf-countdown__board.la-custom-is-under-day { margin-left: calc(-84.8 * var(--u)); }
  .la-custom-is-under-day .bf-countdown__cards {
    -webkit-mask-image: linear-gradient(to right, transparent calc(86.8 * var(--u)), #000 calc(93 * var(--u)));
            mask-image: linear-gradient(to right, transparent calc(86.8 * var(--u)), #000 calc(93 * var(--u)));
  }
  .bf-cd__num   { font-size: calc(55.3 * var(--u)); }
  .bf-cd__label { margin-top: calc(58.4 * var(--u)); font-size: calc(11 * var(--u)); }
  .bf-cd__item::after { margin-top: calc(29.5 * var(--u)); height: calc(1.44 * var(--u)); }
  .bf-cd__num, .bf-cd__label {
    text-shadow: 0 calc(1.84 * var(--u)) calc(1.84 * var(--u)) rgba(0, 0, 0, .3),
                 0 calc(3.67 * var(--u)) calc(5.5 * var(--u)) rgba(0, 0, 0, .15);
  }

  /*注意事項*/
  .bf-notice { height: calc(956 * var(--u)); }
  .bf-notice__title { width: calc(108.8 * var(--u)); margin-top: calc(56.8 * var(--u)); }
  .bf-notice__sub { margin-top: calc(15.7 * var(--u)); font-size: calc(14 * var(--u)); }
  .bf-info { width: calc(350 * var(--u)); height: calc(756 * var(--u)); margin-top: calc(26 * var(--u)); padding: calc(27 * var(--u)) calc(20 * var(--u)) 0 calc(20 * var(--u)); }
  .bf-info__row { display: block; letter-spacing: .065em; font-size: calc(12 * var(--u)); line-height: calc(22.8 * var(--u)); }
  .bf-info__row dt { width: auto; margin-bottom: calc(9 * var(--u)); }
  .bf-info__row dd { max-width: calc(303 * var(--u)); }
  /*区切り線*/
  .bf-info__row + .bf-info__row { --gap: 38; }
  .bf-info__row:nth-child(2) { --gap: 36.6; }
  .bf-info__row:nth-child(3) { --gap: 40.4; }
  .bf-info__row:nth-child(4) { --gap: 38.5; }
  .bf-info__row:nth-child(5) { --gap: 37.8; }
  .bf-info__row:nth-child(6) { --gap: 36.4; }
  .bf-info__lead { font-size: calc(16 * var(--u)); margin-top: 0; }
  /*還元例*/
  .bf-example li { height: calc(26 * var(--u)); }
  .bf-example__buy { width: calc(118.4 * var(--u)); }
  .bf-example li img { width: calc(12 * var(--u)); margin: 0 calc(10.7 * var(--u)) 0 calc(10.7 * var(--u)); }
  .bf-example { margin-top: calc(-3 * var(--u)); }
  .bf-note { font-size: calc(10 * var(--u)); line-height: calc(20.8 * var(--u)); margin-top: calc(3 * var(--u)); }
  .bf-example + .bf-note { margin-top: calc(2 * var(--u)); }
}
#event-page .detail,
.page__section {
  display: none;
}