@charset "UTF-8";
@import url(utility_style.css);
html {
  height: 100%; }

body {
  height: 100%;
  font-family: transducer, fot-udkakugo-large-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2D3739; }

@media (max-width: 650px) {
  body::before {
    content: '';
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: url("../images/base/background.jpg") no-repeat center center #fddca9;
    background-size: cover; } }
a {
  color: #1484C7;
  text-decoration: none; }

#wrp {
  height: 100%;
  min-height: 100vh; }

#sticky {
  min-height: calc(100vh - 300px);
  position: relative; }

#hdr_page {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  padding: 30px 3vw;
  z-index: 100;
  background-color: transparent;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  transition: background-color 0.3s ease-out, backdrop-filter 0.5s ease-out, box-shadow 0.3s ease-out; }
  #hdr_page.scrolling {
    background-color: rgba(255, 255, 255, 0.36);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }

#global_nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }

#logo a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #392222;
  font-family: 'FetteEgyptienne', sans-serif;
  font-size: 1.5em;
  line-height: 1em; }
  #logo a img {
    display: block;
    width: 80px;
    height: auto;
    margin-right: 20px; }

.main_menu {
  display: flex;
  justify-content: flex-end;
  align-items: stretch; }
  .main_menu li {
    margin: 0 1.5px; }
    .main_menu li a {
      display: block;
      color: #FFFFFF;
      text-align: center;
      padding: 10px 30px;
      font-size: 0.725em;
      font-family: "kopius", serif;
      font-weight: 700;
      letter-spacing: 0.05em;
      background-color: #392222; }
    .main_menu li:first-child a {
      border-radius: 10px 0 0 10px; }
    .main_menu li:last-child a {
      border-radius: 0 10px 10px 0; }

#menu_burger {
  display: none; }

@media (max-width: 1370px) {
  #logo {
    margin-right: 3vw; }
    #logo a img {
      width: 65px;
      margin-right: 15px; }

  .main_menu {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 50vw;
    height: 100vh;
    background-color: rgba(57, 34, 34, 0.95);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: fixed;
    right: -53vw;
    top: 0;
    padding-top: 10vh;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: -5px 0 10px 0 rgba(0, 0, 0, 0.3);
    transition: right 0.5s ease-out; }
    .main_menu li {
      margin: 5px 0; }
      .main_menu li a {
        text-align: left;
        background-color: transparent; }
    .main_menu.isOpen {
      right: 0; }

  #menu_burger {
    position: relative;
    width: 30px;
    height: 26px;
    background-color: transparent;
    display: block; }
    #menu_burger span {
      width: 30px;
      height: 3px;
      background-color: #392222;
      position: absolute;
      left: 0;
      top: calc(50% - 1px);
      transition: background-color 0.1s ease; }
    #menu_burger::before, #menu_burger::after {
      position: absolute;
      display: block;
      content: '';
      width: 30px;
      height: 3px;
      background-color: #392222;
      left: 0; }
    #menu_burger::before {
      top: 0px;
      transition: transform 0.3s ease, top 0.3s ease, background-color 0.3s ease; }
    #menu_burger::after {
      bottom: 0px;
      transition: transform 0.3s ease, bottom 0.3s ease, background-color 0.3s ease; }
    #menu_burger.isOpen span {
      background-color: rgba(57, 34, 34, 0); }
    #menu_burger.isOpen::before {
      top: calc(50% - 1px);
      transform: rotate(225deg);
      background-color: #FFFFFF; }
    #menu_burger.isOpen::after {
      top: calc(50% - 1px);
      transform: rotate(-225deg);
      background-color: #FFFFFF; } }
@media (max-width: 650px) {
  #hdr_page {
    padding: 10px 3vw; }

  #logo {
    margin-right: 3vw; }
    #logo a {
      font-size: 1.25em; }
      #logo a img {
        width: 50px;
        margin-right: 10px; } }
#ftr_page {
  height: 300px;
  background-color: #2D3739;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: column;
  position: relative; }

.wrp_sns {
  height: 200px; }

