@charset "UTF-8";
/*
$imgDir: "/test_ida/cs_baseball/common/limited_time_prj/baseball_2020/img/";
*/
#baseball_effect_wrapper {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #000;
  z-index: 10000; }
  #baseball_effect_wrapper #pc_back {
    display: none; }
  #baseball_effect_wrapper #tv_wrapper {
    width: 100vw;
    height: 66.67vw;
    position: relative; }
    #baseball_effect_wrapper #tv_wrapper #tv_area {
      width: 61vw;
      height: 48.8vw;
      position: absolute;
      top: 7vw;
      left: 9vw;
      background-color: #333333;
      overflow: hidden;
      background-image: url("/common/limited_time_prj/baseball_2020/img/monitor.png");
      background-size: 100% 100%; }
      #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen {
        position: absolute;
        top: 0;
        left: 0;
        /*
    width: 100vw;
    height: 80vw;
    */
        width: 61vw;
        height: 48.8vw;
        opacity: 0; }
        #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main {
          position: absolute;
          top: 0;
          left: 0;
          /*
    width: 100vw;
    height: 80vw;
    */
          width: 61vw;
          height: 48.8vw;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          /* 昼間背景 */
          /* 夜間背景 */
          /* 野球場 */
          /* ボール */
          /* ロゴ */ }
          #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main img {
            width: 100%;
            height: auto; }
          #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .background_daytime {
            position: absolute;
            top: 0;
            left: 0;
            /*
    width: 100vw;
    height: 80vw;
    */
            width: 61vw;
            height: 48.8vw;
            display: none;
            overflow: hidden; }
            #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .background_daytime .daytime_stadium {
              position: absolute;
              top: 0;
              left: 0;
              /*
    width: 100vw;
    height: 80vw;
    */
              width: 61vw;
              height: 48.8vw;
              /*
                            width: 144vw;
                            height: 80vw;
                            */
              width: 87.84vw;
              height: 48.8vw;
              background-image: url("/common/limited_time_prj/baseball_2020/img/daytime.png");
              background-size: contain;
              background-position: center;
              background-repeat: no-repeat;
              -webkit-transition: -webkit-transform 10s linear;
              transition: -webkit-transform 10s linear;
              -o-transition: transform 10s linear;
              transition: transform 10s linear;
              transition: transform 10s linear, -webkit-transform 10s linear; }
              #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .background_daytime .daytime_stadium.action {
                /*
                                transform: translateX(-44vw);
                                */
                -webkit-transform: translateX(-16.84vw);
                    -ms-transform: translateX(-16.84vw);
                        transform: translateX(-16.84vw); }
            #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .background_daytime.show {
              display: block; }
          #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .background_nighttime {
            position: absolute;
            top: 0;
            left: 0;
            /*
    width: 100vw;
    height: 80vw;
    */
            width: 61vw;
            height: 48.8vw;
            background-color: #333333;
            display: none;
            overflow: hidden; }
            #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .background_nighttime.show {
              display: block; }
            #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .background_nighttime .starlit_sky {
              position: absolute;
              top: 0;
              left: 0;
              /*
    width: 100vw;
    height: 80vw;
    */
              width: 61vw;
              height: 48.8vw;
              background-image: url("/common/limited_time_prj/baseball_2020/img/starlit_sky.png");
              background-position: center;
              background-size: contain; }
              #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .background_nighttime .starlit_sky.action {
                -webkit-transform: scale(3);
                    -ms-transform: scale(3);
                        transform: scale(3);
                -webkit-transition: -webkit-transform 15s;
                transition: -webkit-transform 15s;
                -o-transition: transform 15s;
                transition: transform 15s;
                transition: transform 15s, -webkit-transform 15s; }
            #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .background_nighttime .star_area {
              position: absolute;
              top: 0;
              left: 0;
              /*
    width: 100vw;
    height: 80vw;
    */
              width: 61vw;
              height: 48.8vw; }
              #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .background_nighttime .star_area .star {
                position: absolute;
                top: 0;
                left: 0;
                /*
    width: 100vw;
    height: 80vw;
    */
                width: 61vw;
                height: 48.8vw;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                -webkit-box-align: center;
                -webkit-align-items: center;
                    -ms-flex-align: center;
                        align-items: center; }
                #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .background_nighttime .star_area .star img {
                  -webkit-transform: translateX(0) scale(0.2);
                      -ms-transform: translateX(0) scale(0.2);
                          transform: translateX(0) scale(0.2);
                  width: 10px;
                  height: 10px;
                  opacity: 0; }
                #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .background_nighttime .star_area .star.action img {
                  opacity: 1;
                  -webkit-transform: translateX(-100vw) scale(1.5);
                      -ms-transform: translateX(-100vw) scale(1.5);
                          transform: translateX(-100vw) scale(1.5);
                  -webkit-transition: opacity 0.5s, -webkit-transform 5s;
                  transition: opacity 0.5s, -webkit-transform 5s;
                  -o-transition: transform 5s, opacity 0.5s;
                  transition: transform 5s, opacity 0.5s;
                  transition: transform 5s, opacity 0.5s, -webkit-transform 5s; }
            #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .background_nighttime .shine_wrap {
              position: absolute;
              top: 0;
              left: 0;
              /*
    width: 100vw;
    height: 80vw;
    */
              width: 61vw;
              height: 48.8vw;
              /*
                            width: 160vw;
                            height: 160vw;
                            */
              width: 97.6vw;
              height: 97.6vw;
              top: 50%;
              left: 50%;
              -webkit-transform: translateX(-50%) translateY(-50%);
                  -ms-transform: translateX(-50%) translateY(-50%);
                      transform: translateX(-50%) translateY(-50%); }
              #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .background_nighttime .shine_wrap .shine_area {
                /*
                                width: 160vw;
                                height: 160vw;
                                */
                width: 97.6vw;
                height: 97.6vw;
                -webkit-animation: rolling_anime_effect 3s linear infinite forwards;
                        animation: rolling_anime_effect 3s linear infinite forwards;
                background-image: url("/common/limited_time_prj/baseball_2020/img/shine.png");
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                opacity: 0.2; }
          #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .stadium_wrap {
            position: absolute;
            top: 0;
            left: 0;
            /*
    width: 100vw;
    height: 80vw;
    */
            width: 61vw;
            height: 48.8vw; }
            #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .stadium_wrap .stadium_inner_1 {
              position: absolute;
              top: 0;
              left: 0;
              /*
    width: 100vw;
    height: 80vw;
    */
              width: 61vw;
              height: 48.8vw;
              /*
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            */ }
              #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .stadium_wrap .stadium_inner_1 .stadium_inner_2 {
                position: absolute;
                top: 0;
                left: 0;
                /*
    width: 100vw;
    height: 80vw;
    */
                width: 61vw;
                height: 48.8vw;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                -webkit-box-align: center;
                -webkit-align-items: center;
                    -ms-flex-align: center;
                        align-items: center; }
                #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .stadium_wrap .stadium_inner_1 .stadium_inner_2 .stadium {
                  background-image: url("/common/limited_time_prj/baseball_2020/img/stadium.png");
                  width: 90vw;
                  height: 90vw;
                  background-size: contain;
                  background-position: center;
                  background-repeat: no-repeat; }
            #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .stadium_wrap.action {
              -webkit-animation: stadium_anime_effect_move_x 1s linear 1 forwards;
                      animation: stadium_anime_effect_move_x 1s linear 1 forwards; }
              #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .stadium_wrap.action .stadium_inner_1 {
                -webkit-animation: stadium_anime_effect_move_y 1s cubic-bezier(0.42, -1.54, 0.83, 0.67) 1 forwards;
                        animation: stadium_anime_effect_move_y 1s cubic-bezier(0.42, -1.54, 0.83, 0.67) 1 forwards; }
                #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .stadium_wrap.action .stadium_inner_1 .stadium_inner_2 {
                  -webkit-animation: stadium_anime_effect_zoom 1s cubic-bezier(0.42, -1.54, 0.83, 0.67) 1 forwards;
                          animation: stadium_anime_effect_zoom 1s cubic-bezier(0.42, -1.54, 0.83, 0.67) 1 forwards; }
                  #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .stadium_wrap.action .stadium_inner_1 .stadium_inner_2 .stadium {
                    -webkit-animation: stadium_anime_effect_rotate 0.7s linear 0.3s 1 forwards;
                            animation: stadium_anime_effect_rotate 0.7s linear 0.3s 1 forwards; }
          #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .ball_wrap {
            position: absolute;
            top: 0;
            left: 0;
            /*
    width: 100vw;
    height: 80vw;
    */
            width: 61vw;
            height: 48.8vw;
            -webkit-transform: translateX(45%);
                -ms-transform: translateX(45%);
                    transform: translateX(45%); }
            #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .ball_wrap .ball_inner {
              position: absolute;
              top: 0;
              left: 0;
              /*
    width: 100vw;
    height: 80vw;
    */
              width: 61vw;
              height: 48.8vw; }
              #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .ball_wrap .ball_inner .ball_inner_2 {
                position: absolute;
                top: 0;
                left: 0;
                /*
    width: 100vw;
    height: 80vw;
    */
                width: 61vw;
                height: 48.8vw; }
                #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .ball_wrap .ball_inner .ball_inner_2 .ball {
                  position: absolute;
                  top: 0;
                  left: 0;
                  /*
    width: 100vw;
    height: 80vw;
    */
                  width: 61vw;
                  height: 48.8vw;
                  background-image: url("/common/limited_time_prj/baseball_2020/img/ball.png");
                  /*
                                    width: 50vw;
                                    height: 50vw;
                                    */
                  background-size: contain;
                  background-repeat: no-repeat;
                  /*
                                    top: 5vw;
                                    left: 5vw;
                                    */
                  -webkit-transform: scale(0.01);
                      -ms-transform: scale(0.01);
                          transform: scale(0.01);
                  opacity: 0;
                  width: 30.5vw;
                  height: 30.5vw;
                  top: 3.05vw;
                  left: 3.05vw; }
            #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .ball_wrap.action {
              -webkit-transform: translateX(45%);
                  -ms-transform: translateX(45%);
                      transform: translateX(45%);
              -webkit-animation: ball_anime_effect_move_x 0.5s linear 1 forwards;
                      animation: ball_anime_effect_move_x 0.5s linear 1 forwards; }
              #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .ball_wrap.action .ball_inner {
                -webkit-animation: ball_anime_effect_move_y 0.5s cubic-bezier(0.82, -1.57, 0.96, 0.51) 1 forwards;
                        animation: ball_anime_effect_move_y 0.5s cubic-bezier(0.82, -1.57, 0.96, 0.51) 1 forwards; }
                #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .ball_wrap.action .ball_inner .ball_inner_2 {
                  -webkit-animation: ball_anime_effect_zoom 0.5s cubic-bezier(0.77, 1.27, 0.83, 1.54) 1 forwards;
                          animation: ball_anime_effect_zoom 0.5s cubic-bezier(0.77, 1.27, 0.83, 1.54) 1 forwards; }
                  #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .ball_wrap.action .ball_inner .ball_inner_2 .ball {
                    -webkit-animation: ball_anime_effect_rotate 0.5s linear 1 forwards;
                            animation: ball_anime_effect_rotate 0.5s linear 1 forwards;
                    opacity: 1; }
          #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .logo_wrap {
            position: absolute;
            top: 0;
            left: 0;
            /*
    width: 100vw;
    height: 80vw;
    */
            width: 61vw;
            height: 48.8vw; }
            #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .logo_wrap .logo_inner {
              position: absolute;
              top: 0;
              left: 0;
              /*
    width: 100vw;
    height: 80vw;
    */
              width: 61vw;
              height: 48.8vw; }
              #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .logo_wrap .logo_inner .logo {
                background-image: url("/common/limited_time_prj/baseball_2020/img/logo.png");
                /*
                                width: 90vw;
                                height: 45vw;
                                */
                background-size: contain;
                background-repeat: no-repeat;
                position: absolute;
                /*
                                bottom: 2vw;
                                right: -3vw;
                                */
                -webkit-transform: translateY(-100vh);
                    -ms-transform: translateY(-100vh);
                        transform: translateY(-100vh);
                width: 54.9vw;
                height: 27.45vw;
                bottom: 1.22vw;
                right: -1.83vw; }
            #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_main .logo_wrap.action .logo_inner .logo {
              -webkit-animation: logo_anime_effect 0.8s linear 1 forwards;
                      animation: logo_anime_effect 0.8s linear 1 forwards; }
        #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_noise {
          position: absolute;
          top: 0;
          left: 0;
          /*
    width: 100vw;
    height: 80vw;
    */
          width: 61vw;
          height: 48.8vw; }
          #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_noise .side {
            position: absolute;
            top: 0;
            left: 0;
            /*
    width: 100vw;
    height: 80vw;
    */
            width: 61vw;
            height: 48.8vw;
            background-image: url("/common/limited_time_prj/baseball_2020/img/side.png");
            background-size: 100% 100%; }
          #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_noise .screen_noise {
            position: absolute;
            top: 0;
            left: 0;
            /*
    width: 100vw;
    height: 80vw;
    */
            width: 61vw;
            height: 48.8vw;
            background-image: url("/common/limited_time_prj/baseball_2020/img/noize_01.png");
            background-size: 500vw 100vh;
            -webkit-animation: step_anime_effect 0.3s steps(4) infinite forwards;
                    animation: step_anime_effect 0.3s steps(4) infinite forwards;
            opacity: 0.2; }
          #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_noise .scan {
            position: absolute;
            top: 0;
            left: 0;
            /*
    width: 100vw;
    height: 80vw;
    */
            width: 61vw;
            height: 48.8vw;
            background-image: url("/common/limited_time_prj/baseball_2020/img/scan_ptn.png");
            opacity: 0.2; }
          #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_noise .reflect {
            position: absolute;
            top: 0;
            left: 0;
            /*
    width: 100vw;
    height: 80vw;
    */
            width: 61vw;
            height: 48.8vw;
            background-image: url("/common/limited_time_prj/baseball_2020/img/monitor_reflect.png");
            background-size: 100vw 80vw;
            background-position: center;
            background-repeat: no-repeat;
            opacity: 0.1; }
        #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen #tv_turnoff {
          position: absolute;
          top: 0;
          left: 0;
          /*
    width: 100vw;
    height: 80vw;
    */
          width: 61vw;
          height: 48.8vw;
          background-color: #ffffff;
          /*opacity: 0;*/
          opacity: 1;
          -webkit-transition: opacity 0.2s;
          -o-transition: opacity 0.2s;
          transition: opacity 0.2s; }
        #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen.turnon {
          -webkit-animation: turnon_anime_effect 0.2s linear 1 forwards;
                  animation: turnon_anime_effect 0.2s linear 1 forwards;
          opacity: 1; }
          #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen.turnon #tv_turnoff {
            opacity: 0;
            -webkit-transition: opacity 0.2s;
            -o-transition: opacity 0.2s;
            transition: opacity 0.2s; }
        #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen.turnoff {
          -webkit-animation: turnoff_anime_effect 0.2s linear 1 forwards;
                  animation: turnoff_anime_effect 0.2s linear 1 forwards; }
          #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen.turnoff #tv_turnoff {
            opacity: 1;
            -webkit-transition: opacity 0.2s;
            -o-transition: opacity 0.2s;
            transition: opacity 0.2s; }
        #baseball_effect_wrapper #tv_wrapper #tv_area #tv_screen.hide {
          opacity: 0;
          -webkit-transition: opacity 0.3s;
          -o-transition: opacity 0.3s;
          transition: opacity 0.3s; }
    #baseball_effect_wrapper #tv_wrapper #tv_flame {
      width: 100vw;
      height: 66.67vw;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      #baseball_effect_wrapper #tv_wrapper #tv_flame img {
        width: 100vw;
        height: auto; }
    #baseball_effect_wrapper #tv_wrapper.zoom_in {
      -webkit-animation: zoom_in_effect 2.5s cubic-bezier(0.93, 0.15, 0.84, 0.58) 1 forwards;
              animation: zoom_in_effect 2.5s cubic-bezier(0.93, 0.15, 0.84, 0.58) 1 forwards; }
  #baseball_effect_wrapper #effect_cover {
    position: absolute;
    top: 0;
    left: 0;
    /*
    width: 100vw;
    height: 80vw;
    */
    width: 61vw;
    height: 48.8vw;
    width: 100vw;
    height: 100vh; }
    #baseball_effect_wrapper #effect_cover .cover_black {
      position: absolute;
      top: 0;
      left: 0;
      /*
    width: 100vw;
    height: 80vw;
    */
      width: 61vw;
      height: 48.8vw;
      width: 100vw;
      height: 100vh;
      background-color: #000; }
      #baseball_effect_wrapper #effect_cover .cover_black.hide {
        opacity: 0;
        -webkit-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        transition: opacity 0.5s; }
    #baseball_effect_wrapper #effect_cover .cover_white {
      position: absolute;
      top: 0;
      left: 0;
      /*
    width: 100vw;
    height: 80vw;
    */
      width: 61vw;
      height: 48.8vw;
      width: 100vw;
      height: 100vh;
      background-color: #fff;
      opacity: 0; }
      #baseball_effect_wrapper #effect_cover .cover_white.show {
        opacity: 1;
        -webkit-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        transition: opacity 0.5s; }
  #baseball_effect_wrapper.hide {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s; }

