@charset "UTF-8";
/**
 * Created Date: 2022-07-22 14:35:02
 * Author: 奥冨 菜月
 * -----
 * Last Modified: 2023-09-07 21:54:08
 * Modified By: 奥冨 菜月
 * -----
 * Copyright (c) 2022 FAIRWAY Corp.
 * -----
 * HISTORY:
 * Date               	By        	Comments
 * -------------------	----------	---------------------------------------------------------
 * -------------------	----------	---------------------------------------------------------
 */
/**
 * Created Date: 2022-02-09 12:47:10
 * Author: 奥冨 菜月
 * -----
 * Last Modified: 2025-07-17 15:03:53
 * Modified By: 奥冨 菜月
 * -----
 * Copyright (c) 2022 FAIRWAY Corp.
 * -----
 * HISTORY:
 * Date               	By        	Comments
 * -------------------	----------	---------------------------------------------------------
 * -------------------	----------	---------------------------------------------------------
 */
/*---------------------------------
  Google font
---------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Covered+By+Your+Grace&family=DotGothic16&family=Yomogi&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sigmar&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Squada+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Handlee&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik+Glitch&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap");
@font-face {
  font-family: "anton";
  src: url("../font/anton-v23-latin-regular.woff") format("woff"), url("../font/anton-v23-latin-regular.ttf") format("truetype");
}
/*---------------------------------
  カラーパレット
---------------------------------*/
/*---------------------------------
  mq（メディアクエリを呼び出す）
  $name
  $value
---------------------------------*/
/*---------------------------------
  白黒画像背景
  $url
  $coverColor
---------------------------------*/
/*---------------------------------
  影
---------------------------------*/
.shadow00 {
  box-shadow: none !important;
}

.shadow01 {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}

.shadow02 {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

html,
body {
  width: 1920px;
}
html.fixed,
body.fixed {
  height: 1080px;
}
html.fixed #main,
body.fixed #main {
  height: 1080px;
}
html.fixed #main .contents,
body.fixed #main .contents {
  height: 100%;
}
html #wrapper.scroll,
body #wrapper.scroll {
  overflow-y: scroll !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
html #wrapper.scroll::-webkit-scrollbar,
body #wrapper.scroll::-webkit-scrollbar {
  display: none;
}
html #wrapper.scroll #main,
body #wrapper.scroll #main {
  position: relative;
}
html #wrapper.scroll #main .contents,
body #wrapper.scroll #main .contents {
  position: relative;
}
html #main,
body #main {
  position: absolute;
  width: 1920px;
  padding-top: 0 !important;
}
html #main .contents,
body #main .contents {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*========================================================================
    配信URL一覧
  ========================================================================*/
  /*========================================================================
    対戦情報
  ========================================================================*/
  /*========================================================================
    対戦中フレーム
  ========================================================================*/
  /*========================================================================
    対戦結果
  ========================================================================*/
  /*========================================================================
    ランキング
  ========================================================================*/
  /*========================================================================
    エンドロール
  ========================================================================*/
}
html #main .contents#urlList,
body #main .contents#urlList {
  position: relative;
  padding: 16px;
}
html #main .contents#battleInfo,
body #main .contents#battleInfo {
  position: relative;
  background-color: #ffffff;
  /* 背景イメージ */
  /* タイトル */
  /* チーム情報 */
  /* マップ情報 */
}
html #main .contents#battleInfo .bg_img,
body #main .contents#battleInfo .bg_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
html #main .contents#battleInfo .battle_name,
body #main .contents#battleInfo .battle_name {
  position: absolute;
  top: 34px;
  left: 0;
  z-index: 2;
  width: 640px;
  height: 125px;
  padding: 36px 32px;
  color: #f2f2f2;
  font-weight: bold;
  font-size: 3rem;
  background-color: #cc762f;
}
html #main .contents#battleInfo .team_info,
body #main .contents#battleInfo .team_info {
  position: absolute;
  top: 212px;
  width: 603px;
  height: 790px;
  z-index: 2;
}
html #main .contents#battleInfo .team_info .team_group,
body #main .contents#battleInfo .team_info .team_group {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  color: #404040;
  border: 1px solid #404040;
}
html #main .contents#battleInfo .team_info .team_group::after,
body #main .contents#battleInfo .team_info .team_group::after {
  content: "";
  position: absolute;
  top: 14px;
  left: 14px;
  display: inline-block;
  width: 100%;
  height: 100%;
  z-index: -2;
}
html #main .contents#battleInfo .team_info .team_group .team_name,
body #main .contents#battleInfo .team_info .team_group .team_name {
  position: absolute;
  top: 50%;
  left: 24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 450px;
  font-size: 2.5rem;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html #main .contents#battleInfo .team_info .team_group .total_bp,
