@charset "UTF-8";
.inner {
  width: 100%;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .inner {
    max-width: 1000px;
  }
}
main {
  background: url("../img/showdown/bg.webp") center top repeat-y transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 768px) {
  main {
    background: #d2d2d2;
  }
}
.showdown {
  background-color: #000;
  background: url("../img/showdown/kv.webp") center top no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 768px) {
  .showdown {
    background: url("../img/showdown/pc/kv-bg.webp") center top no-repeat transparent;
    background-size: 1400px auto;
  }
}
.showdown-header {
  position: relative;
  height: 168.13333333333333vw;
}
@media only screen and (min-width: 768px) {
  .showdown-header {
    height: 900px;
  }
}
.showdown-wrapper {
  position: absolute;
  content: "";
  top: 12.8vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .showdown-wrapper {
    top: 56px;
  }
}
.showdown-body {
  width: 100%;
  max-width: 98.26666666666667vw;
  margin-top: 11.600000000000001vw;
}
@media only screen and (min-width: 768px) {
  .showdown-body {
    width: 772px;
    margin-top: 40px;
    margin-left: -22px;
  }
}
.showdown-title {
  width: 100%;
  margin-bottom: 46.93333333333333vw;
}
@media only screen and (min-width: 768px) {
  .showdown-title {
    max-width: 772px;
    margin-bottom: 0;
  }
}
.showdown-title img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.showdown-character {
  display: none;
}
@media only screen and (min-width: 768px) {
  .showdown-character {
    display: block;
    position: absolute;
    top: 393px;
    left: 50%;
    margin-left: -472px;
  }
}
.showdown-profile,
.showdown-ranking {
  width: 74.13333333333333vw;
}
@media only screen and (min-width: 768px) {
  .showdown-profile,
  .showdown-ranking {
    width: 450px;
    position: absolute;
    top: 696px;
    left: 50%;
  }
}
.showdown-profile {
  margin-bottom: 2.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .showdown-profile {
    margin-left: -475px;
  }
}
.showdown-ranking {
  margin-bottom: 10.4vw;
}
@media only screen and (min-width: 768px) {
  .showdown-ranking {
    margin-left: 25px;
  }
}
.showdown-menu {
  max-width: 93.33333333333333vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .showdown-menu {
    width: 80%;
    margin-bottom: 23px;
  }
}
.showdown-menu li {
  margin-bottom: 2.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .showdown-menu li {
    margin-bottom: 20px;
  }
}
.showdown-container {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .showdown-container {
    padding-top: 62px;
    background: url("../img/showdown/pc/bg.webp") center top repeat-y transparent;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 767px) {
  .showdown-container section {
    margin-bottom: 10.533333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .showdown-container section {
    margin-bottom: 80px;
  }
}
.showdown-race-title {
  margin-bottom: 2.4vw;
}
@media only screen and (min-width: 768px) {
  .showdown-race-title {
    margin-bottom: 6px;
  }
}
.showdown-race-content {
  background: url("../img/showdown/race-bg.webp") center top no-repeat transparent;
  background-size: 100% auto;
  width: 90.93333333333334vw;
  min-height: 61.33333333333333vw;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .showdown-race-content {
    background: url("../img/showdown/pc/race-bg.webp") center top no-repeat transparent;
    background-size: 100% auto;
    width: 830px;
    min-height: 400px;
  }
}
.showdown-race-content .soon {
  width: 79.2vw;
  padding-top: 17.866666666666667vw;
  padding-bottom: 7.333333333333333vw;
}
@media only screen and (min-width: 768px) {
  .showdown-race-content .soon {
    width: 468px;
    padding-top: 113px;
    padding-bottom: 95px;
  }
}
.showdown-race-content .btn {
  display: block;
  width: 56.00000000000001vw;
  margin: 4.533333333333333vw auto 8vw;
}
@media only screen and (min-width: 768px) {
  .showdown-race-content .btn {
    margin-top: 63px;
    margin-bottom: 63px;
    width: 464px;
  }
}
.btn-racecard {
  display: block;
  position: relative;
  width: 56.00000000000001vw;
  height: 12vw;
  margin: 8vw auto;
  border: 0.266666666666667vw solid #000;
  padding: 0.533333333333333vw;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .btn-racecard {
    margin: 0 auto 60px;
    width: 380px;
    height: 80px;
    border-width: 1px;
    padding: 6px;
  }
}
.btn-racecard::before {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 3.466666666666666vw;
  content: "";
  background: url("../img/showdown/icon-blank.svg?hash=a126cb8104b4bdfb49b90a5d7d66777b") left top no-repeat transparent;
  background-size: 100% 100%;
  width: 3.733333333333334vw;
  height: 3.466666666666666vw;
}
@media only screen and (min-width: 768px) {
  .btn-racecard::before {
    right: 25px;
    width: 22px;
    height: 20px;
  }
}
.btn-racecard .btn-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: url("../img/showdown/bg-1.png?hash=0385ea806d7d4f91fcc77936c2175cbd") left top repeat transparent;
  background-size: 4vw auto;
}
@media only screen and (min-width: 768px) {
  .btn-racecard .btn-inner {
    background-size: 30px auto;
  }
}
.btn-racecard .btn-text {
  font-size: 4vw;
  font-weight: 700;
  color: #fff600;
  text-shadow: #025cc1 3px 0px 0px, #025cc1 2.83487px 0.981584px 0px, #025cc1 2.35766px 1.85511px 0px, #025cc1 1.62091px 2.52441px 0px, #025cc1 0.705713px 2.91581px 0px, #025cc1 -0.287171px 2.98622px 0px, #025cc1 -1.24844px 2.72789px 0px, #025cc1 -2.07227px 2.16926px 0px, #025cc1 -2.66798px 1.37182px 0px, #025cc1 -2.96998px 0.42336px 0px, #025cc1 -2.94502px -0.571704px 0px, #025cc1 -2.59586px -1.50383px 0px, #025cc1 -1.96093px -2.27041px 0px, #025cc1 -1.11013px -2.78704px 0px, #025cc1 -0.137119px -2.99686px 0px, #025cc1 0.850987px -2.87677px 0px, #025cc1 1.74541px -2.43999px 0px, #025cc1 2.44769px -1.73459px 0px, #025cc1 2.88051px -0.838247px 0px;
}
@media only screen and (min-width: 768px) {
  .btn-racecard .btn-text {
    font-size: 24px;
    text-shadow: #025cc1 5px 0px 0px, #025cc1 4.90033px 0.993347px 0px, #025cc1 4.60531px 1.94709px 0px, #025cc1 4.12668px 2.82321px 0px, #025cc1 3.48353px 3.58678px 0px, #025cc1 2.70151px 4.20736px 0px, #025cc1 1.81179px 4.6602px 0px, #025cc1 0.849836px 4.92725px 0px, #025cc1 -0.145998px 4.99787px 0px, #025cc1 -1.13601px 4.86924px 0px, #025cc1 -2.08073px 4.54649px 0px, #025cc1 -2.94251px 4.04248px 0px, #025cc1 -3.68697px 3.37732px 0px, #025cc1 -4.28444px 2.57751px 0px, #025cc1 -4.71111px 1.67494px 0px, #025cc1 -4.94996px 0.7056px 0px, #025cc1 -4.99147px -0.291871px 0px, #025cc1 -4.83399px -1.27771px 0px, #025cc1 -4.48379px -2.2126px 0px, #025cc1 -3.95484px -3.05929px 0px, #025cc1 -3.26822px -3.78401px 0px, #025cc1 -2.4513px -4.35788px 0px, #025cc1 -1.53666px -4.75801px 0px, #025cc1 -0.560763px -4.96845px 0px, #025cc1 0.437495px -4.98082px 0px, #025cc1 1.41831px -4.79462px 0px, #025cc1 2.34258px -4.41727px 0px, #025cc1 3.17346px -3.86382px 0px, #025cc1 3.87783px -3.15633px 0px, #025cc1 4.4276px -2.32301px 0px, #025cc1 4.80085px -1.39708px 0px, #025cc1 4.98271px -0.415447px 0px;
  }
}
#race2 .showdown-race-title {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  #race2 .showdown-race-title {
    margin-bottom: 0;
  }
  #race2 .showdown-race-content {
    margin-top: -19px;
  }
}
#race3 {
  margin-bottom: 0;
  padding-bottom: 19.733333333333334vw;
}
#race3 .showdown-race-title {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #race3 {
    margin-top: -2.666666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  #race3 {
    margin-top: -54px;
    padding-bottom: 113px;
  }
  #race3 .showdown-race-content {
    margin-top: 11px;
  }
}
.modal-1 .profile {
  background: url("../img/showdown/pc/modal-bg.png?hash=72650a9a1bb2875f9912dcbcec877337") center top repeat transparent;
  background-size: auto auto;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .modal-1 .profile {
    width: 600px;
  }
}
.modal-1 .profile .profile-inner {
  margin: 10px;
  border: 2px solid #000;
}
.modal-1 .profile .link {
  text-align: right;
  margin: 6vw 2.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-1 .profile .link {
    margin: 22px 21px;
  }
}
.modal-1 .profile .link button {
  width: 60.53333333333333vw;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .modal-1 .profile .link button {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .modal-2 .modal-inner {
    padding-inline: 5.333333333333334vw;
  }
}
.modal-2 .refund {
  background: url("../img/showdown/pc/modal-bg.png?hash=72650a9a1bb2875f9912dcbcec877337") center top repeat transparent;
  background-size: auto auto;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .modal-2 .refund {
    width: 600px;
  }
}
.modal-2 .refund .refund-inner {
  border: 2px solid #000;
}
@media only screen and (min-width: 768px) {
  .modal-2 .refund .refund-inner {
    margin: 10px;
    padding: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-2 .refund .refund-inner {
    margin: 1.333333333333333vw;
    padding: 1.066666666666667vw;
    border-width: 0.266666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-2 .refund .inner-heading {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-2 .refund .inner-heading {
    margin-bottom: 4vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-2 .refund .list-ranking {
    margin-inline: 6px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-2 .refund .list-ranking {
    margin-inline: 1.333333333333333vw;
  }
}
.modal-2 .refund .list-ranking li {
  position: relative;
  display: flex;
}
@media only screen and (min-width: 768px) {
  .modal-2 .refund .list-ranking li {
    align-items: center;
  }
}
.modal-2 .refund .list-ranking li:not(:last-child) {
  border-bottom: 1px solid #000;
}
@media only screen and (min-width: 768px) {
  .modal-2 .refund .list-ranking li:not(:last-child) {
    padding-bottom: 18px;
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-2 .refund .list-ranking li:not(:last-child) {
    padding-bottom: 3.2vw;
    margin-bottom: 3.2vw;
    border-bottom-width: 0.266666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-2 .refund .list-ranking li:last-child {
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-2 .refund .list-ranking li:last-child {
    padding-bottom: 2.666666666666667vw;
  }
}
.modal-2 .refund .list-ranking li .num {
  position: absolute;
}
@media only screen and (min-width: 768px) {
  .modal-2 .refund .list-ranking li .num {
    left: -8px;
    top: -7px;
    width: 71px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-2 .refund .list-ranking li .num {
    left: -1.6vw;
    top: -1.333333333333333vw;
    width: 13.466666666666665vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-2 .refund .list-ranking li .thumbnail {
    width: 100px;
    margin-left: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-2 .refund .list-ranking li .thumbnail {
    width: 18.933333333333334vw;
    margin-left: 8.4vw;
  }
}
.modal-2 .refund .list-ranking li .name {
  font-size: 21px;
  font-weight: 700;
  color: #000;
}
@media only screen and (min-width: 768px) {
  .modal-2 .refund .list-ranking li .name {
    margin-left: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-2 .refund .list-ranking li .name {
    margin-top: 0.533333333333333vw;
    margin-left: 2.4vw;
    font-size: 4vw;
    line-height: 1;
  }
}
.modal-2 .refund .list-ranking li .total-num {
  color: #0254ac;
  font-weight: 700;
  font-size: 56px;
}
@media only screen and (min-width: 768px) {
  .modal-2 .refund .list-ranking li .total-num {
    padding-right: 4px;
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .modal-2 .refund .list-ranking li .total-num {
    position: absolute;
    right: 1.066666666666667vw;
    bottom: 1.333333333333333vw;
    font-size: 10.666666666666668vw;
    line-height: 1;
  }
}
.modal-2 .refund .list-ranking li .total-num .mark {
  font-size: 42px;
}
@media only screen and (max-width: 767px) {
  .modal-2 .refund .list-ranking li .total-num .mark {
    font-size: 8vw;
    line-height: 1;
  }
}
.modal-2 .refund .text-1 {
  margin-inline: 10px;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .modal-2 .refund .text-1 {
    font-size: 3.2vw;
    margin-inline: 1.333333333333333vw;
  }
}
.modal-2 .refund .link {
  text-align: right;
  margin: 2.8vw 2.666666666666667vw 5.2vw;
}
@media only screen and (min-width: 768px) {
  .modal-2 .refund .link {
    margin: 19px 21px 27px;
  }
}
.modal-2 .refund .link button {
  width: 71.46666666666667vw;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .modal-2 .refund .link button {
    width: auto;
  }
}
.container-predict {
  margin-inline: auto;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .container-predict {
    width: 93.33333333333333vw;
    padding-bottom: 10.666666666666668vw;
    margin-bottom: 10.666666666666668vw;
    border-bottom: 0.266666666666667vw solid #000;
  }
}
@media only screen and (min-width: 768px) {
  .container-predict {
    margin: 0 50px 80px;
    padding-bottom: 80px;
    border-bottom-width: 2px;
  }
}
.container-predict .container-tipster {
  border: 0.266666666666667vw solid #000;
  padding: 1.066666666666667vw;
  margin-bottom: 1.333333333333333vw;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-tipster {
    border-width: 2px;
    margin-bottom: 16px;
    padding: 4px;
  }
}
.container-predict .container-selection {
  border: 0.266666666666667vw solid #025cc1;
  padding: 1.066666666666667vw;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-selection {
    border-width: 2px;
    padding: 4px;
  }
}
.container-predict .container-selection .container-table {
  border: 0.266666666666667vw solid #025cc1;
  padding: 5.333333333333334vw 4.399999999999999vw;
  background: url("../img/showdown/bg-4.png?hash=b2094fc1edfebb948d5267b5870fa68c") left top repeat transparent;
  background-size: 4vw auto;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-selection .container-table {
    border-width: 2px;
    padding: 12px;
    background-size: 30px auto;
  }
}
.container-predict .container-selection .table {
  background-color: #fff;
}
.container-predict .container-selection .table .column-1 {
  width: 32vw;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-selection .table .column-1 {
    width: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width:1023px) {
  .container-predict .container-selection .table .column-1 {
    width: 200px;
  }
}
.container-predict .container-selection .table .column-2 {
  width: 49.06666666666666vw;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-selection .table .column-2 {
    width: calc(100% - 252px);
  }
}
@media only screen and (min-width: 768px) and (max-width:1023px) {
  .container-predict .container-selection .table .column-2 {
    width: calc(100% - 202px);
  }
}
.container-predict .container-selection .table .row {
  display: flex;
  justify-content: space-between;
}
.container-predict .container-selection .table .row-heading {
  margin-bottom: 0.533333333333333vw;
  font-size: 3.2vw;
  line-height: 2.083333333333333;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-selection .table .row-heading {
    margin-bottom: 2px;
    font-size: 18px;
    line-height: 2.222222222222222;
  }
}
.container-predict .container-selection .table .row-heading .column-1,
.container-predict .container-selection .table .row-heading .column-2 {
  height: 6.4vw;
  text-align: center;
  color: #ece200;
  background: url("../img/showdown/bg-2.jpg?hash=96aa096999b5f47e9514dd8b236d4c14") left top repeat transparent;
  background-size: 136.53333333333333vw auto;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-selection .table .row-heading .column-1,
  .container-predict .container-selection .table .row-heading .column-2 {
    height: 40px;
    background-size: 1024px auto;
  }
}
.container-predict .container-selection .table .row-detail {
  position: relative;
  display: flex;
  border-bottom: 0.533333333333333vw solid #b3b3b3;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-selection .table .row-detail {
    border-bottom-width: 2px;
  }
}
.container-predict .container-selection .table .row-detail .column-1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 4vw;
  font-size: 2.933333333333333vw;
  line-height: 1.272727272727273;
  background-color: #d1e4fa;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-selection .table .row-detail .column-1 {
    padding-left: 30px;
    font-size: 16px;
  }
}
.container-predict .container-selection .table .row-detail .column-1 span {
  margin-bottom: 0.533333333333333vw;
  font-size: 3.733333333333334vw;
  line-height: 1.5;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-selection .table .row-detail .column-1 span {
    margin-bottom: 7px;
    font-size: 18px;
  }
}
.container-predict .container-selection .table .row-detail .column-2 {
  position: relative;
  padding-top: 4vw;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-selection .table .row-detail .column-2 {
    padding-top: 12px;
  }
}
.container-predict .container-selection .table .row-detail .column-2 .item {
  display: flex;
  padding-left: 4vw;
  margin-bottom: 1.333333333333333vw;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-selection .table .row-detail .column-2 .item {
    padding-left: 30px;
    margin-bottom: 5px;
  }
}
.container-predict .container-selection .table .row-detail .column-2 .heading {
  display: flex;
  justify-content: space-between;
  width: 14.666666666666666vw;
  font-size: 3.733333333333334vw;
  line-height: 1;
  font-weight: bold;
  margin-top: 8px;
}
@media only screen and (max-width: 767px) {
  .container-predict .container-selection .table .row-detail .column-2 .heading {
    min-width: 14.666666666666666vw;
    padding-top: 3px;
    margin-top: 1.333333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .container-predict .container-selection .table .row-detail .column-2 .heading {
    min-width: 72px;
    width: 72px;
    font-size: 18px;
  }
}
.container-predict .container-selection .table .row-detail .column-2 .heading::after {
  content: "：";
}
.container-predict .container-selection .table .row-detail .column-2 .numbers {
  display: flex;
  margin-left: 1.333333333333333vw;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-selection .table .row-detail .column-2 .numbers {
    margin-left: 3px;
  }
}
.container-predict .container-selection .table .row-detail .column-2 .numbers .horse-number {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
  font-weight: bold;
  color: #1d1e1f;
  font-size: 3.2vw;
  line-height: 1;
  letter-spacing: -0.1em;
  border: 0.266666666666667vw solid #707070;
}
.android .container-predict .container-selection .table .row-detail .column-2 .numbers .horse-number {
  letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
  .container-predict .container-selection .table .row-detail .column-2 .numbers .horse-number {
    width: 5.600000000000001vw;
    height: 5.600000000000001vw;
    margin-right: 1.333333333333333vw;
    padding-top: 0.266666666666667vw;
    padding-right: 0.266666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .container-predict .container-selection .table .row-detail .column-2 .numbers .horse-number {
    width: 26px;
    height: 26px;
    margin-right: 10px;
    border-width: 2px;
    font-size: 14px;
    padding-right: 2px;
  }
}
.container-predict .container-selection .table .row-detail .column-2 .amount {
  margin-top: 4vw;
  padding-left: 4vw;
  font-size: 3.733333333333334vw;
  line-height: 1.785714285714286;
  font-weight: bold;
  background-color: #ededed;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-selection .table .row-detail .column-2 .amount {
    margin-top: 10px;
    padding-left: 30px;
    font-size: 18px;
    line-height: 2.222222222222222;
  }
}
.container-predict .container-selection .table .row-detail.win .column-2::before {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  content: "";
  width: 27.200000000000003vw;
  height: 18.666666666666668vw;
  box-sizing: content-box;
  background: url("../img/showdown/icon-win.webp") left top no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (max-width: 767px) {
  .container-predict .container-selection .table .row-detail.win .column-2::before {
    left: 6vw;
  }
}
@media only screen and (min-width: 768px) {
  .container-predict .container-selection .table .row-detail.win .column-2::before {
    right: 50px;
    width: 109.5px;
    height: 80px;
    background: url("../img/showdown/pc/icon-win.webp") left top no-repeat transparent;
    background-size: 100% auto;
  }
}
.container-predict .container-selection .table .row-total {
  margin-top: 1.066666666666667vw;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-selection .table .row-total {
    margin-top: 6px;
  }
}
.container-predict .container-selection .table .row-total .column-1 {
  text-align: center;
  font-size: 3.2vw;
  line-height: 3.333333333333333;
  background-color: #b3b3b3;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-selection .table .row-total .column-1 {
    font-size: 18px;
    line-height: 2.777777777777778;
  }
}
.container-predict .container-selection .table .row-total .column-2 {
  padding-right: 4vw;
  text-align: right;
  font-size: 4vw;
  line-height: 2.666666666666667;
  background-color: #ededed;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-selection .table .row-total .column-2 {
    padding-right: 40px;
    font-size: 22px;
    line-height: 2.272727272727273;
  }
}
.container-predict .container-selection .table .row-total +.row-total {
  margin-top: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-selection .table .row-total +.row-total {
    margin-top: 2px;
  }
}
.container-predict .text-tipster {
  margin-top: 6.4vw;
  font-size: 3.466666666666666vw;
  line-height: 1.923076923076923;
}
@media only screen and (min-width: 768px) {
  .container-predict .text-tipster {
    margin: 52px 50px 0;
    font-size: 16px;
    line-height: 1.875;
  }
}
.container-predict .container-review {
  width: 79.2vw;
  margin-inline: auto;
  margin-top: 6.4vw;
  padding-bottom: 0.666666666666667vw;
  background: url("../img/showdown/bg-3.jpg?hash=4638a7916016a2df6ce0d9f84352101e") left top repeat transparent;
  background-size: 100vw auto;
  border: 0.266666666666667vw solid #000;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-review {
    width: 500px;
    border-width: 2px;
    margin-top: 50px;
  }
}
.container-predict .container-review .heading-review {
  width: 58.666666666666664vw;
  margin-inline: auto;
  padding-block: 1.733333333333333vw 1.6vw;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-review .heading-review {
    width: 316px;
    padding-block: 17px 15px;
  }
}
.container-predict .container-review .review-inner {
  display: flex;
  justify-content: center;
  width: 77.33333333333333vw;
  margin-inline: auto;
  padding-block: 2.666666666666667vw;
  background: url("../img/showdown/bg-2.jpg?hash=96aa096999b5f47e9514dd8b236d4c14") left top repeat transparent;
  background-size: 100vw auto;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-review .review-inner {
    width: 486px;
  }
}
.container-predict .container-review .review-inner .text-review {
  padding-top: 0.8vw;
  margin-right: 3.6vw;
  align-self: center;
  font-size: 5.333333333333334vw;
  color: #fff600;
  text-shadow: #000 2px 0px 0px, #000 1.75517px 0.958851px 0px, #000 1.0806px 1.68294px 0px, #000 0.141474px 1.99499px 0px, #000 -0.832294px 1.81859px 0px, #000 -1.60229px 1.19694px 0px, #000 -1.97998px 0.28224px 0px, #000 -1.87291px -0.701566px 0px, #000 -1.30729px -1.5136px 0px, #000 -0.421592px -1.95506px 0px, #000 0.567324px -1.91785px 0px, #000 1.41734px -1.41108px 0px, #000 1.92034px -0.558831px 0px;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-review .review-inner .text-review {
    margin-right: 28px;
    font-size: 30px;
  }
}
.container-predict .container-review .review-inner .percentage {
  display: flex;
}
.container-predict .container-review .review-inner .percentage .num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12vw;
  height: 16vw;
  border: 0.266666666666667vw solid #000;
  margin-right: 0.8vw;
  background-color: #fff;
  font-size: 14.666666666666666vw;
  color: #025cc1;
  text-shadow: #fff600 3px 0px 0px, #fff600 2.83487px 0.981584px 0px, #fff600 2.35766px 1.85511px 0px, #fff600 1.62091px 2.52441px 0px, #fff600 0.705713px 2.91581px 0px, #fff600 -0.287171px 2.98622px 0px, #fff600 -1.24844px 2.72789px 0px, #fff600 -2.07227px 2.16926px 0px, #fff600 -2.66798px 1.37182px 0px, #fff600 -2.96998px 0.42336px 0px, #fff600 -2.94502px -0.571704px 0px, #fff600 -2.59586px -1.50383px 0px, #fff600 -1.96093px -2.27041px 0px, #fff600 -1.11013px -2.78704px 0px, #fff600 -0.137119px -2.99686px 0px, #fff600 0.850987px -2.87677px 0px, #fff600 1.74541px -2.43999px 0px, #fff600 2.44769px -1.73459px 0px, #fff600 2.88051px -0.838247px 0px;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-review .review-inner .percentage .num {
    width: 70px;
    height: 90px;
    margin-right: 4px;
    font-size: 80px;
    border-width: 2px;
    text-shadow: #fff600 4px 0px 0px, #fff600 3.87565px 0.989616px 0px, #fff600 3.51033px 1.9177px 0px, #fff600 2.92676px 2.72656px 0px, #fff600 2.16121px 3.36588px 0px, #fff600 1.26129px 3.79594px 0px, #fff600 0.282949px 3.98998px 0px, #fff600 -0.712984px 3.93594px 0px, #fff600 -1.66459px 3.63719px 0px, #fff600 -2.51269px 3.11229px 0px, #fff600 -3.20457px 2.39389px 0px, #fff600 -3.69721px 1.52664px 0px, #fff600 -3.95997px 0.56448px 0px, #fff600 -3.97652px -0.432781px 0px, #fff600 -3.74583px -1.40313px 0px, #fff600 -3.28224px -2.28625px 0px, #fff600 -2.61457px -3.02721px 0px, #fff600 -1.78435px -3.57996px 0px, #fff600 -0.843183px -3.91012px 0px, #fff600 0.150409px -3.99717px 0px, #fff600 1.13465px -3.8357px 0px, #fff600 2.04834px -3.43574px 0px, #fff600 2.83468px -2.82216px 0px, #fff600 3.44477px -2.03312px 0px, #fff600 3.84068px -1.11766px 0px, #fff600 3.9978px -0.132717px 0px;
  }
}
.container-predict .container-review .review-inner .percentage .mark {
  align-self: flex-end;
  font-size: 9.333333333333334vw;
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
  color: #fff600;
  text-shadow: #000 2px 0px 0px, #000 1.75517px 0.958851px 0px, #000 1.0806px 1.68294px 0px, #000 0.141474px 1.99499px 0px, #000 -0.832294px 1.81859px 0px, #000 -1.60229px 1.19694px 0px, #000 -1.97998px 0.28224px 0px, #000 -1.87291px -0.701566px 0px, #000 -1.30729px -1.5136px 0px, #000 -0.421592px -1.95506px 0px, #000 0.567324px -1.91785px 0px, #000 1.41734px -1.41108px 0px, #000 1.92034px -0.558831px 0px;
}
@media only screen and (min-width: 768px) {
  .container-predict .container-review .review-inner .percentage .mark {
    font-size: 49px;
    padding-left: 4px;
  }
}
.container-toggle .toggle-btn {
  position: relative;
  width: 56.00000000000001vw;
  height: 12vw;
  border: 0.266666666666667vw solid #000;
  padding: 0.533333333333333vw;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .container-toggle .toggle-btn {
    width: 380px;
    height: 80px;
    border-width: 1px;
    padding: 6px;
  }
}
.container-toggle .toggle-btn::before,
.container-toggle .toggle-btn::after {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  content: "";
  background-color: #fff;
}
.container-toggle .toggle-btn::before {
  right: 4vw;
  width: 3.2vw;
  height: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .container-toggle .toggle-btn::before {
    right: 25px;
    width: 20px;
    height: 4px;
  }
}
.container-toggle .toggle-btn::after {
  right: 5.333333333333334vw;
  width: 0.533333333333333vw;
  height: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .container-toggle .toggle-btn::after {
    right: 33px;
    width: 4px;
    height: 20px;
  }
}
.container-toggle .toggle-btn .btn-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: url("../img/showdown/bg-1.png?hash=0385ea806d7d4f91fcc77936c2175cbd") left top repeat transparent;
  background-size: 4vw auto;
}
@media only screen and (min-width: 768px) {
  .container-toggle .toggle-btn .btn-inner {
    background-size: 30px auto;
  }
}
.container-toggle .toggle-btn .btn-text {
  font-size: 4vw;
  font-weight: 700;
  color: #fff600;
  text-shadow: #025cc1 3px 0px 0px, #025cc1 2.83487px 0.981584px 0px, #025cc1 2.35766px 1.85511px 0px, #025cc1 1.62091px 2.52441px 0px, #025cc1 0.705713px 2.91581px 0px, #025cc1 -0.287171px 2.98622px 0px, #025cc1 -1.24844px 2.72789px 0px, #025cc1 -2.07227px 2.16926px 0px, #025cc1 -2.66798px 1.37182px 0px, #025cc1 -2.96998px 0.42336px 0px, #025cc1 -2.94502px -0.571704px 0px, #025cc1 -2.59586px -1.50383px 0px, #025cc1 -1.96093px -2.27041px 0px, #025cc1 -1.11013px -2.78704px 0px, #025cc1 -0.137119px -2.99686px 0px, #025cc1 0.850987px -2.87677px 0px, #025cc1 1.74541px -2.43999px 0px, #025cc1 2.44769px -1.73459px 0px, #025cc1 2.88051px -0.838247px 0px;
}
@media only screen and (min-width: 768px) {
  .container-toggle .toggle-btn .btn-text {
    font-size: 24px;
    text-shadow: #025cc1 5px 0px 0px, #025cc1 4.90033px 0.993347px 0px, #025cc1 4.60531px 1.94709px 0px, #025cc1 4.12668px 2.82321px 0px, #025cc1 3.48353px 3.58678px 0px, #025cc1 2.70151px 4.20736px 0px, #025cc1 1.81179px 4.6602px 0px, #025cc1 0.849836px 4.92725px 0px, #025cc1 -0.145998px 4.99787px 0px, #025cc1 -1.13601px 4.86924px 0px, #025cc1 -2.08073px 4.54649px 0px, #025cc1 -2.94251px 4.04248px 0px, #025cc1 -3.68697px 3.37732px 0px, #025cc1 -4.28444px 2.57751px 0px, #025cc1 -4.71111px 1.67494px 0px, #025cc1 -4.94996px 0.7056px 0px, #025cc1 -4.99147px -0.291871px 0px, #025cc1 -4.83399px -1.27771px 0px, #025cc1 -4.48379px -2.2126px 0px, #025cc1 -3.95484px -3.05929px 0px, #025cc1 -3.26822px -3.78401px 0px, #025cc1 -2.4513px -4.35788px 0px, #025cc1 -1.53666px -4.75801px 0px, #025cc1 -0.560763px -4.96845px 0px, #025cc1 0.437495px -4.98082px 0px, #025cc1 1.41831px -4.79462px 0px, #025cc1 2.34258px -4.41727px 0px, #025cc1 3.17346px -3.86382px 0px, #025cc1 3.87783px -3.15633px 0px, #025cc1 4.4276px -2.32301px 0px, #025cc1 4.80085px -1.39708px 0px, #025cc1 4.98271px -0.415447px 0px;
  }
}
.container-toggle .toggle-btn .btn-text::before {
  content: "買い目を見る";
}
.container-toggle .toggle-contents {
  height: 0;
  overflow: hidden;
}
.container-toggle.is-toggle-opened .toggle-contents {
  height: auto;
}
.container-toggle.is-toggle-opened .toggle-contents .container-predict:first-child {
  margin-top: 60px;
}
.container-toggle.is-toggle-opened .toggle-btn::after {
  display: none;
}
.container-toggle.is-toggle-opened .toggle-btn .btn-text::before {
  content: "閉じる";
}