a {
  cursor: pointer;
}

a:hover {
  @media screen and (min-width:1025px) {
    opacity: 0.7;
    text-decoration: none;
  }
}

a.is-disabled {
  opacity: 0.7;
  cursor: default;
}

button:hover {
  @media screen and (min-width:1025px) {
    opacity: 0.8;
  }
}

button.is-disabled {
  opacity: 0.7;
  cursor: default !important;
}

dt.c-list--dl__term {
  cursor: pointer;
}

span.bar.pointer {
  cursor: pointer;
}

.pc_disp {
  display: none !important;
}

@media screen and (min-width: 768px) {
  .pc_disp {
    display: block !important;
  }
}

.sp_disp {
  display: block !important;
}

@media screen and (min-width: 768px) {
  .sp_disp {
    display: none !important;
  }
}

.middlereport_ranking {
  cursor: pointer;
}

.author {
  display: flex;
  justify-content: flex-end
}

.search-button {
  padding-top: 20px;
}

.p-vote__confirm__header__text.is-error {
  color: red;
  font-size: 16px;
  margin: 30px 0 20px;
  text-align: center;
}

.p-vote__text.error {
  font-weight: 700;
  line-height: 1;
  color: red;
  font-size: 16px;
  margin: 30px 0 20px;
  text-align: center;
}

.name {
  padding: 0px 0px;
}

.tel {
  padding: 0px 0px;
}

.zip {
  padding: 0px 0px;
}

.p-present__form__item__text.error {
  color: red;
  font-size: 16px;
  padding-bottom: 12px
}

.c-title--result .count {
  color: #fff;
  display: block;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0px;
  font-size: 28px;
}

.p-present__form__btn__next.is-disabled {
  background: #838383;
  color: #c1c1c1;
  -webkit-box-shadow: 0 0px 0px 0 rgb(0 0 0 / 25%);
  box-shadow: 0 0px 0px 0 rgb(0 0 0 / 25%);
}

.p-vote__complete__link__twitter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  justify-content: center;
  position: relative;
  margin: 30px auto 0;
}

.p-present__complete__link__twitter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  justify-content: center;
  position: relative;
  margin: 30px auto 0;
  background-color: #262626;
  border: none;
  color: #fff;
  margin: 30px auto 0;
  border-radius: 3px;
  height: 70px;
  width: 400px;
}

.twitter {
  color: #fff;
  background: #000;
}

.p-vote__complete__link__twitter svg,
.p-vote__complete__link__twitter img {
  position: relative;
  margin-right: 10px;
}

.p-present__complete__link__twitter svg,
.p-present__complete__link__twitter img {
  position: relative;
  margin-right: 10px;
}

.p-present__complete__link__next,
.p-present__complete__link__prev {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  justify-content: center;
  position: relative;
}

.p-present__complete__link__prev {
  background-color: #262626;
  border: none;
  color: #fff;
  margin: 30px auto 0;
  border-radius: 3px;
  height: 70px;
  width: 400px;
}

.p-present__form__item__info {
  background-color: #fff;
}

.p-present__form__item__info--address {
  background-color: #fff;
}

.p-present__form__item__info--address .tel-text {
  margin-top: 5px;
  color: #666;
  font-size: 14px;
}

.p-present__form__item__info--address .zip-text {
  margin-top: 5px;
  color: #666;
  font-size: 14px;
}

.p-vote_text__agreement {
  font-size: 12px;
  padding: 10px 0px 30px;
}

.p-top__about__description {
  border-bottom: 0px solid #5c5c5c;
  padding-bottom: 0px;
}

input:focus {
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
  border: solid 1px #666;
}

.p-top__ranking__list__item__vote--first .bar {
  background: transparent;
  width: 0px;
}

.p-top__ranking__list__item__vote .bar {
  background: transparent;
  width: 0px;
}