body #main .contents#battleInfo .team_info .team_group .total_bp {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100px;
  height: 100%;
  padding: 38px 0;
  font-size: 2rem;
  line-height: 1;
  text-align: center;
  border-left: 1px solid #404040;
  color: #676767;
  font-family: "anton", sans-serif;
}
html #main .contents#battleInfo .team_info .team_player,
body #main .contents#battleInfo .team_info .team_player {
  position: absolute;
  top: 104px;
  width: 100%;
  height: 584px;
  padding: 36px 44px 44px;
}
html #main .contents#battleInfo .team_info .team_player .player,
body #main .contents#battleInfo .team_info .team_player .player {
  position: relative;
  height: 20%;
  padding: 16px;
  border: 1px solid #404040;
}
html #main .contents#battleInfo .team_info .team_player .player::after,
body #main .contents#battleInfo .team_info .team_player .player::after {
  content: "";
  position: absolute;
  top: 14px;
  left: 14px;
  display: inline-block;
  width: 100%;
  height: calc(100% + 1px);
  z-index: -2;
}
html #main .contents#battleInfo .team_info .team_player .player + .player,
body #main .contents#battleInfo .team_info .team_player .player + .player {
  border-top: 0;
}
html #main .contents#battleInfo .team_info .team_player .player .riot,
body #main .contents#battleInfo .team_info .team_player .player .riot {
  position: absolute;
  top: 16px;
  left: 16px;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1;
  width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html #main .contents#battleInfo .team_info .team_player .player .nickname,
body #main .contents#battleInfo .team_info .team_player .player .nickname {
  position: absolute;
  bottom: 8px;
  left: 16px;
  display: inline-block;
  font-size: 2.4rem;
  line-height: 1;
  width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html #main .contents#battleInfo .team_info .team_player .player .bp,
