@charset "UTF-8";


@media (min-width: 600px), (orientation: landscape) {
  #home #video_wrapper {
    mask: url("./images/index/PV_mask.webp") no-repeat center / cover;
     -webkit-mask: url("./images/index/PV_mask.webp") no-repeat center / cover;
  }
  #home #video_wrapper::after {
    display: none;
  }
}




/* Release */
/* ============================================ */

#home #preorder_txt {
  position: relative;
  width: 84.53vw;
  height: 13.73vw;
  margin: -16vw auto 3vw;
  background: url("./images/release/store_txt.webp") no-repeat center / contain;
  opacity: 0;
}
#home .preorder_btn li:nth-of-type(1) {
  flex: 0 0 46%;
}

#fixed_btn {
  background: url(./images/release/fixed_banner.webp) no-repeat center / 100%;
}
#fixed_btn img {
  position: absolute;
  right: 4vw;
  bottom: 3vw;
  width: 42vw;
  height: auto;
}

@media (min-width: 600px), (orientation: landscape) {
  #home #preorder_txt {
    flex: 0 0 24.3vw;
    width: auto;
    height: calc(24.3vw * 0.1843);
    margin: 0 0 .35vw;
    background: url("./images/release/store_txt_pc.webp") no-repeat center / contain;
  }

  #header_menu #nav_news {
    width: 6.6471vw;
    background-image: url("./images/release/menu_04.webp");
  }
  #header_menu #nav_cards {
    width: 6.5528vw;
    background-image: url("./images/release/menu_05.webp");
  }
  #header_menu #nav_faq {
    width: 5.3271vw;
    background-image: url("./images/release/menu_06.webp");
  }
  #header_menu #nav_market {
    width: 11.6442vw;
    background-image: url("./images/release/menu_07.webp");
  }
  #header_menu #nav_news:before {
    background-image: url("./images/release/menu_04_on.webp");
  }
  #header_menu #nav_cards::before {
    background-image: url("./images/release/menu_05_on.webp");
  }
  #header_menu #nav_faq::before {
    background-image: url("./images/release/menu_06_on.webp");
  }
  #header_menu #nav_market::before {
    background-image: url("./images/release/menu_07_on.webp");
  }

  #fixed_btn {
    background: url(./images/release/fixed_banner_pc.webp) no-repeat center / 100%;
  }
  #fixed_btn .pc_flex {
    display: flex;
    align-items: center;
    gap: 1vw;
    width: 57%;
    margin: -1.5vw 2vw 0 auto;
  }
  #fixed_btn .pc_flex a:nth-of-type(1) {
    flex: 0 0 46%;
  }
  #fixed_btn img {
    position: relative;
    right: auto;
    bottom: auto;
    width: auto;
    height: auto;
  }
}



/* 404 page */
/* ============================================ */
#err404 #wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#err404 header {
  padding: 0;
  height: fit-content;
}
#err404 main {
  display: flex;
  align-items: center;
  flex: 1 0 auto;
  min-height: max(50vh, 450px);
  padding-bottom: 20vw;
}
#err404 #footer_menu {
  flex-shrink: 0;
}
#error_content {
  width: 100%;
  color: var(--yellow);
  opacity: .5;
}
#error_content h1 {
  font-size: 25vw;
  line-height: 1;
}
#error_content p {
  font-size: 6.5vw;
  font-weight: var(--font-normal);
}

@media (min-width: 600px), (orientation: landscape) {
  #err404 main {
    padding-bottom: 0;
  }
  #error_content h1 {
    font-size: 11vw;
    line-height: 1;
  }
  #error_content p {
    font-size: 3.5vw;
    font-weight: var(--font-normal);
    line-height: 1;
  }
}



/* Menu debug */
/* ============================================ */
#menu.open #header_wrapper {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; /* Safari/iOSの慣性を有効 */
  overscroll-behavior: contain;   /* 背景への連鎖を断つ（Safari16+） */
  pointer-events: auto;           /* 念のため明示 */
}
#menu.open #header_closer {
  pointer-events: none;
}
#header_nav {
  padding-bottom: 28vw;
}

@media (min-width: 600px), (orientation: landscape) {
  #menu.open #header_wrapper {
    height: fit-content;
    overflow-y: hidden;
  }
  #header_nav {
    padding-bottom: 0;
  }
}