@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300..500&family=Montserrat:wght@300..700&family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import "https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300..500&family=Montserrat:wght@300..700&family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap";
html  {
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  -moz-tab-size: 4;
  tab-size: 4;
  word-break: normal;
}
*,
:after,
:before  {
  background-repeat: no-repeat;
  box-sizing: inherit;
}
:after,
:before  {
  text-decoration: inherit;
  vertical-align: inherit;
}
*  {
  margin: 0;
  padding: 0;
}
hr  {
  color: inherit;
  height: 0;
  overflow: visible;
}
details,
main  {
  display: block;
}
summary  {
  display: list-item;
}
small  {
  font-size: 80%;
}
[hidden]  {
  display: none;
}
abbr[title]  {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
a  {
  background-color: transparent;
}
a:active,
a:hover  {
  outline-width: 0;
}
code,
kbd,
pre,
samp  {
  font-family: monospace, monospace;
}
pre  {
  font-size: 1em;
}
b,
strong  {
  font-weight: bolder;
}
sub,
sup  {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub  {
  bottom: -0.25em;
}
sup  {
  top: -0.5em;
}
table  {
  border-color: inherit;
  text-indent: 0;
}
iframe  {
  border-style: none;
}
input  {
  border-radius: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button  {
  height: auto;
}
[type=search]  {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration  {
  -webkit-appearance: none;
}
textarea  {
  overflow: auto;
  resize: vertical;
}
button,
input,
optgroup,
select,
textarea  {
  font: inherit;
}
optgroup  {
  font-weight: 700;
}
button  {
  overflow: visible;
}
button,
select  {
  text-transform: none;
}
[role=button],
[type=button],
[type=reset],
[type=submit],
button  {
  cursor: pointer;
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner  {
  border-style: none;
  padding: 0;
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring  {
  outline: 1px dotted ButtonText;
}
[type=reset],
[type=submit],
button,
html [type=button]  {
  -webkit-appearance: button;
}
button,
input,
select,
textarea  {
  background-color: transparent;
  border-style: none;
}
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus  {
  outline-width: 0;
}
select  {
  -moz-appearance: none;
  -webkit-appearance: none;
}
select::-ms-expand  {
  display: none;
}
select::-ms-value  {
  color: currentColor;
}
legend  {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}
::-webkit-file-upload-button  {
  -webkit-appearance: button;
  color: inherit;
  font: inherit;
}
[disabled]  {
  cursor: default;
}
img  {
  border-style: none;
}
progress  {
  vertical-align: baseline;
}
[aria-busy=true]  {
  cursor: progress;
}
[aria-controls]  {
  cursor: pointer;
}
[aria-disabled=true]  {
  cursor: default;
}
/**==================================================
*1| UTIL SASS FUNCTIONS
==================================================*/
/*
Google fonts:
- Josefin Sans (300,
400,
500)
- Montserrat (300,
400,
500,
600,
700) ※Gothamの代替フォント
- Zen Kaku Gothic Antique (300,
400,
500,
700,
900)
*/
/**==================================================
*2| [ANIMATION] HOVER (ボタンが上下に揺れるanim)
==================================================*/
@keyframes hoverSway   {
  0%  {
    transform: translateY(1px);
  }
  49%  {
    transform: translateY(1px);
  }
  50%  {
    transform: translateY(0px);
  }
  100%  {
    transform: translateY(0px);
  }
}
/**==================================================
*1| [GLOBAL] STYLES
==================================================*/
:root  {
  --base-font-size: 2vw;
}
:root  {
  /* PC */
  --purchasev2-baseColor: rgba(0, 0, 0, 0.85);
  --purchasev2-iconColor: #fffd3a;
  --purchasev2-textColor: #cccccc;
  /* SP */
  --purchasev2-iconColor-sp: #fffd3a;
  --purchasev2-textColor-sp: #ffffff;
  --purchasev2-baseColor-sp: rgba(0, 0, 0, 0.85);
  --bnz-transform-icon-pcls: 100px;
}
*  {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "Noto Sans JP", sans-serif;
}
html  {
  --ion-safe-area-top: env(safe-area-inset-top);
  --ion-safe-area-bottom: env(safe-area-inset-bottom);
  --ion-safe-area-left: env(safe-area-inset-left);
  --ion-safe-area-right: env(safe-area-inset-right);
  padding: env(safe-area-inset);
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  margin: env(safe-area-inset);
}
body  {
  padding: env(safe-area-inset);
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  margin: env(safe-area-inset);
}
.isSp  {
  display: none;
}

@media screen and (max-width:759.98px)  {
  .isSp  {
    display: block;
  }
}
.isPc  {
  display: none;
}

@media screen and (min-width:760px)  {
  .isPc  {
    display: block;
  }
}
.icon-active  {
  width: 8vw !important;
}
.icon-active .bg-black  {
  stroke: #ffff00;
  stroke-width: 5px;
}

@media screen and (min-width:1920px)  {
  .icon-active  {
    width: 130px !important;
  }
}

@media screen and (max-width:759.98px)  {
  .icon-active  {
    width: 90px !important;
  }
}

@media screen and (max-width:759.98px)  {
  .news-date-group .news-date-header  {
    margin-bottom: 1px;
    line-height: unset;
  }
}
.news-date-group .news-date-header .news-data  {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: white;
}

@media (min-width: 1600px)  {
  .news-date-group .news-date-header .news-data  {
    font-size: 15px;
  }
}

@media (max-width: 1024px)  {
  .news-date-group .news-date-header .news-data  {
    font-size: 1.37vw;
  }
}

@media screen and (max-width:759.98px)  {
  .news-date-group .news-date-header .news-data  {
    display: inline-block;
    margin-bottom: 3px;
    font-size: 14px;
  }
}
.news-date-group .news-items-list  {
  display: flex;
  flex-direction: column;
  gap: 2px;
  list-style-type: none;
  list-style: none;
}
.news-date-group .news-items-list .news-item  {
  position: relative;
  display: block;
  margin-bottom: 0px;
  line-height: 0;
}

@media screen and (max-width:759.98px)  {
  .news-date-group .news-items-list .news-item  {
    margin-bottom: 2px;
  }
}
.news-date-group .news-items-list .news-item span,
.news-date-group .news-items-list .news-item p  {
  color: white;
  font-family: "Noto Sans JP", serif;
}
.news-date-group .news-items-list .news-item .news-content-container  {
  padding-left: 0;
}
.news-date-group .news-items-list .news-item .news-content-container .news-category  {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
}

@media screen and (max-width:759.98px)  {
  .news-date-group .news-items-list .news-item .news-content-container .news-category  {
    font-size: 10px;
  }
}

@media screen and (min-width:1920px)  {
  .news-date-group .news-items-list .news-item .news-content-container .news-category  {
    font-size: 1vw;
  }
}
.news-date-group .news-items-list .news-item .news-content-container .news-article-title  {
  display: inline-block;
  font-size: 12px;
  line-height: 1.8;
}

@media (min-width: 1600px)  {
  .news-date-group .news-items-list .news-item .news-content-container .news-article-title  {
    font-size: 15px;
  }
}

@media screen and (max-width:759.98px)  {
  .news-date-group .news-items-list .news-item .news-content-container .news-article-title  {
    font-size: 12px;
    line-height: 160%;
  }
}
.news-date-group .news-items-list .news-item .news-content-container.news--multiline  {
  padding-left: 8px;
}
.news-date-group .news-items-list .news-item .news-content-container.news--multiline .news-article-title  {
  text-indent: -11px;
  padding-left: 11px;
}
.news-date-group .news-items-list .news-item .news-content-container.news--multiline .news-article-title::before  {
  content: "";
  display: inline-block;
  width: 0.2vw;
  height: 0.2vw;
  background-color: #ffffff;
  border-radius: 50%;
  margin-right: 5px;
  position: relative;
  top: -3px;
}

@media (min-width: 1600px)  {
  .news-date-group .news-items-list .news-item .news-content-container.news--multiline .news-article-title::before  {
    width: 3px;
    height: 3px;
    top: -3px;
  }
}

@media screen and (max-width:759.98px)  {
  .news-date-group .news-items-list .news-item .news-content-container.news--multiline .news-article-title::before  {
    width: 3px;
    height: 3px;
    top: -3px;
  }
}
.news-date-group .news-items-list .news-item .news-content-container a,
.news-date-group .news-items-list .news-item .news-content-container .page-link-btn-unchorlink  {
  color: #ffffff;
  position: relative;
}

@media (any-hover: hover)  {
  .news-date-group .news-items-list .news-item .news-content-container a:hover,
  .news-date-group .news-items-list .news-item .news-content-container .page-link-btn-unchorlink:hover  {
    cursor: pointer;
    color: #ffff00;
  }
}
.news-date-group .news-items-list .news-item .news-content-container .page-link-btn-unchorlink  {
  text-decoration: underline;
}
.menu-updated-date  {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-40%);
  color: #fff;
}

@media screen and (max-width:759.98px)  {
  .menu-updated-date  {
    right: 2.3vw;
    transform: translateY(-1.3vw);
  }
}
.menu-updated-date .menu-updated-date__text  {
  position: relative;
  z-index: 1;
  margin: 0 0.8vw;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.16vw;
  font-weight: 700;
  letter-spacing: 0.04em;
  transform: translateY(-1px);
}

@media screen and (max-width:759.98px)  {
  .menu-updated-date .menu-updated-date__text  {
    margin: 0 3.2vw;
    font-size: 4vw;
  }
}

@media screen and (min-width:1920px)  {
  .menu-updated-date .menu-updated-date__text  {
    margin: 0 16px;
    font-size: 22px;
  }
}
.menu-updated-date::before  {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='_レイヤー_2'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20viewBox='0%200%20210%2062.2'%3e%3c!--%20Generator:%20Adobe%20Illustrator%2029.5.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%202.1.0%20Build%20141)%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%23f0f;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='_レイヤー_1-2'%3e%3cpolygon%20class='st0'%20points='1.4%205.3%200%2028.3%205.9%2058.4%2062.1%2058.4%20122.9%2062.2%20173.3%2059.1%20210%2057.5%20210%2029.9%20207.4%202.7%2080.1%202.7%2072.9%200%201.4%205.3'/%3e%3c/g%3e%3c/svg%3e");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  z-index: 0;
}

@media screen and (max-width:759.98px)  {
  .menu-updated-date::before  {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='_レイヤー_2'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20viewBox='0%200%20165.7%2041.5'%3e%3c!--%20Generator:%20Adobe%20Illustrator%2029.5.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%202.1.0%20Build%20141)%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%23f0f;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='_レイヤー_1-2'%3e%3cpolygon%20class='st0'%20points='0%203.8%200%2020.5%203.7%2039.5%2052.1%2040%2080.8%2041.5%20120.9%2041.5%20141.8%2040%20164.4%2039.1%20165.7%2023.8%20163.5%202%2062.8%202%2056%200%200%203.8'/%3e%3c/g%3e%3c/svg%3e");
  }
}
.video-new-pop  {
  width: 4.7vw;
  position: absolute;
  top: -1.5vw;
  right: -0.8vw;
  z-index: 10;
}
.video-new-pop img  {
  width: 100%;
}

@media screen and (min-width:1920px)  {
  .video-new-pop  {
    width: 90px;
    top: -30px;
    right: -18px;
  }
}

@media screen and (max-width:759.98px)  {
  .video-new-pop  {
    width: 14.7vw;
    top: -4.5vw;
    right: -1.8vw;
  }
}
.bnz-fire-kong-canvas canvas  {
  width: 110%;
  height: 110%;
}

@media screen and (max-width:759.98px)  {
  .bnz-fire-kong-canvas canvas  {
    width: 100%;
    height: 100%;
  }
}
.bnz-fire-zebra-canvas canvas  {
  width: 90%;
  height: 90%;
}

@media screen and (max-width:759.98px)  {
  .bnz-fire-zebra-canvas canvas  {
    width: 100%;
    height: 100%;
  }
}
.bnz-fire-ostrich-canvas canvas  {
  transform: translate(0%, 7%);
  width: 90%;
  height: 90%;
}

@media screen and (max-width:759.98px)  {
  .bnz-fire-ostrich-canvas canvas  {
    transform: translate(3%, 8%);
    width: 100%;
    height: 100%;
  }
}
/**==================================================
*1| 表示アニメーションのスタイル
==================================================*/
.obsv-anim  {
  opacity: 0;
}
.obsv-anim-init  {
  opacity: 0;
}
.shake-body  {
  animation: key-public-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

@keyframes key-public-shake   {
  0%  {
    transform: translate(0, 0);
  }
  10%  {
    transform: translate(8px, -8px);
  }
  20%  {
    transform: translate(-8px, 8px);
  }
  30%  {
    transform: translate(8px, 8px);
  }
  40%  {
    transform: translate(-8px, -8px);
  }
  50%  {
    transform: translate(6px, -6px);
  }
  60%  {
    transform: translate(-4px, 4px);
  }
  70%  {
    transform: translate(2px, 2px);
  }
  80%  {
    transform: translate(-1px, -1px);
  }
  90%  {
    transform: translate(1px, 0px);
  }
  100%  {
    transform: translate(0, 0);
  }
}
.fade-in  {
  opacity: 0;
  animation: 1s forwards cubic-bezier(0, 0.76, 0, 1) key-public-fadein;
}

@keyframes key-public-fadein   {
  0%  {
    opacity: 0;
    transform: translateY(200px);
  }
  100%  {
    opacity: 1;
    transform: translateY(0px);
  }
}
.show-obsv-switch2  {
  animation: 0.5s forwards cubic-bezier(0.99, 0, 1, 0.99) key-sec-onpare-switch2;
}

@keyframes key-sec-onpare-switch2   {
  0%  {
    opacity: 0;
    transform: scale(5) rotate(-30deg);
  }
  90%  {
    opacity: 1;
    transform: scale(0.97) rotate(0deg);
  }
  100%  {
    opacity: 1;
    transform: scale(1);
  }
}
.show-obsv-feature-rockimpact1  {
  animation: 0.3s forwards cubic-bezier(0.99, 0, 1, 0.99) key-public-rockimpact;
}
.show-obsv-feature-rockimpact2  {
  animation: 0.3s forwards cubic-bezier(0.99, 0, 1, 0.99) key-public-rockimpact;
}
.show-obsv-feature-rockimpact3  {
  animation: 0.3s forwards cubic-bezier(0.99, 0, 1, 0.99) key-public-rockimpact;
}

@keyframes key-public-rockimpact   {
  0%  {
    opacity: 0;
    transform: scale(5) rotate(-4deg);
  }
  70%  {
    opacity: 1;
    transform: scale(0.97) rotate(0deg);
  }
  100%  {
    opacity: 1;
    transform: scale(1);
  }
}
.show-obsv-voidcompany  {
  opacity: 1;
}
.show-obsv-voidcompany .voidcompany__caption1  {
  animation: 0.2s forwards cubic-bezier(0.99, 0, 1, 0.99) key-sec-voidcompany-fadein;
}
.show-obsv-voidcompany .voidcompany__char1  {
  animation: 1500ms 200ms forwards cubic-bezier(0, 1, 0, 1) key-sec-voidcompany-l2r;
}
.show-obsv-voidcompany .voidcompany__char3  {
  animation: 1500ms 300ms forwards cubic-bezier(0, 1, 0, 1) key-sec-voidcompany-r2l;
}
.show-obsv-voidcompany .voidcompany__char2  {
  animation: 1500ms 400ms forwards cubic-bezier(0, 1, 0, 1) key-sec-voidcompany-b2t;
}
.show-obsv-voidcompany .voidcompany__caption2  {
  animation: 0.6s 1s forwards cubic-bezier(0.99, 0, 1, 0.99) key-sec-voidcompany-glitch;
}

@keyframes key-sec-voidcompany-glitch1   {
  0%  {
    opacity: 0;
    transform: translate(0, 0);
  }
  20%  {
    opacity: 1;
    transform: translate(0, 0);
  }
  21%  {
    transform: translate(20px, 20px) scale(1.1);
  }
  24%  {
    transform: translate(0, 0);
  }
  50%  {
    transform: translate(0, 0);
  }
  51%  {
    transform: translate(-20px, -20px) scale(1.3);
  }
  54%  {
    transform: translate(0, 0);
  }
  70%  {
    transform: translate(0, 0);
  }
  71%  {
    transform: translate(10px, -10px) scale(1.1);
  }
  74%  {
    opacity: 1;
    transform: translate(0, 0);
  }
  100%  {
    opacity: 0;
    transform: translate(0, 0);
  }
}

@keyframes key-sec-voidcompany-glitch2   {
  0%  {
    opacity: 1;
    transform: translate(0, 0);
  }
  100%  {
    opacity: 0;
    transform: translate(-20px, -20px);
  }
}

@keyframes key-sec-voidcompany-l2r   {
  0%  {
    opacity: 0;
    transform: translateX(-200px);
  }
  100%  {
    opacity: 1;
    transform: translateX(0%);
  }
}

@keyframes key-sec-voidcompany-r2l   {
  0%  {
    opacity: 0;
    transform: translateX(200px);
  }
  100%  {
    opacity: 1;
    transform: translateX(0%);
  }
}

@keyframes key-sec-voidcompany-b2t   {
  0%  {
    opacity: 0;
    transform: translateY(200px);
  }
  100%  {
    opacity: 1;
    transform: translateY(0%);
  }
}

@keyframes key-sec-voidcompany-fadein   {
  0%  {
    opacity: 0;
  }
  100%  {
    opacity: 1;
  }
}
/**==================================================
*2| SECTION ABOUT
==================================================*/
.show-obsv-about-section  {
  opacity: 1;
}
.show-obsv-about-section .about__visual  {
  animation: 2s forwards cubic-bezier(0, 1, 0, 1) key-about-appear-dk-visual;
}
.show-obsv-about-section .about__caption--box  {
  animation: 2s forwards cubic-bezier(0, 1, 0, 1) key-public-fadein;
}
.show-obsv-about-section .about__sub-caption-sp  {
  animation: 2s forwards cubic-bezier(0, 1, 0, 1) key-public-fadein;
}

@keyframes key-about-appear-dk-visual   {
  0%  {
    opacity: 0;
    transform: translateY(-200px);
  }
  100%  {
    opacity: 1;
    transform: translateY(0px);
  }
}
/**==================================================
*3| SECTION TOP STORY
==================================================*/
.show-obsv-story-dk  {
  opacity: 1;
}
.show-obsv-story-dk .storyDk__caption-visual  {
  animation: 2s forwards cubic-bezier(0, 1, 0, 1) key-public-fadein;
}
.show-obsv-story-dk .storyDk__caption-bnn  {
  animation: 2s forwards cubic-bezier(0, 1, 0, 1) key-public-fadein;
}
.show-obsv-story-dk .storyDk__caption-name  {
  animation: 2s forwards cubic-bezier(0, 1, 0, 1) key-public-fadein;
}
.show-obsv-story-dk .storyDk__caption-desc  {
  animation: 2s forwards cubic-bezier(0, 1, 0, 1) key-public-fadein;
}
.show-obsv-story-dk .storyDk__caption-desc-sp  {
  animation: 2s forwards cubic-bezier(0, 1, 0, 1) key-public-fadein;
}
.show-obsv-story-dk .storyDk__caption-dkmark  {
  animation: 0.3s 0.2s forwards cubic-bezier(0.99, 0, 1, 0.99) key-story-dk-scaledown;
}
.show-obsv-story-dk .storyDk__caption-dkmark img  {
  animation: 1s 0.5s forwards ease keyRattling1;
}

@keyframes key-story-dk-scaledown   {
  0%  {
    opacity: 0;
    transform: scale(5) rotate(-30deg);
  }
  30%  {
    opacity: 0;
  }
  90%  {
    opacity: 1;
    transform: scale(0.97) rotate(0deg);
  }
  100%  {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes keyRattling1   {
  0%  {
    transform: rotateX(0.5deg) rotateZ(0.5deg) scale(0.9);
  }
  50%  {
    transform: rotateX(-1deg) rotateZ(-0.5deg);
  }
  100%  {
    transform: rotateX(0deg) rotateZ(0deg) scale(1);
  }
}
.show-obsv-story-about  {
  opacity: 1;
}
.show-obsv-story-about .storycharacter__visual  {
  animation: 2s forwards cubic-bezier(0, 1, 0, 1) key-story-about-dk-appear;
}
.show-obsv-story-about .storycharacter__caption  {
  animation: 2s forwards cubic-bezier(0, 1, 0, 1) key-public-fadein;
}
.show-obsv-story-about .storycharacter__img-sp  {
  animation: 2s forwards cubic-bezier(0, 1, 0, 1) key-public-fadein;
}
.show-obsv-story-about .storycharacter__subcaption-sp  {
  animation: 2s forwards cubic-bezier(0, 1, 0, 1) key-public-fadein;
}

@keyframes key-story-about-dk-appear   {
  0%  {
    opacity: 0;
    transform: translate(-200px, 200px) scale(0.7);
  }
  100%  {
    opacity: 1;
    transform: translate(0px, 0px) scale(1);
  }
}
/**==================================================
*4| SECTION STAGE EXPLORATION
==================================================*/
.show-obsv-trolley  {
  opacity: 1;
  animation: 3s forwards cubic-bezier(0, 1, 0, 1) key-trolley-move-l2r;
}
.show-obsv-trolley img  {
  animation: 3s forwards cubic-bezier(0, 1, 0, 1) key-trolley-move-b2t;
}

@keyframes key-trolley-move-l2r   {
  0%  {
    transform: translateX(-200px);
  }
  100%  {
    transform: translateX(0px);
  }
}

@keyframes key-trolley-move-b2t   {
  0%  {
    transform: translateY(200px);
  }
  100%  {
    transform: translateY(0px);
  }
}
/**==================================================
*5| SECTION ACTION END
==================================================*/
.show-obsv-action-end-section  {
  opacity: 1;
}
.show-obsv-action-end-section .linkaction-end__caption  {
  animation: 2s forwards cubic-bezier(0, 1, 0, 1) key-public-fadein;
}
.show-obsv-action-end-section .linkaction-end__visual  {
  animation: 2s forwards cubic-bezier(0, 1, 0, 1) key-action-end-dk-appear;
}
.show-obsv-action-end-section .linkaction-end__btn  {
  animation: 2s forwards cubic-bezier(0, 1, 0, 1) key-public-fadein;
}

@keyframes key-action-end-dk-appear   {
  0%  {
    opacity: 0;
    transform: translate(100px, 100px);
  }
  100%  {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/**==================================================
*6| SECTION TRANSFORM
==================================================*/
.show-obsv-transform-kong  {
  opacity: 1;
}
.show-obsv-transform-kong .tffixslide__visual picture  {
  animation: 0.5s forwards cubic-bezier(0, 1, 0, 1) key-transform-visual-appear;
}
.show-obsv-transform-zebra  {
  opacity: 1;
}
.show-obsv-transform-zebra .tffixslide__visual picture  {
  animation: 0.5s forwards cubic-bezier(0, 1, 0, 1) key-transform-visual-appear;
}
.show-obsv-transform-ostrich  {
  opacity: 1;
}
.show-obsv-transform-ostrich .tffixslide__visual picture  {
  animation: 0.5s forwards cubic-bezier(0, 1, 0, 1) key-transform-visual-appear;
}

@keyframes key-transform-visual-appear   {
  0%  {
    opacity: 0;
    transform: scale(0);
  }
  100%  {
    opacity: 1;
    transform: scale(1);
  }
}
.header[data-astro-cid-xbstl6g3] {
  width:100%;
  height:auto;
  background:red;
  z-index:100;
  position:relative;
  transition:0.5s;
  opacity:1
}
.header-inactive[data-astro-cid-xbstl6g3] {
  transform:translateY(-30px);
  opacity:0
}
.nc-sw2-header[data-astro-cid-xbstl6g3] {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  height:64px;
  margin:0;
  background-color:#e60012
}
.nc-sw2-header-logo[data-astro-cid-xbstl6g3] {
  display:block;
  width:64px
}
.nc-sw2-header-logo[data-astro-cid-xbstl6g3] img[data-astro-cid-xbstl6g3] {
  vertical-align:bottom
}

@media screen and (max-width: 759.98px) {
  .nc-sw2-header[data-astro-cid-xbstl6g3] {
    height:72px
  }
}

@keyframes hoverSway  {
  0% {
    transform:translateY(1px)
  }
  49% {
    transform:translateY(1px)
  }
  50% {
    transform:translateY(0px)
  }
  100% {
    transform:translateY(0px)
  }
}
html {
  width:100%;
  height:100dvh;
  overflow-x:clip;
  scroll-behavior:smooth;
  scrollbar-gutter:stable;
  scrollbar-gutter:stable
}
body {
  width:100vw;
  max-width:100%;
  background:black;
  overflow:clip;
  scrollbar-gutter:stable;
  -webkit-tap-highlight-color:transparent
}
body::before {
  content:"";
  display:block;
  width:100%;
  height:100dvh;
  background-image:url(/jp/games/switch2/aaaca/assets/webp/g_bg.webp);
  background-size:cover;
  background-position:center;
  position:fixed;
  top:0;
  left:0;
  z-index:-1
}

@media screen and (max-width:759.98px) {
  body::before {
    background-image:url(/jp/games/switch2/aaaca/assets/webp/g_bg_sp.webp);
    background-size:cover;
    background-position:center
  }
}