body #main .contents#battleInfo .team_info .team_player .player .bp {
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: inline-block;
  font-size: 2rem;
  line-height: 1;
  text-align: right;
  color: #676767;
  font-family: "anton", sans-serif;
}
html #main .contents#battleInfo .team_info .team_coach,
body #main .contents#battleInfo .team_info .team_coach {
  position: absolute;
  top: 690px;
  left: 44px;
  width: calc(100% - 88px);
  height: 100px;
  color: #404040;
  border: 1px solid #404040;
}
html #main .contents#battleInfo .team_info .team_coach::after,
body #main .contents#battleInfo .team_info .team_coach::after {
  content: "";
  position: absolute;
  top: 14px;
  left: 14px;
  display: inline-block;
  width: 100%;
  height: 100%;
  z-index: -2;
}
html #main .contents#battleInfo .team_info .team_coach .title,
body #main .contents#battleInfo .team_info .team_coach .title {
  position: absolute;
  top: 10px;
  left: 0;
  line-height: 1;
  padding: 2px 12px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #606060;
  border-bottom: 1px solid #404040;
}
html #main .contents#battleInfo .team_info .team_coach .nickname,
body #main .contents#battleInfo .team_info .team_coach .nickname {
  position: absolute;
  top: calc(50% + 16px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: inline-block;
  font-size: 2rem;
  line-height: 1;
  width: calc(100% - 32px);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html #main .contents#battleInfo .team_info.left,
body #main .contents#battleInfo .team_info.left {
  left: 114px;
}
html #main .contents#battleInfo .team_info.left .team_group,
html #main .contents#battleInfo .team_info.left .team_player .player,
html #main .contents#battleInfo .team_info.left .team_coach,
body #main .contents#battleInfo .team_info.left .team_group,
body #main .contents#battleInfo .team_info.left .team_player .player,
body #main .contents#battleInfo .team_info.left .team_coach {
  background-color: #e9bebe;
}
html #main .contents#battleInfo .team_info.left .team_group::after,
html #main .contents#battleInfo .team_info.left .team_player .player::after,
html #main .contents#battleInfo .team_info.left .team_coach::after,
body #main .contents#battleInfo .team_info.left .team_group::after,
body #main .contents#battleInfo .team_info.left .team_player .player::after,
body #main .contents#battleInfo .team_info.left .team_coach::after {
  background-color: #c93a3a;
}
html #main .contents#battleInfo .team_info.right,
body #main .contents#battleInfo .team_info.right {
  right: 72px;
}
html #main .contents#battleInfo .team_info.right .team_group,
html #main .contents#battleInfo .team_info.right .team_player .player,
html #main .contents#battleInfo .team_info.right .team_coach,
body #main .contents#battleInfo .team_info.right .team_group,
body #main .contents#battleInfo .team_info.right .team_player .player,
body #main .contents#battleInfo .team_info.right .team_coach {
  background-color: #bfc2e8;
}
html #main .contents#battleInfo .team_info.right .team_group::after,
html #main .contents#battleInfo .team_info.right .team_player .player::after,
html #main .contents#battleInfo .team_info.right .team_coach::after,
body #main .contents#battleInfo .team_info.right .team_group::after,
body #main .contents#battleInfo .team_info.right .team_player .player::after,
body #main .contents#battleInfo .team_info.right .team_coach::after {
  background-color: #3c46c6;
}
html #main .contents#battleInfo .team_info.lose .team_group,
html #main .contents#battleInfo .team_info.lose .team_player .player,
html #main .contents#battleInfo .team_info.lose .team_coach,
body #main .contents#battleInfo .team_info.lose .team_group,
body #main .contents#battleInfo .team_info.lose .team_player .player,
body #main .contents#battleInfo .team_info.lose .team_coach {
  background-color: #cdcdcd;
  color: #8d8d8d;
}
html #main .contents#battleInfo .team_info.lose .team_group::after,
html #main .contents#battleInfo .team_info.lose .team_player .player::after,
html #main .contents#battleInfo .team_info.lose .team_coach::after,
body #main .contents#battleInfo .team_info.lose .team_group::after,
body #main .contents#battleInfo .team_info.lose .team_player .player::after,
body #main .contents#battleInfo .team_info.lose .team_coach::after {
  background-color: #909090;
}
html #main .contents#battleInfo .team_info.lose .team_group .total_bp,
html #main .contents#battleInfo .team_info.lose .team_group .bp,
html #main .contents#battleInfo .team_info.lose .team_player .player .total_bp,
html #main .contents#battleInfo .team_info.lose .team_player .player .bp,
html #main .contents#battleInfo .team_info.lose .team_coach .total_bp,
html #main .contents#battleInfo .team_info.lose .team_coach .bp,
body #main .contents#battleInfo .team_info.lose .team_group .total_bp,
body #main .contents#battleInfo .team_info.lose .team_group .bp,
body #main .contents#battleInfo .team_info.lose .team_player .player .total_bp,
body #main .contents#battleInfo .team_info.lose .team_player .player .bp,
body #main .contents#battleInfo .team_info.lose .team_coach .total_bp,
body #main .contents#battleInfo .team_info.lose .team_coach .bp {
  color: #8d8d8d;
}
html #main .contents#battleInfo .map_info,
body #main .contents#battleInfo .map_info {
  position: absolute;
  top: 408px;
  left: calc(50% + 20px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
  width: 416px;
  height: 496px;
  background-color: #f2f2f2;
  border: 1px solid #404040;
}
html #main .contents#battleInfo .map_info::before,
body #main .contents#battleInfo .map_info::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  z-index: -1;
}
html #main .contents#battleInfo .map_info::after,
body #main .contents#battleInfo .map_info::after {
  content: "";
  position: absolute;
  top: 14px;
  left: 14px;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #903cc6;
  z-index: -2;
}
html #main .contents#battleInfo .map_info .map_img,
body #main .contents#battleInfo .map_info .map_img {
  position: absolute;
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  width: calc(100% - 48px);
  height: 360px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #404040;
  background-color: #f2f2f2;
}
html #main .contents#battleInfo .map_info .map_name,
body #main .contents#battleInfo .map_info .map_name {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 3.4rem;
  line-height: 1;
  color: #676767;
  font-family: "anton", sans-serif;
}
html #main .contents#gameFrame,
body #main .contents#gameFrame {
  position: relative;
  background-color: #32cd32;
  /* ゲーム画面 */
  /* 背景イメージ */
  /* タイトル */
  /* チーム情報 */
  /* 勝利データ */
  /* ロゴ周り */
  /* サポーター情報 */
}
html #main .contents#gameFrame .game_sample,
body #main .contents#gameFrame .game_sample {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}
html #main .contents#gameFrame .bg_frame,
body #main .contents#gameFrame .bg_frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
html #main .contents#gameFrame .battle_name,
body #main .contents#gameFrame .battle_name {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
  color: #F4F4F4;
  padding: 8px;
  width: 230px;
  line-height: 1;
  text-align: center;
  font-weight: bold;
  font-size: 1.2rem;
}
html #main .contents#gameFrame .team_name,
body #main .contents#gameFrame .team_name {
  position: absolute;
  top: 0;
  z-index: 2;
  color: #F2F2F2;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 16px;
  line-height: 1;
  width: 400px;
}
html #main .contents#gameFrame .team_name.defender,
body #main .contents#gameFrame .team_name.defender {
  left: 0;
  text-align: left;
}
html #main .contents#gameFrame .team_name.attacker,
body #main .contents#gameFrame .team_name.attacker {
  right: 0;
  text-align: right;
}
html #main .contents#gameFrame .score_star,
body #main .contents#gameFrame .score_star {
  position: absolute;
  top: 32px;
  z-index: 2;
  color: #F2F2F2;
  font-size: 1rem;
  font-weight: bold;
  padding: 2px 4px;
  line-height: 1;
  width: 40px;
}
html #main .contents#gameFrame .score_star.defender,
body #main .contents#gameFrame .score_star.defender {
  left: 860px;
  text-align: left;
}
html #main .contents#gameFrame .score_star.attacker,
body #main .contents#gameFrame .score_star.attacker {
  right: 860px;
  text-align: right;
}
html #main .contents#gameFrame .logoItem,
body #main .contents#gameFrame .logoItem {
  position: absolute;
  bottom: 24px;
  width: 260px;
  height: 45px;
  z-index: 2;
}
html #main .contents#gameFrame .logoItem.logoBox01,
body #main .contents#gameFrame .logoItem.logoBox01 {
  left: 104px;
}
html #main .contents#gameFrame .logoItem.logoBox02, html #main .contents#gameFrame .logoItem.logoBox03,
body #main .contents#gameFrame .logoItem.logoBox02,
body #main .contents#gameFrame .logoItem.logoBox03 {
  right: 86px;
}
html #main .contents#gameFrame .logoItem .slick-list,
html #main .contents#gameFrame .logoItem .slick-track,
body #main .contents#gameFrame .logoItem .slick-list,
body #main .contents#gameFrame .logoItem .slick-track {
  max-height: 100%;
  height: 58px;
}
html #main .contents#gameFrame .logoItem img,
body #main .contents#gameFrame .logoItem img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
}
html #main .contents#gameFrame .supporter_line,
body #main .contents#gameFrame .supporter_line {
  position: absolute;
  right: 4px;
  bottom: 182px;
  width: 300px;
  display: inline-block;
  z-index: 2;
}
html #main .contents#gameFrame .supporter_line .supporter_info,
body #main .contents#gameFrame .supporter_line .supporter_info {
  position: relative;
  display: inline-block;
  width: 100%;
}
html #main .contents#gameFrame .supporter_line .supporter_info + .supporter_info,
body #main .contents#gameFrame .supporter_line .supporter_info + .supporter_info {
  margin-top: 24px;
}
html #main .contents#gameFrame .supporter_line .supporter_info .supporter_img,
body #main .contents#gameFrame .supporter_line .supporter_info .supporter_img {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 74px;
}
html #main .contents#gameFrame .supporter_line .supporter_info .supporter_board,
body #main .contents#gameFrame .supporter_line .supporter_info .supporter_board {
  position: absolute;
  left: 0;
  padding: 16px;
  background-color: rgba(38, 38, 38, 0.9);
  width: calc(100% - 84px);
  min-width: calc(100% - 84px);
  height: 74px;
}
html #main .contents#gameFrame .supporter_line .supporter_info .supporter_board .supporter_name,
body #main .contents#gameFrame .supporter_line .supporter_info .supporter_board .supporter_name {
  color: #F2F2F2;
  font-size: 1.4rem;
  max-width: 100%;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}