/* PC表示 */
#baseball_effect_wrapper.pc_view #pc_back {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/common/limited_time_prj/baseball_2020/img/back.png");
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center; }
  #baseball_effect_wrapper.pc_view #pc_back .cover {
    background: -o-radial-gradient(rgba(0, 0, 0, 0), #000000);
    background: radial-gradient(rgba(0, 0, 0, 0), #000000);
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#baseball_effect_wrapper.pc_view #tv_wrapper {
  position: relative;
  width: 1200px;
  height: 797px; }
  #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area {
    width: 600px;
    height: 480px;
    position: absolute;
    /*
            top: 113px;
            left: 203px;
            */
    top: 130px;
    left: 195px; }
    #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen {
      position: absolute;
      top: 0;
      left: 0;
      width: 600px;
      height: 480px; }
      #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main {
        position: absolute;
        top: 0;
        left: 0;
        width: 600px;
        height: 480px;
        /* 昼間背景 */
        /* 夜間背景 */
        /* 野球場 */
        /* ボール */
        /* ロゴ */ }
        #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .background_daytime {
          position: absolute;
          top: 0;
          left: 0;
          width: 600px;
          height: 480px; }
          #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .background_daytime .daytime_stadium {
            width: 864px;
            height: 480px; }
            #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .background_daytime .daytime_stadium.action {
              -webkit-transform: translateX(-264px);
                  -ms-transform: translateX(-264px);
                      transform: translateX(-264px); }
        #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .background_nighttime {
          position: absolute;
          top: 0;
          left: 0;
          width: 600px;
          height: 480px; }
          #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .background_nighttime .starlit_sky {
            position: absolute;
            top: 0;
            left: 0;
            width: 600px;
            height: 480px; }
          #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .background_nighttime .star_area {
            position: absolute;
            top: 0;
            left: 0;
            width: 600px;
            height: 480px; }
            #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .background_nighttime .star_area .star {
              position: absolute;
              top: 0;
              left: 0;
              width: 600px;
              height: 480px; }
              #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .background_nighttime .star_area .star img {
                width: 10px;
                height: 10px; }
              #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .background_nighttime .star_area .star.action img {
                -webkit-transform: translateX(-600px) scale(1.5);
                    -ms-transform: translateX(-600px) scale(1.5);
                        transform: translateX(-600px) scale(1.5); }
          #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .background_nighttime .shine_wrap {
            width: 960px;
            height: 960px; }
            #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .background_nighttime .shine_wrap .shine_area {
              width: 960px;
              height: 960px; }
        #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .stadium_wrap {
          position: absolute;
          top: 0;
          left: 0;
          width: 600px;
          height: 480px; }
          #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .stadium_wrap .stadium_inner_1 {
            position: absolute;
            top: 0;
            left: 0;
            width: 600px;
            height: 480px; }
            #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .stadium_wrap .stadium_inner_1 .stadium_inner_2 {
              position: absolute;
              top: 0;
              left: 0;
              width: 600px;
              height: 480px; }
              #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .stadium_wrap .stadium_inner_1 .stadium_inner_2 .stadium {
                background-image: url("/common/limited_time_prj/baseball_2020/img/stadium.png");
                width: 540px;
                height: 540px; }
        #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .ball_wrap {
          position: absolute;
          top: 0;
          left: 0;
          width: 600px;
          height: 480px; }
          #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .ball_wrap .ball_inner {
            position: absolute;
            top: 0;
            left: 0;
            width: 600px;
            height: 480px; }
            #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .ball_wrap .ball_inner .ball_inner_2 {
              position: absolute;
              top: 0;
              left: 0;
              width: 600px;
              height: 480px; }
              #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .ball_wrap .ball_inner .ball_inner_2 .ball {
                position: absolute;
                top: 0;
                left: 0;
                width: 600px;
                height: 480px;
                width: 300px;
                height: 300px;
                top: 30px;
                left: 30px; }
        #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .logo_wrap {
          position: absolute;
          top: 0;
          left: 0;
          width: 600px;
          height: 480px; }
          #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .logo_wrap .logo_inner {
            position: absolute;
            top: 0;
            left: 0;
            width: 600px;
            height: 480px; }
            #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_main .logo_wrap .logo_inner .logo {
              width: 540px;
              height: 270px;
              bottom: 12px;
              right: -18px;
              -webkit-transform: translateY(-100vh);
                  -ms-transform: translateY(-100vh);
                      transform: translateY(-100vh); }
      #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_noise {
        position: absolute;
        top: 0;
        left: 0;
        width: 600px;
        height: 480px; }
        #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_noise .side {
          position: absolute;
          top: 0;
          left: 0;
          width: 600px;
          height: 480px; }
        #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_noise .screen_noise {
          position: absolute;
          top: 0;
          left: 0;
          width: 600px;
          height: 480px;
          background-size: 3000px 480px; }
        #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_noise .scan {
          position: absolute;
          top: 0;
          left: 0;
          width: 600px;
          height: 480px; }
        #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_noise .reflect {
          position: absolute;
          top: 0;
          left: 0;
          width: 600px;
          height: 480px;
          background-size: 600px 480px; }
      #baseball_effect_wrapper.pc_view #tv_wrapper #tv_area #tv_screen #tv_turnoff {
        position: absolute;
        top: 0;
        left: 0;
        width: 600px;
        height: 480px; }
  #baseball_effect_wrapper.pc_view #tv_wrapper #tv_flame {
    /*
            display: block;
            */
    position: absolute;
    top: 0;
    left: 0;
    width: 1200px;
    height: 797px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    #baseball_effect_wrapper.pc_view #tv_wrapper #tv_flame img {
      width: 1000px;
      height: auto; }

