@charset "UTF-8";
@import url(division.css);
@font-face {
  font-family: "DIN";
  src: url(https://fonts.googleapis.com/...);
}
.ls-division_h1-subBox {
  margin: 0 auto;
}

.--tournament .ls-division_Container {
  padding-top: unset;
}

.--tournamentAll .ls-division_h1 {
  box-shadow: 0px -2px 10px 5px rgba(90, 90, 90, 0.2);
  position: relative;
  z-index: 30;
}
.--tournamentAll .ls-division_h1 .ls-division_tit {
  --clamp-min: 20;
  --clamp-max: 20;
}
.--tournamentAll .ls-division_h1 h2 {
  --clamp-min: 16;
  --clamp-max: 16;
}
.--tournamentAll .ls-division_Container {
  max-width: unset;
}

.drag-container {
  height: calc(100vh - 86px);
  padding: 1.5em;
  overflow: auto;
  position: relative;
  background-color: #f0f1f3;
  background-image: radial-gradient(circle, #e0e3e8 2px, transparent 2px), radial-gradient(circle, #e0e3e8 2px, transparent 2px);
  background-position: 0 0, 7px 14px;
  background-size: 14px 28px;
}
@media screen and (max-width: 480px) {
  .drag-container .tournament-controlnav {
    grid-template-columns: 120px;
  }
  .drag-container .tournament-controlnav .scaleBtnBox {
    display: none;
  }
  .drag-container .drag-container {
    flex: 1;
    height: auto !important;
    min-height: 300px;
    padding: 1em;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 10px;
  }
  .drag-container [th\:replace="common/navigation :: footerNav('bracket')"],
  .drag-container .footer-nav {
    order: 2;
    position: relative;
  }
}

.tournament-controlnav {
  position: sticky;
  left: 0;
  top: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(auto, 120px));
  gap: 0.5em;
  justify-content: end;
  justify-items: end;
  z-index: 10;
  width: 100%;
  text-wrap-style: balance;
}
.tournament-controlnav .selectBox {
  margin-block: unset;
  width: 100%;
}
.tournament-controlnav .selectBox .dropdownMenu {
  width: 100%;
}
.tournament-controlnav .selectBox .dropdownMenu a {
  display: block;
  width: 100%;
  height: 100%;
}
.tournament-controlnav .selectBox button {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-color: #989898;
  padding: 0.5em;
}
.tournament-controlnav .tournamentallLink {
  font-size: var(--clamp);
  --clamp-min: 14;
  --clamp-max: 14;
  width: -moz-fit-content;
  width: fit-content;
  margin-block: unset;
}

.tournamentWrap {
  display: grid;
  grid-auto-flow: column;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  transform-origin: top left;
  min-height: 400px;
}
.tournamentWrap > ul:first-child {
  padding-left: 2em;
}
.tournamentWrap > ul:last-child {
  padding-right: 2em;
}

.tournament_matchBox {
  margin: 0.5rem 0;
  display: grid;
  grid-template-columns: 1fr auto;
  justify-content: center;
  --tournament-gap: 0.5rem;
  gap: var(--tournament-gap) 0;
}
.tournament_matchBox .tournament-matchCard {
  border-radius: 10px;
  overflow: hidden;
  display: grid;
  gap: 2px;
  --clamp-min: 15; /*フォントサイズを可変にするとトーナメント表が崩れます*/
  --clamp-max: 15;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.tournament_matchBox .teamName {
  display: grid;
  grid-template-columns: 10fr auto;
  align-items: center;
  background-color: #fff;
}
.tournament_matchBox .teamName .team {
  padding: 0.25em 0.5em;
  white-space: nowrap;
}
.tournament_matchBox .teamName .team a {
  color: currentColor;
  user-drag: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
}
@media (hover: hover) {
  .tournament_matchBox .teamName .team a:hover {
    text-decoration: underline;
  }
}
.tournament_matchBox .teamName .point {
  background: #DDE1E6;
  height: 100%;
  aspect-ratio: 1;
  display: grid;
  align-items: center;
  font-family: "Oswald";
  justify-content: center;
}
.tournament_matchBox .teamName.victory .team {
  background-color: #5498FF !important;
  color: #fff;
}
.tournament_matchBox .teamName.noTeam .point, .tournament_matchBox .teamName.noTeam .team {
  background-color: #ebebeb !important;
}
.tournament_matchBox .tournamentLine {
  grid-row: 1/3;
  grid-column: 2/3;
  display: grid;
  grid-template-columns: repeat(3, auto);
  --tournamentLine-width: 30px;
  --tournamentLine-height: 2px;
}
.tournament_matchBox .tournamentLine .horizontal {
  display: grid;
  align-items: center;
  gap: var(--tournament-gap);
}
.tournament_matchBox .tournamentLine .horizontal .line {
  height: var(--tournamentLine-height);
  width: var(--tournamentLine-width);
  background-color: #d5d5d5;
}
.tournament_matchBox .tournamentLine .vertical {
  display: grid;
  align-content: center;
}
.tournament_matchBox .tournamentLine .vertical .line {
  width: var(--tournamentLine-height);
  height: calc(var(--tournamentLine-width) + var(--tournament-gap) / 2 + 2px);
  background-color: #d5d5d5;
}
.tournament_matchBox .tournamentLine .nextLine {
  display: grid;
  align-items: center;
}
.tournament_matchBox .tournamentLine .nextLine .line {
  height: var(--tournamentLine-height);
  width: var(--tournamentLine-width);
  background-color: #d5d5d5;
}

.section64 .tournament_matchBox {
  grid-template-columns: 1fr;
}

/*シード用処理*/
.--leftBracket .section64 {
  grid-template-rows: repeat(16, 1fr);
}
.--leftBracket .section32 {
  grid-template-rows: repeat(8, 1fr);
}
.--leftBracket .section16 {
  grid-template-rows: repeat(4, 1fr);
}
.--leftBracket .section8 {
  grid-template-rows: repeat(2, 1fr);
}

/*横並びセクション処理*/
.tournament-section {
  display: grid;
  align-items: center;
}

.tournamentWrap[data-active-section="64"] .section64 + .section32 .tournament_matchBox {
  --tournament-gap: 5.5rem;
}
.tournamentWrap[data-active-section="64"] .section64 + .section32 + .section16 .tournament_matchBox {
  --tournament-gap: 14.5rem;
}
.tournamentWrap[data-active-section="64"] .section64 + .section32 + .section16 + .section8 .tournament_matchBox {
  --tournament-gap: 33rem;
}
.tournamentWrap[data-active-section="64"] .section64 + .section32 + .section16 + .section8 + .section4 .tournament_matchBox {
  --tournament-gap: 70rem;
}

.tournamentWrap[data-active-section="32"] .section64 {
  display: none;
}
.tournamentWrap[data-active-section="32"] .section32 + .section16 .tournament_matchBox {
  --tournament-gap: 86px;
}
.tournamentWrap[data-active-section="32"] .section32 + .section16 + .section8 .tournament_matchBox {
  --tournament-gap: 234px;
}
.tournamentWrap[data-active-section="32"] .section32 + .section16 + .section8 + .section4 .tournament_matchBox {
  --tournament-gap: 528px;
}

.tournamentWrap[data-active-section="16"] .section64, .tournamentWrap[data-active-section="16"] .section32 {
  display: none;
}
.tournamentWrap[data-active-section="16"] .section16 + .section8 .tournament_matchBox {
  --tournament-gap: 5.5rem;
}
.tournamentWrap[data-active-section="16"] .section16 + .section8 + .section4 .tournament_matchBox {
  --tournament-gap: 232px;
}

.tournamentWrap[data-active-section="8"] .section64, .tournamentWrap[data-active-section="8"] .section32, .tournamentWrap[data-active-section="8"] .section16 {
  display: none;
}
.tournamentWrap[data-active-section="8"] .section8 + .section4 .tournament_matchBox {
  --tournament-gap: 214px;
}

.tournamentWrap[data-active-section="4"] .section64, .tournamentWrap[data-active-section="4"] .section32, .tournamentWrap[data-active-section="4"] .section16, .tournamentWrap[data-active-section="4"] .section8 {
  display: none;
}

/*勝利時色変更*/
.tournament_matchBox .tournamentLine { /*勝ち抜き線*/ }
.tournament_matchBox .tournamentLine .winner.line {
  background-color: var(--colorBlue);
}
.tournament_matchBox .tournament-matchCard { /*チーム名*/ }
.tournament_matchBox .tournament-matchCard .winner.teamName {
  background-color: #F3F8FF;
}
.tournament_matchBox .tournament-matchCard .winner.teamName .point {
  background-color: #BFD9FF;
}
.tournament_matchBox .tournament-matchCard .noTeam.teamName {
  background-color: #DDE1E6;
}
.tournament_matchBox .tournament-matchCard .noTeam.teamName .point {
  background-color: #DDE1E6;
}

/*左右トーナメント表*/
.tournamentWrap.--bothWays,
.tournamentWrap.--bothWaysFinal {
  --clamp-min: 15;
  --clamp-max: 15;
  --tournamentLine-width: 40px;
  --tournamentLine-height: 2px;
  --teamList-item-height: calc(1lh + (0.75em * 2));
  --tournament-gap: 0.5em;
  /*縦ラインの長さ計算用：初期値*/
  --verticalLine-calc: calc((var(--teamList-item-height) / 2) + (var(--tournament-gap) / 2));
  padding-block: 2em;
  justify-content: start;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  min-width: 1300px;
  margin: auto;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}
.tournamentWrap.--bothWays .tournament_matchBox,
.tournamentWrap.--bothWaysFinal .tournament_matchBox {
  margin: unset;
}
.tournamentWrap.--bothWays .tournament_matchBox:last-child,
.tournamentWrap.--bothWaysFinal .tournament_matchBox:last-child {
  order: 6;
}
.tournamentWrap.--bothWays .tournament_matchBox .tournament-matchCard,
.tournamentWrap.--bothWaysFinal .tournament_matchBox .tournament-matchCard {
  border-radius: unset;
  display: grid;
  gap: var(--tournament-gap);
}
.tournamentWrap.--bothWays .tournament_matchBox .tournament-matchCard .teamName,
.tournamentWrap.--bothWaysFinal .tournament_matchBox .tournament-matchCard .teamName {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) auto;
  border-radius: 10px;
  text-align: right;
  min-height: var(--teamList-item-height); /*ラインハイト + パディング上下*/
  height: 100%;
}
.tournamentWrap.--bothWays .tournament_matchBox .tournament-matchCard .teamName .team,
.tournamentWrap.--bothWaysFinal .tournament_matchBox .tournament-matchCard .teamName .team {
  display: grid;
  padding: 0.75em;
  align-items: center;
  height: 100%;
}
.tournamentWrap.--bothWays .tournament_matchBox .tournament-matchCard .teamName .team:empty,
.tournamentWrap.--bothWaysFinal .tournament_matchBox .tournament-matchCard .teamName .team:empty {
  background-color: #ebebeb !important;
  border-radius: 10px;
}
.tournamentWrap.--bothWays .tournament_matchBox .tournament-matchCard .teamName.--WINNER .team,
.tournamentWrap.--bothWaysFinal .tournament_matchBox .tournament-matchCard .teamName.--WINNER .team {
  border-radius: 10px;
}
.tournamentWrap.--bothWays .tournament-section,
.tournamentWrap.--bothWaysFinal .tournament-section {
  display: grid;
  justify-content: center;
  align-items: unset;
}
.tournamentWrap.--bothWays .tournament-section.section64,
.tournamentWrap.--bothWaysFinal .tournament-section.section64 {
  grid-template-columns: 1fr repeat(6, auto);
}
.tournamentWrap.--bothWays .tournament-section.section32,
.tournamentWrap.--bothWaysFinal .tournament-section.section32 {
  grid-template-columns: 1fr repeat(5, auto);
}
.tournamentWrap.--bothWays .tournament-section.section16,
.tournamentWrap.--bothWaysFinal .tournament-section.section16 {
  grid-template-columns: 1fr repeat(4, auto);
}
.tournamentWrap.--bothWays .tournament-section.section8,
.tournamentWrap.--bothWaysFinal .tournament-section.section8 {
  grid-template-columns: 1fr repeat(3, auto);
}
.tournamentWrap.--bothWays .tournament-section.section4, .tournamentWrap.--bothWays .tournament-section.section2,
.tournamentWrap.--bothWaysFinal .tournament-section.section4,
.tournamentWrap.--bothWaysFinal .tournament-section.section2 {
  grid-template-columns: 1fr repeat(2, auto);
}
.tournamentWrap.--bothWays .bothLinebasic,
.tournamentWrap.--bothWaysFinal .bothLinebasic {
  display: grid;
  align-items: center;
  height: 100%;
  gap: var(--tournament-gap);
}
.tournamentWrap.--bothWays .tournamentLine,
.tournamentWrap.--bothWaysFinal .tournamentLine {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: start;
}
.tournamentWrap.--bothWays .tournamentLine .horizontal,
.tournamentWrap.--bothWaysFinal .tournamentLine .horizontal {
  display: grid;
  align-items: center;
  align-content: space-between;
  gap: var(--tournament-gap);
}
.tournamentWrap.--bothWays .tournamentLine .horizontal .line,
.tournamentWrap.--bothWaysFinal .tournamentLine .horizontal .line {
  height: var(--tournamentLine-height);
  width: var(--tournamentLine-width);
  background-color: #d5d5d5;
}
.tournamentWrap.--bothWays .tournamentLine .vertical,
.tournamentWrap.--bothWaysFinal .tournamentLine .vertical {
  display: grid;
  align-content: center;
}
.tournamentWrap.--bothWays .tournamentLine .vertical .line,
.tournamentWrap.--bothWaysFinal .tournamentLine .vertical .line {
  --verticalLine-width: var(--verticalLine-calc);
  width: var(--tournamentLine-height);
  height: var(--verticalLine-width);
  background-color: #d5d5d5;
  position: relative;
}
.tournamentWrap.--bothWays .tournamentLine .vertical .line:first-child .point,
.tournamentWrap.--bothWaysFinal .tournamentLine .vertical .line:first-child .point {
  bottom: 0;
}
.tournamentWrap.--bothWays .tournamentLine .vertical .line:last-child .point,
.tournamentWrap.--bothWaysFinal .tournamentLine .vertical .line:last-child .point {
  top: 0;
}
.tournamentWrap.--bothWays .tournamentLine .vertical .point,
.tournamentWrap.--bothWaysFinal .tournamentLine .vertical .point {
  color: var(--colorGray-white);
  display: block;
  position: absolute;
  left: 6px;
  --clamp-min: 20;
  --clamp-max: 20;
  font-family: "Oswald";
  height: -moz-fit-content;
  height: fit-content;
}
.tournamentWrap.--bothWays .tournamentLine .nextLine,
.tournamentWrap.--bothWaysFinal .tournamentLine .nextLine {
  display: grid;
  align-items: center;
}
.tournamentWrap.--bothWays .tournamentLine .nextLine .line,
.tournamentWrap.--bothWaysFinal .tournamentLine .nextLine .line {
  height: var(--tournamentLine-height);
  width: var(--tournamentLine-width);
  background-color: #d5d5d5;
}
.tournamentWrap.--bothWays .Line--best64,
.tournamentWrap.--bothWaysFinal .Line--best64 {
  grid-template-rows: repeat(16, 1fr);
}
.tournamentWrap.--bothWays .Line--best64 + .Line--best32 .horizontal,
.tournamentWrap.--bothWaysFinal .Line--best64 + .Line--best32 .horizontal {
  display: none;
}
.tournamentWrap.--bothWays .Line--best64 + .Line--best32 .vertical .line,
.tournamentWrap.--bothWaysFinal .Line--best64 + .Line--best32 .vertical .line {
  --verticalLine-width: calc((var(--verticalLine-calc) * 2) + 1.5px);
}
.tournamentWrap.--bothWays .Line--best64 + .Line--best32 + .Line--best16 .horizontal,
.tournamentWrap.--bothWaysFinal .Line--best64 + .Line--best32 + .Line--best16 .horizontal {
  display: none;
}
.tournamentWrap.--bothWays .Line--best64 + .Line--best32 + .Line--best16 .vertical .line,
.tournamentWrap.--bothWaysFinal .Line--best64 + .Line--best32 + .Line--best16 .vertical .line {
  --verticalLine-width: calc((var(--verticalLine-calc) * 4) + 2px);
}
.tournamentWrap.--bothWays .Line--best64 + .Line--best32 + .Line--best16 + .Line--best8 .horizontal,
.tournamentWrap.--bothWaysFinal .Line--best64 + .Line--best32 + .Line--best16 + .Line--best8 .horizontal {
  display: none;
}
.tournamentWrap.--bothWays .Line--best64 + .Line--best32 + .Line--best16 + .Line--best8 .vertical .line,
.tournamentWrap.--bothWaysFinal .Line--best64 + .Line--best32 + .Line--best16 + .Line--best8 .vertical .line {
  --verticalLine-width: calc((var(--verticalLine-calc) * 8) + 3px);
}
.tournamentWrap.--bothWays .Line--best64 + .Line--best32 + .Line--best16 + .Line--best8 + .Line--best4 .horizontal,
.tournamentWrap.--bothWaysFinal .Line--best64 + .Line--best32 + .Line--best16 + .Line--best8 + .Line--best4 .horizontal {
  display: none;
}
.tournamentWrap.--bothWays .Line--best64 + .Line--best32 + .Line--best16 + .Line--best8 + .Line--best4 .vertical .line,
.tournamentWrap.--bothWaysFinal .Line--best64 + .Line--best32 + .Line--best16 + .Line--best8 + .Line--best4 .vertical .line {
  --verticalLine-width: calc((var(--verticalLine-calc) * 16) + 5px);
}
.tournamentWrap.--bothWays .Line--best32,
.tournamentWrap.--bothWaysFinal .Line--best32 {
  grid-template-rows: repeat(8, 1fr);
}
.tournamentWrap.--bothWays .Line--best32 + .Line--best16 .horizontal,
.tournamentWrap.--bothWaysFinal .Line--best32 + .Line--best16 .horizontal {
  display: none;
}
.tournamentWrap.--bothWays .Line--best32 + .Line--best16 .vertical .line,
.tournamentWrap.--bothWaysFinal .Line--best32 + .Line--best16 .vertical .line {
  --verticalLine-width: calc((var(--verticalLine-calc) * 2) + 1.5px);
}
.tournamentWrap.--bothWays .Line--best32 + .Line--best16 + .Line--best8 .horizontal,
.tournamentWrap.--bothWaysFinal .Line--best32 + .Line--best16 + .Line--best8 .horizontal {
  display: none;
}
.tournamentWrap.--bothWays .Line--best32 + .Line--best16 + .Line--best8 .vertical .line,
.tournamentWrap.--bothWaysFinal .Line--best32 + .Line--best16 + .Line--best8 .vertical .line {
  --verticalLine-width: calc((var(--verticalLine-calc) * 4) + 2px);
}
.tournamentWrap.--bothWays .Line--best32 + .Line--best16 + .Line--best8 + .Line--best4 .horizontal,
.tournamentWrap.--bothWaysFinal .Line--best32 + .Line--best16 + .Line--best8 + .Line--best4 .horizontal {
  display: none;
}
.tournamentWrap.--bothWays .Line--best32 + .Line--best16 + .Line--best8 + .Line--best4 .vertical .line,
.tournamentWrap.--bothWaysFinal .Line--best32 + .Line--best16 + .Line--best8 + .Line--best4 .vertical .line {
  --verticalLine-width: calc((var(--verticalLine-calc) * 8) + 3px);
}
.tournamentWrap.--bothWays .Line--best16,
.tournamentWrap.--bothWaysFinal .Line--best16 {
  grid-template-rows: repeat(4, 1fr);
}
.tournamentWrap.--bothWays .Line--best16 + .Line--best8 .horizontal,
.tournamentWrap.--bothWaysFinal .Line--best16 + .Line--best8 .horizontal {
  display: none;
}
.tournamentWrap.--bothWays .Line--best16 + .Line--best8 .vertical .line,
.tournamentWrap.--bothWaysFinal .Line--best16 + .Line--best8 .vertical .line {
  --verticalLine-width: calc((var(--verticalLine-calc) * 2) + 1.5px);
}
.tournamentWrap.--bothWays .Line--best16 + .Line--best8 + .Line--best4 .horizontal,
.tournamentWrap.--bothWaysFinal .Line--best16 + .Line--best8 + .Line--best4 .horizontal {
  display: none;
}
.tournamentWrap.--bothWays .Line--best16 + .Line--best8 + .Line--best4 .vertical .line,
.tournamentWrap.--bothWaysFinal .Line--best16 + .Line--best8 + .Line--best4 .vertical .line {
  --verticalLine-width: calc((var(--verticalLine-calc) * 4) + 2px);
}
.tournamentWrap.--bothWays .Line--best8,
.tournamentWrap.--bothWaysFinal .Line--best8 {
  grid-template-rows: repeat(2, 1fr);
}
.tournamentWrap.--bothWays .Line--best8 + .Line--best4 .horizontal,
.tournamentWrap.--bothWaysFinal .Line--best8 + .Line--best4 .horizontal {
  display: none;
}
.tournamentWrap.--bothWays .Line--best8 + .Line--best4 .vertical .line,
.tournamentWrap.--bothWaysFinal .Line--best8 + .Line--best4 .vertical .line {
  --verticalLine-width: calc((var(--verticalLine-calc) * 2) + 1.5px);
}
.tournamentWrap.--bothWays .Line--best4,
.tournamentWrap.--bothWaysFinal .Line--best4 {
  grid-template-rows: repeat(1fr);
}
.tournamentWrap.--bothWays .--right.tournament-section.section64,
.tournamentWrap.--bothWaysFinal .--right.tournament-section.section64 {
  grid-template-columns: repeat(5, auto) 1fr;
}
.tournamentWrap.--bothWays .--right.tournament-section.section32,
.tournamentWrap.--bothWaysFinal .--right.tournament-section.section32 {
  grid-template-columns: repeat(4, auto) 1fr;
}
.tournamentWrap.--bothWays .--right.tournament-section.section16,
.tournamentWrap.--bothWaysFinal .--right.tournament-section.section16 {
  grid-template-columns: repeat(3, auto) 1fr;
}
.tournamentWrap.--bothWays .--right.tournament-section.section8,
.tournamentWrap.--bothWaysFinal .--right.tournament-section.section8 {
  grid-template-columns: repeat(2, auto) 1fr;
}
.tournamentWrap.--bothWays .--right.tournament-section.section4, .tournamentWrap.--bothWays .--right.tournament-section.section2,
.tournamentWrap.--bothWaysFinal .--right.tournament-section.section4,
.tournamentWrap.--bothWaysFinal .--right.tournament-section.section2 {
  grid-template-columns: repeat(1, auto) 1fr;
}
.tournamentWrap.--bothWays .--right .tournament-matchCard .teamName,
.tournamentWrap.--bothWaysFinal .--right .tournament-matchCard .teamName {
  text-align: left;
}
.tournamentWrap.--bothWays .--right .Line--best64,
.tournamentWrap.--bothWaysFinal .--right .Line--best64 {
  order: 5;
}
.tournamentWrap.--bothWays .--right .Line--best32,
.tournamentWrap.--bothWaysFinal .--right .Line--best32 {
  order: 4;
}
.tournamentWrap.--bothWays .--right .Line--best16,
.tournamentWrap.--bothWaysFinal .--right .Line--best16 {
  order: 3;
}
.tournamentWrap.--bothWays .--right .Line--best8,
.tournamentWrap.--bothWaysFinal .--right .Line--best8 {
  order: 2;
}
.tournamentWrap.--bothWays .--right .Line--best4,
.tournamentWrap.--bothWaysFinal .--right .Line--best4 {
  order: 1;
}
.tournamentWrap.--bothWays .--right .tournamentLine > div:nth-child(1),
.tournamentWrap.--bothWaysFinal .--right .tournamentLine > div:nth-child(1) {
  order: 3;
}
.tournamentWrap.--bothWays .--right .tournamentLine > div:nth-child(2),
.tournamentWrap.--bothWaysFinal .--right .tournamentLine > div:nth-child(2) {
  order: 2;
}
.tournamentWrap.--bothWays .--right .tournamentLine > div:nth-child(3),
.tournamentWrap.--bothWaysFinal .--right .tournamentLine > div:nth-child(3) {
  order: 1;
}
.tournamentWrap.--bothWays .--right .tournamentLine .vertical .line .point,
.tournamentWrap.--bothWaysFinal .--right .tournamentLine .vertical .line .point {
  left: -0.75em;
}
.tournamentWrap.--bothWays .section-finalround .tournament_matchBox,
.tournamentWrap.--bothWaysFinal .section-finalround .tournament_matchBox {
  padding: unset;
}
.tournamentWrap.--bothWays .section-finalround .tournament_matchBox .teamName,
.tournamentWrap.--bothWaysFinal .section-finalround .tournament_matchBox .teamName {
  text-align: center;
}
.tournamentWrap.--bothWays .section-finalround .tournament_matchBox .teamName .team,
.tournamentWrap.--bothWaysFinal .section-finalround .tournament_matchBox .teamName .team {
  min-width: 180px;
}
.tournamentWrap.--bothWays .section-finalround .tropyBox,
.tournamentWrap.--bothWaysFinal .section-finalround .tropyBox {
  top: -350%;
  display: block grid;
}

.section-finalround .tournament_matchBox {
  position: relative;
}
.section-finalround .tropyBox {
  position: absolute;
  font-family: "Oswald";
  left: 0;
  right: 0;
  top: -180%;
  text-align: center;
  max-width: 100px;
  margin: auto;
  display: none;
  justify-content: center;
}
.section-finalround .tropyBox.active {
  display: block grid;
}
.section-finalround .tropyBox img {
  user-drag: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
}
.section-finalround .tropyBox .txt {
  font-size: 30px;
  color: var(--gameColor-win);
}
.section-finalround .tropyBox_right {
  position: absolute;
  font-family: "Oswald";
  margin: auto;
  display: none;
  justify-content: center;
  transform: translateY(-50%);
}
.section-finalround .tropyBox_right.active {
  display: inline-block;
}
.section-finalround .tropyBox_right.teamA {
  top: -13px;
}
.section-finalround .tropyBox_right.teamB {
  top: 13px;
}
.section-finalround .tropyBox_right img {
  user-drag: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
}
.section-finalround .tropyBox_right .txt {
  font-size: 30px;
  color: var(--gameColor-win);
  padding-inline: 0.5em;
  display: inline-block;
}

/*勝利ライン色（X表示用）*/
.tournamentWrap.--bothWays {
  min-height: unset;
  margin-top: 2em;
  min-height: 500px;
  line-height: 1.6
}
.tournamentWrap.--bothWays .tournamentLine.--winA-team .line:first-child {
  background-color: var(--colorBlue);
}
.tournamentWrap.--bothWays .tournamentLine.--winA-team .vertical .line:first-child {
  position: relative;
  z-index: 1;
}
.tournamentWrap.--bothWays .tournamentLine.--winA-team .vertical .line:first-child::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 2px;
  height: 1px;
  background-color: #4874c9;
}
.tournamentWrap.--bothWays .tournamentLine.--winA-team .vertical .line:first-child .point {
  color: var(--colorBlue);
}
.tournamentWrap.--bothWays .tournamentLine.--winB-team .line:last-child {
  background-color: var(--colorBlue);
}
.tournamentWrap.--bothWays .tournamentLine.--winB-team .vertical .line:last-child .point {
  color: var(--colorBlue);
}

