@charset "UTF-8";

.present-data-inner dl:nth-child(4) dd {
  width: 600px
}

.add-txt {
  margin-top: 10px;
  color: #c32035;
  border: solid 1px #c32035;
  padding: 5px
}

.menu {
  padding: 0 0 50px
}

.intermediate .limited {
  background: transparent
}

.intermediate .limited span {
  border: solid #c32035 1px;
  padding: 0 5px;
  color: #c32035;
  font-size: 1.7rem
}

.intermediate-box {
  padding: 10pc 0 0;
  background: url(../images/intermediate-fin-bg.png)no-repeat center/cover;
}

.intermediate-box .intermediate-catch {
  width: 75%;
  max-width: 50pc;
  margin: auto
}

.intermediate-box .intermediate-ttl {
  width: 95%;
  max-width: 750pt;
  margin: -50px auto 0
}

.intermediate-box .ranking-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.intermediate-box .ranking-list .ranking-img-drink {
  width: 300px
}

.intermediate-box .ranking-list .ranking-img-no {
  width: 90pt;
  margin: auto
}

.intermediate-box .ranking-list .ranking-txt-area {
  background: #f5f2ed;
  padding: 90pt 0 0;
  height: 200px;
  margin-top: -103px;
  margin-bottom: -60px
}

.intermediate-box .ranking-list .ranking-txt-area .ranking-txt p {
  font-size: 2rem
}

.intermediate-box .ranking-list .ranking-txt-area .ranking-txt {
  padding-left: 15px
}

.intermediate-box .ranking-list .ranking-txt-area .ranking-txt p {
  padding-bottom: 10px
}

.intermediate-box .ranking-list .ranking-item:nth-child(2) .ranking-txt-area {
  margin-top: -6pc;
  height: 20pc
}

.intermediate-box .ranking-list .ranking-item:first-child {
  padding-top: 130px
}

.intermediate-box .ranking-list .ranking-item:nth-child(3) {
  padding-top: 180px
}

.intermediate-btn {
  padding: 50px 30px;
  background: #fff;
  border: solid 1px #000;
  text-align: center;
  width: 75%;
  max-width: 500px;
  margin: 220px auto 180px
}

.intermediate-btn p {
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 20px
}

.intermediate-btn a {
  background: #c69d80;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  height: 50px;
  text-align: center;
  position: relative
}

.intermediate-btn a .arrow {
  position: absolute;
  right: 10px
}

.ranking-vote-count {
  margin-bottom: 20px
}

.ranking-vote-count p {
  font-size: 3rem;
  color: #fff;
  background: #c32035;
  height: 47px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 80%;
  margin: auto
}

.ranking-vote-count span {
  font-size: 1.5rem
}

.ranking-vote-count:after,
.ranking-vote-count:before {
  content: "";
  display: block;
  width: 80%;
  height: 1px;
  background: #c32035;
  margin: auto
}

.ranking-vote-count:before {
  margin-bottom: 5px
}

.ranking-vote-count:after {
  margin-top: 5px
}

.sp-ranking-list {
  display: none
}


.fin-top {
  background: #f8ecdc;
  height: 200px;
  padding-top: 80px;
}

.intro-gradation,
.intermediate-box .ranking-list .ranking-txt-area,
.sp-ranking-list {
  background: #FBF9F3;
}

.end-message a {
  font-family: Noto Serif JP, serif;
  color: #fff;
}

.intermediate {
  margin-top: -10px;
}

.intermediate-box .intermediate-catch {
  width: 141%;
  max-width: 1050px;
  margin: -5px auto -30px;
}

.intermediate-box .intermediate-ttl {
  width: 100%;
  max-width: 1100px;
  margin: -95px auto -110px;
}

.intermediate-box .ranking-list .ranking-item:nth-child(2) .ranking-img-no {
  width: 220px;
  margin: -40px auto -34px;
}

.intermediate-box .ranking-list .ranking-img-no {
  margin: auto;
  width: 200px;
  margin-bottom: -30px;
}

.intermediate-btn {
  margin-bottom: 0;
}

.fin {
  padding-bottom: 0px;
  background: #FBF9F3;
}

.intermediate-btn p {
  border-bottom: #41210a 1px solid;
  margin-bottom: 5px;
}

.intermediate-btn p.intermediate-txt {
  font-size: 2rem;
  border-bottom: 0px;
  margin-bottom: 40px;
  font-weight: 600;
  letter-spacing: 1px;
}

.btn-area-a {
  position: relative;
}

.btn-area-a a {
  width: 350px;
  margin: auto;
}

/* .btn-area-a::after {
  font-family: Noto Serif JP, serif;
  content: "Coming Soon";
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 310px;
  height: 50px;
  background: #382B20;
  color: #fff;
  font-size: 2.5rem;
  -webkit-transform: rotate(-8deg);
  transform: rotate(-8deg);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
} */