#baseball_effect_wrapper.pc_view #effect_cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 600px;
  height: 480px;
  width: 100vw;
  height: 100vh; }
  #baseball_effect_wrapper.pc_view #effect_cover .cover_black {
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    height: 480px;
    width: 100vw;
    height: 100vh; }
  #baseball_effect_wrapper.pc_view #effect_cover .cover_white {
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    height: 480px;
    width: 100vw;
    height: 100vh; }

/* ------------------------------------------------------- */
/* ステップアニメーション用 */
@-webkit-keyframes step_anime_effect {
  to {
    background-position-x: 100%; } }
@keyframes step_anime_effect {
  to {
    background-position-x: 100%; } }

/* 回転アニメーション用 */
@-webkit-keyframes rolling_anime_effect {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes rolling_anime_effect {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/* 野球場アニメーション用 */
@-webkit-keyframes stadium_anime_effect_move_x {
  to {
    -webkit-transform: translateX(25%);
            transform: translateX(25%); } }
@keyframes stadium_anime_effect_move_x {
  to {
    -webkit-transform: translateX(25%);
            transform: translateX(25%); } }

@-webkit-keyframes stadium_anime_effect_move_y {
  to {
    -webkit-transform: translatey(-20%);
            transform: translatey(-20%); } }

@keyframes stadium_anime_effect_move_y {
  to {
    -webkit-transform: translatey(-20%);
            transform: translatey(-20%); } }

@-webkit-keyframes stadium_anime_effect_zoom {
  to {
    -webkit-transform: scale(0.65);
            transform: scale(0.65); } }

@keyframes stadium_anime_effect_zoom {
  to {
    -webkit-transform: scale(0.65);
            transform: scale(0.65); } }

@-webkit-keyframes stadium_anime_effect_rotate {
  to {
    -webkit-transform: scaleY(0.8) rotate(-20deg);
            transform: scaleY(0.8) rotate(-20deg); } }

@keyframes stadium_anime_effect_rotate {
  to {
    -webkit-transform: scaleY(0.8) rotate(-20deg);
            transform: scaleY(0.8) rotate(-20deg); } }

/* ボールアニメーション用 */
@-webkit-keyframes ball_anime_effect_move_x {
  from {
    -webkit-transform: translateX(45%);
            transform: translateX(45%); }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); } }
