@charset "UTF-8";
/* variable */
/* === Palette tokens (auto-generated) === */
/* Bridge: map SCSS tokens -> CSS custom properties (no :root here) */
/* === Bridge for palette tokens === */
/* Vendor prefix
--------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap");
#joyfru-oc-content {
  margin: 0px;
  padding: 0px;
  height: 100%;
  font-family: "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, sans-serif;
  line-height: 1.5em;
  font-size: 14px;
  overflow-x: hidden;
  background: var(--joyfru-color2, #fff);
  position: relative;
  z-index: 1;
}
#joyfru-oc-content :focus {
  outline: 0;
}
#joyfru-oc-content a {
  text-decoration: none;
  color: var(--joyfru-color1, #000);
}
#joyfru-oc-content img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}
#joyfru-oc-content p {
  font-size: 14px;
  color: var(--joyfru-color1, #000);
  line-height: 1.5em;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content p {
    font-size: 12px;
  }
}

.joyfru-hidden {
  display: none !important;
}

.joyfru-sp {
  display: none;
}

@media screen and (max-width: 750px) {
  .joyfru-sp {
    display: block;
  }
  table.joyfru-sp {
    display: table;
  }
  .joyfru-pc {
    display: none;
  }
}
.joyfru-area {
  margin-top: 1rem;
}
@media screen and (max-width: 750px) {
  .joyfru-area {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

.joyfru-parts {
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}

#joyfru-oc-content .joyfru-text-athlete {
  display: block;
  margin-top: 5px;
  word-break: break-all;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-text-athlete {
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-text-discipline {
  font-size: 20px;
  line-height: 1.3em;
  font-weight: bold;
}
#joyfru-oc-content .joyfru-text-event {
  margin-top: 7px;
}
#joyfru-oc-content .joyfru-text-venue {
  margin-top: 7px;
}
#joyfru-oc-content .joyfru-text-messages {
  font-size: 20px;
  text-align: center;
}
#joyfru-oc-content .joyfru-text-footer {
  font-size: 12px;
  text-align: center;
}
#joyfru-oc-content .joyfru-text-credit {
  font-size: 12px;
  text-align: center;
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-text-footer small {
  display: block;
  font-size: 12px;
  margin: 10px 0;
  line-height: 1.5em;
}
#joyfru-oc-content .joyfru-text-score {
  font-size: 28px;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-text-score {
    font-size: 24px;
  }
}
#joyfru-oc-content .joyfru-text-wind {
  color: var(--joyfru-color14, #0266c4);
}
#joyfru-oc-content .joyfru-text-update_date {
  font-size: 12px;
  color: var(--joyfru-color3, #004221);
  text-align: right;
}
#joyfru-oc-content .joyfru-text-header-title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2em;
  padding: 15px 0;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-text-header-title {
    font-size: 24px;
    padding: 15px 0;
  }
}
#joyfru-oc-content .joyfru-text-title {
  color: var(--joyfru-color1, #000);
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3em;
  padding: 12px 10px 12px 20px;
  background-color: var(--joyfru-color9, #f5f5f5);
  box-shadow: 0 10px 10px -10px var(--joyfru-color-shadow-strong, rgba(0, 0, 0, 0.3));
  border-left: 5px solid var(--joyfru-color3, #004221);
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-text-title {
    font-size: 14px;
  }
}
#joyfru-oc-content .joyfru-text-red {
  color: var(--joyfru-color11, #ff0042) !important;
}
#joyfru-oc-content .joyfru-text-blue {
  color: var(--joyfru-color14, #0266c4) !important;
}
#joyfru-oc-content .joyfru-text-section-title {
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-text-section-title {
    font-size: 16px;
  }
}
#joyfru-oc-content .joyfru-text-score-accept {
  font-weight: bold;
}
/* #joyfru-oc-content .joyfru-text-score-discard {
  color: var(--joyfru-color20);
} */
#joyfru-oc-content .joyfru-text-highlight-time {
  font-size: 14px;
}
#joyfru-oc-content .joyfru-text-update-time {
  text-align: right;
  padding: 0px 10px;
  margin: 15px 0;
  font-size: 14px;
  color: var(--joyfru-color4, #8c9b95);
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-text-update-time {
    font-size: 12px;
  }
}

#joyfru-oc-content .joyfru-button, #joyfru-oc-content .joyfru-button-link, #joyfru-oc-content .joyfru-button-back, #joyfru-oc-content .joyfru-button-next, #joyfru-oc-content .joyfru-button-detail, #joyfru-oc-content .joyfru-button-more {
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  color: var(--joyfru-color2, #fff);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  background-color: var(--joyfru-color3, #004221);
  border: 1px solid transparent;
  padding: 8px 10px;
  font-size: 12px;
  border-radius: 5px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#joyfru-oc-content .joyfru-button-detail, #joyfru-oc-content .joyfru-button-more {
  background-color: var(--joyfru-color1, #000);
  border-color: var(--joyfru-color1, #000);
  font-size: 12px;
  padding: 3px 20px 3px 12px;
  border-radius: 13px;
  line-height: 1.5em;
}
#joyfru-oc-content .joyfru-button-detail:before, #joyfru-oc-content .joyfru-button-more:before {
  content: "";
  width: 5px;
  height: 5px;
  border-left: solid 2px var(--joyfru-color2, #fff);
  border-bottom: solid 2px var(--joyfru-color2, #fff);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 6px;
  right: 8px;
}
#joyfru-oc-content .joyfru-button-detail.joyfru-active, #joyfru-oc-content .joyfru-active.joyfru-button-more {
  background-color: var(--joyfru-color4, #8c9b95);
  border-color: var(--joyfru-color4, #8c9b95);
}
#joyfru-oc-content .joyfru-button-detail.joyfru-active:before, #joyfru-oc-content .joyfru-active.joyfru-button-more:before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  top: 10px;
}
#joyfru-oc-content .joyfru-button-more {
  padding: 10px 15px;
  border-radius: 25px;
  width: 100%;
  max-width: 330px;
  font-weight: bold;
}
#joyfru-oc-content .joyfru-button-more:before {
  width: 8px;
  height: 8px;
  top: 50%;
  right: 15px;
  margin-top: -6px;
}
#joyfru-oc-content .joyfru-button-more .joyfru-text-close {
  display: none;
}
#joyfru-oc-content .joyfru-button-back, #joyfru-oc-content .joyfru-button-next {
  background-color: var(--joyfru-color1, #000);
  border-color: var(--joyfru-color2, #fff);
  font-size: 12px;
  line-height: 1;
  padding: 8px 18px;
  border-radius: 20px;
}
#joyfru-oc-content .joyfru-button-back::before, #joyfru-oc-content .joyfru-button-next::before {
  content: "";
  width: 6px;
  height: 6px;
  border-right: solid 2px var(--joyfru-color2, #fff);
  border-bottom: solid 2px var(--joyfru-color2, #fff);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -5px;
}
#joyfru-oc-content .joyfru-button-next::before {
  content: "";
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
  left: auto;
}
#joyfru-oc-content .joyfru-button-link {
  color: var(--joyfru-color1, #000);
  background-color: var(--joyfru-color2, #fff);
  border-color: var(--joyfru-color4, #8c9b95);
}
#joyfru-oc-content .joyfru-button-schedule-schedulestatus,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_RESCHEDULED,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_UNSCHEDULED,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_SCHEDULED_BREAK,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_SCHEDULED,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_RUNNING,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_POSTPONED,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_INTERRUPTED,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_GETTING_READY,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_FINISHED,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_textlive,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_DELAYED,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_CANCELLED {
  position: relative;
  display: block;
  padding: 7px 17px 7px 13px;
  line-height: 1.2em;
  border-radius: 15px;
  text-align: center;
  color: var(--joyfru-color2, #fff);
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_RESCHEDULED,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_UNSCHEDULED,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_SCHEDULED_BREAK,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_SCHEDULED,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_RUNNING,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_POSTPONED,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_INTERRUPTED,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_GETTING_READY,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_FINISHED,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_textlive,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_DELAYED,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_CANCELLED {
    font-size: 12px;
    padding: 5px 13px;
    min-width: 80px;
  }
}
#joyfru-oc-content .joyfru-button-schedule-schedulestatus:before,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_RESCHEDULED:before,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_UNSCHEDULED:before,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_SCHEDULED_BREAK:before,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_SCHEDULED:before,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_RUNNING:before,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_POSTPONED:before,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_INTERRUPTED:before,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_GETTING_READY:before,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_FINISHED:before,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_textlive:before,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_DELAYED:before,
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_CANCELLED:before {
  content: "";
  width: 6px;
  height: 6px;
  border-right: solid 2px var(--joyfru-color2, #fff);
  border-bottom: solid 2px var(--joyfru-color2, #fff);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -4px;
}
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_CANCELLED {
  background-color: var(--joyfru-color4, #8c9b95);
  pointer-events: none;
}
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_CANCELLED:before {
  display: none;
}
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_DELAYED {
  background-color: var(--joyfru-color4, #8c9b95);
}
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_FINISHED, #joyfru-oc-content .joyfru-button-schedule-schedulestatus_textlive {
  background-color: var(--joyfru-color18, #2D2D2D);
}
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_GETTING_READY {
  background-color: var(--joyfru-color4, #8c9b95);
}
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_INTERRUPTED {
  background-color: var(--joyfru-color4, #8c9b95);
}
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_POSTPONED {
  background-color: var(--joyfru-color4, #8c9b95);
}
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_RUNNING {
  background-color: var(--joyfru-color11, #ff0042);
}
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_SCHEDULED {
  background-color: var(--joyfru-color4, #8c9b95);
}
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_SCHEDULED_BREAK {
  background-color: var(--joyfru-color11, #ff0042);
}
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_UNSCHEDULED {
  background-color: var(--joyfru-color4, #8c9b95);
}
#joyfru-oc-content .joyfru-button-schedule-schedulestatus_RESCHEDULED {
  background-color: var(--joyfru-color4, #8c9b95);
}
#joyfru-oc-content .joyfru-button-social {
  display: inline-block;
  background: var(--joyfru-color8, #ccc);
  color: var(--joyfru-color1, #000);
  border-radius: 20px;
  padding: 10px 30px;
  font-size: 14px;
  line-height: 1.2em;
  position: relative;
  min-width: 100px;
}
#joyfru-oc-content .joyfru-button-social img {
  width: 18px;
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#joyfru-oc-content .joyfru-button-social:before {
  content: "";
  width: 6px;
  height: 6px;
  border-top: solid 2px var(--joyfru-color1, #000);
  border-right: solid 2px var(--joyfru-color1, #000);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
}
#joyfru-oc-content .joyfru-button-social span {
  display: inline-block;
  text-align: center;
  font-style: italic;
  width: 100%;
}
#joyfru-oc-content .joyfru-button-og, #joyfru-oc-content .joyfru-button-pg {
  display: block;
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  padding: 6px 10px;
  border-radius: 20px;
  text-align: center;
  color: var(--joyfru-color13, #6edbd7);
  border: solid 1px var(--joyfru-color13, #6edbd7);
}
#joyfru-oc-content .joyfru-button-og:hover, #joyfru-oc-content .joyfru-button-pg:hover {
  color: var(--joyfru-color2, #fff);
  background: var(--joyfru-color13, #6edbd7);
}
#joyfru-oc-content .joyfru-button-pg {
  color: var(--joyfru-color10, #ff5757);
  border: solid 1px var(--joyfru-color10, #ff5757);
}
#joyfru-oc-content .joyfru-button-pg:hover {
  color: var(--joyfru-color2, #fff);
  background: var(--joyfru-color10, #ff5757);
}
#joyfru-oc-content .joyfru-toggle input[type=checkbox] {
  width: 38px;
  border-radius: 11px;
  --active: var(--joyfru-color3);
  --active-inner: var(--joyfru-color2);
  --border: var(--joyfru-color3);
  --border-hover: var(--joyfru-color3);
  --background: var(--joyfru-color2);
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 21px;
  outline: none;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0;
  cursor: pointer;
  border: 1px solid var(--bc, var(--border));
  background: var(--b, var(--background));
  -webkit-transition: background 0.3s, border-color 0.3s, -webkit-box-shadow 0.2s;
  transition: background 0.3s, border-color 0.3s, -webkit-box-shadow 0.2s;
  transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  transition: background 0.3s, border-color 0.3s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
}
#joyfru-oc-content .joyfru-toggle input[type=checkbox]:checked {
  --b: var(--active);
  --bc: var(--active);
  --d-o: .3s;
  --d-t: .6s;
  --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
  --x: 17px;
}
#joyfru-oc-content .joyfru-toggle input[type=checkbox]::after {
  content: "";
  display: block;
  left: 0;
  top: 0;
  position: absolute;
  -webkit-transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
  transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
  transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
  transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
  left: 2px;
  top: 2px;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  background: var(--active-inner);
  border: 1px solid var(--bc, var(--border));
  -webkit-transform: translateX(var(--x, 0));
  transform: translateX(var(--x, 0));
}
#joyfru-oc-content .joyfru-toggle label {
  font-size: 14px;
  line-height: 21px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  margin-left: 4px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-toggle label {
    font-size: 12px;
  }
}

#joyfru-oc-content .joyfru-icon-flag {
  border: solid 1px var(--joyfru-color4, #8c9b95);
  width: 33px;
}
#joyfru-oc-content .joyfru-icon-flag.joyfru-small {
  width: 26px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-icon-flag.joyfru-small {
    width: 20px;
  }
}
#joyfru-oc-content .joyfru-icon-flag.joyfru-medium {
  width: 33px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-icon-flag.joyfru-medium {
    width: 25px;
  }
}
#joyfru-oc-content .joyfru-icon-flag.joyfru-large {
  width: 68px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-icon-flag.joyfru-large {
    width: 60px;
  }
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-icon-flag {
    width: 25px;
  }
}
#joyfru-oc-content .joyfru-icon-pict {
  display: inline-block;
  background: var(--joyfru-color3, #004221);
  border-radius: 3px;
  width: 40px;
  line-height: 1;
  vertical-align: middle;
}
#joyfru-oc-content .joyfru-icon-pict.joyfru-small {
  width: 30px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-icon-pict.joyfru-small {
    width: 25px;
  }
}
#joyfru-oc-content .joyfru-icon-pict.joyfru-medium {
  width: 40px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-icon-pict.joyfru-medium {
    width: 35px;
  }
}
#joyfru-oc-content .joyfru-icon-pict.joyfru-large {
  width: 50px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-icon-pict.joyfru-large {
    width: 45px;
  }
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-icon-pict {
    width: 35px;
  }
}
#joyfru-oc-content .joyfru-icon-medal {
  width: 20px;
  line-height: 1;
}
#joyfru-oc-content .joyfru-icon-medal.joyfru-small {
  width: 16px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-icon-medal.joyfru-small {
    width: 14px;
  }
}
#joyfru-oc-content .joyfru-icon-medal.joyfru-medium {
  width: 20px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-icon-medal.joyfru-medium {
    width: 18px;
  }
}
#joyfru-oc-content .joyfru-icon-medal.joyfru-large {
  width: 23px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-icon-medal.joyfru-large {
    width: 20px;
  }
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-icon-medal {
    width: 18px;
  }
}
#joyfru-oc-content .joyfru-icon-athlete {
  width: 52px;
}
#joyfru-oc-content .joyfru-icon-athlete.joyfru-small {
  width: 36px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-icon-athlete.joyfru-small {
    width: 32px;
  }
}
#joyfru-oc-content .joyfru-icon-athlete.joyfru-medium {
  width: 52px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-icon-athlete.joyfru-medium {
    width: 46px;
  }
}
#joyfru-oc-content .joyfru-icon-athlete.joyfru-large {
  width: 67px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-icon-athlete.joyfru-large {
    width: 55px;
  }
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-icon-athlete {
    width: 46px;
  }
}
#joyfru-oc-content .joyfru-icon-notable {
  width: 18px;
  vertical-align: middle;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-icon-notable {
    width: 16px;
  }
}
#joyfru-oc-content .joyfru-image-avatar {
  width: 240px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-image-avatar {
    width: 200px;
  }
}
#joyfru-oc-content .joyfru-icon-comp {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: var(--joyfru-color1, #000);
  border-radius: 50%;
}