html #main .contents#gameFrame .supporter_line .supporter_info .supporter_board .twitter_id,
body #main .contents#gameFrame .supporter_line .supporter_info .supporter_board .twitter_id {
  color: #D9D9D9;
  font-size: 1rem;
  max-width: 100%;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 0 0;
}
html #main .contents#gameFrame .supporter_line .supporter_info.announcer .supporter_img,
html #main .contents#gameFrame .supporter_line .supporter_info.announcer .supporter_board,
body #main .contents#gameFrame .supporter_line .supporter_info.announcer .supporter_img,
body #main .contents#gameFrame .supporter_line .supporter_info.announcer .supporter_board {
  bottom: 80px;
  border: 1px solid #61D5F5;
}
html #main .contents#gameFrame .supporter_line .supporter_info.commentary .supporter_img,
html #main .contents#gameFrame .supporter_line .supporter_info.commentary .supporter_board,
body #main .contents#gameFrame .supporter_line .supporter_info.commentary .supporter_img,
body #main .contents#gameFrame .supporter_line .supporter_info.commentary .supporter_board {
  bottom: 0;
  border: 1px solid #9BC648;
}
html #main .contents#battleScore,
body #main .contents#battleScore {
  position: relative;
  background-color: #ffffff;
  /* 背景イメージ */
  /* タイトル */
  /* スコアボード */
  /* マップ情報 */
}
html #main .contents#battleScore .bg_img,
body #main .contents#battleScore .bg_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
html #main .contents#battleScore .battle_name,
body #main .contents#battleScore .battle_name {
  position: absolute;
  top: 34px;
  left: 0;
  z-index: 2;
  width: 640px;
  height: 125px;
  padding: 36px 32px;
  color: #f2f2f2;
  font-weight: bold;
  font-size: 3rem;
  background-color: #cc762f;
}
html #main .contents#battleScore .score_bord,
body #main .contents#battleScore .score_bord {
  position: absolute;
  bottom: 250px;
  right: 96px;
  width: 1220px;
  height: 350px;
  z-index: 2;
}
html #main .contents#battleScore .score_bord::after,
body #main .contents#battleScore .score_bord::after {
  content: "";
  position: absolute;
  top: 14px;
  left: 14px;
  display: inline-block;
  width: 100%;
  height: 100%;
  z-index: -2;
  background-color: #329b40;
}
html #main .contents#battleScore .score_bord tr th, html #main .contents#battleScore .score_bord tr td,
body #main .contents#battleScore .score_bord tr th,
body #main .contents#battleScore .score_bord tr td {
  width: 156px;
  text-align: center;
  font-size: 1.8rem;
  background-color: #f2f2f2;
  border: 1px solid #404040;
  padding: 32px 8px;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html #main .contents#battleScore .score_bord tr th:first-of-type, html #main .contents#battleScore .score_bord tr td:first-of-type,
