@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

body, * {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
  padding: 0;
  margin: 0;
  -webkit-text-size-adjust: 100%; }

.notavailable {
  display: none !important; }

/* 選手応援パネル mixin */
.notavailable {
  display: none !important; }

#wrapper main {
  /* 選手応援パネル */
  /* 特別応援パネル */
  /* スコア情報 */
  /* 抽選 */
  /* 選手プチ情報一覧パネル */
  /* 選手プチ情報パネル */
  /* 推しメン選択パネル */
  /* ----------------------------------------------- */
  /* ハーフタイムダイアログ */
  /* ----------------------------------------------- */
  /* ボーナスエフェクト　ピックアップ 演出パネル */
  /* ボーナスエフェクト　全員 演出パネル */
  /* ポイントボーナスエフェクトパネル */
  /* 特別応援 成功 エフェクトパネル */
  /* 特別応援 失敗 エフェクトパネル */
  /* ホワイトスクリーンパネル */
  /* 遊び方 */
  /* スタートパネル */
  /* チュートリアルパネル */
  /* 開始前パネル */
  /* 終了パネル */
  /* loadingパネル */
  /* --------------------------------------------------- */
  /* soon画面用 ----------------------------------------- */
  /* soonページパネル */
  /* PCの場合の注意 */
  /* --------------------------------------------------- */
  /* 共通 ----------------------------------------- */ }
  #wrapper main atricle {
    width: 100vw;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  #wrapper main #cheer_panel .bg {
    background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/bg.png?20221115");
    background-size: cover;
    background-position: top center;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10; }
  #wrapper main #cheer_panel .content {
    overflow: hidden;
    /* 推しメン */ }
    #wrapper main #cheer_panel .content .favorite_player_area {
      width: 100vw;
      height: 32vh;
      padding-bottom: 1.5vh;
      background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/bg_upper.png?20221115");
      background-size: cover;
      background-position: top center;
      position: relative; }
      #wrapper main #cheer_panel .content .favorite_player_area .title_area {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
            -ms-flex-align: end;
                align-items: flex-end;
        width: 90vw;
        margin: 0 auto;
        padding-top: 3vh; }
        #wrapper main #cheer_panel .content .favorite_player_area .title_area .title {
          width: 70%; }
          #wrapper main #cheer_panel .content .favorite_player_area .title_area .title img {
            margin: 0 auto;
            display: block;
            width: 100%;
            height: auto; }
        #wrapper main #cheer_panel .content .favorite_player_area .title_area .btn {
          width: 14%; }
          #wrapper main #cheer_panel .content .favorite_player_area .title_area .btn img {
            width: 100%;
            height: auto; }
      #wrapper main #cheer_panel .content .favorite_player_area ul {
        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;
        list-style: none;
        margin-top: 1.2vh; }
        #wrapper main #cheer_panel .content .favorite_player_area ul li {
          margin: 0 0.5vh;
          position: relative;
          width: 12vh;
          height: 14.72vh;
          pointer-events: all;
          cursor: pointer;
          /* 選択済 */
          /* 選択可 */
          /* 交代 */ }
          #wrapper main #cheer_panel .content .favorite_player_area ul li .base {
            position: absolute;
            top: 0;
            left: 0;
            width: 12vh;
            height: 14.72vh;
            background-color: #000000;
            color: #ffffff;
            font-size: 3.5vh;
            font-weight: bold;
            text-align: center;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center; }
            #wrapper main #cheer_panel .content .favorite_player_area ul li .base .caution {
              font-size: 0.8vh; }
          #wrapper main #cheer_panel .content .favorite_player_area ul li .selected_img {
            position: absolute;
            top: 0;
            left: 0;
            width: 12vh;
            height: 14.72vh;
            opacity: 0; }
            #wrapper main #cheer_panel .content .favorite_player_area ul li .selected_img img {
              width: 100%; }
            #wrapper main #cheer_panel .content .favorite_player_area ul li .selected_img .icon {
              position: absolute;
              top: 1.5vh;
              right: 0;
              width: 3.6vh;
              background-color: #c2992c;
              border-radius: 5px 0px 0px 5px;
              overflow: hidden; }
          #wrapper main #cheer_panel .content .favorite_player_area ul li .alert_msg {
            position: absolute;
            top: 0;
            left: 0;
            width: 12vh;
            height: 14.72vh;
            opacity: 0;
            background-color: rgba(0, 0, 0, 0.8);
            color: #ffffff;
            font-size: 2vh;
            font-weight: bold;
            line-height: 14.72vh;
            text-align: center; }
            #wrapper main #cheer_panel .content .favorite_player_area ul li .alert_msg.show {
              opacity: 1; }
          #wrapper main #cheer_panel .content .favorite_player_area ul li .change_msg {
            position: absolute;
            top: 0;
            left: 0;
            width: 12vh;
            height: 14.72vh;
            opacity: 0;
            background-color: #000000;
            color: #ffffff;
            font-size: 3.5vh;
            font-weight: bold;
            line-height: 14.72vh;
            text-align: center; }
            #wrapper main #cheer_panel .content .favorite_player_area ul li .change_msg span {
              -webkit-animation-name: flash_effect_01;
                      animation-name: flash_effect_01;
              -webkit-animation-timing-function: linear;
                      animation-timing-function: linear;
              -webkit-animation-duration: 0.5s;
                      animation-duration: 0.5s;
              -webkit-animation-iteration-count: infinite;
                      animation-iteration-count: infinite; }
          #wrapper main #cheer_panel .content .favorite_player_area ul li .frame {
            position: absolute;
            top: 0;
            left: 0;
            width: 12vh;
            height: 14.72vh;
            opacity: 1;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            border: solid 2px #cff5ff;
            -webkit-box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0.6);
                    box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0.6); }
            #wrapper main #cheer_panel .content .favorite_player_area ul li .frame .inner {
              position: absolute;
              top: 0;
              left: 0;
              width: 12vh;
              height: 14.72vh;
              top: -2px;
              left: -2px;
              opacity: 1;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
              border: solid 2px #ff4c24;
              -webkit-animation-name: flash_effect_02;
                      animation-name: flash_effect_02;
              -webkit-animation-timing-function: linear;
                      animation-timing-function: linear;
              -webkit-animation-duration: 2s;
                      animation-duration: 2s;
              -webkit-animation-iteration-count: infinite;
                      animation-iteration-count: infinite; }
          #wrapper main #cheer_panel .content .favorite_player_area ul li .cover {
            position: absolute;
            top: 0;
            left: 0;
            width: 12vh;
            height: 14.72vh;
            opacity: 0; }
          #wrapper main #cheer_panel .content .favorite_player_area ul li.selected {
            pointer-events: none; }
            #wrapper main #cheer_panel .content .favorite_player_area ul li.selected .selected_img {
              opacity: 1; }
            #wrapper main #cheer_panel .content .favorite_player_area ul li.selected .frame {
              opacity: 0; }
          #wrapper main #cheer_panel .content .favorite_player_area ul li.selectable {
            pointer-events: all;
            cursor: pointer; }
            #wrapper main #cheer_panel .content .favorite_player_area ul li.selectable .frame {
              opacity: 1; }
          #wrapper main #cheer_panel .content .favorite_player_area ul li.change .change_msg {
            opacity: 1; }
      #wrapper main #cheer_panel .content .favorite_player_area .counter_frame {
        background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/counter_arrow.png?20221115");
        background-size: contain;
        background-repeat: no-repeat;
        width: 33vh;
        padding-top: 1.5vh;
        margin: auto; }
        #wrapper main #cheer_panel .content .favorite_player_area .counter_frame .counter_wrap {
          width: 15vh;
          height: 4vh;
          line-height: 4vh;
          border-radius: 1vh;
          background-color: #bf0e20;
          margin: 0 auto; }
          #wrapper main #cheer_panel .content .favorite_player_area .counter_frame .counter_wrap .counter {
            width: 15vh;
            height: 4vh;
            line-height: 4vh;
            color: #ffffff;
            margin: 0 auto;
            padding: 0 3vw;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            display: none; }
          #wrapper main #cheer_panel .content .favorite_player_area .counter_frame .counter_wrap .msg_unselected {
            display: none;
            width: 100%;
            height: 4vh;
            line-height: 4vh;
            text-align: center;
            color: #ffffff;
            font-size: 1.3vh; }
          #wrapper main #cheer_panel .content .favorite_player_area .counter_frame .counter_wrap .msg_possible {
            width: 100%;
            height: 4vh;
            line-height: 4vh;
            text-align: center;
            color: #ffffff; }
          #wrapper main #cheer_panel .content .favorite_player_area .counter_frame .counter_wrap .msg_impossible {
            display: none;
            width: 100%;
            height: 4vh;
            line-height: 4vh;
            text-align: center;
            color: #ffffff;
            font-size: 1.6vh; }
          #wrapper main #cheer_panel .content .favorite_player_area .counter_frame .counter_wrap.unselected .msg_unselected {
            display: block; }
          #wrapper main #cheer_panel .content .favorite_player_area .counter_frame .counter_wrap.unselected .msg_possible {
            display: none; }
          #wrapper main #cheer_panel .content .favorite_player_area .counter_frame .counter_wrap.unselected .msg_impossible {
            display: none; }
          #wrapper main #cheer_panel .content .favorite_player_area .counter_frame .counter_wrap.impossible .msg_unselected {
            display: none; }
          #wrapper main #cheer_panel .content .favorite_player_area .counter_frame .counter_wrap.impossible .msg_possible {
            display: none; }
          #wrapper main #cheer_panel .content .favorite_player_area .counter_frame .counter_wrap.impossible .msg_impossible {
            display: block; }
          #wrapper main #cheer_panel .content .favorite_player_area .counter_frame .counter_wrap.counting .counter {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex; }
          #wrapper main #cheer_panel .content .favorite_player_area .counter_frame .counter_wrap.counting .msg_unselected {
            display: none; }
          #wrapper main #cheer_panel .content .favorite_player_area .counter_frame .counter_wrap.counting .msg_possible {
            display: none; }
          #wrapper main #cheer_panel .content .favorite_player_area .counter_frame .counter_wrap.counting .msg_impossible {
            display: none; }
      #wrapper main #cheer_panel .content .favorite_player_area .cutin_effect_area {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        z-index: 10; }
        #wrapper main #cheer_panel .content .favorite_player_area .cutin_effect_area .cutin_base {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0; }
          #wrapper main #cheer_panel .content .favorite_player_area .cutin_effect_area .cutin_base .inner {
            width: 100%;
            height: 100%;
            background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/turf.png?20221115");
            -webkit-animation: sptep_animation_bg_effect 0.2s linear infinite;
                    animation: sptep_animation_bg_effect 0.2s linear infinite;
            animation-direction: reverse; }
        #wrapper main #cheer_panel .content .favorite_player_area .cutin_effect_area .cutin_back {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          /*opacity:0;*/ }
          #wrapper main #cheer_panel .content .favorite_player_area .cutin_effect_area .cutin_back img {
            width: 1000%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            -webkit-animation: sptep_animation_effect 0.3s steps(10) infinite;
                    animation: sptep_animation_effect 0.3s steps(10) infinite; }
        #wrapper main #cheer_panel .content .favorite_player_area .cutin_effect_area .cutin_image_back {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translateX(-50%) translateY(-50%);
              -ms-transform: translateX(-50%) translateY(-50%);
                  transform: translateX(-50%) translateY(-50%); }
          #wrapper main #cheer_panel .content .favorite_player_area .cutin_effect_area .cutin_image_back .inner {
            /*background-color: #000000;*/
            /*background-color: #b8e7fc;*/
            /*background-color: #73d0fa;*/
            /*background-color: #3da6fc;*/
            /*background-color: #3917bd;*/
            height: 10vh;
            width: 100vw;
            -webkit-transform: scaleY(0);
                -ms-transform: scaleY(0);
                    transform: scaleY(0);
            -webkit-transition: -webkit-transform 0.5s linear;
            transition: -webkit-transform 0.5s linear;
            -o-transition: transform 0.5s linear;
            transition: transform 0.5s linear;
            transition: transform 0.5s linear, -webkit-transform 0.5s linear; }
        #wrapper main #cheer_panel .content .favorite_player_area .cutin_effect_area .cutin_image {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translateX(-50%) translateY(-50%);
              -ms-transform: translateX(-50%) translateY(-50%);
                  transform: translateX(-50%) translateY(-50%); }
          #wrapper main #cheer_panel .content .favorite_player_area .cutin_effect_area .cutin_image img {
            max-width: 96vw;
            max-height: 6vh;
            -webkit-transform: translateX(-100vw);
                -ms-transform: translateX(-100vw);
                    transform: translateX(-100vw);
            -webkit-transition: -webkit-transform 0.5s linear;
            transition: -webkit-transform 0.5s linear;
            -o-transition: transform 0.5s linear;
            transition: transform 0.5s linear;
            transition: transform 0.5s linear, -webkit-transform 0.5s linear; }
        #wrapper main #cheer_panel .content .favorite_player_area .cutin_effect_area .white_screen {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          background-color: #ffffff;
          -webkit-transition: opacity 0.5s linear;
          -o-transition: opacity 0.5s linear;
          transition: opacity 0.5s linear; }
        #wrapper main #cheer_panel .content .favorite_player_area .cutin_effect_area.show {
          opacity: 1;
          -webkit-transition: opacity 0.2s linear;
          -o-transition: opacity 0.2s linear;
          transition: opacity 0.2s linear;
          pointer-events: all; }
          #wrapper main #cheer_panel .content .favorite_player_area .cutin_effect_area.show .cutin_image_back .inner {
            -webkit-transform: scaleY(1);
                -ms-transform: scaleY(1);
                    transform: scaleY(1);
            -webkit-transition: -webkit-transform 0.5s linear 1s;
            transition: -webkit-transform 0.5s linear 1s;
            -o-transition: transform 0.5s linear 1s;
            transition: transform 0.5s linear 1s;
            transition: transform 0.5s linear 1s, -webkit-transform 0.5s linear 1s; }
          #wrapper main #cheer_panel .content .favorite_player_area .cutin_effect_area.show .cutin_image img {
            -webkit-transform: translateX(0vw);
                -ms-transform: translateX(0vw);
                    transform: translateX(0vw);
            -webkit-transition: -webkit-transform 0.5s linear 1.4s;
            transition: -webkit-transform 0.5s linear 1.4s;
            -o-transition: transform 0.5s linear 1.4s;
            transition: transform 0.5s linear 1.4s;
            transition: transform 0.5s linear 1.4s, -webkit-transform 0.5s linear 1.4s; }
          #wrapper main #cheer_panel .content .favorite_player_area .cutin_effect_area.show .white_screen {
            opacity: 0;
            -webkit-transition: opacity 0.5s linear 0.3s;
            -o-transition: opacity 0.5s linear 0.3s;
            transition: opacity 0.5s linear 0.3s; }
        #wrapper main #cheer_panel .content .favorite_player_area .cutin_effect_area.hide {
          opacity: 0;
          -webkit-transition: opacity 0.2s linear 0.5s;
          -o-transition: opacity 0.2s linear 0.5s;
          transition: opacity 0.2s linear 0.5s; }
          #wrapper main #cheer_panel .content .favorite_player_area .cutin_effect_area.hide .white_screen {
            opacity: 1;
            -webkit-transition: opacity 0.5s linear;
            -o-transition: opacity 0.5s linear;
            transition: opacity 0.5s linear; }
    #wrapper main #cheer_panel .content .point_area {
      background-color: #000000;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      font-size: 0;
      position: relative;
      margin-bottom: 3vw;
      /*
                    .title{
                        img{
                            height:5vh;
                        }
                    }
                    */ }
      #wrapper main #cheer_panel .content .point_area.topic_prev {
        margin-bottom: 0; }
      #wrapper main #cheer_panel .content .point_area .rank_caption {
        width: 30vw;
        height: 5.5vw;
        position: absolute;
        top: -5.5vw;
        left: 0vw;
        background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/rank_caption.png?20221115");
        background-size: contain;
        background-repeat: no-repeat; }
      #wrapper main #cheer_panel .content .point_area .rank {
        background-size: auto 100%;
        background-position-x: right;
        background-repeat: no-repeat;
        height: 5vh;
        /*width: 63.2vh;*/
        width: 87.2vh;
        display: block;
        position: relative; }
        #wrapper main #cheer_panel .content .point_area .rank img {
          height: 5vh;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          left: 0; }
      #wrapper main #cheer_panel .content .point_area .point {
        width: 100%; }
        #wrapper main #cheer_panel .content .point_area .point span {
          color: #ffffff;
          font-size: 8vw;
          line-height: 5vh;
          width: 100%;
          text-align: center;
          display: block; }
      #wrapper main #cheer_panel .content .point_area .prev_title {
        height: 5vh;
        width: 100vw;
        line-height: 5vh;
        font-size: 2.5vh;
        font-weight: bold;
        color: #ffffff;
        text-align: center; }
      #wrapper main #cheer_panel .content .point_area #cheer_bonus_limit_gauge {
        position: absolute;
        bottom: -3vw; }
        #wrapper main #cheer_panel .content .point_area #cheer_bonus_limit_gauge .inner {
          width: 100vw;
          height: 3vw;
          /*overflow: hidden;*/
          position: relative;
          background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f4f4f4), color-stop(24%, #a5a5a5), color-stop(51%, #666666), color-stop(79%, #a5a5a5), to(#e8e8e8));
          background: -o-linear-gradient(top, #f4f4f4 1%, #a5a5a5 24%, #666666 51%, #a5a5a5 79%, #e8e8e8 100%);
          background: linear-gradient(to bottom, #f4f4f4 1%, #a5a5a5 24%, #666666 51%, #a5a5a5 79%, #e8e8e8 100%); }
          #wrapper main #cheer_panel .content .point_area #cheer_bonus_limit_gauge .inner .gauge {
            width: 100vw;
            height: 3vw;
            position: absolute;
            top: 0;
            left: 0;
            /*background-color: #bf0e20;*/
            background: -webkit-gradient(linear, left top, right top, color-stop(1%, #0055ff), color-stop(23%, #00ff0c), color-stop(48%, yellow), color-stop(77%, red), to(red));
            background: -o-linear-gradient(left, #0055ff 1%, #00ff0c 23%, yellow 48%, red 77%, red 100%);
            background: linear-gradient(to right, #0055ff 1%, #00ff0c 23%, yellow 48%, red 77%, red 100%);
            opacity: 0.7; }
          #wrapper main #cheer_panel .content .point_area #cheer_bonus_limit_gauge .inner .base {
            width: 100vw;
            height: 3vw;
            position: absolute;
            top: -0.5px;
            left: 0;
            background-color: #000000; }
          #wrapper main #cheer_panel .content .point_area #cheer_bonus_limit_gauge .inner .cover {
            width: 100vw;
            height: 3vw;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #ffffff;
            -webkit-filter: drop-shadow(0px 0px 7px #ffffff);
                    filter: drop-shadow(0px 0px 7px #ffffff);
            opacity: 0;
            -webkit-transition: opacity 0.2s;
            -o-transition: opacity 0.2s;
            transition: opacity 0.2s; }
            #wrapper main #cheer_panel .content .point_area #cheer_bonus_limit_gauge .inner .cover.show {
              opacity: 1; }
    #wrapper main #cheer_panel .content .cheer_player_area {
      position: relative; }
      #wrapper main #cheer_panel .content .cheer_player_area .bg {
        width: 100vw;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -10; }
      #wrapper main #cheer_panel .content .cheer_player_area .player_wrap {
        height: 63vh; }
        #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner {
          padding-top: 2vh;
          margin-bottom: 20vh;
          position: relative; }
          #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .group {
            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;
            margin-top: 1vh;
            position: relative; }
            #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .group .player {
              margin: 0 0.2vw;
              position: relative; }
              #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .group .player .icon {
                position: absolute;
                top: 0.5vh;
                right: 0;
                width: 3vh;
                height: 1.4vh;
                background-color: #c2992c;
                border-radius: 3px 0px 0px 3px;
                overflow: hidden;
                background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/i_s_df.png?20221115");
                background-size: contain;
                background-repeat: no-repeat; }
              #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .group .player.up {
                -webkit-transform: translateY(-2.5vh);
                    -ms-transform: translateY(-2.5vh);
                        transform: translateY(-2.5vh); }
              #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .group .player.down {
                -webkit-transform: translateY(2.5vh);
                    -ms-transform: translateY(2.5vh);
                        transform: translateY(2.5vh); }
              #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .group .player.blank {
                width: 9vh; }
                #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .group .player.blank.s1_2 {
                  width: 4.5vh; }
                #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .group .player.blank.s1_3 {
                  width: 3vh; }
                #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .group .player.blank.s1_4 {
                  width: 2.25vh; }
              #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .group .player.fw .icon {
                background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/i_s_fw.png?20221115"); }
              #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .group .player.mf .icon {
                background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/i_s_mf.png?20221115"); }
              #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .group .player.df .icon {
                background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/i_s_df.png?20221115"); }
              #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .group .player.gk .icon {
                background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/i_s_gk.png?20221115"); }
            #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .group .cheer_effect_area {
              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;
              position: absolute;
              pointer-events: none; }
              #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .group .cheer_effect_area .cheer_effect {
                /*
                        width: 19.5vw;
                        height: 24vw;
                        */
                width: 9vh;
                height: 10.8vh;
                margin: 0 0.2vw;
                position: relative;
                /*
                        &.blank{
                            $width: 9vh;
                            width: $width;
                            &.s1_2{
                                width: $width/2;
                            }
                            &.s1_3{
                                width: $width/3;
                            }
                            &.s1_4{
                                width: $width/4;
                            }
                        }
                        */ }
                #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .group .cheer_effect_area .cheer_effect.up {
                  -webkit-transform: translateY(-2.5vh);
                      -ms-transform: translateY(-2.5vh);
                          transform: translateY(-2.5vh); }
                #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .group .cheer_effect_area .cheer_effect.down {
                  -webkit-transform: translateY(2.5vh);
                      -ms-transform: translateY(2.5vh);
                          transform: translateY(2.5vh); }
                #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .group .cheer_effect_area .cheer_effect.s1_2 {
                  width: 4.5vh; }
                #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .group .cheer_effect_area .cheer_effect.s1_3 {
                  width: 3vh; }
                #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .group .cheer_effect_area .cheer_effect.s1_4 {
                  width: 2.25vh; }
            #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .group .event_logo {
              background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/wc_2022_logo.png?20221115");
              background-size: contain;
              background-repeat: no-repeat;
              width: 24vw;
              height: 17vw;
              position: absolute;
              top: 16vw;
              right: 6vw; }
          #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .manager {
            position: absolute;
            bottom: -3vw;
            left: 3vw; }
            #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .manager img {
              width: 9vh; }
            #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .manager .cheer_effect {
              width: 19.5vw;
              height: 24vw;
              margin: 0 0.2vw;
              position: absolute;
              top: 0;
              left: 0;
              pointer-events: none; }
          #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer {
            /* 星のエフェクト */
            /* 波エフェクト */
            /* キラキラエフェクト */ }
            #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer > .inner {
              cursor: pointer;
              -webkit-transition: -webkit-transform 0.1s;
              transition: -webkit-transform 0.1s;
              -o-transition: transform 0.1s;
              transition: transform 0.1s;
              transition: transform 0.1s, -webkit-transform 0.1s;
              position: relative; }
              #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer > .inner:after {
                content: "";
                display: block;
                background-color: #ffffff;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                -webkit-transition: opacity 0.1s;
                -o-transition: opacity 0.1s;
                transition: opacity 0.1s;
                opacity: 0; }
              #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer > .inner img {
                width: 9vh; }
            #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer .exciting_effect {
              position: absolute;
              top: 0;
              left: 0;
              width: 9vh;
              /*overflow: hidden;*/
              pointer-events: none; }
              #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer .exciting_effect .player {
                width: 9vh;
                height: auto;
                opacity: 0; }
              #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer .exciting_effect .flash {
                position: absolute;
                top: 0;
                left: 0; }
              #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer .exciting_effect .spark {
                position: absolute;
                top: 0;
                left: 0;
                width: 9vh;
                -webkit-transform: scale(1.5);
                    -ms-transform: scale(1.5);
                        transform: scale(1.5);
                opacity: 0.8; }
            #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer.exciting_effect_1 .exciting_effect .flash {
              opacity: 0; }
            #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer.exciting_effect_1 .exciting_effect .spark {
              background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/exciting_effect_blue_s.png?20221115");
              background-size: 45vh auto;
              background-position-x: left;
              background-position-y: center;
              background-repeat: no-repeat;
              -webkit-animation: sptep_animation_bg_effect 0.5s steps(4) infinite;
                      animation: sptep_animation_bg_effect 0.5s steps(4) infinite; }
            #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer.exciting_effect_2 .exciting_effect .flash {
              opacity: 0;
              background-color: rgba(255, 255, 255, 0.3);
              -webkit-animation: flash_effect_02 0.2s steps(4) infinite;
                      animation: flash_effect_02 0.2s steps(4) infinite; }
            #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer.exciting_effect_2 .exciting_effect .spark {
              background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/exciting_effect_yellow_l.png?20221115");
              background-size: 45vh auto;
              background-position-x: left;
              background-position-y: center;
              background-repeat: no-repeat;
              -webkit-animation: sptep_animation_bg_effect 0.6s steps(4) infinite;
                      animation: sptep_animation_bg_effect 0.6s steps(4) infinite; }
            #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer.exciting_effect_3 .exciting_effect .flash {
              opacity: 0;
              background-color: rgba(255, 255, 255, 0.3);
              -webkit-animation: flash_effect_02 0.2s steps(4) infinite;
                      animation: flash_effect_02 0.2s steps(4) infinite; }
            #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer.exciting_effect_3 .exciting_effect .spark {
              background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/exciting_effect_red_xl.png?20221115");
              background-size: 45vh auto;
              background-position-x: left;
              background-position-y: center;
              background-repeat: no-repeat;
              -webkit-animation: sptep_animation_bg_effect 0.6s steps(4) infinite;
                      animation: sptep_animation_bg_effect 0.6s steps(4) infinite; }
            #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer.tap .inner {
              -webkit-transform: scale(0.95);
                  -ms-transform: scale(0.95);
                      transform: scale(0.95); }
              #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer.tap .inner:after {
                opacity: 0.6; }
            #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer .add_point {
              position: absolute;
              top: 3vw;
              left: 0;
              -webkit-animation-name: star_rise_effect;
                      animation-name: star_rise_effect;
              -webkit-animation-timing-function: cubic-bezier(0.92, 0.09, 0.87, 0.62);
                      animation-timing-function: cubic-bezier(0.92, 0.09, 0.87, 0.62);
              -webkit-animation-duration: 1s;
                      animation-duration: 1s;
              -webkit-animation-iteration-count: 1;
                      animation-iteration-count: 1;
              -webkit-animation-fill-mode: forwards;
                      animation-fill-mode: forwards; }
              #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer .add_point .img_frame .img {
                -webkit-animation-name: star_rise_effect;
                        animation-name: star_rise_effect;
                -webkit-animation-timing-function: linear;
                        animation-timing-function: linear;
                -webkit-animation-duration: 4s;
                        animation-duration: 4s;
                -webkit-animation-duration: 8s;
                        animation-duration: 8s;
                -webkit-animation-iteration-count: 1;
                        animation-iteration-count: 1;
                -webkit-animation-fill-mode: forwards;
                        animation-fill-mode: forwards; }
                #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer .add_point .img_frame .img img {
                  -webkit-animation-name: round_effect;
                          animation-name: round_effect;
                  -webkit-animation-timing-function: linear;
                          animation-timing-function: linear;
                  -webkit-animation-duration: 0.8s;
                          animation-duration: 0.8s;
                  -webkit-animation-iteration-count: infinite;
                          animation-iteration-count: infinite;
                  -webkit-animation-fill-mode: forwards;
                          animation-fill-mode: forwards;
                  width: 9vh; }
            #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer .wave_effect {
              position: absolute;
              top: -5vw;
              left: -11vw;
              width: 40vw;
              pointer-events: none;
              z-index: 10; }
              #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer .wave_effect .img_wrap {
                -webkit-transform: translateY(3vw);
                    -ms-transform: translateY(3vw);
                        transform: translateY(3vw); }
                #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer .wave_effect .img_wrap img {
                  -webkit-transform: scale(0.5);
                      -ms-transform: scale(0.5);
                          transform: scale(0.5);
                  width: 100%; }
              #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer .wave_effect.action {
                -webkit-transition: -webkit-transform 1.5s linear;
                transition: -webkit-transform 1.5s linear;
                -o-transition: transform 1.5s linear;
                transition: transform 1.5s linear;
                transition: transform 1.5s linear, -webkit-transform 1.5s linear;
                -webkit-transform: translateY(-5vw);
                    -ms-transform: translateY(-5vw);
                        transform: translateY(-5vw); }
                #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer .wave_effect.action .img_wrap {
                  opacity: 0;
                  -webkit-transform: scale(6);
                      -ms-transform: scale(6);
                          transform: scale(6);
                  -webkit-transition: opacity 1.5s linear, -webkit-transform 1.5s ease-out;
                  transition: opacity 1.5s linear, -webkit-transform 1.5s ease-out;
                  -o-transition: opacity 1.5s linear, transform 1.5s ease-out;
                  transition: opacity 1.5s linear, transform 1.5s ease-out;
                  transition: opacity 1.5s linear, transform 1.5s ease-out, -webkit-transform 1.5s ease-out; }
            #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer .kirakira_effect {
              position: absolute;
              top: -5vw;
              left: -11vw;
              width: 40vw;
              pointer-events: none;
              z-index: 10; }
              #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer .kirakira_effect .img_wrap img {
                width: 100%; }
              #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer .kirakira_effect.action {
                -webkit-transition: -webkit-transform 1s linear;
                transition: -webkit-transform 1s linear;
                -o-transition: transform 1s linear;
                transition: transform 1s linear;
                transition: transform 1s linear, -webkit-transform 1s linear;
                -webkit-transform: scale(3) translateY(-10vw);
                    -ms-transform: scale(3) translateY(-10vw);
                        transform: scale(3) translateY(-10vw); }
                #wrapper main #cheer_panel .content .cheer_player_area .player_wrap > .inner .cheer .kirakira_effect.action .img_wrap {
                  opacity: 0;
                  -webkit-transition: opacity 1s linear;
                  -o-transition: opacity 1s linear;
                  transition: opacity 1s linear; }
      #wrapper main #cheer_panel .content .cheer_player_area .bg {
        background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/bg_lower.png?20221115");
        background-size: cover;
        background-position: top center; }
      #wrapper main #cheer_panel .content .cheer_player_area #team_name {
        background-color: #ffffff;
        text-align: center;
        height: 10vw;
        line-height: 10vw;
        font-size: 5vw; }
      #wrapper main #cheer_panel .content .cheer_player_area .event_logo {
        background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/wc_2022_logo.png?20221115");
        background-size: contain;
        background-repeat: no-repeat;
        width: 24vw;
        height: 17vw;
        position: absolute;
        bottom: 23vw;
        right: 6vw; }
      #wrapper main #cheer_panel .content .cheer_player_area #topics_btn {
        width: 12vw;
        height: 12vw;
        border-radius: 6vw;
        /*
                        position: absolute;
                        left: 5vw;
                        bottom: 8vw;
                        */
        margin-top: -18vh;
        margin-left: 5vw;
        opacity: 0;
        pointer-events: none;
        cursor: pointer;
        position: relative; }
        #wrapper main #cheer_panel .content .cheer_player_area #topics_btn .btn {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 12vw;
          height: 12vw;
          border-radius: 6vw;
          border: #b82906 solid 1vw;
          background-color: #f5a442;
          background: -webkit-gradient(linear, left bottom, left top, from(#e20000), to(#ff8f53));
          background: -o-linear-gradient(bottom, #e20000 0%, #ff8f53 100%);
          background: linear-gradient(0deg, #e20000 0%, #ff8f53 100%);
          color: #ffffff;
          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;
          font-size: 6vw;
          font-weight: bold; }
        #wrapper main #cheer_panel .content .cheer_player_area #topics_btn .cover {
          position: absolute;
          top: 0;
          left: 0;
          width: 12vw;
          height: 12vw;
          border-radius: 6vw;
          background-color: #ffffff; }
        #wrapper main #cheer_panel .content .cheer_player_area #topics_btn.show {
          -webkit-transition: opacity 0.2s linear;
          -o-transition: opacity 0.2s linear;
          transition: opacity 0.2s linear;
          opacity: 1;
          pointer-events: all; }
          #wrapper main #cheer_panel .content .cheer_player_area #topics_btn.show .cover {
            -webkit-transition: opacity 0.8s linear 0.2s;
            -o-transition: opacity 0.8s linear 0.2s;
            transition: opacity 0.8s linear 0.2s;
            opacity: 0; }
  #wrapper main #extra_panel {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    pointer-events: none;
    /* 背景 */
    /* youtube */
    /* 特別応援 */
    /* ホワイトスクリーン */ }
    #wrapper main #extra_panel .bg {
      width: 100vw;
      height: 100vh;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.75);
      z-index: -10;
      -webkit-transition: opacity 0.5s;
      -o-transition: opacity 0.5s;
      transition: opacity 0.5s;
      opacity: 0; }
    #wrapper main #extra_panel #yt_area {
      pointer-events: all;
      width: 100vw;
      /*
                min-height: unset;
                position: fixed;
                top: 0;
                left: 0;
                */
      background-color: #ffffff;
      -webkit-transform: translateY(-100%);
          -ms-transform: translateY(-100%);
              transform: translateY(-100%);
      -webkit-transition: -webkit-transform 0.2s;
      transition: -webkit-transform 0.2s;
      -o-transition: transform 0.2s;
      transition: transform 0.2s;
      transition: transform 0.2s, -webkit-transform 0.2s;
      z-index: 10; }
      #wrapper main #extra_panel #yt_area #yt_player {
        width: 100vw; }
      #wrapper main #extra_panel #yt_area .yt_player iframe {
        width: 100vw; }
      #wrapper main #extra_panel #yt_area .switch_area {
        width: 65vw;
        height: 10vw;
        position: absolute;
        bottom: -9.8vw;
        right: 50%;
        -webkit-transform: translateX(50%);
            -ms-transform: translateX(50%);
                transform: translateX(50%);
        cursor: pointer; }
        #wrapper main #extra_panel #yt_area .switch_area .effect_area {
          width: 100%;
          height: 100%;
          pointer-events: none;
          z-index: -1;
          -webkit-transition: opacity 0.2s;
          -o-transition: opacity 0.2s;
          transition: opacity 0.2s; }
          #wrapper main #extra_panel #yt_area .switch_area .effect_area .spread_effect {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            opacity: 0.6; }
            #wrapper main #extra_panel #yt_area .switch_area .effect_area .spread_effect .inner {
              border-radius: 0 0 2vw 2vw;
              width: 100%;
              height: 5vw;
              background-color: #acfad8;
              -webkit-box-shadow: 0 0 3px 2px #acfad8;
                      box-shadow: 0 0 3px 2px #acfad8;
              -webkit-transform: scaleX(1) scaleY(1);
                  -ms-transform: scaleX(1) scaleY(1);
                      transform: scaleX(1) scaleY(1);
              -webkit-transform-origin: center top;
                  -ms-transform-origin: center top;
                      transform-origin: center top; }
            #wrapper main #extra_panel #yt_area .switch_area .effect_area .spread_effect.action {
              opacity: 0;
              -webkit-transition: opacity 2s;
              -o-transition: opacity 2s;
              transition: opacity 2s; }
              #wrapper main #extra_panel #yt_area .switch_area .effect_area .spread_effect.action .inner {
                -webkit-transform: scaleX(1.15) scaleY(1.6);
                    -ms-transform: scaleX(1.15) scaleY(1.6);
                        transform: scaleX(1.15) scaleY(1.6);
                -webkit-transition: -webkit-transform 2s;
                transition: -webkit-transform 2s;
                -o-transition: transform 2s;
                transition: transform 2s;
                transition: transform 2s, -webkit-transform 2s; }
        #wrapper main #extra_panel #yt_area .switch_area .switch_btn {
          width: 100%;
          height: 5vw;
          /*padding: 0 5vw;*/
          position: absolute;
          top: 0;
          left: 0;
          background-color: #ff0000;
          border-radius: 0 0 2vw 2vw;
          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; }
          #wrapper main #extra_panel #yt_area .switch_area .switch_btn .inner {
            font-size: 3.6vw;
            width: 100%;
            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;
            color: #ffffff;
            font-weight: bold; }
            #wrapper main #extra_panel #yt_area .switch_area .switch_btn .inner .up {
              display: none; }
            #wrapper main #extra_panel #yt_area .switch_area .switch_btn .inner .down {
              display: block; }
            #wrapper main #extra_panel #yt_area .switch_area .switch_btn .inner.blink {
              -webkit-animation-name: flash_effect_07;
                      animation-name: flash_effect_07;
              -webkit-animation-timing-function: linear;
                      animation-timing-function: linear;
              -webkit-animation-duration: 1.8s;
                      animation-duration: 1.8s;
              -webkit-animation-iteration-count: 1;
                      animation-iteration-count: 1;
              -webkit-animation-fill-mode: forwards;
                      animation-fill-mode: forwards; }
      #wrapper main #extra_panel #yt_area.show {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0); }
        #wrapper main #extra_panel #yt_area.show .effect_area {
          opacity: 0; }
        #wrapper main #extra_panel #yt_area.show .switch_btn .inner .up {
          display: block; }
        #wrapper main #extra_panel #yt_area.show .switch_btn .inner .down {
          display: none; }
        #wrapper main #extra_panel #yt_area.show .switch_btn .inner.blink {
          -webkit-animation-name: none;
                  animation-name: none; }
    #wrapper main #extra_panel #extra_cheer_area {
      width: 100vw;
      height: 100vh;
      position: relative;
      -webkit-transition: opacity 0.5s;
      -o-transition: opacity 0.5s;
      transition: opacity 0.5s;
      opacity: 0; }
      #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .radiation_area {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        margin-top: -10vw;
        width: 120vw;
        height: 120vw; }
        #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .radiation_area .radiation_wrap {
          position: absolute;
          top: 0;
          left: 0;
          width: 120vw;
          height: 120vw;
          opacity: 0;
          -webkit-transition: opacity 1s;
          -o-transition: opacity 1s;
          transition: opacity 1s; }
          #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .radiation_area .radiation_wrap .radiation {
            width: 120vw;
            height: 120vw;
            position: absolute;
            top: 0;
            left: 0;
            background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/radiation_blue.png?20221115");
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            opacity: 0.5; }
            #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .radiation_area .radiation_wrap .radiation.r1 {
              -webkit-animation: round_effect 1.4s linear 0s infinite;
                      animation: round_effect 1.4s linear 0s infinite; }
            #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .radiation_area .radiation_wrap .radiation.r2 {
              -webkit-animation: round_effect 1.4s linear 0s infinite;
                      animation: round_effect 1.4s linear 0s infinite;
              animation-direction: reverse; }
          #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .radiation_area .radiation_wrap.show {
            opacity: 1; }
          #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .radiation_area .radiation_wrap.lv_1 .radiation {
            background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/radiation_blue.png?20221115"); }
          #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .radiation_area .radiation_wrap.lv_2 .radiation {
            background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/radiation_green.png?20221115"); }
          #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .radiation_area .radiation_wrap.lv_3 .radiation {
            background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/radiation_yellow.png?20221115"); }
          #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .radiation_area .radiation_wrap.lv_4 .radiation {
            opacity: 0.8;
            background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/radiation_red.png?20221115"); }
          #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .radiation_area .radiation_wrap.lv_5 .radiation {
            opacity: 0.7;
            background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/radiation_red.png?20221115"); }
      #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .galaxy_effect_area {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        margin-top: -10vw; }
        #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .galaxy_effect_area .galaxy_effect {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translateX(-50%) translateY(-50%);
              -ms-transform: translateX(-50%) translateY(-50%);
                  transform: translateX(-50%) translateY(-50%); }
          #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .galaxy_effect_area .galaxy_effect .img_wrap {
            opacity: 0; }
            #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .galaxy_effect_area .galaxy_effect .img_wrap img {
              width: 120vw;
              height: 120vw; }
          #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .galaxy_effect_area .galaxy_effect.action .img_wrap {
            opacity: 1;
            -webkit-transition: opacity 1.5s;
            -o-transition: opacity 1.5s;
            transition: opacity 1.5s; }
            #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .galaxy_effect_area .galaxy_effect.action .img_wrap img {
              -webkit-transform: rotateZ(120deg) scale(0.2);
                  -ms-transform: rotate(120deg) scale(0.2);
                      transform: rotateZ(120deg) scale(0.2);
              -webkit-transition: -webkit-transform 2s;
              transition: -webkit-transform 2s;
              -o-transition: transform 2s;
              transition: transform 2s;
              transition: transform 2s, -webkit-transform 2s; }
        #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .galaxy_effect_area .galaxy_effect_2 {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translateX(-50%) translateY(-50%);
              -ms-transform: translateX(-50%) translateY(-50%);
                  transform: translateX(-50%) translateY(-50%); }
          #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .galaxy_effect_area .galaxy_effect_2 .img_wrap {
            opacity: 0; }
            #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .galaxy_effect_area .galaxy_effect_2 .img_wrap img {
              width: 120vw;
              height: 120vw; }
          #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .galaxy_effect_area .galaxy_effect_2.action .img_wrap {
            opacity: 1;
            -webkit-transition: opacity 0.3s;
            -o-transition: opacity 0.3s;
            transition: opacity 0.3s; }
            #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .galaxy_effect_area .galaxy_effect_2.action .img_wrap img {
              -webkit-transform: rotateZ(30deg) scale(0.2);
                  -ms-transform: rotate(30deg) scale(0.2);
                      transform: rotateZ(30deg) scale(0.2);
              -webkit-transition: -webkit-transform 2s;
              transition: -webkit-transform 2s;
              -o-transition: transform 2s;
              transition: transform 2s;
              transition: transform 2s, -webkit-transform 2s; }
        #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .galaxy_effect_area .spread_effect {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translateX(-50%) translateY(-50%);
              -ms-transform: translateX(-50%) translateY(-50%);
                  transform: translateX(-50%) translateY(-50%);
          opacity: 0.8; }
          #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .galaxy_effect_area .spread_effect .inner {
            /*
                                width: $dim;
                                height: $dim;
                                border-radius: $dim / 2;
                                */
            width: 65vw;
            /*height: $dim * 0.64;*/
            height: 53.95vw;
            border-radius: 50%;
            background-color: #ffffff;
            -webkit-box-shadow: 0 0 3px 2px #ffffff;
                    box-shadow: 0 0 3px 2px #ffffff;
            -webkit-transform: scale(0.7);
                -ms-transform: scale(0.7);
                    transform: scale(0.7); }
          #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .galaxy_effect_area .spread_effect.action {
            opacity: 0;
            -webkit-transition: opacity 2s;
            -o-transition: opacity 2s;
            transition: opacity 2s; }
            #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .galaxy_effect_area .spread_effect.action .inner {
              -webkit-transform: scale(1.5);
                  -ms-transform: scale(1.5);
                      transform: scale(1.5);
              -webkit-transition: -webkit-transform 2s;
              transition: -webkit-transform 2s;
              -o-transition: transform 2s;
              transition: transform 2s;
              transition: transform 2s, -webkit-transform 2s; }
      #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .lightning_area {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        margin-top: -10vw;
        width: 110vw;
        height: 100.1vw;
        opacity: 0; }
        #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .lightning_area .inner {
          width: 100%;
          height: 100%;
          overflow: hidden;
          background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/extra_cheer_lightning.png?20221115");
          background-size: 550vw auto;
          background-position-x: left;
          background-position-y: center;
          background-repeat: no-repeat;
          -webkit-animation: sptep_animation_bg_effect 0.2s steps(4) infinite;
                  animation: sptep_animation_bg_effect 0.2s steps(4) infinite; }
        #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .lightning_area.show {
          opacity: 1;
          -webkit-transition: opacity 0.2s;
          -o-transition: opacity 0.2s;
          transition: opacity 0.2s; }
      #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .btn_area {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        margin-top: -10vw; }
        #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .btn_area .inner {
          -webkit-transition: -webkit-transform 0.1s;
          transition: -webkit-transform 0.1s;
          -o-transition: transform 0.1s;
          transition: transform 0.1s;
          transition: transform 0.1s, -webkit-transform 0.1s; }
          #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .btn_area .inner .extra_cheer_btn {
            width: 65vw;
            /*height: $dim * 0.64;*/
            height: 53.95vw;
            border-radius: 50%;
            background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/extra_cheer_btn_1.png?20221115");
            background-size: 100% auto;
            background-position: center bottom 1.41304vw;
            background-repeat: no-repeat;
            cursor: pointer; }
        #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .btn_area .caption {
          pointer-events: none;
          background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/extra_cheer_caption.png?20221115");
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          width: 100vw;
          /*height: 21vw;*/
          height: 19vw;
          position: absolute;
          top: -7vw;
          left: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
          opacity: 0; }
        #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .btn_area.tap .inner .extra_cheer_btn {
          background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/extra_cheer_btn_2.png?20221115"); }
      #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .counter_area {
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/extra_cheer_counter_bg.png?20221115");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 4.95vw;
        margin-top: 20vw;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 90vw;
        height: 21vw;
        line-height: 18vw;
        padding-right: 8vw;
        font-family: 'Russo One', sans-serif;
        font-size: 12vw;
        color: #3a3a3a;
        text-align: right; }
        #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .counter_area span {
          display: inline-block;
          width: 8vw;
          text-align: center;
          font-family: 'Russo One', sans-serif;
          font-size: 12vw;
          color: #3a3a3a; }
        #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .counter_area:before {
          content: "";
          display: block;
          width: 60vw;
          height: 6.36vw;
          background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/extra_cheer_counter_title.png?20221115");
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          position: absolute;
          top: -4.36vw;
          left: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%); }
        #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap .counter_area:after {
          content: "";
          display: block;
          background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/extra_cheer_counter_txt.png?20221115");
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          position: absolute;
          width: 10vw;
          height: 10vw;
          bottom: 0;
          right: 8vw; }
      #wrapper main #extra_panel #extra_cheer_area .extra_cheer_wrap.hide {
        display: none; }
      #wrapper main #extra_panel #extra_cheer_area .fog_effect_area {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        width: 60vw;
        height: 60vw;
        opacity: 0;
        pointer-events: none; }
        #wrapper main #extra_panel #extra_cheer_area .fog_effect_area .fog {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
          #wrapper main #extra_panel #extra_cheer_area .fog_effect_area .fog .inner {
            width: 100%;
            height: 100%;
            background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/fog_03.png?20221115");
            background-size: contain;
            background-repeat: no-repeat;
            opacity: 1; }
          #wrapper main #extra_panel #extra_cheer_area .fog_effect_area .fog.fog_1 {
            -webkit-transform: rotateZ(0deg);
                -ms-transform: rotate(0deg);
                    transform: rotateZ(0deg); }
            #wrapper main #extra_panel #extra_cheer_area .fog_effect_area .fog.fog_1 .inner {
              background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/fog_02.png?20221115"); }
          #wrapper main #extra_panel #extra_cheer_area .fog_effect_area .fog.fog_2 {
            -webkit-transform: rotateZ(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotateZ(45deg); }
            #wrapper main #extra_panel #extra_cheer_area .fog_effect_area .fog.fog_2 .inner {
              background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/fog_01.png?20221115"); }
          #wrapper main #extra_panel #extra_cheer_area .fog_effect_area .fog.fog_3 {
            -webkit-transform: rotateZ(90deg);
                -ms-transform: rotate(90deg);
                    transform: rotateZ(90deg); }
            #wrapper main #extra_panel #extra_cheer_area .fog_effect_area .fog.fog_3 .inner {
              background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/fog_02.png?20221115"); }
          #wrapper main #extra_panel #extra_cheer_area .fog_effect_area .fog.fog_4 {
            -webkit-transform: rotateZ(135deg);
                -ms-transform: rotate(135deg);
                    transform: rotateZ(135deg); }
          #wrapper main #extra_panel #extra_cheer_area .fog_effect_area .fog.fog_5 {
            -webkit-transform: rotateZ(180deg);
                -ms-transform: rotate(180deg);
                    transform: rotateZ(180deg); }
            #wrapper main #extra_panel #extra_cheer_area .fog_effect_area .fog.fog_5 .inner {
              background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/fog_04.png?20221115"); }
          #wrapper main #extra_panel #extra_cheer_area .fog_effect_area .fog.fog_6 {
            -webkit-transform: rotateZ(225deg);
                -ms-transform: rotate(225deg);
                    transform: rotateZ(225deg); }
          #wrapper main #extra_panel #extra_cheer_area .fog_effect_area .fog.fog_7 {
            -webkit-transform: rotateZ(270deg);
                -ms-transform: rotate(270deg);
                    transform: rotateZ(270deg); }
            #wrapper main #extra_panel #extra_cheer_area .fog_effect_area .fog.fog_7 .inner {
              background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/fog_01.png?20221115"); }
          #wrapper main #extra_panel #extra_cheer_area .fog_effect_area .fog.fog_8 {
            -webkit-transform: rotateZ(315deg);
                -ms-transform: rotate(315deg);
                    transform: rotateZ(315deg); }
            #wrapper main #extra_panel #extra_cheer_area .fog_effect_area .fog.fog_8 .inner {
              background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/fog_02.png?20221115"); }
        #wrapper main #extra_panel #extra_cheer_area .fog_effect_area.action {
          -webkit-transition: opacity 0.05s, -webkit-transform 2s;
          transition: opacity 0.05s, -webkit-transform 2s;
          -o-transition: transform 2s, opacity 0.05s;
          transition: transform 2s, opacity 0.05s;
          transition: transform 2s, opacity 0.05s, -webkit-transform 2s;
          -webkit-transform: translateY(-80vw) translateX(-50%);
              -ms-transform: translateY(-80vw) translateX(-50%);
                  transform: translateY(-80vw) translateX(-50%);
          opacity: 1; }
          #wrapper main #extra_panel #extra_cheer_area .fog_effect_area.action .fog .inner {
            -webkit-transition: opacity 2s 0.05s, -webkit-transform 2s;
            transition: opacity 2s 0.05s, -webkit-transform 2s;
            -o-transition: transform 2s, opacity 2s 0.05s;
            transition: transform 2s, opacity 2s 0.05s;
            transition: transform 2s, opacity 2s 0.05s, -webkit-transform 2s;
            -webkit-transform: translateY(-30vw) scale(1.5);
                -ms-transform: translateY(-30vw) scale(1.5);
                    transform: translateY(-30vw) scale(1.5);
            opacity: 0; }
          #wrapper main #extra_panel #extra_cheer_area .fog_effect_area.action .fog.fog_9 .inner {
            -webkit-transform: scale(1.5);
                -ms-transform: scale(1.5);
                    transform: scale(1.5); }
    #wrapper main #extra_panel .white_screen {
      width: 100vw;
      height: 100vh;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #ffffff;
      pointer-events: none;
      opacity: 0; }
      #wrapper main #extra_panel .white_screen.show {
        opacity: 1; }
    #wrapper main #extra_panel.extra_cheer {
      pointer-events: all; }
      #wrapper main #extra_panel.extra_cheer .bg {
        opacity: 1; }
      #wrapper main #extra_panel.extra_cheer #extra_cheer_area {
        opacity: 1; }
        #wrapper main #extra_panel.extra_cheer #extra_cheer_area .extra_cheer_wrap .btn_area .caption {
          /*
                                transition: opacity 1s linear 1s;
                                opacity: 1;
                                */
          -webkit-animation: fadein_effect 1s linear 1s 1 forwards,
 fadeout_effect 1s linear 6s 1 forwards;
                  animation: fadein_effect 1s linear 1s 1 forwards,
 fadeout_effect 1s linear 6s 1 forwards; }
  #wrapper main #score_info_panel {
    pointer-events: none; }
    #wrapper main #score_info_panel .info_display {
      pointer-events: all;
      position: fixed;
      bottom: 0;
      width: 100%;
      background-color: #ffffff;
      color: #333333;
      -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.6));
              filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.6));
      -webkit-transform: translateY(15vw);
          -ms-transform: translateY(15vw);
              transform: translateY(15vw);
      -webkit-transition: -webkit-transform 0.5s ease;
      transition: -webkit-transform 0.5s ease;
      -o-transition: transform 0.5s ease;
      transition: transform 0.5s ease;
      transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
      #wrapper main #score_info_panel .info_display .switch_btn {
        width: 16vw;
        height: 10vw;
        position: absolute;
        top: -9.8vw;
        right: 3vw;
        background-color: #ffffff;
        border-radius: 2vw 2vw 0 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;
        font-size: 4vw; }
        #wrapper main #score_info_panel .info_display .switch_btn .up {
          display: block; }
        #wrapper main #score_info_panel .info_display .switch_btn .down {
          display: none; }
      #wrapper main #score_info_panel .info_display .inner .score_info_area {
        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;
        margin-top: 1vw; }
        #wrapper main #score_info_panel .info_display .inner .score_info_area .score_info {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          height: 8vw;
          line-height: 8vw;
          font-size: 5vw; }
          #wrapper main #score_info_panel .info_display .inner .score_info_area .score_info .team {
            width: 30vw; }
          #wrapper main #score_info_panel .info_display .inner .score_info_area .score_info .score {
            width: 10vw;
            text-align: center; }
          #wrapper main #score_info_panel .info_display .inner .score_info_area .score_info:nth-child(1) .team {
            text-align: left; }
          #wrapper main #score_info_panel .info_display .inner .score_info_area .score_info:nth-child(3) {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -webkit-flex-direction: row-reverse;
                -ms-flex-direction: row-reverse;
                    flex-direction: row-reverse; }
            #wrapper main #score_info_panel .info_display .inner .score_info_area .score_info:nth-child(3) .team {
              text-align: right; }
        #wrapper main #score_info_panel .info_display .inner .score_info_area .separation {
          margin: 0 2vw; }
      #wrapper main #score_info_panel .info_display .inner .state {
        height: 5vw;
        line-height: 5vw;
        font-size: 4vw;
        text-align: center;
        margin-bottom: 1vw; }
    #wrapper main #score_info_panel.show {
      z-index: 10; }
      #wrapper main #score_info_panel.show .info_display {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0); }
        #wrapper main #score_info_panel.show .info_display .switch_btn .up {
          display: none; }
        #wrapper main #score_info_panel.show .info_display .switch_btn .down {
          display: block; }
  #wrapper main #lottery_panel {
    pointer-events: none; }
    #wrapper main #lottery_panel .info_display {
      pointer-events: all;
      position: fixed;
      bottom: 0;
      width: 100%;
      background-color: #ffffff;
      color: #333333;
      -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.6));
              filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.6));
      /*transform: translateY(1vw+8vw+5vw+1vw);*/
      -webkit-transform: translateY(100%);
          -ms-transform: translateY(100%);
              transform: translateY(100%);
      -webkit-transition: -webkit-transform 0.5s ease;
      transition: -webkit-transform 0.5s ease;
      -o-transition: transform 0.5s ease;
      transition: transform 0.5s ease;
      transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
      #wrapper main #lottery_panel .info_display .switch_btn {
        /*width: 16vw;*/
        /*width: 55vw;*/
        height: 10vw;
        position: absolute;
        top: -9.8vw;
        right: 3vw;
        /*
                    left: 50%;
                    transform: translateX(-50%);
                    */
        padding-left: 3vw;
        padding-right: 2vw;
        background-color: #ffffff;
        border-radius: 2vw 2vw 0 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;
        font-size: 4vw; }
        #wrapper main #lottery_panel .info_display .switch_btn .up {
          display: block; }
        #wrapper main #lottery_panel .info_display .switch_btn .down {
          display: none; }
      #wrapper main #lottery_panel .info_display .inner .txt {
        text-align: center;
        margin-top: 1vw; }
        #wrapper main #lottery_panel .info_display .inner .txt span {
          color: #b82906;
          font-weight: bold; }
        #wrapper main #lottery_panel .info_display .inner .txt.blink span {
          -webkit-animation-name: flash_effect_06;
                  animation-name: flash_effect_06;
          -webkit-animation-timing-function: linear;
                  animation-timing-function: linear;
          -webkit-animation-duration: 0.3s;
                  animation-duration: 0.3s;
          -webkit-animation-iteration-count: 5;
                  animation-iteration-count: 5;
          -webkit-animation-fill-mode: forwards;
                  animation-fill-mode: forwards; }
      #wrapper main #lottery_panel .info_display .inner .btn_area {
        width: 100vw;
        height: 23vw;
        background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/lottery_bg.png?20221115");
        background-size: contain;
        background-repeat: no-repeat;
        position: relative;
        margin: 2vw 0; }
        #wrapper main #lottery_panel .info_display .inner .btn_area .btn {
          width: 35vw;
          height: 20vw;
          background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/lottery_btn.png?20221115");
          background-size: contain;
          background-repeat: no-repeat;
          position: absolute;
          top: 2vw;
          right: 1.5vw;
          cursor: pointer; }
    #wrapper main #lottery_panel.show {
      z-index: 10; }
      #wrapper main #lottery_panel.show .info_display {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0); }
        #wrapper main #lottery_panel.show .info_display .switch_btn .up {
          display: none; }
        #wrapper main #lottery_panel.show .info_display .switch_btn .down {
          display: block; }
  #wrapper main #topics_list_panel {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 0;
    pointer-events: none;
    z-index: 10; }
    #wrapper main #topics_list_panel.show {
      opacity: 1;
      pointer-events: all; }
    #wrapper main #topics_list_panel .bg {
      background-color: rgba(0, 0, 0, 0.6);
      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;
      width: 100vw;
      height: 100vh; }
      #wrapper main #topics_list_panel .bg .dialog {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 90vw;
        border-radius: 2vw;
        overflow: hidden; }
        #wrapper main #topics_list_panel .bg .dialog .select_tab {
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          border-bottom: 1px solid;
          display: none; }
          #wrapper main #topics_list_panel .bg .dialog .select_tab.show {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex; }
          #wrapper main #topics_list_panel .bg .dialog .select_tab .tab {
            cursor: pointer;
            border-top: 1px solid;
            border-left: 1px solid;
            border-right: 1px solid;
            padding: 10px;
            border-radius: 2vw 2vw 0 0;
            width: 50%;
            background-color: beige;
            text-align: center; }
            #wrapper main #topics_list_panel .bg .dialog .select_tab .tab.active {
              background-color: #ffffff;
              margin-bottom: -2px; }
        #wrapper main #topics_list_panel .bg .dialog .inner {
          padding: 5vw;
          background-color: #ffffff; }
          #wrapper main #topics_list_panel .bg .dialog .inner .info_list {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
            -webkit-align-content: flex-start;
                -ms-flex-line-pack: start;
                    align-content: flex-start;
            height: 30vh;
            overflow-y: scroll; }
            #wrapper main #topics_list_panel .bg .dialog .inner .info_list .topic {
              width: 50%;
              height: 20vw;
              padding: 0.5vw;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box; }
              #wrapper main #topics_list_panel .bg .dialog .inner .info_list .topic .inner {
                background-color: #032f7a;
                color: #ffffff;
                border-radius: 1vw;
                margin: 1vw;
                padding: 2vw;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                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;
                height: 100%;
                cursor: pointer;
                font-size: 3.5vw; }
          #wrapper main #topics_list_panel .bg .dialog .inner .btn_area .close_btn {
            width: 50vw;
            height: 10vw;
            line-height: 10vw;
            border-radius: 2vw;
            background-color: #b82906;
            color: #ffffff;
            text-align: center;
            margin: 5vw auto 0;
            cursor: pointer; }
  #wrapper main #topics_panel {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 0;
    pointer-events: none;
    z-index: 10; }
    #wrapper main #topics_panel.show {
      opacity: 1;
      pointer-events: all; }
    #wrapper main #topics_panel .bg {
      background-color: rgba(0, 0, 0, 0.6);
      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;
      width: 100vw;
      height: 100vh; }
      #wrapper main #topics_panel .bg .dialog {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        /*width: 90vw;*/
        width: 86vw;
        background-color: #ffffff;
        border-radius: 2vw;
        /*padding: 5vw;*/
        padding: 4vw; }
        #wrapper main #topics_panel .bg .dialog h1 {
          /*
                        font-size: 5.4vw;
                        margin-top: 5vw;
                        */
          font-size: 5vw;
          margin-top: 1vw;
          text-align: center;
          background-color: #032f7a;
          color: #ffffff;
          padding: 2vw;
          border-radius: 2vw; }
        #wrapper main #topics_panel .bg .dialog .header {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: end;
          -webkit-align-items: flex-end;
              -ms-flex-align: end;
                  align-items: flex-end;
          margin-bottom: 3vw; }
          #wrapper main #topics_panel .bg .dialog .header .position {
            font-size: 5vw;
            font-weight: bold;
            min-width: 10vw;
            margin-right: 2vw; }
          #wrapper main #topics_panel .bg .dialog .header .name {
            font-size: 6vw;
            font-weight: bold; }
        #wrapper main #topics_panel .bg .dialog .team {
          text-align: right;
          font-size: 5vw;
          margin-bottom: 7vw;
          border-bottom: solid 2px #666666;
          padding-bottom: 2vw; }
        #wrapper main #topics_panel .bg .dialog .pic img {
          width: 100%; }
        #wrapper main #topics_panel .bg .dialog .inner {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
          overflow-y: scroll;
          /*
                        margin-top: 3vw;
                        font-size: 4.4vw;
                        line-height: 6vw;
                        */
          font-size: 3.8vw;
          margin-top: 1vw;
          line-height: 4.5vw; }
          #wrapper main #topics_panel .bg .dialog .inner .small {
            /*
                            font-size: 3.8vw;
                            line-height: 4.5vw;
                            */
            font-size: 3.2vw;
            line-height: 3.8vw; }
        #wrapper main #topics_panel .bg .dialog .btn_area .close_btn {
          width: 50vw;
          height: 10vw;
          line-height: 10vw;
          border-radius: 2vw;
          background-color: #b82906;
          color: #ffffff;
          text-align: center;
          /*margin: 5vw auto 0;*/
          margin: 2vw auto;
          cursor: pointer; }
  #wrapper main #pickup_select_panel .bg {
    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: rgba(0, 0, 0, 0.6); }
    #wrapper main #pickup_select_panel .bg .dialog {
      width: 90vw;
      border-radius: 2vw;
      position: relative; }
      #wrapper main #pickup_select_panel .bg .dialog .title {
        height: 10vw;
        line-height: 10vw;
        padding-left: 8vw;
        color: #ffffff;
        font-weight: bold;
        background-color: #0060ce;
        border-radius: 2vw 2vw 0 0; }
      #wrapper main #pickup_select_panel .bg .dialog .main {
        background-color: #ffffff;
        border-radius: 0 0 2vw 2vw;
        padding: 4vw 0 6vw; }
        #wrapper main #pickup_select_panel .bg .dialog .main .player_area {
          height: 50vh;
          overflow-y: scroll; }
          #wrapper main #pickup_select_panel .bg .dialog .main .player_area ul {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
            list-style: none;
            width: 80vw;
            margin: 0 auto; }
            #wrapper main #pickup_select_panel .bg .dialog .main .player_area ul li {
              cursor: pointer;
              width: 38vw;
              margin: 1vw;
              position: relative; }
              #wrapper main #pickup_select_panel .bg .dialog .main .player_area ul li .img img {
                width: 100%; }
              #wrapper main #pickup_select_panel .bg .dialog .main .player_area ul li .img .type {
                position: absolute;
                top: 1.2vw;
                right: 0;
                background-color: #c3992d;
                color: #ffffff;
                font-weight: bold;
                width: 10vw;
                height: 5vw;
                line-height: 6vw;
                text-align: center;
                font-size: 4vw;
                border-radius: 1.5vw 0 0 1.5vw;
                opacity: 0; }
              #wrapper main #pickup_select_panel .bg .dialog .main .player_area ul li .favorite {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                background-color: rgba(0, 0, 0, 0.6);
                color: #ffffff;
                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;
                font-size: 6vw;
                font-weight: bold;
                opacity: 0; }
              #wrapper main #pickup_select_panel .bg .dialog .main .player_area ul li .frame {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                border: solid 1.5vw #ff4c24;
                opacity: 0; }
              #wrapper main #pickup_select_panel .bg .dialog .main .player_area ul li.notavailable {
                cursor: auto;
                pointer-events: none; }
                #wrapper main #pickup_select_panel .bg .dialog .main .player_area ul li.notavailable .favorite {
                  opacity: 1; }
              #wrapper main #pickup_select_panel .bg .dialog .main .player_area ul li.selected .frame {
                opacity: 1; }
              #wrapper main #pickup_select_panel .bg .dialog .main .player_area ul li.fw .img .type_fw {
                opacity: 1; }
              #wrapper main #pickup_select_panel .bg .dialog .main .player_area ul li.mf .img .type_mf {
                opacity: 1; }
              #wrapper main #pickup_select_panel .bg .dialog .main .player_area ul li.df .img .type_df {
                opacity: 1; }
              #wrapper main #pickup_select_panel .bg .dialog .main .player_area ul li.gk .img .type_gk {
                opacity: 1; }
        #wrapper main #pickup_select_panel .bg .dialog .main .txt {
          margin-top: 4vw;
          text-align: center;
          font-weight: bold;
          color: #032f7a;
          font-size: 4vw;
          line-height: 5vw; }
          #wrapper main #pickup_select_panel .bg .dialog .main .txt .caution {
            color: #ff0000; }
        #wrapper main #pickup_select_panel .bg .dialog .main .btn_area {
          margin-top: 4vw; }
          #wrapper main #pickup_select_panel .bg .dialog .main .btn_area .update_btn {
            background-color: #c6061d;
            text-align: center;
            font-weight: bold;
            color: #ffffff;
            width: 30vw;
            height: 8vw;
            line-height: 8vw;
            border-radius: 4vw;
            margin: 0 auto;
            pointer-events: none;
            opacity: 0; }
            #wrapper main #pickup_select_panel .bg .dialog .main .btn_area .update_btn.show {
              cursor: pointer;
              pointer-events: all;
              opacity: 1; }
      #wrapper main #pickup_select_panel .bg .dialog .close_btn {
        background-color: #082f7c;
        border: solid 2px #0d408f;
        color: #ffffff;
        font-size: 6vw;
        font-weight: bold;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 8vw;
        height: 8vw;
        line-height: 8vw;
        border-radius: 4vw;
        text-align: center;
        position: absolute;
        top: -2vw;
        right: -2vw;
        cursor: pointer; }
  #wrapper main #halftime_panel {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 0;
    pointer-events: none; }
    #wrapper main #halftime_panel.show {
      opacity: 1;
      pointer-events: all; }
    #wrapper main #halftime_panel .bg {
      background-color: rgba(0, 0, 0, 0.6);
      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;
      width: 100vw;
      height: 100vh; }
      #wrapper main #halftime_panel .bg .dialog {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 90vw;
        background-color: #ffffff;
        border-radius: 2vw;
        padding: 5vw; }
        #wrapper main #halftime_panel .bg .dialog h1 {
          font-size: 5vw; }
        #wrapper main #halftime_panel .bg .dialog .tap_num {
          margin-top: 10vw;
          font-size: 5vw;
          font-weight: bold;
          line-height: 8vw;
          text-align: center; }
          #wrapper main #halftime_panel .bg .dialog .tap_num span {
            font-size: 7vw;
            line-height: 10vw;
            color: #0060ce; }
        #wrapper main #halftime_panel .bg .dialog .inner {
          height: 10vh;
          /*margin-top: 10vw;*/
          margin-top: 3vw;
          font-size: 4.5vw;
          line-height: 8vw;
          text-align: center; }
        #wrapper main #halftime_panel .bg .dialog .btn_area .close_btn {
          width: 50vw;
          height: 10vw;
          line-height: 10vw;
          border-radius: 2vw;
          background-color: #b82906;
          color: #ffffff;
          text-align: center;
          margin: 5vw auto 0;
          cursor: pointer; }
  #wrapper main #pickup_effect_panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.5s linear 1.2s;
    -o-transition: opacity 0.5s linear 1.2s;
    transition: opacity 0.5s linear 1.2s; }
    #wrapper main #pickup_effect_panel .bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100%;
      z-index: -10;
      background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/pickup_bg.png?20221115");
      background-size: 100vw auto; }
      #wrapper main #pickup_effect_panel .bg .flash {
        background-color: rgba(255, 255, 255, 0.4);
        width: 100vw;
        height: 100%;
        -webkit-animation-name: flash_effect_04;
                animation-name: flash_effect_04;
        -webkit-animation-timing-function: linear;
                animation-timing-function: linear;
        -webkit-animation-duration: 0.1s;
                animation-duration: 0.1s;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite; }
    #wrapper main #pickup_effect_panel .effect_main {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      #wrapper main #pickup_effect_panel .effect_main .player {
        width: 86vw;
        margin: 0 auto;
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5);
        opacity: 0;
        -webkit-transition: opacity 0.4s linear 1s, -webkit-transform 0.5s cubic-bezier(0.62, 1.34, 0.74, 1.42) 1s;
        transition: opacity 0.4s linear 1s, -webkit-transform 0.5s cubic-bezier(0.62, 1.34, 0.74, 1.42) 1s;
        -o-transition: transform 0.5s cubic-bezier(0.62, 1.34, 0.74, 1.42) 1s, opacity 0.4s linear 1s;
        transition: transform 0.5s cubic-bezier(0.62, 1.34, 0.74, 1.42) 1s, opacity 0.4s linear 1s;
        transition: transform 0.5s cubic-bezier(0.62, 1.34, 0.74, 1.42) 1s, opacity 0.4s linear 1s, -webkit-transform 0.5s cubic-bezier(0.62, 1.34, 0.74, 1.42) 1s; }
        #wrapper main #pickup_effect_panel .effect_main .player img {
          width: 100%; }
      #wrapper main #pickup_effect_panel .effect_main .caption {
        width: 100vw;
        margin-top: -10vw;
        -webkit-transform: translateY(300vw);
            -ms-transform: translateY(300vw);
                transform: translateY(300vw);
        -webkit-transition: -webkit-transform 0.8s linear 1.2s;
        transition: -webkit-transform 0.8s linear 1.2s;
        -o-transition: transform 0.8s linear 1.2s;
        transition: transform 0.8s linear 1.2s;
        transition: transform 0.8s linear 1.2s, -webkit-transform 0.8s linear 1.2s; }
        #wrapper main #pickup_effect_panel .effect_main .caption img {
          width: 100%; }
    #wrapper main #pickup_effect_panel .white_screen {
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100%;
      background-color: #ffffff;
      opacity: 1;
      -webkit-transition: opacity 0.5s linear 2s;
      -o-transition: opacity 0.5s linear 2s;
      transition: opacity 0.5s linear 2s; }
    #wrapper main #pickup_effect_panel.show {
      opacity: 1;
      -webkit-transition: opacity 0.2s linear;
      -o-transition: opacity 0.2s linear;
      transition: opacity 0.2s linear; }
      #wrapper main #pickup_effect_panel.show .effect_main .player {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        opacity: 1; }
      #wrapper main #pickup_effect_panel.show .effect_main .caption {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0); }
      #wrapper main #pickup_effect_panel.show .white_screen {
        opacity: 0;
        -webkit-transition: opacity 0.2s linear 0.5s;
        -o-transition: opacity 0.2s linear 0.5s;
        transition: opacity 0.2s linear 0.5s; }
  #wrapper main #bonus_all_effect_panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 1.0s linear 2s;
    -o-transition: opacity 1.0s linear 2s;
    transition: opacity 1.0s linear 2s; }
    #wrapper main #bonus_all_effect_panel .effect_main {
      width: 100vw;
      height: 100vh;
      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;
      -webkit-transform: translateX(-100vw);
          -ms-transform: translateX(-100vw);
              transform: translateX(-100vw); }
      #wrapper main #bonus_all_effect_panel .effect_main .ball_wrap {
        -webkit-transform: translateY(10vh);
            -ms-transform: translateY(10vh);
                transform: translateY(10vh); }
        #wrapper main #bonus_all_effect_panel .effect_main .ball_wrap .ball_inner .ball {
          background-size: contain;
          width: 80vw;
          height: 80vw;
          -webkit-animation: ball_bound_effect 1.0s linear 0s infinite;
                  animation: ball_bound_effect 1.0s linear 0s infinite;
          cursor: pointer; }
    #wrapper main #bonus_all_effect_panel.gold .ball {
      background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/ball_g.png?20221115"); }
    #wrapper main #bonus_all_effect_panel.silver .ball {
      background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/ball_s.png?20221115"); }
    #wrapper main #bonus_all_effect_panel.copper .ball {
      background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/ball_c.png?20221115"); }
    #wrapper main #bonus_all_effect_panel.show {
      opacity: 1;
      -webkit-transition: opacity 0s linear;
      -o-transition: opacity 0s linear;
      transition: opacity 0s linear; }
      #wrapper main #bonus_all_effect_panel.show .effect_main {
        -webkit-transform: translateX(0vw);
            -ms-transform: translateX(0vw);
                transform: translateX(0vw);
        -webkit-transition: -webkit-transform 0.2s linear;
        transition: -webkit-transform 0.2s linear;
        -o-transition: transform 0.2s linear;
        transition: transform 0.2s linear;
        transition: transform 0.2s linear, -webkit-transform 0.2s linear; }
    #wrapper main #bonus_all_effect_panel.action .effect_main {
      -webkit-transform: translateX(0vw);
          -ms-transform: translateX(0vw);
              transform: translateX(0vw); }
      #wrapper main #bonus_all_effect_panel.action .effect_main .ball_wrap {
        -webkit-transform: translateY(0vh);
            -ms-transform: translateY(0vh);
                transform: translateY(0vh); }
        #wrapper main #bonus_all_effect_panel.action .effect_main .ball_wrap .ball_inner {
          -webkit-animation: ball_shoot_effect 1.2s cubic-bezier(0.56, -0.85, 0.83, 0.67) 0s 1 forwards;
                  animation: ball_shoot_effect 1.2s cubic-bezier(0.56, -0.85, 0.83, 0.67) 0s 1 forwards; }
          #wrapper main #bonus_all_effect_panel.action .effect_main .ball_wrap .ball_inner .ball {
            -webkit-animation: round_effect 0.2s linear 0s infinite;
                    animation: round_effect 0.2s linear 0s infinite;
            cursor: none; }
  #wrapper main #point_bonus_effect_panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0; }
    #wrapper main #point_bonus_effect_panel .light_beam {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
      #wrapper main #point_bonus_effect_panel .light_beam .inner {
        width: 120vh;
        height: 120vh;
        background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/point_bonus_effect_light_beam.png?20221115");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-animation: round_effect 20s linear 0s infinite;
                animation: round_effect 20s linear 0s infinite; }
      #wrapper main #point_bonus_effect_panel .light_beam.beam_1 .inner {
        -webkit-animation: round_effect 20s linear 0s infinite;
                animation: round_effect 20s linear 0s infinite; }
      #wrapper main #point_bonus_effect_panel .light_beam.beam_2 {
        top: 55%;
        left: 55%; }
        #wrapper main #point_bonus_effect_panel .light_beam.beam_2 .inner {
          -webkit-animation: round_effect 12s linear 0s infinite;
                  animation: round_effect 12s linear 0s infinite;
          opacity: 0.5; }
    #wrapper main #point_bonus_effect_panel .nebula {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
      #wrapper main #point_bonus_effect_panel .nebula .inner {
        width: 140vw;
        height: 140vw;
        background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/point_bonus_effect_nebula.png?20221115");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-animation-name: flash_effect_05;
                animation-name: flash_effect_05;
        -webkit-animation-timing-function: linear;
                animation-timing-function: linear;
        -webkit-animation-duration: 0.1s;
                animation-duration: 0.1s;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite; }
    #wrapper main #point_bonus_effect_panel .rainbow {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
      #wrapper main #point_bonus_effect_panel .rainbow .inner {
        width: 120vw;
        height: 120vw;
        background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/point_bonus_effect_rainbow.png?20221115");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-animation: round_effect 2s linear 0s infinite, huerotator_effect 3s linear infinite;
                animation: round_effect 2s linear 0s infinite, huerotator_effect 3s linear infinite; }
    #wrapper main #point_bonus_effect_panel .text_area {
      position: absolute;
      bottom: 57%;
      width: 100vw;
      opacity: 0; }
      #wrapper main #point_bonus_effect_panel .text_area .inner img {
        width: 94vw;
        display: block;
        margin: 0 auto; }
    #wrapper main #point_bonus_effect_panel .point_area {
      position: absolute;
      top: 50%;
      width: 100vw;
      opacity: 0; }
      #wrapper main #point_bonus_effect_panel .point_area .point_base {
        background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/point_bonus_effect_point_base.png?20221115");
        background-size: contain;
        background-repeat: no-repeat;
        width: 80vw;
        height: 34vw;
        margin-left: 9vw;
        position: relative; }
        #wrapper main #point_bonus_effect_panel .point_area .point_base .inner {
          width: 76vw;
          height: 22vw;
          position: absolute;
          top: 4vw;
          left: 2vw;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
          #wrapper main #point_bonus_effect_panel .point_area .point_base .inner .point {
            height: 22vw;
            margin: 0 auto;
            position: relative; }
            #wrapper main #point_bonus_effect_panel .point_area .point_base .inner .point .point_value {
              font-size: 14vw;
              letter-spacing: 2vw;
              font-family: 'Russo One', sans-serif;
              height: 22vw;
              line-height: 22vw;
              text-align: right; }
              #wrapper main #point_bonus_effect_panel .point_area .point_base .inner .point .point_value.base {
                color: rgba(0, 0, 0, 0); }
              #wrapper main #point_bonus_effect_panel .point_area .point_base .inner .point .point_value.back {
                width: 100%;
                position: absolute;
                top: 2px;
                left: 0;
                color: #999999;
                -webkit-text-stroke: 3px #999999;
                text-stroke: 3px #999999;
                font-weight: bold; }
              #wrapper main #point_bonus_effect_panel .point_area .point_base .inner .point .point_value.front {
                width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                color: #ffffff;
                font-size: 14vw;
                letter-spacing: 2vw;
                font-family: 'Russo One', sans-serif; }
        #wrapper main #point_bonus_effect_panel .point_area .point_base .get {
          background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/point_bonus_effect_point_get.png?20221115");
          background-size: contain;
          background-repeat: no-repeat;
          width: 32vw;
          height: 13vw;
          position: absolute;
          top: -4vw;
          left: -2vw;
          opacity: 0; }
          #wrapper main #point_bonus_effect_panel .point_area .point_base .get.show {
            -webkit-animation: collapse_effect_01 0.3s linear 0s 1 forwards;
                    animation: collapse_effect_01 0.3s linear 0s 1 forwards; }
    #wrapper main #point_bonus_effect_panel .white_screen {
      background-color: #ffffff;
      width: 100vw;
      height: 100vh;
      position: absolute;
      top: 0;
      left: 0; }
    #wrapper main #point_bonus_effect_panel.show {
      opacity: 1;
      /*transition: opacity 0.5s linear;*/
      -webkit-transition: opacity 0.3s linear;
      -o-transition: opacity 0.3s linear;
      transition: opacity 0.3s linear; }
      #wrapper main #point_bonus_effect_panel.show .text_area {
        /*animation:expand_effect_01 0.5s cubic-bezier(.64,1.27,.85,1.31) 1.3s 1 forwards;*/
        /*animation:expand_effect_01 0.5s cubic-bezier(.57,1.6,.75,1.57) 1.3s 1 forwards;*/
        -webkit-animation: expand_effect_01 0.3s cubic-bezier(0.57, 1.6, 0.75, 1.57) 0.8s 1 forwards;
                animation: expand_effect_01 0.3s cubic-bezier(0.57, 1.6, 0.75, 1.57) 0.8s 1 forwards; }
      #wrapper main #point_bonus_effect_panel.show .point_area {
        /*animation:expand_effect_01 0.5s cubic-bezier(.64,1.27,.85,1.31) 1.5s 1 forwards;*/
        /*animation:expand_effect_01 0.5s cubic-bezier(.57,1.6,.75,1.57) 1.5s 1 forwards;*/
        -webkit-animation: expand_effect_01 0.3s cubic-bezier(0.57, 1.6, 0.75, 1.57) 1s 1 forwards;
                animation: expand_effect_01 0.3s cubic-bezier(0.57, 1.6, 0.75, 1.57) 1s 1 forwards; }
      #wrapper main #point_bonus_effect_panel.show .white_screen {
        opacity: 0;
        /*transition: opacity 0.5s linear 0.8s;*/
        -webkit-transition: opacity 0.3s linear 0.5s;
        -o-transition: opacity 0.3s linear 0.5s;
        transition: opacity 0.3s linear 0.5s; }
    #wrapper main #point_bonus_effect_panel.hide {
      opacity: 0;
      /*transition: opacity 0.5s linear 0.8s;*/
      -webkit-transition: opacity 0.3s linear 0.5s;
      -o-transition: opacity 0.3s linear 0.5s;
      transition: opacity 0.3s linear 0.5s; }
      #wrapper main #point_bonus_effect_panel.hide .white_screen {
        opacity: 1;
        /*transition: opacity 0.5s linear;*/
        -webkit-transition: opacity 0.3s linear;
        -o-transition: opacity 0.3s linear;
        transition: opacity 0.3s linear; }
  #wrapper main #extra_cheer_success_effect_panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    overflow: hidden; }
    #wrapper main #extra_cheer_success_effect_panel .bg_effect_1 {
      width: 100vw;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0; }
      #wrapper main #extra_cheer_success_effect_panel .bg_effect_1 .radiation {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        width: 140vw;
        height: 140vw; }
        #wrapper main #extra_cheer_success_effect_panel .bg_effect_1 .radiation .inner {
          position: absolute;
          top: 0;
          left: 0;
          width: 140vw;
          height: 140vw;
          background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/extra_goal_radiation.png?20221115");
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat; }
          #wrapper main #extra_cheer_success_effect_panel .bg_effect_1 .radiation .inner.inner_1 {
            -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                    transform: rotate(0deg);
            -webkit-animation: flash_effect_03 1.5s linear infinite;
                    animation: flash_effect_03 1.5s linear infinite; }
          #wrapper main #extra_cheer_success_effect_panel .bg_effect_1 .radiation .inner.inner_2 {
            -webkit-transform: rotate(60deg);
                -ms-transform: rotate(60deg);
                    transform: rotate(60deg);
            -webkit-animation: flash_effect_03 1.5s linear 0.5s infinite;
                    animation: flash_effect_03 1.5s linear 0.5s infinite; }
          #wrapper main #extra_cheer_success_effect_panel .bg_effect_1 .radiation .inner.inner_3 {
            -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                    transform: rotate(180deg);
            -webkit-animation: flash_effect_03 1.5s linear 1s infinite;
                    animation: flash_effect_03 1.5s linear 1s infinite; }
      #wrapper main #extra_cheer_success_effect_panel .bg_effect_1 .light_beam {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%); }
        #wrapper main #extra_cheer_success_effect_panel .bg_effect_1 .light_beam .inner {
          width: 120vh;
          height: 120vh;
          background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/extra_goal_light_beam.png?20221115");
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          -webkit-animation: round_effect 20s linear 0s infinite;
                  animation: round_effect 20s linear 0s infinite; }
          #wrapper main #extra_cheer_success_effect_panel .bg_effect_1 .light_beam .inner.beam_1 .inner {
            -webkit-animation: round_effect 20s linear 0s infinite;
                    animation: round_effect 20s linear 0s infinite; }
          #wrapper main #extra_cheer_success_effect_panel .bg_effect_1 .light_beam .inner.beam_2 {
            top: 55%;
            left: 55%; }
            #wrapper main #extra_cheer_success_effect_panel .bg_effect_1 .light_beam .inner.beam_2 .inner {
              -webkit-animation: round_effect 12s linear 0s infinite;
                      animation: round_effect 12s linear 0s infinite;
              opacity: 0.5; }
      #wrapper main #extra_cheer_success_effect_panel .bg_effect_1 .nebula {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%); }
        #wrapper main #extra_cheer_success_effect_panel .bg_effect_1 .nebula .inner {
          width: 140vw;
          height: 140vw;
          background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/extra_goal_nebula.png?20221115");
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          -webkit-animation-name: flash_effect_05;
                  animation-name: flash_effect_05;
          -webkit-animation-timing-function: linear;
                  animation-timing-function: linear;
          -webkit-animation-duration: 0.1s;
                  animation-duration: 0.1s;
          -webkit-animation-iteration-count: infinite;
                  animation-iteration-count: infinite; }
      #wrapper main #extra_cheer_success_effect_panel .bg_effect_1 .rainbow {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%); }
        #wrapper main #extra_cheer_success_effect_panel .bg_effect_1 .rainbow .inner {
          width: 120vw;
          height: 120vw;
          background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/extra_goal_rainbow.png?20221115");
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          -webkit-animation: round_effect 2s linear 0s infinite, huerotator_effect 3s linear infinite;
                  animation: round_effect 2s linear 0s infinite, huerotator_effect 3s linear infinite; }
      #wrapper main #extra_cheer_success_effect_panel .bg_effect_1 .spark {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        opacity: 0; }
        #wrapper main #extra_cheer_success_effect_panel .bg_effect_1 .spark .inner {
          width: 120vw;
          height: 120vw;
          background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/extra_goal_spark.png?20221115");
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          -webkit-transform: scale(0.8);
              -ms-transform: scale(0.8);
                  transform: scale(0.8); }
        #wrapper main #extra_cheer_success_effect_panel .bg_effect_1 .spark.show {
          -webkit-animation: spark_effect 2s linear 0s 1 forwards;
                  animation: spark_effect 2s linear 0s 1 forwards; }
          #wrapper main #extra_cheer_success_effect_panel .bg_effect_1 .spark.show .inner {
            -webkit-transition: -webkit-transform 2s;
            transition: -webkit-transform 2s;
            -o-transition: transform 2s;
            transition: transform 2s;
            transition: transform 2s, -webkit-transform 2s;
            -webkit-transform: scale(2);
                -ms-transform: scale(2);
                    transform: scale(2); }
      #wrapper main #extra_cheer_success_effect_panel .bg_effect_1.show {
        -webkit-transition: opacity 1s;
        -o-transition: opacity 1s;
        transition: opacity 1s;
        opacity: 1; }
    #wrapper main #extra_cheer_success_effect_panel .bg_effect_2 {
      width: 100vw;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 1;
      background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/extra_goal_bg.png?20221115");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
      #wrapper main #extra_cheer_success_effect_panel .bg_effect_2 .confetti_1 {
        width: 100vw;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden; }
        #wrapper main #extra_cheer_success_effect_panel .bg_effect_2 .confetti_1 .inner {
          width: 100vw;
          height: 200vh;
          position: absolute;
          bottom: 0;
          left: 0;
          background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/confetti_1.png?20221115");
          background-size: auto 50%;
          -webkit-animation: vertical_scroll 8s linear infinite;
                  animation: vertical_scroll 8s linear infinite; }
      #wrapper main #extra_cheer_success_effect_panel .bg_effect_2 .confetti_2 {
        width: 100vw;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden; }
        #wrapper main #extra_cheer_success_effect_panel .bg_effect_2 .confetti_2 .inner {
          width: 100vw;
          height: 200vh;
          position: absolute;
          bottom: 0;
          left: 0;
          background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/confetti_2.png?20221115");
          background-size: auto 50%;
          -webkit-animation: vertical_scroll 12s linear infinite;
                  animation: vertical_scroll 12s linear infinite; }
      #wrapper main #extra_cheer_success_effect_panel .bg_effect_2 .radiation {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        width: 140vw;
        height: 140vw; }
        #wrapper main #extra_cheer_success_effect_panel .bg_effect_2 .radiation .inner {
          position: absolute;
          top: 0;
          left: 0;
          width: 140vw;
          height: 140vw;
          background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/extra_goal_radiation.png?20221115");
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat; }
          #wrapper main #extra_cheer_success_effect_panel .bg_effect_2 .radiation .inner.inner_1 {
            -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                    transform: rotate(0deg);
            -webkit-animation: flash_effect_03 1.5s linear infinite;
                    animation: flash_effect_03 1.5s linear infinite; }
          #wrapper main #extra_cheer_success_effect_panel .bg_effect_2 .radiation .inner.inner_2 {
            -webkit-transform: rotate(60deg);
                -ms-transform: rotate(60deg);
                    transform: rotate(60deg);
            -webkit-animation: flash_effect_03 1.5s linear 0.5s infinite;
                    animation: flash_effect_03 1.5s linear 0.5s infinite; }
          #wrapper main #extra_cheer_success_effect_panel .bg_effect_2 .radiation .inner.inner_3 {
            -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                    transform: rotate(180deg);
            -webkit-animation: flash_effect_03 1.5s linear 1s infinite;
                    animation: flash_effect_03 1.5s linear 1s infinite; }
    #wrapper main #extra_cheer_success_effect_panel .ball_effect {
      width: 100vw;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
      #wrapper main #extra_cheer_success_effect_panel .ball_effect .ball {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        width: 70vw;
        height: 70vw; }
        #wrapper main #extra_cheer_success_effect_panel .ball_effect .ball .inner {
          -webkit-transform: scale(3, 3) translate(0%, -100%);
              -ms-transform: scale(3, 3) translate(0%, -100%);
                  transform: scale(3, 3) translate(0%, -100%);
          position: absolute;
          top: 0;
          left: 0;
          width: 70vw;
          height: 70vw;
          background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/ball_g.png?20221115");
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat; }
      #wrapper main #extra_cheer_success_effect_panel .ball_effect.show .ball .inner {
        /*animation:ball_shoot_effect_2 0.8s linear 1s 1 forwards;*/
        -webkit-animation: ball_shoot_effect_2 0.5s linear 1 forwards;
                animation: ball_shoot_effect_2 0.5s linear 1 forwards; }
    #wrapper main #extra_cheer_success_effect_panel .main_logo {
      width: 100vw;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
      #wrapper main #extra_cheer_success_effect_panel .main_logo .inner {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        opacity: 0; }
        #wrapper main #extra_cheer_success_effect_panel .main_logo .inner img {
          width: 85vw;
          /*transform: scale(0.5);*/
          -webkit-transform: scale(2);
              -ms-transform: scale(2);
                  transform: scale(2); }
      #wrapper main #extra_cheer_success_effect_panel .main_logo.show .inner {
        opacity: 1;
        /*transition: opacity 1s;*/
        -webkit-transition: opacity 2s;
        -o-transition: opacity 2s;
        transition: opacity 2s;
        -webkit-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        transition: opacity 0.5s; }
        #wrapper main #extra_cheer_success_effect_panel .main_logo.show .inner img {
          -webkit-transform: scale(1);
              -ms-transform: scale(1);
                  transform: scale(1);
          /*transition: transform 2s;*/
          -webkit-transition: -webkit-transform 3s;
          transition: -webkit-transform 3s;
          -o-transition: transform 3s;
          transition: transform 3s;
          transition: transform 3s, -webkit-transform 3s;
          -webkit-transition: -webkit-transform 1s;
          transition: -webkit-transform 1s;
          -o-transition: transform 1s;
          transition: transform 1s;
          transition: transform 1s, -webkit-transform 1s; }
    #wrapper main #extra_cheer_success_effect_panel .white_screen {
      background-color: #ffffff;
      width: 100vw;
      height: 100vh;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 1; }
      #wrapper main #extra_cheer_success_effect_panel .white_screen.hide {
        opacity: 0; }
      #wrapper main #extra_cheer_success_effect_panel .white_screen.show_05 {
        -webkit-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        transition: opacity 0.5s; }
      #wrapper main #extra_cheer_success_effect_panel .white_screen.show_1 {
        -webkit-transition: opacity 1s;
        -o-transition: opacity 1s;
        transition: opacity 1s; }
      #wrapper main #extra_cheer_success_effect_panel .white_screen.show_2 {
        -webkit-transition: opacity 2s;
        -o-transition: opacity 2s;
        transition: opacity 2s; }
    #wrapper main #extra_cheer_success_effect_panel.show {
      opacity: 1; }
    #wrapper main #extra_cheer_success_effect_panel.action {
      /*
                .white_screen{
                    // 0
                    // 3500
                    animation:fadeout_effect 0.5s linear 0s 1 forwards,fadein_effect 1s linear 3.5s 1 forwards;
                }
                */ }
      #wrapper main #extra_cheer_success_effect_panel.action .bg_effect_1 {
        -webkit-transition: opacity 1s;
        -o-transition: opacity 1s;
        transition: opacity 1s;
        opacity: 1;
        -webkit-transition-delay: 900;
             -o-transition-delay: 900;
                transition-delay: 900; }
        #wrapper main #extra_cheer_success_effect_panel.action .bg_effect_1 .spark {
          -webkit-animation: spark_effect 2s linear 2s 1 forwards;
                  animation: spark_effect 2s linear 2s 1 forwards; }
          #wrapper main #extra_cheer_success_effect_panel.action .bg_effect_1 .spark .inner {
            /*
                            transition: transform 2s;
                            transform: scale(2);
                            transition-delay: 2000;
                            */
            -webkit-animation: spark_zoom_effect 2s linear 2s 1 forwards;
                    animation: spark_zoom_effect 2s linear 2s 1 forwards; }
      #wrapper main #extra_cheer_success_effect_panel.action .main_logo .inner {
        opacity: 1;
        -webkit-transition: opacity 2s;
        -o-transition: opacity 2s;
        transition: opacity 2s;
        -webkit-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        transition: opacity 0.5s;
        -webkit-transition-delay: 1.1s;
             -o-transition-delay: 1.1s;
                transition-delay: 1.1s; }
        #wrapper main #extra_cheer_success_effect_panel.action .main_logo .inner img {
          -webkit-transform: scale(1);
              -ms-transform: scale(1);
                  transform: scale(1);
          -webkit-transition: -webkit-transform 3s;
          transition: -webkit-transform 3s;
          -o-transition: transform 3s;
          transition: transform 3s;
          transition: transform 3s, -webkit-transform 3s;
          -webkit-transition: -webkit-transform 1s;
          transition: -webkit-transform 1s;
          -o-transition: transform 1s;
          transition: transform 1s;
          transition: transform 1s, -webkit-transform 1s; }
      #wrapper main #extra_cheer_success_effect_panel.action .ball_effect .ball .inner {
        -webkit-animation: ball_shoot_effect_2 0.5s linear 1.3s 1 forwards;
                animation: ball_shoot_effect_2 0.5s linear 1.3s 1 forwards; }
  #wrapper main #extra_cheer_fail_effect_panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0; }
  #wrapper main #white_screen_panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: #ffffff;
    opacity: 0;
    pointer-events: none; }
    #wrapper main #white_screen_panel.extra_cheer_success_action {
      -webkit-animation: fadein_effect 0.5s linear 0s 1 forwards,
 fadeout_effect 0.5s linear 1s 1 forwards,
 fadein_effect 1s linear 4.5s 1 forwards,
 fadeout_effect 0.5s linear 6s 1 forwards;
              animation: fadein_effect 0.5s linear 0s 1 forwards,
 fadeout_effect 0.5s linear 1s 1 forwards,
 fadein_effect 1s linear 4.5s 1 forwards,
 fadeout_effect 0.5s linear 6s 1 forwards; }
  #wrapper main #howto_panel {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 0;
    pointer-events: none; }
    #wrapper main #howto_panel.show {
      opacity: 1;
      pointer-events: all; }
    #wrapper main #howto_panel .bg {
      background-color: rgba(0, 0, 0, 0.6);
      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;
      width: 100vw;
      height: 100vh; }
      #wrapper main #howto_panel .bg .dialog {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 90vw;
        background-color: #ffffff;
        border-radius: 2vw;
        padding: 5vw; }
        #wrapper main #howto_panel .bg .dialog .inner {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
          height: 50vh;
          overflow-y: scroll;
          /* 中身 */ }
          #wrapper main #howto_panel .bg .dialog .inner .howto {
            margin-bottom: 8vw; }
            #wrapper main #howto_panel .bg .dialog .inner .howto h1 {
              font-size: 6vw;
              line-height: 9vw;
              text-align: center;
              margin-bottom: 5vw; }
            #wrapper main #howto_panel .bg .dialog .inner .howto p {
              font-size: 4vw;
              line-height: 6vw;
              margin-bottom: 8vw; }
              #wrapper main #howto_panel .bg .dialog .inner .howto p.center {
                text-align: center; }
            #wrapper main #howto_panel .bg .dialog .inner .howto img {
              width: 100%;
              margin-bottom: 5vw; }
              #wrapper main #howto_panel .bg .dialog .inner .howto img.point_img {
                margin-bottom: 2vw; }
            #wrapper main #howto_panel .bg .dialog .inner .howto .attention {
              font-size: 3.5vw;
              color: #ff0000;
              margin-bottom: 5vw; }
            #wrapper main #howto_panel .bg .dialog .inner .howto .bold_1 {
              font-weight: bold; }
            #wrapper main #howto_panel .bg .dialog .inner .howto .bold_2 {
              font-size: 4.5vw;
              font-weight: bold; }
            #wrapper main #howto_panel .bg .dialog .inner .howto .bold_3 {
              font-size: 5.5vw;
              font-weight: bold; }
            #wrapper main #howto_panel .bg .dialog .inner .howto .emphatic {
              text-align: center;
              font-size: 6vw;
              font-weight: bold;
              color: #ff0000;
              margin-bottom: 8vw; }
            #wrapper main #howto_panel .bg .dialog .inner .howto ul li {
              font-size: 4vw;
              line-height: 6vw;
              margin-left: 5vw;
              margin-bottom: 2vw; }
        #wrapper main #howto_panel .bg .dialog .btn_area .close_btn {
          width: 50vw;
          height: 10vw;
          line-height: 10vw;
          border-radius: 2vw;
          background-color: #b82906;
          color: #ffffff;
          text-align: center;
          margin: 5vw auto 0;
          cursor: pointer; }
  #wrapper main #start_panel {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -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: #ffffff;
    background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/start_bg.png?20221115");
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh; }
    #wrapper main #start_panel .start_btn {
      cursor: pointer;
      /*background-color: #bf0e20;*/
      /*
                background-color: #032f7a;
                color: #ffffff;
                */
      font-weight: bold;
      font-size: 9vw;
      width: 50vw;
      height: 50vw;
      line-height: 50vw;
      border-radius: 25vw;
      text-align: center;
      pointer-events: none;
      background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/extra_cheer_btn_1.png?20221115");
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center bottom 6vw; }
    #wrapper main #start_panel .txt {
      font-size: 3.5vw;
      display: none; }
    #wrapper main #start_panel.show {
      opacity: 1; }
      #wrapper main #start_panel.show .start_btn {
        pointer-events: all; }
  #wrapper main #tutorial_panel {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    background-color: #ffffff;
    padding: 5vw 0; }
    #wrapper main #tutorial_panel .inner {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      height: 100vh;
      background-color: #ffffff;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      #wrapper main #tutorial_panel .inner img {
        width: 80vw;
        height: auto; }
      #wrapper main #tutorial_panel .inner .btn {
        background-color: #333333;
        color: #ffffff;
        width: 50vw;
        height: 10vw;
        line-height: 10vw;
        text-align: center;
        border-radius: 3vw;
        margin-top: 5vw;
        pointer-events: none; }
    #wrapper main #tutorial_panel.show {
      opacity: 1; }
      #wrapper main #tutorial_panel.show .inner .btn {
        cursor: pointer;
        pointer-events: all; }
  #wrapper main #preinitiation_panel {
    background-color: #ffffff; }
    #wrapper main #preinitiation_panel .dummy {
      width: 100vw;
      height: 100vh;
      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; }
      #wrapper main #preinitiation_panel .dummy span {
        color: #ffffff; }
      #wrapper main #preinitiation_panel .dummy img {
        width: 100%;
        height: auto; }
    #wrapper main #preinitiation_panel .btn_area {
      position: absolute;
      bottom: 0;
      width: 100vw; }
      #wrapper main #preinitiation_panel .btn_area .btn {
        background-color: #bf0e20;
        color: #ffffff;
        width: 30vw;
        height: 10vw;
        line-height: 10vw;
        margin: 10vw auto;
        text-align: center;
        border-radius: 2vw;
        cursor: pointer;
        pointer-events: none;
        opacity: 0; }
        #wrapper main #preinitiation_panel .btn_area .btn.show {
          pointer-events: all;
          opacity: 1;
          -webkit-transition: opacity 0.5s;
          -o-transition: opacity 0.5s;
          transition: opacity 0.5s; }
    #wrapper main #preinitiation_panel .white_screen {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: #ffffff; }
    #wrapper main #preinitiation_panel .logo_panel {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      opacity: 1; }
      #wrapper main #preinitiation_panel .logo_panel .logo_img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        opacity: 0; }
        #wrapper main #preinitiation_panel .logo_panel .logo_img img {
          width: 90vw; }
    #wrapper main #preinitiation_panel.show .white_screen {
      opacity: 0;
      -webkit-transition: opacity 1s linear 5s;
      -o-transition: opacity 1s linear 5s;
      transition: opacity 1s linear 5s;
      pointer-events: none; }
    #wrapper main #preinitiation_panel.show .logo_panel {
      opacity: 0;
      -webkit-transition: opacity 1.5s linear 3s;
      -o-transition: opacity 1.5s linear 3s;
      transition: opacity 1.5s linear 3s;
      pointer-events: none; }
      #wrapper main #preinitiation_panel.show .logo_panel .logo_img {
        opacity: 1;
        -webkit-transition: opacity 0.5s linear;
        -o-transition: opacity 0.5s linear;
        transition: opacity 0.5s linear; }
    #wrapper main #preinitiation_panel.hide {
      pointer-events: none;
      opacity: 0;
      -webkit-transition: opacity 0.5s;
      -o-transition: opacity 0.5s;
      transition: opacity 0.5s; }
      #wrapper main #preinitiation_panel.hide * {
        pointer-events: none !important; }
  #wrapper main #close_panel {
    pointer-events: none;
    opacity: 0;
    overflow: hidden;
    position: relative;
    z-index: 10; }
    #wrapper main #close_panel .bg {
      width: 120vw;
      height: 150vh;
      position: fixed;
      top: 0;
      right: 0; }
      #wrapper main #close_panel .bg .inner_1 {
        width: 120vw;
        height: 150vh;
        -webkit-transform: translateX(-120vw);
            -ms-transform: translateX(-120vw);
                transform: translateX(-120vw); }
        #wrapper main #close_panel .bg .inner_1 .inner_2 {
          width: 120vw;
          height: 150vh;
          background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/result_back.png?20221115");
          background-size: contain;
          -webkit-transform-origin: right top;
              -ms-transform-origin: right top;
                  transform-origin: right top;
          -webkit-transform: skewX(-2deg);
              -ms-transform: skewX(-2deg);
                  transform: skewX(-2deg); }
    #wrapper main #close_panel .result_area {
      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;
      width: 100vw;
      /*height: 100vh;*/
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0; }
      #wrapper main #close_panel .result_area .inner {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 90vw;
        background-color: #ffffff;
        /*
                    max-height: 80vh;
                    overflow: scroll;
                    */
        margin: 10vw auto 50vw;
        /* プレゼントキャプション */
        /* 日替わりプレゼント */
        /* 全日参加プレゼント */ }
        #wrapper main #close_panel .result_area .inner .title {
          text-align: center;
          font-weight: bold;
          font-size: 8vw;
          padding: 0 8vw;
          margin-top: 8vw; }
        #wrapper main #close_panel .result_area .inner .caption {
          font-size: 5vw;
          text-align: center;
          margin-top: 4vw;
          font-weight: bold; }
        #wrapper main #close_panel .result_area .inner .result {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          background-color: #000000;
          margin-top: 2vw; }
          #wrapper main #close_panel .result_area .inner .result .rank {
            font-size: 0; }
            #wrapper main #close_panel .result_area .inner .result .rank img {
              height: 9vw; }
          #wrapper main #close_panel .result_area .inner .result .point span {
            line-height: 9vw;
            margin-right: 6vw;
            font-size: 6vw;
            color: #ffffff; }
        #wrapper main #close_panel .result_area .inner .tap_num {
          margin-top: 4vw;
          font-size: 5vw;
          font-weight: bold;
          line-height: 8vw;
          text-align: center; }
          #wrapper main #close_panel .result_area .inner .tap_num span {
            font-size: 7vw;
            line-height: 10vw;
            color: #0060ce; }
        #wrapper main #close_panel .result_area .inner .message {
          font-size: 4.2vw;
          /*margin-top: 8vw;*/
          margin-top: 3vw;
          text-align: center; }
        #wrapper main #close_panel .result_area .inner .present_area {
          pointer-events: none;
          opacity: 0;
          margin-top: 4vw;
          padding: 0 6vw; }
          #wrapper main #close_panel .result_area .inner .present_area.show {
            -webkit-transition: opacity 0.5s;
            -o-transition: opacity 0.5s;
            transition: opacity 0.5s;
            pointer-events: all;
            opacity: 1; }
          #wrapper main #close_panel .result_area .inner .present_area .title {
            font-size: 5vw;
            padding: 0;
            margin-top: 10vw; }
          #wrapper main #close_panel .result_area .inner .present_area .btn_area {
            margin-top: 5vw; }
            #wrapper main #close_panel .result_area .inner .present_area .btn_area a {
              text-decoration: none;
              display: block;
              margin-top: 3vw; }
              #wrapper main #close_panel .result_area .inner .present_area .btn_area a img {
                width: 100%; }
          #wrapper main #close_panel .result_area .inner .present_area .caption {
            font-size: 3.5vw;
            margin-top: 2vw;
            color: #ff0000; }
        #wrapper main #close_panel .result_area .inner .present_caption {
          font-size: 5vw;
          padding: 0;
          margin-top: 5vw;
          text-align: center;
          display: none; }
          #wrapper main #close_panel .result_area .inner .present_caption.show {
            display: block; }
        #wrapper main #close_panel .result_area .inner .daily_present_area {
          width: 90%;
          margin: 0vw auto;
          padding: 3vw;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          /*
                        a{
                            display: block;
                            background-color: #0060ce;
                            color: #ffffff;
                            width: 80%;
                            height: 10vw;
                            line-height: 10vw;
                            font-size: 4vw;
                            border-radius: 5px;
                            text-align: center;
                            text-decoration: none;
                            margin: 5vw auto 3vw;
                        }
                        */ }
          #wrapper main #close_panel .result_area .inner .daily_present_area .present_btn {
            text-decoration: none;
            display: block;
            margin-top: 3vw;
            cursor: pointer; }
            #wrapper main #close_panel .result_area .inner .daily_present_area .present_btn img {
              width: 100%; }
          #wrapper main #close_panel .result_area .inner .daily_present_area .caption {
            font-size: 3.5vw;
            margin-top: 2vw;
            color: #ff0000; }
        #wrapper main #close_panel .result_area .inner .all_entry_present_area {
          /*
                        margin-top: 5vw;
                        margin-bottom: 5vw;
                        */
          width: 90%;
          margin: 5vw auto;
          /*
                        border: solid 1px #acacac;
                        border: 1px solid #0a10d9;
                        border: 1px solid #12b3b3;
                        padding: 3vw;
                        */
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          /*
                        a{
                            display: block;
                            background-color: #0060ce;
                            color: #ffffff;
                            width: 80%;
                            height: 10vw;
                            line-height: 10vw;
                            font-size: 4vw;
                            border-radius: 5px;
                            text-align: center;
                            text-decoration: none;
                            margin: 5vw auto 3vw;
                        }
                        */ }
          #wrapper main #close_panel .result_area .inner .all_entry_present_area .stamp_area {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            margin: 5vw 4vw 3vw; }
            #wrapper main #close_panel .result_area .inner .all_entry_present_area .stamp_area li {
              width: 26vw;
              height: 26vw;
              border: 1vw solid #1561af;
              margin-right: -1vw;
              background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/all_entry_present/mount_1.png?20221115");
              background-size: contain;
              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; }
              #wrapper main #close_panel .result_area .inner .all_entry_present_area .stamp_area li .stamp {
                background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/all_entry_present/stamp.png?20221115");
                background-size: contain;
                width: 18vw;
                height: 18vw;
                opacity: 0;
                pointer-events: none; }
                #wrapper main #close_panel .result_area .inner .all_entry_present_area .stamp_area li .stamp.show {
                  -webkit-animation: collapse_effect_01 0.5s linear 0s 1 forwards;
                          animation: collapse_effect_01 0.5s linear 0s 1 forwards; }
              #wrapper main #close_panel .result_area .inner .all_entry_present_area .stamp_area li:nth-child(1) {
                background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/all_entry_present/mount_1.png?20221115"); }
              #wrapper main #close_panel .result_area .inner .all_entry_present_area .stamp_area li:nth-child(2) {
                background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/all_entry_present/mount_2.png?20221115"); }
              #wrapper main #close_panel .result_area .inner .all_entry_present_area .stamp_area li:nth-child(3) {
                background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/all_entry_present/mount_3.png?20221115"); }
          #wrapper main #close_panel .result_area .inner .all_entry_present_area .present_img_area img {
            /*width: 80%;*/
            width: 60%;
            margin: 0 auto;
            display: block; }
          #wrapper main #close_panel .result_area .inner .all_entry_present_area .btn_area {
            /*margin-top: 5vw;*/
            opacity: 0;
            -webkit-transition: opacity 0.5s;
            -o-transition: opacity 0.5s;
            transition: opacity 0.5s;
            pointer-events: none; }
            #wrapper main #close_panel .result_area .inner .all_entry_present_area .btn_area.show {
              opacity: 1;
              pointer-events: all; }
            #wrapper main #close_panel .result_area .inner .all_entry_present_area .btn_area .present_btn {
              text-decoration: none;
              display: block;
              margin-top: 1vw;
              cursor: pointer; }
              #wrapper main #close_panel .result_area .inner .all_entry_present_area .btn_area .present_btn img {
                width: 100%; }
            #wrapper main #close_panel .result_area .inner .all_entry_present_area .btn_area .caption {
              font-size: 3.5vw;
              margin-top: 2vw;
              color: #ff0000; }
          #wrapper main #close_panel .result_area .inner .all_entry_present_area .announce_area {
            width: 80vw;
            margin: 5vw auto 0;
            display: none;
            opacity: 0;
            -webkit-transition: opacity 0.5s;
            -o-transition: opacity 0.5s;
            transition: opacity 0.5s; }
            #wrapper main #close_panel .result_area .inner .all_entry_present_area .announce_area.disp {
              display: block; }
            #wrapper main #close_panel .result_area .inner .all_entry_present_area .announce_area.show {
              opacity: 1; }
        #wrapper main #close_panel .result_area .inner .tw_btn_area {
          margin-top: 3vw;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: end;
          -webkit-justify-content: flex-end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          padding: 0 6vw;
          margin-bottom: 4vw; }
          #wrapper main #close_panel .result_area .inner .tw_btn_area .link_btn {
            margin-right: 3vw;
            height: 8vw;
            line-height: 8vw;
            width: 50vw;
            text-align: center;
            color: #ffffff;
            background-color: #0060ce;
            border-radius: 5px;
            text-decoration: none;
            cursor: pointer; }
            #wrapper main #close_panel .result_area .inner .tw_btn_area .link_btn:visited {
              color: #ffffff; }
          #wrapper main #close_panel .result_area .inner .tw_btn_area .btn img {
            width: 14vw; }
        #wrapper main #close_panel .result_area .inner .event_logo {
          /*
                        background-image: url($cdn_dir_path + "img/lvc_logo.png?" + $cach_prm);
                        width: 29vw;
                        height: 10vw;
                        background-size: contain;
                        background-repeat: no-repeat;
                        margin: 0 auto 5vw;
                        */
          background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/wc_2022_logo.png?20221115");
          background-size: contain;
          background-repeat: no-repeat;
          width: 20vw;
          height: 14vw;
          position: absolute;
          top: 13vw;
          left: 8vw; }
        #wrapper main #close_panel .result_area .inner .info {
          padding: 0 6vw;
          margin-bottom: 6vw;
          text-align: center;
          font-size: 3.5vw; }
    #wrapper main #close_panel.show {
      pointer-events: all;
      opacity: 1; }
      #wrapper main #close_panel.show .bg .inner_1 {
        -webkit-transition: -webkit-transform 1s linear;
        transition: -webkit-transform 1s linear;
        -o-transition: transform 1s linear;
        transition: transform 1s linear;
        transition: transform 1s linear, -webkit-transform 1s linear;
        -webkit-transform: translateX(0vw);
            -ms-transform: translateX(0vw);
                transform: translateX(0vw); }
        #wrapper main #close_panel.show .bg .inner_1 .inner_2 {
          -webkit-animation: curtain_swing_effect 0.5s linear 1s 1 forwards;
                  animation: curtain_swing_effect 0.5s linear 1s 1 forwards; }
      #wrapper main #close_panel.show .result_area {
        -webkit-transition: opacity 0.5s linear 1.5s;
        -o-transition: opacity 0.5s linear 1.5s;
        transition: opacity 0.5s linear 1.5s;
        opacity: 1; }
  #wrapper main #loading_panel {
    width: 100vw;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ffffff; }
    #wrapper main #loading_panel span {
      font-size: 6vw;
      color: #666666;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
    #wrapper main #loading_panel.hide {
      opacity: 0;
      -webkit-transition: opacity 0.5s;
      -o-transition: opacity 0.5s;
      transition: opacity 0.5s;
      pointer-events: none; }
  #wrapper main #soon_panel {
    background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/soon_bg.png?20221115");
    background-size: cover; }
    #wrapper main #soon_panel .content {
      background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/header_bg.png?20221115");
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center top;
      position: relative;
      overflow: hidden; }
      #wrapper main #soon_panel .content .title_area {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
            -ms-flex-align: end;
                align-items: flex-end;
        width: 90vw;
        margin: 0 auto;
        padding-top: 3vh; }
        #wrapper main #soon_panel .content .title_area .title {
          width: 70%; }
          #wrapper main #soon_panel .content .title_area .title img {
            margin: 0 auto;
            display: block;
            width: 100%;
            height: auto; }
        #wrapper main #soon_panel .content .title_area .btn {
          width: 14%; }
          #wrapper main #soon_panel .content .title_area .btn img {
            width: 100%;
            height: auto; }
      #wrapper main #soon_panel .content #oa_countdown {
        background-color: rgba(255, 255, 255, 0.6);
        width: 90vw;
        margin: 5vw auto;
        margin-top: 16vw;
        padding: 5vw;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border-radius: 2vw;
        position: relative; }
        #wrapper main #soon_panel .content #oa_countdown .title {
          color: #ffffff;
          font-weight: bold;
          font-size: 6vw;
          position: absolute;
          top: -4vw;
          /*
                        left: 50%;
                        transform: translateX(-50%);
                        */ }
          #wrapper main #soon_panel .content #oa_countdown .title img {
            width: 40vw; }
        #wrapper main #soon_panel .content #oa_countdown .timer_wrap {
          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;
          color: #36b9ff;
          font-size: 8vw;
          height: 16vw;
          line-height: 16vw; }
          #wrapper main #soon_panel .content #oa_countdown .timer_wrap .h {
            width: 16vw;
            text-align: center; }
          #wrapper main #soon_panel .content #oa_countdown .timer_wrap .m {
            width: 9vw;
            text-align: center; }
          #wrapper main #soon_panel .content #oa_countdown .timer_wrap .s {
            width: 9vw;
            text-align: center; }
          #wrapper main #soon_panel .content #oa_countdown .timer_wrap .d {
            width: 9vw;
            text-align: center; }
        #wrapper main #soon_panel .content #oa_countdown.hide {
          opacity: 0; }
      #wrapper main #soon_panel .content .cheer_player_area {
        position: relative;
        /*
                    .group{
                        position: relative;
                        .event_logo{
                            background-image: url($cdn_dir_path + "img/wc_2022_logo.png?" + $cach_prm);
                            background-size: contain;
                            background-repeat: no-repeat;
                            width: 24vw;
                            height: 17vw;
                            position: absolute;
                            top: 16vw;
                            right: 6vw;
                        }
                    }
                    */ }
        #wrapper main #soon_panel .content .cheer_player_area .bg {
          width: 100vw;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: -10; }
        #wrapper main #soon_panel .content .cheer_player_area .player_wrap {
          height: 63vh; }
          #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner {
            padding-top: 2vh;
            margin-bottom: 20vh;
            position: relative; }
            #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .group {
              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;
              margin-top: 1vh;
              position: relative; }
              #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .group .player {
                margin: 0 0.2vw;
                position: relative; }
                #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .group .player .icon {
                  position: absolute;
                  top: 0.5vh;
                  right: 0;
                  width: 3vh;
                  height: 1.4vh;
                  background-color: #c2992c;
                  border-radius: 3px 0px 0px 3px;
                  overflow: hidden;
                  background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/i_s_df.png?20221115");
                  background-size: contain;
                  background-repeat: no-repeat; }
                #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .group .player.up {
                  -webkit-transform: translateY(-2.5vh);
                      -ms-transform: translateY(-2.5vh);
                          transform: translateY(-2.5vh); }
                #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .group .player.down {
                  -webkit-transform: translateY(2.5vh);
                      -ms-transform: translateY(2.5vh);
                          transform: translateY(2.5vh); }
                #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .group .player.blank {
                  width: 9vh; }
                  #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .group .player.blank.s1_2 {
                    width: 4.5vh; }
                  #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .group .player.blank.s1_3 {
                    width: 3vh; }
                  #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .group .player.blank.s1_4 {
                    width: 2.25vh; }
                #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .group .player.fw .icon {
                  background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/i_s_fw.png?20221115"); }
                #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .group .player.mf .icon {
                  background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/i_s_mf.png?20221115"); }
                #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .group .player.df .icon {
                  background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/i_s_df.png?20221115"); }
                #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .group .player.gk .icon {
                  background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/i_s_gk.png?20221115"); }
              #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .group .cheer_effect_area {
                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;
                position: absolute;
                pointer-events: none; }
                #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .group .cheer_effect_area .cheer_effect {
                  /*
                        width: 19.5vw;
                        height: 24vw;
                        */
                  width: 9vh;
                  height: 10.8vh;
                  margin: 0 0.2vw;
                  position: relative;
                  /*
                        &.blank{
                            $width: 9vh;
                            width: $width;
                            &.s1_2{
                                width: $width/2;
                            }
                            &.s1_3{
                                width: $width/3;
                            }
                            &.s1_4{
                                width: $width/4;
                            }
                        }
                        */ }
                  #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .group .cheer_effect_area .cheer_effect.up {
                    -webkit-transform: translateY(-2.5vh);
                        -ms-transform: translateY(-2.5vh);
                            transform: translateY(-2.5vh); }
                  #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .group .cheer_effect_area .cheer_effect.down {
                    -webkit-transform: translateY(2.5vh);
                        -ms-transform: translateY(2.5vh);
                            transform: translateY(2.5vh); }
                  #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .group .cheer_effect_area .cheer_effect.s1_2 {
                    width: 4.5vh; }
                  #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .group .cheer_effect_area .cheer_effect.s1_3 {
                    width: 3vh; }
                  #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .group .cheer_effect_area .cheer_effect.s1_4 {
                    width: 2.25vh; }
              #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .group .event_logo {
                background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/wc_2022_logo.png?20221115");
                background-size: contain;
                background-repeat: no-repeat;
                width: 24vw;
                height: 17vw;
                position: absolute;
                top: 16vw;
                right: 6vw; }
            #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .manager {
              position: absolute;
              bottom: -3vw;
              left: 3vw; }
              #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .manager img {
                width: 9vh; }
              #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .manager .cheer_effect {
                width: 19.5vw;
                height: 24vw;
                margin: 0 0.2vw;
                position: absolute;
                top: 0;
                left: 0;
                pointer-events: none; }
            #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer {
              /* 星のエフェクト */
              /* 波エフェクト */
              /* キラキラエフェクト */ }
              #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer > .inner {
                cursor: pointer;
                -webkit-transition: -webkit-transform 0.1s;
                transition: -webkit-transform 0.1s;
                -o-transition: transform 0.1s;
                transition: transform 0.1s;
                transition: transform 0.1s, -webkit-transform 0.1s;
                position: relative; }
                #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer > .inner:after {
                  content: "";
                  display: block;
                  background-color: #ffffff;
                  width: 100%;
                  height: 100%;
                  position: absolute;
                  top: 0;
                  left: 0;
                  -webkit-transition: opacity 0.1s;
                  -o-transition: opacity 0.1s;
                  transition: opacity 0.1s;
                  opacity: 0; }
                #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer > .inner img {
                  width: 9vh; }
              #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer .exciting_effect {
                position: absolute;
                top: 0;
                left: 0;
                width: 9vh;
                /*overflow: hidden;*/
                pointer-events: none; }
                #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer .exciting_effect .player {
                  width: 9vh;
                  height: auto;
                  opacity: 0; }
                #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer .exciting_effect .flash {
                  position: absolute;
                  top: 0;
                  left: 0; }
                #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer .exciting_effect .spark {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 9vh;
                  -webkit-transform: scale(1.5);
                      -ms-transform: scale(1.5);
                          transform: scale(1.5);
                  opacity: 0.8; }
              #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer.exciting_effect_1 .exciting_effect .flash {
                opacity: 0; }
              #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer.exciting_effect_1 .exciting_effect .spark {
                background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/exciting_effect_blue_s.png?20221115");
                background-size: 45vh auto;
                background-position-x: left;
                background-position-y: center;
                background-repeat: no-repeat;
                -webkit-animation: sptep_animation_bg_effect 0.5s steps(4) infinite;
                        animation: sptep_animation_bg_effect 0.5s steps(4) infinite; }
              #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer.exciting_effect_2 .exciting_effect .flash {
                opacity: 0;
                background-color: rgba(255, 255, 255, 0.3);
                -webkit-animation: flash_effect_02 0.2s steps(4) infinite;
                        animation: flash_effect_02 0.2s steps(4) infinite; }
              #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer.exciting_effect_2 .exciting_effect .spark {
                background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/exciting_effect_yellow_l.png?20221115");
                background-size: 45vh auto;
                background-position-x: left;
                background-position-y: center;
                background-repeat: no-repeat;
                -webkit-animation: sptep_animation_bg_effect 0.6s steps(4) infinite;
                        animation: sptep_animation_bg_effect 0.6s steps(4) infinite; }
              #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer.exciting_effect_3 .exciting_effect .flash {
                opacity: 0;
                background-color: rgba(255, 255, 255, 0.3);
                -webkit-animation: flash_effect_02 0.2s steps(4) infinite;
                        animation: flash_effect_02 0.2s steps(4) infinite; }
              #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer.exciting_effect_3 .exciting_effect .spark {
                background-image: url("https://sp.fujitv.co.jp/sports/soccer/push/wcup2022/img/exciting_effect_red_xl.png?20221115");
                background-size: 45vh auto;
                background-position-x: left;
                background-position-y: center;
                background-repeat: no-repeat;
                -webkit-animation: sptep_animation_bg_effect 0.6s steps(4) infinite;
                        animation: sptep_animation_bg_effect 0.6s steps(4) infinite; }
              #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer.tap .inner {
                -webkit-transform: scale(0.95);
                    -ms-transform: scale(0.95);
                        transform: scale(0.95); }
                #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer.tap .inner:after {
                  opacity: 0.6; }
              #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer .add_point {
                position: absolute;
                top: 3vw;
                left: 0;
                -webkit-animation-name: star_rise_effect;
                        animation-name: star_rise_effect;
                -webkit-animation-timing-function: cubic-bezier(0.92, 0.09, 0.87, 0.62);
                        animation-timing-function: cubic-bezier(0.92, 0.09, 0.87, 0.62);
                -webkit-animation-duration: 1s;
                        animation-duration: 1s;
                -webkit-animation-iteration-count: 1;
                        animation-iteration-count: 1;
                -webkit-animation-fill-mode: forwards;
                        animation-fill-mode: forwards; }
                #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer .add_point .img_frame .img {
                  -webkit-animation-name: star_rise_effect;
                          animation-name: star_rise_effect;
                  -webkit-animation-timing-function: linear;
                          animation-timing-function: linear;
                  -webkit-animation-duration: 4s;
                          animation-duration: 4s;
                  -webkit-animation-duration: 8s;
                          animation-duration: 8s;
                  -webkit-animation-iteration-count: 1;
                          animation-iteration-count: 1;
                  -webkit-animation-fill-mode: forwards;
                          animation-fill-mode: forwards; }
                  #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer .add_point .img_frame .img img {
                    -webkit-animation-name: round_effect;
                            animation-name: round_effect;
                    -webkit-animation-timing-function: linear;
                            animation-timing-function: linear;
                    -webkit-animation-duration: 0.8s;
                            animation-duration: 0.8s;
                    -webkit-animation-iteration-count: infinite;
                            animation-iteration-count: infinite;
                    -webkit-animation-fill-mode: forwards;
                            animation-fill-mode: forwards;
                    width: 9vh; }
              #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer .wave_effect {
                position: absolute;
                top: -5vw;
                left: -11vw;
                width: 40vw;
                pointer-events: none;
                z-index: 10; }
                #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer .wave_effect .img_wrap {
                  -webkit-transform: translateY(3vw);
                      -ms-transform: translateY(3vw);
                          transform: translateY(3vw); }
                  #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer .wave_effect .img_wrap img {
                    -webkit-transform: scale(0.5);
                        -ms-transform: scale(0.5);
                            transform: scale(0.5);
                    width: 100%; }
                #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer .wave_effect.action {
                  -webkit-transition: -webkit-transform 1.5s linear;
                  transition: -webkit-transform 1.5s linear;
                  -o-transition: transform 1.5s linear;
                  transition: transform 1.5s linear;
                  transition: transform 1.5s linear, -webkit-transform 1.5s linear;
                  -webkit-transform: translateY(-5vw);
                      -ms-transform: translateY(-5vw);
                          transform: translateY(-5vw); }
                  #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer .wave_effect.action .img_wrap {
                    opacity: 0;
                    -webkit-transform: scale(6);
                        -ms-transform: scale(6);
                            transform: scale(6);
                    -webkit-transition: opacity 1.5s linear, -webkit-transform 1.5s ease-out;
                    transition: opacity 1.5s linear, -webkit-transform 1.5s ease-out;
                    -o-transition: opacity 1.5s linear, transform 1.5s ease-out;
                    transition: opacity 1.5s linear, transform 1.5s ease-out;
                    transition: opacity 1.5s linear, transform 1.5s ease-out, -webkit-transform 1.5s ease-out; }
              #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer .kirakira_effect {
                position: absolute;
                top: -5vw;
                left: -11vw;
                width: 40vw;
                pointer-events: none;
                z-index: 10; }
                #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer .kirakira_effect .img_wrap img {
                  width: 100%; }
                #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer .kirakira_effect.action {
                  -webkit-transition: -webkit-transform 1s linear;
                  transition: -webkit-transform 1s linear;
                  -o-transition: transform 1s linear;
                  transition: transform 1s linear;
                  transition: transform 1s linear, -webkit-transform 1s linear;
                  -webkit-transform: scale(3) translateY(-10vw);
                      -ms-transform: scale(3) translateY(-10vw);
                          transform: scale(3) translateY(-10vw); }
                  #wrapper main #soon_panel .content .cheer_player_area .player_wrap > .inner .cheer .kirakira_effect.action .img_wrap {
                    opacity: 0;
                    -webkit-transition: opacity 1s linear;
                    -o-transition: opacity 1s linear;
                    transition: opacity 1s linear; }
  #wrapper main #pcalert_panel {
    position: fixed;
    z-index: 10;
    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: rgba(0, 0, 0, 0.6);
    opacity: 0;
    pointer-events: none;
    width: 100vw;
    height: 100vh; }
    #wrapper main #pcalert_panel.show {
      opacity: 1;
      pointer-events: all;
      -webkit-transition: opacity 0.5s;
      -o-transition: opacity 0.5s;
      transition: opacity 0.5s; }
    #wrapper main #pcalert_panel .dialog {
      width: 500px;
      height: 400px;
      padding: 40px;
      border-radius: 10px;
      background-color: #ffffff; }
      #wrapper main #pcalert_panel .dialog .inner {
        padding: 10px; }
        #wrapper main #pcalert_panel .dialog .inner h1 {
          font-size: 20px;
          text-align: center; }
        #wrapper main #pcalert_panel .dialog .inner .txt {
          margin-top: 10px;
          font-size: 16px;
          line-height: 18px; }
        #wrapper main #pcalert_panel .dialog .inner .img_wrap {
          margin-top: 20px; }
          #wrapper main #pcalert_panel .dialog .inner .img_wrap canvas {
            margin: 0 auto;
            display: block; }
          #wrapper main #pcalert_panel .dialog .inner .img_wrap img {
            margin: 0 auto;
            display: block; }
  #wrapper main small {
    position: absolute;
    bottom: 2vh;
    left: 0;
    margin: 0 auto;
    text-align: center;
    width: 100vw;
    color: #ffffff;
    font-size: 3vw; }

