@charset "UTF-8";
.sect--predict,
.sect--predictrace {
  position: relative;
  margin: 100px 0;
  background: url(.././images/predict_showdown_bg_01@2x.png) repeat left top/100% fixed;
  border-bottom: 4px solid rgb(229, 229, 229);
  z-index: 2;
  /**************************\
  Demo Animation Style
  \**************************/
}
@media (max-width: 768px) {
  .sect--predict,
  .sect--predictrace {
    margin: 80px 0;
    background: url(.././images/predict_showdown_bg_01@2x.png) repeat left top/240% fixed;
  }
}
.sect--predict ul, .sect--predict ol,
.sect--predictrace ul,
.sect--predictrace ol {
  list-style: none;
}
.sect--predict .pic,
.sect--predictrace .pic {
  display: block;
}
.sect--predict .pic img,
.sect--predictrace .pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sect--predict .predict-breadcrumb,
.sect--predictrace .predict-breadcrumb {
  position: relative;
  width: 100%;
  background: #fff;
}
.sect--predict .predict-race,
.sect--predictrace .predict-race {
  position: relative;
  padding: 64px 0 max(min(6.9444444444vw, 120px), 80px);
}
@media (min-width: 1441px) {
  .sect--predict .predict-race,
  .sect--predictrace .predict-race {
    padding: min(4.4444444444vw, 80px) 0 max(min(6.9444444444vw, 120px), 80px);
  }
}
@media (max-width: 1200px) {
  .sect--predict .predict-race,
  .sect--predictrace .predict-race {
    padding: max(5.3333333333vw, 48px) 0 max(min(6.9444444444vw, 120px), 80px);
  }
}
@media (max-width: 768px) {
  .sect--predict .predict-race,
  .sect--predictrace .predict-race {
    padding: 80px 0 60px;
  }
}
.sect--predict .predict-race__title,
.sect--predictrace .predict-race__title {
  width: 200px;
  margin: 0 auto 32px;
}
@media (max-width: 768px) {
  .sect--predict .predict-race__title,
  .sect--predictrace .predict-race__title {
    width: 180px;
    margin: 0 auto 20px;
  }
}
.sect--predict .predict-race__ol,
.sect--predictrace .predict-race__ol {
  display: flex;
  flex-wrap: wrap;
  gap: max(min(3.0555555556vw, 44px), 36px) min(1.6666666667vw, 24px);
  margin: 0 0 16px 0;
}
@media (max-width: 768px) {
  .sect--predict .predict-race__ol,
  .sect--predictrace .predict-race__ol {
    gap: 18px;
  }
}
.sect--predict .predict-race__ol > li,
.sect--predictrace .predict-race__ol > li {
  width: calc(50% - min(0.8333333333vw, 12px));
}
@media (max-width: 768px) {
  .sect--predict .predict-race__ol > li,
  .sect--predictrace .predict-race__ol > li {
    width: 100%;
  }
}
.sect--predict .predict-race__ol > li:nth-of-type(1),
.sect--predictrace .predict-race__ol > li:nth-of-type(1) {
  order: 0;
  --color: rgb(255, 195, 0);
  --font: #000;
}
.sect--predict .predict-race__ol > li:nth-of-type(2),
.sect--predictrace .predict-race__ol > li:nth-of-type(2) {
  --color: rgb(238, 14, 117);
  --font: #fff;
}
@media (min-width: 769px) {
  .sect--predict .predict-race__ol > li:nth-of-type(2),
  .sect--predictrace .predict-race__ol > li:nth-of-type(2) {
    order: 2;
  }
}
.sect--predict .predict-race__ol > li:nth-of-type(3),
.sect--predictrace .predict-race__ol > li:nth-of-type(3) {
  --color: rgb(164, 0, 255);
  --font: #fff;
}
@media (min-width: 769px) {
  .sect--predict .predict-race__ol > li:nth-of-type(3),
  .sect--predictrace .predict-race__ol > li:nth-of-type(3) {
    order: 4;
  }
}
.sect--predict .predict-race__ol > li:nth-of-type(4),
.sect--predictrace .predict-race__ol > li:nth-of-type(4) {
  --color: rgb(30, 121, 197);
  --font: #fff;
}
@media (min-width: 769px) {
  .sect--predict .predict-race__ol > li:nth-of-type(4),
  .sect--predictrace .predict-race__ol > li:nth-of-type(4) {
    order: 1;
  }
}
.sect--predict .predict-race__ol > li:nth-of-type(5),
.sect--predictrace .predict-race__ol > li:nth-of-type(5) {
  --color: rgb(21, 175, 79);
  --font: #fff;
}
@media (min-width: 769px) {
  .sect--predict .predict-race__ol > li:nth-of-type(5),
  .sect--predictrace .predict-race__ol > li:nth-of-type(5) {
    order: 3;
  }
}
.sect--predict .predict-race__ol > li:nth-of-type(6),
.sect--predictrace .predict-race__ol > li:nth-of-type(6) {
  order: 5;
  --color: rgb(138, 84, 44);
  --font: #fff;
}
.sect--predict .predict-race__ol > li.is-open,
.sect--predictrace .predict-race__ol > li.is-open {
  position: relative;
}
@media (max-width: 768px) {
  .sect--predict .predict-race__ol > li.is-open,
  .sect--predictrace .predict-race__ol > li.is-open {
    margin: 16px 0 0 0;
  }
}
@media (max-width: 424px) {
  .sect--predict .predict-race__ol > li.is-open,
  .sect--predictrace .predict-race__ol > li.is-open {
    margin: 14px 0 0 0;
  }
}
@media (max-width: 374px) {
  .sect--predict .predict-race__ol > li.is-open,
  .sect--predictrace .predict-race__ol > li.is-open {
    margin: 2.6666666667vw 0 0 0;
  }
}
.sect--predict .predict-race__ol > li.is-open::before,
.sect--predictrace .predict-race__ol > li.is-open::before {
  content: "公開中！";
  display: block;
  position: absolute;
  top: 1px;
  transform: translateY(-100%);
  left: 8px;
  min-width: max(min(4.4444444444vw, 64px), 51px);
  padding: 4px 3px 4px 9px;
  background: rgb(238, 14, 117);
  border-radius: 4px 4px 0 0;
  text-align: center;
  line-height: 1;
  font-size: max(min(1.1111111111vw, 16px), 13px);
  font-weight: 900;
  color: #fff;
}
@media (max-width: 768px) {
  .sect--predict .predict-race__ol > li.is-open::before,
  .sect--predictrace .predict-race__ol > li.is-open::before {
    min-width: 64px;
    font-size: 16px;
  }
}
@media (max-width: 424px) {
  .sect--predict .predict-race__ol > li.is-open::before,
  .sect--predictrace .predict-race__ol > li.is-open::before {
    left: 5px;
    min-width: 54px;
    font-size: 14px;
  }
}
@media (max-width: 374px) {
  .sect--predict .predict-race__ol > li.is-open::before,
  .sect--predictrace .predict-race__ol > li.is-open::before {
    min-width: 12.8vw;
    padding: 4px 0.8vw 4px 2.4vw;
    font-size: 3.2vw;
  }
}
.sect--predict .predict-race__ol > li.is-open > a,
.sect--predictrace .predict-race__ol > li.is-open > a {
  border: 4px solid rgb(238, 14, 117);
}
.sect--predict .predict-race__ol > li > a,
.sect--predictrace .predict-race__ol > li > a {
  display: flex;
  height: 100%;
  background: #FFF;
  border: 2px solid #000;
  border-radius: 10px;
  overflow: hidden;
  transition: opacity 0.2s ease;
}
@media (max-width: 768px) {
  .sect--predict .predict-race__ol > li > a,
  .sect--predictrace .predict-race__ol > li > a {
    border-radius: 5px;
  }
}
@media (any-hover: hover) {
  .sect--predict .predict-race__ol > li > a:hover,
  .sect--predictrace .predict-race__ol > li > a:hover {
    opacity: 0.7;
  }
}
.sect--predict .predict-race__ol__order,
.sect--predictrace .predict-race__ol__order {
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  min-width: max(min(5.5555555556vw, 80px), 64px);
  padding: 22px max(min(1.3888888889vw, 20px), 14px);
  background: var(--color);
  line-height: 14px;
  font-size: 14px;
  font-weight: 700;
  color: var(--font);
}
@media (max-width: 768px) {
  .sect--predict .predict-race__ol__order,
  .sect--predictrace .predict-race__ol__order {
    gap: 0;
    min-width: 80px;
    padding: 20px 16px;
  }
}
@media (max-width: 424px) {
  .sect--predict .predict-race__ol__order,
  .sect--predictrace .predict-race__ol__order {
    min-width: 68px;
    padding: 20px 8px;
  }
}
@media (max-width: 374px) {
  .sect--predict .predict-race__ol__order,
  .sect--predictrace .predict-race__ol__order {
    min-width: 16vw;
    padding: 5.3333333333vw 2.1333333333vw;
    font-size: 3.7333333333vw;
  }
}
.sect--predict .predict-race__ol__order .is-large,
.sect--predictrace .predict-race__ol__order .is-large {
  line-height: 32px;
  font-size: 32px;
  font-weight: 900;
}
@media (max-width: 374px) {
  .sect--predict .predict-race__ol__order .is-large,
  .sect--predictrace .predict-race__ol__order .is-large {
    font-size: 8.5333333333vw;
  }
}
.sect--predict .predict-race__ol__cont,
.sect--predictrace .predict-race__ol__cont {
  padding: 22px 10px 22px max(min(1.3888888889vw, 20px), 14px);
}
@media (max-width: 768px) {
  .sect--predict .predict-race__ol__cont,
  .sect--predictrace .predict-race__ol__cont {
    padding: 20px 8px 20px 14px;
  }
}
@media (max-width: 424px) {
  .sect--predict .predict-race__ol__cont,
  .sect--predictrace .predict-race__ol__cont {
    padding: 20px 8px;
  }
}
@media (max-width: 374px) {
  .sect--predict .predict-race__ol__cont,
  .sect--predictrace .predict-race__ol__cont {
    padding: 5.3333333333vw 2.1333333333vw;
  }
}
.sect--predict .predict-race__ol__detail,
.sect--predictrace .predict-race__ol__detail {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 0 0 12px 0;
  line-height: 1;
}
@media (max-width: 374px) {
  .sect--predict .predict-race__ol__detail,
  .sect--predictrace .predict-race__ol__detail {
    gap: 6.4vw;
    margin: 0 0 3.2vw 0;
  }
}
.sect--predict .predict-race__ol__detail > time,
.sect--predictrace .predict-race__ol__detail > time {
  flex-shrink: 0;
  position: relative;
  font-size: 16px;
  font-weight: 900;
}
@media (max-width: 374px) {
  .sect--predict .predict-race__ol__detail > time,
  .sect--predictrace .predict-race__ol__detail > time {
    font-size: 4.2666666667vw;
  }
}
.sect--predict .predict-race__ol__detail > time::after,
.sect--predictrace .predict-race__ol__detail > time::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -13px;
  width: 2px;
  height: 18px;
  background: rgba(0, 0, 0, 0.2);
}
@media (max-width: 374px) {
  .sect--predict .predict-race__ol__detail > time::after,
  .sect--predictrace .predict-race__ol__detail > time::after {
    right: -3.4666666667vw;
    height: 4.8vw;
  }
}
.sect--predict .predict-race__ol__detail > span:first-of-type,
.sect--predictrace .predict-race__ol__detail > span:first-of-type {
  margin: 1px 0 0 0;
  padding: 5px 8px 6px;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid rgb(205, 204, 204);
  border-radius: 6px;
}
@media (max-width: 374px) {
  .sect--predict .predict-race__ol__detail > span:first-of-type,
  .sect--predictrace .predict-race__ol__detail > span:first-of-type {
    font-size: 3.2vw;
  }
}
.sect--predict .predict-race__ol__detail > span:last-of-type,
.sect--predictrace .predict-race__ol__detail > span:last-of-type {
  margin: 0 0 0 -16px;
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 374px) {
  .sect--predict .predict-race__ol__detail > span:last-of-type,
  .sect--predictrace .predict-race__ol__detail > span:last-of-type {
    font-size: 3.7333333333vw;
  }
}
.sect--predict .predict-race__ol__title,
.sect--predictrace .predict-race__ol__title {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.2;
  font-size: max(min(1.3194444444vw, 19px), 18px);
  font-weight: 900;
}
@media (max-width: 374px) {
  .sect--predict .predict-race__ol__title,
  .sect--predictrace .predict-race__ol__title {
    font-size: 4.8vw;
  }
}
.sect--predict .predict-race__ol__title > span,
.sect--predictrace .predict-race__ol__title > span {
  flex-shrink: 0;
  display: inline-block;
  min-width: 43px;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
}
@media (max-width: 374px) {
  .sect--predict .predict-race__ol__title > span,
  .sect--predictrace .predict-race__ol__title > span {
    min-width: 11.4666666667vw;
    padding: 1.3333333333vw;
    border-radius: 1.3333333333vw;
    font-size: 2.9333333333vw;
  }
}
.sect--predict .predict-race__ol__title > span.is-jpn3, .sect--predict .predict-race__ol__title > span.is-g3,
.sect--predictrace .predict-race__ol__title > span.is-jpn3,
.sect--predictrace .predict-race__ol__title > span.is-g3 {
  background: rgb(36, 130, 80);
}
.sect--predict .predict-race__ol__title > span.is-g1,
.sect--predictrace .predict-race__ol__title > span.is-g1 {
  background: rgb(30, 121, 197);
}
.sect--predict .predict-race__note,
.sect--predictrace .predict-race__note {
  display: flex;
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 430px) {
  .sect--predict .predict-race__note,
  .sect--predictrace .predict-race__note {
    font-size: max(3.2558139535vw, 10px);
  }
}
.sect--predict .predict-modal,
.sect--predictrace .predict-modal {
  position: relative;
  z-index: 1001;
}
.sect--predict .predict-modal__overlay,
.sect--predictrace .predict-modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 80px 40px;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow-y: scroll;
  cursor: pointer;
}
@media (max-width: 768px) {
  .sect--predict .predict-modal__overlay,
  .sect--predictrace .predict-modal__overlay {
    padding: 60px 20px;
  }
}
.sect--predict .predict-modal__container,
.sect--predictrace .predict-modal__container {
  position: relative;
  max-width: 100%;
  z-index: 2;
  cursor: auto;
}
.sect--predict .predict-modal__container__inner,
.sect--predictrace .predict-modal__container__inner {
  width: 100%;
  max-width: 870px;
  padding: 60px 80px;
  background-color: #fff;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .sect--predict .predict-modal__container__inner,
  .sect--predictrace .predict-modal__container__inner {
    padding: 50px 30px;
    border-radius: 10px;
  }
}
.sect--predict .predict-modal__container__inner::before,
.sect--predictrace .predict-modal__container__inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(.././images/predict_showdown_bg_03@2x.png) no-repeat center -230px/100% auto;
}
@media (max-width: 768px) {
  .sect--predict .predict-modal__container__inner::before,
  .sect--predictrace .predict-modal__container__inner::before {
    background: url(.././images/predict_showdown_bg_03@2x.png) no-repeat center -50px/106% auto;
  }
}
.sect--predict .predict-modal__title01,
.sect--predictrace .predict-modal__title01 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 0 20px 0;
  z-index: 2;
}
.sect--predict .predict-modal__title01 > .pic,
.sect--predictrace .predict-modal__title01 > .pic {
  width: 160px;
}
@media (max-width: 768px) {
  .sect--predict .predict-modal__title01 > .pic,
  .sect--predictrace .predict-modal__title01 > .pic {
    width: 150px;
  }
}
.sect--predict .predict-modal__close,
.sect--predictrace .predict-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(8px, -50%);
  width: 40px;
  height: 40px;
  background: rgb(238, 14, 117);
  border-radius: 50%;
  border: 0;
  z-index: 10;
}
@media (max-width: 768px) {
  .sect--predict .predict-modal__close,
  .sect--predictrace .predict-modal__close {
    transform: translate(4px, -50%);
  }
}
@media (any-hover: hover) {
  .sect--predict .predict-modal__close:hover::after,
  .sect--predictrace .predict-modal__close:hover::after {
    opacity: 0.3;
  }
}
.sect--predict .predict-modal__close::before,
.sect--predictrace .predict-modal__close::before {
  content: "✕";
  position: relative;
  top: -2px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.sect--predict .predict-modal__close::after,
.sect--predictrace .predict-modal__close::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
  z-index: 2;
}
.sect--predict .predict-modal__ul,
.sect--predictrace .predict-modal__ul {
  display: flex;
  flex-direction: column;
  gap: 48px;
  position: relative;
  width: 100%;
  z-index: 2;
}
@media (max-width: 768px) {
  .sect--predict .predict-modal__ul,
  .sect--predictrace .predict-modal__ul {
    gap: 32px;
  }
}
.sect--predict .predict-modal__ul > li,
.sect--predictrace .predict-modal__ul > li {
  width: 100%;
}
.sect--predict .predict-modal__ul__column,
.sect--predictrace .predict-modal__ul__column {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 0 0 10px 0;
}
@media (max-width: 768px) {
  .sect--predict .predict-modal__ul__column,
  .sect--predictrace .predict-modal__ul__column {
    gap: 16px;
    margin: 0 0 6px 0;
  }
}
.sect--predict .predict-modal__ul__pic,
.sect--predictrace .predict-modal__ul__pic {
  width: 120px;
}
@media (max-width: 768px) {
  .sect--predict .predict-modal__ul__pic,
  .sect--predictrace .predict-modal__ul__pic {
    width: 100px;
  }
}
.sect--predict .predict-modal__ul__pic > img,
.sect--predictrace .predict-modal__ul__pic > img {
  object-fit: contain;
}
.sect--predict .predict-modal__ul__title,
.sect--predictrace .predict-modal__ul__title {
  font-size: 21px;
  font-weight: 900;
}
@media (max-width: 768px) {
  .sect--predict .predict-modal__ul__title,
  .sect--predictrace .predict-modal__ul__title {
    line-height: 1.2;
  }
}
.sect--predict .predict-modal__ul__title .is-small,
.sect--predictrace .predict-modal__ul__title .is-small {
  font-size: 14px;
}
@media (max-width: 768px) {
  .sect--predict .predict-modal__ul__title .is-small,
  .sect--predictrace .predict-modal__ul__title .is-small {
    display: inline-block;
    margin: 0 0 0 -6px;
  }
}
.sect--predict .predict-modal__ul__lead,
.sect--predictrace .predict-modal__ul__lead {
  margin: 0;
  text-align: justify;
  font-size: 14px;
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.sect--predict .micromodal-slide,
.sect--predictrace .micromodal-slide {
  display: none;
}
.sect--predict .micromodal-slide.is-open,
.sect--predictrace .micromodal-slide.is-open {
  display: block;
}
.sect--predict .micromodal-slide[aria-hidden=false] .predict-modal__overlay,
.sect--predictrace .micromodal-slide[aria-hidden=false] .predict-modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.sect--predict .micromodal-slide[aria-hidden=false] .predict-modal__container,
.sect--predictrace .micromodal-slide[aria-hidden=false] .predict-modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.sect--predict .micromodal-slide[aria-hidden=true] .predict-modal__overlay,
.sect--predictrace .micromodal-slide[aria-hidden=true] .predict-modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.sect--predict .micromodal-slide[aria-hidden=true] .predict-modal__container,
.sect--predictrace .micromodal-slide[aria-hidden=true] .predict-modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.sect--predict::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(.././images/predict_showdown_bg_02@2x.png) no-repeat center -11.1111111111vw/100% auto;
  z-index: -1;
}
@media (max-width: 768px) {
  .sect--predict::before {
    background: url(.././images/predict_showdown_bg_02_sp.png) no-repeat center 60px/100% auto;
  }
}
.sect--predict .predict-lv {
  position: relative;
  width: 100%;
  padding: min(1.3888888889vw, 28px) 0 0;
  z-index: 2;
}
@media (max-width: 768px) {
  .sect--predict .predict-lv {
    padding: 0;
  }
}
.sect--predict .predict-lv__pic {
  width: max(min(77.7777777778vw, 1280px), 1120px);
  max-width: calc(100% - 80px);
  margin: 0 auto;
}
@media (max-width: 768px) {
  .sect--predict .predict-lv__pic {
    width: 100%;
    max-width: 100%;
    margin: 10px auto 0;
  }
}
.sect--predict .predict-lv__btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  width: 320px;
  max-width: 364px;
  min-width: 240px;
  height: 76px;
  max-height: 86px;
  min-height: 57px;
  padding: 18px 18px 18px 28px;
  background: #fff;
  border: 3px solid #000;
  border-radius: 36px;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  z-index: 2;
}
@media (min-width: 1441px) {
  .sect--predict .predict-lv__btn {
    width: 22.2222222222vw;
    height: 5.2777777778vw;
    padding: min(1.25vw, 21px) min(1.25vw, 21px) min(1.25vw, 21px) min(1.9444444444vw, 32px);
    border: min(0.2083333333vw, 4px) solid #000;
    border-radius: min(2.5vw, 42px);
    font-size: min(1.25vw, 21px);
  }
}
@media (max-width: 1200px) {
  .sect--predict .predict-lv__btn {
    bottom: 1.6666666667vw;
    width: 26.6666666667vw;
    height: 6.3333333333vw;
    padding: max(1.5vw, 13px) max(1.5vw, 13px) max(1.5vw, 13px) max(2.3333333333vw, 21px);
    border: max(0.25vw, 2px) solid #000;
    border-radius: max(3vw, 32px);
    font-size: max(1.5vw, 14px);
  }
}
@media (max-width: 768px) {
  .sect--predict .predict-lv__btn {
    position: static;
    transform: none;
    width: 320px;
    max-width: calc(100% - 40px);
    height: 64px;
    max-height: none;
    margin: 40px auto 0;
    padding: 12px 18px 12px 28px;
    border: 3px solid #000;
    border-radius: 32px;
    font-size: 16px;
  }
}
@media (any-hover: hover) {
  .sect--predict .predict-lv__btn:hover::after {
    transform: scale(1.1) rotate(90deg);
  }
}
.sect--predict .predict-lv__btn::after {
  content: "";
  display: block;
  width: 31px;
  max-width: 41px;
  min-width: 28px;
  height: 31px;
  max-height: 41px;
  min-height: 28px;
  background: url(.././images/predict_showdown_ico_01@2x.png) no-repeat center/contain;
  transition: transform 0.2s ease;
}
@media (min-width: 1441px) {
  .sect--predict .predict-lv__btn::after {
    width: 2.1527777778vw;
    height: 2.1527777778vw;
  }
}
@media (max-width: 1200px) {
  .sect--predict .predict-lv__btn::after {
    width: 2.5833333333vw;
    height: 2.5833333333vw;
  }
}
@media (max-width: 768px) {
  .sect--predict .predict-lv__btn::after {
    width: 31px;
    height: 31px;
  }
}