#joyfru-oc-content .joyfru-tag, #joyfru-oc-content .joyfru-tag-pk, #joyfru-oc-content .joyfru-tag-position, #joyfru-oc-content .joyfru-tag-qmark, #joyfru-oc-content .joyfru-tag-newrecord, #joyfru-oc-content .joyfru-tag-gender {
  display: inline-block;
  vertical-align: middle;
  padding: 4px 0;
  color: var(--joyfru-color2, #fff);
  background: var(--joyfru-color1, #000);
  font-size: 12px;
  border-radius: 3px;
  line-height: 1;
  text-align: center;
}
#joyfru-oc-content .joyfru-tag-gender {
  min-width: 20px;
  border-radius: 0;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-tag-gender {
    min-width: 16px;
    padding: 3px 0;
    font-size: 11px;
  }
}
#joyfru-oc-content .joyfru-tag-newrecord {
  padding: 2px 5px;
  background: var(--joyfru-color11, #ff0042);
  font-size: 11px;
  font-weight: normal;
}
#joyfru-oc-content .joyfru-tag-qmark {
  min-width: 10px;
  padding: 5px 5px;
  font-size: 10px;
  background: var(--joyfru-color3, #004221);
}
#joyfru-oc-content .joyfru-tag-position {
  padding: 2px 5px;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-tag-position {
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-tag-win {
  position: relative;
}
#joyfru-oc-content .joyfru-tag-win::before {
  content: "";
  width: 10px;
  height: 100%;
  background: var(--joyfru-color11, #ff0042);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-tag-win::before {
    width: 5px;
  }
}
#joyfru-oc-content .joyfru-tag-win::after {
  content: "WIN";
  font-weight: bold;
  font-size: 15px;
  color: var(--joyfru-color2, #fff);
  letter-spacing: 0.1em;
  line-height: 1;
  background: var(--joyfru-color11, #ff0042);
  padding: 5px 8px;
  position: absolute;
  top: 2px;
  left: 12px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-tag-win::after {
    font-size: 12px;
    padding: 3px 5px;
    left: 7px;
  }
}
#joyfru-oc-content .joyfru-tag-sport {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 132px;
  padding: 9px 10px;
  line-height: 1;
  font-size: 12px;
  color: var(--joyfru-color2, #fff);
  background: var(--joyfru-color13, #6edbd7);
  border-radius: 20px;
  text-align: center;
}
#joyfru-oc-content .joyfru-tag-athlete-note {
  color: var(--joyfru-color2, #fff);
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 3px 5px;
  background: var(--joyfru-color14, #0266c4);
}
#joyfru-oc-content .joyfru-tag-resultstatus, #joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_4, #joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_3, #joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_2, #joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_1, #joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_0 {
  min-width: 122px;
  text-align: center;
  display: inline-block;
  font-style: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px var(--joyfru-color4, #8c9b95);
  padding: 3px 10px;
}
#joyfru-oc-content .joyfru-tag-timeline-start, #joyfru-oc-content .joyfru-tag-timeline-period, #joyfru-oc-content .joyfru-tag-timeline-end {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 100px;
  padding: 8px 10px;
  line-height: 1;
  font-size: 12px;
  color: var(--joyfru-color2, #fff);
  background: var(--joyfru-color1, #000);
  border-radius: 20px;
  text-align: center;
}
#joyfru-oc-content .joyfru-tag-timeline-period {
  background: var(--joyfru-color4, #8c9b95);
}
#joyfru-oc-content .joyfru-tag-highlight, #joyfru-oc-content .joyfru-tag-blue, #joyfru-oc-content .joyfru-tag-red, #joyfru-oc-content .joyfru-tag-highlight-rank3, #joyfru-oc-content .joyfru-tag-highlight-rank2, #joyfru-oc-content .joyfru-tag-highlight-rank1, #joyfru-oc-content .joyfru-tag-highlight-rank {
  width: 40px;
  height: 25px;
  color: var(--joyfru-color2, #fff);
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin: 0 auto;
  box-sizing: border-box;
  font-style: italic;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-tag-highlight, #joyfru-oc-content .joyfru-tag-blue, #joyfru-oc-content .joyfru-tag-red, #joyfru-oc-content .joyfru-tag-highlight-rank3, #joyfru-oc-content .joyfru-tag-highlight-rank2, #joyfru-oc-content .joyfru-tag-highlight-rank1, #joyfru-oc-content .joyfru-tag-highlight-rank {
    font-size: 12px;
    width: 35px;
    height: 25px;
  }
}
#joyfru-oc-content .joyfru-tag-highlight-rank {
  color: var(--joyfru-color1, #000);
  font-weight: normal;
}
#joyfru-oc-content .joyfru-tag-highlight-rank1 {
  background: var(--joyfru-color15);
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-tag-highlight-rank2 {
  background: var(--joyfru-palette-indigo-900, #7e7dd0);
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-tag-highlight-rank3 {
  background: var(--joyfru-palette-indigo-100, #626196);
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-tag-red {
  border-radius: 25%;
  background: var(--joyfru-color11, #ff0042);
}
#joyfru-oc-content .joyfru-tag-blue {
  border-radius: 25%;
  background: var(--joyfru-color14, #0266c4);
}
#joyfru-oc-content .joyfru-tag-event-title {
  display: inline-block;
  padding: 3px 8px;
  color: var(--joyfru-color2, #fff);
  background: var(--joyfru-color11, #ff0042);
  text-align: center;
  font-size: 12px;
}
#joyfru-oc-content span.joyfru-text-score + p.joyfru-tag-irm {
  margin-top: 0.3em;
}
#joyfru-oc-content p.joyfru-tag-irm {
  background: var(--joyfru-color1, #000);
  color: var(--joyfru-color2, #fff);
  font-weight: bold;
  padding: 0.3em;
  display: inline-block;
  vertical-align: middle;
  min-width: 45px;
  text-align: center;
  box-sizing: border-box;
}
#joyfru-oc-content .joyfru-hyphen-irm {
  font-size: 28px;
  font-weight: bold;
  color: var(--joyfru-color1, #000);
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-hyphen-irm {
    font-size: 24px;
  }
}
#joyfru-oc-content .joyfru-box-score .joyfru-hyphen-irm {
  font-size: 28px;
}
#joyfru-oc-content .joyfru-tag-hammer {
  display: inline-block;
  width: 20px;
  height: 21px;
  padding: 2px 5px;
  vertical-align: middle;
  border-radius: 20px;
}
#joyfru-oc-content .joyfru-tag-hammer.joyfru-stone-red {
  background: var(--joyfru-color11, #ff0042);
}
#joyfru-oc-content .joyfru-tag-hammer.joyfru-stone-yellow {
  background: #ead321;
}
#joyfru-oc-content .joyfru-tag-hammer .joyfru-icon-hammer {
  width: 20px;
  height: auto;
}
#joyfru-oc-content .joyfru-tag-stone {
  min-width: 26px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 4px 5px;
  border-radius: 20px;
  line-height: 1;
  font-size: 12px;
}
#joyfru-oc-content .joyfru-tag-stone.joyfru-stone-red {
  background: var(--joyfru-color11, #ff0042);
  color: #fff;
}
#joyfru-oc-content .joyfru-tag-stone.joyfru-stone-yellow {
  background: #ead321;
  color: #000;
}
#joyfru-oc-content .joyfru-tag-win01::before {
  content: "WIN";
  font-weight: bold;
  font-size: 10px;
  color: var(--joyfru-color2, #fff);
  letter-spacing: 0.1em;
  line-height: 1;
  background: var(--joyfru-color11, #ff0042);
  padding: 3px 5px;
  position: absolute;
  top: 2px;
  left: 2px;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-tag-win01::before {
    padding: 2px 3px;
  }
}

#joyfru-oc-content .joyfru-list, #joyfru-oc-content .joyfru-box-phase, #joyfru-oc-content .joyfru-list-country, #joyfru-oc-content .joyfru-list-athlete, #joyfru-oc-content .joyfru-list-button, #joyfru-oc-content .joyfru-list-qmark-note,
#joyfru-oc-content .joyfru-list-record-note, #joyfru-oc-content .joyfru-navi-navi3,
#joyfru-oc-content .joyfru-navi-navi4, #joyfru-oc-content .joyfru-navi-navi2, #joyfru-oc-content .joyfru-navi-navi1, #joyfru-oc-content .joyfru-navi-phasenavi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#joyfru-oc-content .joyfru-list li, #joyfru-oc-content .joyfru-box-phase li, #joyfru-oc-content .joyfru-list-country li, #joyfru-oc-content .joyfru-list-athlete li, #joyfru-oc-content .joyfru-list-button li, #joyfru-oc-content .joyfru-list-qmark-note li,
#joyfru-oc-content .joyfru-list-record-note li, #joyfru-oc-content .joyfru-navi-navi3 li,
#joyfru-oc-content .joyfru-navi-navi4 li, #joyfru-oc-content .joyfru-navi-navi2 li, #joyfru-oc-content .joyfru-navi-navi1 li, #joyfru-oc-content .joyfru-navi-phasenavi li {
  list-style-type: none;
}
#joyfru-oc-content .joyfru-list li.joyfru-list-item, #joyfru-oc-content .joyfru-box-phase li.joyfru-list-item, #joyfru-oc-content .joyfru-list-country li.joyfru-list-item, #joyfru-oc-content .joyfru-list-athlete li.joyfru-list-item, #joyfru-oc-content .joyfru-list-button li.joyfru-list-item, #joyfru-oc-content .joyfru-list-qmark-note li.joyfru-list-item,
#joyfru-oc-content .joyfru-list-record-note li.joyfru-list-item, #joyfru-oc-content .joyfru-navi-navi3 li.joyfru-list-item,
#joyfru-oc-content .joyfru-navi-navi4 li.joyfru-list-item, #joyfru-oc-content .joyfru-navi-navi2 li.joyfru-list-item, #joyfru-oc-content .joyfru-navi-navi1 li.joyfru-list-item, #joyfru-oc-content .joyfru-navi-phasenavi li.joyfru-list-item {
  margin-right: 10px;
  margin-bottom: 10px;
}
#joyfru-oc-content .joyfru-list li.joyfru-list-item:last-child, #joyfru-oc-content .joyfru-box-phase li.joyfru-list-item:last-child, #joyfru-oc-content .joyfru-list-country li.joyfru-list-item:last-child, #joyfru-oc-content .joyfru-list-athlete li.joyfru-list-item:last-child, #joyfru-oc-content .joyfru-list-button li.joyfru-list-item:last-child, #joyfru-oc-content .joyfru-list-qmark-note li.joyfru-list-item:last-child,
#joyfru-oc-content .joyfru-list-record-note li.joyfru-list-item:last-child, #joyfru-oc-content .joyfru-navi-navi3 li.joyfru-list-item:last-child,
#joyfru-oc-content .joyfru-navi-navi4 li.joyfru-list-item:last-child, #joyfru-oc-content .joyfru-navi-navi2 li.joyfru-list-item:last-child, #joyfru-oc-content .joyfru-navi-navi1 li.joyfru-list-item:last-child, #joyfru-oc-content .joyfru-navi-phasenavi li.joyfru-list-item:last-child {
  margin-right: 0;
}
#joyfru-oc-content .joyfru-list li span, #joyfru-oc-content .joyfru-box-phase li span, #joyfru-oc-content .joyfru-list-country li span, #joyfru-oc-content .joyfru-list-athlete li span, #joyfru-oc-content .joyfru-list-button li span, #joyfru-oc-content .joyfru-list-qmark-note li span,
#joyfru-oc-content .joyfru-list-record-note li span, #joyfru-oc-content .joyfru-navi-navi3 li span,
#joyfru-oc-content .joyfru-navi-navi4 li span, #joyfru-oc-content .joyfru-navi-navi2 li span, #joyfru-oc-content .joyfru-navi-navi1 li span, #joyfru-oc-content .joyfru-navi-phasenavi li span {
  vertical-align: middle;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-list li span, #joyfru-oc-content .joyfru-box-phase li span, #joyfru-oc-content .joyfru-list-country li span, #joyfru-oc-content .joyfru-list-athlete li span, #joyfru-oc-content .joyfru-list-button li span, #joyfru-oc-content .joyfru-list-qmark-note li span,
  #joyfru-oc-content .joyfru-list-record-note li span, #joyfru-oc-content .joyfru-navi-navi3 li span,
  #joyfru-oc-content .joyfru-navi-navi4 li span, #joyfru-oc-content .joyfru-navi-navi2 li span, #joyfru-oc-content .joyfru-navi-navi1 li span, #joyfru-oc-content .joyfru-navi-phasenavi li span {
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-navi-phasenavi {
  overflow: hidden;
  position: relative;
  padding-left: 7px;
}
#joyfru-oc-content .joyfru-navi-phasenavi .joyfru-navi-phasenavi-item {
  min-width: 94px;
  margin-left: -1px;
  margin-bottom: 5px;
}
#joyfru-oc-content .joyfru-navi-phasenavi .joyfru-navi-phasenavi-item a {
  position: relative;
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  padding: 8px;
  color: var(--joyfru-color3, #004221);
  z-index: 1;
  border: 0;
  background-color: transparent;
}
#joyfru-oc-content .joyfru-navi-phasenavi .joyfru-navi-phasenavi-item a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: var(--joyfru-color2, #fff);
  -webkit-transform: skewX(-24deg);
  transform: skewX(-24deg);
  border: solid 1px var(--joyfru-color3, #004221);
}
#joyfru-oc-content .joyfru-navi-phasenavi .joyfru-navi-phasenavi-item.joyfru-active a {
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-navi-phasenavi .joyfru-navi-phasenavi-item.joyfru-active a:before {
  background-color: var(--joyfru-color3, #004221);
}
#joyfru-oc-content .joyfru-navi-phasenavi .joyfru-navi-phasenavi-item:hover a {
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-navi-phasenavi .joyfru-navi-phasenavi-item:hover a:before {
  background-color: var(--joyfru-color3, #004221);
}
#joyfru-oc-content .joyfru-navi-navi1 .joyfru-navi-navi1-item {
  min-width: 100px;
  margin-right: 10px;
  margin-bottom: 10px;
}
#joyfru-oc-content .joyfru-navi-navi1 .joyfru-navi-navi1-item a {
  display: block;
  border: solid 1px var(--joyfru-color3, #004221);
  background: var(--joyfru-color2, #fff);
  padding: 8px 24px 8px 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  border-radius: 20px;
  position: relative;
}
#joyfru-oc-content .joyfru-navi-navi1 .joyfru-navi-navi1-item a:before {
  content: "";
  width: 5px;
  height: 5px;
  border-top: solid 1px var(--joyfru-color2, #fff);
  border-right: solid 1px var(--joyfru-color2, #fff);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -3px;
}
#joyfru-oc-content .joyfru-navi-navi1 .joyfru-navi-navi1-item.joyfru-active a {
  color: var(--joyfru-color2, #fff);
  border: solid 1px var(--joyfru-color3, #004221);
  background: var(--joyfru-color3, #004221);
}
#joyfru-oc-content .joyfru-navi-navi1 .joyfru-navi-navi1-item:hover a {
  color: var(--joyfru-color2, #fff);
  border: solid 1px var(--joyfru-color3, #004221);
  background: var(--joyfru-color3, #004221);
}
#joyfru-oc-content .joyfru-navi-navi2 .joyfru-navi-navi2-item {
  margin-right: 10px;
  margin-bottom: 10px;
}
#joyfru-oc-content .joyfru-navi-navi2 .joyfru-navi-navi2-item a {
  display: block;
  border: solid 1px var(--joyfru-color4, #8c9b95);
  background: var(--joyfru-color2, #fff);
  padding: 8px 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  position: relative;
  border-radius: 0;
}
#joyfru-oc-content .joyfru-navi-navi2 .joyfru-navi-navi2-item.joyfru-active a {
  border: solid 1px var(--joyfru-color7, #e3e3e3);
  background: var(--joyfru-color7, #e3e3e3);
}
#joyfru-oc-content .joyfru-navi-navi2 .joyfru-navi-navi2-item:hover a {
  border: solid 1px var(--joyfru-color7, #e3e3e3);
  background: var(--joyfru-color7, #e3e3e3);
}
#joyfru-oc-content .joyfru-navi-navi3 .joyfru-navi-navi3-item,
#joyfru-oc-content .joyfru-navi-navi3 .joyfru-navi-navi4-item,
#joyfru-oc-content .joyfru-navi-navi4 .joyfru-navi-navi3-item,
#joyfru-oc-content .joyfru-navi-navi4 .joyfru-navi-navi4-item {
  margin-right: 10px;
  margin-bottom: 10px;
}
#joyfru-oc-content .joyfru-navi-navi3 .joyfru-navi-navi3-item a,
#joyfru-oc-content .joyfru-navi-navi3 .joyfru-navi-navi4-item a,
#joyfru-oc-content .joyfru-navi-navi4 .joyfru-navi-navi3-item a,
#joyfru-oc-content .joyfru-navi-navi4 .joyfru-navi-navi4-item a {
  display: block;
  border: solid 1px var(--joyfru-color4, #8c9b95);
  background: var(--joyfru-color2, #fff);
  padding: 8px 10px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  position: relative;
  border-radius: 0;
}
#joyfru-oc-content .joyfru-navi-navi3 .joyfru-navi-navi3-item.joyfru-active a,
#joyfru-oc-content .joyfru-navi-navi3 .joyfru-navi-navi4-item.joyfru-active a,
#joyfru-oc-content .joyfru-navi-navi4 .joyfru-navi-navi3-item.joyfru-active a,
#joyfru-oc-content .joyfru-navi-navi4 .joyfru-navi-navi4-item.joyfru-active a {
  border: solid 1px var(--joyfru-color7, #e3e3e3);
  background: var(--joyfru-color7, #e3e3e3);
}
#joyfru-oc-content .joyfru-navi-navi3 .joyfru-navi-navi3-item:hover a,
#joyfru-oc-content .joyfru-navi-navi3 .joyfru-navi-navi4-item:hover a,
#joyfru-oc-content .joyfru-navi-navi4 .joyfru-navi-navi3-item:hover a,
#joyfru-oc-content .joyfru-navi-navi4 .joyfru-navi-navi4-item:hover a {
  border: solid 1px var(--joyfru-color7, #e3e3e3);
  background: var(--joyfru-color7, #e3e3e3);
}
#joyfru-oc-content .joyfru-list-qmark-note .joyfru-list-qmark-note-item,
#joyfru-oc-content .joyfru-list-qmark-note .joyfru-list-record-note-item,
#joyfru-oc-content .joyfru-list-record-note .joyfru-list-qmark-note-item,
#joyfru-oc-content .joyfru-list-record-note .joyfru-list-record-note-item {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  margin-top: 5px;
}
#joyfru-oc-content .joyfru-list-button .joyfru-list-button-item {
  width: 160px;
  margin-right: 10px;
  margin-bottom: 10px;
}
#joyfru-oc-content .joyfru-list-athlete {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 10px;
}
#joyfru-oc-content .joyfru-list-athlete .joyfru-list-athlete-item {
  width: 49%;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--joyfru-color8, #ccc);
  padding-bottom: 10px;
  position: relative;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-list-athlete .joyfru-list-athlete-item {
    width: 100%;
    padding-bottom: 10px;
  }
}
#joyfru-oc-content .joyfru-list-athlete .joyfru-list-athlete-item:nth-child(odd):not(:last-child)::before {
  content: "";
  width: 100%;
  border-bottom: 1px solid var(--joyfru-color8);
  position: absolute;
  bottom: -1px;
  right: -50%;
}
@media screen and (min-width: 751px) {
  #joyfru-oc-content .joyfru-list-athlete .joyfru-list-athlete-item:nth-last-child(-n+2):nth-child(2n+1), #joyfru-oc-content .joyfru-list-athlete .joyfru-list-athlete-item:nth-last-child(-n+2):nth-child(2n):last-child {
    border-bottom: 0;
  }
  #joyfru-oc-content .joyfru-list-athlete .joyfru-list-athlete-item:nth-last-child(-n+2):nth-child(2n+1)::before, #joyfru-oc-content .joyfru-list-athlete .joyfru-list-athlete-item:nth-last-child(-n+2):nth-child(2n):last-child::before {
    display: none;
  }
}
#joyfru-oc-content .joyfru-list-athlete .joyfru-list-athlete-item:last-child {
  border-bottom: 0;
}
#joyfru-oc-content .joyfru-list-country .joyfru-list-country-item {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 5px;
}
#joyfru-oc-content .joyfru-list-country .joyfru-list-country-item:nth-child(3n) {
  margin-right: 0;
}
#joyfru-oc-content .joyfru-list-country .joyfru-list-country-item .joyfru-box-noc {
  min-height: 36px;
}
#joyfru-oc-content .joyfru-list-country .joyfru-list-country-item .joyfru-box-noc .joyfru-icon-flag {
  margin-right: 5px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-list-country .joyfru-list-country-item {
    width: 49%;
  }
  #joyfru-oc-content .joyfru-list-country .joyfru-list-country-item:nth-child(3n) {
    margin-right: 2%;
  }
  #joyfru-oc-content .joyfru-list-country .joyfru-list-country-item:nth-child(even) {
    margin-right: 0;
  }
}
#joyfru-oc-content .joyfru-accordion .joyfru-accordion-item {
  margin-bottom: 20px;
}
#joyfru-oc-content .joyfru-accordion .joyfru-accordion-item .joyfru-accordion-header {
  display: block;
  font-size: 16px;
  line-height: 1;
  background: var(--joyfru-color7, #e3e3e3);
  padding: 15px 20px 15px 10px;
  position: relative;
  cursor: pointer;
}
#joyfru-oc-content .joyfru-accordion .joyfru-accordion-item .joyfru-accordion-header::before {
  content: "";
  width: 6px;
  height: 6px;
  border-right: solid 2px var(--joyfru-color1, #000);
  border-bottom: solid 2px var(--joyfru-color1, #000);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -6px;
}
#joyfru-oc-content .joyfru-accordion .joyfru-accordion-item .joyfru-accordion-header.joyfru-active + .joyfru-accordion-body {
  display: block;
}
#joyfru-oc-content .joyfru-accordion .joyfru-accordion-item .joyfru-accordion-header.joyfru-active::before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-top: -3px;
}
#joyfru-oc-content .joyfru-accordion .joyfru-accordion-item .joyfru-accordion-body {
  display: none;
  padding: 10px 0;
}
#joyfru-oc-content .joyfru-accordion .joyfru-accordion-item .joyfru-accordion-body .joyfru-accordion-title {
  padding: 2px 5px 10px;
  border-bottom: solid 1px var(--joyfru-color8, #ccc);
  margin: 30px 0px 10px;
  font-weight: bold;
}
#joyfru-oc-content .joyfru-accordion .joyfru-accordion-item .joyfru-accordion-body .joyfru-accordion-title:first-child {
  margin-top: 0;
}
#joyfru-oc-content .joyfru-tab .joyfru-tab-link {
  list-style-type: none;
  margin: 0px 0px 10px;
  padding: 0;
}
#joyfru-oc-content .joyfru-tab .joyfru-tab-link li {
  display: inline-block;
  background: var(--joyfru-color4, #8c9b95);
  color: var(--joyfru-color2, #fff);
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
  padding: 5px 10px;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#joyfru-oc-content .joyfru-tab .joyfru-tab-link li.joyfru-active {
  background: var(--joyfru-color3, #004221);
}
#joyfru-oc-content .joyfru-tab .joyfru-tab-content {
  display: none;
  margin: 0px 0px 10px;
}
#joyfru-oc-content .joyfru-tab .joyfru-tab-content.joyfru-active {
  display: block;
}
#joyfru-oc-content .joyfru-tab .joyfru-tab-content.joyfru-active .joyfru-text-tabtitle {
  display: block;
}
#joyfru-oc-content .joyfru-tab .joyfru-tab-content .joyfru-text-tabtitle {
  font-size: 14px;
  display: none;
  font-weight: bold;
  padding-left: 10px;
  margin: 15px 0;
  border-left: 5px solid var(--joyfru-color18, #2D2D2D);
}
#joyfru-oc-content .joyfru-tab.joyfru-tab-mem .joyfru-tab-link li {
  padding: 8px 15px;
  background: var(--joyfru-color4, #8c9b95);
  color: var(--joyfru-color2, #fff);
  /* border: 1px solid var(--joyfru-color3, #004221); */
  min-width: 70px;
  text-align: center;
}
#joyfru-oc-content .joyfru-tab.joyfru-tab-mem .joyfru-tab-link li.joyfru-active {
  background: var(--joyfru-color3, #004221);
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-box-navi-schedule {
  width: 100%;
  overflow-x: auto;
  margin-top: 5px;
  padding: 0;
  background: var(--joyfru-color2, #fff);
  box-shadow: 0 10px 10px -10px var(--joyfru-color-shadow-strong, rgba(0, 0, 0, 0.3));
  display: flex;
}
#joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 5px;
  margin: 0;
  height: 55px;
  list-style: none;
  scroll-behavior: smooth;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule {
    padding: 0;
    overflow: visible;
  }
}
#joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule li {
  position: relative;
  font-weight: bold;
  margin: 0 5px;
}
#joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule li input {
  width: 50px;
  height: 50px;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
#joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule li input:checked + label {
  z-index: 10;
  font-weight: bold;
}
#joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule li input:checked + label span:last-child {
  background: var(--joyfru-color4, #8c9b95);
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule li label {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--joyfru-palette-gray-500, #969696);
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.3em;
  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;
  text-align: center;
  pointer-events: none;
  text-align: center;
}
#joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule li label span {
  width: 100%;
  line-height: 1.3em;
}
#joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule li label span:last-child {
  margin-top: 10px;
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule-prev,
#joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule-next {
  width: 30px;
  height: 55px;
  background: var(--joyfru-color1, #000);
  position: absolute;
  top: 0;
  z-index: 400;
  cursor: pointer;
  display: none;
}
#joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule-prev:before,
#joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule-next:before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  border-top: solid 3px var(--joyfru-color2, #fff);
  border-left: solid 3px var(--joyfru-color2, #fff);
  top: 50%;
  margin-top: -6px;
}
#joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule-prev:after,
#joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule-next:after {
  content: "";
  width: 100%;
  height: 14px;
  background: var(--joyfru-color2, #fff);
  position: absolute;
  bottom: -14px;
  left: 0;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule-prev,
  #joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule-next {
    display: none;
  }
}
#joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule-prev {
  left: 0;
}
#joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule-prev:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 10px;
}
#joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule-next {
  right: 0;
}
#joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule-next:before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  right: 10px;
}
#joyfru-oc-content .joyfru-box-navi-schedule .joyfru-table-navi-schedule {
  position: relative;
}
#joyfru-oc-content .joyfru-slideshow {
  width: 150px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-slideshow {
    width: 100%;
    margin-top: 20px;
  }
}
#joyfru-oc-content .joyfru-slideshow .joyfru-slide {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-slideshow .joyfru-slide {
    width: 150px;
    margin: 0 auto;
  }
}
#joyfru-oc-content .joyfru-slideshow .joyfru-slide li {
  display: none;
}
#joyfru-oc-content .joyfru-slideshow .joyfru-slide li.joyfru-active {
  display: block;
}
#joyfru-oc-content .joyfru-slideshow .joyfru-slide-control {
  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;
  margin-top: 10px;
  list-style-type: none;
  padding: 0;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-slideshow .joyfru-slide-control {
    width: 150px;
    margin: 10px auto 0;
  }
}
#joyfru-oc-content .joyfru-slideshow .joyfru-slide-control li {
  width: 42px;
  text-align: center;
}
#joyfru-oc-content .joyfru-slideshow .joyfru-slide-control li p {
  width: 100%;
  height: 100%;
  background: var(--joyfru-color3, #004221);
  color: var(--joyfru-color2, #fff);
  cursor: pointer;
  position: relative;
  padding: 5px 0;
  line-height: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#joyfru-oc-content .joyfru-slideshow .joyfru-slide-control li p.joyfru-slide-prev:before, #joyfru-oc-content .joyfru-slideshow .joyfru-slide-control li p.joyfru-slide-next:before {
  content: "";
  width: 6px;
  height: 6px;
  border-top: solid 2px var(--joyfru-color2, #fff);
  border-left: solid 2px var(--joyfru-color2, #fff);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4px;
}
#joyfru-oc-content .joyfru-slideshow .joyfru-slide-control li p.joyfru-slide-prev:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-left: -2px;
}
#joyfru-oc-content .joyfru-slideshow .joyfru-slide-control li p.joyfru-slide-next:before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-left: -5px;
}
#joyfru-oc-content .joyfru-list-stats-action {
  margin: 0;
  padding: 0;
  list-style: none;
}
#joyfru-oc-content .joyfru-list-stats-action li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding: 7px 5px;
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-list-stats-action li {
    padding: 5px;
  }
}
#joyfru-oc-content .joyfru-list-stats-action li:nth-child(odd) {
  background: var(--joyfru-palette-gray-900, #f5f5f5);
}
#joyfru-oc-content .joyfru-list-stats-action li .joyfru-box-stats-action-home {
  width: calc(50% - 10px);
  padding-right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: end;
}
#joyfru-oc-content .joyfru-list-stats-action li .joyfru-box-stats-action-away {
  width: calc(50% - 10px);
  padding-left: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: start;
}
#joyfru-oc-content .joyfru-list-stats-action li span {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-list-stats-action li span {
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-list-stats-action li span.joyfru-text-stat-athlete {
  margin: 0px 3px;
  max-width: calc(100% - 45px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#joyfru-oc-content .joyfru-mt-5 {
  margin-top: 5px !important;
}
#joyfru-oc-content .joyfru-pt-5 {
  padding-top: 5px !important;
}
#joyfru-oc-content .joyfru-mb-5 {
  margin-bottom: 5px !important;
}
#joyfru-oc-content .joyfru-pb-5 {
  padding-bottom: 5px !important;
}
#joyfru-oc-content .joyfru-ml-5 {
  margin-left: 5px !important;
}
#joyfru-oc-content .joyfru-pl-5 {
  padding-left: 5px !important;
}
#joyfru-oc-content .joyfru-mr-5 {
  margin-right: 5px !important;
}
#joyfru-oc-content .joyfru-pr-5 {
  padding-right: 5px !important;
}
#joyfru-oc-content .joyfru-mt-10 {
  margin-top: 10px !important;
}
#joyfru-oc-content .joyfru-pt-10 {
  padding-top: 10px !important;
}
#joyfru-oc-content .joyfru-mb-10 {
  margin-bottom: 10px !important;
}
#joyfru-oc-content .joyfru-pb-10 {
  padding-bottom: 10px !important;
}
#joyfru-oc-content .joyfru-ml-10 {
  margin-left: 10px !important;
}
#joyfru-oc-content .joyfru-pl-10 {
  padding-left: 10px !important;
}
#joyfru-oc-content .joyfru-mr-10 {
  margin-right: 10px !important;
}
#joyfru-oc-content .joyfru-pr-10 {
  padding-right: 10px !important;
}
#joyfru-oc-content .joyfru-mt-15 {
  margin-top: 15px !important;
}
#joyfru-oc-content .joyfru-pt-15 {
  padding-top: 15px !important;
}
#joyfru-oc-content .joyfru-mb-15 {
  margin-bottom: 15px !important;
}
#joyfru-oc-content .joyfru-pb-15 {
  padding-bottom: 15px !important;
}
#joyfru-oc-content .joyfru-ml-15 {
  margin-left: 15px !important;
}
#joyfru-oc-content .joyfru-pl-15 {
  padding-left: 15px !important;
}
#joyfru-oc-content .joyfru-mr-15 {
  margin-right: 15px !important;
}
#joyfru-oc-content .joyfru-pr-15 {
  padding-right: 15px !important;
}
#joyfru-oc-content .joyfru-mt-20 {
  margin-top: 20px !important;
}
#joyfru-oc-content .joyfru-pt-20 {
  padding-top: 20px !important;
}
#joyfru-oc-content .joyfru-mb-20 {
  margin-bottom: 20px !important;
}
#joyfru-oc-content .joyfru-pb-20 {
  padding-bottom: 20px !important;
}
#joyfru-oc-content .joyfru-ml-20 {
  margin-left: 20px !important;
}
#joyfru-oc-content .joyfru-pl-20 {
  padding-left: 20px !important;
}
#joyfru-oc-content .joyfru-mr-20 {
  margin-right: 20px !important;
}
#joyfru-oc-content .joyfru-pr-20 {
  padding-right: 20px !important;
}
#joyfru-oc-content .joyfru-mt-25 {
  margin-top: 25px !important;
}
#joyfru-oc-content .joyfru-pt-25 {
  padding-top: 25px !important;
}
#joyfru-oc-content .joyfru-mb-25 {
  margin-bottom: 25px !important;
}
#joyfru-oc-content .joyfru-pb-25 {
  padding-bottom: 25px !important;
}
#joyfru-oc-content .joyfru-ml-25 {
  margin-left: 25px !important;
}
#joyfru-oc-content .joyfru-pl-25 {
  padding-left: 25px !important;
}
#joyfru-oc-content .joyfru-mr-25 {
  margin-right: 25px !important;
}
#joyfru-oc-content .joyfru-pr-25 {
  padding-right: 25px !important;
}
#joyfru-oc-content .joyfru-mt-30 {
  margin-top: 30px !important;
}
#joyfru-oc-content .joyfru-pt-30 {
  padding-top: 30px !important;
}
#joyfru-oc-content .joyfru-mb-30 {
  margin-bottom: 30px !important;
}
#joyfru-oc-content .joyfru-pb-30 {
  padding-bottom: 30px !important;
}
#joyfru-oc-content .joyfru-ml-30 {
  margin-left: 30px !important;
}
#joyfru-oc-content .joyfru-pl-30 {
  padding-left: 30px !important;
}
#joyfru-oc-content .joyfru-mr-30 {
  margin-right: 30px !important;
}
#joyfru-oc-content .joyfru-pr-30 {
  padding-right: 30px !important;
}
#joyfru-oc-content .joyfru-mt-35 {
  margin-top: 35px !important;
}
#joyfru-oc-content .joyfru-pt-35 {
  padding-top: 35px !important;
}
#joyfru-oc-content .joyfru-mb-35 {
  margin-bottom: 35px !important;
}
#joyfru-oc-content .joyfru-pb-35 {
  padding-bottom: 35px !important;
}
#joyfru-oc-content .joyfru-ml-35 {
  margin-left: 35px !important;
}
#joyfru-oc-content .joyfru-pl-35 {
  padding-left: 35px !important;
}
#joyfru-oc-content .joyfru-mr-35 {
  margin-right: 35px !important;
}
#joyfru-oc-content .joyfru-pr-35 {
  padding-right: 35px !important;
}
#joyfru-oc-content .joyfru-mt-40 {
  margin-top: 40px !important;
}
#joyfru-oc-content .joyfru-pt-40 {
  padding-top: 40px !important;
}
#joyfru-oc-content .joyfru-mb-40 {
  margin-bottom: 40px !important;
}
#joyfru-oc-content .joyfru-pb-40 {
  padding-bottom: 40px !important;
}
#joyfru-oc-content .joyfru-ml-40 {
  margin-left: 40px !important;
}
#joyfru-oc-content .joyfru-pl-40 {
  padding-left: 40px !important;
}
#joyfru-oc-content .joyfru-mr-40 {
  margin-right: 40px !important;
}
#joyfru-oc-content .joyfru-pr-40 {
  padding-right: 40px !important;
}
#joyfru-oc-content .joyfru-mt-45 {
  margin-top: 45px !important;
}
#joyfru-oc-content .joyfru-pt-45 {
  padding-top: 45px !important;
}
#joyfru-oc-content .joyfru-mb-45 {
  margin-bottom: 45px !important;
}
#joyfru-oc-content .joyfru-pb-45 {
  padding-bottom: 45px !important;
}
#joyfru-oc-content .joyfru-ml-45 {
  margin-left: 45px !important;
}
#joyfru-oc-content .joyfru-pl-45 {
  padding-left: 45px !important;
}
#joyfru-oc-content .joyfru-mr-45 {
  margin-right: 45px !important;
}
#joyfru-oc-content .joyfru-pr-45 {
  padding-right: 45px !important;
}
#joyfru-oc-content .joyfru-mt-50 {
  margin-top: 50px !important;
}
#joyfru-oc-content .joyfru-pt-50 {
  padding-top: 50px !important;
}
#joyfru-oc-content .joyfru-mb-50 {
  margin-bottom: 50px !important;
}
#joyfru-oc-content .joyfru-pb-50 {
  padding-bottom: 50px !important;
}
#joyfru-oc-content .joyfru-ml-50 {
  margin-left: 50px !important;
}
#joyfru-oc-content .joyfru-pl-50 {
  padding-left: 50px !important;
}
#joyfru-oc-content .joyfru-mr-50 {
  margin-right: 50px !important;
}
#joyfru-oc-content .joyfru-pr-50 {
  padding-right: 50px !important;
}
#joyfru-oc-content .joyfru-mt-60 {
  margin-top: 60px !important;
}
#joyfru-oc-content .joyfru-pt-60 {
  padding-top: 60px !important;
}
#joyfru-oc-content .joyfru-mb-60 {
  margin-bottom: 60px !important;
}
#joyfru-oc-content .joyfru-pb-60 {
  padding-bottom: 60px !important;
}
#joyfru-oc-content .joyfru-ml-60 {
  margin-left: 60px !important;
}
#joyfru-oc-content .joyfru-pl-60 {
  padding-left: 60px !important;
}
#joyfru-oc-content .joyfru-mr-60 {
  margin-right: 60px !important;
}
#joyfru-oc-content .joyfru-pr-60 {
  padding-right: 60px !important;
}
#joyfru-oc-content .joyfru-w0 {
  width: 0% !important;
}
#joyfru-oc-content .joyfru-w1 {
  width: 1% !important;
}
#joyfru-oc-content .joyfru-w2 {
  width: 2% !important;
}
#joyfru-oc-content .joyfru-w3 {
  width: 3% !important;
}
#joyfru-oc-content .joyfru-w4 {
  width: 4% !important;
}
#joyfru-oc-content .joyfru-w5 {
  width: 5% !important;
}
#joyfru-oc-content .joyfru-w6 {
  width: 6% !important;
}
#joyfru-oc-content .joyfru-w7 {
  width: 7% !important;
}
#joyfru-oc-content .joyfru-w8 {
  width: 8% !important;
}
#joyfru-oc-content .joyfru-w9 {
  width: 9% !important;
}
#joyfru-oc-content .joyfru-w10 {
  width: 10% !important;
}
#joyfru-oc-content .joyfru-w11 {
  width: 11% !important;
}
#joyfru-oc-content .joyfru-w12 {
  width: 12% !important;
}
#joyfru-oc-content .joyfru-w13 {
  width: 13% !important;
}
#joyfru-oc-content .joyfru-w14 {
  width: 14% !important;
}
#joyfru-oc-content .joyfru-w15 {
  width: 15% !important;
}
#joyfru-oc-content .joyfru-w16 {
  width: 16% !important;
}
#joyfru-oc-content .joyfru-w17 {
  width: 17% !important;
}
#joyfru-oc-content .joyfru-w18 {
  width: 18% !important;
}
#joyfru-oc-content .joyfru-w19 {
  width: 19% !important;
}
#joyfru-oc-content .joyfru-w20 {
  width: 20% !important;
}
#joyfru-oc-content .joyfru-w21 {
  width: 21% !important;
}
#joyfru-oc-content .joyfru-w22 {
  width: 22% !important;
}
#joyfru-oc-content .joyfru-w23 {
  width: 23% !important;
}
#joyfru-oc-content .joyfru-w24 {
  width: 24% !important;
}
#joyfru-oc-content .joyfru-w25 {
  width: 25% !important;
}
#joyfru-oc-content .joyfru-w26 {
  width: 26% !important;
}
#joyfru-oc-content .joyfru-w27 {
  width: 27% !important;
}
#joyfru-oc-content .joyfru-w28 {
  width: 28% !important;
}
#joyfru-oc-content .joyfru-w29 {
  width: 29% !important;
}
#joyfru-oc-content .joyfru-w30 {
  width: 30% !important;
}
#joyfru-oc-content .joyfru-w31 {
  width: 31% !important;
}
#joyfru-oc-content .joyfru-w32 {
  width: 32% !important;
}
#joyfru-oc-content .joyfru-w33 {
  width: 33% !important;
}
#joyfru-oc-content .joyfru-w34 {
  width: 34% !important;
}
#joyfru-oc-content .joyfru-w35 {
  width: 35% !important;
}
#joyfru-oc-content .joyfru-w36 {
  width: 36% !important;
}
#joyfru-oc-content .joyfru-w37 {
  width: 37% !important;
}
#joyfru-oc-content .joyfru-w38 {
  width: 38% !important;
}
#joyfru-oc-content .joyfru-w39 {
  width: 39% !important;
}
#joyfru-oc-content .joyfru-w40 {
  width: 40% !important;
}
#joyfru-oc-content .joyfru-w41 {
  width: 41% !important;
}
#joyfru-oc-content .joyfru-w42 {
  width: 42% !important;
}
#joyfru-oc-content .joyfru-w43 {
  width: 43% !important;
}
#joyfru-oc-content .joyfru-w44 {
  width: 44% !important;
}
#joyfru-oc-content .joyfru-w45 {
  width: 45% !important;
}
#joyfru-oc-content .joyfru-w46 {
  width: 46% !important;
}
#joyfru-oc-content .joyfru-w47 {
  width: 47% !important;
}
#joyfru-oc-content .joyfru-w48 {
  width: 48% !important;
}
#joyfru-oc-content .joyfru-w49 {
  width: 49% !important;
}
#joyfru-oc-content .joyfru-w50 {
  width: 50% !important;
}
#joyfru-oc-content .joyfru-w51 {
  width: 51% !important;
}
#joyfru-oc-content .joyfru-w52 {
  width: 52% !important;
}
#joyfru-oc-content .joyfru-w53 {
  width: 53% !important;
}
#joyfru-oc-content .joyfru-w54 {
  width: 54% !important;
}
#joyfru-oc-content .joyfru-w55 {
  width: 55% !important;
}
#joyfru-oc-content .joyfru-w56 {
  width: 56% !important;
}
#joyfru-oc-content .joyfru-w57 {
  width: 57% !important;
}
#joyfru-oc-content .joyfru-w58 {
  width: 58% !important;
}
#joyfru-oc-content .joyfru-w59 {
  width: 59% !important;
}
#joyfru-oc-content .joyfru-w60 {
  width: 60% !important;
}
#joyfru-oc-content .joyfru-w61 {
  width: 61% !important;
}
#joyfru-oc-content .joyfru-w62 {
  width: 62% !important;
}
#joyfru-oc-content .joyfru-w63 {
  width: 63% !important;
}
#joyfru-oc-content .joyfru-w64 {
  width: 64% !important;
}
#joyfru-oc-content .joyfru-w65 {
  width: 65% !important;
}
#joyfru-oc-content .joyfru-w66 {
  width: 66% !important;
}
#joyfru-oc-content .joyfru-w67 {
  width: 67% !important;
}
#joyfru-oc-content .joyfru-w68 {
  width: 68% !important;
}
#joyfru-oc-content .joyfru-w69 {
  width: 69% !important;
}
#joyfru-oc-content .joyfru-w70 {
  width: 70% !important;
}
#joyfru-oc-content .joyfru-w71 {
  width: 71% !important;
}
#joyfru-oc-content .joyfru-w72 {
  width: 72% !important;
}
#joyfru-oc-content .joyfru-w73 {
  width: 73% !important;
}
#joyfru-oc-content .joyfru-w74 {
  width: 74% !important;
}
#joyfru-oc-content .joyfru-w75 {
  width: 75% !important;
}
#joyfru-oc-content .joyfru-w76 {
  width: 76% !important;
}
#joyfru-oc-content .joyfru-w77 {
  width: 77% !important;
}
#joyfru-oc-content .joyfru-w78 {
  width: 78% !important;
}
#joyfru-oc-content .joyfru-w79 {
  width: 79% !important;
}
#joyfru-oc-content .joyfru-w80 {
  width: 80% !important;
}
#joyfru-oc-content .joyfru-w81 {
  width: 81% !important;
}
#joyfru-oc-content .joyfru-w82 {
  width: 82% !important;
}
#joyfru-oc-content .joyfru-w83 {
  width: 83% !important;
}
#joyfru-oc-content .joyfru-w84 {
  width: 84% !important;
}
#joyfru-oc-content .joyfru-w85 {
  width: 85% !important;
}
#joyfru-oc-content .joyfru-w86 {
  width: 86% !important;
}
#joyfru-oc-content .joyfru-w87 {
  width: 87% !important;
}
#joyfru-oc-content .joyfru-w88 {
  width: 88% !important;
}
#joyfru-oc-content .joyfru-w89 {
  width: 89% !important;
}
#joyfru-oc-content .joyfru-w90 {
  width: 90% !important;
}
#joyfru-oc-content .joyfru-w91 {
  width: 91% !important;
}
#joyfru-oc-content .joyfru-w92 {
  width: 92% !important;
}
#joyfru-oc-content .joyfru-w93 {
  width: 93% !important;
}
#joyfru-oc-content .joyfru-w94 {
  width: 94% !important;
}
#joyfru-oc-content .joyfru-w95 {
  width: 95% !important;
}
#joyfru-oc-content .joyfru-w96 {
  width: 96% !important;
}
#joyfru-oc-content .joyfru-w97 {
  width: 97% !important;
}
#joyfru-oc-content .joyfru-w98 {
  width: 98% !important;
}
#joyfru-oc-content .joyfru-w99 {
  width: 99% !important;
}
#joyfru-oc-content .joyfru-w100 {
  width: 100% !important;
}
#joyfru-oc-content .joyfru-gap-0 {
  gap: 0 !important;
}
#joyfru-oc-content .joyfru-gap-x-0 {
  column-gap: 0 !important;
}
#joyfru-oc-content .joyfru-gap-y-0 {
  row-gap: 0 !important;
}
#joyfru-oc-content .joyfru-gap-1 {
  gap: 0.25rem !important;
}
#joyfru-oc-content .joyfru-gap-x-1 {
  column-gap: 0.25rem !important;
}
#joyfru-oc-content .joyfru-gap-y-1 {
  row-gap: 0.25rem !important;
}
#joyfru-oc-content .joyfru-gap-2 {
  gap: 0.5rem !important;
}
#joyfru-oc-content .joyfru-gap-x-2 {
  column-gap: 0.5rem !important;
}
#joyfru-oc-content .joyfru-gap-y-2 {
  row-gap: 0.5rem !important;
}
#joyfru-oc-content .joyfru-gap-3 {
  gap: 1rem !important;
}
#joyfru-oc-content .joyfru-gap-x-3 {
  column-gap: 1rem !important;
}
#joyfru-oc-content .joyfru-gap-y-3 {
  row-gap: 1rem !important;
}
#joyfru-oc-content .joyfru-gap-4 {
  gap: 1.5rem !important;
}
#joyfru-oc-content .joyfru-gap-x-4 {
  column-gap: 1.5rem !important;
}
#joyfru-oc-content .joyfru-gap-y-4 {
  row-gap: 1.5rem !important;
}
#joyfru-oc-content .joyfru-gap-5 {
  gap: 3rem !important;
}
#joyfru-oc-content .joyfru-gap-x-5 {
  column-gap: 3rem !important;
}
#joyfru-oc-content .joyfru-gap-y-5 {
  row-gap: 3rem !important;
}
#joyfru-oc-content .joyfru-align-left {
  text-align: left !important;
}
#joyfru-oc-content .joyfru-align-center {
  text-align: center !important;
}
#joyfru-oc-content .joyfru-align-right {
  text-align: right !important;
}
#joyfru-oc-content .joyfru-vertical-top {
  vertical-align: top !important;
}
#joyfru-oc-content .joyfru-vertical-middle {
  vertical-align: middle !important;
}
#joyfru-oc-content .joyfru-vertical-bottom {
  vertical-align: bottom !important;
}
#joyfru-oc-content .joyfru-error {
  background: var(--joyfru-color11, #ff0042) !important;
}
#joyfru-oc-content .joyfru-warning {
  background: var(--joyfru-color5, #fab900) !important;
}
#joyfru-oc-content .joyfru-info {
  background: var(--joyfru-color13, #6edbd7) !important;
}
#joyfru-oc-content .joyfru-default {
  background: var(--joyfru-color3, #004221) !important;
}
#joyfru-oc-content .joyfru-light {
  background: var(--joyfru-color9, #f5f5f5) !important;
}
#joyfru-oc-content .joyfru-white {
  background: var(--joyfru-color2, #fff) !important;
}
#joyfru-oc-content .joyfru-flex {
  display: flex !important;
}
#joyfru-oc-content .joyfru-flex-wrap {
  flex-wrap: wrap;
}
#joyfru-oc-content .joyfru-flex-column {
  flex-direction: column;
}
#joyfru-oc-content .joyfru-flex-1 {
  flex: 1 1 auto;
}
#joyfru-oc-content .joyfru-align-items-center {
  align-items: center;
}
#joyfru-oc-content .joyfru-align-end {
  align-items: end;
}
#joyfru-oc-content .joyfru-align-start {
  align-items: start !important;
}
#joyfru-oc-content .joyfru-align-stretch {
  align-items: stretch !important;
}
#joyfru-oc-content .joyfru-align-self-stretch {
  align-self: stretch !important;
}
#joyfru-oc-content .joyfru-align-self-center {
  align-self: center;
}
#joyfru-oc-content .joyfru-align-self-start {
  align-self: start;
}
#joyfru-oc-content .joyfru-align-self-end {
  align-self: end;
}
#joyfru-oc-content .joyfru-align-end {
  align-items: end;
}
#joyfru-oc-content .joyfru-justify-center {
  justify-content: center;
}
#joyfru-oc-content .joyfru-justify-space-between {
  justify-content: space-between;
}
#joyfru-oc-content .joyfru-justify-end {
  justify-content: end;
}
#joyfru-oc-content .joyfru-position-relative {
  position: relative;
}
#joyfru-oc-content .joyfru-position-absolute {
  position: absolute;
}
#joyfru-oc-content .joyfru-min-w-22 {
  min-width: 22px;
}
#joyfru-oc-content .joyfru-tablecell-p-2 {
  padding: 20px 2px !important;
}
#joyfru-oc-content .joyfru-border-top {
  border-top: 1px solid var(--joyfru-color8);
}
#joyfru-oc-content .joyfru-border-bottom {
  border-bottom: 1px solid var(--joyfru-color8);
}

