@charset "UTF-8";

@import "settings.css";

/*============================================================================================
      Footer
=============================================================================================*/
.footer {
  display: flex;
  flex-direction: column;
  height: 40px;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  color: var(--color-white);
  background-color: var(--color-main);
}
/*============================================================================================
      Contents
=============================================================================================*/

/* === TOP === */
.sec_ttl {
  padding-left: 4rem;
  color: var(--color-main);
  font-family: var(--font-jp-mincho);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 20px */
  letter-spacing: 2px;
}
.sec_ttl::before {
  mask-image: url(../img/icon_ttl.svg);
  mask-repeat: no-repeat;
  background-color: var(--color-main);
  width: 3rem;
  height: 2.4rem;
  left: 0;
}


.main {
  width: 100%;
  height: 100%;
  min-height: calc(100svh - 40px);
  background-image: url(../img/bg.jpg);
  background-size: cover;
  background-position: center 0;
}

@media screen and (max-width:576px){
  .main {
    background-image: url(../img/bg_sp.jpg);
  }
}

.main:has(.result_wrap_outer) {
  padding-top: 8rem;
}
.mv {
  padding-top: 8rem;
}
.logo {
  max-width: 80px;
  width: 100%;
  margin-inline: auto;
}
.top_ttl {
  margin-top: 1.6rem;
  color: var(--color-main);
  font-family: var(--font-jp-mincho);
  font-size: 4.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 42px */
  /* letter-spacing: calc(-42/16 * 1.6rem); */
  text-align: center;
}
.top_ttl_en {
  width: calc(283/315 * 100%);
  margin: 0.8rem auto 0;
  color: var(--color-text);
  font-family: Avenir;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 14px */
  letter-spacing: 7px;
  text-align: center;
}
.mv_lead {
  margin-top: 2.2rem;
}
.mv_img_area {
  position: relative;
  margin-top: 6.25rem;
}
.mv_img img {
  max-width: 284px;
}
.mv_icon {
  position: absolute;
  width: 100%;
  max-width: 34px;

  --rotate: rotate(0deg);
  animation: floating-x 7.2s ease-in-out infinite alternate-reverse;
}
.mv_icon img {
  --rotate: rotate(0deg);
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}

@keyframes floating-x {
  0% {
    transform: var(--rotate) translateX(-2%);
  }
  100% {
    transform: var(--rotate) translateX(2%);
  }
}

@keyframes floating-y {
  0% {
    transform: var(--rotate) translateY(-5%);
  }
  100% {
    transform: var(--rotate) translateY(5%);
  }
}

.mv_icon.mv_icon__houji {
  top: calc((-38 / 397) * 100%);
  left: calc((50 / 375) * 100%);
  --rotate: rotate(15deg);
}
.mv_icon.mv_icon__ban {
  top: calc((40/397) * 100%);
  left: calc((0/375) * 100%);
  --rotate: rotate(-10deg);
}
.mv_icon.mv_icon__ryoku {
  top: calc((164 / 397) * 100%);
  left: calc((-10 / 375) * 100%);
  --rotate: rotate(6deg);
}
.mv_icon.mv_icon__hana {
  top: calc((266/397) * 100%);
  left: calc((0/375) * 100%);
  --rotate: rotate(-25deg);
}
.mv_icon.mv_icon__maccha {
  top: calc((-50/397) * 100%);
  left: calc((285/375) * 100%);
  --rotate: rotate(-10deg);
}
.mv_icon.mv_icon__genmai {
  top: calc((28/397) * 100%);
  left: calc((338/375) * 100%);
  --rotate: rotate(8deg);
}
.mv_icon.mv_icon__gyokuro {
  top: calc((164 / 397) * 100%);
  left: calc((340 / 375) * 100%);
  --rotate: rotate(25deg);
}
.mv_icon.mv_icon__mugi {
  top: calc((270 / 397) * 100%);
  left: calc((330 / 375) * 100%);
  --rotate: rotate(-10deg);
}

