@charset "UTF-8";
img {
  vertical-align: middle;
}

.center {
  text-align: center;
}

.txt-small {
  font-size: var(--size_txt_s);
  margin: 1rem auto;
}
.txt-caption {
  font-size: var(--size_caption);
}
.txt__color--orange {
  color: #ff6500;
}
.txt__color--yellow {
  color: #f5ff04;
}
.txt__color--red {
  color: #cf3632;
}
.txt__bold {
  font-weight: bold;
}

.bg_white {
  background-color: #fff;
  z-index: 2;
}
.bg_gray {
  background-color: #f6f7f8;
  z-index: 2;
}

button:hover {
  filter: brightness(1.1);
}

[class*=share-btn__] {
  font-size: 1.4rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.share-btn__x {
  background-color: #fff;
  color: #000;
}
.share-btn__x::before {
  background-image: url(/~/media/img/common/icon/icon_sns_x_b_fill.svg);
  width: 2.5rem;
  padding-top: 2.5rem;
  margin-right: 1rem;
  margin-left: unset;
}

.result__setubun__all-wrap::before {
  content: "みんなで退治した鬼の数 現在";
}
.result__setubun__all-wrap::after {
  content: "体";
}
.result__setubun__all-wrap .result__setubun__all {
  margin: 0 0.5rem 0;
  background-image: linear-gradient(90deg, #333 92%, #fff 8%, #000);
  background-image: linear-gradient(90deg, rgb(51, 51, 51) 0%, rgb(51, 51, 51) 96%, transparent 96%, transparent 100%);
  background-size: 1.6em;
  color: #fff;
}
.result__setubun__all-wrap .result__setubun__all::before {
  content: attr(data-result__setubun__all);
  letter-spacing: 1em;
  margin: 0.2rem -0.7rem 0.2rem 0.7rem;
  display: inline-block;
}

main .modal-overlay .modal-container .modal-close {
  background-color: #556165;
  color: #fff;
  border: 3px solid #fff;
  border-radius: var(--radius_max);
  width: 3.6rem;
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  right: -1rem;
  top: -1rem;
  z-index: 99;
}
main .modal-overlay .modal-container .modal-close::before {
  font-size: 2rem;
  font-weight: bold;
}

* {
  box-sizing: border-box;
}
* p, * h1, * h2, * h3 {
  margin: 0;
}

.challenge_btn {
  box-sizing: border-box;
  width: 100%;
  max-width: 28rem;
  height: 6.4rem;
  background-color: #FFC104;
  border-radius: var(--radius_max);
  font-size: 2rem;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
  display: grid;
  grid-template-columns: auto auto;
  place-content: center;
  align-items: center;
  -moz-column-gap: 1.8rem;
       column-gap: 1.8rem;
  margin-inline: auto;
  transition: filter 0.3s;
}
.challenge_btn:hover {
  filter: brightness(1.1);
}
.challenge_btn::before {
  content: "";
  background-image: url(/~/media/img/pt/cp/2025/02/setubun/for_pt/beans.svg);
  width: 4.6rem;
  height: 3.8rem;
  background-size: cover;
}

#setubun_explain {
  max-width: unset;
  margin-bottom: 5rem;
}
#setubun_explain .page_outer {
  max-width: 98rem;
  margin-inline: auto;
}
#setubun_explain .page_outer .kv {
  background-color: #F6BFBC;
  background-image: url(/~/media/img/pt/cp/2025/02/setubun/kv_bg.png);
  background-size: cover;
}
@media screen and (min-width: 769px ) {
  #setubun_explain .page_outer .kv .kv_inner {
    display: grid;
    grid-template-columns: auto 18.4rem 11.5rem;
    align-items: center;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    max-width: 90rem;
    margin-inline: auto;
    height: 37.5rem;
  }
  #setubun_explain .page_outer .kv .kv_inner .kv_inner__img {
    align-self: flex-end;
  }
  #setubun_explain .page_outer .kv .kv_inner .kv_inner__img img {
    max-width: 52rem;
  }
  #setubun_explain .page_outer .kv .kv_inner .kv_inner__mov {
    box-shadow: var(--shadow_light);
  }
  #setubun_explain .page_outer .kv .kv_inner .kv_inner__mov video {
    border: 0.3rem solid #fff;
    width: 18.4rem;
    height: 32.28rem;
  }
}
#setubun_explain .page_outer .text {
  display: grid;
  row-gap: 1.6rem;
  padding: 2.8rem 1rem;
}
#setubun_explain .page_outer .text .modal-open {
  background-color: #fbf0d2;
  border-radius: var(--radius_max);
  font-size: 2rem;
  font-weight: bold;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
  width: 100%;
  max-width: 24rem;
  height: 4.8rem;
  display: grid;
  grid-template-columns: 3.2rem auto;
  align-items: center;
  place-content: center;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  margin-inline: auto;
}
#setubun_explain .page_outer .text .modal-open::before {
  content: "";
  width: 3.3rem;
  height: 3.2rem;
  background-image: url(/~/media/img/pt/cp/2025/02/setubun/kv_btn_play.svg);
  background-size: cover;
}
#setubun_explain .page_outer .text .modal-overlay {
  z-index: inherit;
}
@media screen and (max-width: 768px ) {
  #setubun_explain .page_outer .text .modal-overlay .modal-container {
    max-width: 36rem;
  }
  #setubun_explain .page_outer .text .modal-overlay .modal-container .modal-content {
    line-height: 0;
  }
}
#setubun_explain .page_outer .text .cp_period {
  color: var(--SN-Color-Text-Danger, #B81414);
  font-weight: bold;
}
#setubun_explain .page_outer .text .cp_end {
  display: none;
  color: var(--SN-Color-Text-Danger, #B81414);
  font-weight: bold;
}
@media screen and (max-width: 768px ) {
  #setubun_explain .page_outer .cp_detail {
    width: 95vw;
    margin-inline: auto;
  }
  #setubun_explain .page_outer .cp_detail p {
    font-size: 1.4rem;
  }
}
#setubun_explain .page_outer .cp_detail .cp_detail__heading {
  color: #fff;
  background-color: #333;
  margin: 0 auto 1.6rem;
  border-radius: var(--radius_l);
  padding: 1rem 0;
}
#setubun_explain .page_outer .cp_detail .cp_detail__step {
  background-color: #FFEBEE;
  margin-bottom: 1.6rem;
  display: grid;
  row-gap: 0.8rem;
  padding: 2.4rem 2rem;
}
#setubun_explain .page_outer .cp_detail .cp_detail__step .cp_detail__title .cp_detail__step-index {
  color: #EF7F38;
  text-decoration: underline;
  display: block;
}
#setubun_explain .page_outer .cp_detail .cp_detail__step .cp_detail__image {
  display: flex;
  gap: 0.8rem 2rem;
  place-content: center;
}
@media screen and (max-width: 768px ) {
  #setubun_explain .page_outer .cp_detail .cp_detail__step .cp_detail__image {
    flex-direction: column;
    align-items: center;
  }
}
#setubun_explain .page_outer .cp_detail .cp_detail__step .cp_detail__image img {
  max-width: 30rem;
}
#setubun_explain .page_outer .cp_detail .cp_detail__step .cp_detail__info {
  font-weight: bold;
  color: #B81414;
}
#setubun_explain .page_outer .bottom_region {
  display: grid;
  row-gap: 1.6rem;
}
#setubun_explain .page_outer .bottom_region .bottom_region__sns {
  display: flex;
  justify-content: center;
}