#team_select_dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  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;
  pointer-events: none;
  opacity: 0; }
  #team_select_dialog.show {
    pointer-events: all;
    opacity: 1; }
  #team_select_dialog .dialog {
    background-color: #ffffff;
    padding: 5vw;
    border-radius: 5vw; }
    #team_select_dialog .dialog .inner p {
      font-size: 5vw;
      text-align: center;
      font-weight: bold; }
    #team_select_dialog .dialog .inner .select_btn_area {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 5vw; }
      #team_select_dialog .dialog .inner .select_btn_area .select_btn {
        cursor: pointer;
        width: 40vw;
        margin: 0 2vw; }
        #team_select_dialog .dialog .inner .select_btn_area .select_btn img {
          width: 100%; }

/* --------------------------------------------------- */
@-webkit-keyframes flash_effect_01 {
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  51% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes flash_effect_01 {
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  51% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes flash_effect_02 {
  0% {
    opacity: 0; }
  80% {
    opacity: 0; }
  88% {
    opacity: 0.6; }
  92% {
    opacity: 0.6; }
  100% {
    opacity: 0; } }

@keyframes flash_effect_02 {
  0% {
    opacity: 0; }
  80% {
    opacity: 0; }
  88% {
    opacity: 0.6; }
  92% {
    opacity: 0.6; }
  100% {
    opacity: 0; } }

@-webkit-keyframes flash_effect_03 {
  0% {
    opacity: 0; }
  50% {
    opacity: 0.6; }
  100% {
    opacity: 0; } }

@keyframes flash_effect_03 {
  0% {
    opacity: 0; }
  50% {
    opacity: 0.6; }
  100% {
    opacity: 0; } }

@-webkit-keyframes flash_effect_04 {
  0% {
    opacity: 0; }
  40% {
    opacity: 0; }
  44% {
    opacity: 0.6; }
  46% {
    opacity: 0.6; }
  50% {
    opacity: 0; }
  90% {
    opacity: 0; }
  94% {
    opacity: 0.6; }
  96% {
    opacity: 0.6; }
  100% {
    opacity: 0; } }

@keyframes flash_effect_04 {
  0% {
    opacity: 0; }
  40% {
    opacity: 0; }
  44% {
    opacity: 0.6; }
  46% {
    opacity: 0.6; }
  50% {
    opacity: 0; }
  90% {
    opacity: 0; }
  94% {
    opacity: 0.6; }
  96% {
    opacity: 0.6; }
  100% {
    opacity: 0; } }

@-webkit-keyframes flash_effect_05 {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.9; }
  100% {
    opacity: 1; } }

@keyframes flash_effect_05 {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.9; }
  100% {
    opacity: 1; } }