.list_sns {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  height: 100%; }
  .list_sns li {
    list-style: none;
    width: 50px;
    height: 50px;
    background-color: #8F8F8F;
    border-radius: 50%;
    margin: 0 20px;
    position: relative; }
    .list_sns li a {
      display: block;
      width: 100%; }
      .list_sns li a img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 50%; }
    .list_sns li .comment {
      position: absolute;
      left: 50%;
      top: -50%;
      background-color: #BC995E;
      color: #2D3739;
      font-size: 0.5em;
      line-height: 1em;
      padding: 0.3em 0.5em;
      border-radius: 1em;
      transform: translate(-50%, 0);
      font-family: "kopius", serif;
      font-weight: 700;
      animation: commentpop 3s linear infinite; }
      .list_sns li .comment::before {
        content: '';
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        left: 50%;
        bottom: -3px;
        transform: translate(-50%, 0) rotate(45deg);
        transform-origin: center;
        background-color: #BC995E; }

@keyframes commentpop {
  0% {
    top: -50%; }
  10% {
    top: -75%; }
  15% {
    top: -46%; }
  16.5% {
    top: -55%; }
  18% {
    top: -50%; }
  100% {
    top: -50%; } }
.copyright {
  background-color: #1A1D1D;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "kopius", serif;
  font-weight: 700; }
  .copyright span {
    display: block;
    text-align: center;
    font-size: 0.6em;
    line-height: 1em;
    color: #BC995E; }

#backToTop {
  position: fixed;
  right: -90px;
  bottom: 150px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #BC995E;
  background-color: #2D3739;
  font-family: "kopius", serif;
  font-size: 0.725em;
  line-height: 1em;
  z-index: 100;
  transform: rotate(1080deg);
  transition: right 0.3s ease-out, transform 0.5s ease-out; }
  #backToTop.scrolling {
    right: 1vw;
    transform: rotate(0deg); }

/* メインコンテンツ */
#wrp_mainContents {
  background: url("../images/base/background.jpg") no-repeat center center #fddca9;
  background-size: cover;
  background-attachment: fixed; }

@media (max-width: 650px) {
  #wrp_mainContents {
    background-size: auto 100vh;
    background-image: none;
    background-color: transparent; } }
.bnr {
  display: block;
  width: 90vw;
  max-width: 800px;
  margin: 0px auto;
  position: relative;
  top: 0;
  opacity: 1;
  overflow: hidden;
  border-radius: 20px; }
  .bnr img {
    display: block;
    width: 100%;
    height: auto; }

@media (min-width: 821px) {
  .bnr {
    transition: top 0.1s ease-out; }
    .bnr::after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(110deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0) 100%);
      position: absolute;
      left: -100%;
      top: 0;
      transition: left 0.3s ease-in; }
    .bnr:hover {
      top: -3px; }
      .bnr:hover::after {
        left: 100%; } }
/* ---- ヒーローエリア---- */
.wrp_hero {
  width: 100vw;
  height: 100vh;
  min-height: 768px;
  background-image: url("../images/top/round_line.svg"), url("../images/top/bg_hero.jpg");
  background-repeat: no-repeat, no-repeat;
  background-position: center bottom -1px, center center;
  background-size: 100% auto, cover;
  background-color: #2D3739;
  position: relative;
  margin-bottom: -2px;
  z-index: 1; }

@media (max-width: 650px) {
  .wrp_hero {
    height: 70vh;
    min-height: auto;
    margin-bottom: -4px; } }
#main_visual {
  position: absolute;
  left: 50%;
  top: calc(140px + 5vh);
  transform: translate(-50%, 0);
  width: 96%;
  height: auto;
  max-width: 1000px;
  display: block; }
  #main_visual > figure {
    display: block;
    position: relative; }
  #main_visual #img_minted {
    display: block;
    width: 100%;
    height: auto; }
  #main_visual #mint_chance {
    display: block;
    width: 30%;
    position: absolute;
    right: 5%;
    top: 27%;
    transform-origin: center;
    animation: gogoMint 4s linear infinite; }
    #main_visual #mint_chance img {
      display: block;
      width: 100%;
      height: auto; }