body #main .contents#battleScore .score_bord tr th:first-of-type,
body #main .contents#battleScore .score_bord tr td:first-of-type {
  width: 382px;
  text-align: left;
  padding: 32px 24px;
}
html #main .contents#battleScore .score_bord tr th.team_name, html #main .contents#battleScore .score_bord tr td.team_name,
body #main .contents#battleScore .score_bord tr th.team_name,
body #main .contents#battleScore .score_bord tr td.team_name {
  max-width: 380px;
  font-size: 2.2rem;
  padding: 48px 24px;
}
html #main .contents#battleScore .score_bord tr th.score, html #main .contents#battleScore .score_bord tr td.score,
body #main .contents#battleScore .score_bord tr th.score,
body #main .contents#battleScore .score_bord tr td.score {
  font-size: 5rem;
  color: #9f9f9f;
  padding: 48px 8px;
}
html #main .contents#battleScore .score_bord tr th.score.victory, html #main .contents#battleScore .score_bord tr td.score.victory,
body #main .contents#battleScore .score_bord tr th.score.victory,
body #main .contents#battleScore .score_bord tr td.score.victory {
  font-family: "anton", sans-serif;
  color: #942a2a;
}
html #main .contents#battleScore .score_bord tr th.score.lose, html #main .contents#battleScore .score_bord tr td.score.lose,
body #main .contents#battleScore .score_bord tr th.score.lose,
body #main .contents#battleScore .score_bord tr td.score.lose {
  font-family: "anton", sans-serif;
  color: #666666;
}
html #main .contents#battleScore .map_info,
body #main .contents#battleScore .map_info {
  position: absolute;
  top: 344px;
  left: 98px;
  z-index: 2;
  width: 450px;
  height: 536px;
  background-color: #f2f2f2;
  border: 1px solid #404040;
}
html #main .contents#battleScore .map_info::before,
body #main .contents#battleScore .map_info::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  z-index: -1;
}
html #main .contents#battleScore .map_info::after,
body #main .contents#battleScore .map_info::after {
  content: "";
  position: absolute;
  top: 14px;
  left: 14px;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #903cc6;
  z-index: -2;
}
html #main .contents#battleScore .map_info .map_img,
body #main .contents#battleScore .map_info .map_img {
  position: absolute;
  top: 36px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  width: calc(100% - 60px);
  height: 386px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #404040;
}
html #main .contents#battleScore .map_info .map_name,
body #main .contents#battleScore .map_info .map_name {
  position: absolute;
  bottom: 38px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 3rem;
  line-height: 1;
  color: #676767;
  font-family: "anton", sans-serif;
}
html #main .contents#rank,
body #main .contents#rank {
  position: relative;
  background-color: #ffffff;
  /* 背景イメージ */
  /* タイトル */
  /* ランキング */
  /* 素材 */
}
html #main .contents#rank .bg_img,
body #main .contents#rank .bg_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
html #main .contents#rank .battle_name,
body #main .contents#rank .battle_name {
  position: absolute;
  top: 34px;
  left: 0;
  z-index: 2;
  width: 640px;
  height: 125px;
  padding: 36px 32px;
  color: #f2f2f2;
  font-weight: bold;
  font-size: 3rem;
  background-color: #cc762f;
}
html #main .contents#rank .battle_name > .anton,
body #main .contents#rank .battle_name > .anton {
  font-weight: normal;
}
html #main .contents#rank .rankBox,
body #main .contents#rank .rankBox {
  position: absolute;
  z-index: 2;
  color: #404040;
  border: 1px solid #404040;
}
html #main .contents#rank .rankBox::before,
body #main .contents#rank .rankBox::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  border: 1px solid #404040;
  background-color: #f2f2f2;
  z-index: -1;
}
html #main .contents#rank .rankBox::after,
body #main .contents#rank .rankBox::after {
  content: "";
  position: absolute;
  top: 14px;
  left: 14px;
  display: inline-block;
  width: 100%;
  height: 100%;
  z-index: -2;
}
html #main .contents#rank .rankBox .title,
body #main .contents#rank .rankBox .title {
  position: absolute;
  top: 30px;
  left: 0;
  line-height: 1;
  padding: 8px 12px;
  font-size: 1rem;
  font-weight: bold;
  color: #606060;
  border-bottom: 1px solid #404040;
}
html #main .contents#rank .rankBox .team_name,
body #main .contents#rank .rankBox .team_name {
  position: absolute;
  top: 100px;
  left: 0;
  line-height: 1;
  font-size: 1rem;
  font-weight: bold;
  width: 100%;
  text-align: center;
  color: #606060;
}
html #main .contents#rank .rankBox.rankBox01,
body #main .contents#rank .rankBox.rankBox01 {
  top: 230px;
  left: 160px;
  width: 760px;
  height: 760px;
}
html #main .contents#rank .rankBox.rankBox01::after,
body #main .contents#rank .rankBox.rankBox01::after {
  background-color: #d6c24c;
}
html #main .contents#rank .rankBox.rankBox01 .title,
body #main .contents#rank .rankBox.rankBox01 .title {
  font-size: 4rem;
}
html #main .contents#rank .rankBox.rankBox01 .team_name,
body #main .contents#rank .rankBox.rankBox01 .team_name {
  top: 300px;
  font-size: 4rem;
}
html #main .contents#rank .rankBox.rankBox02,
body #main .contents#rank .rankBox.rankBox02 {
  top: 230px;
  left: 1030px;
  width: 760px;
  height: 345px;
}
html #main .contents#rank .rankBox.rankBox02::after,
body #main .contents#rank .rankBox.rankBox02::after {
  background-color: #4cd386;
}
html #main .contents#rank .rankBox.rankBox02 .title,
body #main .contents#rank .rankBox.rankBox02 .title {
  font-size: 3rem;
}
html #main .contents#rank .rankBox.rankBox02 .team_name,
body #main .contents#rank .rankBox.rankBox02 .team_name {
  top: 150px;
  font-size: 3.6rem;
}
html #main .contents#rank .rankBox.rankBox04_1,
body #main .contents#rank .rankBox.rankBox04_1 {
  top: 604px;
  left: 1030px;
  width: 760px;
  height: 178px;
}
html #main .contents#rank .rankBox.rankBox04_1::after,
body #main .contents#rank .rankBox.rankBox04_1::after {
  background-color: #d1614e;
}
html #main .contents#rank .rankBox.rankBox04_1 .title,
body #main .contents#rank .rankBox.rankBox04_1 .title {
  font-size: 2rem;
}
html #main .contents#rank .rankBox.rankBox04_1 .team_name,
body #main .contents#rank .rankBox.rankBox04_1 .team_name {
  top: 100px;
  font-size: 3rem;
}
html #main .contents#rank .rankBox.rankBox04_2,
body #main .contents#rank .rankBox.rankBox04_2 {
  top: 810px;
  left: 1030px;
  width: 760px;
  height: 178px;
}
html #main .contents#rank .rankBox.rankBox04_2::after,
body #main .contents#rank .rankBox.rankBox04_2::after {
  background-color: #d1614e;
}
html #main .contents#rank .rankBox.rankBox04_2 .title,
body #main .contents#rank .rankBox.rankBox04_2 .title {
  font-size: 2rem;
}
html #main .contents#rank .rankBox.rankBox04_2 .team_name,
body #main .contents#rank .rankBox.rankBox04_2 .team_name {
  top: 100px;
  font-size: 3rem;
}
html #main .contents#rank .sozai01,
body #main .contents#rank .sozai01 {
  position: absolute;
  bottom: -130px;
  left: 220px;
  z-index: 20;
  width: 660px;
}
html #main .contents#rank .sozai02,
body #main .contents#rank .sozai02 {
  position: absolute;
  bottom: -210px;
  left: -190px;
  z-index: 10;
  width: 820px;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