.setubun_explain .contents_after__result-txt {
  border: 0.1rem solid #ff6500;
  padding: 1rem;
  margin: 3rem auto;
}
.setubun_explain .contents_after.bg_gray {
  margin-bottom: 3rem;
  padding: 2rem;
}
.setubun_explain .setubun_result__kv {
  background-color: #F6BFBC;
  background-image: url(/~/media/img/pt/cp/2025/02/setubun/kv_bg.png);
  background-size: cover;
}
@media screen and (min-width: 769px ) {
  .setubun_explain .setubun_result__kv {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: 3rem 0;
    position: relative;
  }
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv {
    padding: 2rem 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.setubun_explain .setubun_result__kv .area_box {
  display: flex;
  align-items: baseline;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .area_box:not(.area1, .area5) {
    background-color: #fff;
    margin: 1rem 0 0rem;
    width: 90vw;
    position: relative;
  }
}
.setubun_explain .setubun_result__kv .area_box img:not(.area1, .area5) {
  margin-top: 1rem;
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .area_box img:not(.area1, .area5) {
    margin-top: 0;
    width: 100%;
  }
}
@media screen and (min-width: 769px ) {
  .setubun_explain .setubun_result__kv .area_box .not-top {
    margin-bottom: -3.25rem;
  }
}
.setubun_explain .setubun_result__kv .area_box__team-img {
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px ) {
  .setubun_explain .setubun_result__kv .area_box__team-img {
    width: 14rem;
    height: 11rem;
  }
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .area_box__team-img {
    width: 16rem;
    height: 4rem;
    margin: 0.5rem auto;
  }
}
@media screen and (min-width: 769px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no1 .area_box__team-img {
    background-image: url(/~/media/img/pt/cp/2025/02/setubun/result/kv_result_money.svg);
    max-width: 10rem;
    height: auto;
    aspect-ratio: 13/15;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no1 .area_box__team-img {
    background-image: url(/~/media/img/pt/cp/2025/02/setubun/result/kv_result_money_sp.svg);
    max-width: 13rem;
    height: auto;
    aspect-ratio: 300/89;
  }
}
.setubun_explain .setubun_result__kv .area_box.rank__no1 .shoot-count {
  display: block;
  text-align: center;
}
@media screen and (min-width: 769px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no1 .shoot-count {
    width: 22rem;
    margin: 1rem auto;
  }
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no1 .shoot-count {
    width: 100%;
    margin: 0;
    padding: 1rem 0;
  }
}
@media screen and (min-width: 769px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no1 .shoot-count__index {
    background-color: #0066ab;
  }
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no1 .shoot-count__index::before {
    background-image: url(/~/media/img/pt/cp/2025/02/setubun/for_pt/oni_ao_face.svg);
  }
}
.setubun_explain .setubun_result__kv .area_box.rank__no1 .shoot-count__index::after {
  content: "金運チームで退治した鬼の数";
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no1 .shoot-count__index::after {
    color: #0066ab;
  }
}
@media screen and (min-width: 769px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no1 .shoot-count__teamtotal::before {
    background-image: url(/~/media/img/pt/cp/2025/02/setubun/for_pt/oni_ao_face.svg);
  }
}
.setubun_explain .setubun_result__kv .area_box.rank__no1 .shoot-count__teamtotal__number::before {
  content: "52427";
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no1::before {
    background-image: url(/~/media/img/pt/cp/2025/02/setubun/result/kv_result_item_1st.svg);
    content: "";
    position: absolute;
    left: -1rem;
    top: 1rem;
    background-size: cover;
    width: 8rem;
    height: 6rem;
    display: block;
  }
}
.setubun_explain .setubun_result__kv .area_box.rank__no1 .rank__no1__image img {
  max-width: 30.1rem;
}
@media screen and (min-width: 769px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no2 .area_box__team-img {
    background-image: url(/~/media/img/pt/cp/2025/02/setubun/result/kv_result_health.svg);
  }
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no2 .area_box__team-img {
    background-image: url(/~/media/img/pt/cp/2025/02/setubun/result/kv_result_health_sp.svg);
  }
}
.setubun_explain .setubun_result__kv .area_box.rank__no2 .shoot-count {
  display: block;
  text-align: center;
}
@media screen and (min-width: 769px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no2 .shoot-count {
    width: 22rem;
    margin: 1rem auto;
  }
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no2 .shoot-count {
    width: 100%;
    margin: 0;
    padding: 1rem 0;
  }
}
@media screen and (min-width: 769px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no2 .shoot-count__index {
    background-color: #229638;
  }
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no2 .shoot-count__index::before {
    background-image: url(/~/media/img/pt/cp/2025/02/setubun/for_pt/oni_midori_face.svg);
  }
}
.setubun_explain .setubun_result__kv .area_box.rank__no2 .shoot-count__index::after {
  content: "健康チームで退治した鬼の数";
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no2 .shoot-count__index::after {
    color: #229638;
  }
}
@media screen and (min-width: 769px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no2 .shoot-count__teamtotal::before {
    background-image: url(/~/media/img/pt/cp/2025/02/setubun/for_pt/oni_midori_face.svg);
  }
}
.setubun_explain .setubun_result__kv .area_box.rank__no2 .shoot-count__teamtotal__number::before {
  content: "29557";
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no2::before {
    background-image: url(/~/media/img/pt/cp/2025/02/setubun/result/kv_result_item_2nd.svg);
    content: "";
    position: absolute;
    left: -1rem;
    top: 1rem;
    background-size: cover;
    width: 8rem;
    height: 6rem;
    display: block;
  }
}
.setubun_explain .setubun_result__kv .area_box.rank__no2 .rank__no2__image img {
  max-width: 24.6rem;
}
@media screen and (min-width: 769px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no3 .area_box__team-img {
    background-image: url(/~/media/img/pt/cp/2025/02/setubun/result/kv_result_relation.svg);
  }
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no3 .area_box__team-img {
    background-image: url(/~/media/img/pt/cp/2025/02/setubun/result/kv_result_relation_sp.svg);
  }
}
.setubun_explain .setubun_result__kv .area_box.rank__no3 .shoot-count {
  display: block;
  text-align: center;
}
@media screen and (min-width: 769px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no3 .shoot-count {
    width: 22rem;
    margin: 1rem auto;
  }
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no3 .shoot-count {
    width: 100%;
    margin: 0;
    padding: 1rem 0;
  }
}
@media screen and (min-width: 769px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no3 .shoot-count__index {
    background-color: #cf3632;
  }
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no3 .shoot-count__index::before {
    background-image: url(/~/media/img/pt/cp/2025/02/setubun/for_pt/oni_aka_face.svg);
  }
}
.setubun_explain .setubun_result__kv .area_box.rank__no3 .shoot-count__index::after {
  content: "ご縁チームで退治した鬼の数";
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no3 .shoot-count__index::after {
    color: #cf3632;
  }
}
@media screen and (min-width: 769px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no3 .shoot-count__teamtotal::before {
    background-image: url(/~/media/img/pt/cp/2025/02/setubun/for_pt/oni_aka_face.svg);
  }
}
.setubun_explain .setubun_result__kv .area_box.rank__no3 .shoot-count__teamtotal__number::before {
  content: "26136";
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .area_box.rank__no3::before {
    background-image: url(/~/media/img/pt/cp/2025/02/setubun/result/kv_result_item_3rd.svg);
    content: "";
    position: absolute;
    left: -1rem;
    top: 1rem;
    background-size: cover;
    width: 8rem;
    height: 6rem;
    display: block;
  }
}
.setubun_explain .setubun_result__kv .area_box.rank__no3 .rank__no3__image img {
  max-width: 24.6rem;
}
.setubun_explain .setubun_result__kv .area1 {
  grid-area: 1/1/2/2;
}
@media screen and (min-width: 769px ) {
  .setubun_explain .setubun_result__kv .area1 img {
    position: absolute;
    left: 2rem;
    top: 2rem;
    width: 21rem;
  }
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .area1 {
    order: -2;
    width: 80vw;
    row-gap: 2rem;
  }
}
.setubun_explain .setubun_result__kv .area2 {
  grid-area: 1/2/2/3;
}
.setubun_explain .setubun_result__kv .area3 {
  grid-area: 1/3/2/4;
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .area3 {
    order: -1;
  }
}
.setubun_explain .setubun_result__kv .area4 {
  grid-area: 1/4/2/5;
}
.setubun_explain .setubun_result__kv .area5 {
  grid-area: 1/5/2/6;
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .shoot-count {
    background-color: #ede8e6;
  }
}
@media screen and (min-width: 769px ) {
  .setubun_explain .setubun_result__kv .shoot-count__index {
    color: #fff;
    padding: 0.25rem 0;
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px ) {
  .setubun_explain .setubun_result__kv .shoot-count__index {
    font-weight: bold;
    margin-bottom: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    -moz-column-gap: 0.3rem;
         column-gap: 0.3rem;
  }
  .setubun_explain .setubun_result__kv .shoot-count__index::before {
    content: "";
    background-size: cover;
    width: 3rem;
    height: 3rem;
    display: inline-block;
  }
}
.setubun_explain .setubun_result__kv .shoot-count__teamtotal {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 769px ) {
  .setubun_explain .setubun_result__kv .shoot-count__teamtotal::before {
    content: "";
    background-size: cover;
    width: 3rem;
    height: 3rem;
    display: inline-block;
  }
}
.setubun_explain .setubun_result__kv .shoot-count__teamtotal::after {
  content: "体";
  font-weight: bold;
}
.setubun_explain .setubun_result__kv .shoot-count__teamtotal__number {
  padding: 0rem 0rem 0rem 0.75rem;
  margin: 0 0.5rem 0;
  background-image: linear-gradient(90deg, #333 92%, #fff 8%, #000);
  background-size: 1.6em;
  color: #fff;
}
.setubun_explain .setubun_result__kv .shoot-count__teamtotal__number::before {
  letter-spacing: 1em;
  margin: 0.2rem -0.75rem 0.2rem 0rem;
  display: inline-block;
}

@media screen and (max-width: 768px ) {
  .result__setubun__all-wrap {
    font-size: 1.4rem;
  }
}
.result__setubun__all-wrap .result__setubun__all::before {
  content: attr(data-result__setubun__all);
}

.contents_after {
  display: none;
}
/*# sourceMappingURL=setubun_2025.css.map */