.sect--predictrace {
  --gray: rgb(235, 235, 235);
}
.sect--predictrace.is-race01 {
  --color: rgb(255, 195, 0);
  --font: #000;
  --bg: rgba(255, 195, 0, 0.2);
  --bg-light: rgb(255, 195, 0, 0.102);
}
.sect--predictrace.is-race02 {
  --color: rgb(238, 14, 117);
  --font: #fff;
  --bg: rgba(238, 14, 117, 0.102);
  --bg-light: rgba(238, 14, 117, 0.102);
}
.sect--predictrace.is-race03 {
  --color: rgb(164, 0, 255);
  --font: #fff;
  --bg: rgba(164, 0, 255, 0.102);
  --bg-light: rgba(164, 0, 255, 0.102);
}
.sect--predictrace.is-race04 {
  --color: rgb(30, 121, 197);
  --font: #fff;
  --bg: rgba(30, 121, 197, 0.102);
  --bg-light: rgba(30, 121, 197, 0.102);
}
.sect--predictrace.is-race05 {
  --color: rgb(21, 175, 79);
  --font: #fff;
  --bg: rgba(21, 175, 79, 0.102);
  --bg-light: rgba(21, 175, 79, 0.102);
}
.sect--predictrace.is-race06 {
  --color: rgb(138, 84, 44);
  --font: #fff;
  --bg: rgba(138, 84, 44, 0.102);
  --bg-light: rgba(138, 84, 44, 0.102);
}
.sect--predictrace::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(.././images/race/race_bg_01@2x.png) repeat-y center -4.1666666667vw/100% auto;
  z-index: -1;
}
@media (max-width: 768px) {
  .sect--predictrace::before {
    background: url(.././images/race/race_bg_01_sp.png) repeat-y center 36px/100% auto;
  }
}
.sect--predictrace .is-waku1 {
  background: #fff;
  border: 1px solid #000;
}
.sect--predictrace .is-waku2 {
  background: #000;
  color: #fff;
}
.sect--predictrace .is-waku3 {
  background: rgb(228, 0, 4);
  color: #fff;
}
.sect--predictrace .is-waku2 {
  background: #000;
  color: #fff;
}
.sect--predictrace .is-waku4 {
  background: rgb(0, 104, 182);
  color: #fff;
}
.sect--predictrace .is-waku5 {
  background: rgb(255, 233, 0);
}
.sect--predictrace .is-waku6 {
  background: rgb(0, 152, 68);
  color: #fff;
}
.sect--predictrace .is-waku7 {
  background: rgb(242, 150, 0);
  color: #fff;
}
.sect--predictrace .is-waku8 {
  background: rgb(231, 83, 151);
  color: #fff;
}
.sect--predictrace .predictrace-c-nowrap {
  white-space: nowrap;
}
.sect--predictrace .predictrace-c-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 56px 48px 44px;
  background: #FFF;
  border: 4px solid #000;
  border-radius: 16px;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-c-cont {
    padding: 48px 20px 20px;
    border-radius: 14px;
  }
}
@media (max-width: 430px) {
  .sect--predictrace .predictrace-c-cont {
    padding: 48px 4.6511627907vw 20px;
  }
}
.sect--predictrace .predictrace-c-ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 10px 16px 20px;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-c-ul {
    padding: 16px 8px 16px 16px;
  }
}
.sect--predictrace .predictrace-c-ul__wrap {
  position: relative;
  margin: 0 auto auto;
}
.sect--predictrace .predictrace-c-ul__stamp {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 160px;
  height: auto;
  max-height: 100%;
  margin: auto 0;
  left: 32px;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-c-ul__stamp {
    left: 24px;
  }
}
@media (max-width: 374px) {
  .sect--predictrace .predictrace-c-ul__stamp {
    left: 8px;
  }
}
.sect--predictrace .predictrace-c-ul > li {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.sect--predictrace .predictrace-c-ul__title {
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  min-width: 58px;
}
.sect--predictrace .predictrace-c-ul__title::after {
  content: "：";
  display: inline-block;
  font-size: 1em;
}
.sect--predictrace .predictrace-c-ul__ol {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-c-ul__ol {
    gap: 4px;
  }
}
.sect--predictrace .predictrace-c-ul__ol > li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 28px;
  font-size: 14px;
}
.sect--predictrace .predictrace-c-box {
  margin: auto auto 0;
  padding: 7px 20px;
  background: var(--gray);
  font-size: 16px;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-c-box {
    padding: 7px 16px;
  }
}
.sect--predictrace .predictrace-c-box:not(:last-child) {
  border-bottom: 2px solid #fff;
}
.sect--predictrace .predict-modal.is-nobg .predict-modal__container__inner {
  padding: 40px 60px;
}
@media (max-width: 768px) {
  .sect--predictrace .predict-modal.is-nobg .predict-modal__container__inner {
    padding: 30px 20px;
  }
}
.sect--predictrace .predict-modal.is-nobg .predict-modal__container__inner::before {
  display: none;
}
@media (min-width: 1920px) {
  .sect--predictrace .predict-modal.is-nobg .predict-modal__overlay {
    padding: 120px 40px;
  }
}
.sect--predictrace .predict-modal__banner {
  position: fixed;
  bottom: 80px;
  right: 0;
  padding: 18px 15px 50px 18px;
  background: rgb(238, 14, 117);
  border: 4px solid #FFF;
  border-right: none;
  border-radius: 12px 0 0 12px;
  line-height: 1.1;
  font-size: 16px;
  font-weight: 900;
  color: #fff;
  z-index: 10;
}
@media (max-width: 768px) {
  .sect--predictrace .predict-modal__banner {
    bottom: 100px;
    line-height: 1.05;
    font-size: 15px;
    padding: 16px 13px 43px 16px;
  }
}
@media (any-hover: hover) {
  .sect--predictrace .predict-modal__banner:hover::after {
    transform: scale(1.1) rotate(90deg);
  }
}
.sect--predictrace .predict-modal__banner::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 16px;
  left: 4px;
  right: 0;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  background: url(.././images/predict_showdown_ico_02@2x.png) no-repeat center/contain;
  transition: transform 0.2s ease;
}
@media (max-width: 768px) {
  .sect--predictrace .predict-modal__banner::after {
    bottom: 14px;
    width: 22px;
    height: 22px;
  }
}
.sect--predictrace .predict-modal__time {
  display: inline-block;
  margin: 0 0 4px 0;
  font-size: 18px;
  font-weight: 900;
}
@media (max-width: 768px) {
  .sect--predictrace .predict-modal__time {
    font-size: 16px;
  }
}
.sect--predictrace .predict-modal__title02 {
  margin: 0 0 16px 0;
  font-size: 24px;
  font-weight: 900;
}
@media (max-width: 768px) {
  .sect--predictrace .predict-modal__title02 {
    font-size: 22px;
  }
}
.sect--predictrace .predict-modal__table {
  width: 100%;
  border: 1px solid rgb(201, 201, 201);
  border-collapse: collapse;
}
@media (max-width: 424px) {
  .sect--predictrace .predict-modal__table {
    width: auto;
    min-width: 344px;
  }
}
@media (max-width: 424px) {
  .sect--predictrace .predict-modal__table__wrap {
    overflow-x: scroll;
  }
}
.sect--predictrace .predict-modal__table td, .sect--predictrace .predict-modal__table th {
  border: 1px solid rgb(201, 201, 201);
  border-collapse: collapse;
  text-align: left;
  font-size: 14px;
  font-weight: 900;
}
@media (max-width: 768px) {
  .sect--predictrace .predict-modal__table td, .sect--predictrace .predict-modal__table th {
    font-size: 12px;
  }
}
.sect--predictrace .predict-modal__table td:nth-of-type(1), .sect--predictrace .predict-modal__table td:nth-of-type(2), .sect--predictrace .predict-modal__table th:nth-of-type(1), .sect--predictrace .predict-modal__table th:nth-of-type(2) {
  width: 5%;
  text-align: center;
}
.sect--predictrace .predict-modal__table td:nth-of-type(3), .sect--predictrace .predict-modal__table th:nth-of-type(3) {
  width: 38%;
}
.sect--predictrace .predict-modal__table td:nth-of-type(6), .sect--predictrace .predict-modal__table th:nth-of-type(6) {
  width: 23%;
}
.sect--predictrace .predict-modal__table td:nth-of-type(4), .sect--predictrace .predict-modal__table td:nth-of-type(5), .sect--predictrace .predict-modal__table th:nth-of-type(4), .sect--predictrace .predict-modal__table th:nth-of-type(5) {
  width: 11%;
  text-align: center;
}
.sect--predictrace .predict-modal__table th {
  padding: 6px 8px;
  background: rgb(236, 235, 235);
  vertical-align: bottom;
  line-height: 1.1;
}
.sect--predictrace .predict-modal__table th:nth-of-type(3), .sect--predictrace .predict-modal__table th:nth-of-type(6) {
  padding: 6px 10px;
}
@media (max-width: 768px) {
  .sect--predictrace .predict-modal__table th:nth-of-type(3), .sect--predictrace .predict-modal__table th:nth-of-type(6) {
    padding: 6px 8px;
  }
}
.sect--predictrace .predict-modal__table td {
  height: 38px;
  padding: 8px 8px 6px;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .sect--predictrace .predict-modal__table td {
    height: 36px;
    padding: 6px 4px;
  }
}
.sect--predictrace .predict-modal__table td:nth-of-type(3), .sect--predictrace .predict-modal__table td:nth-of-type(6) {
  padding: 6px 8px;
}
.sect--predictrace .predict-modal__table td:first-of-type.is-num2 {
  background: #000;
  color: white;
}
.sect--predictrace .predict-modal__table td:first-of-type.is-num3 {
  background: rgb(228, 0, 4);
  color: white;
}
.sect--predictrace .predict-modal__table td:first-of-type.is-num4 {
  background: rgb(0, 104, 182);
  color: white;
}
.sect--predictrace .predict-modal__table td:first-of-type.is-num5 {
  background: rgb(255, 233, 0);
  color: #000;
}
.sect--predictrace .predict-modal__table td:first-of-type.is-num6 {
  background: rgb(0, 152, 68);
  color: white;
}
.sect--predictrace .predict-modal__table td:first-of-type.is-num7 {
  background: rgb(242, 150, 0);
  color: white;
}
.sect--predictrace .predict-modal__table td:first-of-type.is-num8 {
  background: rgb(231, 83, 151);
  color: white;
}
.sect--predictrace .predictrace-lv {
  position: relative;
  width: 100%;
  padding: min(1.6666666667vw, 64px) 0 0;
  z-index: 2;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-lv {
    padding: 0;
    overflow: hidden;
  }
}
.sect--predictrace .predictrace-lv__pic {
  width: max(min(50vw, 960px), 720px);
  max-width: calc(100% - 120px);
  margin: 0 auto;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-lv__pic {
    position: relative;
    left: -4px;
    width: calc(100% - 16px);
    max-width: none;
    margin: 20px auto 0;
  }
}
.sect--predictrace .predictrace-navi {
  margin: 60px auto;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-navi {
    margin: 48px auto 20px;
  }
}
.sect--predictrace .predictrace-navi__tag {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 208px;
  height: 64px;
  background: var(--color);
  border: 4px solid #000;
  border-radius: 32px;
  font-size: 15px;
  font-weight: 700;
  color: var(--font);
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-navi__tag {
    width: 180px;
    height: 58px;
    border-radius: 28px;
  }
}
.sect--predictrace .predictrace-navi__tag .is-large {
  position: relative;
  top: -2px;
  font-size: 36px;
  font-weight: 900;
}
.sect--predictrace .predictrace-navi__time {
  margin: 0 0 8px 0;
  line-height: 1;
  font-size: 28px;
  font-weight: 900;
}
@media (max-width: 430px) {
  .sect--predictrace .predictrace-navi__time {
    margin: 0 0 1.8604651163vw 0;
    font-size: 6.511627907vw;
  }
}
.sect--predictrace .predictrace-navi__title {
  margin: 0 0 8px 0;
  font-size: 37px;
  font-weight: 900;
}
@media (max-width: 430px) {
  .sect--predictrace .predictrace-navi__title {
    margin: 0 0 1.8604651163vw 0;
    font-size: 8.6046511628vw;
  }
}
.sect--predictrace .predictrace-navi__title.is-small {
  font-size: 31px;
}
@media (max-width: 430px) {
  .sect--predictrace .predictrace-navi__title.is-small {
    font-size: 7.2093023256vw;
  }
}
.sect--predictrace .predictrace-navi__detail {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 24px 0;
}
@media (max-width: 430px) {
  .sect--predictrace .predictrace-navi__detail {
    gap: 2.3255813953vw;
    margin: 0 0 5.5813953488vw 0;
  }
}
.sect--predictrace .predictrace-navi__class {
  flex-shrink: 0;
  display: inline-block;
  min-width: 56px;
  padding: 4px 5px 5px;
  border-radius: 8px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
@media (max-width: 430px) {
  .sect--predictrace .predictrace-navi__class {
    min-width: 13.023255814vw;
    padding: 0.9302325581vw 1.1627906977vw 1.1627906977vw;
    border-radius: 1.8604651163vw;
    font-size: 3.7209302326vw;
  }
}
.sect--predictrace .predictrace-navi__class.is-jpn3, .sect--predictrace .predictrace-navi__class.is-g3 {
  background: rgb(36, 130, 80);
}
.sect--predictrace .predictrace-navi__class.is-g1 {
  background: rgb(30, 121, 197);
}
.sect--predictrace .predictrace-navi__place {
  margin: 2px 0 0 0;
  padding: 5px 8px 6px;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid rgb(205, 204, 204);
  border-radius: 6px;
  transition: opacity 0.2s ease;
}
@media (any-hover: hover) {
  .sect--predictrace .predictrace-navi__place:hover {
    opacity: 0.7;
  }
}
@media (max-width: 430px) {
  .sect--predictrace .predictrace-navi__place {
    margin: 0.4651162791vw 0 0 0;
    padding: 1.1627906977vw 1.8604651163vw 1.3953488372vw;
    border-radius: 1.3953488372vw;
    font-size: 3.2558139535vw;
  }
}
.sect--predictrace .predictrace-navi__place.no-link {
  pointer-events: none;
}
.sect--predictrace .predictrace-navi__course {
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 430px) {
  .sect--predictrace .predictrace-navi__course {
    font-size: 4.6511627907vw;
  }
}
.sect--predictrace .predictrace-navi__list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  width: 100%;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-navi__list {
    gap: 10px;
  }
}
.sect--predictrace .predictrace-navi__list > li {
  width: calc((100% - 60px) / 3);
  list-style: none;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-navi__list > li {
    width: calc((100% - 20px) / 3);
  }
}
.sect--predictrace .predictrace-navi__list > li > a {
  display: block;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}
