@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; } }

.column-detail {
  display: none; }

.eventarchive-detail {
  display: none; }

/************************************************************************
 * News Event Detail 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 {
  padding-top: 13.33333vw;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(53.33333vw, transparent), color-stop(53.33333vw, #F8F8F8), color-stop(#F8F8F8), color-stop(transparent), to(transparent));
  background: linear-gradient(to bottom, transparent 53.33333vw, #F8F8F8 53.33333vw, #F8F8F8 calc(100% - 74.66667vw), transparent calc(100% - 74.66667vw), transparent 100%);
  position: relative; }
  @media screen and (min-width: 813px) {
    .global-container {
      padding-top: 100px;
      background: linear-gradient(to bottom, transparent 200px, #F8F8F8 200px, #F8F8F8 calc(100% - 500px), transparent calc(100% - 500px)); } }
  .global-container::before {
    content: "";
    background-image: url("/special/virtual-exhibition-2026/assets/img/common/bg-wave-head-03_sp.svg");
    background-size: 441.33333vw 44.8vw;
    background-repeat: no-repeat;
    background-position: center top;
    width: 441.33333vw;
    height: 44.8vw;
    display: block;
    position: relative;
    position: absolute;
    top: 18.66667vw;
    left: calc(50% + -35.73333vw);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media screen and (min-width: 813px) {
      .global-container::before {
        background-image: url("/special/virtual-exhibition-2026/assets/img/news-event/detail/bg-wave-head-03_pc.png");
        background-size: 2976px 302px;
        background-repeat: no-repeat;
        background-position: center top;
        width: 2976px;
        height: 302px;
        display: block;
        position: relative;
        background-position: left top;
        position: absolute;
        top: 60px;
        left: calc(50% + -450px); } }
  .is-Night .global-container {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(53.33333vw, transparent), color-stop(53.33333vw, #F8F8F8), color-stop(#F8F8F8), color-stop(transparent), to(transparent));
    background: linear-gradient(to bottom, transparent 53.33333vw, #F8F8F8 53.33333vw, #F8F8F8 calc(100% - 74.66667vw), transparent calc(100% - 74.66667vw), transparent 100%); }
    @media screen and (min-width: 813px) {
      .is-Night .global-container {
        background: linear-gradient(to bottom, transparent 200px, #F8F8F8 200px, #F8F8F8 calc(100% - 500px), transparent calc(100% - 500px)); } }
    .is-Night .global-container::before {
      background-image: url("/special/virtual-exhibition-2026/assets/img/common/bg-wave-head-03_sp.svg");
      background-size: 441.33333vw 44.8vw;
      background-repeat: no-repeat;
      background-position: center top;
      width: 441.33333vw;
      height: 44.8vw;
      display: block;
      position: relative;
      position: absolute; }
      @media screen and (min-width: 813px) {
        .is-Night .global-container::before {
          background-image: url("/special/virtual-exhibition-2026/assets/img/news-event/detail/bg-wave-head-03_pc.png");
          background-size: 2976px 302px;
          background-repeat: no-repeat;
          background-position: center top;
          width: 2976px;
          height: 302px;
          display: block;
          position: relative;
          background-position: left top;
          position: absolute;
          top: 60px;
          left: calc(50% + -450px); } }

.global-container-body {
  background: none; }
  .is-Night .global-container-body {
    background: none; }

.news-dt {
  position: relative;
  z-index: 1;
  padding-top: 36.33333vw; }
  @media screen and (min-width: 813px) {
    .news-dt {
      padding-top: 49px; } }

.news-dt_recommend {
  background-color: #aee400;
  margin-top: 38.4vw;
  padding-bottom: 2.66667vw;
  position: relative; }
  @media screen and (min-width: 813px) {
    .news-dt_recommend {
      margin-top: 259px;
      padding-bottom: 80px; } }
  .news-dt_recommend::before {
    content: "";
    background-image: url("/special/virtual-exhibition-2026/assets/img/news-event/detail/bg-wave-01_sp.svg");
    background-size: 441.33333vw 44.8vw;
    background-repeat: no-repeat;
    background-position: center top;
    width: 441.33333vw;
    height: 44.8vw;
    display: block;
    position: relative;
    position: absolute;
    top: -22.4vw;
    left: calc(50% + -35.73333vw);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media screen and (min-width: 813px) {
      .news-dt_recommend::before {
        background-image: url("/special/virtual-exhibition-2026/assets/img/news-event/detail/bg-wave-01_pc.svg");
        background-size: 3411px 302px;
        background-repeat: no-repeat;
        background-position: center top;
        width: 3411px;
        height: 302px;
        display: block;
        position: relative;
        position: absolute;
        top: -140px;
        left: calc(50% - 365px); } }
  .is-Night .news-dt_recommend {
    background-color: #00298C; }
    .is-Night .news-dt_recommend::before {
      background-image: url("/special/virtual-exhibition-2026/assets/img/news-event/detail/bg-wave-01-night_sp.svg");
      background-size: 441.33333vw 44.8vw;
      background-repeat: no-repeat;
      background-position: center top;
      width: 441.33333vw;
      height: 44.8vw;
      display: block;
      position: relative;
      position: absolute; }
      @media screen and (min-width: 813px) {
        .is-Night .news-dt_recommend::before {
          background-image: url("/special/virtual-exhibition-2026/assets/img/news-event/detail/bg-wave-01-night_pc.svg");
          background-size: 3411px 302px;
          background-repeat: no-repeat;
          background-position: center top;
          width: 3411px;
          height: 302px;
          display: block;
          position: relative;
          position: absolute; } }
  .news-dt_recommend-title {
    font-size: 4.53333vw;
    font-weight: 600;
    line-height: 1.94;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 10.93333vw; }
    @media screen and (min-width: 813px) {
      .news-dt_recommend-title {
        font-size: 24px;
        line-height: 1.75;
        margin-bottom: 90px; } }
    .is-Night .news-dt_recommend-title {
      color: #fff; }

.news-dt_recommend-inner {
  position: relative;
  z-index: 1; }

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