/*勝利ライン色（X表示用/FAINAL）*/
.tournamentWrap.--bothWaysFinal {
  min-height: unset;
  margin-top: 20em;
}
.tournamentWrap.--bothWaysFinal .tournamentLine.--winA-team .line:first-child {
  background-color: var(--colorBlue);
}
.tournamentWrap.--bothWaysFinal .tournamentLine.--winA-team .vertical .line:first-child {
  position: relative;
  z-index: 1;
}
.tournamentWrap.--bothWaysFinal .tournamentLine.--winA-team .vertical .line:first-child .point {
  color: var(--colorBlue);
}
.tournamentWrap.--bothWaysFinal .tournamentLine.--winB-team .line:last-child {
  background-color: var(--colorBlue);
}
.tournamentWrap.--bothWaysFinal .tournamentLine.--winB-team .vertical .line:last-child .point {
  color: var(--colorBlue);
}

/*勝利ライン色(デフォルト / ALL表示用)*/
.tournamentWrap.--leftBracket {
  margin-top: 2em;
  min-height: 550px;
}
.tournamentWrap.--leftBracket .tournamentLine.--winA-team .line:first-child {
  background-color: var(--colorBlue);
}
.tournamentWrap.--leftBracket .tournamentLine.--winA-team .vertical .line:first-child {
  position: relative;
  z-index: 1;
}
.tournamentWrap.--leftBracket .tournamentLine.--winA-team .vertical .line:first-child .point {
  color: var(--colorBlue);
}
.tournamentWrap.--leftBracket .tournamentLine.--winB-team .line:last-child {
  background-color: var(--colorBlue);
}
.tournamentWrap.--leftBracket .tournamentLine.--winB-team .vertical .line:last-child .point {
  color: var(--colorBlue);
}