@keyframes gogoMint {
  0% {
    transform: scale(1);
    filter: brightness(1); }
  2% {
    transform: scale(1.1);
    filter: brightness(1.25); }
  3% {
    transform: scale(0.95);
    filter: brightness(1.1); }
  5% {
    transform: scale(1.25);
    filter: brightness(1.5); }
  7% {
    transform: scale(0.9);
    filter: brightness(1.1); }
  9% {
    transform: scale(1.1);
    filter: brightness(1.25); }
  10% {
    transform: scale(0.95);
    filter: brightness(1.1); }
  11% {
    transform: scale(1);
    filter: brightness(1); }
  100% {
    transform: scale(1); } }
#area_cd {
  position: relative;
  width: 95%;
  max-width: 1000px;
  margin: 0 auto 3vh;
  text-align: center;
  font-size: 1.5em;
  line-height: 1em;
  font-family: "kopius", serif;
  font-weight: 700; }
  #area_cd span {
    font-size: 1.5em;
    line-height: 1.2em; }

@media (max-width: 650px) {
  #main_visual {
    top: calc(80px + 3vh); }

  #area_cd {
    font-size: 1.3em; } }
.wrp_content {
  padding-top: 10vh;
  padding-bottom: 15vh;
  position: relative; }
  .wrp_content .box_text {
    color: #2D3739; }
  .wrp_content.bg_dark {
    background-color: #2D3739; }
    .wrp_content.bg_dark .box_text {
      color: #BC995E; }
  .wrp_content.bg_transparent {
    background-color: transparent; }
  .wrp_content.bg_light {
    background-color: #FFFFFF; }
  .wrp_content.bg_light_blur {
    background-color: rgba(255, 255, 255, 0.55);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px); }

.article_hdr,
.section_hdr {
  margin-bottom: 5vh; }

.ttl_article,
.ttl_section {
  font-size: 2.5em;
  line-height: 1.2em;
  text-align: center;
  font-family: 'FetteEgyptienne', sans-serif;
  letter-spacing: .05em; }

.ttl_section {
  font-size: 2em;
  line-height: 1.2em; }

@media (max-width: 650px) {
  .ttl_article,
  .ttl_section {
    font-size: 1.8em; }

  .ttl_section {
    font-size: 1.6em; } }
.list_carousel li img {
  display: block;
  width: 100%;
  height: auto; }

/*//// MINT BLOCK ////*/
/*//// AIRDROP BLOCK ////*/
#blk_airdrop .img_airdrop {
  display: block;
  width: 90%;
  max-width: fit-content;
  margin: 0 auto 5vh; }
  #blk_airdrop .img_airdrop img {
    display: block;
    max-width: 100%;
    height: auto; }

/*//// REWARD BLOCK ////*/
#blk_reward {
  padding-bottom: 10vh; }
  #blk_reward .big_catch {
    max-width: 890px;
    width: 96%;
    margin: 0px auto; }
    #blk_reward .big_catch img {
      display: block;
      width: 100%;
      height: auto; }
  #blk_reward #checkArrow {
    display: block;
    max-width: 300px;
    height: auto;
    width: auto;
    position: relative;
    margin: 0px auto -5vh;
    top: -8vh;
    animation: arrowPop 4s ease-out infinite; }

@media (max-width: 650px) {
  #blk_reward #checkArrow {
    max-width: 140px;
    margin: 0px auto -2vh;
    top: -3vh;
    animation: arrowPopSP 4s ease-out infinite; } }
@keyframes arrowPop {
  0% {
    top: -8vh;
    transform: rotateZ(0deg); }
  3% {
    top: -3vh; }
  6% {
    top: -5vh; }
  9% {
    top: -3vh; }
  15% {
    top: -8vh; }
  16% {
    transform: rotateZ(0deg); }
  25% {
    transform: rotateZ(-360deg); }
  100% {
    top: -8vh;
    transform: rotateZ(-360deg); } }
