.kv.re {
  height: 100%;
  background-color: transparent;
  background-image: url("../img/re_bg_kv_sp.png"), url("../img/bg_dot_sp.png");
  background-repeat: no-repeat, repeat;
  background-size: 100% auto, 100% auto;
  background-position: top center, top center;
}
@media only screen and (min-width: 750px) {
  .kv.re {
    height: 100%;
    background-image: url("../img/re_bg_kv_tb.png"), url("../img/bg_dot_pc.png");
    background-repeat: no-repeat, repeat;
    background-size: 100% auto, 100% auto;
    background-position: top center, top center;
  }
}
@media only screen and (min-width: 1000px) {
  .kv.re {
    height: 100%;
    background-image: url("../img/re_bg_kv_pc.png"), url("../img/bg_dot_pcl.png");
    background-size: auto, auto;
  }
}
.kv_inner.re {
  position: relative;
  width: 100%;
  height: 299.0625vw;
  margin: 0 auto;
}
@media only screen and (min-width: 750px) {
  .kv_inner.re {
    height: 281.3vw;
  }
}
@media only screen and (min-width: 1000px) {
  .kv_inner.re {
    width: 1000px;
    height: 2813px;
  }
}
.kv h1.re {
  top: 15.625vw;
}
@media only screen and (min-width: 750px) {
  .kv h1.re {
    top: 9.4vw;
    left: 3.6vw;
    width: 92.8vw;
  }
}
@media only screen and (min-width: 1000px) {
  .kv h1.re {
    top: 94px;
    left: 36px;
    width: 928px;
  }
}
.kv .kv02 {
  position: absolute;
  width: 100%;
  bottom: 0.8vw;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (min-width: 750px) {
  .kv .kv02 {
    bottom: 1.1vw;
  }
}
@media only screen and (min-width: 1000px) {
  .kv .kv02 {
    bottom: 11px;
  }
}
.kv .re_kv_title {
  position: absolute;
  width: 80.3125vw;
  top: 86.875vw;
  left: 10.46875vw;
}
@media only screen and (min-width: 750px) {
  .kv .re_kv_title {
    left: 15vw;
    width: 70vw;
    top: 66vw;
  }
}
@media only screen and (min-width: 1000px) {
  .kv .re_kv_title {
    left: 150px;
    width: 700px;
    top: 660px;
  }
}
.kv .re_kv_results {
  position: absolute;
  width: 77.8125vw;
  top: 114.0625vw;
  left: 10.9375vw;
}
@media only screen and (min-width: 750px) {
  .kv .re_kv_results {
    left: 16vw;
    width: 67.8vw;
    top: 89vw;
  }
}
@media only screen and (min-width: 1000px) {
  .kv .re_kv_results {
    left: 160px;
    width: 678px;
    top: 890px;
  }
}
.kv .re_kv_thanks {
  position: absolute;
  width: 83.4375vw;
  top: 146.875vw;
  left: 8.28125vw;
}
@media only screen and (min-width: 750px) {
  .kv .re_kv_thanks {
    left: 3.2vw;
    width: 93.6vw;
    top: 117.2vw;
  }
}
@media only screen and (min-width: 1000px) {
  .kv .re_kv_thanks {
    width: 936px;
    top: 1172px;
    left: 32px;
  }
}
.kv .re_kv_total {
  position: absolute;
  width: 93.90625vw;
  top: 173.125vw;
  left: 3.125vw;
}
@media only screen and (min-width: 750px) {
  .kv .re_kv_total {
    width: 133.4vw;
    top: 142vw;
    left: -16.7vw;
  }
}
@media only screen and (min-width: 1000px) {
  .kv .re_kv_total {
    left: -167px;
    width: 1334px;
    top: 1420px;
  }
}

.re_kv_total_btn {
  position: absolute;
  width: 65.625vw;
  top: 275vw;
  left: 17.1875vw;
}
@media only screen and (min-width: 750px) {
  .re_kv_total_btn {
    width: 65vw;
    left: 17.5vw;
    top: 256.7vw;
  }
}
@media only screen and (min-width: 1000px) {
  .re_kv_total_btn {
    width: 650px;
    left: 175px;
    top: 2567px;
  }
}

.re_wrap {
  position: relative;
  width: 100%;
  padding: 15.3125vw 0 35.9375vw;
}
@media only screen and (min-width: 750px) {
  .re_wrap {
    padding: 12.6vw 0 21vw;
  }
}
@media only screen and (min-width: 1000px) {
  .re_wrap {
    padding: 126px 0 210px;
  }
}

.re_total_no1,
.re_total_no2,
.re_total_no3 {
  position: relative;
  width: 85.9375vw;
  margin: 0 auto 7.8125vw;
}
@media only screen and (min-width: 750px) {
  .re_total_no1,
  .re_total_no2,
  .re_total_no3 {
    width: 100%;
    margin: 0 auto 5.7vw;
  }
}
@media only screen and (min-width: 1000px) {
  .re_total_no1,
  .re_total_no2,
  .re_total_no3 {
    width: 1000px;
    margin: 0 auto 57px;
  }
}

.re_total_detail_btn {
  position: absolute;
  width: 54.375vw;
  bottom: 5.3125vw;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 750px) {
  .re_total_detail_btn {
    width: 54.2vw;
    bottom: 5vw;
  }
}
@media only screen and (min-width: 1000px) {
  .re_total_detail_btn {
    width: 542px;
    bottom: 50px;
  }
}

.re_dep_title {
  width: 95.78125vw;
  margin: 17.5vw auto 0;
}
@media only screen and (min-width: 750px) {
  .re_dep_title {
    width: 99.4vw;
    margin: 15vw auto 0;
  }
}
@media only screen and (min-width: 1000px) {
  .re_dep_title {
    width: 994px;
    margin: 150px auto 0;
  }
}

.re_dep_ranking {
  width: 100%;
  margin: 10.46875vw auto 0;
}
@media only screen and (min-width: 750px) {
  .re_dep_ranking {
    width: 100%;
    margin: 11vw auto 0;
  }
}
@media only screen and (min-width: 1000px) {
  .re_dep_ranking {
    width: 1000px;
    margin: 110px auto 0;
  }
}

.re_dep_ranking dt {
  width: 85.625vw;
  height: 13.240625vw;
  margin: 3.125vw auto 0;
  text-indent: -9999px;
  background-size: 100% auto;
  background-position: top center;
}
@media only screen and (min-width: 750px) {
  .re_dep_ranking dt {
    width: 86vw;
    height: 13.3vw;
    margin: 3vw auto 0;
    cursor: pointer;
  }
}
@media only screen and (min-width: 1000px) {
  .re_dep_ranking dt {
    width: 860px;
    height: 133px;
    margin: 30px auto 0;
  }
}
.re_dep_ranking dt.seika {
  background-image: url("../img/re_seika_btn.png");
}
.re_dep_ranking dt.seiniku {
  background-image: url("../img/re_seiniku_btn.png");
}
.re_dep_ranking dt.suisan {
  background-image: url("../img/re_suisan_btn.png");
}
.re_dep_ranking dt.souzai {
  background-image: url("../img/re_souzai_btn.png");
}
.re_dep_ranking dt.kakou {
  background-image: url("../img/re_kakou_btn.png");
}
.re_dep_ranking dt.chilled {
  background-image: url("../img/re_chilled_btn.png");
}
.re_dep_ranking dt.nichiyou {
  background-image: url("../img/re_nichiyou_btn.png");
}
.re_dep_ranking dt.active {
  background-position: bottom center;
}
.re_dep_ranking dt:hover {
  opacity: 0.8;
}

.re_dep_ranking dd {
  display: none;
  position: relative;
  width: 85.625vw;
  margin: 4.0625vw auto 7.8125vw;
}
@media only screen and (min-width: 750px) {
  .re_dep_ranking dd {
    width: 100%;
    margin: 3.7vw auto 7vw;
  }
}
@media only screen and (min-width: 1000px) {
  .re_dep_ranking dd {
    width: 1000px;
    margin: 37px auto 70px;
  }
}

.re_dep_detail_btn {
  position: absolute;
  width: 54.375vw;
  bottom: 5.3125vw;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 750px) {
  .re_dep_detail_btn {
    width: 54.2vw;
    bottom: 5vw;
  }
}
@media only screen and (min-width: 1000px) {
  .re_dep_detail_btn {
    width: 542px;
    bottom: 50px;
  }
}

.re_note {
  margin: 9.375vw auto 0;
  font-size: 1.875vw;
  text-align: center;
}
@media only screen and (min-width: 750px) {
  .re_note {
    margin: 8vw auto 0;
    font-size: 1.2vw;
  }
}
@media only screen and (min-width: 1000px) {
  .re_note {
    margin: 100px auto 0;
    font-size: 12px;
  }
}

.re_chara {
  width: 84.375vw;
  margin: 19.53125vw auto 0;
}
@media only screen and (min-width: 750px) {
  .re_chara {
    width: 85vw;
    margin: 15vw auto 0;
  }
}
@media only screen and (min-width: 1000px) {
  .re_chara {
    width: 715px;
    margin: 194px auto 0;
  }
}

.re_fix_bt {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: baseline;
  bottom: 0;
  right: 0;
  width: 100%;
}
@media only screen and (min-width: 750px) {
  .re_fix_bt {
    display: block;
    width: 19.5vw;
    bottom: 1.5vw;
    right: 1.5vw;
  }
}
@media only screen and (min-width: 1000px) {
  .re_fix_bt {
    width: 195px;
    bottom: 15px;
    right: 15px;
  }
}
.re_fix_bt li {
  width: 34.5%;
  margin-left: -0.2%;
}
@media only screen and (min-width: 750px) {
  .re_fix_bt li {
    width: 100%;
    margin-top: 0.8vw;
  }
}
@media only screen and (min-width: 1000px) {
  .re_fix_bt li {
    width: 100%;
    margin-top: 8px;
  }
}
.re_fix_bt li a img:hover {
  opacity: 1;
  filter: saturate(180%);
}
.re_fix_bt li a img {
  width: 34.5%;
  position: absolute;
  bottom: 0;
}
@media only screen and (min-width: 750px) {
  .re_fix_bt li a img {
    width: 100%;
    position: relative;
  }
}
@media only screen and (min-width: 750px) {
  .re_fix_bt .fix_total {
    width: 19.6vw;
  }
}
@media only screen and (min-width: 1000px) {
  .re_fix_bt .fix_total {
    width: 196px;
  }
}
@media only screen and (min-width: 750px) {
  .re_fix_bt .fix_dep {
    margin: 1vw auto 0;
    width: 17.6vw;
  }
}
@media only screen and (min-width: 1000px) {
  .re_fix_bt .fix_dep {
    margin: 10px auto 0;
    width: 176px;
  }
}
@media only screen and (min-width: 750px) {
  .re_fix_bt .fix_ptop {
    width: 14.3vw;
    margin: 3vw auto 0;
  }
}
@media only screen and (min-width: 1000px) {
  .re_fix_bt .fix_ptop {
    width: 143px;
    margin: 30px auto 0;
  }
}