/*ファイナルラウンド用*/
#finalRoundBox {
  transform: translateY(-53px);
}
#finalRoundBox .tournamentLine.--final {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#finalRoundBox .tournamentLine.--final .vertical {
  justify-content: center;
  flex-grow: 1;
  flex-basis: 100%;
}
#finalRoundBox .tournamentLine.--final .vertical .line {
  height: 60px;
}
#finalRoundBox .tournamentLine.--final .horizontal {
  flex-grow: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.01em;
}
#finalRoundBox .tournamentLine.--final .horizontal .line {
  width: 100%;
  position: relative;
}
#finalRoundBox .tournamentLine.--final .horizontal .line:first-child .point {
  right: 6px;
}
#finalRoundBox .tournamentLine.--final .horizontal .line:last-child .point {
  left: 6px;
}
#finalRoundBox .tournamentLine.--final .horizontal .point {
  color: var(--colorGray-white);
  display: block;
  position: absolute;
  top: -28px;
  --clamp-min: 20;
  --clamp-max: 20;
  font-family: "Oswald";
  height: -moz-fit-content;
  height: fit-content;
}
#finalRoundBox .tournamentLine.--final.--winA-team .horizontal .line:first-child .point {
  color: var(--colorBlue);
}
#finalRoundBox .tournamentLine.--final.--winB-team .horizontal .line:last-child .point {
  color: var(--colorBlue);
}