@-webkit-keyframes flash_effect_06 {
  0% {
    opacity: 1; }
  24% {
    opacity: 1; }
  25% {
    opacity: 0.4; }
  75% {
    opacity: 0.4; }
  76% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes flash_effect_06 {
  0% {
    opacity: 1; }
  24% {
    opacity: 1; }
  25% {
    opacity: 0.4; }
  75% {
    opacity: 0.4; }
  76% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@-webkit-keyframes flash_effect_07 {
  0% {
    opacity: 1; }
  10% {
    opacity: 0.4; }
  100% {
    opacity: 1; } }

@keyframes flash_effect_07 {
  0% {
    opacity: 1; }
  10% {
    opacity: 0.4; }
  100% {
    opacity: 1; } }

/* --------------------------------------------------- */
/* 矢印のエフェクト */
@-webkit-keyframes arrow_effect_01 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  10% {
    -webkit-transform: translateY(-2vw);
            transform: translateY(-2vw); }
  20% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-2vw);
            transform: translateY(-2vw); }
  40% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
@keyframes arrow_effect_01 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  10% {
    -webkit-transform: translateY(-2vw);
            transform: translateY(-2vw); }
  20% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-2vw);
            transform: translateY(-2vw); }
  40% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

/* クリック時に追加したポイントのエフェクト */
@-webkit-keyframes add_point_effect {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-8vw);
            transform: translateY(-8vw); } }