@keyframes ball_anime_effect_move_x {
  from {
    -webkit-transform: translateX(45%);
            transform: translateX(45%); }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); } }

@-webkit-keyframes ball_anime_effect_move_y {
  from {
    -webkit-transform: translateY(-10vw);
            transform: translateY(-10vw); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes ball_anime_effect_move_y {
  from {
    -webkit-transform: translateY(-10vw);
            transform: translateY(-10vw); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes ball_anime_effect_zoom {
  from {
    -webkit-transform: scale(0.01);
            transform: scale(0.01); }
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball_anime_effect_zoom {
  from {
    -webkit-transform: scale(0.01);
            transform: scale(0.01); }
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes ball_anime_effect_rotate {
  from {
    /*transform: rotate(-1800deg);*/
    -webkit-transform: rotate(-900deg);
            transform: rotate(-900deg); }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes ball_anime_effect_rotate {
  from {
    /*transform: rotate(-1800deg);*/
    -webkit-transform: rotate(-900deg);
            transform: rotate(-900deg); }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

/* ロゴ */
@-webkit-keyframes logo_anime_effect {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
@keyframes logo_anime_effect {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

/* 画面をつけたときのエフェクト */
@-webkit-keyframes turnon_anime_effect {
  0% {
    -webkit-transform: scaleX(2) scaleY(0.005);
            transform: scaleX(2) scaleY(0.005); }
  30% {
    -webkit-transform: scaleX(0.3) scaleY(0.5);
            transform: scaleX(0.3) scaleY(0.5); }
  99% {
    -webkit-transform: scaleX(0.5) scaleY(1);
            transform: scaleX(0.5) scaleY(1); }
  100% {
    -webkit-transform: scaleX(1) scaleY(1);
            transform: scaleX(1) scaleY(1); } }
@keyframes turnon_anime_effect {
  0% {
    -webkit-transform: scaleX(2) scaleY(0.005);
            transform: scaleX(2) scaleY(0.005); }
  30% {
    -webkit-transform: scaleX(0.3) scaleY(0.5);
            transform: scaleX(0.3) scaleY(0.5); }
  99% {
    -webkit-transform: scaleX(0.5) scaleY(1);
            transform: scaleX(0.5) scaleY(1); }
  100% {
    -webkit-transform: scaleX(1) scaleY(1);
            transform: scaleX(1) scaleY(1); } }

/* 画面を消したときのエフェクト */
@-webkit-keyframes turnoff_anime_effect {
  0% {
    -webkit-transform: scaleX(0.5) scaleY(1);
            transform: scaleX(0.5) scaleY(1); }
  70% {
    -webkit-transform: scaleX(0.3) scaleY(0.5);
            transform: scaleX(0.3) scaleY(0.5); }
  100% {
    -webkit-transform: scaleX(2) scaleY(0.005);
            transform: scaleX(2) scaleY(0.005); } }
@keyframes turnoff_anime_effect {
  0% {
    -webkit-transform: scaleX(0.5) scaleY(1);
            transform: scaleX(0.5) scaleY(1); }
  70% {
    -webkit-transform: scaleX(0.3) scaleY(0.5);
            transform: scaleX(0.3) scaleY(0.5); }
  100% {
    -webkit-transform: scaleX(2) scaleY(0.005);
            transform: scaleX(2) scaleY(0.005); } }

/* 拡大するエフェクト */
@-webkit-keyframes zoom_in_effect {
  0% {
    -webkit-transform: scaleX(1) scaleY(1);
            transform: scaleX(1) scaleY(1); }
  /*
    60% {
        //opacity: 1;
        transform: scaleX(1.1) scaleY(1.1); 
    }
    */
  100% {
    -webkit-transform: scaleX(3.5) scaleY(3.5) translateX(20%);
            transform: scaleX(3.5) scaleY(3.5) translateX(20%); }
  /*
    100% {transform: scaleX(1) scaleY(1); }
    */ }
@keyframes zoom_in_effect {
  0% {
    -webkit-transform: scaleX(1) scaleY(1);
            transform: scaleX(1) scaleY(1); }
  /*
    60% {
        //opacity: 1;
        transform: scaleX(1.1) scaleY(1.1); 
    }
    */
  100% {
    -webkit-transform: scaleX(3.5) scaleY(3.5) translateX(20%);
            transform: scaleX(3.5) scaleY(3.5) translateX(20%); }
  /*
    100% {transform: scaleX(1) scaleY(1); }
    */ }

/*# sourceMappingURL=baseball_effect.css.map*/