@charset "UTF-8";
:root {
  --screen-height:100vh; }

/*********************************************************************
 * Hover Scale系.
 *********************************************************************/
@-webkit-keyframes hover-scale {
  0%, 50%, 70% {
    -webkit-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0); }
  10% {
    -webkit-transform: scale(1.15, 1.15) translate(0, 0);
            transform: scale(1.15, 1.15) translate(0, 0); }
  30% {
    -webkit-transform: scale(0.95, 0.95) translate(0, 0);
            transform: scale(0.95, 0.95) translate(0, 0); } }
@keyframes hover-scale {
  0%, 50%, 70% {
    -webkit-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0); }
  10% {
    -webkit-transform: scale(1.15, 1.15) translate(0, 0);
            transform: scale(1.15, 1.15) translate(0, 0); }
  30% {
    -webkit-transform: scale(0.95, 0.95) translate(0, 0);
            transform: scale(0.95, 0.95) translate(0, 0); } }

@-webkit-keyframes hover-scale-small {
  0%, 50%, 70% {
    -webkit-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0); }
  10% {
    -webkit-transform: scale(1.01, 1.01) translate(0, 0);
            transform: scale(1.01, 1.01) translate(0, 0); }
  30% {
    -webkit-transform: scale(0.99, 0.99) translate(0, 0);
            transform: scale(0.99, 0.99) translate(0, 0); } }

@keyframes hover-scale-small {
  0%, 50%, 70% {
    -webkit-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0); }
  10% {
    -webkit-transform: scale(1.01, 1.01) translate(0, 0);
            transform: scale(1.01, 1.01) translate(0, 0); }
  30% {
    -webkit-transform: scale(0.99, 0.99) translate(0, 0);
            transform: scale(0.99, 0.99) translate(0, 0); } }

@-webkit-keyframes pin-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  70% {
    opacity: 1;
    -webkit-transform: translateY(-7%);
            transform: translateY(-7%); }
  75% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@keyframes pin-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  70% {
    opacity: 1;
    -webkit-transform: translateY(-7%);
            transform: translateY(-7%); }
  75% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@-webkit-keyframes shadow-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15%) translateX(40%);
            transform: translateY(-15%) translateX(40%); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-5%) translateX(15%);
            transform: translateY(-5%) translateX(15%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  70% {
    opacity: 1;
    -webkit-transform: translateY(-3%) translateX(7%);
            transform: translateY(-3%) translateX(7%); }
  75% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); } }

@keyframes shadow-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15%) translateX(40%);
            transform: translateY(-15%) translateX(40%); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-5%) translateX(15%);
            transform: translateY(-5%) translateX(15%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  70% {
    opacity: 1;
    -webkit-transform: translateY(-3%) translateX(7%);
            transform: translateY(-3%) translateX(7%); }
  75% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); } }

/*********************************************************************
 * Bounce系.
 *********************************************************************/
@-webkit-keyframes bounce-delay {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  79% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  80% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  83% {
    -webkit-transform: scale(0.95, 0.95);
            transform: scale(0.95, 0.95); }
  86% {
    -webkit-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05); }
  89% {
    -webkit-transform: scale(0.98, 0.98);
            transform: scale(0.98, 0.98); }
  92% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }
@keyframes bounce-delay {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  79% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  80% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  83% {
    -webkit-transform: scale(0.95, 0.95);
            transform: scale(0.95, 0.95); }
  86% {
    -webkit-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05); }
  89% {
    -webkit-transform: scale(0.98, 0.98);
            transform: scale(0.98, 0.98); }
  92% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  40% {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%); }
  70% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  80% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bounce {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  40% {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%); }
  70% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  80% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes bounce-small {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  40% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%); }
  70% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  80% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bounce-small {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  40% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%); }
  70% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  80% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes bounce-shadow {
  0% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  40% {
    -webkit-transform: translateX(20%) translateY(-10%);
            transform: translateX(20%) translateY(-10%); }
  70% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  80% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  100% {
    -webkit-transform: translateX(0%) translateY(0);
            transform: translateX(0%) translateY(0); } }

@keyframes bounce-shadow {
  0% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  40% {
    -webkit-transform: translateX(20%) translateY(-10%);
            transform: translateX(20%) translateY(-10%); }
  70% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  80% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  100% {
    -webkit-transform: translateX(0%) translateY(0);
            transform: translateX(0%) translateY(0); } }

@-webkit-keyframes bounce-cloud {
  0% {
    -webkit-transform: translateX(50%) scale(1.05);
            transform: translateX(50%) scale(1.05); }
  50% {
    -webkit-transform: translateX(50%) scale(1);
            transform: translateX(50%) scale(1); }
  100% {
    -webkit-transform: translateX(50%) scale(1.05);
            transform: translateX(50%) scale(1.05); } }