#joyfru-oc-content .joyfru-box-athlete-col {
  display: inline-block;
  width: calc(100% - 20px);
  max-width: 200px;
  margin: 0 auto;
}
#joyfru-oc-content .joyfru-box-athlete-col .joyfru-box-info-athlete {
  margin-top: 10px;
}
#joyfru-oc-content .joyfru-box-athlete-col .joyfru-box-info-athlete + .joyfru-box-icon-athlete {
  margin-top: 10px;
}
#joyfru-oc-content .joyfru-box-athlete-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#joyfru-oc-content .joyfru-box-athlete-row .joyfru-box-icon-athlete {
  width: 52px;
  margin-right: 10px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-athlete-row .joyfru-box-icon-athlete {
    width: 46px;
  }
}
#joyfru-oc-content .joyfru-box-athlete-row .joyfru-box-info-athlete {
  width: calc(100% - 10px);
  text-align: left;
}
#joyfru-oc-content .joyfru-box-score {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: space-between;
  gap: 7px;
}
#joyfru-oc-content .joyfru-box-score span:first-child {
  width: calc(50% - 10px);
  text-align: center;
}
#joyfru-oc-content .joyfru-box-score span:last-child {
  width: calc(50% - 10px);
  text-align: center;
}
#joyfru-oc-content .joyfru-box-score span:nth-child(2):not(:last-child) {
  min-width: 20px;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-score span {
    font-size: 12px;
  }
  #joyfru-oc-content .joyfru-box-score span.joyfru-text-score {
    font-size: 24px;
  }
}
#joyfru-oc-content .joyfru-box-header {
  text-align: center;
}
#joyfru-oc-content .joyfru-box-header .joyfru-box-header-top {
  margin: 10px 0 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#joyfru-oc-content .joyfru-box-header .joyfru-box-header-top .joyfru-box-header-date {
  text-align: right;
}
#joyfru-oc-content .joyfru-box-header .joyfru-box-header-top .joyfru-button-link {
  width: 117px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: var(--joyfru-color7, #e3e3e3);
  border-radius: 20px;
  border: 0;
}
#joyfru-oc-content .joyfru-box-header .joyfru-box-header-top .joyfru-button-link.joyfru-button-link-right::before {
  content: "";
  width: 5px;
  height: 5px;
  border: none;
  border-right: solid 1px var(--joyfru-color1, #000);
  border-bottom: solid 1px var(--joyfru-color1, #000);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  left: 85%;
  margin-top: -3px;
}
#joyfru-oc-content .joyfru-box-header .joyfru-box-header-top .joyfru-button-link:before {
  content: "";
  width: 5px;
  height: 5px;
  border-left: solid 1px var(--joyfru-color1, #000);
  border-top: solid 1px var(--joyfru-color1, #000);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -3px;
}
#joyfru-oc-content .joyfru-box-phase {
  align-items: center;
  font-size: 14px;
  border-bottom: solid 1px var(--joyfru-color4, #8c9b95);
  color: var(--joyfru-color1, #000);
  padding: 3px 0 7px;
  font-weight: bold;
  background: url(../icon/icon_ttl01.png) no-repeat left 7px;
  background-size: 17px auto;
  line-height: 1.5em;
}
#joyfru-oc-content .joyfru-box-phase:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 9px;
  height: 17px;
  margin-right: 13px;
}
#joyfru-oc-content .joyfru-box-phase .joyfru-tag-resultstatus, #joyfru-oc-content .joyfru-box-phase .joyfru-box-txt .joyfru-tag-resultstatus_4, #joyfru-oc-content .joyfru-box-txt .joyfru-box-phase .joyfru-tag-resultstatus_4, #joyfru-oc-content .joyfru-box-phase .joyfru-box-txt .joyfru-tag-resultstatus_3, #joyfru-oc-content .joyfru-box-txt .joyfru-box-phase .joyfru-tag-resultstatus_3, #joyfru-oc-content .joyfru-box-phase .joyfru-box-txt .joyfru-tag-resultstatus_2, #joyfru-oc-content .joyfru-box-txt .joyfru-box-phase .joyfru-tag-resultstatus_2, #joyfru-oc-content .joyfru-box-phase .joyfru-box-txt .joyfru-tag-resultstatus_1, #joyfru-oc-content .joyfru-box-txt .joyfru-box-phase .joyfru-tag-resultstatus_1, #joyfru-oc-content .joyfru-box-phase .joyfru-box-txt .joyfru-tag-resultstatus_0, #joyfru-oc-content .joyfru-box-txt .joyfru-box-phase .joyfru-tag-resultstatus_0 {
  margin-left: auto;
}
#joyfru-oc-content .joyfru-box-newrecord {
  position: relative;
}
#joyfru-oc-content .joyfru-box-newrecord .joyfru-box-newrecord-content {
  display: block;
  font-size: 11px;
  line-height: 1.5;
  width: 100%;
  left: 0;
  top: 100%;
}
#joyfru-oc-content .joyfru-card-athlete {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
#joyfru-oc-content .joyfru-card-athlete figure {
  width: 100%;
  max-width: 135px;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-card-athlete figure {
    max-width: 100px;
  }
}
#joyfru-oc-content .joyfru-card-athlete figure img {
  width: 100%;
}
#joyfru-oc-content .joyfru-card-athlete figure span {
  position: absolute;
  bottom: 0;
  left: 0;
}
#joyfru-oc-content .joyfru-card-athlete .joyfru-card-athlete-info {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 10px;
}
#joyfru-oc-content .joyfru-card-athlete .joyfru-card-athlete-info .joyfru-box-competition {
  margin-bottom: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#joyfru-oc-content .joyfru-card-athlete .joyfru-card-athlete-info .joyfru-box-competition .joyfru-icon-pict {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  line-height: 1;
  margin-right: 5px;
  vertical-align: middle;
}
#joyfru-oc-content .joyfru-card-athlete .joyfru-card-athlete-info .joyfru-box-competition .joyfru-tag-sport {
  max-width: calc(100% - 25px);
  width: auto;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  font-size: 12px;
  border-radius: 20px;
}
#joyfru-oc-content .joyfru-card-athlete .joyfru-card-athlete-info .joyfru-text-athlete {
  font-size: 16px;
  line-height: 1.3em;
  font-weight: bold;
  color: var(--joyfru-color19, #004b98);
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-card-athlete .joyfru-card-athlete-info .joyfru-text-athlete {
    font-size: 14px;
  }
}
#joyfru-oc-content .joyfru-card-athlete .joyfru-card-athlete-info .joyfru-text-athlete span {
  font-size: 12px;
  line-height: 1.5em;
  display: block;
  font-weight: normal;
}
#joyfru-oc-content .joyfru-card-athlete .joyfru-card-athlete-info .joyfru-text-athlete-en {
  color: var(--joyfru-color4, #8c9b95);
  margin-top: 0px;
  font-size: 12px;
  font-style: italic;
}
#joyfru-oc-content .joyfru-list-event {
  padding: 0;
  list-style: none;
}
#joyfru-oc-content .joyfru-list-event li {
  margin: 5px 0;
  padding-left: 10px;
  color: var(--joyfru-color20, #707070);
  font-weight: 700;
  position: relative;
}
#joyfru-oc-content .joyfru-list-event li::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 5px;
  height: 15px;
  background: var(--joyfru-color3, #004221);
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-list-event li::before {
    height: 12px;
    top: 7px;
  }
}
#joyfru-oc-content .joyfru-list-event li .joyfru-box-event-medal {
  position: relative;
  display: inline-block;
}
#joyfru-oc-content .joyfru-list-event li .joyfru-box-event-medal .joyfru-icon-medal {
  width: 10px;
  margin-left: 5px;
}
#joyfru-oc-content .joyfru-list-event li a {
  display: inline-block;
  position: relative;
  color: var(--joyfru-color19, #004b98);
  padding-right: 0;
  vertical-align: middle;
}
#joyfru-oc-content .joyfru-list-event li a .joyfru-icon-arrow {
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  margin-left: 3px;
  border-top: solid 2px var(--joyfru-color4, #8c9b95);
  border-right: solid 2px var(--joyfru-color4, #8c9b95);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#joyfru-oc-content .joyfru-list-event li a .joyfru-text-event {
  margin-top: 0;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-list-event li a .joyfru-text-event {
    font-size: 12px;
  }
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-list-event li {
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-card-athlete-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: var(--joyfru-color18, #2D2D2D);
  padding: 20px;
}
@media screen and (max-width: 600px) {
  #joyfru-oc-content .joyfru-card-athlete-detail {
    padding: 10px;
  }
}
#joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info {
  width: calc(100% - 160px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin-left: 20px;
}
@media screen and (max-width: 600px) {
  #joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info {
    width: calc(100% - 95px);
    margin-left: 10px;
  }
}
#joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-text-athlete {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3em;
  margin-bottom: 0;
  color: var(--joyfru-color2, #fff);
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-text-athlete {
    font-size: 20px;
  }
}
#joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-text-athlete span {
  display: block;
  font-size: 50%;
  line-height: 1.3em;
  font-weight: normal;
  margin-top: 5px;
}
#joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-text-athlete-en {
  color: var(--joyfru-color4, #8c9b95);
  font-weight: bold;
  font-style: italic;
}
#joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-box-competition .joyfru-icon-pict {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
#joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-box-competition .joyfru-tag-sport {
  padding: 10px 15px;
  width: auto;
}
#joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-list-event {
  margin-bottom: 0;
}
#joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-list-event li {
  color: var(--joyfru-color4, #8c9b95);
}
#joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-list-event li a {
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-list-event li a .joyfru-text-event {
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-list-event li:last-child {
  margin-bottom: 0;
}
#joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-list-event li .joyfru-text-event {
  color: var(--joyfru-palette-gray-767, #cecece);
}
#joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-list-event li:before {
  top: 4px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-list-event li:before {
    top: 6px;
  }
}
#joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-tag-event-title {
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-tag-event-title {
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-list-button {
  margin-top: 10px;
}
#joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-list-button .joyfru-list-button-item {
  width: 145px;
}
@media screen and (max-width: 480px) {
  #joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-list-button .joyfru-list-button-item {
    width: 105px;
    margin-right: 5px;
  }
}
#joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-list-button .joyfru-list-button-item .joyfru-button-social {
  box-sizing: border-box;
  width: 100%;
  padding: 8px 30px;
}
@media screen and (max-width: 480px) {
  #joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-list-button .joyfru-list-button-item .joyfru-button-social {
    padding: 8px 15px;
    font-size: 12px;
  }
  #joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-list-button .joyfru-list-button-item .joyfru-button-social img {
    width: 13px;
  }
}
#joyfru-oc-content .joyfru-card-athlete-detail figure {
  text-align: center;
  width: 150px;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
}
@media screen and (max-width: 600px) {
  #joyfru-oc-content .joyfru-card-athlete-detail figure {
    width: 140px;
  }
}
#joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-description {
  margin-top: 20px;
  text-align: left;
}
#joyfru-oc-content .joyfru-box-noc a {
  color: var(--joyfru-color19, #004b98);
}
#joyfru-oc-content .joyfru-box-noc a:hover {
  text-decoration: underline;
}
#joyfru-oc-content .joyfru-time-title {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
}
#joyfru-oc-content .joyfru-time-title span {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  z-index: 10;
  color: var(--joyfru-color4, #8c9b95);
  margin-left: 15px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-time-title span {
    font-size: 14px;
  }
}
#joyfru-oc-content .joyfru-box-time {
  padding: 15px;
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-item {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-item .joyfru-text-event-unit {
  font-size: 16px;
  color: var(--joyfru-color-typography-bg, #454d49);
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-item .joyfru-text-event-unit {
    font-size: 14px;
  }
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-item:not(:first-child) {
  margin-top: 0px;
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-item .joyfru-box-icon {
  width: 132px;
  padding-top: 5px;
  margin-right: 20px;
  font-size: 0;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-item .joyfru-box-icon {
    width: 55px;
    margin-right: 5px;
  }
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-item .joyfru-box-icon * {
  vertical-align: middle;
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-item .joyfru-list-athlete {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-item .joyfru-list-athlete .joyfru-list-athlete-item {
  width: 49%;
  margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-item .joyfru-list-athlete .joyfru-list-athlete-item {
    width: 100%;
  }
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-item .joyfru-list-athlete .joyfru-list-athlete-item:nth-child(odd) {
  margin-right: 2%;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-item .joyfru-list-athlete .joyfru-list-athlete-item:nth-child(odd) {
    margin-right: 0;
  }
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-item .joyfru-list-athlete .joyfru-list-athlete-item .joyfru-box-icon-athlete {
  width: 36px;
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-item .joyfru-list-athlete .joyfru-list-athlete-item .joyfru-box-info-athlete {
  width: calc(100% - 46px);
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-item .joyfru-list-athlete .joyfru-list-athlete-item .joyfru-box-info-athlete a {
  color: var(--joyfru-color14, #0266c4);
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-item .joyfru-list-athlete .joyfru-list-athlete-item .joyfru-box-info-athlete a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-item .joyfru-tag-sport {
    width: auto;
    padding: 5px 8px;
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-box-time .joyfru-table-schedule-match tr {
  border-bottom: 0;
  border-bottom: solid 1px var(--joyfru-color8, #ccc);
}
#joyfru-oc-content .joyfru-box-time .joyfru-table-schedule-match tr:first-child .joyfru-box-icon-info-schedule {
  justify-content: flex-end;
}
#joyfru-oc-content .joyfru-box-time .joyfru-table-schedule-match tr:first-child .joyfru-box-icon-info-schedule span {
  font-size: 16px;
}
#joyfru-oc-content .joyfru-box-time .joyfru-table-schedule-match tr:last-child {
  border-bottom: 0;
}
#joyfru-oc-content .joyfru-box-time .joyfru-table-schedule-match tr:last-child .joyfru-box-icon-info-schedule {
  justify-content: flex-start;
}
#joyfru-oc-content .joyfru-box-time .joyfru-table-schedule-match tr:last-child .joyfru-box-icon-info-schedule:not(:first-child) {
  margin-top: 10px;
}
#joyfru-oc-content .joyfru-box-time .joyfru-table-schedule-match tr td {
  padding: 10px 5px;
}
#joyfru-oc-content .joyfru-box-time .joyfru-table-schedule-match tr:first-child td {
  padding: 10px 0;
}
#joyfru-oc-content .joyfru-box-time .joyfru-table-schedule-match tr:last-child td {
  padding: 10px 0;
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content {
  border: 1px solid var(--joyfru-color8, #ccc);
  padding: 0 10px;
  border-left: 5px solid var(--joyfru-color4, #8c9b95);
  box-shadow: 0 4px 8px 0 var(--joyfru-alpha-black-10, rgba(0, 0, 0, 0.1)), 0 6px 20px 0 var(--joyfru-alpha-black-09, rgba(0, 0, 0, 0.09));
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content .joyfru-box-sporttilte {
  background: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content .joyfru-box-sporttilte .joyfru-box-sport-icon {
  width: 30px;
  overflow: hidden;
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content .joyfru-box-sporttilte .joyfru-text-sport-name {
  font-size: 16px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-content .joyfru-box-sporttilte .joyfru-text-sport-name {
    font-size: 14px;
  }
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_FINISHED {
  border-left-color: var(--joyfru-color18, #2D2D2D);
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_RUNNING,
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_SCHEDULED_BREAK {
  border-left-color: var(--joyfru-color11, #ff0042);
  background: var(--joyfru-alpha-pink-06, rgba(255, 0, 66, 0.06));
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_RUNNING .joyfru-table tbody,
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_RUNNING .joyfru-table-navi-schedule tbody,
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_RUNNING .joyfru-table-pk tbody,
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_RUNNING .joyfru-table-medallist tbody,
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_RUNNING .joyfru-table-tim-table tbody,
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_RUNNING .joyfru-table-por-table tbody,
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_RUNNING .joyfru-table-detail tbody,
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_RUNNING .joyfru-table-team tbody,
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_RUNNING .joyfru-table-res-versus tbody,
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_RUNNING .joyfru-table-res-versus-team tbody,
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_SCHEDULED_BREAK .joyfru-table tbody,
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_SCHEDULED_BREAK .joyfru-table-navi-schedule tbody,
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_SCHEDULED_BREAK .joyfru-table-pk tbody,
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_SCHEDULED_BREAK .joyfru-table-medallist tbody,
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_SCHEDULED_BREAK .joyfru-table-tim-table tbody,
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_SCHEDULED_BREAK .joyfru-table-por-table tbody,
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_SCHEDULED_BREAK .joyfru-table-detail tbody,
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_SCHEDULED_BREAK .joyfru-table-team tbody,
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_SCHEDULED_BREAK .joyfru-table-res-versus tbody,
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content.joyfru-box-time-schedulestatus_SCHEDULED_BREAK .joyfru-table-res-versus-team tbody {
  background: transparent;
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content .joyfru-box-sporttilte {
  align-items: center;
  height: 30px;
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content table .joyfru-list-athlete .joyfru-list-athlete-item {
  border-bottom: 0;
  padding-bottom: 0;
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content table .joyfru-list-athlete .joyfru-list-athlete-item::before {
  display: none;
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content table td:last-child a {
  white-space: nowrap;
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content table td:last-child a + a {
  margin-top: 10px;
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content table .joyfru-box-noc {
  display: flex;
  align-items: center;
}
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content table .joyfru-text-noc,
#joyfru-oc-content .joyfru-box-time .joyfru-box-time-content table .joyfru-text-athlete {
  font-size: 14px;
  margin-top: 0;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-content .joyfru-button-schedule-schedulestatus,
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-content .joyfru-button-schedule-schedulestatus_RESCHEDULED,
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-content .joyfru-button-schedule-schedulestatus_CANCELLED,
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-content .joyfru-button-schedule-schedulestatus_DELAYED,
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-content .joyfru-button-schedule-schedulestatus_FINISHED,
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-content .joyfru-button-schedule-schedulestatus_textlive,
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-content .joyfru-button-schedule-schedulestatus_GETTING_READY,
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-content .joyfru-button-schedule-schedulestatus_INTERRUPTED,
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-content .joyfru-button-schedule-schedulestatus_POSTPONED,
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-content .joyfru-button-schedule-schedulestatus_RUNNING,
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-content .joyfru-button-schedule-schedulestatus_SCHEDULED,
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-content .joyfru-button-schedule-schedulestatus_SCHEDULED_BREAK,
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-content .joyfru-button-schedule-schedulestatus_UNSCHEDULED {
    font-size: 10px;
  }
}
#joyfru-oc-content .joyfru-box-time:last-child {
  margin-bottom: 15px;
}
#joyfru-oc-content .joyfru-box-banner {
  padding: 10px 10px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 360px;
  height: 118px;
  position: relative;
  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: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-banner {
    width: 100%;
    height: 105px;
  }
}
#joyfru-oc-content .joyfru-box-banner .joyfru-box-banner-title {
  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: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#joyfru-oc-content .joyfru-box-banner .joyfru-box-banner-title .joyfru-box-noc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-banner .joyfru-box-banner-title .joyfru-box-noc {
    min-height: 30px;
  }
}
#joyfru-oc-content .joyfru-box-banner .joyfru-box-banner-title .joyfru-box-noc .joyfru-icon-flag {
  width: 40px;
  margin-right: 10px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-banner .joyfru-box-banner-title .joyfru-box-noc .joyfru-icon-flag {
    width: 26px;
  }
}
#joyfru-oc-content .joyfru-box-banner .joyfru-box-banner-title .joyfru-box-noc .joyfru-text-noc {
  font-weight: bold;
  font-size: 21px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-banner .joyfru-box-banner-title .joyfru-box-noc .joyfru-text-noc {
    font-size: 16px;
  }
}
#joyfru-oc-content .joyfru-box-banner .joyfru-box-banner-title .joyfru-text-update-date {
  white-space: nowrap;
}
#joyfru-oc-content .joyfru-box-banner .joyfru-box-banner-body .joyfru-tab-link {
  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;
  margin-bottom: 10px;
  z-index: 10;
}
#joyfru-oc-content .joyfru-box-banner .joyfru-box-banner-body .joyfru-tab-link li {
  width: 60px;
  padding: 3px 0;
  margin: 0;
  text-align: center;
  cursor: pointer;
  background: transparent;
  position: relative;
}
#joyfru-oc-content .joyfru-box-banner .joyfru-box-banner-body .joyfru-tab-link li.joyfru-active {
  color: var(--joyfru-color1, #000);
  background: var(--joyfru-color2, #fff);
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
#joyfru-oc-content .joyfru-box-banner .joyfru-box-banner-body .joyfru-list-medal {
  width: 240px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-banner .joyfru-box-banner-body .joyfru-list-medal {
    width: calc(100% - 90px);
  }
}
#joyfru-oc-content .joyfru-box-banner .joyfru-box-banner-body .joyfru-list-medal li {
  width: 30%;
  text-align: center;
}
#joyfru-oc-content .joyfru-box-banner.joyfru-bg-dark {
  background: var(--joyfru-color1, #000);
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-box-banner.joyfru-bg-dark .joyfru-text-update-date {
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-box-banner.joyfru-bg-dark .joyfru-tab-link {
  border-bottom: solid 1px var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-box-banner.joyfru-bg-dark .joyfru-box-medal .joyfru-text-medal {
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-box-banner.joyfru-bg-dark .joyfru-text-linkmore {
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-box-banner.joyfru-bg-dark .joyfru-text-linkmore a {
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-box-banner.joyfru-bg-dark .joyfru-text-linkmore a:before {
  border-top: solid 2px var(--joyfru-color2, #fff);
  border-right: solid 2px var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-box-banner.joyfru-bg-light {
  background: var(--joyfru-color2, #fff);
  color: var(--joyfru-color1, #000);
  border: solid 2px var(--joyfru-color1, #000);
}
#joyfru-oc-content .joyfru-box-banner.joyfru-bg-light .joyfru-text-update-date {
  color: var(--joyfru-color1, #000);
}
#joyfru-oc-content .joyfru-box-banner.joyfru-bg-light .joyfru-tab-link {
  border-bottom: solid 1px var(--joyfru-color1, #000);
}
#joyfru-oc-content .joyfru-box-banner.joyfru-bg-light .joyfru-tab-link li {
  color: var(--joyfru-color1, #000);
}
#joyfru-oc-content .joyfru-box-banner.joyfru-bg-light .joyfru-tab-link li.joyfru-active {
  color: var(--joyfru-color2, #fff);
  background: var(--joyfru-color1, #000);
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
#joyfru-oc-content .joyfru-box-banner.joyfru-bg-light .joyfru-box-medal .joyfru-text-medal {
  color: var(--joyfru-color1, #000);
}
#joyfru-oc-content .joyfru-box-banner.joyfru-bg-light .joyfru-text-linkmore {
  color: var(--joyfru-color1, #000);
}
#joyfru-oc-content .joyfru-box-banner.joyfru-bg-light .joyfru-text-linkmore a {
  color: var(--joyfru-color1, #000);
}
#joyfru-oc-content .joyfru-box-banner.joyfru-bg-light .joyfru-text-linkmore a:before {
  border-top: solid 2px var(--joyfru-color1, #000);
  border-right: solid 2px var(--joyfru-color1, #000);
}
#joyfru-oc-content .joyfru-box-banner .joyfru-text-linkmore {
  text-align: right;
  position: absolute;
  bottom: 20px;
  right: 10px;
  z-index: 20;
}
#joyfru-oc-content .joyfru-box-banner .joyfru-text-linkmore a {
  position: relative;
  padding-right: 20px;
  font-weight: bold;
}
#joyfru-oc-content .joyfru-box-banner .joyfru-text-linkmore a:hover {
  text-decoration: underline;
}
#joyfru-oc-content .joyfru-box-banner .joyfru-text-linkmore a:before {
  content: "";
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -4px;
}
#joyfru-oc-content .joyfru-box-medal * {
  display: inline-block;
  vertical-align: middle;
}
#joyfru-oc-content .joyfru-box-medal .joyfru-icon-medal {
  margin-right: 5px;
  width: 12px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-medal .joyfru-icon-medal {
    width: 10px;
  }
}
#joyfru-oc-content .joyfru-box-medal .joyfru-text-medal {
  font-size: 20px;
  font-weight: bold;
}
#joyfru-oc-content .joyfru-box-search {
  padding: 5px 10px;
  margin: 15px 0;
}
#joyfru-oc-content .joyfru-box-search .joyfru-box-search-label {
  display: inline-block;
  margin: 0 10px 10px 0;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-search .joyfru-box-search-label {
    width: 100%;
    text-align: left;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
#joyfru-oc-content .joyfru-box-search .joyfru-box-select {
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-search .joyfru-box-select {
    width: 100%;
  }
}
#joyfru-oc-content .joyfru-box-search .joyfru-box-select:before {
  content: "";
  width: 8px;
  height: 8px;
  border-left: solid 2px var(--joyfru-color1, #000);
  border-bottom: solid 2px var(--joyfru-color1, #000);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 10px;
  right: 10px;
  pointer-events: none;
}
#joyfru-oc-content .joyfru-box-search .joyfru-box-select select {
  padding-right: 1em;
  cursor: pointer;
  font-size: 14px;
  height: 35px;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: solid 1px var(--joyfru-color8, #ccc);
  outline: none;
  background: var(--joyfru-color2);
  color: var(--joyfru-color1);
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 30px 0 15px;
  min-width: 144px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-search .joyfru-box-select select {
    width: 100%;
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-box-search .joyfru-box-select.joyfru-box-select-olympic-para {
  max-width: 200px;
}
#joyfru-oc-content .joyfru-box-medalList {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 20px;
}
#joyfru-oc-content .joyfru-box-medalList .joyfru-list-filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: solid 1px var(--joyfru-color8, #ccc);
  list-style: none;
  padding: 0;
  margin: 0;
}
#joyfru-oc-content .joyfru-box-medalList .joyfru-list-filter li {
  width: 25%;
  position: relative;
}
#joyfru-oc-content .joyfru-box-medalList .joyfru-list-filter li input {
  width: 100%;
  height: 50px;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
#joyfru-oc-content .joyfru-box-medalList .joyfru-list-filter li input:checked + label {
  z-index: 10;
  font-weight: bold;
}
#joyfru-oc-content .joyfru-box-medalList .joyfru-list-filter li input:checked + label:before {
  content: "";
  width: 100%;
  height: 2px;
  background: var(--joyfru-color1, #000);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}
#joyfru-oc-content .joyfru-box-medalList .joyfru-list-filter li label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 1.3em;
  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;
  text-align: center;
  pointer-events: none;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-medalList .joyfru-list-filter li label {
    font-size: 14px;
  }
}
#joyfru-oc-content .joyfru-box-medalList .joyfru-list-filter li label img {
  margin: 0 auto;
  width: 20px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-medalList .joyfru-list-filter li label img {
    width: 14px;
  }
}
#joyfru-oc-content .joyfru-box-slideshow {
  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;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-slideshow {
    display: block;
  }
}
#joyfru-oc-content .joyfru-box-slideshow .joyfru-box-slideshow-area01 {
  width: calc(100% - 170px);
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-slideshow .joyfru-box-slideshow-area01 {
    width: 100%;
  }
}
#joyfru-oc-content .joyfru-box-slideshow table tr {
  cursor: pointer;
}
#joyfru-oc-content .joyfru-box-slideshow table tr.joyfru-active td {
  position: relative;
}
#joyfru-oc-content .joyfru-box-slideshow table tr.joyfru-active td:last-child:before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  background: var(--joyfru-color3, #004221);
  top: 0;
  right: 0;
}
#joyfru-oc-content .joyfru-box-slideshow table tr:hover {
  background: var(--joyfru-color9, #f5f5f5);
}
#joyfru-oc-content .joyfru-match-progress {
  border: 1px solid var(--joyfru-color8, #ccc);
  box-shadow: 0 1px 0 var(--joyfru-color4, #8c9b95);
  border-radius: 5px;
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-noc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  background: var(--joyfru-color18, #2D2D2D);
  color: var(--joyfru-color2, #fff);
  padding: 15px;
  box-sizing: border-box;
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-noc .joyfru-box-noc .joyfru-tooltip {
  margin-right: 10px;
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-noc .joyfru-box-noc:last-child {
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-noc .joyfru-box-noc:last-child .joyfru-tooltip {
  margin-right: 0;
  margin-left: 10px;
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-noc .joyfru-box-noc {
  display: flex;
  align-items: center;
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail {
  padding: 15px;
  position: relative;
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  min-height: 6px;
  height: 100%;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline {
    min-height: 3px;
  }
  #joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline .joyfru-text-time {
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline .joyfru-box-left {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1 0;
  margin-right: 5px;
  max-width: calc(50% - 25px);
  text-align: right;
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline .joyfru-box-left .joyfru-box-timeline-score {
  margin-left: 0;
  margin-right: 10px;
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline .joyfru-box-left .joyfru-box-timeline-score:before, #joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline .joyfru-box-left .joyfru-box-timeline-score:after {
  left: 100%;
  border-right: 0;
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline .joyfru-box-left .joyfru-box-timeline-score:before {
  border-left-color: var(--joyfru-color8, #ccc);
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline .joyfru-box-left .joyfru-box-timeline-score:after {
  border-left-color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline .joyfru-box-left .joyfru-text-time {
  margin-left: 3px;
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline .joyfru-box-center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  max-width: 50px;
  min-width: 20px;
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline .joyfru-box-right {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1 0;
  margin-left: 5px;
  max-width: calc(50% - 25px);
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline .joyfru-box-right .joyfru-text-time {
  margin-right: 3px;
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline .joyfru-text-athlete {
  margin: 0;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline .joyfru-box-timeline-score {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border: 2px solid var(--joyfru-color8, #ccc);
  border-radius: 4px;
  background: var(--joyfru-color2, #fff);
  padding: 5px 10px;
  text-align: center;
  max-width: 150px;
  width: 100%;
  margin-left: 10px;
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline .joyfru-box-timeline-score:before, #joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline .joyfru-box-timeline-score:after {
  border: solid transparent;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  pointer-events: none;
  width: 0;
  right: 100%;
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline .joyfru-box-timeline-score:before {
  border-right-color: var(--joyfru-color8, #ccc);
  top: 50%;
  margin-top: -11px;
  border-width: 11px;
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline .joyfru-box-timeline-score:after {
  border-right-color: var(--joyfru-color2, #fff);
  top: 50%;
  margin-top: -8px;
  border-width: 8px;
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline .joyfru-box-timeline-score .joyfru-box-score {
  width: auto;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline .joyfru-box-timeline-score {
    padding: 5px;
    margin-left: 5px;
  }
  #joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-box-timeline .joyfru-box-timeline-score .joyfru-icon-flag {
    max-width: 20px;
  }
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-timestart {
  margin-bottom: 15px;
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail .joyfru-timeend {
  margin-top: 15px;
}
#joyfru-oc-content .joyfru-match-progress .joyfru-box-match-detail:before {
  content: "";
  width: 2px;
  height: calc(100% - 30px);
  background: var(--joyfru-color4, #8c9b95);
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left: -1px;
  z-index: -1;
}
#joyfru-oc-content .joyfru-list-timeline {
  justify-content: flex-end;
}
#joyfru-oc-content .joyfru-checkbox-dropdown {
  width: 100%;
  border: 1px solid var(--joyfru-color8, #ccc);
  padding: 10px 25px 10px 10px;
  position: relative;
  margin: 0 auto;
  user-select: none;
  height: 40px;
  box-sizing: border-box;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-checkbox-dropdown {
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-checkbox-dropdown .joyfru-output {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: var(--joyfru-color2, #fff);
  margin-top: -2px;
}
#joyfru-oc-content .joyfru-checkbox-dropdown .joyfru-checkbox-dropdown-inner {
  margin: 0;
  padding: 0 15px 5px;
  position: absolute;
  top: 100%;
  border: inherit;
  left: -1px;
  right: -1px;
  display: none;
  min-height: 250px;
  max-height: calc(100vh - 195px);
  overflow-y: auto;
  background: var(--joyfru-color2, #fff);
  z-index: 99;
}
@media screen and (max-width: 600px) {
  #joyfru-oc-content .joyfru-checkbox-dropdown .joyfru-checkbox-dropdown-inner {
    max-height: calc(100vh - 220px);
  }
}
#joyfru-oc-content .joyfru-checkbox-dropdown .joyfru-checkbox-dropdown-inner .joyfru-checkbox-dropdown-inner-top {
  display: flex;
  justify-content: space-between;
}
#joyfru-oc-content .joyfru-checkbox-dropdown .joyfru-checkbox-dropdown-inner .joyfru-discipline-group {
  margin-bottom: 15px;
}
#joyfru-oc-content .joyfru-checkbox-dropdown .joyfru-checkbox-dropdown-inner .joyfru-discipline-group .joyfru-discipline-group-tilte {
  background: var(--joyfru-color9, #f5f5f5);
  padding: 7px 15px;
  display: block;
}
#joyfru-oc-content .joyfru-checkbox-dropdown .joyfru-checkbox-dropdown-inner .joyfru-discipline-group .joyfru-dropdown-item .joyfru-radio-group {
  position: relative;
  text-align: center;
  padding: 0;
  border: 1px solid var(--joyfru-color8, #ccc);
  border-radius: 20px;
  min-width: 55px;
  box-sizing: border-box;
  margin: 10px 0 0 10px;
  overflow: hidden;
}
#joyfru-oc-content .joyfru-checkbox-dropdown .joyfru-checkbox-dropdown-inner .joyfru-checkbox-dropdown-inner-top .joyfru-discipline-group-all {
  position: relative;
  text-align: center;
  padding: 0;
  border: 1px solid var(--joyfru-color8, #ccc);
  border-radius: 20px;
  min-width: 70px;
  box-sizing: border-box;
  margin: 10px 0 10px 10px;
  overflow: hidden;
}
#joyfru-oc-content .joyfru-checkbox-dropdown .joyfru-checkbox-dropdown-inner .joyfru-discipline-group .joyfru-dropdown-item .joyfru-radio-group .joyfru-radio {
  opacity: 0;
  cursor: pointer;
  margin: 0;
  width: 100%;
  height: 100%;
  left: 0;
  border: 0;
}
#joyfru-oc-content .joyfru-checkbox-dropdown .joyfru-checkbox-dropdown-inner .joyfru-checkbox-dropdown-inner-top .joyfru-discipline-group-all .joyfru-discipline-all {
  opacity: 0;
  cursor: pointer;
  margin: 0;
  width: 100%;
  height: 100%;
  left: 0;
  border: 0;
}
#joyfru-oc-content .joyfru-checkbox-dropdown .joyfru-checkbox-dropdown-inner .joyfru-discipline-group .joyfru-dropdown-item .joyfru-radio-group .joyfru-radio:checked + label {
  background: var(--joyfru-color3, #004221);
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-checkbox-dropdown .joyfru-checkbox-dropdown-inner .joyfru-checkbox-dropdown-inner-top .joyfru-discipline-group-all .joyfru-discipline-all:checked +label {
  background: var(--joyfru-color3, #004221);
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-checkbox-dropdown .joyfru-checkbox-dropdown-inner .joyfru-discipline-group .joyfru-dropdown-item .joyfru-radio-group .joyfru-form-check-label {
  margin: 0;
  font-size: 12px;
  color: var(--joyfru-color4, #8c9b95);
  padding: 3px 10px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
#joyfru-oc-content .joyfru-checkbox-dropdown .joyfru-checkbox-dropdown-inner .joyfru-checkbox-dropdown-inner-top .joyfru-discipline-group-all .joyfru-form-check-label {
  margin: 0;
  font-size: 12px;
  color: var(--joyfru-color4, #8c9b95);
  padding: 3px 10px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
#joyfru-oc-content .joyfru-checkbox-dropdown.joyfru-active .joyfru-checkbox-dropdown-inner {
  display: block;
  pointer-events: auto;
}
#joyfru-oc-content .joyfru-checkbox-dropdown.joyfru-active:before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  top: 17px;
}
#joyfru-oc-content .joyfru-checkbox-dropdown:before {
  content: "";
  width: 8px;
  height: 8px;
  border-left: solid 2px var(--joyfru-color1, #000);
  border-bottom: solid 2px var(--joyfru-color1, #000);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 12px;
  right: 10px;
  pointer-events: none;
}
#joyfru-oc-content .joyfru-form-check, #joyfru-oc-content .joyfru-form-check-inline {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
#joyfru-oc-content .joyfru-form-check-inline {
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}
#joyfru-oc-content .joyfru-form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1em;
  height: 1em;
  border: 1px solid var(--joyfru-color8, #ccc);
}
#joyfru-oc-content .joyfru-form-check-input:checked {
  background: var(--joyfru-color4, #8c9b95) url(../icon/icon_checkbox.svg) no-repeat left top;
  border-color: var(--joyfru-color4, #8c9b95);
}
#joyfru-oc-content .joyfru-form-check-label {
  display: inline-block;
  margin-top: 2px;
}
#joyfru-oc-content .joyfru-box-dropdown-event .joyfru-checkbox-dropdown-inner .joyfru-checkbox-dropdown-list li {
  display: block;
}
#joyfru-oc-content .joyfru-box-dropdown-event .joyfru-checkbox-dropdown-inner .joyfru-checkbox-dropdown-list li .joyfru-dropdown-item {
  padding: 8px 20px 0;
}
#joyfru-oc-content .joyfru-box-actions .joyfru-box-athlete-row .joyfru-box-info-athlete .joyfru-text-athlete {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
  margin-right: 3px;
}
#joyfru-oc-content .joyfru-box-actions .joyfru-box-athlete-row .joyfru-box-info-athlete .joyfru-icon-notable {
  display: block;
}
#joyfru-oc-content .joyfru-box-actions .joyfru-box-athlete-row .joyfru-box-info-athlete span {
  display: inline-block;
  vertical-align: middle;
}
#joyfru-oc-content .joyfru-box-color-score {
  min-width: 120px;
  max-width: 175px;
  margin: 0 auto;
}
#joyfru-oc-content .joyfru-box-color-score .joyfru-box-score .joyfru-box-home-score {
  width: 33px;
}
#joyfru-oc-content .joyfru-box-color-score .joyfru-box-score .joyfru-box-away-score {
  width: 33px;
}
#joyfru-oc-content .joyfru-box-color-score .joyfru-box-final-score {
  line-height: 1;
}
#joyfru-oc-content .joyfru-box-color-score .joyfru-box-final-score + .joyfru-box-period-score {
  margin-top: 15px;
}
#joyfru-oc-content .joyfru-box-color-score .joyfru-box-period-score .joyfru-text-period-score {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  background: var(--joyfru-color7, #e3e3e3);
  width: 33px;
  height: 20px;
  font-size: 12px;
}
#joyfru-oc-content .joyfru-box-color-score .joyfru-box-period-score .joyfru-text-period-score.joyfru-home-period-score {
  background: var(--joyfru-color11, #ff0042);
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-box-color-score .joyfru-box-period-score .joyfru-text-period-score.joyfru-away-period-score {
  background: var(--joyfru-color14, #0266c4);
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-box-color-score.joyfru-box-score-irm .joyfru-box-irm-home {
  text-align: left;
}
#joyfru-oc-content .joyfru-box-color-score.joyfru-box-score-irm .joyfru-box-irm-away {
  text-align: right;
}
#joyfru-oc-content .joyfru-box-score-hmatch {
  align-items: center;
  justify-content: space-between;
  gap: 3px;
  line-height: 1;
}

.is-aligned {
  display: flex !important;
  justify-content: center !important;
}

#joyfru-oc-content .joyfru-box-score-irm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 40px;
  gap: 3px;
  line-height: 1;
}
#joyfru-oc-content .joyfru-box-score-irm .joyfru-box-final-score {
  width: 50%;
  min-width: 40px;
  text-align: center;
}
#joyfru-oc-content .joyfru-box-score-irm span:nth-child(2):not(:last-child) {
  min-width: 20px;
  text-align: center;
}
#joyfru-oc-content .joyfru-box-score-irm .joyfru-box-period-score .joyfru-text-score {
  display: inline-block;
  min-width: 20px;
  text-align: center;
}
#joyfru-oc-content .joyfru-box-score-irm + .joyfru-box-score-irm {
  margin-top: 5px;
}
#joyfru-oc-content .joyfru-box-score-irm .joyfru-hyphen-irm {
  margin-top: -5px;
}
#joyfru-oc-content .joyfru-box-score-irm .joyfru-box-irm-home,
#joyfru-oc-content .joyfru-box-score-irm .joyfru-box-irm-away {
  width: calc(50% - 10px);
}
#joyfru-oc-content .joyfru-accordion-wrapper {
  margin: 0 10px;
}
#joyfru-oc-content .joyfru-box-symbol {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 7px;
}
#joyfru-oc-content .joyfru-box-symbol .joyfru-box-symbol-home,
#joyfru-oc-content .joyfru-box-symbol .joyfru-box-symbol-away {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc(50% - 10px);
}
#joyfru-oc-content .joyfru-box-symbol .joyfru-box-symbol-home .joyfru-text-score,
#joyfru-oc-content .joyfru-box-symbol .joyfru-box-symbol-away .joyfru-text-score {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-symbol .joyfru-box-symbol-home .joyfru-text-score,
  #joyfru-oc-content .joyfru-box-symbol .joyfru-box-symbol-away .joyfru-text-score {
    min-height: 25px;
  }
}

#joyfru-oc-content .joyfru-table, #joyfru-oc-content .joyfru-table-navi-schedule, #joyfru-oc-content .joyfru-table-pk, #joyfru-oc-content .joyfru-table-medallist, #joyfru-oc-content .joyfru-table-tim-table, #joyfru-oc-content .joyfru-table-por-table, #joyfru-oc-content .joyfru-table-detail, #joyfru-oc-content .joyfru-table-team, #joyfru-oc-content .joyfru-table-res-versus, #joyfru-oc-content .joyfru-table-res-versus-team {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
#joyfru-oc-content .joyfru-table thead tr th, #joyfru-oc-content .joyfru-table-navi-schedule thead tr th, #joyfru-oc-content .joyfru-table-pk thead tr th, #joyfru-oc-content .joyfru-table-medallist thead tr th, #joyfru-oc-content .joyfru-table-tim-table thead tr th, #joyfru-oc-content .joyfru-table-por-table thead tr th, #joyfru-oc-content .joyfru-table-detail thead tr th, #joyfru-oc-content .joyfru-table-team thead tr th, #joyfru-oc-content .joyfru-table-res-versus thead tr th, #joyfru-oc-content .joyfru-table-res-versus-team thead tr th {
  background: var(--joyfru-color7, #e3e3e3);
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 5px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table thead tr th, #joyfru-oc-content .joyfru-table-navi-schedule thead tr th, #joyfru-oc-content .joyfru-table-pk thead tr th, #joyfru-oc-content .joyfru-table-medallist thead tr th, #joyfru-oc-content .joyfru-table-tim-table thead tr th, #joyfru-oc-content .joyfru-table-por-table thead tr th, #joyfru-oc-content .joyfru-table-detail thead tr th, #joyfru-oc-content .joyfru-table-team thead tr th, #joyfru-oc-content .joyfru-table-res-versus thead tr th, #joyfru-oc-content .joyfru-table-res-versus-team thead tr th {
    padding: 15px 2px;
  }
}
#joyfru-oc-content .joyfru-table thead tr th .joyfru-text-athlete, #joyfru-oc-content .joyfru-table-navi-schedule thead tr th .joyfru-text-athlete, #joyfru-oc-content .joyfru-table-pk thead tr th .joyfru-text-athlete, #joyfru-oc-content .joyfru-table-medallist thead tr th .joyfru-text-athlete, #joyfru-oc-content .joyfru-table-tim-table thead tr th .joyfru-text-athlete, #joyfru-oc-content .joyfru-table-por-table thead tr th .joyfru-text-athlete, #joyfru-oc-content .joyfru-table-detail thead tr th .joyfru-text-athlete, #joyfru-oc-content .joyfru-table-team thead tr th .joyfru-text-athlete, #joyfru-oc-content .joyfru-table-res-versus thead tr th .joyfru-text-athlete, #joyfru-oc-content .joyfru-table-res-versus-team thead tr th .joyfru-text-athlete,
#joyfru-oc-content .joyfru-table thead tr th .joyfru-text-noc,
#joyfru-oc-content .joyfru-table-navi-schedule thead tr th .joyfru-text-noc,
#joyfru-oc-content .joyfru-table-pk thead tr th .joyfru-text-noc,
#joyfru-oc-content .joyfru-table-medallist thead tr th .joyfru-text-noc,
#joyfru-oc-content .joyfru-table-tim-table thead tr th .joyfru-text-noc,
#joyfru-oc-content .joyfru-table-por-table thead tr th .joyfru-text-noc,
#joyfru-oc-content .joyfru-table-detail thead tr th .joyfru-text-noc,
#joyfru-oc-content .joyfru-table-team thead tr th .joyfru-text-noc,
#joyfru-oc-content .joyfru-table-res-versus thead tr th .joyfru-text-noc,
#joyfru-oc-content .joyfru-table-res-versus-team thead tr th .joyfru-text-noc {
  font-weight: normal;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table thead tr th .joyfru-text-athlete, #joyfru-oc-content .joyfru-table-navi-schedule thead tr th .joyfru-text-athlete, #joyfru-oc-content .joyfru-table-pk thead tr th .joyfru-text-athlete, #joyfru-oc-content .joyfru-table-medallist thead tr th .joyfru-text-athlete, #joyfru-oc-content .joyfru-table-tim-table thead tr th .joyfru-text-athlete, #joyfru-oc-content .joyfru-table-por-table thead tr th .joyfru-text-athlete, #joyfru-oc-content .joyfru-table-detail thead tr th .joyfru-text-athlete, #joyfru-oc-content .joyfru-table-team thead tr th .joyfru-text-athlete, #joyfru-oc-content .joyfru-table-res-versus thead tr th .joyfru-text-athlete, #joyfru-oc-content .joyfru-table-res-versus-team thead tr th .joyfru-text-athlete,
  #joyfru-oc-content .joyfru-table thead tr th .joyfru-text-noc,
  #joyfru-oc-content .joyfru-table-navi-schedule thead tr th .joyfru-text-noc,
  #joyfru-oc-content .joyfru-table-pk thead tr th .joyfru-text-noc,
  #joyfru-oc-content .joyfru-table-medallist thead tr th .joyfru-text-noc,
  #joyfru-oc-content .joyfru-table-tim-table thead tr th .joyfru-text-noc,
  #joyfru-oc-content .joyfru-table-por-table thead tr th .joyfru-text-noc,
  #joyfru-oc-content .joyfru-table-detail thead tr th .joyfru-text-noc,
  #joyfru-oc-content .joyfru-table-team thead tr th .joyfru-text-noc,
  #joyfru-oc-content .joyfru-table-res-versus thead tr th .joyfru-text-noc,
  #joyfru-oc-content .joyfru-table-res-versus-team thead tr th .joyfru-text-noc {
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-table tbody, #joyfru-oc-content .joyfru-table-navi-schedule tbody, #joyfru-oc-content .joyfru-table-pk tbody, #joyfru-oc-content .joyfru-table-medallist tbody, #joyfru-oc-content .joyfru-table-tim-table tbody, #joyfru-oc-content .joyfru-table-por-table tbody, #joyfru-oc-content .joyfru-table-detail tbody, #joyfru-oc-content .joyfru-table-team tbody, #joyfru-oc-content .joyfru-table-res-versus tbody, #joyfru-oc-content .joyfru-table-res-versus-team tbody {
  background: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-table tbody tr, #joyfru-oc-content .joyfru-table-navi-schedule tbody tr, #joyfru-oc-content .joyfru-table-pk tbody tr, #joyfru-oc-content .joyfru-table-medallist tbody tr, #joyfru-oc-content .joyfru-table-tim-table tbody tr, #joyfru-oc-content .joyfru-table-por-table tbody tr, #joyfru-oc-content .joyfru-table-detail tbody tr, #joyfru-oc-content .joyfru-table-team tbody tr, #joyfru-oc-content .joyfru-table-res-versus tbody tr, #joyfru-oc-content .joyfru-table-res-versus-team tbody tr {
  border-bottom: solid 1px var(--joyfru-color8, #ccc);
}
#joyfru-oc-content .joyfru-table tbody tr th, #joyfru-oc-content .joyfru-table-navi-schedule tbody tr th, #joyfru-oc-content .joyfru-table-pk tbody tr th, #joyfru-oc-content .joyfru-table-medallist tbody tr th, #joyfru-oc-content .joyfru-table-tim-table tbody tr th, #joyfru-oc-content .joyfru-table-por-table tbody tr th, #joyfru-oc-content .joyfru-table-detail tbody tr th, #joyfru-oc-content .joyfru-table-team tbody tr th, #joyfru-oc-content .joyfru-table-res-versus tbody tr th, #joyfru-oc-content .joyfru-table-res-versus-team tbody tr th {
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 5px;
}
#joyfru-oc-content .joyfru-table tbody tr td, #joyfru-oc-content .joyfru-table-navi-schedule tbody tr td, #joyfru-oc-content .joyfru-table-pk tbody tr td, #joyfru-oc-content .joyfru-table-medallist tbody tr td, #joyfru-oc-content .joyfru-table-tim-table tbody tr td, #joyfru-oc-content .joyfru-table-por-table tbody tr td, #joyfru-oc-content .joyfru-table-detail tbody tr td, #joyfru-oc-content .joyfru-table-team tbody tr td, #joyfru-oc-content .joyfru-table-res-versus tbody tr td, #joyfru-oc-content .joyfru-table-res-versus-team tbody tr td {
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 5px;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table tbody tr td, #joyfru-oc-content .joyfru-table-navi-schedule tbody tr td, #joyfru-oc-content .joyfru-table-pk tbody tr td, #joyfru-oc-content .joyfru-table-medallist tbody tr td, #joyfru-oc-content .joyfru-table-tim-table tbody tr td, #joyfru-oc-content .joyfru-table-por-table tbody tr td, #joyfru-oc-content .joyfru-table-detail tbody tr td, #joyfru-oc-content .joyfru-table-team tbody tr td, #joyfru-oc-content .joyfru-table-res-versus tbody tr td, #joyfru-oc-content .joyfru-table-res-versus-team tbody tr td {
    padding: 10px 2px;
  }
}
#joyfru-oc-content .joyfru-table tbody tr td:last-child.joyfru-tag-win::before, #joyfru-oc-content .joyfru-table-navi-schedule tbody tr td:last-child.joyfru-tag-win::before, #joyfru-oc-content .joyfru-table-pk tbody tr td:last-child.joyfru-tag-win::before, #joyfru-oc-content .joyfru-table-medallist tbody tr td:last-child.joyfru-tag-win::before, #joyfru-oc-content .joyfru-table-tim-table tbody tr td:last-child.joyfru-tag-win::before, #joyfru-oc-content .joyfru-table-por-table tbody tr td:last-child.joyfru-tag-win::before, #joyfru-oc-content .joyfru-table-detail tbody tr td:last-child.joyfru-tag-win::before, #joyfru-oc-content .joyfru-table-team tbody tr td:last-child.joyfru-tag-win::before, #joyfru-oc-content .joyfru-table-res-versus tbody tr td:last-child.joyfru-tag-win::before, #joyfru-oc-content .joyfru-table-res-versus-team tbody tr td:last-child.joyfru-tag-win::before {
  right: 0;
  left: auto;
}
#joyfru-oc-content .joyfru-table tbody tr td:last-child.joyfru-tag-win::after, #joyfru-oc-content .joyfru-table-navi-schedule tbody tr td:last-child.joyfru-tag-win::after, #joyfru-oc-content .joyfru-table-pk tbody tr td:last-child.joyfru-tag-win::after, #joyfru-oc-content .joyfru-table-medallist tbody tr td:last-child.joyfru-tag-win::after, #joyfru-oc-content .joyfru-table-tim-table tbody tr td:last-child.joyfru-tag-win::after, #joyfru-oc-content .joyfru-table-por-table tbody tr td:last-child.joyfru-tag-win::after, #joyfru-oc-content .joyfru-table-detail tbody tr td:last-child.joyfru-tag-win::after, #joyfru-oc-content .joyfru-table-team tbody tr td:last-child.joyfru-tag-win::after, #joyfru-oc-content .joyfru-table-res-versus tbody tr td:last-child.joyfru-tag-win::after, #joyfru-oc-content .joyfru-table-res-versus-team tbody tr td:last-child.joyfru-tag-win::after {
  right: 12px;
  left: auto;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table tbody tr td:last-child.joyfru-tag-win::after, #joyfru-oc-content .joyfru-table-navi-schedule tbody tr td:last-child.joyfru-tag-win::after, #joyfru-oc-content .joyfru-table-pk tbody tr td:last-child.joyfru-tag-win::after, #joyfru-oc-content .joyfru-table-medallist tbody tr td:last-child.joyfru-tag-win::after, #joyfru-oc-content .joyfru-table-tim-table tbody tr td:last-child.joyfru-tag-win::after, #joyfru-oc-content .joyfru-table-por-table tbody tr td:last-child.joyfru-tag-win::after, #joyfru-oc-content .joyfru-table-detail tbody tr td:last-child.joyfru-tag-win::after, #joyfru-oc-content .joyfru-table-team tbody tr td:last-child.joyfru-tag-win::after, #joyfru-oc-content .joyfru-table-res-versus tbody tr td:last-child.joyfru-tag-win::after, #joyfru-oc-content .joyfru-table-res-versus-team tbody tr td:last-child.joyfru-tag-win::after {
    right: 7px;
  }
}
#joyfru-oc-content .joyfru-table tbody tr.joyfru-tableheader-sub, #joyfru-oc-content .joyfru-table-navi-schedule tbody tr.joyfru-tableheader-sub, #joyfru-oc-content .joyfru-table-pk tbody tr.joyfru-tableheader-sub, #joyfru-oc-content .joyfru-table-medallist tbody tr.joyfru-tableheader-sub, #joyfru-oc-content .joyfru-table-tim-table tbody tr.joyfru-tableheader-sub, #joyfru-oc-content .joyfru-table-por-table tbody tr.joyfru-tableheader-sub, #joyfru-oc-content .joyfru-table-detail tbody tr.joyfru-tableheader-sub, #joyfru-oc-content .joyfru-table-team tbody tr.joyfru-tableheader-sub, #joyfru-oc-content .joyfru-table-res-versus tbody tr.joyfru-tableheader-sub, #joyfru-oc-content .joyfru-table-res-versus-team tbody tr.joyfru-tableheader-sub {
  border-bottom: 0;
}
#joyfru-oc-content .joyfru-table tbody tr.joyfru-tableheader-sub th, #joyfru-oc-content .joyfru-table-navi-schedule tbody tr.joyfru-tableheader-sub th, #joyfru-oc-content .joyfru-table-pk tbody tr.joyfru-tableheader-sub th, #joyfru-oc-content .joyfru-table-medallist tbody tr.joyfru-tableheader-sub th, #joyfru-oc-content .joyfru-table-tim-table tbody tr.joyfru-tableheader-sub th, #joyfru-oc-content .joyfru-table-por-table tbody tr.joyfru-tableheader-sub th, #joyfru-oc-content .joyfru-table-detail tbody tr.joyfru-tableheader-sub th, #joyfru-oc-content .joyfru-table-team tbody tr.joyfru-tableheader-sub th, #joyfru-oc-content .joyfru-table-res-versus tbody tr.joyfru-tableheader-sub th, #joyfru-oc-content .joyfru-table-res-versus-team tbody tr.joyfru-tableheader-sub th {
  background: var(--joyfru-color17, #eee);
  padding: 10px 5px;
}
#joyfru-oc-content .joyfru-table tbody tr.joyfru-tablerow-line, #joyfru-oc-content .joyfru-table-navi-schedule tbody tr.joyfru-tablerow-line, #joyfru-oc-content .joyfru-table-pk tbody tr.joyfru-tablerow-line, #joyfru-oc-content .joyfru-table-medallist tbody tr.joyfru-tablerow-line, #joyfru-oc-content .joyfru-table-tim-table tbody tr.joyfru-tablerow-line, #joyfru-oc-content .joyfru-table-por-table tbody tr.joyfru-tablerow-line, #joyfru-oc-content .joyfru-table-detail tbody tr.joyfru-tablerow-line, #joyfru-oc-content .joyfru-table-team tbody tr.joyfru-tablerow-line, #joyfru-oc-content .joyfru-table-res-versus tbody tr.joyfru-tablerow-line, #joyfru-oc-content .joyfru-table-res-versus-team tbody tr.joyfru-tablerow-line {
  border-bottom: solid 1px var(--joyfru-color8, #ccc);
}
#joyfru-oc-content .joyfru-table tbody tr.joyfru-tablerow-line td, #joyfru-oc-content .joyfru-table-navi-schedule tbody tr.joyfru-tablerow-line td, #joyfru-oc-content .joyfru-table-pk tbody tr.joyfru-tablerow-line td, #joyfru-oc-content .joyfru-table-medallist tbody tr.joyfru-tablerow-line td, #joyfru-oc-content .joyfru-table-tim-table tbody tr.joyfru-tablerow-line td, #joyfru-oc-content .joyfru-table-por-table tbody tr.joyfru-tablerow-line td, #joyfru-oc-content .joyfru-table-detail tbody tr.joyfru-tablerow-line td, #joyfru-oc-content .joyfru-table-team tbody tr.joyfru-tablerow-line td, #joyfru-oc-content .joyfru-table-res-versus tbody tr.joyfru-tablerow-line td, #joyfru-oc-content .joyfru-table-res-versus-team tbody tr.joyfru-tablerow-line td {
  padding: 0;
}
#joyfru-oc-content .joyfru-table tbody tr.joyfru-tablerow-line td td, #joyfru-oc-content .joyfru-table-navi-schedule tbody tr.joyfru-tablerow-line td td, #joyfru-oc-content .joyfru-table-pk tbody tr.joyfru-tablerow-line td td, #joyfru-oc-content .joyfru-table-medallist tbody tr.joyfru-tablerow-line td td, #joyfru-oc-content .joyfru-table-tim-table tbody tr.joyfru-tablerow-line td td, #joyfru-oc-content .joyfru-table-por-table tbody tr.joyfru-tablerow-line td td, #joyfru-oc-content .joyfru-table-detail tbody tr.joyfru-tablerow-line td td, #joyfru-oc-content .joyfru-table-team tbody tr.joyfru-tablerow-line td td, #joyfru-oc-content .joyfru-table-res-versus tbody tr.joyfru-tablerow-line td td, #joyfru-oc-content .joyfru-table-res-versus-team tbody tr.joyfru-tablerow-line td td {
  padding: 18px 5px;
}
#joyfru-oc-content .joyfru-table .joyfru-nocell, #joyfru-oc-content .joyfru-table-navi-schedule .joyfru-nocell, #joyfru-oc-content .joyfru-table-pk .joyfru-nocell, #joyfru-oc-content .joyfru-table-medallist .joyfru-nocell, #joyfru-oc-content .joyfru-table-tim-table .joyfru-nocell, #joyfru-oc-content .joyfru-table-por-table .joyfru-nocell, #joyfru-oc-content .joyfru-table-detail .joyfru-nocell, #joyfru-oc-content .joyfru-table-team .joyfru-nocell, #joyfru-oc-content .joyfru-table-res-versus .joyfru-nocell, #joyfru-oc-content .joyfru-table-res-versus-team .joyfru-nocell {
  background: var(--joyfru-color2, #fff) url(../icon/bg_diag01.png) no-repeat left top;
  background-size: 100% 100%;
}
#joyfru-oc-content .joyfru-table .joyfru-accordion, #joyfru-oc-content .joyfru-table-navi-schedule .joyfru-accordion, #joyfru-oc-content .joyfru-table-pk .joyfru-accordion, #joyfru-oc-content .joyfru-table-medallist .joyfru-accordion, #joyfru-oc-content .joyfru-table-tim-table .joyfru-accordion, #joyfru-oc-content .joyfru-table-por-table .joyfru-accordion, #joyfru-oc-content .joyfru-table-detail .joyfru-accordion, #joyfru-oc-content .joyfru-table-team .joyfru-accordion, #joyfru-oc-content .joyfru-table-res-versus .joyfru-accordion, #joyfru-oc-content .joyfru-table-res-versus-team .joyfru-accordion {
  display: none;
}
#joyfru-oc-content .joyfru-table .joyfru-tablecell > td, #joyfru-oc-content .joyfru-table-navi-schedule .joyfru-tablecell > td, #joyfru-oc-content .joyfru-table-pk .joyfru-tablecell > td, #joyfru-oc-content .joyfru-table-medallist .joyfru-tablecell > td, #joyfru-oc-content .joyfru-table-tim-table .joyfru-tablecell > td, #joyfru-oc-content .joyfru-table-por-table .joyfru-tablecell > td, #joyfru-oc-content .joyfru-table-detail .joyfru-tablecell > td, #joyfru-oc-content .joyfru-table-team .joyfru-tablecell > td, #joyfru-oc-content .joyfru-table-res-versus .joyfru-tablecell > td, #joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablecell > td {
  padding: 0;
}
#joyfru-oc-content .joyfru-table table, #joyfru-oc-content .joyfru-table-navi-schedule table, #joyfru-oc-content .joyfru-table-pk table, #joyfru-oc-content .joyfru-table-medallist table, #joyfru-oc-content .joyfru-table-tim-table table, #joyfru-oc-content .joyfru-table-por-table table, #joyfru-oc-content .joyfru-table-detail table, #joyfru-oc-content .joyfru-table-team table, #joyfru-oc-content .joyfru-table-res-versus table, #joyfru-oc-content .joyfru-table-res-versus-team table {
  font-size: 12px;
}
#joyfru-oc-content .joyfru-table table tr th, #joyfru-oc-content .joyfru-table-navi-schedule table tr th, #joyfru-oc-content .joyfru-table-pk table tr th, #joyfru-oc-content .joyfru-table-medallist table tr th, #joyfru-oc-content .joyfru-table-tim-table table tr th, #joyfru-oc-content .joyfru-table-por-table table tr th, #joyfru-oc-content .joyfru-table-detail table tr th, #joyfru-oc-content .joyfru-table-team table tr th, #joyfru-oc-content .joyfru-table-res-versus table tr th, #joyfru-oc-content .joyfru-table-res-versus-team table tr th {
  padding: 10px 5px;
}
#joyfru-oc-content .joyfru-table.joyfru-table-pd-5 tbody tr td, #joyfru-oc-content .joyfru-table-pd-5.joyfru-table-navi-schedule tbody tr td, #joyfru-oc-content .joyfru-table-pd-5.joyfru-table-pk tbody tr td, #joyfru-oc-content .joyfru-table-pd-5.joyfru-table-medallist tbody tr td, #joyfru-oc-content .joyfru-table-pd-5.joyfru-table-tim-table tbody tr td, #joyfru-oc-content .joyfru-table-pd-5.joyfru-table-por-table tbody tr td, #joyfru-oc-content .joyfru-table-pd-5.joyfru-table-detail tbody tr td, #joyfru-oc-content .joyfru-table-pd-5.joyfru-table-team tbody tr td, #joyfru-oc-content .joyfru-table-pd-5.joyfru-table-res-versus tbody tr td, #joyfru-oc-content .joyfru-table-pd-5.joyfru-table-res-versus-team tbody tr td {
  padding: 10px 5px;
}
#joyfru-oc-content .joyfru-table-res-versus .joyfru-tablebody-res-versus tr td, #joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td {
  padding: 30px 5px;
}
#joyfru-oc-content .joyfru-table-res-versus .joyfru-tablebody-res-versus tr td .joyfru-box-athlete-row, #joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td .joyfru-box-athlete-row {
  width: calc(100% - 20px);
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-res-versus .joyfru-tablebody-res-versus tr td .joyfru-box-athlete-row, #joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td .joyfru-box-athlete-row {
    display: block;
  }
  #joyfru-oc-content .joyfru-table-res-versus .joyfru-tablebody-res-versus tr td .joyfru-box-athlete-row .joyfru-box-icon-athlete, #joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td .joyfru-box-athlete-row .joyfru-box-icon-athlete {
    margin: 0;
    text-align: left;
  }
  #joyfru-oc-content .joyfru-table-res-versus .joyfru-tablebody-res-versus tr td .joyfru-box-athlete-row .joyfru-box-info-athlete, #joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td .joyfru-box-athlete-row .joyfru-box-info-athlete {
    width: 100%;
  }
  #joyfru-oc-content .joyfru-table-res-versus .joyfru-tablebody-res-versus tr td .joyfru-box-athlete-row .joyfru-box-info-athlete .joyfru-text-athlete, #joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td .joyfru-box-athlete-row .joyfru-box-info-athlete .joyfru-text-athlete {
    min-height: 36px;
  }
}
#joyfru-oc-content .joyfru-table-res-versus .joyfru-tablebody-res-versus tr td .joyfru-box-athlete-row:not(:first-child), #joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td .joyfru-box-athlete-row:not(:first-child) {
  margin-top: 5px;
}
#joyfru-oc-content .joyfru-table-res-versus .joyfru-tablebody-res-versus tr td:last-child .joyfru-box-athlete-row, #joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td:last-child .joyfru-box-athlete-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#joyfru-oc-content .joyfru-table-res-versus .joyfru-tablebody-res-versus tr td:last-child .joyfru-box-athlete-row .joyfru-box-icon-athlete, #joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td:last-child .joyfru-box-athlete-row .joyfru-box-icon-athlete {
  margin-left: 10px;
  margin-right: 0;
}
#joyfru-oc-content .joyfru-table-res-versus .joyfru-tablebody-res-versus tr td:last-child .joyfru-box-athlete-row .joyfru-box-info-athlete, #joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td:last-child .joyfru-box-athlete-row .joyfru-box-info-athlete {
  text-align: right;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-res-versus .joyfru-tablebody-res-versus tr td:last-child .joyfru-box-athlete-row .joyfru-box-icon-athlete, #joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td:last-child .joyfru-box-athlete-row .joyfru-box-icon-athlete {
    margin-left: auto;
    text-align: right;
  }
}
#joyfru-oc-content .joyfru-table-res-versus.joyfru-table-versus-rescode .joyfru-tablebody-res-versus tr, #joyfru-oc-content .joyfru-table-versus-rescode.joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr {
  border-bottom: 0;
}
#joyfru-oc-content .joyfru-table-res-versus.joyfru-table-versus-rescode .joyfru-tablebody-res-versus tr .joyfru-box-score-vs, #joyfru-oc-content .joyfru-table-versus-rescode.joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr .joyfru-box-score-vs {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#joyfru-oc-content .joyfru-table-res-versus.joyfru-table-versus-rescode .joyfru-tablebody-res-versus tr .joyfru-box-score-vs .joyfru-box-final-score, #joyfru-oc-content .joyfru-table-versus-rescode.joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr .joyfru-box-score-vs .joyfru-box-final-score {
  width: 50%;
  min-width: 50px;
  text-align: center;
  line-height: 1;
}
#joyfru-oc-content .joyfru-table-res-versus.joyfru-table-versus-rescode .joyfru-tablebody-res-versus tr .joyfru-box-score-vs .joyfru-box-final-score.joyfru-box-home-score, #joyfru-oc-content .joyfru-table-versus-rescode.joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr .joyfru-box-score-vs .joyfru-box-final-score.joyfru-box-home-score {
  margin-right: 5px;
}
#joyfru-oc-content .joyfru-table-res-versus.joyfru-table-versus-rescode .joyfru-tablebody-res-versus tr .joyfru-box-score-vs .joyfru-box-final-score.joyfru-box-away-score, #joyfru-oc-content .joyfru-table-versus-rescode.joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr .joyfru-box-score-vs .joyfru-box-final-score.joyfru-box-away-score {
  margin-left: 5px;
}
#joyfru-oc-content .joyfru-table-res-versus.joyfru-table-versus-rescode .joyfru-tablebody-res-versus tr .joyfru-box-score-vs .joyfru-box-period-score .joyfru-text-period-score, #joyfru-oc-content .joyfru-table-versus-rescode.joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr .joyfru-box-score-vs .joyfru-box-period-score .joyfru-text-period-score {
  font-size: 14px;
}
#joyfru-oc-content .joyfru-table-res-versus.joyfru-table-versus-rescode .joyfru-tablebody-res-versus tr .joyfru-tag-res-code, #joyfru-oc-content .joyfru-table-versus-rescode.joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr .joyfru-tag-res-code {
  max-width: 110px;
  width: 100%;
  margin: 15px 0;
}
#joyfru-oc-content .joyfru-table-res-versus.joyfru-table-versus-rescode .joyfru-tablebody-res-versus tr .joyfru-home-vs, #joyfru-oc-content .joyfru-table-versus-rescode.joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr .joyfru-home-vs {
  padding-top: 60px;
}
#joyfru-oc-content .joyfru-table-res-versus.joyfru-table-versus-rescode .joyfru-tablebody-res-versus tr .joyfru-away-vs, #joyfru-oc-content .joyfru-table-versus-rescode.joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr .joyfru-away-vs {
  padding-top: 60px;
}
#joyfru-oc-content .joyfru-table-res-versus.joyfru-table-versus-rescode .joyfru-tablebody-res-versus tr .joyfru-homeaway-score, #joyfru-oc-content .joyfru-table-versus-rescode.joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr .joyfru-homeaway-score {
  padding-top: 60px;
}
#joyfru-oc-content .joyfru-table-res-versus.joyfru-table-versus-rescode .joyfru-tablebody-res-versus tr .joyfru-homeaway-vs, #joyfru-oc-content .joyfru-table-versus-rescode.joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr .joyfru-homeaway-vs {
  padding: 0;
  position: relative;
}
#joyfru-oc-content .joyfru-table-res-versus.joyfru-table-versus-rescode .joyfru-tablebody-res-versus tr .joyfru-homeaway-vs::before, #joyfru-oc-content .joyfru-table-versus-rescode.joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr .joyfru-homeaway-vs::before {
  content: "";
  width: calc(50% - 20px);
  height: 15px;
  position: absolute;
  top: 30px;
  left: 15px;
  background: var(--joyfru-color11, #ff0042);
  z-index: 9;
  clip-path: polygon(100% 0, 0 0, 0 100%, 90% 100%);
}
#joyfru-oc-content .joyfru-table-res-versus.joyfru-table-versus-rescode .joyfru-tablebody-res-versus tr .joyfru-homeaway-vs::after, #joyfru-oc-content .joyfru-table-versus-rescode.joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr .joyfru-homeaway-vs::after {
  content: "";
  width: calc(50% - 20px);
  height: 15px;
  position: absolute;
  top: 30px;
  right: 15px;
  background: var(--joyfru-color14, #0266c4);
  z-index: 9;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
}
#joyfru-oc-content .joyfru-table-res-versus.joyfru-table-versus-rescode .joyfru-tablebody-res-versus tr:last-child, #joyfru-oc-content .joyfru-table-versus-rescode.joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr:last-child {
  border-bottom: 1px solid var(--joyfru-color8, #ccc);
}
#joyfru-oc-content .joyfru-table-res-versus.joyfru-table-versus-rescode .joyfru-tablebody-res-versus tr.joyfru-tableheader-sub, #joyfru-oc-content .joyfru-table-versus-rescode.joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr.joyfru-tableheader-sub {
  border-bottom: 0;
}
#joyfru-oc-content .joyfru-table-res-versus.joyfru-table-versus-rescode .joyfru-tablebody-res-versus tr.joyfru-tableheader-sub .joyfru-box-duration, #joyfru-oc-content .joyfru-table-versus-rescode.joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr.joyfru-tableheader-sub .joyfru-box-duration {
  padding: 10px;
  background: var(--joyfru-color17, #eee);
}
#joyfru-oc-content .joyfru-table-res-versus .joyfru-box-score + .joyfru-box-score, #joyfru-oc-content .joyfru-table-res-versus-team .joyfru-box-score + .joyfru-box-score {
  margin-top: 5px;
}
#joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td .joyfru-box-noc {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
#joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td .joyfru-box-noc .joyfru-tooltip-hover {
  width: 60px;
}
#joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td .joyfru-box-athlete-row {
  box-sizing: border-box;
}
#joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td .joyfru-box-athlete-row .joyfru-box-info-athlete {
  display: flex;
  align-items: baseline;
  gap: 5px;
}
#joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td .joyfru-box-athlete-row .joyfru-box-info-athlete .joyfru-text-athlete {
  margin-top: 0;
  min-height: auto;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td .joyfru-box-athlete-row .joyfru-box-info-athlete .joyfru-text-athlete {
    min-height: auto;
  }
}
#joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td .joyfru-box-homeaway {
  margin-top: 20px;
}
#joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td .joyfru-box-homeaway .joyfru-box-score .joyfru-hometeam-score {
  width: 50%;
  min-width: 45px;
}
#joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td .joyfru-box-homeaway .joyfru-box-score .joyfru-awayteam-score {
  width: 50%;
  min-width: 45px;
}
#joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td .joyfru-box-homeaway.joyfru-box-irm {
  margin-top: 12px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td .joyfru-box-homeaway.joyfru-box-irm {
    margin-top: 14px;
  }
}
#joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td .joyfru-box-homeaway.joyfru-box-irm .joyfru-tag-irm {
  margin-top: -2px;
}
#joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td.joyfru-tableteam-versus-home {
  padding-right: 20px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td.joyfru-tableteam-versus-home {
    padding-right: 10px;
  }
}
#joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td.joyfru-tableteam-versus-home .joyfru-box-noc {
  justify-content: flex-end;
}
#joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td.joyfru-tableteam-versus-home .joyfru-box-athlete-row {
  width: 100%;
  padding-left: 10px;
  justify-content: flex-end;
}
#joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td.joyfru-tableteam-versus-home .joyfru-box-athlete-row .joyfru-box-info-athlete {
  justify-content: flex-end;
}
#joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td.joyfru-tableteam-versus-home .joyfru-box-athlete-row .joyfru-box-info-athlete .joyfru-text-athlete {
  text-align: right;
}
#joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td.joyfru-tableteam-versus-away {
  padding-left: 20px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td.joyfru-tableteam-versus-away {
    padding-left: 10px;
  }
}
#joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td.joyfru-tableteam-versus-away .joyfru-box-noc {
  justify-content: flex-start;
}
#joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td.joyfru-tableteam-versus-away .joyfru-box-athlete-row {
  width: 100%;
  padding-right: 10px;
  justify-content: flex-end;
}
#joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td.joyfru-tableteam-versus-away .joyfru-box-athlete-row .joyfru-box-info-athlete {
  justify-content: flex-start;
}
#joyfru-oc-content .joyfru-table-res-versus-team .joyfru-tablebody-res-versus tr td.joyfru-tableteam-versus-away .joyfru-box-athlete-row .joyfru-box-info-athlete .joyfru-text-athlete {
  text-align: left;
}
#joyfru-oc-content .joyfru-table-team .joyfru-tablebody-team {
  background: var(--joyfru-color9, #f5f5f5);
  border-bottom: solid 1px var(--joyfru-color8, #ccc);
}
#joyfru-oc-content .joyfru-table-team .joyfru-tablebody-team tr {
  border-bottom: 0;
}
#joyfru-oc-content .joyfru-table-team .joyfru-tablebody-team tr:first-child {
  border-bottom: 0;
}
#joyfru-oc-content .joyfru-table-team .joyfru-tablebody-team tr.joyfru-tablerow-team td:not(:first-child) {
  background: var(--joyfru-color2, #fff);
  border-top: 1px solid var(--joyfru-color8, #ccc);
}
#joyfru-oc-content .joyfru-table-team .joyfru-tablebody-team tr.joyfru-tablerow-team:nth-child(2) td {
  border-top: 0;
}
#joyfru-oc-content .joyfru-table-team .joyfru-tablebody-team
tr.joyfru-tablerow-team:has(.no-top-border-next) + tr.joyfru-tablerow-team td {
  border-top: 0 !important;
}
#joyfru-oc-content .joyfru-table-team .joyfru-tablebody-team
tr.no-border-top td {
  border-top: 0 !important;
}
#joyfru-oc-content .joyfru-table-team .joyfru-tablebody-team tr:nth-child(odd):not(:first-child) {
  border-top: 0;
}
#joyfru-oc-content .joyfru-table-team .joyfru-tablebody-team tr .joyfru-box-athlete-row + .joyfru-box-athlete-row {
  margin-top: 10px;
}
#joyfru-oc-content .joyfru-table-team:not(.joyfru-table-pd-5) .joyfru-tablebody-team > tr {
  height: 63px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-team:not(.joyfru-table-pd-5) .joyfru-tablebody-team > tr {
    height: 57px;
  }
}
#joyfru-oc-content .joyfru-table-detail > tbody {
  border-bottom: solid 1px var(--joyfru-color8, #ccc);
}
#joyfru-oc-content .joyfru-table-detail > tbody tr {
  border-bottom: 0;
}
#joyfru-oc-content .joyfru-table-detail > tbody tr.joyfru-accordion {
  display: none;
}
#joyfru-oc-content .joyfru-table-detail > tbody tr:nth-child(odd):not(:first-child) {
  border-top: solid 1px var(--joyfru-color8, #ccc);
}
#joyfru-oc-content .joyfru-table-detail table thead tr th,
#joyfru-oc-content .joyfru-table-detail table tbody tr th {
  background: var(--joyfru-color17, #eee);
  padding: 10px 5px;
}
#joyfru-oc-content .joyfru-table-detail table thead tr td,
#joyfru-oc-content .joyfru-table-detail table tbody tr td {
  padding: 18px 5px;
}
#joyfru-oc-content .joyfru-table-fixed, #joyfru-oc-content .joyfru-table-vs-fixed {
  width: 680px;
  position: relative;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-fixed, #joyfru-oc-content .joyfru-table-vs-fixed {
    width: auto;
  }
}
#joyfru-oc-content .joyfru-table-fixed thead tr th, #joyfru-oc-content .joyfru-table-vs-fixed thead tr th {
  padding: 20px 3px;
  border-right: solid 1px var(--joyfru-color8, #ccc);
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  min-width: 48px;
}
#joyfru-oc-content .joyfru-table-fixed thead tr th:first-child, #joyfru-oc-content .joyfru-table-vs-fixed thead tr th:first-child {
  border-right: none;
}
#joyfru-oc-content .joyfru-table-fixed thead tr th .joyfru-tooltip-content, #joyfru-oc-content .joyfru-table-vs-fixed thead tr th .joyfru-tooltip-content {
  padding: 4px 10px;
  top: -15px;
}
#joyfru-oc-content .joyfru-table-fixed tbody tr td, #joyfru-oc-content .joyfru-table-vs-fixed tbody tr td {
  padding: 5px 3px;
  background: var(--joyfru-color2, #fff);
  border-right: solid 1px var(--joyfru-color8, #ccc);
}
#joyfru-oc-content .joyfru-table-fixed tbody tr td:first-child, #joyfru-oc-content .joyfru-table-vs-fixed tbody tr td:first-child {
  border-right: none;
}
#joyfru-oc-content .joyfru-table-fixed tbody tr td .joyfru-box-noc, #joyfru-oc-content .joyfru-table-vs-fixed tbody tr td .joyfru-box-noc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 36px;
  font-size: 12px;
  min-width: 105px;
}
#joyfru-oc-content .joyfru-table-fixed tbody tr td .joyfru-box-noc .joyfru-icon-flag, #joyfru-oc-content .joyfru-table-vs-fixed tbody tr td .joyfru-box-noc .joyfru-icon-flag {
  min-width: 25px;
}
#joyfru-oc-content .joyfru-table-fixed tbody tr td .joyfru-box-noc .joyfru-text-noc, #joyfru-oc-content .joyfru-table-vs-fixed tbody tr td .joyfru-box-noc .joyfru-text-noc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: left;
  line-height: 1.5em;
  flex: 1;
}
#joyfru-oc-content .joyfru-table-fixed tbody tr td .joyfru-box-athlete-row, #joyfru-oc-content .joyfru-table-vs-fixed tbody tr td .joyfru-box-athlete-row {
  min-width: 115px;
}
#joyfru-oc-content .joyfru-table-fixed tbody tr td .joyfru-box-athlete-row .joyfru-box-icon-athlete, #joyfru-oc-content .joyfru-table-vs-fixed tbody tr td .joyfru-box-athlete-row .joyfru-box-icon-athlete {
  width: 36px;
  min-width: 36px;
  margin-right: 5px;
}
#joyfru-oc-content .joyfru-table-fixed tbody tr td .joyfru-box-athlete-row .joyfru-box-info-athlete, #joyfru-oc-content .joyfru-table-vs-fixed tbody tr td .joyfru-box-athlete-row .joyfru-box-info-athlete {
  width: auto;
}
#joyfru-oc-content .joyfru-table-fixed tbody tr td .joyfru-box-athlete-row .joyfru-box-info-athlete .joyfru-text-athlete, #joyfru-oc-content .joyfru-table-vs-fixed tbody tr td .joyfru-box-athlete-row .joyfru-box-info-athlete .joyfru-text-athlete {
  font-size: 12px;
  text-align: left;
}
#joyfru-oc-content .joyfru-table-fixed tbody tr td .joyfru-box-athlete-row + .joyfru-box-athlete-row, #joyfru-oc-content .joyfru-table-vs-fixed tbody tr td .joyfru-box-athlete-row + .joyfru-box-athlete-row {
  margin-top: 5px;
}
#joyfru-oc-content .joyfru-table-fixed .joyfru-fixed, #joyfru-oc-content .joyfru-table-vs-fixed .joyfru-fixed {
  position: -webkit-sticky;
  position: sticky;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
}
#joyfru-oc-content .joyfru-table-fixed .joyfru-fixed:first-child, #joyfru-oc-content .joyfru-table-vs-fixed .joyfru-fixed:first-child {
  width: 34px;
  left: 0;
  min-width: 34px;
}
#joyfru-oc-content .joyfru-table-fixed .joyfru-fixed:nth-child(2), #joyfru-oc-content .joyfru-table-vs-fixed .joyfru-fixed:nth-child(2) {
  width: 126px;
  left: 34px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-fixed .joyfru-fixed:nth-child(2), #joyfru-oc-content .joyfru-table-vs-fixed .joyfru-fixed:nth-child(2) {
    width: 80px;
  }
}
#joyfru-oc-content .joyfru-table-vs-fixed .joyfru-fixed {
  position: -webkit-sticky;
  position: sticky;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
}
#joyfru-oc-content .joyfru-table-vs-fixed .joyfru-fixed:first-child {
  width: 131px;
  left: 0;
  padding: 15px 3px 15px 10px;
  min-width: 131px;
  overflow: visible;
  position: sticky;
  z-index: 3;
}
#joyfru-oc-content .joyfru-table-vs-fixed .joyfru-fixed:first-child::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  width: 1px;
  height: calc(100% + 2px);
  background: var(--joyfru-color8, #ccc);
  pointer-events: none;
}
#joyfru-oc-content .joyfru-table-vs-fixed .joyfru-fixed:nth-child(2) {
  width: 46px;
  left: 131px;
  overflow: visible;
  position: sticky;
  z-index: 2;
}
#joyfru-oc-content .joyfru-table-vs-fixed .joyfru-fixed:nth-child(2)::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  width: 1px;
  height: calc(100% + 2px);
  background: var(--joyfru-color8, #ccc);
  pointer-events: none;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-vs-fixed .joyfru-fixed:nth-child(2) {
    width: 40px;
  }
}
#joyfru-oc-content .joyfru-table-vs-fixed thead .joyfru-fixed {
  z-index: 4;
}
#joyfru-oc-content .joyfru-table-vs-fixed thead tr th {
  min-width: 45px;
}
#joyfru-oc-content .joyfru-scroll {
  overflow-x: auto;
  overflow-y: hidden;
}
#joyfru-oc-content .joyfru-table-por-table thead tr th {
  border-right: none;
}
#joyfru-oc-content .joyfru-table-por-table thead tr th.joyfru-fixed:nth-child(2):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-right: 1px solid var(--joyfru-color8, #ccc);
  border-bottom: 1px solid var(--joyfru-color8, #ccc);
  pointer-events: none;
}
#joyfru-oc-content .joyfru-table-por-table thead tr th:not(:first-child):not(:nth-child(2)):not(:last-child) {
  width: 8.28%;
}
#joyfru-oc-content .joyfru-table-por-table thead tr th:last-child {
  border-right: none;
  width: 10%;
}
#joyfru-oc-content .joyfru-table-por-table tbody tr td {
  border-right: none;
}
#joyfru-oc-content .joyfru-table-por-table tbody tr td.joyfru-fixed:nth-child(2):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-right: 1px solid var(--joyfru-color8, #ccc);
  border-bottom: 1px solid var(--joyfru-color8, #ccc);
  pointer-events: none;
}
#joyfru-oc-content .joyfru-table-por-table tbody tr td:last-child {
  border-right: none;
}
#joyfru-oc-content .joyfru-table-bra-item {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  background: var(--joyfru-color2, #fff);
  margin-bottom: 41px;
}
#joyfru-oc-content .joyfru-table-bra-item:last-child {
  margin-bottom: 0;
}
#joyfru-oc-content .joyfru-table-bra-item tr td {
  vertical-align: middle;
  border: solid 1px var(--joyfru-color8, #ccc);
  text-align: center;
  height: 61px;
  box-sizing: border-box;
}
#joyfru-oc-content .joyfru-table-bra-item tr td:first-child {
  padding: 7px 5px 7px 13px;
}
#joyfru-oc-content .joyfru-table-bra-item tr td:last-child {
  width: 23px;
  padding: 7px 2px;
}
#joyfru-oc-content .joyfru-table-bra-item tr.joyfru-tag-win td:before {
  width: 8px;
}
#joyfru-oc-content .joyfru-table-bra-item tr.joyfru-tag-win td:first-child {
  position: relative;
}
#joyfru-oc-content .joyfru-table-bra-item tr.joyfru-tag-win td:first-child:before {
  content: "";
  width: 8px;
  height: 100%;
  background: var(--joyfru-color11, #ff0042);
  position: absolute;
  top: 0;
  left: 0;
}
#joyfru-oc-content .joyfru-table-bra-item tr.joyfru-tag-win:after, #joyfru-oc-content .joyfru-table-bra-item tr.joyfru-tag-win:before {
  display: none;
}
#joyfru-oc-content .joyfru-table-bra-item tr.joyfru-status td {
  padding: 0;
  height: 26px;
}
#joyfru-oc-content .joyfru-table-bra-item tr.joyfru-status td .joyfru-button-status a {
  border-radius: 0;
  font-size: 13px;
  padding: 5px 13px;
}
#joyfru-oc-content .joyfru-table-bra-item tr.joyfru-status {
  height: 26px;
}
#joyfru-oc-content .joyfru-table-bra-item .joyfru-box-athlete-row {
  min-height: 46px;
}
#joyfru-oc-content .joyfru-table-bra-item .joyfru-box-athlete-row .joyfru-box-icon-athlete {
  width: 36px;
  margin-right: 5px;
}
#joyfru-oc-content .joyfru-table-bra-item .joyfru-box-athlete-row .joyfru-box-info-athlete {
  width: auto;
  flex: 1;
}
#joyfru-oc-content .joyfru-table-bra-item .joyfru-box-athlete-row .joyfru-box-info-athlete .joyfru-text-athlete {
  width: 115px;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#joyfru-oc-content .joyfru-table-bra-item .joyfru-box-noc {
  text-align: left;
  height: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
}
#joyfru-oc-content .joyfru-table-bra-item .joyfru-box-noc .joyfru-text-noc {
  width: 115px;
  line-height: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#joyfru-oc-content .joyfru-wrapper-tournament {
  width: calc(100% - 1px);
  overflow-x: auto;
  overflow-y: hidden;
  padding-left: 1px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-wrapper-tournament {
    overflow: hidden;
  }
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-list-tournament {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  padding: 0;
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-list-tournament .joyfru-list-tournament-item {
  list-style: none;
  width: calc((100% - 42px) / 3);
  min-width: 212px;
  max-width: 212px;
  text-align: center;
  color: var(--joyfru-color2, #fff);
  line-height: 1;
  padding: 10px 0;
  background: var(--joyfru-color3, #004221);
  margin-right: 21px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-wrapper-tournament .joyfru-list-tournament .joyfru-list-tournament-item {
    font-size: 12px;
    width: calc((100% - 20px) / 3);
    margin-right: 10px;
    min-width: auto;
    max-width: none;
    background: var(--joyfru-color8, #ccc);
    cursor: pointer;
    z-index: 9;
  }
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-list-tournament .joyfru-list-tournament-item:last-child {
  margin-right: 0;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-wrapper-tournament .joyfru-list-tournament .joyfru-list-tournament-item:last-child {
    margin-right: 0;
  }
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-list-tournament .joyfru-list-tournament-item.joyfru-active {
  background: var(--joyfru-color3, #004221);
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament {
  width: 100%;
  padding-top: 15px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament {
    overflow: hidden;
    position: relative;
  }
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament .joyfru-box-tournament-inner {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  transition: left 0.5s ease-out, top 0.5s ease-out;
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament .joyfru-box-tournament-inner > div {
  width: calc((100% - 42px) / 3);
  margin-right: 21px;
  min-width: 212px;
  max-width: 212px;
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament .joyfru-box-tournament-inner > div:last-child {
  margin-right: 0;
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament .joyfru-box-tournament-inner > div:last-child .joyfru-box-tour01:before {
  display: none;
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament .joyfru-box-tournament-inner > div:not(.joyfru-box-tour01) .joyfru-table-bra-item {
  position: relative;
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament .joyfru-box-tournament-inner > div:not(.joyfru-box-tour01) .joyfru-table-bra-item:before {
  content: "";
  width: 11px;
  height: 1px;
  background: var(--joyfru-color1, #000);
  position: absolute;
  top: 61px;
  left: -11px;
  z-index: -1;
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-box-tour01 {
  position: relative;
  z-index: 10;
  margin-bottom: 41px;
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-box-tour01:before {
  content: "";
  width: 10px;
  height: 188px;
  border-top: solid 1px var(--joyfru-color1, #000);
  border-right: solid 1px var(--joyfru-color1, #000);
  border-bottom: solid 1px var(--joyfru-color1, #000);
  position: absolute;
  top: 61px;
  right: -11px;
  z-index: -1;
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-box-tour01:last-child {
  margin-bottom: 0;
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-box-tour01.joyfru-box-seed-blank01:before {
  height: 110px;
  border-bottom: 0;
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01 {
  margin-top: 110px;
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01:last-child {
  margin-bottom: 0;
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01:before {
  height: 376px;
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01 .joyfru-table-bra-item {
  margin-bottom: 229px;
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01 .joyfru-table-bra-item:last-child {
  margin-bottom: 0;
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01.joyfru-box-seed-blank02 {
  margin-top: 110px;
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01.joyfru-box-seed-blank02:before {
  height: 0px;
  border-bottom: 0;
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour03 .joyfru-box-tour01 {
  margin-top: 290px;
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour03 .joyfru-box-tour01:last-child {
  margin-bottom: 0;
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour03 .joyfru-box-tour01.joyfru-box-seed-blank03 {
  margin-top: 110px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-wrapper-tournament .joyfru-box-tournament .joyfru-box-tournament-inner {
    position: relative;
    transition: left 0.5s ease-out, top 0.5s ease-out;
    top: 0;
    left: 0;
  }
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-box-tour01:before {
  height: 141px;
  top: 37px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-box-tour01.joyfru-box-seed-blank01:before {
  height: 83px;
  border-bottom: 0;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-box-tour01.joyfru-box-seed-blank21 {
  padding-top: 59px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-box-tour01.joyfru-box-seed-blank21:before {
  height: 83px;
  border-top: 0;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-box-tour01.joyfru-box-seed-blank21 .joyfru-table-bra-item {
  margin-bottom: 110px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-box-tour01.joyfru-box-seed-blank21 .joyfru-table-bra-item:last-child {
  margin-bottom: 0;
  position: relative;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-box-tour01.joyfru-box-seed-blank21 .joyfru-table-bra-item:last-child:before {
  content: "";
  width: 11px;
  height: 1px;
  background: var(--joyfru-color1, #000);
  position: absolute;
  top: 61px;
  left: -11px;
  z-index: -1;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01 {
  margin-top: 83px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01:before {
  height: 282px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01 .joyfru-table-bra-item {
  margin-bottom: 183px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01 .joyfru-table-bra-item:last-child {
  margin-bottom: 0;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01 .joyfru-table-bra-item:before {
  top: 37px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01.joyfru-box-seed-blank22 {
  margin-top: 0;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01.joyfru-box-seed-blank22:before {
  height: 200px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01.joyfru-box-seed-blank22 .joyfru-table-bra-item {
  margin-bottom: 100px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01.joyfru-box-seed-blank22 .joyfru-table-bra-item:last-child {
  margin-bottom: 0;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01.joyfru-box-seed-blank22 .joyfru-table-bra-item:before {
  top: 37px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01.joyfru-box-seed-blank22 + .joyfru-box-seed-blank22 {
  margin-top: 100px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01.joyfru-box-seed-blank22 + .joyfru-box-seed-blank22:before {
  display: none;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour03 .joyfru-box-tour01 {
  margin-top: 200px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour03 .joyfru-box-tour01.joyfru-box-seed-blank23 {
  margin-top: 100px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour03 .joyfru-box-tour01.joyfru-box-seed-blank23:before {
  height: 83px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour03 .joyfru-box-tour01.joyfru-box-seed-blank23 .joyfru-table-bra-item:before {
  top: 38px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-table-bra-item tr td {
  height: 37px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-noc .joyfru-table-bra-item tr.joyfru-status td {
  height: 26px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-team .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-box-tour01:before {
  height: 281px;
  top: 107px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-team .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01 {
  margin-top: 154px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-team .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01:before {
  height: 564px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-team .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01 .joyfru-table-bra-item {
  margin-bottom: 324px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-team .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01 .joyfru-table-bra-item:last-child {
  margin-bottom: 0;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-team .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour02 .joyfru-box-tour01 .joyfru-table-bra-item:before {
  top: 106px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-team .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-col-tour03 .joyfru-box-tour01 {
  margin-top: 435px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-team .joyfru-box-tournament .joyfru-box-tournament-inner:not(.joyfru-box-tour01) .joyfru-table-bra-item:before {
  content: "";
  top: 106px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-team .joyfru-table-bra-item tr td {
  height: 107px;
}
#joyfru-oc-content .joyfru-wrapper-tournament.joyfru-tournament-team .joyfru-table-bra-item tr.joyfru-status td {
  height: 26px;
}
#joyfru-oc-content .joyfru-wrapper-tournament .joyfru-col-tour01 .joyfru-box-tour01 .joyfru-table-bra-item::before {
  display: none;
}
#joyfru-oc-content .joyfru-tournament-one .joyfru-box-tournament {
  width: 212px;
}
#joyfru-oc-content .joyfru-tournament-one .joyfru-box-tournament .joyfru-box-tournament-inner {
  width: 212px;
}
#joyfru-oc-content .joyfru-tournament-one .joyfru-box-tournament .joyfru-box-tournament-inner .joyfru-box-tour01:before {
  display: none;
}
#joyfru-oc-content .joyfru-tournament-one .joyfru-box-tournament .joyfru-box-tournament-inner > div {
  width: 100%;
}
#joyfru-oc-content .joyfru-tournament-one .joyfru-list-tournament {
  width: 212px;
}
#joyfru-oc-content .joyfru-tournament-one .joyfru-list-tournament .joyfru-list-tournament-item {
  width: 100%;
}
#joyfru-oc-content .joyfru-tournament-two .joyfru-box-tournament {
  width: 100%;
}
#joyfru-oc-content .joyfru-tournament-two .joyfru-box-tournament .joyfru-box-tournament-inner {
  width: 100%;
}
#joyfru-oc-content .joyfru-tournament-two .joyfru-box-tournament .joyfru-box-tournament-inner > div {
  width: calc((100% - 21px) / 2);
  margin-right: 21px;
  min-width: 328px;
  max-width: 328px;
}
#joyfru-oc-content .joyfru-tournament-two .joyfru-box-tournament .joyfru-col-tour01 .joyfru-box-tour01.joyfru-bra-item1::before {
  height: 110px;
  border-bottom: 0;
}
#joyfru-oc-content .joyfru-tournament-two .joyfru-list-tournament {
  width: 100%;
}
#joyfru-oc-content .joyfru-tournament-two .joyfru-list-tournament .joyfru-list-tournament-item {
  width: calc((100% - 21px) / 2);
  min-width: 328px;
  max-width: 328px;
}
#joyfru-oc-content .joyfru-result-exresult-actual {
  word-break: break-all;
}
#joyfru-oc-content .joyfru-result-exresult-planned {
  word-break: break-all;
}

@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-tournament-two .joyfru-list-tournament .joyfru-list-tournament-item {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    min-width: auto;
  }
}
#joyfru-oc-content .joyfru-tournament-two .joyfru-table-bra-item .joyfru-box-athlete-row .joyfru-box-info-athlete .joyfru-text-athlete {
  width: 230px;
}
#joyfru-oc-content .joyfru-tournament-two .joyfru-table-bra-item .joyfru-box-noc .joyfru-text-noc {
  width: 230px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-tournament-two.joyfru-tournament-two .joyfru-list-tournament .joyfru-list-tournament-item {
    width: 100%;
  }
}
@media screen and (min-width: 390px) {
  #joyfru-oc-content .joyfru-list-tournament-01 {
    width: 446px;
  }
  #joyfru-oc-content .joyfru-list-tournament-01 .joyfru-list-tournament-item {
    width: 100%;
  }
}
@media screen and (min-width: 390px) {
  #joyfru-oc-content .joyfru-box-tournament-01 .joyfru-box-tournament-inner {
    width: 446px;
  }
  #joyfru-oc-content .joyfru-box-tournament-01 .joyfru-box-tournament-inner > div {
    width: calc((100% - 21px) / 2);
  }
}
@media screen and (min-width: 390px) {
  #joyfru-oc-content .joyfru-box-tournament-01 {
    width: 446px;
  }
}
#joyfru-oc-content .joyfru-table-tim-table .joyfru-tag-win::after {
  display: none;
}
#joyfru-oc-content .joyfru-table-medallist thead tr {
  border-bottom: solid 1px var(--joyfru-color8, #ccc);
}
#joyfru-oc-content .joyfru-table-medallist thead tr th {
  background: var(--joyfru-color1, #000);
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-table-medallist tbody tr {
  border-bottom: 0;
}
#joyfru-oc-content .joyfru-table-medallist tbody tr:nth-child(odd) {
  background-color: var(--joyfru-color9, #f5f5f5);
}
#joyfru-oc-content .joyfru-table-medallist tbody tr td {
  padding: 10px 2px;
  height: 60px;
}
#joyfru-oc-content .joyfru-table-medallist tbody tr td:last-child p {
  font-weight: 700;
  font-size: 16px;
}
#joyfru-oc-content .joyfru-table-medallist tbody tr td .joyfru-box-noc {
  display: flex;
  align-items: center;
}
#joyfru-oc-content .joyfru-table-medallist tbody tr td .joyfru-box-noc .joyfru-icon-flag {
  display: inline-block;
}
#joyfru-oc-content .joyfru-table-medallist tbody tr td .joyfru-box-noc .joyfru-text-noc {
  display: inline-block;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#joyfru-oc-content .joyfru-bold {
  font-weight: bold;
}
#joyfru-oc-content .joyfru-table-tournament-schedule {
  border-collapse: collapse;
  font-size: 14px;
  border-spacing: 0;
  width: 100%;
  min-width: 680px;
}
#joyfru-oc-content .joyfru-table-tournament-schedule thead tr th {
  padding: 5px 2px;
  background: var(--joyfru-color9, #f5f5f5);
  border: 1px solid var(--joyfru-color8, #ccc);
  position: sticky;
  top: 0;
  color: var(--joyfru-color-typography-bg, #454d49);
}
#joyfru-oc-content .joyfru-table-tournament-schedule thead tr th:first-child {
  border-right: 0;
}
#joyfru-oc-content .joyfru-table-tournament-schedule thead tr th:first-child:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-right: 1px solid var(--joyfru-color8, #ccc);
  pointer-events: none;
}
#joyfru-oc-content .joyfru-table-tournament-schedule thead tr th.joyfru-fixed:first-child {
  min-width: 200px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-tournament-schedule thead tr th.joyfru-fixed:first-child {
    min-width: 130px;
  }
}
#joyfru-oc-content .joyfru-table-tournament-schedule thead tr th:last-child {
  border-left: 0;
}
#joyfru-oc-content .joyfru-table-tournament-schedule thead tr.joyfru-th-day {
  border-bottom: solid 1px var(--joyfru-color8, #ccc);
}
#joyfru-oc-content .joyfru-table-tournament-schedule thead tr.joyfru-th-day th {
  background: var(--joyfru-color9, #f5f5f5);
  vertical-align: middle;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 35px;
  border-left: 0;
  border-right: solid 1px var(--joyfru-color8, #ccc);
}
#joyfru-oc-content .joyfru-table-tournament-schedule thead tr.joyfru-th-day th a {
  color: inherit;
}
#joyfru-oc-content .joyfru-table-tournament-schedule thead tr.joyfru-fixed {
  min-width: 200px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-tournament-schedule thead tr.joyfru-fixed {
    min-width: 130px;
  }
}
#joyfru-oc-content .joyfru-table-tournament-schedule thead tr:not(:first-child) th {
  border-top: 0;
}
#joyfru-oc-content .joyfru-table-tournament-schedule tbody tr {
  border-bottom: solid 1px var(--joyfru-color8, #ccc);
  background: var(--joyfru-color2, #fff);
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-tournament-schedule tbody tr:not(:last-child) {
    border-color: transparent;
  }
}
#joyfru-oc-content .joyfru-table-tournament-schedule tbody tr:nth-child(even) {
  background: var(--joyfru-color9, #f5f5f5);
}
#joyfru-oc-content .joyfru-table-tournament-schedule tbody tr td {
  vertical-align: middle;
  border-right: solid 1px var(--joyfru-color8, #ccc);
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: inherit;
  height: 50px;
  padding: 5px 2px;
}
#joyfru-oc-content .joyfru-table-tournament-schedule tbody tr td:first-child {
  background: inherit;
  text-align: left;
}
#joyfru-oc-content .joyfru-table-tournament-schedule tbody tr td:first-child a {
  position: relative;
  display: block;
  padding-right: 10px;
}
#joyfru-oc-content .joyfru-table-tournament-schedule tbody tr td:first-child a::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid var(--joyfru-color18, #2D2D2D);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-tournament-schedule tbody tr td {
    min-width: 26px;
  }
}
#joyfru-oc-content .joyfru-table-tournament-schedule .joyfru-text-comp {
  font-size: 12px;
  text-align: left;
  min-height: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#joyfru-oc-content .joyfru-table-tournament-schedule .joyfru-text-competition {
  font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
  font-weight: bold;
  color: var(--joyfru-color-typography-bg, #454d49);
}
#joyfru-oc-content .joyfru-table-tournament-schedule .joyfru-text-sat {
  color: var(--joyfru-color14, #0266c4);
  font-weight: bold;
}
#joyfru-oc-content .joyfru-table-tournament-schedule .joyfru-text-sun {
  color: var(--joyfru-color11, #ff0042);
  font-weight: bold;
}
#joyfru-oc-content .joyfru-table-tournament-schedule.joyfru-table-fixed tr td.joyfru-fixed, #joyfru-oc-content .joyfru-table-tournament-schedule.joyfru-table-vs-fixed tr td.joyfru-fixed {
  width: 200px;
  left: 0;
  position: -webkit-sticky;
  position: sticky;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
  border-left: solid 1px var(--joyfru-color8, #ccc);
}
#joyfru-oc-content .joyfru-table-tournament-schedule.joyfru-table-fixed tr td.joyfru-fixed:before, #joyfru-oc-content .joyfru-table-tournament-schedule.joyfru-table-vs-fixed tr td.joyfru-fixed:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-right: 1px solid var(--joyfru-color8, #ccc);
  pointer-events: none;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-tournament-schedule.joyfru-table-fixed tr td.joyfru-fixed, #joyfru-oc-content .joyfru-table-tournament-schedule.joyfru-table-vs-fixed tr td.joyfru-fixed {
    width: 130px;
  }
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-tournament-schedule {
    font-size: 12px;
    border-collapse: separate;
  }
}
#joyfru-oc-content .joyfru-table-tournament-schedule .joyfru-box-competition {
  display: flex;
  align-items: center;
}
#joyfru-oc-content .joyfru-table-tournament-schedule .joyfru-box-competition .joyfru-icon-pict {
  margin-right: 5px;
  background: var(--joyfru-color3, #004221);
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-tournament-schedule .joyfru-box-competition .joyfru-icon-pict {
    display: none;
  }
}
#joyfru-oc-content .joyfru-scroll02 {
  overflow: auto;
  max-height: 90vh;
}
#joyfru-oc-content .joyfru-tablecell-border {
  border: 1px solid var(--joyfru-color8, #ccc);
}
#joyfru-oc-content .joyfru-tableheader-sub {
  background: var(--joyfru-color17, #eee);
}
#joyfru-oc-content .joyfru-table-per-item table {
  width: auto;
  box-shadow: 0px 6px 6px var(--joyfru-alpha-black-10, rgba(0, 0, 0, 0.1));
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr {
  border-bottom: 0;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr td {
  padding: 11px 0;
  border: 0;
  background: transparent;
  width: 30px;
  font-weight: bold;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr td .joyfru-period-double-score {
  border-radius: 15px;
  display: flex;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr td .joyfru-period-double-score .joyfru-period-score {
  position: relative;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr td .joyfru-period-double-score .joyfru-period-score:not(:first-child), #joyfru-oc-content .joyfru-table-per-item table tbody tr td .joyfru-period-double-score .joyfru-period-score:not(:last-child) {
  border-radius: 0;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr td .joyfru-period-double-score .joyfru-period-score:first-child {
  border-radius: 15px 0 0 15px;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr td .joyfru-period-double-score .joyfru-period-score:last-child {
  border-radius: 0 15px 15px 0;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr td .joyfru-period-double-score.joyfru-final-score {
  background: transparent;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr td .joyfru-period-double-score.joyfru-final-score .joyfru-period-score:last-child {
  background: var(--joyfru-color11, #ff0042);
  color: var(--joyfru-color2, #fff);
  border-radius: 15px;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr td .joyfru-period-double-score.joyfru-final-score .joyfru-period-score:last-child:before {
  content: "";
  display: block;
  width: 0 !important;
  height: 0 !important;
  margin: 30px auto;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent !important;
  transform: none !important;
  left: 0;
  right: 0 !important;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr td:last-child {
  padding-right: 30px;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr td:last-child .joyfru-period-score:before {
  display: none;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr td:last-child .joyfru-final-score:before {
  display: block;
  width: 0 !important;
  height: 0 !important;
  margin: 30px auto;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent !important;
  transform: none !important;
  left: 0;
  right: 0 !important;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr td .joyfru-box-noc {
  min-height: auto;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr.joyfru-home {
  background: var(--joyfru-color9, #f5f5f5);
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr.joyfru-home .joyfru-period-score {
  background: var(--joyfru-color1, #000);
  color: var(--joyfru-color2, #fff);
  padding: 5px 10px;
  border-radius: 15px;
  position: relative;
  z-index: 10;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr.joyfru-home .joyfru-period-score:last-child::before {
  content: "";
  width: 10px;
  height: 33px;
  border-right: solid 1px var(--joyfru-color4, #8c9b95);
  position: absolute;
  top: 28px;
  right: 0;
  transform: rotate(-29deg) translateX(2px);
  z-index: -1;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr.joyfru-home .joyfru-period-double-score .joyfru-period-score:last-child::before {
  transform: rotate(-23deg) translateX(3px);
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr.joyfru-home .joyfru-period-double-score.joyfru-final-score {
  background: var(--joyfru-color1, #000);
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr.joyfru-home .joyfru-period-double-score.joyfru-final-score .joyfru-period-score:last-child:before {
  border-top: 8px solid var(--joyfru-color1, #000);
  top: -40px !important;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr.joyfru-home .joyfru-final-score {
  background: var(--joyfru-color11, #ff0042);
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr.joyfru-home .joyfru-final-score:before {
  border-top: 8px solid var(--joyfru-color1, #000);
  top: -40px !important;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr.joyfru-home .joyfru-fixed {
  background: var(--joyfru-color9, #f5f5f5);
  z-index: 11;
  width: 70px;
  padding: 0;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr.joyfru-away .joyfru-period-score {
  background: var(--joyfru-color3, #004221);
  color: var(--joyfru-color2, #fff);
  padding: 5px 10px;
  border-radius: 15px;
  position: relative;
  z-index: 10;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr.joyfru-away .joyfru-period-score:last-child::before {
  content: "";
  width: 10px;
  height: 33px;
  border-right: solid 1px var(--joyfru-color4, #8c9b95);
  position: absolute;
  top: -20px;
  right: -20px;
  transform: rotate(-155deg) translateX(10px);
  z-index: -1;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr.joyfru-away .joyfru-period-double-score .joyfru-period-score:last-child::before {
  transform: rotate(-152deg) translateX(15px);
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr.joyfru-away .joyfru-period-double-score.joyfru-final-score {
  background: var(--joyfru-color3, #004221);
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr.joyfru-away .joyfru-period-double-score.joyfru-final-score .joyfru-period-score:last-child:before {
  border-bottom: 8px solid var(--joyfru-color1, #000);
  top: 2px !important;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr.joyfru-away .joyfru-final-score {
  background: var(--joyfru-color11, #ff0042);
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr.joyfru-away .joyfru-final-score:before {
  border-bottom: 8px solid var(--joyfru-color1, #000);
  top: 2px !important;
}
#joyfru-oc-content .joyfru-table-per-item table tbody tr.joyfru-away .joyfru-fixed {
  background: var(--joyfru-color2, #fff);
  z-index: 11;
  width: 70px;
  padding: 0;
}
#joyfru-oc-content .joyfru-table-per-item table .joyfru-total-score {
  background: var(--joyfru-color1, #000);
  color: var(--joyfru-color2, #fff);
  padding: 20px;
  font-size: 20px;
  font-weight: bold;
  margin-right: 20px;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 55px;
}
#joyfru-oc-content .joyfru-table-per-item table .joyfru-icon-flag {
  width: 50px;
}
#joyfru-oc-content .joyfru-table-per-item table .joyfru-text-noc,
#joyfru-oc-content .joyfru-table-per-item table .joyfru-text-athlete {
  width: 100%;
  line-height: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#joyfru-oc-content .joyfru-table-per-item table.joyfru-table-fixed-noc .joyfru-fixed:first-child {
  min-width: 135px;
  z-index: 12;
}
#joyfru-oc-content .joyfru-table-per-item table.joyfru-table-fixed-noc .joyfru-fixed:nth-child(2) {
  width: 70px;
  left: 135px;
}
#joyfru-oc-content .joyfru-table-per-item table.joyfru-table-fixed-noc .joyfru-box-noc {
  display: flex;
  max-width: 135px;
}
#joyfru-oc-content .joyfru-table-per-item table.joyfru-table-fixed-noc .joyfru-box-noc .joyfru-text-noc {
  width: auto;
  display: block;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  padding-right: 5px;
}
#joyfru-oc-content .joyfru-table-per-item .joyfru-box-noc-fixed {
  position: -webkit-sticky;
  position: sticky;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 99;
  left: 0;
}
#joyfru-oc-content .joyfru-table-per-item .joyfru-box-noc-fixed .joyfru-box-athlete {
  display: inline-block;
  vertical-align: middle;
}
#joyfru-oc-content .joyfru-table-per-item .joyfru-box-noc-fixed .joyfru-box-athlete .joyfru-text-athlete {
  margin-top: 0;
}
#joyfru-oc-content .joyfru-table-per-item .joyfru-box-noc-fixed .joyfru-box-noc .joyfru-icon-flag {
  width: 35px;
}
#joyfru-oc-content .joyfru-table-per-item .joyfru-scroll {
  padding-bottom: 10px;
}
#joyfru-oc-content .joyfru-table-per-item .joyfru-scroll::-webkit-scrollbar-track {
  background-color: var(--joyfru-color7, #e3e3e3);
}
#joyfru-oc-content .joyfru-table-per-item .joyfru-scroll::-webkit-scrollbar {
  height: 10px;
}
#joyfru-oc-content .joyfru-table-per-item .joyfru-scroll::-webkit-scrollbar-thumb {
  background-color: var(--joyfru-color8, #ccc);
  border-radius: 10px;
}
#joyfru-oc-content .joyfru-icon-timeline {
  width: 15px;
  vertical-align: middle;
}
#joyfru-oc-content .joyfru-icon-ru7_g,
#joyfru-oc-content .joyfru-icon-ru7,
#joyfru-oc-content .joyfru-icon-ru7_dg,
#joyfru-oc-content .joyfru-icon_ru7_pg {
  width: 26px;
}
#joyfru-oc-content .joyfru-tab-stats .joyfru-tab-link li {
  background: var(--joyfru-color9, #f5f5f5);
  color: var(--joyfru-color1, #000);
  box-shadow: -5px -5px 9px var(--joyfru-alpha-white-70, rgba(255, 255, 255, 0.7)), 5px 5px 9px var(--joyfru-alpha-gray-40, rgba(140, 155, 149, 0.4));
  border-radius: 15px;
  padding: 10px 25px;
}
#joyfru-oc-content .joyfru-tab-stats .joyfru-tab-link li.joyfru-active {
  background: var(--joyfru-color3, #004221);
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-table-res-versus-vs {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
#joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-athelete td {
  padding: 35px 15px 20px;
}
#joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-athelete td:first-child {
  background: var(--joyfru-color9, #f5f5f5);
  padding-right: 20px;
}
#joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-athelete td:last-child {
  background: var(--joyfru-color7, #e3e3e3);
  padding-left: 20px;
}
#joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-athelete td:last-child .joyfru-box-athlete-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-athelete td:last-child .joyfru-box-athlete-row .joyfru-box-info-athlete {
  text-align: right;
}
#joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-athelete td:last-child .joyfru-box-athlete-row .joyfru-box-icon-athlete {
  margin-left: 10px;
  margin-right: 0;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-athelete td:last-child .joyfru-box-athlete-row .joyfru-box-icon-athlete {
    margin-left: auto;
    text-align: right;
  }
}
#joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-athelete td:last-child.joyfru-tag-win::before {
  right: 0;
  left: auto;
}
#joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-athelete td:last-child.joyfru-tag-win::after {
  right: 12px;
  left: auto;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-athelete td:last-child.joyfru-tag-win::after {
    right: 7px;
  }
}
#joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-athelete td .joyfru-box-athlete-row {
  align-items: flex-start;
}
#joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-athelete td .joyfru-box-athlete-row .joyfru-box-icon-athlete {
  width: 150px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-athelete td .joyfru-box-athlete-row .joyfru-box-icon-athlete {
    width: 60px;
    margin-bottom: 10px;
  }
}
#joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-athelete td .joyfru-box-athlete-row .joyfru-box-icon-athlete .joyfru-icon-athlete {
  width: 100%;
}
#joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-athelete td .joyfru-box-athlete-row .joyfru-box-info-athlete {
  width: auto;
  text-align: left;
  flex: 1;
}
#joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-athelete td .joyfru-box-athlete-row .joyfru-box-info-athlete .joyfru-box-res-code {
  margin-top: 30px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-athelete td .joyfru-box-athlete-row .joyfru-box-info-athlete .joyfru-box-res-code {
    margin-top: 10px;
  }
}
#joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-athelete td.joyfru-icon-vs {
  position: relative;
  padding: 0;
  width: 0;
}
#joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-athelete td.joyfru-icon-vs::before {
  content: "VS";
  font-size: 45px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-athelete td.joyfru-icon-vs::before {
    font-size: 25px;
  }
}
#joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-scoreboard td {
  padding: 15px 10px;
  position: relative;
  vertical-align: top;
}
#joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-tablerow-scoreboard td.joyfru-icon-vs {
  padding: 0;
}
#joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-table-scoreboard {
  width: 100%;
  height: 1px;
  position: relative;
}
#joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-table-scoreboard::before {
  content: "";
  width: 2px;
  height: 100%;
  background: var(--joyfru-color7, #e3e3e3);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-table-scoreboard tr td {
  padding: 0;
  vertical-align: top;
  text-align: center;
}
#joyfru-oc-content .joyfru-table-res-versus-vs .joyfru-table-scoreboard tr td::before {
  display: none;
}
#joyfru-oc-content .joyfru-tag-res-code {
  color: var(--joyfru-color2, #fff);
  font-weight: bold;
  line-height: 1;
  padding: 7px;
  background: var(--joyfru-color12, #00b460);
  min-width: 85px;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
}
@media screen and (max-width: 500px) {
  #joyfru-oc-content .joyfru-tag-res-code {
    min-width: 50px;
  }
}
#joyfru-oc-content .joyfru-list-scoreboard {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#joyfru-oc-content .joyfru-list-scoreboard .joyfru-list-scoreboard-item {
  margin-right: 10px;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#joyfru-oc-content .joyfru-list-scoreboard .joyfru-list-scoreboard-item .joyfru-scoreboard-label {
  width: auto;
  min-width: 50px;
  padding: 5px;
}
#joyfru-oc-content .joyfru-scoreboard-label,
#joyfru-oc-content .joyfru-scoreboard-score {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
#joyfru-oc-content .joyfru-scoreboard-label {
  background: var(--joyfru-color4, #8c9b95);
  color: var(--joyfru-color2, #fff);
  width: 95%;
  margin: 0 auto;
  display: inline-block;
  font-size: 14px;
}
#joyfru-oc-content .joyfru-scoreboard-score {
  background: var(--joyfru-color9, #f5f5f5);
  color: var(--joyfru-color1, #000);
  height: 100%;
  min-height: 31px;
  width: 95%;
  margin: 0 auto;
  display: inline-block;
  font-size: 14px;
  margin-top: -3px;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-scoreboard-score .joyfru-icon-timeline {
    width: 2vw;
  }
}
#joyfru-oc-content .joyfru-box-duration {
  background: var(--joyfru-color7, #e3e3e3);
  text-align: center;
  padding: 10px 10px;
  min-height: 40px;
  vertical-align: middle;
  box-sizing: border-box;
}
#joyfru-oc-content .joyfru-box-duration .joyfru-text-duration {
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-duration .joyfru-text-duration {
    font-size: 14px;
  }
}
#joyfru-oc-content .joyfru-box-duration .joyfru-icon-gs {
  background: var(--joyfru-color2, #fff);
  color: var(--joyfru-color1, #000);
  display: inline-block;
  padding: 2px 15px;
  box-sizing: border-box;
  font-weight: normal;
  border-radius: 3px;
}
#joyfru-oc-content .joyfru-tag-weight-category {
  background: var(--joyfru-color1, #000);
  color: var(--joyfru-color2, #fff);
  font-weight: bold;
  padding: 8px 15px;
  min-width: 150px;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
}
#joyfru-oc-content .joyfru-table-striped tbody tr {
  border-bottom: 0;
}
#joyfru-oc-content .joyfru-table-striped tbody tr.joyfru-tablerow-striped:nth-child(even) {
  background: var(--joyfru-color9, #f5f5f5);
}
#joyfru-oc-content .joyfru-table-striped tbody tr td {
  padding: 7px 5px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-striped tbody tr td {
    padding: 5px;
  }
}
#joyfru-oc-content .joyfru-table-striped tbody tr td .joyfru-box-stats-action {
  width: calc(100% - 10px);
}
#joyfru-oc-content .joyfru-table-striped tbody tr td .joyfru-box-stats-action span {
  display: inline-block;
  vertical-align: middle;
}
#joyfru-oc-content .joyfru-table-striped tbody tr td .joyfru-box-stats-action .joyfru-text-stat-athlete {
  margin: 0 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 44px);
}
#joyfru-oc-content .joyfru-tag-pk {
  padding: 4px 8px;
}
#joyfru-oc-content .joyfru-icon-pk {
  width: 30px;
  max-width: unset;
}
#joyfru-oc-content .joyfru-table-pk .joyfru-box-reverse {
  display: flex;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-pk .joyfru-box-noc {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  #joyfru-oc-content .joyfru-table-pk .joyfru-box-noc span {
    display: block;
    margin-top: 5px;
  }
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-table-pk tbody tr td {
    padding: 15px 5px;
  }
}
#joyfru-oc-content .joyfru-sat {
  background-color: var(--joyfru-color21, #d1d1ff) !important;
}
#joyfru-oc-content .joyfru-sun {
  background-color: var(--joyfru-color22, #ffd1d1) !important;
}
#joyfru-oc-content .joyfru-table-navi-schedule thead tr {
  border-bottom: 0;
}
#joyfru-oc-content .joyfru-table-navi-schedule thead tr th {
  text-align: left;
  background: var(--joyfru-color2, #fff);
  padding: 10px 0;
}
#joyfru-oc-content .joyfru-table-navi-schedule tbody tr {
  border-bottom: 0;
}
#joyfru-oc-content .joyfru-table-navi-schedule tbody tr td {
  min-width: 50px;
  padding: 10px 5px;
}
#joyfru-oc-content .joyfru-table-navi-schedule tbody tr td .joyfru-navi-schedule-item {
  position: relative;
  height: 55px;
  display: flex;
  flex-direction: column;
}
#joyfru-oc-content .joyfru-table-navi-schedule tbody tr td .joyfru-navi-schedule-item input {
  width: 50px;
  height: 30px;
  padding: 0;
  margin: auto auto 0;
  opacity: 0;
  cursor: pointer;
}
#joyfru-oc-content .joyfru-table-navi-schedule tbody tr td .joyfru-navi-schedule-item input:checked + label {
  z-index: 10;
  font-weight: bold;
}
#joyfru-oc-content .joyfru-table-navi-schedule tbody tr td .joyfru-navi-schedule-item input:checked + label span.joyfru-schedule-date {
  background: var(--joyfru-color4, #8c9b95);
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-table-navi-schedule tbody tr td .joyfru-navi-schedule-item input:checked + label.joyfru-schedule-sat span {
  color: var(--joyfru-color14);
}
#joyfru-oc-content .joyfru-table-navi-schedule tbody tr td .joyfru-navi-schedule-item input:checked + label.joyfru-schedule-sat span.joyfru-schedule-date {
  background: var(--joyfru-color21);
}
#joyfru-oc-content .joyfru-table-navi-schedule tbody tr td .joyfru-navi-schedule-item input:checked + label.joyfru-schedule-sun span {
  color: var(--joyfru-color11);
}
#joyfru-oc-content .joyfru-table-navi-schedule tbody tr td .joyfru-navi-schedule-item input:checked + label.joyfru-schedule-sun span.joyfru-schedule-date {
  background: var(--joyfru-color22);
}
#joyfru-oc-content .joyfru-table-navi-schedule tbody tr td .joyfru-navi-schedule-item label {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--joyfru-color4, #8c9b95);
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.3em;
  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;
  text-align: center;
  pointer-events: none;
  text-align: center;
}
#joyfru-oc-content .joyfru-table-navi-schedule tbody tr td .joyfru-navi-schedule-item label span {
  font-weight: bold;
  font-size: 14px;
}
#joyfru-oc-content .joyfru-table-navi-schedule tbody tr td .joyfru-navi-schedule-item label span:last-child {
  margin-top: 10px;
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#joyfru-oc-content .joyfru-table-navi-schedule tbody tr td .joyfru-navi-schedule-item label.joyfru-schedule-sat span {
  color: var(--joyfru-color14);
}
#joyfru-oc-content .joyfru-table-navi-schedule tbody tr td .joyfru-navi-schedule-item label.joyfru-schedule-sun span {
  color: var(--joyfru-color11);
}
#joyfru-oc-content .joyfru-table-schedule-vs tbody tr {
  border-bottom: 0;
}
#joyfru-oc-content .joyfru-table-schedule-vs tbody tr td {
  padding: 20px 5px;
}
#joyfru-oc-content .joyfru-table-schedule-vs tbody tr td .joyfru-box-noc,
#joyfru-oc-content .joyfru-table-schedule-vs tbody tr td .joyfru-box-athlete-col {
  margin-top: 10px;
}
#joyfru-oc-content .joyfru-table-schedule-vs tbody tr td.joyfru-tag-win::before {
  height: calc(100% - 20px);
}
#joyfru-oc-content .joyfru-table-schedule-vs tbody tr td .joyfru-box-score + .joyfru-box-score-irm {
  margin-top: 10px;
}
#joyfru-oc-content .joyfru-table-schedule-vs tbody tr td .joyfru-box-score-irm {
  align-items: flex-start;
}
#joyfru-oc-content .joyfru-table-schedule-vs.joyfru-table-res-versus tr td, #joyfru-oc-content .joyfru-table-schedule-vs.joyfru-table-res-versus-team tr td {
  padding: 20px 5px;
}
#joyfru-oc-content table {
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content table {
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-image-photofinish {
  max-width: 90%;
}
#joyfru-oc-content .joyfru-text-opponent {
  font-size: 16px;
  line-height: 1.2;
}
#joyfru-oc-content .joyfru-text-stats-value {
  font-size: 18px;
}
#joyfru-oc-content .joyfru-scroll-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-left {
  width: 250px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-left {
    width: 175px;
  }
}
#joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-left table {
  border-right: 1px solid var(--joyfru-color8);
}
#joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-left table thead th:nth-child(1) {
  text-align: center;
  min-width: 40px;
}
#joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-left table thead th {
  height: 63px;
}
#joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-left table tbody tr td .joyfru-box-athlete-row .joyfru-icon-athlete {
  min-width: 46px;
}
#joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-left table tbody tr td .joyfru-box-athlete-row .joyfru-box-info-athlete {
  width: 100%;
}
#joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-left table tbody tr td .joyfru-box-athlete-row .joyfru-box-info-athlete .joyfru-text-athlete {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-left table tbody tr td .joyfru-box-noc {
  display: flex;
  align-items: center;
  text-align: left;
}
#joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-left table tbody tr td .joyfru-box-noc .joyfru-icon-flag {
  min-width: 25px;
}
#joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-left table tbody tr td .joyfru-box-noc .joyfru-text-noc {
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-right {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-x: auto;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-right {
    overflow: hidden;
    overflow-x: scroll;
    width: auto;
    width: -webkit-calc(100% - 175px);
    width: calc(100% - 175px);
  }
}
#joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-right table tr th {
  height: 63px;
  border-left: 1px solid var(--joyfru-color8);
  min-width: 80px !important;
}
#joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-right table tr th .joyfru-tooltip .joyfru-tooltip-content {
  top: 50%;
  transform: translateY(-50%);
  margin-left: 10px;
}
#joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-right table tr th .joyfru-tooltip .joyfru-tooltip-content::before {
  border-top: 7px solid transparent;
  border-right: 7px solid var(--joyfru-color6, rgba(0, 0, 0, 0.6));
  border-left: none;
  border-bottom: 7px solid transparent;
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  left: -7px;
}
#joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-right table tr th:last-child .joyfru-tooltip .joyfru-tooltip-content {
  left: auto;
  right: 100%;
  margin-right: 10px;
}
#joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-right table tr th:last-child .joyfru-tooltip .joyfru-tooltip-content::before {
  border-top: 7px solid transparent;
  border-left: 7px solid var(--joyfru-color6, rgba(0, 0, 0, 0.6));
  border-right: none;
  border-bottom: 7px solid transparent;
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  left: auto;
  right: -7px;
}
#joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-right table tr td {
  border-left: 1px solid var(--joyfru-color8);
}
#joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-right table.joyfru-container-col-3 thead th {
  width: -webkit-calc(100% / 3);
  width: 33.3333333333%;
  min-width: -webkit-calc(100% / 3);
  min-width: 33.3333333333%;
  max-width: -webkit-calc(100% / 3);
  max-width: 33.3333333333%;
}
#joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-right table.joyfru-container-col-4 thead th {
  width: -webkit-calc(100% / 4);
  width: 25%;
  min-width: -webkit-calc(100% / 4);
  min-width: 25%;
  max-width: -webkit-calc(100% / 4);
  max-width: 25%;
}
#joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-right table.joyfru-container-col-5 thead th {
  width: -webkit-calc(100% / 5);
  width: 20%;
  min-width: -webkit-calc(100% / 5);
  min-width: 20%;
  max-width: -webkit-calc(100% / 5);
  max-width: 20%;
}
#joyfru-oc-content .joyfru-scroll-container .joyfru-scroll-container-right table.joyfru-container-col-6 thead th {
  width: -webkit-calc(100% / 6);
  width: 16.6666666667%;
  min-width: -webkit-calc(100% / 6);
  min-width: 16.6666666667%;
  max-width: -webkit-calc(100% / 6);
  max-width: 16.6666666667%;
}
#joyfru-oc-content .joyfru-scroll-container table {
  width: 100%;
}
#joyfru-oc-content .joyfru-scroll-container table tr td {
  min-height: 41px;
  height: 90px;
  vertical-align: middle;
}
#joyfru-oc-content .joyfru-scroll-container.joyfru-scroll-container-noc table tr td {
  height: 65px;
}
#joyfru-oc-content .joyfru-scroll-container.joyfru-scroll-container-team table tr td {
  height: 120px;
}
#joyfru-oc-content .joyfru-scroll-container.joyfru-scroll-container-team table tr td .joyfru-box-athlete-row .joyfru-icon-athlete {
  min-width: 46px;
}
#joyfru-oc-content .joyfru-scroll-container.joyfru-scroll-container-team table tr td .joyfru-box-athlete-row .joyfru-box-info-athlete {
  width: 100%;
}
#joyfru-oc-content .joyfru-scroll-container.joyfru-scroll-container-team table tr td .joyfru-box-athlete-row .joyfru-box-info-athlete .joyfru-text-athlete {
  -webkit-line-clamp: 1 !important;
}
#joyfru-oc-content .joyfru-tournament-col-2 .joyfru-list-tournament-item {
  width: calc((100% - 20px) / 2) !important;
}
#joyfru-oc-content .joyfru-bottom-line {
  border-bottom: solid 1px var(--joyfru-color8) !important;
}
#joyfru-oc-content .joyfru-home-color, #joyfru-oc-content .joyfru-away-color {
  display: block;
  margin: 0 auto;
  width: 10px;
  height: 10px;
  background: var(--joyfru-color11, #ff0042);
}
#joyfru-oc-content .joyfru-away-color {
  background: var(--joyfru-color14, #0266c4);
}
#joyfru-oc-content .joyfru-bottom-no-line {
  border-bottom: 0 !important;
}
#joyfru-oc-content .joyfru-top-no-line {
  border-top: 0 !important;
}