@keyframes add_point_effect {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-8vw);
            transform: translateY(-8vw); } }

/* クリック時に★を上に飛ばすエフェクト */
@-webkit-keyframes star_rise_effect {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-200vh);
            transform: translateY(-200vh); } }
@keyframes star_rise_effect {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-200vh);
            transform: translateY(-200vh); } }

/* 回転 */
@-webkit-keyframes round_effect {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes round_effect {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/* --------------------------------------------------- */
/* ボールバウンド */
@-webkit-keyframes ball_bound_effect {
  0% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%); }
  10% {
    -webkit-transform: scale(1.05, 0.95) translate(0%, 5%);
            transform: scale(1.05, 0.95) translate(0%, 5%); }
  40% {
    -webkit-transform: scale(1.1, 0.9) translate(0%, 15%);
            transform: scale(1.1, 0.9) translate(0%, 15%); }
  50% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%); }
  60% {
    -webkit-transform: scale(0.95, 1.1) translate(0%, -80%);
            transform: scale(0.95, 1.1) translate(0%, -80%); }
  75% {
    -webkit-transform: scale(0.95, 1.2) translate(0%, -20%);
            transform: scale(0.95, 1.2) translate(0%, -20%); }
  85% {
    -webkit-transform: scale(1.1, 0.9) translate(0%, 15%);
            transform: scale(1.1, 0.9) translate(0%, 15%); }
  100% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%); } }