html #main .contents#endRoll,
body #main .contents#endRoll {
  position: relative;
  background-color: #353535;
  color: #f2f2f2;
}
html #main .contents#endRoll .scroll_contents,
body #main .contents#endRoll .scroll_contents {
  background-color: #353535;
  color: #f2f2f2;
  padding: 100vh 300px 0;
  text-align: center;
  /* クレジット */
}
html #main .contents#endRoll .scroll_contents .creditBox,
body #main .contents#endRoll .scroll_contents .creditBox {
  padding: 40px 0 80px;
}
html #main .contents#endRoll .scroll_contents .creditBox.view100,
body #main .contents#endRoll .scroll_contents .creditBox.view100 {
  position: relative;
  height: 100vh;
}
html #main .contents#endRoll .scroll_contents .creditBox.view100 .creditItem,
body #main .contents#endRoll .scroll_contents .creditBox.view100 .creditItem {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
html #main .contents#endRoll .scroll_contents .creditBox .creditTitle01,
body #main .contents#endRoll .scroll_contents .creditBox .creditTitle01 {
  padding-bottom: 40px;
  font-size: 7rem;
  font-family: "Covered By Your Grace", "Yomogi", cursive;
  color: #2cc9db;
}
html #main .contents#endRoll .scroll_contents .creditBox .creditTitle01.jp,
body #main .contents#endRoll .scroll_contents .creditBox .creditTitle01.jp {
  font-size: 5rem;
  font-family: "Yomogi", cursive;
}
html #main .contents#endRoll .scroll_contents .creditBox .creditTitle02,
body #main .contents#endRoll .scroll_contents .creditBox .creditTitle02 {
  padding: 40px 0;
  font-size: 5rem;
  font-family: "Covered By Your Grace", "Yomogi", cursive;
  color: #e5ab0b;
}
html #main .contents#endRoll .scroll_contents .creditBox .creditTitle02.jp,
body #main .contents#endRoll .scroll_contents .creditBox .creditTitle02.jp {
  font-size: 4rem;
  font-family: "Yomogi", cursive;
}
html #main .contents#endRoll .scroll_contents .creditBox .creditItem .creditTxt,
body #main .contents#endRoll .scroll_contents .creditBox .creditItem .creditTxt {
  font-size: 3rem;
  font-family: "Yomogi", cursive;
  padding-top: 24px;
}
html #main .contents#endRoll .scroll_contents .creditBox .creditItem .groupMember,
body #main .contents#endRoll .scroll_contents .creditBox .creditItem .groupMember {
  font-size: 2.6rem;
  font-family: "DotGothic16", sans-serif;
}
html #main .contents#endRoll .scroll_contents .creditBox .creditItem .logo_img,
body #main .contents#endRoll .scroll_contents .creditBox .creditItem .logo_img {
  padding: 0 40px;
}
html #main .contents#endRoll .scroll_contents .creditBox .creditItem .card-deck .card,
body #main .contents#endRoll .scroll_contents .creditBox .creditItem .card-deck .card {
  background-color: transparent;
  border: 0;
}
html #main .contents#endRoll .scroll_contents .creditBox .creditItem .card-deck .card .bd-placeholder-img,
body #main .contents#endRoll .scroll_contents .creditBox .creditItem .card-deck .card .bd-placeholder-img {
  width: 200px;
  margin: 0 auto;
}
html #main .contents#endRoll .scroll_contents .creditBox .creditItem .card-deck .card .card-body .card-title,
body #main .contents#endRoll .scroll_contents .creditBox .creditItem .card-deck .card .card-body .card-title {
  font-size: 3rem;
  font-family: "DotGothic16", sans-serif;
}
html #main .contents#endRoll .scroll_contents .creditBox .creditItem .card-deck .card .card-body .card-text,
body #main .contents#endRoll .scroll_contents .creditBox .creditItem .card-deck .card .card-body .card-text {
  font-size: 2rem;
  font-family: "Covered By Your Grace", "Yomogi", cursive;
  color: #838383;
}/*# sourceMappingURL=_stream_202212_ele_air.css.map */