#joyfru-oc-content .joyfru-tooltip {
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
  position: relative;
  line-height: 1;
}
#joyfru-oc-content .joyfru-tooltip .joyfru-tooltip-hover {
  display: inline-block;
}
#joyfru-oc-content .joyfru-tooltip .joyfru-tooltip-hover:hover + .joyfru-tooltip-content {
  visibility: visible;
  display: block;
}
#joyfru-oc-content .joyfru-tooltip .joyfru-tooltip-content {
  visibility: hidden;
  white-space: nowrap;
  color: var(--joyfru-color2, #fff);
  padding: 10px 15px;
  background: var(--joyfru-color6, rgba(0, 0, 0, 0.6));
  position: absolute;
  top: -40px;
  left: 100%;
  right: auto;
  border-radius: 3px 3px 3px 0;
  z-index: 50;
  display: none;
}
#joyfru-oc-content .joyfru-tooltip .joyfru-tooltip-content:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-top: 5px solid var(--joyfru-color6, rgba(0, 0, 0, 0.6));
  border-left: none;
  border-right: 9px solid transparent;
  left: 0;
  right: auto;
  bottom: -5px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-tooltip .joyfru-tooltip-content {
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-table-res-versus th:last-child .joyfru-tooltip .joyfru-tooltip-content, #joyfru-oc-content .joyfru-table-res-versus-team th:last-child .joyfru-tooltip .joyfru-tooltip-content,
#joyfru-oc-content .joyfru-table-res-versus td:last-child .joyfru-tooltip .joyfru-tooltip-content,
#joyfru-oc-content .joyfru-table-res-versus-team td:last-child .joyfru-tooltip .joyfru-tooltip-content,
#joyfru-oc-content .joyfru-table-schedule-vs th:last-child .joyfru-tooltip .joyfru-tooltip-content,
#joyfru-oc-content .joyfru-table-schedule-vs td:last-child .joyfru-tooltip .joyfru-tooltip-content,
#joyfru-oc-content .joyfru-table-txt-vs th:last-child .joyfru-tooltip .joyfru-tooltip-content,
#joyfru-oc-content .joyfru-table-txt-vs td:last-child .joyfru-tooltip .joyfru-tooltip-content {
  left: auto;
  border-radius: 3px 3px 0 3px;
  right: 100%;
}
#joyfru-oc-content .joyfru-table-res-versus th:last-child .joyfru-tooltip .joyfru-tooltip-content:before, #joyfru-oc-content .joyfru-table-res-versus-team th:last-child .joyfru-tooltip .joyfru-tooltip-content:before,
#joyfru-oc-content .joyfru-table-res-versus td:last-child .joyfru-tooltip .joyfru-tooltip-content:before,
#joyfru-oc-content .joyfru-table-res-versus-team td:last-child .joyfru-tooltip .joyfru-tooltip-content:before,
#joyfru-oc-content .joyfru-table-schedule-vs th:last-child .joyfru-tooltip .joyfru-tooltip-content:before,
#joyfru-oc-content .joyfru-table-schedule-vs td:last-child .joyfru-tooltip .joyfru-tooltip-content:before,
#joyfru-oc-content .joyfru-table-txt-vs th:last-child .joyfru-tooltip .joyfru-tooltip-content:before,
#joyfru-oc-content .joyfru-table-txt-vs td:last-child .joyfru-tooltip .joyfru-tooltip-content:before {
  content: "";
  right: 0;
  left: auto;
  border-top: 5px solid var(--joyfru-color6, rgba(0, 0, 0, 0.6));
  border-right: 0;
  border-left: 9px solid transparent;
}
#joyfru-oc-content .joyfru-table-per-item .joyfru-tooltip .joyfru-tooltip-content,
#joyfru-oc-content .joyfru-txt-slide-item .joyfru-tooltip .joyfru-tooltip-content {
  top: 50%;
  transform: translateY(-50%);
  margin-left: 10px;
}
#joyfru-oc-content .joyfru-table-per-item .joyfru-tooltip .joyfru-tooltip-content::before,
#joyfru-oc-content .joyfru-txt-slide-item .joyfru-tooltip .joyfru-tooltip-content::before {
  border-top: 7px solid transparent;
  border-right: 7px solid var(--joyfru-color6, rgba(0, 0, 0, 0.6));
  border-left: none;
  border-bottom: 7px solid transparent;
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  left: -7px;
}