.p-top__ranking__list__item__vote--first .bar.is-animate {
  transition: width 2.2s ease-in-out;
  background: linear-gradient(90deg, #051033 0, #f2cf5f 6%, #f6d973 52%, #d1af28 100%);
  width: 455px;
}

.p-top__ranking__list__item__vote .bar.is-animate {
  transition: width 2.2s ease-in-out;
  background: linear-gradient(90deg, #f5f5f6, #273694);
  width: 237px;
}

.p-top__ranking__list__item__vote .bar.is-animate.second {
  width: 150px;
}

.p-top__ranking__list__item__vote .bar.is-animate.third {
  width: 150px;
}

.p-top__ranking__list__item__vote .bar.is-animate.forth {
  width: 150px;
}

.p-top__ranking__list__item__vote .bar.is-animate.fifth {
  width: 150px;
}

.p-top__ranking__list__item__vote--first .unit {
  font-family: Noto Sans JP, 游ゴシック, YuGothic, Yu Gothic, メイリオ, Meiryo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  bottom: 10px;
  position: relative;
}

.p-top__ranking__list__item__vote--first .bar:after {
  background-image: url(../images/horse_run.gif);
}

.p-top__ranking__list__item__vote .bar:after {
  background-image: url(../images/horse_run.gif);
}

.p-top__about__race__overview.accordion {
  line-height: 1.5;
}

.p-top__about__race__overview.accordion:hover {
  opacity: 0.7;
}

.p-top__vote__link__block-disabled {
  background-color: #aaa;
}

.p-top__vote__link__block-disabled:hover {
  opacity: 1.0;
  cursor: default;
}

.p-top__other__banner__item img:hover {
  opacity: 0.7;
}

.p-vote__search__form__text {
  padding: 0px 0px 0px 19px;
  font-size: 12px;
}

.p-vote__search__form__pcwrap {
  display: flex;
  flex-wrap: wrap;
}

.p-top__ranking__time {
  font-size: 20px;
  text-align: right;
}

.p-top__end__video__title {
  line-height: 1.5;
}

.p-top__end__video__description {
  padding: 0 170px;
}

.p-top__end__video img:hover {
  opacity: 0.7;
  cursor: pointer;
}

.p-top__hero,
.p-top__hero.top_interim {
  position: relative;
}

.btn_ranking {
  position: fixed;
  right: 1%;
  bottom: 20%;
  transition-duration: .5s;
  opacity: 1;
  z-index: 100;
}

/*.p-top__vote .p-top__241104 {*/
.p-top__vote {
  background-color: #1c2a51;
  /*padding: 0;*/
  padding-top: 50px;
  margin: 0;
  
}
.p-top__ranking {
  /*margin-bottom: 4rem;*/
}

.emergency-box {
  color: #e00;
  background-color: rgb(255,255,255,1.0);
  padding: 0.5rem 1rem;
  border: #f00 4px solid;
  border-radius: 0.5rem;
}
.emergency-box.type1 {
  margin-top: -111px;
  margin-bottom: 150px;
}
.emergency-box.type2 {
  margin-top: 80px;
  margin-bottom: 0;
}

.p-top__ranking__list__item__name {
  min-width: 18em;
}

@media screen and (max-width: 1024px) {
  .p-top__ranking__list__item__vote--first .bar.is-animate {
    width: 42vw;
  }

  .p-top__ranking__list__item__vote--first .number {
    font-size: clamp(30px, 5.6vw, 60px);
  }

  .emergency-box.type1 {
    margin-top: -111px;
    margin-bottom: 150px;
  }
  .emergency-box.type2 {
    margin-top: 80px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-title--result .count {
    font-size: 5.6vw;
  }

  .p-present__form__item__info {
    background-color: #efefef;
  }

  .p-present__form__item__info--address {
    background-color: #efefef;
  }

  .p-vote__complete__link__twitter {
    margin: 0 auto 6.66667vw;
  }

  .p-vote__complete__link__twitter {
    font-size: 32px;
    font-size: 4.26667vw;
    height: 17.33333vw;
    width: 84vw;
  }

  .p-vote__complete__link__twitter svg {
    width: 25px;
    height: 20px;
    margin-right: 6px;
  }

  .p-present__complete__link__twitter {
    font-size: 32px;
    font-size: 4.26667vw;
    height: 17.33333vw;
    width: 84vw;
    margin: 0 auto 6.66667vw;
  }

  .p-present__complete__link__prev {
    font-size: 32px;
    font-size: 4.26667vw;
    height: 17.33333vw;
    width: 84vw;
    margin: 0 auto 6.66667vw;
  }

  .p-present__complete__link__twitter svg {
    width: 25px;
    height: 20px;
    margin-right: 6px;
  }

  .p-top__ranking__list__item__vote--first .bar.is-animate {
    transition: width 2.2s ease-in-out;
    background: linear-gradient(90deg, #dadada, #e4007f);
    width: 42vw;
  }

  .p-top__ranking__list__item__vote .bar.is-animate {
    transition: width 2.2s ease-in-out;
    background: linear-gradient(90deg, #f5f5f6, #273694);
    width: 50.66667vw;
  }

  .p-top__ranking__list__item__vote .bar.is-animate.second {
    width: 30vw;
  }

  .p-top__ranking__list__item__vote .bar.is-animate.third {
    width: 28vw;
  }

  .p-top__ranking__list__item__vote .bar.is-animate.forth {
    width: 26vw;
  }

  .p-top__ranking__list__item__vote .bar.is-animate.fifth {
    width: 22vw;
  }

  .p-top__vote__link__block-disabled {
    background-color: #aaa;
  }

  .p-vote__search__form__list {
    padding: 4vw 0 2.33333vw;
  }

  .p-vote__search__form__text {
    padding-bottom: 8px;
    padding-left: 0px;
    font-size: 12px;
  }

  .p-top__ranking {
    margin-bottom: 0;
  }

  .p-top__ranking__time {
    font-size: 12px;
    text-align: right;
  }

  .p-top__end__video__description {
    padding: 0;
    text-align: left;
  }

  .p-top__other__schedule {
    margin-bottom: 0;
  }

  .p-top__other__note {
    min-height: 1rem;
  }

  .btn_ranking {
    width: 33%;
    bottom: 14%;
    top: auto;
    opacity: 0;
  }

  .p-top__ranking__table tr td:nth-child(1) {
    width: 13.33333vw;
  }
  .p-top__ranking__table tr td:nth-child(2) {
    width: 58.4vw;
  }
  .p-top__ranking__table tr td:nth-child(3) {
    width: 14.4vw;
  }

  .emergency-box.type1 {
    margin-top: -35px;
  }
  .emergency-box.type2 {
    margin-top: 26.66667vw;
    margin-bottom: -10vw;
  }

  .p-top__ranking__list__item__name--first {
    text-align: center;
    padding: 0 0 4vw 4vw;
  }
}