@keyframes arrowPopSP {
  0% {
    top: -3vh;
    transform: rotateZ(0deg); }
  3% {
    top: 0vh; }
  6% {
    top: -2vh; }
  9% {
    top: 0vh; }
  15% {
    top: -3vh; }
  16% {
    transform: rotateZ(0deg); }
  25% {
    transform: rotateZ(-360deg); }
  100% {
    top: -3vh;
    transform: rotateZ(-360deg); } }
.andmore {
  width: 30%;
  height: auto;
  max-width: 250px;
  margin: 2vh auto; }
  .andmore img {
    display: block;
    width: 100%;
    height: auto; }
  .andmore.in_bonus {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: -12vh;
    margin: 0; }

.wrp_rewardTable {
  width: 90%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }

.dl_rewardList .ttl_rewardList {
  margin-bottom: 5px;
  position: relative; }
  .dl_rewardList .ttl_rewardList p {
    font-family: 'FetteEgyptienne', sans-serif; }
.dl_rewardList .texts {
  border-radius: 30px 30px 3px 3px;
  background-color: #2D3739;
  text-align: center;
  color: #BC995E;
  font-size: 2em;
  padding: 8px 0; }
  .dl_rewardList .texts span {
    font-size: .75em; }
.dl_rewardList .budge {
  position: absolute;
  width: 130px;
  height: 130px;
  background-color: #BC995E;
  color: #FFFFFF;
  font-size: 2em;
  line-height: 1em;
  text-align: center;
  padding-top: calc(65px - 0.5em);
  border-radius: 50%;
  left: 0;
  top: -70%;
  z-index: 1; }
.dl_rewardList dd {
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  border-radius: 3px 3px 30px 30px;
  padding: 3vh 5vw; }
  .dl_rewardList dd .list_reward_rate {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    border-bottom: 2px solid #979797;
    padding-bottom: 2em;
    margin-bottom: 2em; }
    .dl_rewardList dd .list_reward_rate li {
      padding: 0.8em 0;
      border-bottom: 2px dashed #979797;
      text-align: center;
      list-style: none;
      font-size: 1.5em;
      font-family: 'FetteEgyptienne', sans-serif;
      line-height: 1em;
      display: flex;
      justify-content: center;
      align-items: baseline; }
      .dl_rewardList dd .list_reward_rate li span {
        margin: 0 1em; }
      .dl_rewardList dd .list_reward_rate li:last-child {
        border-bottom: none; }
  .dl_rewardList dd .reward_total {
    text-align: center;
    font-family: 'FetteEgyptienne', sans-serif;
    font-size: 1.5em; }
    .dl_rewardList dd .reward_total .txt_large_x2 {
      font-size: 2em;
      display: inline-block;
      padding: 0 0.1em; }

@media (max-width: 650px) {
  .dl_rewardList .texts {
    border-radius: 10px 10px 3px 3px;
    text-align: right;
    font-size: 1.4em;
    padding: 8px 0.5em; }
  .dl_rewardList .budge {
    width: 22vw;
    height: 22vw;
    font-size: 1.4em;
    padding-top: calc(11vw - 0.5em);
    top: -60%; }
  .dl_rewardList dd {
    border-radius: 3px 3px 10px 10px; }
    .dl_rewardList dd .list_reward_rate {
      border-bottom: 1px solid #979797;
      padding-bottom: 1.4em;
      margin-bottom: 1.4em; }
      .dl_rewardList dd .list_reward_rate li {
        border-bottom: 1px dashed #979797;
        font-size: 1.2em; }
    .dl_rewardList dd .reward_total {
      font-size: 1.2em; }
      .dl_rewardList dd .reward_total .txt_large_x2 {
        font-size: 1.4em; } }
/*//// BONUS BLOCK ////*/
#blk_bonus .article_hdr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  text-align: left; }
  #blk_bonus .article_hdr p {
    color: #BC995E;
    font-family: "kopius", serif; }