@property --joyfruPgPercentage {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
#joyfru-oc-content .joyfru-box-progressbar-visualize {
  display: flex;
  flex: 1 0 auto;
  align-items: center;
}
#joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-left {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  flex: 1;
  margin-right: 5px;
  font-weight: bold;
}
#joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-left .joyfru-box-left-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 6px;
}
#joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-left .joyfru-box-left-title .joyfru-text-score {
  font-size: 24px;
  min-width: 35px;
  display: inline-block;
  text-align: center;
  line-height: normal;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-left .joyfru-box-left-title .joyfru-text-score {
    min-width: 25px;
    font-size: 20px;
  }
}
#joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-left .joyfru-box-left-title .joyfru-text-score-unit {
  font-size: 12px;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-left .joyfru-box-left-title .joyfru-text-score-unit {
    font-size: 10px;
  }
}
#joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-progressbar-visualize-pa-10 {
  padding: 10px;
}
#joyfru-oc-content .joyfru-box-progressbar-visualize.joyfru-box-progressbar-visualize-card {
  align-items: center;
}
#joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-right {
  display: flex;
  align-items: end;
  justify-content: flex-start;
  flex: 1;
  margin-left: 5px;
  font-weight: bold;
}
#joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-right .joyfru-box-right-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 6px;
}
#joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-right .joyfru-box-right-title .joyfru-text-score {
  font-size: 24px;
  min-width: 35px;
  display: inline-block;
  text-align: center;
  line-height: normal;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-right .joyfru-box-right-title .joyfru-text-score {
    min-width: 25px;
    font-size: 20px;
  }
}
#joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-right .joyfru-box-right-title .joyfru-text-score-unit {
  font-size: 12px;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-right .joyfru-box-right-title .joyfru-text-score-unit {
    font-size: 10px;
  }
}
#joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-center {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 180px;
  min-width: 100px;
  margin: 0;
  width: 26%;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-center .joyfru-stats-label-top {
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-center-content {
  border-radius: 50px;
  background-color: var(--joyfru-color9, #f5f5f5);
  padding: 9px 8px;
  width: 100%;
  text-align: center;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-center-content {
    padding: 9px 6px;
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-center-content-label {
  border-radius: 50px;
  background-color: var(--joyfru-color2, #fff);
  padding: 10px;
  align-self: flex-end;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-center-content-label {
    padding: 8px;
  }
}
#joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-container-home {
  flex: 1;
  display: flex;
  background-color: var(--joyfru-color9, #f5f5f5);
  flex-direction: column;
  width: 50%;
}
#joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-container-away {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: var(--joyfru-color7, #e3e3e3);
  align-self: normal;
  width: 50%;
}
#joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-visualize-pr-100 {
  padding-right: 100px;
}
#joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-visualize-pl-100 {
  padding-left: 100px;
}
#joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-container-progress-bar {
  gap: 10px;
}
#joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-container-statslabel {
  gap: 5px;
}
#joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-statslabel {
  gap: 5px;
}
#joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-right-container,
#joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-left-container {
  width: calc(100% - 20px);
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-right-container,
  #joyfru-oc-content .joyfru-box-progressbar-visualize .joyfru-box-left-container {
    width: calc(100% - 6px);
  }
}
#joyfru-oc-content .joyfru-box-container-label {
  position: absolute;
  left: calc(50% - 80px);
  top: 14px;
  width: 160px;
  text-align: center;
}
#joyfru-oc-content .joyfru-container-score {
  gap: 30px;
  padding: 30px;
}
#joyfru-oc-content .joyfru-container-score .joyfru-text-score {
  font-size: 36px;
}
#joyfru-oc-content .joyfru-container-score .joyfru-text-score-unit {
  font-size: 12px;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-container-score .joyfru-text-score-unit {
    font-size: 10px;
  }
}
#joyfru-oc-content .joyfru-text-score-small {
  font-size: 20px;
  font-weight: 700;
  min-width: 30px;
}
#joyfru-oc-content .joyfru-grid {
  display: grid;
  grid-template-columns: repeat(9, 40px);
  grid-template-rows: repeat(7, 30px);
  gap: 15px;
}
#joyfru-oc-content .joyfru-item-flag {
  grid-column: 1/10;
  align-items: end !important;
  width: 100%;
}
#joyfru-oc-content .joyfru-item-formation {
  grid-column: 1/10;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