@keyframes ball_bound_effect {
  0% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%); }
  10% {
    -webkit-transform: scale(1.05, 0.95) translate(0%, 5%);
            transform: scale(1.05, 0.95) translate(0%, 5%); }
  40% {
    -webkit-transform: scale(1.1, 0.9) translate(0%, 15%);
            transform: scale(1.1, 0.9) translate(0%, 15%); }
  50% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%); }
  60% {
    -webkit-transform: scale(0.95, 1.1) translate(0%, -80%);
            transform: scale(0.95, 1.1) translate(0%, -80%); }
  75% {
    -webkit-transform: scale(0.95, 1.2) translate(0%, -20%);
            transform: scale(0.95, 1.2) translate(0%, -20%); }
  85% {
    -webkit-transform: scale(1.1, 0.9) translate(0%, 15%);
            transform: scale(1.1, 0.9) translate(0%, 15%); }
  100% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%); } }

/* ボールシュート */
@-webkit-keyframes ball_shoot_effect {
  0% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%); }
  100% {
    -webkit-transform: scale(3, 3) translate(0%, -100%);
            transform: scale(3, 3) translate(0%, -100%); } }
@keyframes ball_shoot_effect {
  0% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%); }
  100% {
    -webkit-transform: scale(3, 3) translate(0%, -100%);
            transform: scale(3, 3) translate(0%, -100%); } }