@keyframes bounce-cloud {
  0% {
    -webkit-transform: translateX(50%) scale(1.05);
            transform: translateX(50%) scale(1.05); }
  50% {
    -webkit-transform: translateX(50%) scale(1);
            transform: translateX(50%) scale(1); }
  100% {
    -webkit-transform: translateX(50%) scale(1.05);
            transform: translateX(50%) scale(1.05); } }

@-webkit-keyframes bounce-arrow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bounce-arrow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes bounce-arrow-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(50%);
            transform: translateY(50%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(50%);
            transform: translateY(50%); } }

@keyframes bounce-arrow-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(50%);
            transform: translateY(50%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(50%);
            transform: translateY(50%); } }

@-webkit-keyframes top-current-position {
  0% {
    opacity: .5;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(39px);
            transform: translateY(39px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(39px);
            transform: translateY(39px); } }

@keyframes top-current-position {
  0% {
    opacity: .5;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(39px);
            transform: translateY(39px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(39px);
            transform: translateY(39px); } }

@-webkit-keyframes top-current-position-sp {
  0% {
    opacity: .5;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(10.5vw);
            transform: translateY(10.5vw); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10.5vw);
            transform: translateY(10.5vw); } }

@keyframes top-current-position-sp {
  0% {
    opacity: .5;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(10.5vw);
            transform: translateY(10.5vw); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10.5vw);
            transform: translateY(10.5vw); } }

@-webkit-keyframes intro-logo-bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes intro-logo-bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes FloatHorizontal {
  0% {
    -webkit-transform: translate3d(2.5vw, 0, 0);
            transform: translate3d(2.5vw, 0, 0); }
  50% {
    -webkit-transform: translate3d(-2.5vw, 0, 0);
            transform: translate3d(-2.5vw, 0, 0); }
  100% {
    -webkit-transform: translate3d(2.5vw, 0, 0);
            transform: translate3d(2.5vw, 0, 0); } }

@keyframes FloatHorizontal {
  0% {
    -webkit-transform: translate3d(2.5vw, 0, 0);
            transform: translate3d(2.5vw, 0, 0); }
  50% {
    -webkit-transform: translate3d(-2.5vw, 0, 0);
            transform: translate3d(-2.5vw, 0, 0); }
  100% {
    -webkit-transform: translate3d(2.5vw, 0, 0);
            transform: translate3d(2.5vw, 0, 0); } }

@-webkit-keyframes FloatVertical {
  0% {
    -webkit-transform: translate3d(-50%, 0px, 0);
            transform: translate3d(-50%, 0px, 0); }
  50% {
    -webkit-transform: translate3d(-50%, -20px, 0);
            transform: translate3d(-50%, -20px, 0); }
  100% {
    -webkit-transform: translate3d(-50%, 0px, 0);
            transform: translate3d(-50%, 0px, 0); } }

@keyframes FloatVertical {
  0% {
    -webkit-transform: translate3d(-50%, 0px, 0);
            transform: translate3d(-50%, 0px, 0); }
  50% {
    -webkit-transform: translate3d(-50%, -20px, 0);
            transform: translate3d(-50%, -20px, 0); }
  100% {
    -webkit-transform: translate3d(-50%, 0px, 0);
            transform: translate3d(-50%, 0px, 0); } }

@-webkit-keyframes wrong-anim {
  0% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@keyframes wrong-anim {
  0% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

/************************************************************************
 * News Event css
 *************************************************************************/
body {
  background: url("/special/virtual-exhibition-2026/assets/img/news-event/bg_illust_top_01_sp.jpg") no-repeat center 16vw/contain; }
  @media screen and (min-width: 813px) {
    body {
      background-image: url("/special/virtual-exhibition-2026/assets/img/news-event/bg_illust_top_01_pc.jpg");
      background-position-y: top;
      background-size: 1366px auto; } }
  @media screen and (min-width: 1366px) {
    body {
      background-size: contain; } }

.global-container {
  position: relative; }

.news {
  position: relative;
  z-index: 1;
  padding-bottom: 2.66667vw; }
  @media screen and (min-width: 813px) {
    .news {
      padding-bottom: 0; } }

.news_tab-list {
  margin-top: 8vw; }
  @media screen and (min-width: 813px) {
    .news_tab-list {
      margin-top: 110px; } }

.news_card-list {
  margin-top: 13.86667vw; }
  @media screen and (min-width: 813px) {
    .news_card-list {
      margin-top: 113px; } }

.news_more-btn {
  margin-top: 16vw; }
  @media screen and (min-width: 813px) {
    .news_more-btn {
      margin-top: 80px; } }

/*# sourceMappingURL=../maps/news-event/news-event.css.map */