#joyfru-oc-content .joyfru-item-64 {
  grid-column: 1/10;
  width: 100%;
  height: 30px;
}
#joyfru-oc-content .joyfru-item-GK {
  grid-column: 1/10;
  width: 100%;
}
#joyfru-oc-content .joyfru-formation {
  color: var(--joyfru-color2, #fff);
  font-size: 18px;
  font-style: italic;
}
#joyfru-oc-content .joyfru-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: var(--joyfru-color1);
}
#joyfru-oc-content .joyfru-item .joyfru-tag-visualize {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  filter: drop-shadow(3px 3px 3px var(--joyfru-alpha-black-50-2, rgba(0, 0, 0, 0.5)));
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-item .joyfru-tag-visualize {
    width: 30px;
    height: 30px;
  }
}
#joyfru-oc-content .joyfru-item .joyfru-tag-visualize .joyfru-bib {
  color: var(--joyfru-color2, #fff);
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-item .joyfru-tag-visualize .joyfru-bib {
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-item .joyfru-tag-position-visualize-GK {
  background-color: var(--joyfru-color3, #004221);
}
#joyfru-oc-content .joyfru-item .joyfru-tag-position-visualize-DF {
  background-color: var(--joyfru-color15, #1a18ba);
}
#joyfru-oc-content .joyfru-item .joyfru-tag-position-visualize-MF {
  background-color: var(--joyfru-color13, #6edbd7);
}
#joyfru-oc-content .joyfru-item .joyfru-tag-position-visualize-FW {
  background-color: var(--joyfru-color11, #ff0042);
}
#joyfru-oc-content .joyfru-container-list-description {
  width: 100%;
  padding-right: 15px;
  box-sizing: border-box;
}
#joyfru-oc-content .joyfru-container-list {
  display: flex;
  gap: 15px;
  justify-content: end;
  width: 100%;
  padding-left: 0px;
}
#joyfru-oc-content .joyfru-container-list .joyfru-list-item {
  margin-right: 0px;
}
#joyfru-oc-content .joyfru-container-list .joyfru-list-item span {
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-container-list .joyfru-list-item span {
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-container-note-item {
  display: flex;
  gap: 5px;
}
#joyfru-oc-content .joyfru-container-note-item .joyfru-tag-visualize {
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
#joyfru-oc-content .joyfru-container-note-item .joyfru-tag-visualize .joyfru-bib {
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-container-note-item .joyfru-tag-position-visualize-GK {
  background-color: var(--joyfru-color3, #004221);
}
#joyfru-oc-content .joyfru-container-note-item .joyfru-tag-position-visualize-DF {
  background-color: var(--joyfru-color15, #1a18ba);
}
#joyfru-oc-content .joyfru-container-note-item .joyfru-tag-position-visualize-MF {
  background-color: var(--joyfru-color13, #6edbd7);
}
#joyfru-oc-content .joyfru-container-note-item .joyfru-tag-position-visualize-FW {
  background-color: var(--joyfru-color11, #ff0042);
}
#joyfru-oc-content .joyfru-captain {
  width: 20px;
  height: 20px;
  background-image: linear-gradient(var(--joyfru-palette-magenta-100, #ee00ff), var(--joyfru-palette-gray-367, #808080));
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--joyfru-color2, #fff);
  position: absolute;
  left: auto;
  right: -10px;
  top: -15px;
}
#joyfru-oc-content .joyfru-captain.joyfru-list-item-captain {
  position: relative !important;
  left: 0px;
  top: 0px;
}
#joyfru-oc-content .joyfru-caret {
  position: absolute;
  top: 5px;
  left: auto;
  right: -10px;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  border-top: solid 6px var(--joyfru-palette-gray-367, #808080);
  height: 0px;
  width: 0;
}
#joyfru-oc-content .joyfru-caret.joyfru-list-item-captain {
  position: relative !important;
  left: 0px;
  top: 0px;
}
#joyfru-oc-content .joyfru-container-captain {
  display: inline;
}
#joyfru-oc-content .joyfru-container-competitor {
  width: 100%;
  display: inline-block;
  padding: 0 5px;
  box-sizing: border-box;
}
#joyfru-oc-content .joyfru-container-competitor .joyfru-competitor {
  color: var(--joyfru-color2, #fff);
  margin: 4px auto 0;
  width: 98%;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-container-competitor .joyfru-competitor {
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-bg-fbl {
  position: relative;
}
#joyfru-oc-content .joyfru-lineups {
  position: absolute;
  top: 15%;
  width: 100%;
  height: 85%;
}
#joyfru-oc-content .joyfru-lineup {
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#joyfru-oc-content .joyfru-lineup-item {
  display: inline-block;
  text-align: center;
}
#joyfru-oc-content .joyfru-formation-start {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: 5px 10px;
  box-sizing: border-box;
  height: 13%;
  max-height: 60px;
  z-index: 9;
}
#joyfru-oc-content .joyfru-formation-start .joyfru-icon-flag {
  width: auto;
  max-width: 68px;
  max-height: 100%;
}
#joyfru-oc-content .joyfru-box-athlete-row-pl-20 {
  padding-left: 20px;
}
@keyframes growProgressBar {
  0%, 33% {
    --joyfruPgPercentage: 0;
  }
  100% {
    --joyfruPgPercentage: var(--value);
  }
}
#joyfru-oc-content .joyfru-progressbar[role=progressbar] {
  --size: 7rem;
  --bg: var(--joyfru-color8);
  --joyfruPgPercentage: var(--value);
  animation: growProgressBar 3s 1 forwards;
  width: var(--size);
  height: var(--size);
  border-radius: 10%;
  display: grid;
  place-items: center;
  font-size: 24px;
  width: 100px;
  height: 100px;
  color: var(--joyfru-color1, #000);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-progressbar[role=progressbar] {
    width: 65px;
    height: 65px;
    font-size: 20px;
  }
}
#joyfru-oc-content .joyfru-progressbar[role=progressbar] .joyfru-text-score {
  font-size: 30px;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-progressbar[role=progressbar] .joyfru-text-score {
    font-size: 20px;
  }
}
#joyfru-oc-content .joyfru-progressbar[role=progressbar] .joyfru-text-score-unit {
  font-size: 12px;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-progressbar[role=progressbar] .joyfru-text-score-unit {
    font-size: 10px;
  }
}
#joyfru-oc-content .joyfru-progressbar[role=progressbar].joyfru-progressbar-large {
  width: 120px;
  height: 120px;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-progressbar[role=progressbar].joyfru-progressbar-large {
    width: 80px;
    height: 80px;
  }
}
#joyfru-oc-content .joyfru-progressbar[role=progressbar].joyfru-progressbar-match {
  width: 120px;
  height: 120px;
}
#joyfru-oc-content .joyfru-progressbar[role=progressbar].joyfru-progressbar-match-home {
  --joyfruPgPercentage: var(--value);
  --fg: var(--joyfru-color3);
  animation: growProgressBar2 3s 1 forwards;
  background: radial-gradient(closest-side, var(--joyfru-color2, #fff) 80%, transparent 0 99.9%, var(--joyfru-color2, #fff) 0), conic-gradient(var(--bg) calc(var(--joyfruPgPercentage) * 1%), var(--fg) 0);
  position: absolute;
  left: 0;
  z-index: -1;
  width: 120px;
  height: 120px;
}
#joyfru-oc-content .joyfru-progressbar-home {
  --bg: var(--joyfru-color8, #ccc);
  --fg: var(--joyfru-color3, #004221);
  background: radial-gradient(closest-side, var(--joyfru-color2, #fff) 80%, transparent 0 99.9%, var(--joyfru-color2, #fff) 0), conic-gradient(var(--joyfru-color3, #004221) calc(var(--joyfruPgPercentage) * 1%), var(--bg) 0);
}
#joyfru-oc-content .joyfru-progressbar-away {
  --bg: var(--joyfru-color8, #ccc);
  --fg: var(--joyfru-color1, #000);
  background: radial-gradient(closest-side, var(--joyfru-color2, #fff) 80%, transparent 0 99.9%, var(--joyfru-color2, #fff) 0), conic-gradient(var(--joyfru-color1, #000) calc(var(--joyfruPgPercentage) * 1%), var(--bg) 0);
}
#joyfru-oc-content .joyfru-progressbar-match {
  --bg: transparent !important;
  background: radial-gradient(closest-side, var(--joyfru-color2, #fff) 80%, transparent 0 99.9%, var(--joyfru-color2, #fff) 0), conic-gradient(var(--joyfru-color1, #000) calc(var(--joyfruPgPercentage) * 1%), var(--bg) 0);
}
#joyfru-oc-content .joyfru-box-progressbar-stats {
  position: relative;
}
@keyframes growProgressBar2 {
  0%, 33% {
    --joyfruPgPercentage: 100;
  }
  100% {
    --joyfruPgPercentage: var(--value);
  }
}
#joyfru-oc-content .joyfru-progress {
  background: var(--joyfru-color8, #ccc);
  border-radius: 100px;
  align-items: center;
  position: relative;
  padding: 0 1px;
  display: flex;
  height: 12px;
  width: 100%;
}
#joyfru-oc-content .joyfru-progress-home {
  background: var(--joyfru-color3, #004221);
}
#joyfru-oc-content .joyfru-progress-away {
  background: var(--joyfru-color1, #000);
}
#joyfru-oc-content .joyfru-progress-left {
  justify-content: flex-end;
}
#joyfru-oc-content .joyfru-progress-right {
  justify-content: flex-start;
}
#joyfru-oc-content .joyfru-progress-value {
  animation: load 2s normal forwards;
  box-shadow: 0 10px 40px -10px var(--joyfru-color3, #004221);
  border-radius: 100px;
  height: 12px;
}
@keyframes load {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
#joyfru-oc-content .joyfru-bg-home-away {
  position: relative;
  padding: 30px 0 0;
}
#joyfru-oc-content .joyfru-bg-home-away:last-child {
  padding-bottom: 30px;
}
#joyfru-oc-content .joyfru-bg-home-away:before, #joyfru-oc-content .joyfru-bg-home-away:after {
  content: "";
  background: var(--joyfru-color9, #f5f5f5);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 50%;
}
#joyfru-oc-content .joyfru-bg-home-away:after {
  right: 0;
  left: auto;
  background: var(--joyfru-color7, #e3e3e3);
}
#joyfru-oc-content .joyfru-bg-home-away .joyfru-box-center-content {
  background: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-bg-home-away .joyfru-box-left-container,
#joyfru-oc-content .joyfru-bg-home-away .joyfru-box-right-container {
  display: flex;
  align-items: center;
}
#joyfru-oc-content .joyfru-bg-home-away .joyfru-box-left-container .joyfru-text-score,
#joyfru-oc-content .joyfru-bg-home-away .joyfru-box-right-container .joyfru-text-score {
  margin: 0 5px;
}
#joyfru-oc-content .joyfru-bg-home-away .joyfru-box-left-title {
  order: 2;
}
#joyfru-oc-content .joyfru-bg-home-away .joyfru-box-left-title,
#joyfru-oc-content .joyfru-bg-home-away .joyfru-box-right-title {
  margin-bottom: 0 !important;
}
#joyfru-oc-content .joyfru-bg-home-away .joyfru-box-left {
  margin-right: 0;
}
#joyfru-oc-content .joyfru-bg-home-away .joyfru-box-right {
  margin-left: 0;
}
#joyfru-oc-content .joyfru-hr-line {
  width: calc(100% - 40px);
  height: 1px;
  background: var(--joyfru-color8, #ccc);
  margin: 0 auto;
}
#joyfru-oc-content .joyfru-box-progressbar-home,
#joyfru-oc-content .joyfru-box-progressbar-away {
  width: calc(100% - 20px);
}
#joyfru-oc-content .joyfru-box-progressbar-home .joyfru-text-athlete,
#joyfru-oc-content .joyfru-box-progressbar-away .joyfru-text-athlete {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#joyfru-oc-content .joyfru-tab-visualize {
  text-align: center;
}
#joyfru-oc-content .joyfru-tab-visualize .joyfru-tab-link {
  background-color: var(--joyfru-color9, #f5f5f5);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 4px;
  border-radius: 50px;
  width: 60%;
  box-sizing: border-box;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-tab-visualize .joyfru-tab-link {
    width: calc(100% - 10px);
  }
}
#joyfru-oc-content .joyfru-tab-visualize .joyfru-tab-link li {
  margin: 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  background-color: var(--joyfru-color9, #f5f5f5);
  padding: 10px;
  gap: 10px;
  color: var(--joyfru-color1, #000);
  flex: 1;
}
#joyfru-oc-content .joyfru-tab-visualize .joyfru-tab-link li.joyfru-active {
  background: var(--joyfru-color2, #fff);
  box-shadow: var(--joyfru-alpha-gray-20, rgba(149, 157, 165, 0.2)) 0px 8px 24px;
}
#joyfru-oc-content .joyfru-text-visualize-stats {
  color: var(--joyfru-color20);
}
#joyfru-oc-content .joyfru-text-stats-label-top {
  font-size: 18px;
}
#joyfru-oc-content .joyfru-progressbar-value {
  display: flex;
  align-items: baseline;
}

#joyfru-oc-content .joyfru-box-typography, #joyfru-oc-content .joyfru-box-typography-small {
  font-family: "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, sans-serif;
  background: var(--joyfru-color-typography-bg);
  padding: 20px;
  display: flex;
  align-items: stretch;
  position: relative;
  height: 85px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  #joyfru-oc-content .joyfru-box-typography, #joyfru-oc-content .joyfru-box-typography-small {
    height: 50px;
  }
}
#joyfru-oc-content .joyfru-box-typography:after, #joyfru-oc-content .joyfru-box-typography-small:after {
  content: attr(data-content);
  position: absolute;
  top: -13px;
  right: 0px;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: var(--joyfru-color-typography-deco);
  font-size: 110px;
  z-index: 1;
  font-weight: 700;
  z-index: 1;
  text-transform: uppercase;
  letter-spacing: -8px;
  line-height: 1;
}
@media screen and (max-width: 600px) {
  #joyfru-oc-content .joyfru-box-typography:after, #joyfru-oc-content .joyfru-box-typography-small:after {
    top: -7px;
    font-size: 65px;
    letter-spacing: -5px;
  }
}
#joyfru-oc-content .joyfru-box-typography .joyfru-box-noc-icon img, #joyfru-oc-content .joyfru-box-typography-small .joyfru-box-noc-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 55px;
}
#joyfru-oc-content .joyfru-box-typography .joyfru-box-noc-name, #joyfru-oc-content .joyfru-box-typography-small .joyfru-box-noc-name {
  display: flex;
  flex-direction: column;
  color: var(--joyfru-color2, #fff);
  font-weight: 700;
}
#joyfru-oc-content .joyfru-box-typography .joyfru-box-noc-name .joyfru-text-noc-name, #joyfru-oc-content .joyfru-box-typography-small .joyfru-box-noc-name .joyfru-text-noc-name {
  font-size: 20px;
}
#joyfru-oc-content .joyfru-box-typography .joyfru-box-noc-name .joyfru-text-noc-name-en, #joyfru-oc-content .joyfru-box-typography-small .joyfru-box-noc-name .joyfru-text-noc-name-en {
  margin-top: auto;
}
#joyfru-oc-content .joyfru-box-typography .joyfru-box-typography-title, #joyfru-oc-content .joyfru-box-typography-small .joyfru-box-typography-title {
  font-size: 24px;
  color: var(--joyfru-color2, #fff);
  font-weight: 700;
  line-height: 1;
  z-index: 9;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-box-typography .joyfru-box-typography-title, #joyfru-oc-content .joyfru-box-typography-small .joyfru-box-typography-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  #joyfru-oc-content .joyfru-box-typography.joyfru-box-typography-noc, #joyfru-oc-content .joyfru-box-typography-noc.joyfru-box-typography-small {
    height: 60px;
  }
}
#joyfru-oc-content .joyfru-box-typography.joyfru-box-typography-noc:after, #joyfru-oc-content .joyfru-box-typography-noc.joyfru-box-typography-small:after {
  font-size: 110px;
}
@media screen and (max-width: 600px) {
  #joyfru-oc-content .joyfru-box-typography.joyfru-box-typography-noc:after, #joyfru-oc-content .joyfru-box-typography-noc.joyfru-box-typography-small:after {
    font-size: 75px;
    top: -10px;
  }
}
#joyfru-oc-content .joyfru-box-sporttilte {
  padding: 0;
  height: 70px;
  display: flex;
  align-items: stretch;
  border-spacing: 0;
  background-color: var(--joyfru-color9, #f5f5f5);
  box-shadow: 0 10px 10px -10px var(--joyfru-color-shadow-strong);
}
#joyfru-oc-content .joyfru-box-sporttilte .joyfru-box-sport-icon {
  width: 70px;
}
#joyfru-oc-content .joyfru-box-sporttilte .joyfru-box-sport-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: var(--joyfru-color3, #004221);
  border-radius: 0;
}
#joyfru-oc-content .joyfru-box-sporttilte .joyfru-box-sport-name {
  display: flex;
  flex-direction: column;
  font-weight: 700;
  padding: 5px 0px;
  justify-content: center;
  line-height: 1;
}
#joyfru-oc-content .joyfru-box-sporttilte .joyfru-box-sport-name .joyfru-text-sport-name {
  font-size: 16px;
}
#joyfru-oc-content .joyfru-box-sporttilte .joyfru-box-sport-name .joyfru-text-sport-name-en {
  color: var(--joyfru-color4, #8c9b95);
  margin-top: 7px;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
}
#joyfru-oc-content .joyfru-box-sporttilte.joyfru-box-sporttilte-02 {
  padding: 0;
}
#joyfru-oc-content .joyfru-box-sporttilte.joyfru-box-sporttilte-02 .joyfru-box-sport-icon {
  width: 68px;
}
#joyfru-oc-content .joyfru-box-sporttilte.joyfru-box-sporttilte-02 .joyfru-box-sport-icon img {
  border-radius: 0;
}
#joyfru-oc-content .joyfru-sport-board {
  position: relative;
}
#joyfru-oc-content .joyfru-sport-board .joyfru-sport-board-thumb {
  overflow: hidden;
}
#joyfru-oc-content .joyfru-sport-board .joyfru-sport-board-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#joyfru-oc-content .joyfru-sport-board .joyfru-sport-board-info {
  background-color: var(--joyfru-color-panel-bg-translucent);
  box-shadow: 0 10px 10px -10px var(--joyfru-color-shadow-strong);
  padding: 20px;
  border-radius: 3px;
  width: calc(100% - 20px);
  margin: -20px auto 0;
  box-sizing: border-box;
  z-index: 10;
  position: relative;
}
#joyfru-oc-content .joyfru-sport-board .joyfru-sport-board-info .joyfru-text-explain {
  text-align: justify;
}
#joyfru-oc-content .joyfru-list-scroll-nav {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--joyfru-color8, #ccc);
  width: calc(100% - 15px);
}
#joyfru-oc-content .joyfru-list-scroll-nav li {
  flex: 1;
  text-align: center;
}
#joyfru-oc-content .joyfru-list-scroll-nav li a {
  display: inline-block;
  width: 100%;
  padding: 15px 0;
  color: var(--joyfru-color4, #8c9b95);
  font-weight: 700;
  font-size: 14px;
  position: relative;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-list-scroll-nav li a {
    font-size: 11px;
  }
}
#joyfru-oc-content .joyfru-list-scroll-nav li.joyfru-active {
  color: var(--joyfru-color1, #000);
  border-bottom: 3px solid var(--joyfru-color3, #004221);
}
#joyfru-oc-content .joyfru-box-typography-small {
  height: 56px;
}
@media screen and (max-width: 600px) {
  #joyfru-oc-content .joyfru-box-typography-small {
    height: 50px;
  }
}
#joyfru-oc-content .joyfru-box-typography-small:after {
  font-weight: 500;
  letter-spacing: -3px;
  top: -8px;
  font-size: 75px;
}
@media screen and (max-width: 600px) {
  #joyfru-oc-content .joyfru-box-typography-small:after {
    font-size: 65px;
  }
}
#joyfru-oc-content .joyfru-box-typography-small .joyfru-box-typography-title {
  font-size: 18px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-typography-small .joyfru-box-typography-title {
    font-size: 16px;
  }
}
#joyfru-oc-content .joyfru-section-event {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
#joyfru-oc-content .joyfru-section-event .joyfru-text-event-title {
  text-align: center;
  color: var(--joyfru-color2, #fff);
  background: var(--joyfru-color3, #004221);
  padding: 5px 10px;
  margin: 0;
}
#joyfru-oc-content .joyfru-section-event .joyfru-section-event-item {
  width: calc(50% - 10px);
  background: var(--joyfru-color17, #eee);
}
#joyfru-oc-content .joyfru-section-event .joyfru-section-event-item:nth-child(3) {
  width: calc(100% - 10px);
}
#joyfru-oc-content .joyfru-section-event .joyfru-section-event-item:first-child:last-child {
  width: calc(100% - 10px);
}
#joyfru-oc-content .joyfru-section-event .joyfru-section-event-item .joyfru-list-event {
  margin: 0;
  padding: 15px;
  list-style: none;
}
#joyfru-oc-content .joyfru-section-event .joyfru-section-event-item .joyfru-list-event li {
  padding: 5px 0;
  border: 0;
}
#joyfru-oc-content .joyfru-section-event .joyfru-section-event-item .joyfru-list-event li::before {
  display: none;
}
#joyfru-oc-content .joyfru-text-com {
  margin: 15px 10px;
}
#joyfru-oc-content .joyfru-list-column {
  list-style: none;
  padding: 0;
  margin: 15px 10px;
}
#joyfru-oc-content .joyfru-list-column li {
  margin: 5px 0;
}
#joyfru-oc-content .joyfru-list-athlete-event {
  list-style: none;
  padding: 0;
}
#joyfru-oc-content .joyfru-list-athlete-event li {
  background-color: var(--joyfru-color9, #f5f5f5);
  box-shadow: 0 10px 10px -10px var(--joyfru-color-shadow-strong);
  padding: 10px;
  margin-bottom: 15px;
}
#joyfru-oc-content .joyfru-list-athlete-event .joyfru-card-athlete figure {
  width: 50px;
}
#joyfru-oc-content .joyfru-list-athlete-event .joyfru-card-athlete .joyfru-card-athlete-info {
  width: calc(100% - 68px);
}
#joyfru-oc-content .joyfru-list-athlete-event .joyfru-card-athlete .joyfru-card-athlete-info .joyfru-text-noc {
  color: var(--joyfru-color4, #8c9b95);
}
#joyfru-oc-content .joyfru-list-athlete-event .joyfru-card-athlete .joyfru-card-athlete-info .joyfru-box-noc {
  display: flex;
  align-items: center;
}
#joyfru-oc-content .joyfru-list-athlete-event .joyfru-card-athlete .joyfru-card-athlete-info .joyfru-box-noc .joyfru-icon-flag {
  margin-right: 5px;
}
#joyfru-oc-content .joyfru-list-athlete-event .joyfru-card-athlete .joyfru-icon-medal {
  width: 15px;
}
#joyfru-oc-content .joyfru-list-event-title {
  font-weight: bold;
  padding-left: 10px;
  color: var(--joyfru-color-typography-bg);
  font-size: 14px;
  position: relative;
}
#joyfru-oc-content .joyfru-list-event-title::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 5px;
  height: 14px;
  background: var(--joyfru-color-typography-bg);
}
#joyfru-oc-content .joyfru-box-fulllink {
  text-align: center;
}
#joyfru-oc-content .joyfru-box-fulllink a {
  border-radius: 30px;
  padding: 20px 30px;
  font-size: 16px;
  font-weight: 700;
  box-sizing: border-box;
  min-width: 300px;
  width: 70%;
}
#joyfru-oc-content .joyfru-box-fulllink a::before {
  right: 12px;
  margin-top: -2px;
}
#joyfru-oc-content .joyfru-box-text-radius {
  border-radius: 5px;
  padding: 20px;
  background: var(--joyfru-color9, #f5f5f5);
  box-shadow: 0 4px 8px 0 var(--joyfru-alpha-black-10, rgba(0, 0, 0, 0.1)), 0 6px 20px 0 var(--joyfru-alpha-black-09, rgba(0, 0, 0, 0.09));
}
#joyfru-oc-content .joyfru-box-form-search {
  background: var(--joyfru-color18, #2D2D2D);
  padding: 20px;
  display: flex;
  align-items: center;
  color: var(--joyfru-color2, #fff);
  margin: 0;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-form-search {
    display: block;
  }
}
#joyfru-oc-content .joyfru-box-form-search .joyfru-box-select-item {
  display: flex;
  align-items: center;
  flex: 1;
}
#joyfru-oc-content .joyfru-box-form-search .joyfru-box-select-item .joyfru-box-select {
  background: var(--joyfru-color2, #fff);
  margin: 5px 10px 5px 0px;
  flex: 1;
}
#joyfru-oc-content .joyfru-box-form-search .joyfru-box-select-item .joyfru-box-select select {
  width: 100%;
}
#joyfru-oc-content .joyfru-box-form-search .joyfru-button, #joyfru-oc-content .joyfru-box-form-search .joyfru-button-detail, #joyfru-oc-content .joyfru-box-form-search .joyfru-button-more, #joyfru-oc-content .joyfru-box-form-search .joyfru-button-back, #joyfru-oc-content .joyfru-box-form-search .joyfru-button-next, #joyfru-oc-content .joyfru-box-form-search .joyfru-button-link {
  border-radius: 0;
  background: var(--joyfru-color2, #fff);
  color: var(--joyfru-color1, #000);
  height: 35px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
#joyfru-oc-content .joyfru-box-schedule-header {
  padding: 12px 20px;
  background-color: var(--joyfru-color9, #f5f5f5);
  box-shadow: 0 10px 10px -10px var(--joyfru-color-shadow-strong);
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
#joyfru-oc-content .joyfru-tag-schedule-label-h, #joyfru-oc-content .joyfru-tag-schedule-label-f {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 15px;
  font-size: 14px;
  color: var(--joyfru-color2, #fff);
  background: var(--joyfru-color4, #8c9b95);
  text-align: center;
  font-weight: bold;
  min-width: 80px;
}
#joyfru-oc-content .joyfru-box-icon-info-schedule {
  display: flex;
  align-items: center;
  font-size: 14px;
}
#joyfru-oc-content .joyfru-tag-schedule-label-f {
  background: var(--joyfru-color1, #000);
  color: var(--joyfru-color2, #fff);
  padding: 4px 10px;
  font-size: 12px;
}
#joyfru-oc-content .joyfru-box-tv-dayweek {
  padding: 0px 10px;
}
#joyfru-oc-content .joyfru-box-tv-time {
  text-align: left !important;
}
#joyfru-oc-content .joyfru-text-timeschedule-f-01 {
  font-weight: bold;
}
#joyfru-oc-content .joyfru-text-timeschedule-f-02 {
  color: var(--joyfru-color4, #8c9b95);
}
#joyfru-oc-content .joyfru-schedule-icon-desc {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 15px 20px;
}
#joyfru-oc-content .joyfru-schedule-icon-desc .joyfru-schedule-icon-desc-item {
  margin-left: 10px;
  display: flex;
  align-items: center;
}
@keyframes pulse {
  0% {
    transform: scale(0.33);
  }
  80%, 100% {
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
#joyfru-oc-content .joyfru-icon-live {
  position: relative;
  width: 15px;
  height: 15px;
}
#joyfru-oc-content .joyfru-icon-live:before {
  content: "";
  position: absolute;
  display: block;
  width: 250%;
  height: 250%;
  box-sizing: border-box;
  margin-left: -75%;
  margin-top: -75%;
  border-radius: 45px;
  background-color: var(--joyfru-color11, #ff0042);
  animation: pulse 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
#joyfru-oc-content .joyfru-icon-live:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--joyfru-color11, #ff0042);
  border-radius: 50px;
  animation: circle 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}
#joyfru-oc-content .joyfru-text-schedule-title {
  font-size: 16px;
  font-weight: bold;
  padding: 0;
  min-width: 60px;
  display: inline-block;
  text-align: center;
}
#joyfru-oc-content .joyfru-versus-match {
  display: table;
  width: 100%;
}
#joyfru-oc-content .joyfru-versus-match .joyfru-versus-match-item {
  display: table-cell;
  padding: 5px 0px;
  vertical-align: middle;
}
#joyfru-oc-content .joyfru-versus-match .joyfru-versus-match-item .joyfru-schedule-box-score {
  font-weight: bold;
  font-size: 16px;
  color: var(--joyfru-color4, #8c9b95);
  text-align: center;
}
#joyfru-oc-content .joyfru-versus-match .joyfru-versus-match-item .joyfru-schedule-box-score.joyfru-tag-vs-win {
  color: var(--joyfru-color11, #ff0042);
  position: relative;
}
#joyfru-oc-content .joyfru-versus-match .joyfru-versus-match-item .joyfru-schedule-box-score.joyfru-tag-vs-win::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent var(--joyfru-color1, #000);
  transform: translateY(-50%);
}
#joyfru-oc-content .joyfru-versus-match .joyfru-versus-match-item:last-child:not(:first-child) {
  text-align: center;
  width: 50px;
}
#joyfru-oc-content .joyfru-versus-match .joyfru-versus-match-item .joyfru-box-athlete-row .joyfru-box-icon-athlete {
  width: 36px;
}
#joyfru-oc-content .joyfru-versus-match .joyfru-versus-match-item .joyfru-box-noc .joyfru-text-noc {
  color: var(--joyfru-color1, #000);
}
#joyfru-oc-content .joyfru-disable {
  opacity: 0.4;
  cursor: default !important;
}
#joyfru-oc-content .joyfru-box-navi-schedule {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
#joyfru-oc-content .joyfru-box-navi-schedule:hover {
  scrollbar-color: auto;
}
#joyfru-oc-content .joyfru-box-select-day-all {
  width: 70px;
  height: 30px;
  position: relative;
}
#joyfru-oc-content .joyfru-box-select-day-all input {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
#joyfru-oc-content .joyfru-box-select-day-all input:checked + label {
  background: var(--joyfru-color4, #8c9b95);
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-box-select-day-all label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  color: var(--joyfru-color4, #8c9b95);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: var(--joyfru-color2, #fff);
  line-height: 1;
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: solid 1px var(--joyfru-color4, #8c9b95);
  pointer-events: none;
}
#joyfru-oc-content .joyfru-box-input-group {
  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: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 0 15px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-input-group {
    padding: 0 10px;
  }
}
#joyfru-oc-content .joyfru-text-medal {
  color: var(--joyfru-color20);
  font-size: 14px;
}
#joyfru-oc-content .joyfru-js-target-date + .joyfru-js-target-date {
  margin-top: 15px;
}
#joyfru-oc-content .joyfru-text-no-result {
  text-align: center;
  margin: 15px 0;
  padding-bottom: 100px;
}