/* Section info */
.info_lst_wrap {
  padding: 3.2rem 2.4rem;
  background-color: var(--color-white);
  border-radius: calc(10/16 * 1.6rem);
}
.info_itm {
  padding: 1.6rem 0;
  border-bottom: 0.2rem solid var(--color-bd);
}
.info_itm:last-child {
  padding-bottom: 0;
  border-bottom: unset;
}
.info_itm_data {
  color: #919191;
  font-family: var(--font-jp);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 15.6px */
  letter-spacing: 1.2px;
}
.info_itm_ttl {
  color: var(--color-main);
  font-family: var(--font-jp);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 20.8px */
  letter-spacing: 1.6px;
}


/* Section Bnr */
.bnr_lst {
  max-width: var(--cont-width);
  padding: 3.2rem 2.4rem;
  border-radius: calc(10/16 * 1.6rem);
}
.bnr {
  width: 100%;
}
.bnr__lg img {
  aspect-ratio: 300 / 100;
  object-fit: cover;
}
.bnr__sm img {
  aspect-ratio: 142 / 80;
  object-fit: cover;
}


/* === SELECT  === */
/* common */
.main__center {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* unique */
.sec_select {
  width: 100%;
}
.sec_select + .sec_select{
  padding-top: 6.4rem;
}
.select_form {
  width: 100%;
  max-width: 335px;
  margin-inline: auto;
}
.select_lst {
  width: 100%;
  max-width: 375px;
  gap: 1rem;
}
.select_itm {
  overflow: hidden;
  background-color: var(--color-white);
  box-shadow: 0px 0px 4px 0px rgba(41, 116, 0, 0.25);
  border: 0.2rem solid var(--color-white);
  border-radius: calc(5/16 * 1.6rem);
  transition: var(--transition);
}
.select_itm_inr {
  display: block;
}
.select_itm_inr::before {
  width: 4.6rem;
  height: 4.6rem;
  bottom: 0;
  right: 0;
  mask-repeat: no-repeat;
  background-color: var(--color-select-icon);

  /* アイコンサイズ ver01
  width: 6.2rem;
  height: 5rem;
  bottom: calc(-5 / 16 * 1.6rem);
  right: calc(-15 / 16 * 1.6rem); */
}
/* .select_itm__star .select_itm_inr::before {
  width: 3.3rem;
  height: 3.2rem;
  bottom: 0;
  right: 0;
} */

/* 干支 */
.select_itm.select_itm__eto .select_itm_txt {
  writing-mode:horizontal-tb;
}
.select_itm.select_itm__eto .select_itm_txt ruby rt {
  height: 1rem;
  font-size: 1rem;
}
.select_itm.select_itm__eto__mouse .select_itm_inr::before {
  mask-image: url(../img/icon_select_eto_mouse.svg);
  background-color: var(--color-ne);
}
.select_itm.select_itm__eto__cow .select_itm_inr::before {
  mask-image: url(../img/icon_select_eto_cow.svg);
  background-color: var(--color-ushi);
}
.select_itm.select_itm__eto__tiger .select_itm_inr::before {
  mask-image: url(../img/icon_select_eto_tiger.svg);
  background-color: var(--color-tora);
}
.select_itm.select_itm__eto__rabit .select_itm_inr::before {
  mask-image: url(../img/icon_select_eto_rabit.svg);
  background-color: var(--color-u);
}
.select_itm.select_itm__eto__dragon .select_itm_inr::before {
  mask-image: url(../img/icon_select_eto_dragon.svg);
  background-color: var(--color-tatsu);
}
.select_itm.select_itm__eto__snake .select_itm_inr::before {
  mask-image: url(../img/icon_select_eto_snake.svg);
  background-color: var(--color-mi);
}
.select_itm.select_itm__eto__hose .select_itm_inr::before {
  mask-image: url(../img/icon_select_eto_hose.svg);
  background-color: var(--color-uma);
}
.select_itm.select_itm__eto__sheep .select_itm_inr::before {
  mask-image: url(../img/icon_select_eto_sheep.svg);
  background-color: var(--color-hitsuji);
}
.select_itm.select_itm__eto__monkey .select_itm_inr::before {
  mask-image: url(../img/icon_select_eto_moneky.svg);
  background-color: var(--color-saru);
}
.select_itm.select_itm__eto__bird .select_itm_inr::before {
  mask-image: url(../img/icon_select_eto_bird.svg);
  background-color: var(--color-tori);
}
.select_itm.select_itm__eto__dog .select_itm_inr::before {
  mask-image: url(../img/icon_select_eto_dog.svg);
  background-color: var(--color-inu);
}
.select_itm.select_itm__eto__boar .select_itm_inr::before {
  mask-image: url(../img/icon_select_eto_boar.svg);
  background-color: var(--color-i);
}

/* 星座 */
.select_itm.select_itm__star__sheep .select_itm_inr::before {
  mask-image: url(../img/icon_select_star_sheep.svg);
  background-color: var(--color-ohitsuji);
}
.select_itm.select_itm__star__cow .select_itm_inr::before {
  mask-image: url(../img/icon_select_star_cow.svg);
  background-color: var(--color-oushi);
}
.select_itm.select_itm__star__crab .select_itm_inr::before {
  mask-image: url(../img/icon_select_star_crab.svg);
  background-color: var(--color-kani);
}
.select_itm.select_itm__star__twins .select_itm_inr::before {
  mask-image: url(../img/icon_select_star_twins.svg);
  background-color: var(--color-futago);
}
.select_itm.select_itm__star__lion .select_itm_inr::before {
  mask-image: url(../img/icon_select_star_lion.svg);
  background-color: var(--color-shishi);
}
.select_itm.select_itm__star__girl .select_itm_inr::before {
  mask-image: url(../img/icon_select_star_girl.svg);
  background-color: var(--color-otome);
}
.select_itm.select_itm__star__scale .select_itm_inr::before {
  mask-image: url(../img/icon_select_star_scale.svg);
  background-color: var(--color-tenbin);
}
.select_itm.select_itm__star__scorpion .select_itm_inr::before {
  mask-image: url(../img/icon_select_star_scorpion.svg);
  background-color: var(--color-sasori);
}
.select_itm.select_itm__star__bow .select_itm_inr::before {
  mask-image: url(../img/icon_select_star_bow.svg);
  background-color: var(--color-ushi);
}
.select_itm.select_itm__star__goat .select_itm_inr::before {
  mask-image: url(../img/icon_select_star_goat.svg);
}
.select_itm.select_itm__star__jar .select_itm_inr::before {
  mask-image: url(../img/icon_select_star_jar.svg);
  background-color: var(--color-mizugame);
}
.select_itm.select_itm__star__fish .select_itm_inr::before {
  mask-image: url(../img/icon_select_star_fish.svg);
  background-color: var(--color-uo) ;
}

/* お茶 */
.select_itm.select_itm__tea .select_itm_txt {
  font-size: 2rem;
}
.select_itm.select_itm__tea .select_itm_txt ruby {
  display: flex;
  flex-direction: column-reverse;
  margin-left: 0.7rem;
  line-height: 1;
}
.select_itm.select_itm__tea .select_itm_txt ruby rt {
  width: 1rem;
  font-size: 1rem;
}
.select_itm.select_itm__tea .select_itm_inr::before{
  width: 100%;
  max-width: 68px;
  height: 100%;
  max-height: 113px;
  mask-image: url(../img/icon_select_tea.svg);
  mask-repeat: no-repeat;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.select_itm.select_itm__tea__ryoku .select_itm_inr::before {
  background-color: var(--color-ryoku);
}
.select_itm.select_itm__tea__ryoku .select_itm_txt {
  color: var(--color-ryoku);
}
.select_itm.select_itm__tea__houji .select_itm_inr::before {
  background-color: var(--color-houji);
}
.select_itm.select_itm__tea__houji .select_itm_txt {
  color: var(--color-houji);
}
.select_itm.select_itm__tea__hana .select_itm_inr::before {
  background-color: var(--color-hana);
}
.select_itm.select_itm__tea__hana .select_itm_txt {
  color: var(--color-hana);
}
.select_itm.select_itm__tea__ban .select_itm_inr::before {
  background-color: var(--color-ban);
}
.select_itm.select_itm__tea__ban .select_itm_txt {
  color: var(--color-ban);
}
.select_itm.select_itm__tea__maccha .select_itm_inr::before {
  background-color: var(--color-maccha)
}
.select_itm.select_itm__tea__maccha .select_itm_txt {
  color: var(--color-maccha)
}
.select_itm.select_itm__tea__genmai .select_itm_inr::before {
  background-color: var(--color-genmai);
}
.select_itm.select_itm__tea__genmai .select_itm_txt {
  color: var(--color-genmai);
}
.select_itm.select_itm__tea__gyokuro .select_itm_inr::before {
  background-color: var(--color-gyokuro);
}
.select_itm.select_itm__tea__gyokuro .select_itm_txt {
  color: var(--color-gyokuro);
}
.select_itm.select_itm__tea__mugi .select_itm_inr::before {
  background-color: var(--color-mugi);
}
.select_itm.select_itm__tea__mugi .select_itm_txt {
  color: var(--color-mugi);
}

.select_itm input[type="radio"] {
  display: none;
}
.select_itm:has(input:checked) {
  border: 0.2rem solid var(--color-main);
}
.select_itm.select_itm__tea__ryoku:has(input:checked) {
  border: 0.2rem solid var(--color-ryoku);
}
.select_itm.select_itm__tea__houji:has(input:checked) {
  border: 0.2rem solid var(--color-houji);
}
.select_itm.select_itm__tea__hana:has(input:checked) {
  border: 0.2rem solid var(--color-hana);
}
.select_itm.select_itm__tea__ban:has(input:checked) {
  border: 0.2rem solid var(--color-ban);
}
.select_itm.select_itm__tea__maccha:has(input:checked) {
  border: 0.2rem solid var(--color-maccha)
}
.select_itm.select_itm__tea__genmai:has(input:checked) {
  border: 0.2rem solid var(--color-genmai);
}
.select_itm.select_itm__tea__gyokuro:has(input:checked) {
  border: 0.2rem solid var(--color-gyokuro);
}
.select_itm.select_itm__tea__mugi:has(input:checked) {
  border: 0.2rem solid var(--color-mugi);
}

.select_itm_ttl {
  min-width: 375px;
  color: var(--color-main);
  font-family: "Shippori Mincho";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  padding-bottom: 0.8rem;
}
.select_itm_ttl ruby rt {
  font-size: 1rem;
}
.select_lead {
  color: var(--color-main);
  font-family: var(--font-jp);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 2.8px;
  text-align: center;
}
.select_itm_data {
  display: block;
  color: var(--color-text);
  font-family: "Shippori Mincho";
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 32px */
  text-align: center;
}
.select_itm_txt {
  width: 100%;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  font-family: "Shippori Mincho";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  text-orientation: upright;
  color: var(--color-text);
  line-height: 110%; /* 26.4px */
  text-align: center;
  aspect-ratio: 76 / 120;
}
.select_valid_err {
  position: relative;
  display: block;
  margin-top: 0.8rem;
  padding-left: calc(1.2rem + 0.4rem);
  color: var(--color-err);
  font-family: var(--font-jp);
  font-size: 1.2rem;
  font-weight: 600;
  display: none;
}
.select_valid_err::before {
  content: "";
  position: absolute;
  width: 1.3rem;
  height: 1.3rem;
  margin-block: auto;
  top: -0.2rem;
  bottom: 0;
  left: 0;
  background-image: url(../img/icon_err.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

@media (any-hover: hover) {
  .select_itm:hover {
    border: 0.2rem solid var(--color-main);
  }
  .select_itm.select_itm__tea__ryoku:hover {
    border: 0.2rem solid var(--color-ryoku);
  }
  .select_itm.select_itm__tea__houji:hover {
    border: 0.2rem solid var(--color-houji);
  }
  .select_itm.select_itm__tea__hana:hover {
    border: 0.2rem solid var(--color-hana);
  }
  .select_itm.select_itm__tea__ban:hover {
    border: 0.2rem solid var(--color-ban);
  }
  .select_itm.select_itm__tea__maccha:hover {
    border: 0.2rem solid var(--color-maccha)
  }
  .select_itm.select_itm__tea__genmai:hover {
    border: 0.2rem solid var(--color-genmai);
  }
  .select_itm.select_itm__tea__gyokuro:hover {
    border: 0.2rem solid var(--color-gyokuro);
  }
  .select_itm.select_itm__tea__mugi:hover {
    border: 0.2rem solid var(--color-mugi);
  }
}



/* === CONFIRM  === */
.confirm_wrap {
  margin-inline: auto;
  max-width: 250px;
}
.confirm_wrap .select_itm {
  border: 0.2rem solid var(--color-main);
  pointer-events: none;
}
.confirm_wrap .select_itm ruby {
  writing-mode:horizontal-tb;
}
.confirm_wrap .select_itm.select_itm__tea .select_itm_inr::before {
  max-width: 240px;
  max-height: 113px;
  mask-image: url(../img/icon_confirm_tea.svg);
}
.confirm_wrap .select_itm.select_itm__tea__ryoku {
  border-color: var(--color-ryoku);
}
.confirm_wrap .select_itm.select_itm__tea.select_itm__tea__ryoku .select_itm_inr::before {
  background-color: var(--color-ryoku);
}
.confirm_wrap .select_itm.select_itm__tea__houji {
  border-color: var(--color-houji);
}
.confirm_wrap .select_itm.select_itm__tea.select_itm__tea__houji .select_itm_inr::before {
  background-color: var(--color-houji);
}
.confirm_wrap .select_itm.select_itm__tea__hana {
  border-color: var(--color-hana);
}
.confirm_wrap .select_itm.select_itm__tea.select_itm__tea__hana .select_itm_inr::before {
  background-color: var(--color-hana);
}
.confirm_wrap .select_itm.select_itm__tea__ban {
  border-color: var(--color-ban);
}
.confirm_wrap .select_itm.select_itm__tea.select_itm__tea__ban .select_itm_inr::before {
  background-color: var(--color-ban);
}
.confirm_wrap .select_itm.select_itm__tea__maccha {
  border-color: var(--color-maccha)
}
.confirm_wrap .select_itm.select_itm__tea.select_itm__tea__maccha .select_itm_inr::before {
  background-color: var(--color-maccha)
}
.confirm_wrap .select_itm.select_itm__tea__genmai {
  border-color: var(--color-genmai);
}
.confirm_wrap .select_itm.select_itm__tea.select_itm__tea__genmai .select_itm_inr::before {
  background-color: var(--color-genmai);
}
.confirm_wrap .select_itm.select_itm__tea__gyokuro {
  border-color: var(--color-gyokuro);
}
.confirm_wrap .select_itm.select_itm__tea.select_itm__tea__gyokuro .select_itm_inr::before {
  background-color: var(--color-gyokuro);
}
.confirm_wrap .select_itm.select_itm__tea__mugi {
  border-color: var(--color-mugi);
}
.confirm_wrap .select_itm.select_itm__tea.select_itm__tea__mugi .select_itm_inr::before {
  background-color: var(--color-mugi);
}

.confirm_wrap .select_itm_txt {
  font-size: 2.4rem;
}
.confirm_wrap .select_itm__star .select_itm_txt {
  font-size: 1.8rem;
}
.confirm_wrap .select_itm.select_itm__tea .select_itm_txt {
  font-size: 3.2rem;
  writing-mode: unset;
  aspect-ratio: 248 / 120;
}
.confirm_wrap .select_itm.select_itm__tea .select_itm_txt ruby {
  margin-left: 0;
  margin-top: -0.7rem;
}
.confirm_wrap .select_itm.select_itm__tea .select_itm_txt ruby rt {
  width: auto;
}

.confirm_img {
  width: 100%;
  max-width: 270px;
}
.confirm_img img {
  max-width: 154px;
  width: 100%;
}
.confirm_img::before {
  width: 100%;
  height: 100%;
  background-image: url(../img/confirm_img_02.png);
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio: 260 / 150;
}

/* === RESULT  === */
.result_wrap_outer {
  max-width: 335px;
  margin-inline: auto;
  padding: 2rem;
  background-color: var(--color-white-02);
}
.result_wrap {
  max-width: 315px;
  margin-inline: auto;
  padding: 1rem;
  border: 0.3rem solid var(--color-main)
}
.result_wrap_inr {
  max-width: 295px;
  margin-inline: auto;
  border: 0.1rem solid var(--color-main)
}
.result_mv {
  margin-top: 2.4rem;
  padding: 2.4rem 1rem 2.6rem;
}
.result_mv::before,
.result_mv::after {
  width: calc(283/315 * 100%);
  height: 100%;
  max-height: 13px;
  max-width: 283px;
  left: 0;
  right: 0;
  margin-inline: auto;
  background-image: url(../img/icon_result_rope.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.result_mv::before {
  top: 0;
}
.result_mv::after {
  top: auto;
  bottom: 0;
}
.result_mv_img {
  width: calc(283/315 * 100%);
  max-width: 200px;
  margin-inline: auto;
}
.result_lucky_tea {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.16rem;
  width: 100%;
  max-width: 27.5rem;
  margin: 2.4rem auto 0;
  background-repeat: no-repeat;
  background-size: 100%;
}
.result_lucky_tea_inr {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1.6rem;
  background-image: url(../img/result_flame_02.svg);
  background-repeat: repeat-y;
  background-size: contain;
  background-size: 100% auto;
}
.result_lucky_tea::before,
.result_lucky_tea::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2.5rem;
  background-repeat: no-repeat;
  /* background-size: cover; */
  background-size: inherit;
  z-index: 1;
}
.result_lucky_tea::before{
  background-image: url(../img/result_flame_01.svg);
  top: 0;
}
.result_lucky_tea::after{
  background-image: url(../img/result_flame_03.svg);
  top: auto;
  bottom: -0.3rem;
}
.result_lucky_tea_subTtl_ruby {
  font-size: 1rem;
  font-weight: 600;
}
.result_lucky_tea_subTtl_kanji {
  line-height: 1.2;
}
.result_lucky_tea_lead {
  position: relative;
  text-align: center;
  line-height: 1.7;
  z-index: 3;
}
.result_lucky_color_txt {
  line-height: 1.7;
}
.result_lst {
  width: calc(283/315 * 100%);
  display: grid;
  gap: 0 0.5rem;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto auto;
  max-width: 256px;
  margin: 3.2rem auto 0;
  padding: 2.4rem 0 4rem;
  border-top: 0.1rem solid var(--color-bd);
}
.result_itm {
  display: grid;
  grid-row: span 2;
  grid-template-columns:subgrid;
  align-items: center;
  gap: 3.4rem;
  writing-mode: vertical-rl;
  white-space: nowrap;
}
.result_itm_ttl {
  color: var(--color-main);
  font-family: var(--font-jp-mincho);
}
.result_itm_txt {
  font-family: var(--font-jp-mincho);
}


/* Print CSS */
@media print {
  @page {
    size: A4 portrait;
    margin: 0;
  }
  html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }

  /* 不要な要素を非表示 */
  body > *:not(.main),
  .main > *:not(.l_wrap_inr),
  .l_wrap_inr > *:not(.result_wrap_outer) {
    display: none;
  }
  .result_wrap_outer + .g_btn,
  .l_wrap_inr:has(.result_wrap_outer) + .sec_bnr,
  .footer {
    display: none;
  }

  .main:has(.result_wrap_outer) {
    position: relative;
    display: flex;
    width: 100%;
    height: 100vh;
    padding: 0;
    margin: 0;
    justify-content: center;
    align-items: center;
    background-image: unset;
    overflow: visible;
  }
  .l_wrap_inr:has(.result_wrap_outer) {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .result_wrap_outer {
    width:100%;
    max-height: 100vh;
    height: auto !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(0.54); /* 縮小率 */
    transform-origin: center top;
    box-sizing: border-box;
    page-break-inside: avoid;
    page-break-after: avoid;
    page-break-before: avoid;
    break-inside: avoid;
  }

}