#blk_bonus .ttl_article {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin-bottom: 3vh; }
#blk_bonus .body_content {
  width: 96%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: -18vh; }
  #blk_bonus .body_content img {
    display: block;
    max-width: 100%;
    width: fit-content;
    height: auto; }
  #blk_bonus .body_content .box_text.in_flex {
    width: 55%;
    margin-right: 5%;
    padding-top: 10vh; }
  #blk_bonus .body_content #sabo_catch {
    width: 40%;
    position: relative; }
#blk_bonus #fullmintArrow {
  display: block;
  max-width: 300px;
  height: auto;
  width: auto;
  position: relative;
  margin: 0px auto -8vh;
  top: -15vh;
  animation: arrowPop2 4s ease-out infinite; }

@media (max-width: 650px) {
  #blk_bonus #fullmintArrow {
    max-width: 140px;
    margin: 0px auto -6vh;
    top: -15vh; } }
@keyframes arrowPop2 {
  0% {
    top: -15vh;
    transform: rotateZ(0deg); }
  3% {
    top: -10vh; }
  6% {
    top: -12vh; }
  9% {
    top: -10vh; }
  15% {
    top: -15vh; }
  16% {
    transform: rotateZ(0deg); }
  25% {
    transform: rotateZ(-360deg); }
  100% {
    top: -15vh;
    transform: rotateZ(-360deg); } }
@keyframes arrowPopSP2 {
  0% {
    top: -10vh;
    transform: rotateZ(0deg); }
  3% {
    top: -5vh; }
  6% {
    top: -7vh; }
  9% {
    top: -2vh; }
  15% {
    top: -10vh; }
  16% {
    transform: rotateZ(0deg); }
  25% {
    transform: rotateZ(-360deg); }
  100% {
    top: -10vh;
    transform: rotateZ(-360deg); } }
.stars {
  font-size: 0.725em;
  display: inline-block;
  margin: 0 0.3em; }

@media (max-width: 650px) {
  #blk_bonus .article_hdr {
    text-align: center; }
  #blk_bonus .ttl_article {
    text-align: center;
    display: block; }
  #blk_bonus .body_content {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 0; }
    #blk_bonus .body_content .box_text.in_flex {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding-top: 0; }
    #blk_bonus .body_content .box_text.out_flex {
      width: 100%;
      padding-top: 1vh; }
    #blk_bonus .body_content #sabo_catch {
      width: 70%;
      position: relative;
      margin: 0px auto; }

  .stars {
    font-size: 0.725em;
    display: inline-block;
    margin: 0 0.3em; } }
/*//// TEAM BLOCK ////*/
.list_team {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  max-width: 1280px;
  width: 96%;
  margin: 0px auto; }
  .list_team li {
    width: 25%;
    padding: 0 1%;
    text-align: center;
    list-style: none; }
    .list_team li img {
      display: block;
      width: 100%;
      height: auto;
      margin-bottom: 0.5em; }
    .list_team li p {
      font-family: "kopius", serif;
      font-weight: 700;
      text-align: center; }

@media (max-width: 650px) {
  .list_team {
    flex-wrap: wrap; }
    .list_team li {
      width: 50%;
      padding: 0 1% 5vh; } }
/*//// COLLECTION BLOCK ////*/
.list_collections {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 96%;
  max-width: 1000px;
  margin: 0px auto 5vh; }
  .list_collections li {
    width: 48%;
    margin: 0 1% 15px;
    list-style: none; }
    .list_collections li a {
      display: block; }
      .list_collections li a img {
        width: 100%;
        height: auto;
        display: block; }
    .list_collections li.bnr_2nd a, .list_collections li.bnr_3rd a, .list_collections li.bnr_4th a {
      pointer-events: none; }

@media (max-width: 650px) {
  .list_collections {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap; }
    .list_collections li {
      width: 96%;
      margin: 0 auto 3vh; }
      .list_collections li.bnr_2nd {
        width: 80%; }
      .list_collections li.bnr_2nd a, .list_collections li.bnr_3rd a, .list_collections li.bnr_4th a {
        pointer-events: none; } }