@media screen and (max-width:768px) {

  .intermediate-btn p.intermediate-txt {
    margin-bottom: 20px;
  }

  .random {
    padding-top: 130px
  }

  .random-img {
    padding-top: 85px;
    margin-top: 0
  }

  .slider_fade {
    margin-top: -30px
  }

  .present-data-inner dl:nth-child(4) dd {
    width: 100%
  }

  .sp-ranking-list {
    display: block
  }

  .intermediate-box .ranking-list .ranking-img-drink {
    width: auto
  }

  .intermediate-box .ranking-txt-area .ranking-txt,
  .intermediate-box .ranking-txt-area .ranking-vote-count {
    display: none
  }

  .intermediate-box .ranking-item:nth-child(2) .ranking-txt-area:first-child {
    width: 103%;
    margin-left: -1px
  }

  .sp-ranking-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 420px;
    margin: 20px auto;
    border-bottom: solid 1px #38291e
  }

  .sp-ranking-item .ranking-left {
    width: 20%
  }

  .sp-ranking-item .ranking-left .ranking-img-no {
    width: 5pc;
    margin: auto
  }

  .sp-ranking-item .ranking-left .ranking-vote-count p {
    font-size: 2rem;
    width: auto;
    height: 2pc
  }

  .sp-ranking-item .ranking-left .ranking-vote-count p:after,
  .sp-ranking-item .ranking-left .ranking-vote-count p:before {
    width: 100%
  }

  .sp-ranking-item .ranking-right .ranking-txt {
    padding-left: 40px
  }

  .sp-ranking-item .ranking-right .ranking-txt p {
    font-size: 2rem
  }

  .ranking-vote-count:after,
  .ranking-vote-count:before {
    width: 100%
  }

  .intermediate-box .ranking-list .ranking-item:first-child {
    padding-top: 5pc
  }

  .intermediate-box .ranking-list .ranking-item:nth-child(3) {
    padding-top: 75pt
  }

  .intermediate-box .ranking-list .ranking-item:nth-child(2) .ranking-txt-area {
    height: 280px
  }
}

@media screen and (max-width:428px) {
  .random {
    padding-top: 140px
  }

  .random-img {
    padding-top: 0;
    margin-top: -25px
  }

  .slider_fade {
    margin-top: -5px
  }

  .intermediate .limited span {
    font-size: 1.4rem
  }

  .sp-ranking-item {
    width: 90%;
    padding-bottom: 15px
  }

  .sp-ranking-item .ranking-left .ranking-img-no {
    width: 85%
  }

  .sp-ranking-item .ranking-right .ranking-txt {
    padding-left: 20px
  }

  .sp-ranking-item .ranking-right .ranking-txt p {
    font-size: 1.7rem
  }


  .intermediate-box {
    padding: 40px 0 0;
    background: url(../images/sp-intermediate-fin-bg.png)no-repeat center/cover
  }

  .ranking-vote-count {
    margin-bottom: 0
  }

  .intermediate-box .intermediate-catch {
    margin-bottom: 20px;
  }

  .intermediate-btn {
    padding: 30px 20px;
    background: #fff;
    border: solid 1px #000;
    text-align: center;
    width: 90%;
    max-width: 500px;
    margin: 60px auto 75pt
  }

  .intermediate-btn p {
    font-size: 2rem
  }

  .intermediate-btn a {
    width: 60%;
    margin: auto
  }

  .intermediate-box .intermediate-catch {
    width: 65%
  }

  .intermediate-box .intermediate-ttl {
    width: auto;
    margin: auto
  }

  .intermediate-box .ranking-list .ranking-item:nth-child(2) .ranking-img-no,
  .intermediate-box .ranking-list .ranking-img-no {
    width: 120px;
    margin: auto
  }

  .btn-area-a::after {
    width: 280px;
  }

  .intermediate-box .ranking-list .ranking-txt-area {
    /* background: #f5f2ed; */
    padding: 90pt 0 0;
    height: 98px;
    margin-top: -47px;
    margin-bottom: -82px
  }

  .intermediate-box .ranking-list .ranking-item:nth-child(2) .ranking-txt-area {
    margin-top: -42px;
    height: 130px
  }

  .add-txt {
    margin-top: 20px
  }

  .sp-ranking-list {
    margin-top: 40px;
  }
}

p.btn-vote {
  cursor: default;
  font-size: 1.4rem;
  font-family: Noto Sans JP, sans-serif;
  margin-top: 4px;
  display: block;
  width: 100%;
  color: #fefefe;
  border-radius: 2px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #41210a;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sp-hidden p.btn-vote {
  width: 120px;
  height: 120px;
  padding: 20px;
}

@media screen and (max-width: 768px) {
  .category p.btn-vote {
    height: 60px;
  }

  .category .vote-des {
    height: auto;
  }

  .category .vote-des .vote-des-flex .vote-btn-area.pc-hidden {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 320px) {

  p.btn-vote,
  p.btn-more {
    font-size: 1.2rem;
  }
}


.menu__inner {
  padding-top: 230px;
}

@media screen and (max-width: 768px) {

  .menu__inner {
    padding-top: 100px;
  }

  .intermediate-box .intermediate-catch {
    width: 55%;
  }

  .intermediate-box .intermediate-ttl {
    margin-top: 0;

  }
}


/*# sourceMappingURL=add-style.css.map */