.trophy {
  flex-basis: 100%;
  margin-bottom: 10px;
}

.trophy img {
  max-width: 90px;
  margin: auto;
  display: block;
}

.winneBox {
  position: relative;
  display: flex;
  align-items: center;
}

/* 空のチーム名にも高さを適用 */
.tournament-section .empty-team {
  height: 30px;
  width: 100px;
  display: inline-block;
}

/* 決勝戦のチーム名とポイントのスタイル */
.section-finalround .tournament-matchCard .team {
  min-width: 100px; /* デフォルトの最小幅 */
  width: auto;
  display: inline-block;
}

.section-finalround .tournament-matchCard .point {
  min-width: 30px; /* デフォルトの最小幅 */
  width: auto;
  text-align: center;
  background: #DDE1E6;
  height: 100%;
  aspect-ratio: 1;
  font-family: "Oswald";
}

/* 決勝戦のチーム名のレイアウト調整 */
.section-finalround .tournament-matchCard .teamName {
  display: grid;
  grid-template-columns: 10fr auto; /* チーム名とポイントの比率を設定 */
  align-items: center;
  position: relative; /* WINNERテキストの位置指定のため */
}

/*縮小ボタン*/
.scaleBtnBox {
  display: flex;
  gap: 0.25em;
  flex-direction: column-reverse;
}
.scaleBtnBox .scaleBtn {
  aspect-ratio: 1;
  width: 30px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #989898;
  display: flex;
  justify-content: center;
  justify-items: center;
}
.scaleBtnBox .scaleBtn[disabled] {
  background-color: #dadada;
  cursor: default;
}