/*
@keyframes ball_shoot_effect_2 {
    0%   { transform: scale(0.2, 0.2) translate(0%, -100%); }
    50%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
    60%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
    75%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
    85%  { transform: scale(0.95, 1.1) translate(0%, -5%); }
    100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
*/
@-webkit-keyframes ball_shoot_effect_2 {
  /*0%   { transform: scale(3.0, 3.0) translate(0%, -100%); }*/
  0% {
    -webkit-transform: scale(0.2, 0.2) translate(0%, -100%);
            transform: scale(0.2, 0.2) translate(0%, -100%); }
  60% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%); }
  65% {
    -webkit-transform: scale(1.1, 0.9) translate(0%, 5%);
            transform: scale(1.1, 0.9) translate(0%, 5%); }
  80% {
    -webkit-transform: scale(0.95, 1.2) translate(0%, -10%);
            transform: scale(0.95, 1.2) translate(0%, -10%); }
  90% {
    -webkit-transform: scale(0.95, 1.1) translate(0%, -5%);
            transform: scale(0.95, 1.1) translate(0%, -5%); }
  100% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%); } }
@keyframes ball_shoot_effect_2 {
  /*0%   { transform: scale(3.0, 3.0) translate(0%, -100%); }*/
  0% {
    -webkit-transform: scale(0.2, 0.2) translate(0%, -100%);
            transform: scale(0.2, 0.2) translate(0%, -100%); }
  60% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%); }
  65% {
    -webkit-transform: scale(1.1, 0.9) translate(0%, 5%);
            transform: scale(1.1, 0.9) translate(0%, 5%); }
  80% {
    -webkit-transform: scale(0.95, 1.2) translate(0%, -10%);
            transform: scale(0.95, 1.2) translate(0%, -10%); }
  90% {
    -webkit-transform: scale(0.95, 1.1) translate(0%, -5%);
            transform: scale(0.95, 1.1) translate(0%, -5%); }
  100% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%); } }