#joyfru-oc-content .joyfru-box-txt {
  background-position: center center;
  background-size: cover;
  padding: 15px 10px;
  min-height: 400px;
  box-sizing: border-box;
  position: relative;
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-box-txt:before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--joyfru-alpha-black-50, rgba(0, 0, 0, 0.5));
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#joyfru-oc-content .joyfru-box-txt .joyfru-box-txt-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  z-index: 10;
  text-align: center;
}
#joyfru-oc-content .joyfru-box-txt .joyfru-box-txt-content .joyfru-box-comp {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
#joyfru-oc-content .joyfru-box-txt .joyfru-box-txt-content .joyfru-box-comp .joyfru-icon-pict {
  background: transparent;
}
#joyfru-oc-content .joyfru-box-txt .joyfru-box-txt-content .joyfru-box-comp .joyfru-text-comp-desc {
  color: var(--joyfru-color2, #fff);
  margin-left: 10px;
  font-size: 16px;
  font-weight: 700;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-box-txt .joyfru-box-txt-content .joyfru-box-comp .joyfru-text-comp-desc {
    font-size: 14px;
  }
}
#joyfru-oc-content .joyfru-box-txt .joyfru-box-txt-content .joyfru-box-events {
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-box-txt .joyfru-box-txt-content .joyfru-box-events {
    font-size: 14px;
  }
}
#joyfru-oc-content .joyfru-box-txt .joyfru-box-txt-content .joyfru-box-datetime-venue {
  display: flex;
  justify-content: space-around;
  min-width: 300px;
  font-size: 14px;
  font-weight: 700;
  flex-direction: column;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-box-txt .joyfru-box-txt-content .joyfru-box-datetime-venue {
    font-size: 14px;
  }
}
#joyfru-oc-content .joyfru-box-txt .joyfru-box-txt-content .joyfru-box-datetime-venue span {
  margin-bottom: 10px;
}
#joyfru-oc-content .joyfru-box-txt p {
  color: var(--joyfru-color2, #fff);
  font-size: 14px;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-box-txt p {
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus, #joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_4, #joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_3, #joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_2, #joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_1, #joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_0 {
  display: inline-block;
  padding: 10px;
  line-height: 1;
  border-radius: 20px;
  text-align: center;
  color: var(--joyfru-color2, #fff);
  min-width: 115px;
  border: 0;
  font-size: 14px;
  margin-bottom: 20px;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus, #joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_4, #joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_3, #joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_2, #joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_1, #joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_0 {
    font-size: 12px;
    min-width: 100px;
    padding: 8px;
  }
}
#joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_0 {
  background-color: var(--joyfru-color4, #8c9b95);
}
#joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_1 {
  background-color: var(--joyfru-color11, #ff0042);
}
#joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_2 {
  background-color: var(--joyfru-color18, #2D2D2D);
}
#joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_3 {
  background-color: var(--joyfru-color4, #8c9b95);
}
#joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_4 {
  background-color: var(--joyfru-color4, #8c9b95);
}
#joyfru-oc-content .joyfru-box-txt .joyfru-text-distance {
  width: 100%;
  text-align: right;
  font-size: 20px;
  color: var(--joyfru-color2, #fff);
  margin: 10px 0 5px;
  font-weight: 700;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-box-txt .joyfru-text-distance {
    font-size: 14px;
  }
}
@keyframes joyfru-slide {
  4%, 50% {
    opacity: 1;
    z-index: 12;
  }
  0%, 54%, 100% {
    opacity: 0;
    z-index: 10;
  }
}
#joyfru-oc-content .joyfru-box-txt .joyfru-txt-box-slide {
  width: 100%;
  height: 100%;
}
#joyfru-oc-content .joyfru-box-txt .joyfru-res-code {
  font-size: 30px;
}
#joyfru-oc-content .joyfru-box-txt .joyfru-tag-period, #joyfru-oc-content .joyfru-box-txt .joyfru-res-code {
  display: inline-block;
  padding: 10px;
  line-height: 1;
  text-align: center;
  color: var(--joyfru-color1, #000);
  background: var(--joyfru-color2, #fff);
  min-width: 100px;
  border: 0;
  font-size: 16px;
  margin-bottom: 10px;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-box-txt .joyfru-tag-period, #joyfru-oc-content .joyfru-box-txt .joyfru-res-code {
    font-size: 16px;
  }
}
#joyfru-oc-content .joyfru-box-txt .joyfru-box-player-name {
  font-size: 30px;
}
#joyfru-oc-content .joyfru-box-txt .joyfru-box-player-name p {
  font-size: 30px;
  font-weight: bold;
}
#joyfru-oc-content .joyfru-box-txt .joyfru-box-player-names {
  font-size: 16px;
}
#joyfru-oc-content .joyfru-box-txt .joyfru-box-player-names p {
  font-size: 16px;
  font-weight: bold;
}
#joyfru-oc-content .joyfru-box-txt .joyfru-txt-wave-score,
#joyfru-oc-content .joyfru-box-txt .joyfru-txt-scoreboard-score {
  font-size: 14px;
}
#joyfru-oc-content .joyfru-box-txt .joyfru-text-red {
  color: var(--joyfru-palette-pink-100, #ff7fa0) !important;
}
#joyfru-oc-content .joyfru-box-txt .joyfru-text-blue {
  color: var(--joyfru-palette-blue-100, #5fb2ff) !important;
}
#joyfru-oc-content .joyfru-box-txt .joyfru-tag-txt-irm {
  color: var(--joyfru-color2, #fff);
  font-size: 18px;
  font-weight: bold;
  padding: 0 5px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
}
#joyfru-oc-content .joyfru-box-txt .joyfru-tag-sport {
  width: auto;
  min-width: 130px;
  font-size: 14px;
  font-weight: 700;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-box-txt .joyfru-tag-sport {
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-box-txt .joyfru-text-athlete {
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-txt-scroll {
  margin-top: 10px;
  width: 100%;
}
#joyfru-oc-content .joyfru-table-txt {
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 700;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-table-txt {
    font-size: 14px;
  }
}
#joyfru-oc-content .joyfru-table-txt thead tr th {
  padding: 5px 10px;
  vertical-align: middle;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-table-txt thead tr th {
    padding: 5px;
  }
}
#joyfru-oc-content .joyfru-table-txt tbody tr td {
  padding: 5px 10px;
  vertical-align: middle;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-table-txt tbody tr td {
    padding: 5px;
  }
}
#joyfru-oc-content .joyfru-table-txt tbody tr td .joyfru-box-noc {
  display: flex;
  align-items: center;
}
#joyfru-oc-content .joyfru-table-txt tbody tr td .joyfru-box-noc .joyfru-tooltip + span {
  margin-left: 7px;
}
#joyfru-oc-content .joyfru-table-txt tbody tr td .joyfru-text-score {
  font-size: 30px;
  min-width: 80px;
  box-sizing: border-box;
  display: inline-block;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-table-txt tbody tr td .joyfru-text-score {
    font-size: 24px;
    min-width: 30px;
  }
}
#joyfru-oc-content .joyfru-table-txt tbody tr td .joyfru-win {
  color: var(--joyfru-palette-orange-100, #ff9300);
}
#joyfru-oc-content .joyfru-table-txt tbody tr td .joyfru-box-score {
  font-size: 22px;
  min-width: 100px;
  padding: 0 2px;
  box-sizing: border-box;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-table-txt tbody tr td .joyfru-box-score {
    min-width: 70px;
    font-size: 16px;
  }
}
#joyfru-oc-content .joyfru-table-txt tbody tr td .joyfru-box-score span {
  display: inline-block;
  font-size: 22px;
  min-width: 25px;
  text-align: center;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-table-txt tbody tr td .joyfru-box-score span {
    font-size: 16px;
  }
}
#joyfru-oc-content .joyfru-table-txt tbody tr td .joyfru-box-score .joyfru-text-score {
  font-size: 45px;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-table-txt tbody tr td .joyfru-box-score .joyfru-text-score {
    font-size: 30px;
  }
}
#joyfru-oc-content .joyfru-table-txt tbody tr td .joyfru-box-score + .joyfru-box-score {
  margin-top: 5px;
}
#joyfru-oc-content .joyfru-table-txt tbody tr td .joyfru-text-noc,
#joyfru-oc-content .joyfru-table-txt tbody tr td .joyfru-text-athlete {
  margin-top: 5px;
  line-height: 1.2em;
}
#joyfru-oc-content .joyfru-table-txt .joyfru-icon-flag {
  min-width: 25px;
}
#joyfru-oc-content .joyfru-table-txt .joyfru-border-l {
  border-left: solid 1px var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-table-txt .joyfru-border-r {
  border-right: solid 1px var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-table-txt .joyfru-cur-red th {
  padding: 12px;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--joyfru-cur-red-th-from)), to(var(--joyfru-cur-red-th-to)));
  background: -webkit-linear-gradient(var(--joyfru-cur-red-th-from), var(--joyfru-cur-red-th-to));
  background: linear-gradient(var(--joyfru-cur-red-th-from), var(--joyfru-cur-red-th-to));
}
#joyfru-oc-content .joyfru-table-txt .joyfru-cur-red td {
  padding: 12px;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--joyfru-row-td-from)), to(var(--joyfru-row-td-to)));
  background: -webkit-linear-gradient(var(--joyfru-row-td-from), var(--joyfru-row-td-to));
  background: linear-gradient(var(--joyfru-row-td-from), var(--joyfru-row-td-to));
}
#joyfru-oc-content .joyfru-table-txt .joyfru-cur-blue th {
  padding: 12px;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--joyfru-cur-blue-th-from)), to(var(--joyfru-cur-blue-th-to)));
  background: -webkit-linear-gradient(var(--joyfru-cur-blue-th-from), var(--joyfru-cur-blue-th-to));
  background: linear-gradient(var(--joyfru-cur-blue-th-from), var(--joyfru-cur-blue-th-to));
}
#joyfru-oc-content .joyfru-table-txt .joyfru-cur-blue td {
  padding: 12px;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--joyfru-row-td-from)), to(var(--joyfru-row-td-to)));
  background: -webkit-linear-gradient(var(--joyfru-row-td-from), var(--joyfru-row-td-to));
  background: linear-gradient(var(--joyfru-row-td-from), var(--joyfru-row-td-to));
}
#joyfru-oc-content .joyfru-table-txt-vs tbody tr td .joyfru-box-noc {
  flex-direction: column;
}
#joyfru-oc-content .joyfru-table-txt-vs tbody tr td .joyfru-box-noc .joyfru-icon-flag {
  margin: 0;
}
#joyfru-oc-content .joyfru-box-goal {
  width: 100%;
  overflow: auto;
  height: 80px;
  margin-top: 10px;
  border-top: solid 1px var(--joyfru-color2, #fff);
  padding-top: 8px;
}
#joyfru-oc-content .joyfru-box-goal .joyfru-scroll-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#joyfru-oc-content .joyfru-box-goal .joyfru-scroll-inner .joyfru-box-goal-athletes {
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 10px;
  text-align: left;
}
#joyfru-oc-content .joyfru-box-goal .joyfru-scroll-inner .joyfru-box-goal-athletes:first-child {
  text-align: left;
  border-right: solid 1px var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-box-goal .joyfru-scroll-inner .joyfru-box-goal-athletes p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5em;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-box-goal .joyfru-scroll-inner .joyfru-box-goal-athletes p {
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-box-txt .joyfru-box-goal::-webkit-scrollbar,
#joyfru-oc-content .joyfru-txt-scroll::-webkit-scrollbar {
  width: 10px;
}
#joyfru-oc-content .joyfru-box-txt .joyfru-box-goal::-webkit-scrollbar-track,
#joyfru-oc-content .joyfru-txt-scroll::-webkit-scrollbar-track {
  background: var(--joyfru-alpha-black-70, rgba(0, 0, 0, 0.7));
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 1px var(--joyfru-color4, #8c9b95);
  box-shadow: inset 0 0 1px var(--joyfru-color4, #8c9b95);
}
#joyfru-oc-content .joyfru-box-txt .joyfru-box-goal::-webkit-scrollbar-thumb,
#joyfru-oc-content .joyfru-txt-scroll::-webkit-scrollbar-thumb {
  background: var(--joyfru-color8, #ccc);
  border-radius: 10px;
}
#joyfru-oc-content .joyfru-txt-section {
  margin-bottom: 60px;
}
#joyfru-oc-content .joyfru-txt-section .joyfru-box-txt-title {
  padding: 10px;
  margin-bottom: 50px;
  font-weight: bold;
  border-radius: 10px;
  background: var(--joyfru-color23, #25356A);
  position: relative;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-txt-section .joyfru-box-txt-title {
    margin-bottom: 30px;
  }
}
#joyfru-oc-content .joyfru-txt-section .joyfru-box-txt-title p {
  font-size: 25px;
  color: var(--joyfru-color2, #fff);
  text-align: center;
  line-height: 1.2em;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-txt-section .joyfru-box-txt-title p {
    font-size: 20px;
  }
}
#joyfru-oc-content .joyfru-txt-section .joyfru-anchor-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  z-index: 10;
  right: 20px;
  height: 100%;
  align-items: center;
}
#joyfru-oc-content .joyfru-txt-section .joyfru-anchor-link span {
  cursor: pointer;
  width: 40px;
  height: 40px;
  -webkit-transition: opacity 0.4s linear 0s;
  transition: opacity 0.4s linear 0s;
  display: block;
  background: var(--joyfru-color2, #fff);
  border-radius: 50%;
  position: relative;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-txt-section .joyfru-anchor-link span {
    width: 30px;
    height: 30px;
  }
}
#joyfru-oc-content .joyfru-txt-section .joyfru-anchor-link span::before {
  content: "";
  background: var(--joyfru-color23, #25356A);
  position: absolute;
  -webkit-transform-origin: right center;
  transform-origin: right center;
  top: 50%;
  right: 50%;
  margin-right: -1px;
  width: 15px;
  height: 5px;
  border-radius: 5px;
  margin-top: 5px;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-txt-section .joyfru-anchor-link span::before {
    width: 12px;
    height: 4px;
  }
}
#joyfru-oc-content .joyfru-txt-section .joyfru-anchor-link span::after {
  content: "";
  background: var(--joyfru-color23, #25356A);
  position: absolute;
  -webkit-transform-origin: left center;
  transform-origin: left center;
  top: 50%;
  left: 50%;
  margin-left: -1px;
  width: 15px;
  height: 5px;
  border-radius: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: 5px;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-txt-section .joyfru-anchor-link span::after {
    width: 12px;
    height: 4px;
  }
}
#joyfru-oc-content .joyfru-txt-section .joyfru-anchor-link span:nth-child(2) {
  margin-left: 15px;
}
#joyfru-oc-content .joyfru-txt-section .joyfru-anchor-link span.joyfru-anchor-link-down::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#joyfru-oc-content .joyfru-txt-section .joyfru-anchor-link span.joyfru-anchor-link-down::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#joyfru-oc-content .joyfru-txt-section .joyfru-anchor-link span.joyfru-anchor-link-up::before {
  margin-top: -6px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#joyfru-oc-content .joyfru-txt-section .joyfru-anchor-link span.joyfru-anchor-link-up::after {
  margin-top: -6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#joyfru-oc-content .joyfru-txt-section .joyfru-anchor-link span:hover {
  opacity: 0.7;
}
#joyfru-oc-content .joyfru-txt-section .joyfru-txt-section-list {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}
#joyfru-oc-content .joyfru-txt-section .joyfru-txt-section-list::before {
  content: "";
  width: 1px;
  height: 100%;
  background: var(--joyfru-color23, #25356A);
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
}
#joyfru-oc-content .joyfru-txt-section .joyfru-txt-section-list li {
  border: solid 1px var(--joyfru-color23, #25356A);
  background: var(--joyfru-color2, #fff);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
#joyfru-oc-content .joyfru-txt-section .joyfru-txt-section-list li .joyfru-box-game {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 15px;
}
#joyfru-oc-content .joyfru-txt-section .joyfru-txt-section-list li .joyfru-box-game .joyfru-game-time {
  font-size: 14px;
  font-weight: bold;
}
#joyfru-oc-content .joyfru-txt-section .joyfru-txt-section-list li .joyfru-box-game .joyfru-game-flag {
  margin-right: 20px;
}
#joyfru-oc-content .joyfru-txt-section .joyfru-txt-section-list li .joyfru-box-game .joyfru-game-flag img {
  width: 40px;
  border: solid 1px var(--joyfru-color8, #ccc);
}
#joyfru-oc-content .joyfru-txt-section .joyfru-txt-section-list li figure {
  margin: 0;
}
#joyfru-oc-content .joyfru-txt-section .joyfru-txt-section-list li figure img {
  width: 100%;
}
#joyfru-oc-content .joyfru-txt-section .joyfru-txt-section-list li .joyfru-text-area {
  padding: 15px 15px 30px;
}
#joyfru-oc-content .joyfru-txt-section .joyfru-txt-section-list li .joyfru-text-area p {
  font-size: 14px;
}
#joyfru-oc-content .joyfru-txt-section .joyfru-txt-section-list li:not(:last-child) {
  margin-bottom: 20px;
}
#joyfru-oc-content .joyfru-box-score-rank, #joyfru-oc-content .joyfru-box-score-rank2 {
  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: 0 0 10px;
}
#joyfru-oc-content .joyfru-box-score-rank .joyfru-flag, #joyfru-oc-content .joyfru-box-score-rank2 .joyfru-flag {
  margin-right: 15px;
  width: 50px;
}
#joyfru-oc-content .joyfru-box-score-rank .joyfru-score, #joyfru-oc-content .joyfru-box-score-rank2 .joyfru-score {
  display: flex;
  align-items: baseline;
}
#joyfru-oc-content .joyfru-box-score-rank .joyfru-score p, #joyfru-oc-content .joyfru-box-score-rank2 .joyfru-score p {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
}
#joyfru-oc-content .joyfru-box-score-rank .joyfru-score p span, #joyfru-oc-content .joyfru-box-score-rank2 .joyfru-score p span {
  display: inline-block;
  margin-left: 15px;
}
#joyfru-oc-content .joyfru-box-score-rank .joyfru-score .joyfru-txt-rank, #joyfru-oc-content .joyfru-box-score-rank2 .joyfru-score .joyfru-txt-rank {
  margin-left: 10px;
}
#joyfru-oc-content .joyfru-box-score-rank2 {
  margin: 10px 0;
}
#joyfru-oc-content .joyfru-box-score-rank2 .joyfru-txt-score {
  font-size: 18px;
  font-weight: bold;
}
#joyfru-oc-content .joyfru-box-score-rank2 .joyfru-txt-score .joyfru-txt-rank {
  margin-left: 10px;
}
#joyfru-oc-content .joyfru-box-table-score {
  width: 100%;
  margin-top: 20px;
}
#joyfru-oc-content .joyfru-box-table-score .joyfru-table-txt tbody th {
  position: relative;
  color: var(--joyfru-color1, #000);
  vertical-align: middle;
  padding: 5px 10px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-table-score .joyfru-table-txt tbody th {
    padding: 4px 5px;
    font-size: 12px;
  }
}
#joyfru-oc-content .joyfru-box-table-score .joyfru-table-txt tbody th::before {
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: var(--joyfru-alpha-white-80, rgba(255, 255, 255, 0.8));
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: -1;
}
#joyfru-oc-content .joyfru-box-table-score .joyfru-table-txt tbody td {
  padding: 5px 10px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-table-score .joyfru-table-txt tbody td {
    padding: 4px 5px;
    font-size: 14px;
  }
}
#joyfru-oc-content .joyfru-box-score-col {
  display: flex;
  flex-direction: column;
  min-height: 50px;
}
#joyfru-oc-content .joyfru-box-score-col .joyfru-txt-res-code {
  margin-top: auto;
}
#joyfru-oc-content .joyfru-txt-scoreboard-label,
#joyfru-oc-content .joyfru-txt-wave-label {
  background: var(--joyfru-alpha-white-80, rgba(255, 255, 255, 0.8));
  text-align: center;
  color: var(--joyfru-color1, #000);
  width: 100%;
  display: inline-block;
  padding: 2px 5px;
  box-sizing: border-box;
  font-size: 14px;
}
#joyfru-oc-content .joyfru-txt-scroll-top {
  width: 100%;
}
#joyfru-oc-content .joyfru-table-txt-w500 {
  max-width: 500px;
}
#joyfru-oc-content .joyfru-table-txt-glf .joyfru-flag img {
  width: 50px;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-table-txt-glf .joyfru-flag img {
    width: 30px;
  }
}
#joyfru-oc-content .joyfru-table-txt-glf tbody tr th {
  padding: 4px 4px;
  position: relative;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-table-txt-glf tbody tr th {
    padding: 2px;
  }
}
#joyfru-oc-content .joyfru-table-txt-glf tbody tr th::before {
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 1;
  background: var(--joyfru-alpha-white-20, rgba(255, 255, 255, 0.2));
}
#joyfru-oc-content .joyfru-table-txt-glf tbody tr th.joyfru-nobg::before {
  display: none;
}
#joyfru-oc-content .joyfru-table-txt-glf tbody tr td {
  padding: 4px 4px;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-table-txt-glf tbody tr td {
    padding: 2px;
  }
}
#joyfru-oc-content .joyfru-table-txt-glf tbody tr.joyfru-tablerow-body:nth-child(even) {
  position: relative;
}
#joyfru-oc-content .joyfru-table-txt-glf tbody tr.joyfru-tablerow-body:nth-child(even)::after {
  content: "";
  width: 100%;
  height: 100%;
  border-bottom: 1px solid var(--joyfru-color8, #ccc);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
#joyfru-oc-content .joyfru-box-txt-glf .joyfru-list, #joyfru-oc-content .joyfru-box-txt-glf .joyfru-navi-phasenavi, #joyfru-oc-content .joyfru-box-txt-glf .joyfru-navi-navi1, #joyfru-oc-content .joyfru-box-txt-glf .joyfru-navi-navi2, #joyfru-oc-content .joyfru-box-txt-glf .joyfru-navi-navi3,
#joyfru-oc-content .joyfru-box-txt-glf .joyfru-navi-navi4, #joyfru-oc-content .joyfru-box-txt-glf .joyfru-list-qmark-note,
#joyfru-oc-content .joyfru-box-txt-glf .joyfru-list-record-note, #joyfru-oc-content .joyfru-box-txt-glf .joyfru-list-button, #joyfru-oc-content .joyfru-box-txt-glf .joyfru-list-athlete, #joyfru-oc-content .joyfru-box-txt-glf .joyfru-list-country, #joyfru-oc-content .joyfru-box-txt-glf .joyfru-box-phase {
  width: 100%;
}
#joyfru-oc-content .joyfru-box-flag-player {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: baseline;
  width: calc(100% - 50px);
  margin: 0 auto;
}
#joyfru-oc-content .joyfru-box-flag-player .joyfru-flag {
  width: 50px;
  min-width: 50px;
  margin-right: 15px;
  z-index: 9;
}
#joyfru-oc-content .joyfru-box-flag-player .joyfru-flag .joyfru-tooltip {
  vertical-align: bottom;
}
#joyfru-oc-content .joyfru-txt-content-slide {
  position: relative;
  overflow: hidden;
  width: 100%;
}
#joyfru-oc-content .joyfru-txt-content-slide .joyfru-txt-slide-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
#joyfru-oc-content .joyfru-txt-content-slide .joyfru-txt-slide-item {
  position: relative;
  opacity: 0;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: opacity 1s ease-in-out;
}
#joyfru-oc-content .joyfru-txt-content-slide .joyfru-txt-slide-item.joyfru-active {
  opacity: 1;
}
#joyfru-oc-content .joyfru-txt-content-slide .joyfru-slide-control {
  position: absolute;
  top: 7px;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  overflow: hidden;
  transition: all 0.25s;
  white-space: nowrap;
}
#joyfru-oc-content .joyfru-txt-content-slide .joyfru-slide-control.joyfru-txt-slide-prev {
  left: 0;
  transform: rotate(180deg);
}
#joyfru-oc-content .joyfru-txt-content-slide .joyfru-slide-control.joyfru-txt-slide-next {
  right: 0;
}
#joyfru-oc-content .joyfru-txt-content-slide .joyfru-slide-control::before {
  background-color: var(--joyfru-color2, #fff);
  -webkit-clip-path: polygon(73% 57%, 73% 57%, 78.4% 50%, 73% 43%, 73% 43%, 50% 14%, 60.8% 0%, 100% 50%, 60.8% 100%, 50% 86%);
  clip-path: polygon(73% 57%, 73% 57%, 78.4% 50%, 73% 43%, 73% 43%, 50% 14%, 60.8% 0%, 100% 50%, 60.8% 100%, 50% 86%);
  content: "";
  display: block;
  height: 32px;
  left: -5px;
  position: relative;
  transition: all 0.25s;
  width: 24px;
}
#joyfru-oc-content .joyfru-box-icon-card .joyfru-icon-card {
  display: inline-block;
  max-width: 15px;
}
#joyfru-oc-content .joyfru-box-score + .joyfru-box-txt-irm,
#joyfru-oc-content .joyfru-box-score-col + .joyfru-box-txt-irm {
  margin-top: 5px;
}
#joyfru-oc-content .joyfru-box-long-score .joyfru-text-score:first-child, #joyfru-oc-content .joyfru-box-long-score .joyfru-text-score:last-child {
  width: 120px;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-box-long-score .joyfru-text-score:first-child, #joyfru-oc-content .joyfru-box-long-score .joyfru-text-score:last-child {
    width: 80px;
  }
}
#joyfru-oc-content .joyfru-hammer .joyfru-box-noc,
#joyfru-oc-content .joyfru-cur-red .joyfru-box-noc,
#joyfru-oc-content .joyfru-cur-blue .joyfru-box-noc {
  display: flex;
  align-items: center;
}
#joyfru-oc-content .joyfru-hammer .joyfru-box-noc .joyfru-icon-flag,
#joyfru-oc-content .joyfru-cur-red .joyfru-box-noc .joyfru-icon-flag,
#joyfru-oc-content .joyfru-cur-blue .joyfru-box-noc .joyfru-icon-flag {
  width: 50px;
  min-width: 50px;
}
#joyfru-oc-content .joyfru-icon-hammer {
  width: 25px;
  height: 26px;
  margin-left: auto;
}
@media screen and (max-width: 575px) {
  #joyfru-oc-content .joyfru-icon-hammer {
    width: 19px;
    height: 20px;
  }
}