@media (any-hover: hover) {
  .sect--predictrace .predictrace-navi__list > li > a:hover .predictrace-navi__list__title::after {
    transform: translateY(3px);
  }
  .sect--predictrace .predictrace-navi__list > li > a:hover .predictrace-navi__list__pic > img {
    transform: scale(1.05);
  }
}
.sect--predictrace .predictrace-navi__list__pic {
  position: relative;
  width: 100%;
  height: 0;
  padding: 89% 0 0 0;
}
.sect--predictrace .predictrace-navi__list__pic > img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  transition: transform 0.2s ease-in;
}
.sect--predictrace .predictrace-navi__list__title {
  position: relative;
  padding: 20px 20px 22px;
  background: var(--color);
  font-size: 20px;
  font-weight: 700;
  color: var(--font);
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-navi__list__title {
    padding: 6px 8px 34px;
    text-align: center;
    font-size: 18px;
  }
}
.sect--predictrace .predictrace-navi__list__title::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 12px solid #fff;
  border-bottom: 0;
  transition: transform 0.2s ease-in;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-navi__list__title::after {
    top: auto;
    bottom: 12px;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
}
.sect--predictrace .predictrace-navi__comingsoon__pic {
  width: 80%;
  max-width: 400px;
  margin: 0 auto 16px;
}
.sect--predictrace .predictrace-navi__comingsoon__lead {
  text-align: center;
  font-size: 16px;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-navi__comingsoon__lead {
    font-size: 14px;
  }
}
@media (max-width: 430px) {
  .sect--predictrace .predictrace-navi__comingsoon__lead {
    font-size: max(3.2558139535vw, 12px);
  }
}
.sect--predictrace .predictrace-prediction {
  margin-bottom: 60px;
  padding-top: 40px;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-prediction {
    margin-bottom: 20px;
  }
}
.sect--predictrace .predictrace-prediction__cont {
  padding-top: 48px;
  padding-bottom: 64px;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-prediction__cont {
    padding-top: 40px;
    padding-bottom: 48px;
  }
}
.sect--predictrace .predictrace-prediction__icon {
  width: 160px;
  max-width: 100%;
  margin: 0 0 8px 0;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-prediction__icon {
    width: 100px;
    margin: 0 0 2px 0;
  }
}
.sect--predictrace .predictrace-prediction__title {
  position: relative;
  margin: 0 0 40px 0;
  text-align: center;
  font-size: 32px;
  font-weight: 900;
  z-index: 2;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-prediction__title {
    margin: 0 0 36px 0;
    font-size: 26px;
  }
}
.sect--predictrace .predictrace-prediction__title::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 6px;
  background: var(--color);
  z-index: -1;
}
.sect--predictrace .predictrace-prediction__ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  margin: 0 0 40px 0;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-prediction__ul {
    gap: 12px;
    margin: 0 0 28px 0;
  }
}
.sect--predictrace .predictrace-prediction__ul > li {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 40px;
  padding: 7px 12px;
  background: var(--bg-light);
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-prediction__ul > li {
    padding: 6px 10px;
  }
}
.sect--predictrace .predictrace-prediction__ul > li > span {
  line-height: 1.2;
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-prediction__ul > li > span {
    font-size: 18px;
  }
}
.sect--predictrace .predictrace-prediction__ul > li > span:nth-of-type(2) {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 4px 0 0;
  padding: 2px 0;
  width: 32px;
  height: 32px;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-prediction__ul > li > span:nth-of-type(2) {
    width: 28px;
    height: 28px;
  }
}
.sect--predictrace .predictrace-prediction__table {
  width: 100%;
  margin: 0 0 6px 0;
}
.sect--predictrace .predictrace-prediction__table tr {
  border-bottom: 2px solid var(--color);
}
.sect--predictrace .predictrace-prediction__table td, .sect--predictrace .predictrace-prediction__table th {
  text-align: left;
  vertical-align: middle;
  font-weight: 700;
}
.sect--predictrace .predictrace-prediction__table th {
  height: 40px;
  padding: 8px 8px 8px 20px;
  background: var(--bg);
  font-size: 14px;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-prediction__table th {
    padding: 8px 8px 8px 16px;
  }
}
.sect--predictrace .predictrace-prediction__table th.is-center {
  padding: 8px 20px;
  text-align: center;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-prediction__table th.is-center {
    padding: 8px 16px;
  }
}
.sect--predictrace .predictrace-prediction__table th:first-of-type {
  width: 20%;
  min-width: 148px;
  border-right: 2px solid var(--color);
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-prediction__table th:first-of-type {
    min-width: 140px;
  }
}
@media (max-width: 424px) {
  .sect--predictrace .predictrace-prediction__table th:first-of-type {
    width: 30%;
    min-width: 88px;
  }
}
.sect--predictrace .predictrace-prediction__table th .is-large {
  display: block;
  margin: 0 0 2px 0;
  font-size: 18px;
}
.sect--predictrace .predictrace-prediction__table td {
  height: 100%;
  font-size: 16px;
}
.sect--predictrace .predictrace-prediction__dl {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 6px;
  margin: 0 0 40px 0;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-prediction__dl {
    margin: 0 0 28px 0;
  }
}
.sect--predictrace .predictrace-prediction__dl > div {
  display: flex;
  background: var(--gray);
  font-size: 16px;
  font-weight: 700;
}
.sect--predictrace .predictrace-prediction__dl > div > dt {
  flex-shrink: 0;
  text-align: center;
  width: 20%;
  min-width: 148px;
  padding: 10px 20px;
  background: rgb(194, 194, 194);
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-prediction__dl > div > dt {
    width: 38%;
    min-width: 140px;
    padding: 10px 16px;
  }
}
@media (max-width: 424px) {
  .sect--predictrace .predictrace-prediction__dl > div > dt {
    min-width: 130px;
  }
}
.sect--predictrace .predictrace-prediction__dl > div > dd {
  text-align: right;
  width: 100%;
  margin: auto 0 0 0;
  padding: 10px 20px;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-prediction__dl > div > dd {
    padding: 10px 16px;
  }
}
.sect--predictrace .predictrace-prediction__box {
  width: 340px;
  max-width: 100%;
  margin: 0 auto 40px;
  border: 3px solid var(--color);
}
@media (max-width: 430px) {
  .sect--predictrace .predictrace-prediction__box {
    width: 100%;
    margin: 0 0 28px 0;
  }
}
.sect--predictrace .predictrace-prediction__box__title {
  padding: 8px;
  background: var(--color);
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: var(--font);
}
.sect--predictrace .predictrace-prediction__box__column {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  padding: 24px 24px 24px 32px;
}
.sect--predictrace .predictrace-prediction__box__column > div {
  display: flex;
  align-items: flex-end;
  gap: 5px;
  font-size: 18px;
  font-weight: 700;
}
.sect--predictrace .predictrace-prediction__box__column > div:first-of-type {
  position: relative;
}
.sect--predictrace .predictrace-prediction__box__column > div:first-of-type::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -14px;
  width: 20px;
  height: 4px;
  background: #000;
}
.sect--predictrace .predictrace-prediction__box__column > div > span {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 72px;
  height: 74px;
  font-size: 38px;
}
.sect--predictrace .predictrace-prediction__lead {
  text-align: justify;
}
.sect--predictrace .predictrace-prediction__lead > p {
  margin: 0;
  line-height: 1.6;
  font-size: 16px;
  font-weight: 400;
}
.sect--predictrace .predictrace-prediction__lead > p:not(:last-of-type) {
  margin: 0 0 1em 0;
}
.sect--predictrace .predictrace-profile {
  width: 100%;
  margin: 88px 0 0 0;
  background: rgb(19, 208, 220);
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-profile {
    margin: 72px 0 0 0;
  }
}
.sect--predictrace .predictrace-profile__cont {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
  height: 200px;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-profile__cont {
    flex-direction: column;
    gap: 24px;
    height: 260px;
  }
}
.sect--predictrace .predictrace-profile__btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 360px;
  max-width: 100%;
  height: 76px;
  padding: 18px 18px 18px 28px;
  background: #fff;
  border: 3px solid #000;
  border-radius: 36px;
  line-height: 1.2;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  z-index: 2;
}
@media (max-width: 768px) {
  .sect--predictrace .predictrace-profile__btn {
    width: 340px;
  }
}
@media (any-hover: hover) {
  .sect--predictrace .predictrace-profile__btn:hover::after {
    transform: scale(1.1) rotate(90deg);
  }
  .sect--predictrace .predictrace-profile__btn:hover.is-arrow::after {
    transform: scale(1.1) translateX(4px);
  }
}
.sect--predictrace .predictrace-profile__btn::after {
  content: "";
  display: block;
  width: 31px;
  height: 31px;
  background: url(.././images/predict_showdown_ico_01@2x.png) no-repeat center/contain;
  transition: transform 0.2s ease;
}
.sect--predictrace .predictrace-profile__btn.is-arrow::after {
  background: url(.././images/predict_showdown_ico_03@2x.png) no-repeat center/contain;
}
.sect--predictrace .predict-race {
  padding: 88px 0 max(min(6.9444444444vw, 120px), 80px);
}
@media (min-width: 1441px) {
  .sect--predictrace .predict-race {
    padding: 88px 0 max(min(6.9444444444vw, 120px), 80px);
  }
}
@media (max-width: 1200px) {
  .sect--predictrace .predict-race {
    padding: 88px 0 max(min(6.9444444444vw, 120px), 80px);
  }
}
@media (max-width: 768px) {
  .sect--predictrace .predict-race {
    padding: 60px 0;
  }
}