a {
    cursor: pointer;
}
a:hover {
    opacity: 0.7;
    text-decoration: none;
}
a.is-disabled {
    opacity: 0.7;
    cursor: default;
}
button:hover {
    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: #469AD5;
}
.p-vote__complete__link__twitter svg {
    position: relative;
    margin-right: 10px;
}
.p-present__complete__link__twitter svg {
    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,#dadada,#e4007f);
    width:474px;
}
.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:230px;
}
.p-top__ranking__list__item__vote .bar.is-animate.third {
    width:221px;
}
.p-top__ranking__list__item__vote .bar.is-animate.forth {
    width:194px;
}
.p-top__ranking__list__item__vote .bar.is-animate.fifth {
    width:134px;
}
.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;
}
.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.top_interim {
    position: relative;
}
.btn_ranking {
    position: absolute;
    right: 1%;
    bottom: 36%;
}
@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__time {
        font-size: 12px;
        text-align: right;
    }
    .p-top__end__video__description {
        padding: 0;
        text-align: left;
    }
    .btn_ranking {
        width: 33%;
        bottom: auto;
        top: 18%;
    }
}