#joyfru-oc-content .joyfru-wrap-area .joyfru-icon-round, #joyfru-oc-content .joyfru-wrap-area .joyfru-icon-final {
  background: var(--joyfru-palette-yellow-900, #f8b628);
  display: inline-block;
  color: var(--joyfru-color2, #fff);
  font-size: 12px;
  line-height: 1;
  padding: 5px 5px;
  margin-right: 5px;
}
#joyfru-oc-content .joyfru-wrap-area .joyfru-icon-final {
  background: var(--joyfru-palette-red-100, #e90a1d);
}
#joyfru-oc-content .joyfru-box-top-title {
  display: flex;
  margin: 0 0 30px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-top-title {
    flex-direction: column-reverse;
    margin: 0 0 20px;
  }
}
#joyfru-oc-content .joyfru-box-top-title .joyfru-box-title-left {
  margin-right: 3%;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-top-title .joyfru-box-title-left {
    margin-right: 0;
  }
}
#joyfru-oc-content .joyfru-box-top-title .joyfru-box-title-left .joyfru-cus-label {
  text-align: right;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-top-title .joyfru-box-title-left .joyfru-cus-label {
    text-align: center;
  }
}
#joyfru-oc-content .joyfru-box-top-title .joyfru-box-title-left .joyfru-cus-label span {
  display: inline-block;
  padding-left: 10px;
  position: relative;
  font-size: 14px;
}
#joyfru-oc-content .joyfru-box-top-title .joyfru-box-title-left .joyfru-cus-label span::before {
  content: "";
  width: 5px;
  height: 1px;
  background: var(--joyfru-color1, #000);
  position: absolute;
  top: 8px;
  left: 0;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-top-title .joyfru-box-title-left .joyfru-cus-label span {
    padding-left: 0;
    font-size: 12px;
  }
  #joyfru-oc-content .joyfru-box-top-title .joyfru-box-title-left .joyfru-cus-label span::before {
    display: none;
  }
}
#joyfru-oc-content .joyfru-box-top-title .joyfru-box-title-left .joyfru-cus-date {
  text-align: right;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-top-title .joyfru-box-title-left .joyfru-cus-date {
    text-align: center;
  }
}
#joyfru-oc-content .joyfru-box-top-title .joyfru-box-title-left .joyfru-cus-date span {
  display: inline-block;
  padding-left: 10px;
  position: relative;
  font-size: 14px;
}
#joyfru-oc-content .joyfru-box-top-title .joyfru-box-title-left .joyfru-cus-date span::before {
  content: "";
  width: 5px;
  height: 1px;
  background: var(--joyfru-color1, #000);
  position: absolute;
  top: 8px;
  left: 0;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-top-title .joyfru-box-title-left .joyfru-cus-date span {
    padding-left: 0;
    font-size: 12px;
  }
  #joyfru-oc-content .joyfru-box-top-title .joyfru-box-title-left .joyfru-cus-date span::before {
    display: none;
  }
}
#joyfru-oc-content .joyfru-box-top-title .joyfru-cus-title {
  font-size: 30px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-top-title .joyfru-cus-title {
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
    position: relative;
  }
  #joyfru-oc-content .joyfru-box-top-title .joyfru-cus-title:before {
    content: "";
    width: 20px;
    height: 1px;
    background: var(--joyfru-palette-red-500, #ea0a1e);
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -10px;
  }
}
#joyfru-oc-content .joyfru-table-cus {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  vertical-align: baseline;
}
#joyfru-oc-content .joyfru-table-cus thead th {
  padding: 30px 10px;
  font-size: 16px;
  position: relative;
  vertical-align: middle;
  border-top: solid 1px var(--joyfru-color1, #000);
  font-weight: normal;
}
#joyfru-oc-content .joyfru-table-cus thead th:not(:last-child):before {
  content: "";
  width: 1px;
  height: calc(100% - 40px);
  background: var(--joyfru-color1, #000);
  position: absolute;
  top: 20px;
  right: 0;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-cus thead th:not(:last-child):before {
    height: calc(100% - 20px);
    top: 10px;
  }
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-table-cus thead th {
    padding: 10px 5px;
    font-size: 14px;
  }
}
#joyfru-oc-content .joyfru-table-cus tbody td {
  text-align: center;
  padding: 25px 10px;
  position: relative;
  vertical-align: middle;
  border-top: solid 1px var(--joyfru-color1, #000);
}
#joyfru-oc-content .joyfru-table-cus tbody td a {
  text-decoration: underline;
}
#joyfru-oc-content .joyfru-table-cus tbody td a:hover {
  opacity: 0.7;
  text-decoration: none;
}
#joyfru-oc-content .joyfru-table-cus.joyfru-search-table {
  font-size: 14px;
}
#joyfru-oc-content .joyfru-box-cus-athlete .joyfru-cus-box-noc {
  margin-right: 5px;
  vertical-align: middle;
}
#joyfru-oc-content .joyfru-box-cus-athlete .joyfru-cus-box-noc .joyfru-icon-flag {
  width: 30px;
}
#joyfru-oc-content .joyfru-cus-schedule .joyfru-cus-schedule-item {
  margin-bottom: 20px;
}
#joyfru-oc-content .joyfru-cus-schedule .joyfru-cus-schedule-item .joyfru-cus-date {
  display: inline-block;
  margin-right: 5px;
  color: var(--joyfru-palette-red-500, #ea0a1e);
  font-size: 14px;
  font-weight: bold;
}
#joyfru-oc-content .joyfru-cus-schedule .joyfru-cus-schedule-item .joyfru-cus-time {
  display: inline-block;
  margin-right: 5px;
  font-weight: bold;
  font-size: 14px;
}
#joyfru-oc-content .joyfru-cus-schedule .joyfru-cus-schedule-item .joyfru-cus-round {
  display: inline-block;
  color: var(--joyfru-palette-red-500, #ea0a1e);
  font-weight: bold;
  font-size: 14px;
}
#joyfru-oc-content .joyfru-cus-schedule .joyfru-cus-schedule-item .joyfru-cus-comp {
  font-size: 18px;
  padding-bottom: 5px;
  border-bottom: solid 1px var(--joyfru-color1);
  margin-bottom: 10px;
}
#joyfru-oc-content .joyfru-cus-schedule .joyfru-cus-schedule-item .joyfru-cus-comp a {
  text-decoration: underline;
}
#joyfru-oc-content .joyfru-cus-schedule .joyfru-cus-schedule-item .joyfru-cus-comp a:hover {
  opacity: 0.7;
  text-decoration: none;
}
#joyfru-oc-content .joyfru-cus-schedule .joyfru-cus-schedule-item .joyfru-cus-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
#joyfru-oc-content .joyfru-cus-schedule .joyfru-cus-schedule-item .joyfru-cus-box .joyfru-cus-box-name {
  width: calc(100% - 6em);
}
#joyfru-oc-content .joyfru-cus-schedule .joyfru-cus-schedule-item .joyfru-cus-box .joyfru-cus-box-name .joyfru-cus-box-noc {
  margin-right: 5px;
}
#joyfru-oc-content .joyfru-cus-schedule .joyfru-cus-schedule-item .joyfru-cus-box .joyfru-cus-box-name .joyfru-cus-box-noc .joyfru-icon-flag {
  width: 30px;
}
#joyfru-oc-content .joyfru-cus-schedule .joyfru-cus-schedule-item .joyfru-cus-box .joyfru-cus-box-name .joyfru-cus-text-athlete {
  display: inline-block;
  vertical-align: middle;
  background: var(--joyfru-palette-gray-233, #7b7b7b);
  line-height: 1;
  color: var(--joyfru-color2, #fff);
  text-decoration: none;
  padding: 2px 5px;
}
#joyfru-oc-content .joyfru-cus-schedule .joyfru-cus-schedule-item .joyfru-cus-box .joyfru-box-rs {
  width: 5em;
}
#joyfru-oc-content .joyfru-cus-schedule .joyfru-cus-schedule-item .joyfru-cus-box .joyfru-box-rs p {
  text-align: right;
  font-size: 13px;
}
#joyfru-oc-content .joyfru-cus-schedule .joyfru-cus-schedule-item .joyfru-cus-box .joyfru-cus-venue {
  width: calc(100% - 5em);
}
#joyfru-oc-content .joyfru-cus-schedule .joyfru-cus-schedule-item .joyfru-cus-box .joyfru-cus-state {
  width: 4em;
}
#joyfru-oc-content .joyfru-cus-schedule .joyfru-cus-schedule-item .joyfru-cus-box .joyfru-cus-state p {
  font-size: 13px;
  text-align: right;
  font-weight: bold;
}
#joyfru-oc-content .joyfru-cus-schedule .joyfru-cus-schedule-item .joyfru-box-rs02 {
  margin-bottom: 10px;
}
#joyfru-oc-content .joyfru-cus-schedule .joyfru-cus-schedule-item .joyfru-box-rs02 p {
  text-align: right;
  font-size: 13px;
}
#joyfru-oc-content .joyfru-box-cus-title {
  border-top: solid 1px var(--joyfru-color1);
  border-bottom: solid 1px var(--joyfru-color1);
  padding: 25px 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-cus-title {
    padding: 15px 10px;
    margin-bottom: 20px;
  }
}
#joyfru-oc-content .joyfru-box-cus-title p {
  font-size: 30px;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-cus-title p {
    font-size: 20px;
  }
}
#joyfru-oc-content .joyfru-box-cus-title p span {
  display: inline-block;
  font-size: 46%;
  margin-left: 10px;
  position: relative;
}
#joyfru-oc-content .joyfru-box-cus-title p span::before {
  content: "";
  width: 10px;
  height: 1px;
  background: var(--joyfru-color1);
  position: absolute;
  bottom: 2px;
  right: -12px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-cus-title p span {
    font-size: 60%;
  }
}
#joyfru-oc-content .joyfru-js-conditions,
#joyfru-oc-content .joyfru-js-conditions02 {
  margin-bottom: 40px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-js-conditions,
  #joyfru-oc-content .joyfru-js-conditions02 {
    margin-bottom: 20px;
  }
}
#joyfru-oc-content .joyfru-js-conditions p,
#joyfru-oc-content .joyfru-js-conditions02 p {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  margin-right: 9px;
  margin-bottom: 9px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-js-conditions p,
  #joyfru-oc-content .joyfru-js-conditions02 p {
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
}
#joyfru-oc-content .joyfru-js-conditions p input[type=checkbox],
#joyfru-oc-content .joyfru-js-conditions02 p input[type=checkbox] {
  display: none;
}
#joyfru-oc-content .joyfru-js-conditions p label,
#joyfru-oc-content .joyfru-js-conditions02 p label {
  display: inline-block;
  background: var(--joyfru-color17);
  padding: 5px 15px;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-js-conditions p label,
  #joyfru-oc-content .joyfru-js-conditions02 p label {
    padding: 8px 10px;
  }
}
#joyfru-oc-content .joyfru-js-conditions p input[type=checkbox]:checked + label,
#joyfru-oc-content .joyfru-js-conditions02 p input[type=checkbox]:checked + label {
  background: var(--joyfru-palette-yellow-500, #f7a609);
  color: var(--joyfru-color2, #fff);
}
#joyfru-oc-content .joyfru-t-mark {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 2px;
}
#joyfru-oc-content .joyfru-t-mark .joyfru-icon-tmark {
  width: 22px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-t-mark .joyfru-icon-tmark {
    width: 17px;
  }
}
#joyfru-oc-content .joyfru-box-cus-date {
  margin-bottom: 40px;
}
#joyfru-oc-content .joyfru-box-cus-date .joyfru-cus-date-title {
  padding: 10px 30px;
  position: relative;
  margin-bottom: 5px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-cus-date .joyfru-cus-date-title {
    padding: 6px 12px;
    position: relative;
    margin-bottom: 5px;
  }
}
#joyfru-oc-content .joyfru-box-cus-date .joyfru-cus-date-title p {
  font-size: 18px;
  line-height: 1.2em;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-cus-date .joyfru-cus-date-title p {
    font-size: 16px;
    line-height: 1.2em;
  }
}
#joyfru-oc-content .joyfru-box-cus-date .joyfru-cus-date-title p::before {
  content: "";
  width: 1px;
  height: 100%;
  background: var(--joyfru-color1);
  position: absolute;
  top: 0;
  left: 9px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-cus-date .joyfru-cus-date-title p::before {
    content: "";
    width: 1px;
    height: 100%;
    background: var(--joyfru-color1);
    position: absolute;
    top: 0;
    left: 3px;
  }
}
#joyfru-oc-content .joyfru-box-cus-date .joyfru-cus-date-title p::after {
  content: "";
  width: 10px;
  height: 1px;
  background: var(--joyfru-color1);
  position: absolute;
  top: 20px;
  left: 9px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-cus-date .joyfru-cus-date-title p::after {
    content: "";
    width: 5px;
    height: 1px;
    background: var(--joyfru-color1);
    position: absolute;
    top: 15px;
    left: 3px;
  }
}
#joyfru-oc-content .joyfru-box-profile {
  display: flex;
  padding: 2%;
  margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-profile {
    display: block;
    padding: 2%;
  }
}
#joyfru-oc-content .joyfru-box-profile .joyfru-cus-photo {
  width: 150px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-profile .joyfru-cus-photo {
    width: 100%;
    text-align: center;
  }
  #joyfru-oc-content .joyfru-box-profile .joyfru-cus-photo img {
    width: 150px;
  }
}
#joyfru-oc-content .joyfru-box-profile .joyfru-cus-info {
  width: calc(100% - 170px);
  margin-left: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 5px;
  display: flex;
  position: relative;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-profile .joyfru-cus-info {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
}
#joyfru-oc-content .joyfru-box-profile .joyfru-cus-info .joyfru-cus-flag {
  margin-right: 10px;
}
#joyfru-oc-content .joyfru-box-profile .joyfru-cus-info .joyfru-cus-flag .joyfru-icon-flag {
  width: 30px;
}
#joyfru-oc-content .joyfru-box-profile .joyfru-cus-info .joyfru-cus-boxname .joyfru-profile-name {
  font-size: 20px;
  line-height: 1.3em;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-box-profile .joyfru-cus-info .joyfru-cus-boxname .joyfru-profile-name {
    font-size: 18px;
  }
}
#joyfru-oc-content .joyfru-box-profile .joyfru-cus-info .joyfru-cus-boxname .joyfru-profile-name-en {
  font-size: 12px;
}
#joyfru-oc-content .joyfru-box-profile .joyfru-cus-info .joyfru-cus-boxname .joyfru-profile-affiliation {
  font-size: 14px;
  margin-top: 5px;
}
#joyfru-oc-content .joyfru-box-profile .joyfru-cus-info .joyfru-cus-boxname .joyfru-profile-btn {
  display: inline-block;
  margin-top: 10px;
}
#joyfru-oc-content .joyfru-box-profile .joyfru-cus-info .joyfru-cus-boxname .joyfru-profile-btn a {
  display: block;
  background: var(--joyfru-color-border-contrast);
  color: var(--joyfru-color2, #fff);
  font-size: 14px;
  line-height: 1.2em;
  padding: 5px 10px;
  border-radius: 5px;
  text-decoration: none;
}
#joyfru-oc-content .joyfru-cus-content .joyfru-js-target02 {
  display: none;
}
#joyfru-oc-content .joyfru-cus-content .joyfru-js-target02.joyfru-js-selected {
  display: block;
}
#joyfru-oc-content .joyfru-cus-content .joyfru-search-table .joyfru-js-target {
  display: none;
}
#joyfru-oc-content .joyfru-cus-content .joyfru-search-table .joyfru-js-target.joyfru-js-selected {
  display: table-row;
}
#joyfru-oc-content .joyfru-cus-content .joyfru-cus-schedule .joyfru-js-target {
  display: none;
}
#joyfru-oc-content .joyfru-cus-content .joyfru-cus-schedule .joyfru-js-target.joyfru-js-selected {
  display: block;
}
#joyfru-oc-content .joyfru-nowrap {
  white-space: nowrap;
}
#joyfru-oc-content .joyfru-cus-header {
  border-bottom: solid 1px var(--joyfru-color1, #000);
  margin-bottom: 30px;
  background: transparent;
  padding: 0;
}
#joyfru-oc-content .joyfru-cus-header .joyfru-inner {
  width: 94%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 45px 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-cus-header .joyfru-inner {
    padding: 20px 0;
  }
}
#joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-logo {
  width: 136px;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-logo {
    width: 106px;
  }
}
#joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-menu {
  width: calc(100% - 160px);
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-menu {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 61px;
    left: -100%;
    background: var(--joyfru-color2, #fff);
    display: block;
    overflow-y: auto;
    transition: all 0.3s ease;
    z-index: 9;
  }
}
#joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-menu .joyfru-list-menu {
  font-size: 0;
  text-align: right;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-menu .joyfru-list-menu {
    width: 90%;
    font-size: 0;
    text-align: center;
    margin: 20px auto 0;
  }
}
#joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-menu .joyfru-list-menu li {
  font-size: 16px;
  display: inline-block;
  margin-left: 20px;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-menu .joyfru-list-menu li {
    font-size: 16px;
    display: block;
    margin-left: 0;
    padding: 10px 0;
  }
}
#joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-menu .joyfru-list-menu li a {
  transition: all 0.3s ease;
}
#joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-menu .joyfru-list-menu li a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-menu .joyfru-list-menu li a {
    display: block;
    text-decoration: none;
  }
}
#joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-menu .joyfru-list-menu li.joyfru-sub-menu {
  position: relative;
}
#joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-menu .joyfru-list-menu li.joyfru-sub-menu > a {
  position: relative;
  padding-right: 12px;
  display: block;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-menu .joyfru-list-menu li.joyfru-sub-menu > a {
    padding-right: 0;
  }
}
#joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-menu .joyfru-list-menu li.joyfru-sub-menu > a::before {
  content: "";
  width: 5px;
  height: 5px;
  border-right: solid 2px var(--joyfru-color-border-contrast);
  border-bottom: solid 2px var(--joyfru-color-border-contrast);
  position: absolute;
  top: 8px;
  right: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 10;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-menu .joyfru-list-menu li.joyfru-sub-menu > a::before {
    width: 10px;
    height: 10px;
    border-right: solid 2px var(--joyfru-color-border-contrast);
    border-bottom: solid 2px var(--joyfru-color-border-contrast);
    position: absolute;
    top: 12px;
    right: 20%;
  }
}
#joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-menu .joyfru-list-menu li.joyfru-sub-menu:hover .joyfru-dropdown-menu {
  transition: all 0.3s ease;
  top: 21px;
  opacity: 1;
  visibility: visible;
}
#joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-menu .joyfru-list-menu li.joyfru-sub-menu > .joyfru-dropdown-menu {
  position: absolute;
  background: var(--joyfru-color2, #fff);
  top: 40px;
  opacity: 0;
  visibility: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-menu .joyfru-list-menu li.joyfru-sub-menu > .joyfru-dropdown-menu {
    position: static;
    opacity: 1;
    visibility: visible;
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    box-shadow: none;
    transition: all 0.3s ease;
  }
}
#joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-menu .joyfru-list-menu li.joyfru-sub-menu > .joyfru-dropdown-menu li {
  text-align: left;
  white-space: nowrap;
  line-height: 2em;
  padding: 0 5px;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-menu .joyfru-list-menu li.joyfru-sub-menu > .joyfru-dropdown-menu li {
    text-align: center;
  }
  #joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-menu .joyfru-list-menu li.joyfru-sub-menu > .joyfru-dropdown-menu li a {
    padding: 5px 0;
    font-size: 80%;
  }
}
#joyfru-oc-content .joyfru-cus-header .joyfru-inner .joyfru-cus-menu .joyfru-list-menu li.joyfru-sub-menu .joyfru-btn-dp:checked ~ .joyfru-dropdown-menu {
  max-height: 100%;
}
#joyfru-oc-content .joyfru-cus-header .joyfru-btn-menu,
#joyfru-oc-content .joyfru-cus-header .joyfru-btn-dp {
  display: none;
}
#joyfru-oc-content .joyfru-cus-header .joyfru-sp-item {
  display: none;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-cus-header .joyfru-sp-item {
    display: block;
    cursor: pointer;
    position: relative;
  }
  #joyfru-oc-content .joyfru-cus-header .joyfru-sp-item::before {
    content: "";
    width: 5px;
    height: 5px;
    border-right: solid 2px var(--joyfru-color-border-contrast);
    border-bottom: solid 2px var(--joyfru-color-border-contrast);
    position: absolute;
    top: 8px;
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 10;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  #joyfru-oc-content .joyfru-cus-header .joyfru-sp-item::before {
    width: 10px;
    height: 10px;
    border-right: solid 2px var(--joyfru-color-border-contrast);
    border-bottom: solid 2px var(--joyfru-color-border-contrast);
    position: absolute;
    top: 2px;
    right: 20%;
  }
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-cus-header .joyfru-pc-item {
    display: none !important;
  }
}
#joyfru-oc-content .joyfru-cus-header .joyfru-sp-menu {
  display: none;
  width: 25px;
  height: 20px;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-cus-header .joyfru-sp-menu {
    display: block;
  }
}
#joyfru-oc-content .joyfru-cus-header .joyfru-sp-menu span {
  width: 100%;
  height: 1px;
  background: var(--joyfru-color1, #000);
  position: absolute;
  left: 0;
}
#joyfru-oc-content .joyfru-cus-header .joyfru-sp-menu span.joyfru-top {
  top: 0;
}
#joyfru-oc-content .joyfru-cus-header .joyfru-sp-menu span.joyfru-middle {
  top: 50%;
  margin-top: -1px;
}
#joyfru-oc-content .joyfru-cus-header .joyfru-sp-menu span.joyfru-bottom {
  bottom: 0;
}
#joyfru-oc-content .joyfru-cus-header #joyfru-sp-menu:checked + label .joyfru-top {
  top: 50%;
  margin-top: -1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#joyfru-oc-content .joyfru-cus-header #joyfru-sp-menu:checked + label .joyfru-middle {
  display: none;
}
#joyfru-oc-content .joyfru-cus-header #joyfru-sp-menu:checked + label .joyfru-bottom {
  top: 50%;
  bottom: auto;
  margin-top: -1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#joyfru-oc-content .joyfru-cus-header #joyfru-sp-menu:checked ~ .joyfru-cus-menu {
  left: 0%;
}
#joyfru-oc-content .joyfru-cus-footer {
  border-top: solid 1px var(--joyfru-color1, #000);
  margin-top: 40px;
  background: transparent;
  padding: 0;
}
#joyfru-oc-content .joyfru-cus-footer .joyfru-inner {
  width: 94%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
}
#joyfru-oc-content .joyfru-cus-footer .joyfru-inner small {
  font-size: 12px;
  line-height: 1.5em;
}
#joyfru-oc-content .joyfru-wrap {
  width: 94%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #joyfru-oc-content .joyfru-sp-carousel {
    display: flex;
    align-items: flex-start;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scroll-snap-stop: always;
    -webkit-overflow-scrolling: touch;
    gap: 10px;
  }
  #joyfru-oc-content .joyfru-sp-slide {
    flex: 0 0 100%;
    scroll-snap-align: start;
  }
  #joyfru-oc-content .joyfru-sp-slide .joyfru-table, #joyfru-oc-content .joyfru-sp-slide .joyfru-table-res-versus, #joyfru-oc-content .joyfru-sp-slide .joyfru-table-res-versus-team, #joyfru-oc-content .joyfru-sp-slide .joyfru-table-team, #joyfru-oc-content .joyfru-sp-slide .joyfru-table-detail, #joyfru-oc-content .joyfru-sp-slide .joyfru-table-por-table, #joyfru-oc-content .joyfru-sp-slide .joyfru-table-tim-table, #joyfru-oc-content .joyfru-sp-slide .joyfru-table-medallist, #joyfru-oc-content .joyfru-sp-slide .joyfru-table-pk, #joyfru-oc-content .joyfru-sp-slide .joyfru-table-navi-schedule {
    width: 100%;
  }
}

:root {
  --joyfru-color1: #000;
  --joyfru-color2: #fff;
  --joyfru-color3: #004221;
  --joyfru-color4: #8c9b95;
  --joyfru-color5: #fab900;
  --joyfru-color6: rgba(0, 0, 0, 0.6);
  --joyfru-color7: #e3e3e3;
  --joyfru-color8: #ccc;
  --joyfru-color9: #f5f5f5;
  --joyfru-color10: #ff5757;
  --joyfru-color11: #ff0042;
  --joyfru-color12: #00b460;
  --joyfru-color13: #6edbd7;
  --joyfru-color14: #0266c4;
  --joyfru-color15: #1a18ba;
  --joyfru-color16: #341269;
  --joyfru-color17: #eee;
  --joyfru-color18: #2D2D2D;
  --joyfru-color19: #004b98;
  --joyfru-color20: #707070;
  --joyfru-color21: #d1d1ff;
  --joyfru-color22: #ffd1d1;
  --joyfru-color23: #25356A;
  --joyfru-color-border-muted: rgba(0, 0, 0, 0.2);
  --joyfru-color-special-gold: #897529;
  --joyfru-color-brand-accent: #2800f0;
  --joyfru-color-border-contrast: #999;
  --joyfru-color-typography-bg: #454d49;
  --joyfru-color-typography-deco: #5c6661;
  --joyfru-color-shadow-strong: rgba(0, 0, 0, 0.3);
  --joyfru-color-panel-bg-translucent: rgba(245, 245, 245, 0.9);
  --joyfru-color-indigo-0000ff: #0000ff;
  --joyfru-color-teal-008000: #008000;
  --joyfru-color-cyan-008080: #008080;
  --joyfru-color-cyan-00c7be: #00c7be;
  --joyfru-color-gray-1a1a1a: #1a1a1a;
  --joyfru-color-blue-5fb2ff: #5fb2ff;
  --joyfru-color-indigo-626196: #626196;
  --joyfru-color-gray-7b7b7b: #7b7b7b;
  --joyfru-color-indigo-7e7dd0: #7e7dd0;
  --joyfru-color-gray-808080: #808080;
  --joyfru-color-gray-969696: #969696;
  --joyfru-color-gray-aaaaaa: #aaaaaa;
  --joyfru-color-gray-cecece: #cecece;
  --joyfru-color-red-e90a1d: #e90a1d;
  --joyfru-color-red-ea0a1e: #ea0a1e;
  --joyfru-color-magenta-ee00ff: #ee00ff;
  --joyfru-color-gray-f5f5f5: #f5f5f5;
  --joyfru-color-yellow-f7a609: #f7a609;
  --joyfru-color-yellow-f8b628: #f8b628;
  --joyfru-color-red-ff0000: #ff0000;
  --joyfru-color-pink-ff7fa0: #ff7fa0;
  --joyfru-color-orange-ff9300: #ff9300;
  --joyfru-color-yellow-ffcc00: #ffcc00;
  --joyfru-alpha-black-09: rgba(0, 0, 0, 0.09);
  --joyfru-alpha-black-10: rgba(0, 0, 0, 0.1);
  --joyfru-alpha-black-50: rgba(0, 0, 0, 0.5);
  --joyfru-alpha-black-70: rgba(0, 0, 0, 0.7);
  --joyfru-alpha-black-50-2: rgba(0, 0, 0, 50%);
  --joyfru-alpha-gray-40: rgba(140, 155, 149, 0.4);
  --joyfru-alpha-gray-20: rgba(149, 157, 165, 0.2);
  --joyfru-alpha-pink-06: rgba(255, 0, 66, 0.06);
  --joyfru-alpha-white-20: rgba(255, 255, 255, 0.2);
  --joyfru-alpha-white-70: rgba(255, 255, 255, 0.7);
  --joyfru-alpha-white-80: rgba(255, 255, 255, 0.8);
  --joyfru-alpha-gray-90: rgba(40, 40, 40, 0.9);
  /* Palette tokens */
  --joyfru---palette-indigo-100: #626196;
  --joyfru---palette-indigo-500: #0000ff;
  --joyfru---palette-indigo-900: #7e7dd0;
  --joyfru---palette-teal-100: #008000;
  --joyfru---palette-cyan-100: #008080;
  --joyfru---palette-cyan-900: #00c7be;
  --joyfru---palette-gray-100: #1a1a1a;
  --joyfru---palette-gray-233: #7b7b7b;
  --joyfru---palette-gray-367: #808080;
  --joyfru---palette-gray-500: #969696;
  --joyfru---palette-gray-633: #aaaaaa;
  --joyfru---palette-gray-767: #cecece;
  --joyfru---palette-gray-900: #f5f5f5;
  --joyfru---palette-blue-100: #5fb2ff;
  --joyfru---palette-red-100: #e90a1d;
  --joyfru---palette-red-500: #ea0a1e;
  --joyfru---palette-red-900: #ff0000;
  --joyfru---palette-magenta-100: #ee00ff;
  --joyfru---palette-yellow-100: #ffcc00;
  --joyfru---palette-yellow-500: #f7a609;
  --joyfru---palette-yellow-900: #f8b628;
  --joyfru---palette-pink-100: #ff7fa0;
  --joyfru---palette-orange-100: #ff9300;
  /* current row (th) gradients */
  --joyfru-cur-red-th-from: #bb1015;
  --joyfru-cur-red-th-to: #7a0a0e;
  --joyfru-cur-blue-th-from: #23268b;
  --joyfru-cur-blue-th-to: #15185a;
  /* current row (td) gradients */
  --joyfru-row-td-from: #555555;
  --joyfru-row-td-to: #222222;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Text / Background */
    --joyfru-color1: #ffffff;
    --joyfru-color2: #121212;
    --joyfru-color9: #121212;
    --joyfru-color17: #121212;
    /* Record item label (#DDDDDD -> #A6A6A6) */
    --joyfru-color7: #a6a6a6;
    /* Phase frame / border contrast */
    --joyfru-color-border-contrast: #ffffff;
    /* Content ranking tones (PDF) */
    --joyfru---palette-gray-233: #404040;
    /* --joyfru---palette-gray-367: #595959; */
  }
  /* 1) Global */
  #joyfru-oc-content {
    color: var(--joyfru-color1);
    background: var(--joyfru-color2);
  }
  /* 2) _contentpage.scss  */
  #joyfru-oc-content .joyfru-box-typography .joyfru-box-noc-name, #joyfru-oc-content .joyfru-box-typography-small .joyfru-box-noc-name,
  #joyfru-oc-content .joyfru-box-typography .joyfru-box-typography-title,
  #joyfru-oc-content .joyfru-box-typography-small .joyfru-box-typography-title,
  #joyfru-oc-content .joyfru-section-event .joyfru-text-event-title,
  #joyfru-oc-content .joyfru-box-form-search,
  #joyfru-oc-content .joyfru-tag-schedule-label-h,
  /* #joyfru-oc-content .joyfru-tag-schedule-label-f, */
  #joyfru-oc-content .joyfru-box-select-day-all input:checked + label{
    color: var(--joyfru-color1);
  }
  /* #joyfru-oc-content .joyfru-tag-schedule-label-f {
    background: var(--joyfru-color2);
  } */
  #joyfru-oc-content .joyfru-list-scroll-nav li.joyfru-active {
    border-bottom-color: var(--joyfru-color-border-contrast);
  }
  .joyfru-table-medallist thead th {
    background: var(--joyfru-color-item-bg);
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-table-medallist tbody tr:nth-child(odd) {
    background: var(--joyfru---palette-gray-233);
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-table-medallist tbody tr:nth-child(even) {
    background: var(--joyfru---palette-gray-367);
    color: var(--joyfru-color1);
  }
  /* 3) _navi.scss */
  #joyfru-oc-content .joyfru-navi-phasenavi .joyfru-navi-phasenavi-item.joyfru-active a,
  #joyfru-oc-content .joyfru-navi-phasenavi .joyfru-navi-phasenavi-item:hover a,
  #joyfru-oc-content .joyfru-tab .joyfru-tab-link li,
  #joyfru-oc-content .joyfru-slideshow .joyfru-slide-control li p,
  #joyfru-oc-content .joyfru-tab.joyfru-tab-mem .joyfru-tab-link li {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-tab.joyfru-tab-mem .joyfru-tab-link li.joyfru-active {
    color: var(--joyfru-color1, #fff);
  }
  #joyfru-oc-content .joyfru-slideshow .joyfru-slide-control li p.joyfru-slide-prev:before, #joyfru-oc-content .joyfru-slideshow .joyfru-slide-control li p.joyfru-slide-next:before {
    border-top: solid 2px var(--joyfru-color1, #fff);
    border-left: solid 2px var(--joyfru-color1, #fff);
  }
  #joyfru-oc-content .joyfru-navi-phasenavi .joyfru-navi-phasenavi-item a::before {
    border: 1px solid var(--joyfru-color-border-contrast);
  }
  #joyfru-oc-content .joyfru-box-navi-schedule .joyfru-navi-schedule-next {
    background: var(--joyfru-color2);
  }
  #joyfru-oc-content .joyfru-navi-phasenavi .joyfru-navi-phasenavi-item a {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-navi-navi1 .joyfru-navi-navi1-item a {
    border: solid 1px var(--joyfru-color1);
    background: var(--joyfru-color2, #fff);
  }
  #joyfru-oc-content .joyfru-navi-navi1 .joyfru-navi-navi1-item a:before {
    border-top: solid 1px var(--joyfru-color1);
    border-right: solid 1px var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-navi-navi1 .joyfru-navi-navi1-item.joyfru-active a {
    color: var(--joyfru-color1, #fff);
    border: solid 1px var(--joyfru-color1, #004221);
    background: var(--joyfru-color3, #004221);
  }
  /* 4) _table.scss */
  #joyfru-oc-content .joyfru-table-medallist thead tr th {
    background: var(--joyfru-color2);
    color: var(--joyfru-color1);
    border-color: var(--joyfru-color-border-contrast);
  }
  #joyfru-oc-content .joyfru-tag-weight-category {
    background: var(--joyfru-color2);
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-wrapper-tournament .joyfru-list-tournament .joyfru-list-tournament-item {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-table-detail table thead tr th, #joyfru-oc-content .joyfru-table-detail table tbody tr th {
    background: var(--joyfru-color7);
  }
  #joyfru-oc-content .joyfru-tableheader-sub,
  #joyfru-oc-content .joyfru-table tbody tr.joyfru-tableheader-sub th,
  #joyfru-oc-content .joyfru-table-res-versus tbody tr.joyfru-tableheader-sub th,
  #joyfru-oc-content .joyfru-table-res-versus-team tbody tr.joyfru-tableheader-sub th,
  #joyfru-oc-content .joyfru-table-team tbody tr.joyfru-tableheader-sub th,
  #joyfru-oc-content .joyfru-table-detail tbody tr.joyfru-tableheader-sub th,
  #joyfru-oc-content .joyfru-table-por-table tbody tr.joyfru-tableheader-sub th,
  #joyfru-oc-content .joyfru-table-tim-table tbody tr.joyfru-tableheader-sub th,
  #joyfru-oc-content .joyfru-table-medallist tbody tr.joyfru-tableheader-sub th,
  #joyfru-oc-content .joyfru-table-pk tbody tr.joyfru-tableheader-sub th,
  #joyfru-oc-content .joyfru-table-navi-schedule tbody tr.joyfru-tableheader-sub th {
    background: var(--joyfru---palette-gray-367);
  }
  #joyfru-oc-content .joyfru-table-team .joyfru-tablebody-team {
    background: var(--joyfru-color18, #2D2D2D);
    border-bottom: solid 1px var(--joyfru-color8, #ccc);
  }
  /* 5) _tag.scss */
  #joyfru-oc-content .joyfru-tag,
  #joyfru-oc-content .joyfru-tag-gender,
  #joyfru-oc-content .joyfru-tag-newrecord,
  #joyfru-oc-content .joyfru-tag-qmark,
  #joyfru-oc-content .joyfru-tag-position,
  #joyfru-oc-content .joyfru-tag-pk {
    color: var(--joyfru-color1);
    border-color: var(--joyfru-color-border-contrast);
  }
  #joyfru-oc-content .joyfru-tag-athlete,
  #joyfru-oc-content .joyfru-tag-athlete-note {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-tag-win::after,
  #joyfru-oc-content .joyfru-tag-win01::before {
    color: var(--joyfru-color1, #fff);
  }
  #joyfru-oc-content .joyfru-tag-gender {
    color: var(--joyfru-color2);
  }
  #joyfru-oc-content .joyfru-tag-position {
    color: var(--joyfru-color2);
  }
  /* 6) _box.scss */
  #joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-text-athlete,
  #joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-list-event li a,
  #joyfru-oc-content .joyfru-card-athlete-detail .joyfru-card-athlete-info .joyfru-list-event li a .joyfru-text-event {
    color: var(--joyfru-color1);
  }
  /* Banner “dark/light”  */
  #joyfru-oc-content .joyfru-box-banner.joyfru-bg-dark {
    background: var(--joyfru-color2);
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-box-banner.joyfru-bg-dark .joyfru-text-update-date,
  #joyfru-oc-content .joyfru-box-banner.joyfru-bg-dark .joyfru-box-medal .joyfru-text-medal,
  #joyfru-oc-content .joyfru-box-banner.joyfru-bg-dark .joyfru-text-linkmore {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-box-banner.joyfru-bg-light .joyfru-tab-link li.joyfru-active {
    background: var(--joyfru-color2);
  }
  /* Medal list filter tick */
  #joyfru-oc-content .joyfru-box-medalList .joyfru-list-filter li input:checked + label::before {
    background: var(--joyfru-color2);
  }
  /* Match progress header */
  #joyfru-oc-content .joyfru-match-progress .joyfru-box-match-noc {
    color: var(--joyfru-color1);
  }
  /* Score text */
  #joyfru-oc-content .joyfru-box-color-score .joyfru-text-period-score {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-table-medallist .joyfru-box-noc a {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-text-medal {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-box-sporttilte {
    background-color: var(--joyfru---palette-gray-233);
    box-shadow: 0 10px 10px -10px rgba(255, 255, 255, 0.4);
  }
  #joyfru-oc-content .joyfru-sport-board .joyfru-sport-board-info {
    background-color: var(--joyfru---palette-gray-233);
  }
  #joyfru-oc-content .joyfru-list-event-title {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-list-event-title::before {
    background: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-toggle input[type=checkbox] {
    --active: var(--joyfru-color1);
    --active-inner: var(--joyfru-color2);
    --border: var(--joyfru-color1);
    --border-hover: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-tag-event-title {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-table-tournament-schedule thead tr th {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-table-tournament-schedule .joyfru-text-competition {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-item .joyfru-text-event-unit {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-text-update-time {
    color: var(--joyfru-color1);
  }
  /* 7) _button.scss */
  #joyfru-oc-content .joyfru-button, #joyfru-oc-content .joyfru-button-detail, #joyfru-oc-content .joyfru-button-more, #joyfru-oc-content .joyfru-button-back, #joyfru-oc-content .joyfru-button-next, #joyfru-oc-content .joyfru-button-link {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-button-detail, #joyfru-oc-content .joyfru-button-more,
  #joyfru-oc-content .joyfru-button-back,
  #joyfru-oc-content .joyfru-button-next {
    background-color: var(--joyfru-color4);
    border-color: var(--joyfru-color-border-contrast);
  }
  #joyfru-oc-content .joyfru-button-detail, #joyfru-oc-content .joyfru-button-more {
    background-color: var(--joyfru-color1);
    color: var(--joyfru-color2);
    border-color: var(--joyfru-color-border-contrast);
  }
  #joyfru-oc-content .joyfru-button-detail::before, #joyfru-oc-content .joyfru-button-more::before {
    border-left: solid 2px var(--joyfru-color2);
    border-bottom: solid 2px var(--joyfru-color2);
  }
  #joyfru-oc-content .joyfru-button-og:hover,
  #joyfru-oc-content .joyfru-button-pg:hover {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_RESCHEDULED,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_CANCELLED,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_DELAYED,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_FINISHED,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_GETTING_READY,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_INTERRUPTED,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_POSTPONED,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_RUNNING,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_SCHEDULED,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_SCHEDULED_BREAK,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_UNSCHEDULED,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_textlive {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-button-more:before {
    border-left: solid 2px var(--joyfru-color1);
    border-bottom: solid 2px var(--joyfru-color1);
  }
  #joyfru-oc-content .phase-frame {
    border-color: var(--joyfru-color-border-contrast);
  }
  #joyfru-oc-content .phase.is-selected {
    background: var(--joyfru-color3);
    color: var(--joyfru-color2);
  }
  #joyfru-oc-content .sport-icon {
    color: var(--joyfru-color3);
  }
  /* === _custom.scss === */
  #joyfru-oc-content .joyfru-box-custom-header,
  #joyfru-oc-content .joyfru-box-custom-footer {
    background: var(--joyfru-color2);
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-box-custom-title {
    color: var(--joyfru-color1);
  }
  /* === _icon.scss === */
  #joyfru-oc-content .joyfru-icon,
  #joyfru-oc-content .joyfru-icon-label {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-icon-border {
    border-color: var(--joyfru-color-border-contrast);
  }
  /* === _text.scss === */
  #joyfru-oc-content .joyfru-text,
  #joyfru-oc-content .joyfru-text-title,
  #joyfru-oc-content .joyfru-text-note {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-text-update_date {
    color: var(--joyfru-color1);
  }
  /* === _textlive.scss === */
  #joyfru-oc-content .joyfru-box-txt .joyfru-box-txt-content .joyfru-box-comp .joyfru-text-comp-desc {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-textlive-highlight {
    border-color: var(--joyfru-color-border-contrast);
  }
  #joyfru-oc-content .joyfru-box-txt .joyfru-text-athlete {
    color: var(--joyfru-color1, #fff);
  }
  .joyfru-tag-resultstatus, #joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_0, #joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_1, #joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_2, #joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_3, #joyfru-oc-content .joyfru-box-txt .joyfru-tag-resultstatus_4 {
    color: var(--joyfru-color1, #000);
  }
  #joyfru-oc-content .joyfru-tag-sport {
    color: var(--joyfru-color1, #fff);
  }
  /* === _tooltip.scss === */
  #joyfru-oc-content .joyfru-tooltip {
    background: var(--joyfru-color2);
    color: var(--joyfru-color1);
    border-color: var(--joyfru-color-border-contrast);
  }
  #joyfru-oc-content .joyfru-tooltip::after {
    border-top-color: var(--joyfru-color2);
  }
  #joyfru-oc-content .joyfru-tooltip .joyfru-tooltip-content {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-box-txt {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-box-txt p {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-txt-section .joyfru-txt-section-list li {
    border: solid 1px var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-txt-section .joyfru-txt-section-list::before {
    background: var(--joyfru-color1);
  }
  /* === _utilities.scss === */
  #joyfru-oc-content .joyfru-bg-light {
    background: var(--joyfru-color2);
  }
  #joyfru-oc-content .joyfru-text-light {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-border-light {
    border-color: var(--joyfru-color-border-contrast);
  }
  /* === _visualize.scss === */
  #joyfru-oc-content .joyfru-visualize-chart,
  #joyfru-oc-content .joyfru-visualize-table {
    background: var(--joyfru-color2);
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-visualize-legend {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-visualize-axis path,
  #joyfru-oc-content .joyfru-visualize-axis line {
    stroke: var(--joyfru-color-border-contrast);
  }
  /* === content page.scss === */
  #joyfru-oc-content .joyfru-checkbox-dropdown .joyfru-checkbox-dropdown-inner .joyfru-discipline-group .joyfru-dropdown-item .joyfru-radio-group .joyfru-radio:checked + label {
    color: var(--joyfru-color1, #fff);
  }
  #joyfru-oc-content .joyfru-table-tournament-schedule tbody tr:nth-child(even) {
    background: var(--joyfru---palette-gray-367);
  }
  #joyfru-oc-content .joyfru-box-schedule-header {
    padding: 12px 20px;
    background-color: var(--joyfru-color18);
    box-shadow: 0 10px 10px -10px rgba(255, 255, 255, 0.3);
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  #joyfru-oc-content .joyfru-box-navi-schedule {
    background: var(--joyfru-color2, #121212);
    box-shadow: 0 10px 10px -10px rgba(255, 255, 255, 0.3);
  }
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-content {
    box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.15), 0 6px 20px 0 rgba(255, 255, 255, 0.12);
    border-bottom: 0;
  }
  #joyfru-oc-content .joyfru-box-noc a {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-box-form-search .joyfru-button img, #joyfru-oc-content .joyfru-box-form-search .joyfru-button-detail img, #joyfru-oc-content .joyfru-box-form-search .joyfru-button-more img, #joyfru-oc-content .joyfru-box-form-search .joyfru-button-back img, #joyfru-oc-content .joyfru-box-form-search .joyfru-button-next img, #joyfru-oc-content .joyfru-box-form-search .joyfru-button-link img {
    filter: invert(1);
  }
  #joyfru-oc-content .joyfru-card-athlete .joyfru-card-athlete-info .joyfru-text-athlete {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-list-event li a {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-box-time .joyfru-box-time-item .joyfru-list-athlete .joyfru-list-athlete-item .joyfru-box-info-athlete a {
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-button-social {
    background: var(--joyfru-color20);
  }
  #joyfru-oc-content .joyfru-text-title {
    color: var(--joyfru-color1);
    background-color: var(--joyfru-color18);
  }
  #joyfru-oc-content .joyfru-box-search .joyfru-box-select select {
    background: var(--joyfru-color2);
    color: var(--joyfru-color1);
  }
  #joyfru-oc-content .joyfru-table-tournament-schedule tbody tr td:first-child a::before {
    border-left: 5px solid var(--joyfru-color4);
  }
  #joyfru-oc-content .joyfru-list-athlete-event li {
    background-color: var(--joyfru---palette-gray-233);
    box-shadow: 0 10px 10px -10px rgba(255, 255, 255, 0.4);
  }
  #joyfru-oc-content .joyfru-table-tournament-schedule .joyfru-text-sat {
    color: var(--joyfru-color21);
  }
  #joyfru-oc-content .joyfru-sat {
    background-color: var(--joyfru-color14, ) !important;
  }
  #joyfru-oc-content .joyfru-sun {
    background-color: var(--joyfru-color11) !important;
  }
  #joyfru-oc-content .joyfru-table-tournament-schedule .joyfru-text-sun {
    color: var(--joyfru-color22);
  }
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_textlive,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_FINISHED {
    background-color: var(--joyfru-color1);
    color: var(--joyfru-color2);
  }
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_SCHEDULED,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_RESCHEDULED,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_GETTING_READY,
  #joyfru-oc-content .joyfru-button-schedule-schedulestatus_DELAYED {
    background-color: var(--joyfru-color21);
    color: var(--joyfru-color2);
  }
  #joyfru-oc-content .joyfru-checkbox-dropdown .joyfru-checkbox-dropdown-inner .joyfru-checkbox-dropdown-inner-top .joyfru-discipline-group-all .joyfru-discipline-all:checked + label {
    color: var(--joyfru-color1, #fff) !important;
  }
  #joyfru-oc-content .joyfru-text-credit {
    color: var(--joyfru-color1, #fff);
  }
}
#joyfru-loader {
  width: 100%;
  height: 200px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

#joyfru-loader div.joyfru-load {
  color: var(--joyfru-color-brand-accent);
  font-size: 20px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  top: 40%;
  left: 50%;
}

@-webkit-keyframes load4 {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
#joyfru-oc-content .joyfru-conWrap01 .joyfru-loader,
#joyfru-oc-content .joyfru-conWrap01 .joyfru-loader:after {
  border-radius: 50%;
  width: 3em;
  height: 3em;
}

#joyfru-oc-content .joyfru-conWrap01 .joyfru-loader {
  display: none;
  margin: 60px auto;
  font-size: 10px;
  position: absolute;
  pointer-events: none;
  bottom: -12em;
  left: 50%;
  z-index: 999;
  margin-left: -2.5em;
  border-top: 0.5em solid var(--joyfru-color-border-muted);
  border-right: 0.5em solid var(--joyfru-color-border-muted);
  border-bottom: 0.5em solid var(--joyfru-color-border-muted);
  border-left: 0.5em solid var(--joyfru-color-border-contrast);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

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