/* --------------------------------------------------- */
/* 火の粉エフェクト */
@-webkit-keyframes spark_effect {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  60% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes spark_effect {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  60% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes spark_zoom_effect {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2); } }

@keyframes spark_zoom_effect {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2); } }

/* --------------------------------------------------- */
/* 拡大して現れるエフェクト 01 */
@-webkit-keyframes expand_effect_01 {
  0% {
    -webkit-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1; } }
@keyframes expand_effect_01 {
  0% {
    -webkit-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1; } }

/* 縮小して現れるエフェクト 01 */
@-webkit-keyframes collapse_effect_01 {
  0% {
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1; } }
@keyframes collapse_effect_01 {
  0% {
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1; } }

/* -------------------------------------------- */
/* カーテンの揺れエフェクト */
@-webkit-keyframes curtain_swing_effect {
  0% {
    -webkit-transform: skewX(-2deg);
            transform: skewX(-2deg); }
  40% {
    -webkit-transform: skewX(1deg);
            transform: skewX(1deg); }
  100% {
    -webkit-transform: skewX(0deg);
            transform: skewX(0deg); } }
@keyframes curtain_swing_effect {
  0% {
    -webkit-transform: skewX(-2deg);
            transform: skewX(-2deg); }
  40% {
    -webkit-transform: skewX(1deg);
            transform: skewX(1deg); }
  100% {
    -webkit-transform: skewX(0deg);
            transform: skewX(0deg); } }

/* --------------------------------------------------- */
/*
* ステップアニメーション
*/
@-webkit-keyframes sptep_animation_effect {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }
@keyframes sptep_animation_effect {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

/*
* ステップアニメーション（背景画像）
*/
@-webkit-keyframes sptep_animation_bg_effect {
  0% {
    background-position-x: 0; }
  100% {
    background-position-x: 100%; } }
@keyframes sptep_animation_bg_effect {
  0% {
    background-position-x: 0; }
  100% {
    background-position-x: 100%; } }

/* --------------------------------------------------- */
/* 縦スクロール */
@-webkit-keyframes vertical_scroll {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(100vh);
            transform: translateY(100vh); } }
@keyframes vertical_scroll {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(100vh);
            transform: translateY(100vh); } }

/* --------------------------------------------------- */
/* 色の位相変化エフェクト */
@-webkit-keyframes huerotator_effect {
  0% {
    -webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg); }
  100% {
    -webkit-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg); } }
@keyframes huerotator_effect {
  0% {
    -webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg); }
  100% {
    -webkit-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg); } }

/* --------------------------------------------------- */
@-webkit-keyframes fadeout_effect {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeout_effect {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes fadein_effect {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadein_effect {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

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