@charset "UTF-8";
*,
*:before,
*:after {
  box-sizing: border-box;
}
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}
ul,
ol {
  list-style: none;
}
body {
  min-height: 100dvh;
  line-height: 1.5;
}
h1,
h2,
h3,
h4,
button,
input,
label {
  line-height: 1.1;
}
h1,
h2,
h3,
h4 {
  text-wrap: balance;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}
img,
picture {
  max-width: 100%;
  display: block;
}
input,
button,
textarea,
select {
  font: inherit;
}
textarea:not([rows]) {
  min-height: 10em;
}
:target {
  scroll-margin-block: 5ex;
}
:root {
  --rounded-full: calc(infinity * 1px);
  --fw-normal: 350;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fw-heavy: 900;
  --lh-default: 1.7;
  --lh-body: 1.8;
  --lh-heading: calc(36 / 26);
}
:root {
  --c-primary: #000000;
  --c-gray: #4d4d4d;
  --c-light-gray: #e6e6e6;
  --c-white: #fff;
  --c-pink: #ea528f;
  --c-light-blue: #29c2e2;
  --c-light-blue-pale: #e7f8fc;
  --c-orange-dark: #db2672;
  --c-orange: #ef8d03;
  --c-pink-light: #e9528f;
  --c-orange-soft: #fdf4e5;
  --c-pink-pale: #fbeaf2;
  --c-error: #f06c5f;
  --bg-main: linear-gradient(0deg, rgba(252, 232, 210, 1), rgba(254, 249, 245, 1));
}
:root {
  --z-to-top: 99;
  --z-header: 100;
}
:root {
  --leading-trim: calc((1em - 1lh) / 2);
}
@supports not (top: 1lh) {
  :root {
    --leading-trim: 0px;
  }
}
:is(body, body *),
:is(body, body *):before,
:is(body, body *):after {
  --base-text-unit: 16;
  --rem-ratio: calc(1rem / var(--base-text-unit));
  --clamp: clamp(
    var(--clamp-min) * var(--rem-ratio),
    (
        var(--clamp-min) - (var(--clamp-max) - var(--clamp-min)) / (var(--max-layout-width) - var(--min-layout-width)) *
          var(--min-layout-width)
      ) *
      var(--rem-ratio) + (var(--clamp-max) - var(--clamp-min)) / (var(--max-layout-width) - var(--min-layout-width)) *
      100dvi,
    var(--clamp-max) * var(--rem-ratio)
  );
  font-size: var(--clamp);
}
html {
  /** scroll-behavior: smooth; */
  scroll-behavior: auto;
  scroll-padding-top: 200px;
}
html:has(body#toppage) {
  scroll-behavior: smooth;
}
body {
  --min-layout-width: 375;
  --max-layout-width: 1440;
  --clamp-min: 14;
  --clamp-max: 16;
  width: 100%;
  position: relative;
  color: var(--c-primary);
  font-family: GenJyuuGothic, sans-serif;
  font-weight: var(--fw-regular);
  font-optical-sizing: auto;
  letter-spacing: 0.1em;
  line-height: var(--lh-default);
}
body.smp-page {
  color: var(--c-primary);
}
a[href^="tel"] {
  text-decoration: none;
}
@media screen and (max-width: 1024px) {
  [data-device="pc"] {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  [data-device="sp"] {
    display: none !important;
  }
}
a {
  color: inherit;
}
a:hover {
  text-decoration: none;
}
img,
svg {
  vertical-align: middle;
}
img {
  width: 100%;
  height: auto;
}
.niwatori {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  max-height: 95px;
  min-height: 40px;
  top: -3.5vw;
  height: 8vw;
}
h1,
h2,
h3,
h4 {
  text-wrap: wrap;
}
.use-sprite {
  position: absolute;
  height: 0;
}
.use-sprite > svg {
  display: block;
  height: 0;
}
.l-header {
  width: 100%;
  padding: 0 20px;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .l-header {
    padding: 0 min(100px, 6.9444444444%);
  }
}
.l-header--home .l-header__inner {
  grid-template-columns: repeat(2, 1fr);
}
.l-header:not(.l-header--home) {
  height: 75px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .l-header:not(.l-header--home) {
    position: relative;
    height: 165px;
    margin-bottom: -18px;
    background-image: url(../img/common/bg_header.svg);
    background-repeat: repeat, repeat-x;
  }
}
.l-header:not(.l-header--home) .l-header__inner {
  grid-template-columns: 118px 1fr;
}
@media screen and (min-width: 768px) {
  .l-header:not(.l-header--home) .l-header__inner {
    padding: 10px 0 0;
    grid-template-columns: 1fr auto 1fr;
  }
}
.l-header__inner {
  display: grid;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .l-header__inner:before {
    content: "";
  }
}
.l-header__logo {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .l-header__logo {
    align-self: end;
    max-height: 100%;
    margin-top: 0;
    margin-bottom: -10px;
  }
}
.l-header__logo img {
  display: block;
}
.l-header__nav-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  justify-self: end;
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  gap: 2px;
  width: 60px;
  height: 60px;
  padding: 14px 0 10px;
  position: fixed;
  top: 10px;
  right: 20px;
  z-index: 300;
  color: var(--c-white);
  border-radius: 50%;
  box-shadow: 0 0 3px #0000004d;
  transition: background-color 0.3s ease;
}
@media screen and (min-width: 768px) {
  .l-header__nav-button {
    gap: 10px;
    width: 100px;
    height: 100px;
    margin: 10px;
    padding: 21px 0 15px;
    right: min(100px, 6.9444444444%);
  }
}
.l-header__nav-button[data-nav-open="false"] {
  background-color: var(--c-gray);
}
.l-header__nav-button[data-nav-open="false"] .l-header__nav-button-icon:before {
  translate: 0 -5px;
}
@media screen and (min-width: 768px) {
  .l-header__nav-button[data-nav-open="false"] .l-header__nav-button-icon:before {
    translate: 0 -11px;
  }
}
.l-header__nav-button[data-nav-open="false"] .l-header__nav-button-icon:after {
  translate: 0 5px;
}
@media screen and (min-width: 768px) {
  .l-header__nav-button[data-nav-open="false"] .l-header__nav-button-icon:after {
    translate: 0 11px;
  }
}
.l-header__nav-button[data-nav-open="true"] {
  background-color: var(--c-orange);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
.l-header__nav-button[data-nav-open="true"] .l-header__nav-button-icon {
  background-color: initial;
}
.l-header__nav-button[data-nav-open="true"] .l-header__nav-button-icon:before {
  rotate: -45deg;
}
.l-header__nav-button[data-nav-open="true"] .l-header__nav-button-icon:after {
  rotate: 45deg;
}
.l-header__nav-button-icon {
  align-self: center;
  justify-self: center;
  display: grid;
  place-items: center;
  width: 16px;
  height: 1px;
  margin: 5px 0;
  position: relative;
  background-color: var(--c-white);
}
@media screen and (min-width: 768px) {
  .l-header__nav-button-icon {
    width: 35px;
    margin: 13px 0;
  }
}
.l-header__nav-button-icon:before,
.l-header__nav-button-icon:after {
  content: "";
  display: block;
  width: 16px;
  height: 1px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--c-white);
}
@media screen and (min-width: 768px) {
  .l-header__nav-button-icon:before,
  .l-header__nav-button-icon:after {
    width: 35px;
  }
}
.l-header__nav-button-text {
  align-self: center;
  justify-self: center;
  font-size: 11px;
  font-weight: var(--fw-medium);
  letter-spacing: 0.075em;
}
@media screen and (min-width: 768px) {
  .l-header__nav-button-text {
    font-size: 18px;
  }
}
.l-header__nav-wrapper {
  padding: 0 20px;
  width: 100vw;
  position: fixed;
  top: 0;
  right: -100vw;
  z-index: 200;
  height: 100%;
  background-color: var(--c-pink-light);
  transition: right 0.4s ease;
}
@media screen and (min-width: 768px) {
  .l-header__nav-wrapper {
    display: grid;
    width: 640px;
    padding: 0 min(100px, 6.9444444444%) 0 40px;
    right: -640px;
    border-radius: 0 0 0 20px;
  }
}
.l-header__nav-wrapper.is-open {
  right: 0;
  height: 100%;
}
.l-header__nav-wrapper:after {
  content: "";
}
.l-header__nav {
  padding: calc(60px + var(--leading-trim)) 0 calc(50px + var(--leading-trim));
  font-size: 18px;
}
.l-header__nav-inner {
  margin: 0;
  padding: 0;
}
.l-header__nav-item:not(:first-child):not(.l-header__nav-item--login) {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .l-header__nav-item:not(:first-child):not(.l-header__nav-item--login) {
    margin-top: 32px;
  }
}
.l-header__nav-item a {
  display: block;
  color: var(--c-white);
  font-size: 18px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.05em;
  text-decoration: none;
}
.l-header__nav-item a:hover {
  text-decoration: underline;
}
.l-header__nav-item--login {
  margin-top: 28px;
}
@media screen and (min-width: 768px) {
  .l-header__nav-item--login {
    margin-top: 38px;
  }
}
.l-header__nav-item--login a {
  display: grid;
  place-items: center;
  width: 260px;
  height: 40px;
  margin: 0 auto;
  color: var(--c-orange);
  text-align: center;
  background-color: var(--c-white);
  border: 3px solid var(--c-white);
  transition:
    color 0.3s ease,
    background-color 0.3s ease;
}
@media screen and (min-width: 768px) {
  .l-header__nav-item--login a {
    margin: 0;
  }
}
.l-header__nav-item--login a:hover {
  text-decoration: none;
  color: var(--c-white);
  background-color: var(--c-orange);
}
.l-footer {
  position: relative;
  z-index: 200;
  background-color: var(--c-pink-light);
}
.l-footer__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 28px 20px 16px;
  color: var(--c-white);
}
.l-footer__content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  --clamp-min: 14;
  --clamp-max: 16;
  font-weight: var(--fw-medium);
  line-height: var(--lh-body);
}
.l-footer__link {
  text-decoration: none;
  margin: 0 auto;
  @media screen and (min-width: 768px) {
    margin: 0;
  }
}
.l-footer__link:hover {
  text-decoration: underline;
}
.l-footer__copy {
  display: block;
  margin-top: 30px;
  --clamp-min: 12;
  --clamp-max: 14;
  font-weight: var(--fw-medium);
  text-align: center;
}
.l-footer__to-top {
  border: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: grid;
  place-content: center;
  width: 50px;
  height: 50px;
  position: absolute;
  /* top: -25px; */
  right: 20px;
  z-index: 100;
  background-color: var(--c-gray);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  bottom: 30px;
  position: fixed;
}
@media screen and (min-width: 768px) {
  .l-footer__to-top {
    width: 80px;
    height: 80px;
    bottom: 120px;
    right: 6.3888888889%;
  }
}
.l-footer__to-top svg {
  width: 20px;
}
.l-footer__to-top.js-active {
  opacity: 1;
  pointer-events: initial;
  cursor: pointer;
}
.l-footer__to-top[style*="position: absolute"] {
  bottom: 80px;
}
.l-footer__to-top:has(~ .l-footer__menu) {
  bottom: 80px;
}
.l-footer__to-top:has(~ .l-footer__menu)[style*="position: absolute"] {
  bottom: 125px;
}
.l-footer__menu {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 300;
}
.l-footer__menu--manager .l-footer__menu-inner {
  grid-template-columns: repeat(5, 1fr);
}
.l-footer__menu-inner {
  /** display: grid; */
  /** grid-template-columns: repeat(5, 1fr); */
  /** grid-template-rows: 60px; */
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: 60px;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--c-orange);
  background-color: var(--c-orange);
}
.l-footer__menu-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  height: 100%;
  background-color: var(--c-orange-light);
  text-decoration: none;
}
.l-footer__menu-link img {
  max-height: 22px;
  margin-top: 3px;
}
.l-footer__menu-link span {
  display: block;
  width: fit-content;
  margin: 0 auto;
  text-decoration: none;
  color: var(--c-white);
  font-size: 12px;
  font-weight: var(--fw-bold);
}
.l-main {
  min-height: 75dvh;
  position: relative;
  overflow: hidden;
  background-image: var(--bg-main);
}
.l-main__container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 102px 20px 60px;
  position: relative;
  z-index: 1;
  box-sizing: initial;
}
.l-main__decoration {
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: -22px;
  left: 50%;
  translate: -50% 0;
  z-index: 0;
}
.l-main__decoration-img {
  width: max(109.8611111111%, 1582px);
  max-width: initial;
  position: relative;
  left: 47.1527777778%;
  transform: translate(-50%);
}
#main .shop .shop-paging > ul > li > a,
#main .shop .shop-paging > ul > li span {
  width: 36px;
  height: 36px;
  box-shadow: none;
  border: 2px solid var(--c-gray);
}
:root {
  --section-br: 10px;
}
.l-section {
  position: relative;
  background-color: #fff;
  border-radius: var(--section-br);
}
.l-section + .l-section {
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  .l-section + .l-section {
    margin-top: 70px;
  }
}
.l-section__inner {
  padding: 45px 5.5020632737%;
  position: relative;
}
@media screen and (min-width: 768px) {
  .l-section__inner {
    padding: 45px 50px;
  }
}
.c-heading {
  width: fit-content;
  margin: 0 auto 24px;
  color: var(--c-orange);
  font-weight: var(--fw-bold);
}
h2.c-heading {
  margin: 0 auto 24px;
  --clamp-min: 24;
  --clamp-max: 32;
  background: #e9528e;
  color: #fff;
  padding: 10px;
}
h3.c-heading {
  margin: 48px auto 20px;
  --clamp-min: 20;
  --clamp-max: 24;
}
.c-image-heading {
  width: min(79.5306388527vw, 610px);
  /* position: absolute;
  top: -18px;
  left: 50%;
  translate: -50% 0; */
  margin: -60px auto 30px;
}
@media screen and (min-width: 768px) {
  .c-image-heading {
    width: 548px;
    margin: -70px auto 30px;
  }
}
#toppage .p-home__participate .c-image-heading,
#toppage .p-home__prize .c-image-heading {
  margin: -65px auto 30px;
  @media screen and (min-width: 768px) {
    margin: -80px auto 30px;
  }
}
#toppage .p-home__shops-search .c-image-heading,
#toppage .p-home__campaign .c-image-heading {
  margin: -65px auto 15px;
  @media screen and (min-width: 768px) {
    margin: -70px auto 30px;
  }
}
.c-image-heading--no-ribbon {
  max-width: initial;
  margin: 0 auto;
  position: revert;
  top: 0;
  left: 0;
  translate: revert;
}
.c-image-heading--no-ribbon img {
  width: fit-content;
  margin: 0 auto;
}
.c-text {
  font-weight: var(--fw-medium);
}
.c-text--small {
  --clamp-min: 12;
  --clamp-max: 14;
}
.c-text--bold {
  font-weight: var(--fw-bold);
}
.c-text--heavy {
  font-weight: var(--fw-heavy);
}
.c-text--center {
  text-align: center;
}
.c-text--right {
  text-align: right;
}
.c-text--left {
  text-align: left;
}
.c-message {
  margin: 4px 8px;
  padding: 4px;
  font-weight: var(--fw-medium);
  --clamp-min: 16;
  --clamp-max: 18;
  font-family: GenJyuuGothic, sans-serif;
}
.c-message--error,
.c-message--alert {
  color: var(--c-error);
  font-family: GenJyuuGothic, sans-serif;
}
.c-message--center {
  text-align: center;
}
.msg_alert,
.msg_error,
.err_msg {
  margin: 4px 8px;
  padding: 4px;
  font-family: GenJyuuGothic, sans-serif;
  font-weight: var(--fw-medium);
  color: var(--c-pink);
  font-size: var(--clamp);
  --clamp-min: 14;
  --clamp-max: 16;
}
.c-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
.c-button__item {
  display: inline-grid;
  grid-template-columns: 1fr auto 1fr;
  column-gap: 1em;
  align-items: center;
  width: fit-content;
  min-width: 185px;
  margin: 4px 0 0 4px;
  padding: 10px 11px;
  color: var(--c-white);
  --clamp-min: 16;
  --clamp-max: 18;
  font-weight: var(--fw-bold);
  background-color: var(--c-gray);
  border-radius: var(--rounded-full);
  outline: none;
  box-shadow: 4px 4px 0 0 var(--c-pink-light);
  translate: -4px -4px;
  transition:
    translate 0.2s ease,
    box-shadow 0.2s ease;
}
.c-button__item:focus,
.c-button__item:hover {
  translate: 0 0;
  box-shadow: 0 0 0 0 var(--c-pink-light);
}
.c-button__item:before {
  content: "";
}
.c-button__item:after {
  content: "";
  display: block;
  justify-self: end;
  aspect-ratio: 1/1;
  background-size: cover;
}
.c-button__item[disabled] {
  background-color: #b3b3b3;
  box-shadow: 4px 4px 0 0 var(--c-gray);
}
.c-button__item[disabled]:focus,
.c-button__item[disabled]:hover {
  box-shadow: 4px 4px 0 0 var(--c-gray);
  translate: -4px -4px;
}
:where(a.c-button__item) {
  text-decoration: none;
}
:where(button.c-button__item) {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.c-button:not(.c-button--search) .c-button__item:after {
  width: 30px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231%22%20height%3D%2231%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.5%2030.5A15%2015%200%200%201%204.893%204.893a15%2015%200%201%201%2021.213%2021.213A14.9%2014.9%200%200%201%2015.5%2030.5Zm-4-22.351a1%201%200%200%200-.623%201.783l7.015%205.568-7.014%205.567a1%201%200%200%200%201.244%201.566l8-6.35a1%201%200%200%200%200-1.567l-8-6.35a.991.991%200%200%200-.622-.217Z%22%2F%3E%3Cpath%20fill%3D%22rgba(0%2C0%2C0%2C0)%22%20d%3D%22M15.5%2031A15.5%2015.5%200%200%201%204.54%204.54a15.5%2015.5%200%201%201%2021.92%2021.92A15.4%2015.4%200%200%201%2015.5%2031Zm0-30A14.5%2014.5%200%200%200%205.247%2025.753%2014.5%2014.5%200%201%200%2025.753%205.247%2014.4%2014.4%200%200%200%2015.5%201Zm-4%2022.351a1.5%201.5%200%200%201-.934-2.675l6.521-5.176-6.52-5.177a1.5%201.5%200%200%201%20.933-2.674%201.486%201.486%200%200%201%20.932.325l8%206.351a1.5%201.5%200%200%201%200%202.35l-8%206.351a1.5%201.5%200%200%201-.932.325Zm0-14.7a.5.5%200%200%200-.312.891L18.7%2015.5l-7.507%205.959a.5.5%200%200%200%20.622.783l8-6.35a.5.5%200%200%200%200-.784l-8-6.35a.489.489%200%200%200-.315-.109Z%22%2F%3E%3C%2Fsvg%3E");
}
.c-button:not(.c-button--search) .c-button__item[target="_blank"]:after {
  width: 19px;
  height: 14px;
  margin-right: 11px;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.002%22%20height%3D%2213.968%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.002%204v8.968h-14V4h14m1-1h-16v10.968h16V3Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.002%2011.468h-1V1h-15.5V0h16.5Z%22%2F%3E%3C%2Fsvg%3E);
}
.c-button--large .c-button__item {
  max-width: 400px;
  padding: calc(24px + var(--leading-trim)) 16px;
  --clamp-min: 18;
  --clamp-max: 24;
}
@media screen and (min-width: 768px) {
  .c-button--large .c-button__item {
    padding: calc(15px + var(--leading-trim)) 26px;
  }
}
#toppage .p-home__step .c-button--large .c-button__item {
  font-size: 1rem;
  letter-spacing: 0;
  word-break: auto-phrase;
  line-height: 1.4;
  padding: 15px;
  display: flex;
}
.c-button--search .c-button__item {
  padding: 8px 16px;

  margin: 0 auto;
}
.c-button--search .c-button__item:after {
  width: 19px;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219.262%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m17.3%2018.97-3.681-3.68a8.514%208.514%200%201%201%201.437-1.376l3.652%203.65A.995.995%200%201%201%2017.3%2018.97ZM1.989%208.5A6.513%206.513%200%201%200%208.5%201.989%206.52%206.52%200%200%200%201.989%208.5Z%22%2F%3E%3C%2Fsvg%3E);
}
.c-button--back {
  margin: 16px 0 0;
}
.c-button--back .c-button__item:after {
  width: 0;
  height: 0;
  background-image: initial;
}
.c-button--outside {
  margin: 60px 0;
}
.c-button--outside:first-child {
  margin-top: 0;
}
.p-home__campaign + .c-button--outside {
  margin: 120px 0 30px;
}
@media screen and (min-width: 768px) {
  .p-home__campaign + .c-button--outside {
    margin: 60px 0;
  }
}
.c-button__item--natural {
  padding: 8px 9px;
  color: var(--c-gray);
  background-color: var(--c-white);
  border: 2px solid var(--c-gray);
}
.c-button__item--natural:before {
  content: "";
  display: block;
  justify-self: start;
  width: 30px;
  aspect-ratio: 1/1;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231%22%20height%3D%2231%22%20viewBox%3D%220%200%2031%2031%22%3E%3Cg%20transform%3D%22translate(264.5%20-5346.38)%22%3E%3Cpath%20d%3D%22M15%2C30A15%2C15%2C0%2C0%2C1%2C4.393%2C4.393%2C15%2C15%2C0%2C1%2C1%2C25.606%2C25.606%2C14.9%2C14.9%2C0%2C0%2C1%2C15%2C30ZM11%2C7.649a1%2C1%2C0%2C0%2C0-.622%2C1.783L17.392%2C15l-7.014%2C5.567a1%2C1%2C0%2C1%2C0%2C1.244%2C1.567l8-6.351a1%2C1%2C0%2C0%2C0%2C0-1.567l-8-6.35A.99.99%2C0%2C0%2C0%2C11%2C7.649Z%22%20transform%3D%22translate(-234%205376.879)%20rotate(180)%22%20fill%3D%22%234d4d4d%22%2F%3E%3Cpath%20d%3D%22M15%2C30.5A15.5%2C15.5%2C0%2C0%2C1%2C4.04%2C4.04%2C15.5%2C15.5%2C0%2C1%2C1%2C25.96%2C25.96%2C15.4%2C15.4%2C0%2C0%2C1%2C15%2C30.5Zm0-30A14.5%2C14.5%2C0%2C0%2C0%2C4.747%2C25.253%2C14.5%2C14.5%2C0%2C1%2C0%2C25.253%2C4.747%2C14.4%2C14.4%2C0%2C0%2C0%2C15%2C.5ZM11%2C22.851a1.5%2C1.5%2C0%2C0%2C1-.934-2.675L16.587%2C15l-6.52-5.177A1.5%2C1.5%2C0%2C0%2C1%2C11%2C7.149h0a1.485%2C1.485%2C0%2C0%2C1%2C.932.325l8%2C6.35a1.5%2C1.5%2C0%2C0%2C1%2C0%2C2.35l-8%2C6.352A1.5%2C1.5%2C0%2C0%2C1%2C11%2C22.851Zm0-14.7a.5.5%2C0%2C0%2C0-.312.891L18.2%2C15l-7.507%2C5.959a.5.5%2C0%2C1%2C0%2C.622.784l8-6.351a.5.5%2C0%2C0%2C0%2C0-.784l-8-6.35A.488.488%2C0%2C0%2C0%2C11%2C8.149Z%22%20transform%3D%22translate(-234%205376.879)%20rotate(180)%22%20fill%3D%22rgba(0%2C0%2C0%2C0)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.c-button__item--natural:after {
  content: "";
  width: initial;
  height: initial;
  aspect-ratio: initial;
  background-image: initial;
}
.c-login {
  margin-bottom: 16px;
}
.c-login__form {
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .c-login__form {
    margin-top: 8px;
  }
}
.c-login__form-label {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (min-width: 768px) {
  .c-login__form-label {
    gap: 0;
  }
}
.c-login__form-label input[type="text"],
.c-login__form-label input[type="password"] {
  flex: 0 0 100%;
  cursor: pointer;
  width: 100%;
  padding: 8px 4px;
  border: 2px solid var(--c-gray);
  border-radius: 5px;
}
@media screen and (min-width: 768px) {
  .c-login__form-label input[type="text"],
  .c-login__form-label input[type="password"] {
    flex: 0 0 320px;
  }
}
.c-login__form-name {
  flex: 0 0 100%;
  --clamp-min: 16;
  --clamp-max: 18;
  font-weight: var(--fw-bold);
}
@media screen and (min-width: 768px) {
  .c-login__form-name {
    flex: 0 0 200px;
  }
}
.c-sns-login__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 40px;
  margin: 0;
  padding: 0;
}
.c-sns-login__item {
  max-width: 50px;
}
.member_form {
  margin-top: 16px;
}
.form-content {
  margin: 0 0 50px;
  color: #000;
}

.form-content label[for="entry_date"] span,
.form-content label[for="gift_id"] span {
  font-size: 1rem;
}
.form-content label span.item_name {
  display: block;
  margin-bottom: 4px;
  color: var(--c-primary);
  font-weight: var(--fw-bold);
}
.member_form span.email {
  display: block;
  margin: 0;
  text-indent: 1em;
}
.radioBox {
  display: flex;
  justify-content: center;
}
.radioBox input[type="radio"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.radioBox input[type="radio"] + label {
  cursor: pointer;
  position: relative;
  display: block;
  margin-right: 10px;
  padding-left: 32px;
  color: var(--c-primary);
}
.radioBox input[type="radio"] + label:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  padding: 2px;
  position: absolute;
  top: 50%;
  left: 12px;
  translate: 0 -50%;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  background-clip: content-box;
}
.radioBox input[type="radio"]:checked + label:before {
  border-color: var(--c-orange);
  background-color: var(--c-orange);
}
.profile_table {
  margin-top: 20px;
}
.confirm_block table,
.inquiry_confirm_block table,
.profile_table.table-wrap table,
.member_confirm.table-wrap table {
  width: 100%;
  margin-bottom: 16px;
  border-collapse: collapse;
}
@media screen and (max-width: 767px) {
  .confirm_block table,
  .inquiry_confirm_block table,
  .profile_table.table-wrap table,
  .member_confirm.table-wrap table {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .confirm_block table tbody,
  .inquiry_confirm_block table tbody,
  .profile_table.table-wrap table tbody,
  .member_confirm.table-wrap table tbody {
    display: block;
    width: 100%;
  }
}
.confirm_block table tr,
.inquiry_confirm_block table tr,
.profile_table.table-wrap table tr,
.member_confirm.table-wrap table tr {
  border-bottom: 1px solid var(--c-orange-light);
}
@media screen and (max-width: 767px) {
  .confirm_block table tr,
  .inquiry_confirm_block table tr,
  .profile_table.table-wrap table tr,
  .member_confirm.table-wrap table tr {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .confirm_block table th,
  .inquiry_confirm_block table th,
  .profile_table.table-wrap table th,
  .member_confirm.table-wrap table th {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .confirm_block table td,
  .inquiry_confirm_block table td,
  .profile_table.table-wrap table td,
  .member_confirm.table-wrap table td {
    display: block;
    width: 100%;
  }
}
.confirm_block table tr th:first-of-type,
.inquiry_confirm_block table tr th:first-of-type,
.profile_table.table-wrap table tr th:first-of-type,
.member_confirm.table-wrap table tr th:first-of-type {
  font-size: 14px;
  width: 50%;
  padding-right: 1.5rem;
  text-align: end;
}
@media screen and (max-width: 767px) {
  .confirm_block table tr th:first-of-type,
  .inquiry_confirm_block table tr th:first-of-type,
  .profile_table.table-wrap table tr th:first-of-type,
  .member_confirm.table-wrap table tr th:first-of-type {
    display: block;
    width: 100%;
    text-align: start;
    font-size: 1rem;
  }
}
.confirm_block table tr td,
.inquiry_confirm_block table tr td,
.profile_table.table-wrap table tr td,
.member_confirm.table-wrap table tr td {
  padding: 1rem 0;
  overflow-wrap: break-word;
}
@media screen and (max-width: 767px) {
  .confirm_block table tr td,
  .inquiry_confirm_block table tr td,
  .profile_table.table-wrap table tr td,
  .member_confirm.table-wrap table tr td {
    padding: 0 0 1rem 0;
    font-size: 1rem;
  }
}
.confirm_block table tr td > *,
.inquiry_confirm_block table tr td > *,
.profile_table.table-wrap table tr td > *,
.member_confirm.table-wrap table tr td > * {
  overflow-wrap: break-word;
  font-size: 1rem;
}
.member_form span.email {
  overflow-wrap: break-word;
}
.qa_form .qa_answer {
  margin-left: 0 !important;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .qa_form .qa_answer {
    margin-left: 2rem;
    align-items: center;
  }
}
.qa_form .qa_answer label {
  font-family: GenJyuuGothic, sans-serif;
  font-weight: var(--fw-medium);
  --clamp-min: 14;
  --clamp-max: 16;
  font-size: 1rem;
  line-height: 1.8;
  vertical-align: text-bottom;
}
.qa_form .qa_answer textarea,
.qa_form .qa_answer textarea {
  margin-left: 0 !important;
  font-size: 1rem;
  margin-top: 5px;
}
.msg_info {
  font-family: GenJyuuGothic, sans-serif;
  font-weight: var(--fw-medium);
  --clamp-min: 14;
  --clamp-max: 16;
  font-size: var(--clamp);
  line-height: 1.8;
  color: #fc600a;
}
.c-main-visual {
  height: min(65.1890482399vw, 500px);
  margin-bottom: min(26.6666666667vw, 100px);
  position: relative;
  background:
    url(../img/common/bg_dots.svg) repeat,
    linear-gradient(
      180deg,
      rgb(255, 246, 231) 0%,
      rgb(255, 235, 202) 18.83%,
      rgb(255, 223, 172) 38.34%,
      rgb(255, 211, 141) 58.17%,
      rgb(250, 199, 110) 78.22%,
      rgb(247, 181, 65) 98.25%,
      rgb(245, 165, 21) 100%
    );
  background-size: auto;
}
@media screen and (min-width: 768px) {
  .c-main-visual {
    margin-bottom: min(3.4027777778vw, 49px);
    height: min(57.3611111111vw, 826px);
  }
}
.c-main-visual__banner {
  width: min(15.8333333333vw, 228px);
  position: absolute;
  top: min(1.3888888889vw, 20px);
  left: min(7.3611111111vw, 106px);
}
.c-main-visual__head {
  width: 100%;
  position: absolute;
  top: max(-2.0833333333vw, -30px);
  left: 49.5%;
  translate: -50% 0;
}
@media screen and (min-width: 768px) {
  .c-main-visual__head {
    width: min(83.3333333333vw, 1200px);
  }
}
.c-main-visual__foot {
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: max(100% - 13.125vw, 100% - 189px);
  left: 50%;
  translate: -50% 0;
}
.c-main-visual__foot:before,
.c-main-visual__foot:after {
  content: "";
  display: block;
  width: 100%;
  height: 18px;
  background-repeat: repeat-x;
  background-size: auto 100%;
}
.c-main-visual__foot:before {
  margin-bottom: -1px;
  background-image: url("../img/top/mv/wave.svg");
}
@media screen and (min-width: 768px) {
  .c-main-visual__foot:before {
    margin-bottom: 0;
  }
}
.c-main-visual__foot:after {
  margin-top: -1px;
  background-position: top;
  background-image: url("../img/top/mv/wave.svg");
  transform: rotate(180deg);
}
@media screen and (min-width: 768px) {
  .c-main-visual__foot:after {
    margin-top: 0;
  }
}
.c-main-visual__foot-inner {
  width: 100%;
  padding: 0 20px;
  background-color: #e9528e;
}
.c-main-visual__foot-wave {
  width: 100%;
  max-width: initial;
}
.c-main-visual__foot-content {
  display: grid;
  grid-template-columns: 13.5135135135% auto 16.0472972973%;
  max-width: 1184px;
  margin: 0 auto;
  padding: 20px 0;
}
.c-main-visual__foot-img-wrapper {
  position: relative;
}
.c-main-visual__foot-img--hand {
  width: 139.4736842105%;
  max-width: initial;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
}
@media screen and (min-width: 768px) {
  .c-main-visual__foot-img--hand {
    top: -29.4736842105%;
  }
}
.c-main-visual__foot-text {
  align-self: center;
  color: var(--c-white);
  --clamp-min: 14;
  --clamp-max: 28;
  font-weight: var(--fw-heavy);
  line-height: 1.75;
  text-align: center;
}
.c-main-visual__foot-text span.number {
  display: inline-block;
  color: var(--c-orange);
  --clamp-min: 16;
  --clamp-max: 40;
  -webkit-text-stroke: 4px #fff;
  paint-order: stroke fill;
  line-height: 1;
  margin-right: 3px;
}
.c-main-visual__foot-text span:not([class]) {
  display: inline-block;
  color: var(--c-orange);
  -webkit-text-stroke: 4px #fff;
  paint-order: stroke fill;
}
.c-shops-search__heading {
  margin-bottom: 24px;
  padding: 9px 10px 7px;
  color: var(--c-white);
  --clamp-min: 16;
  --clamp-max: 18;
  text-align: center;
  line-height: 1.4;
  background-color: var(--c-pink);
  margin-top: 15px;
  @media screen and (min-width: 768px) {
    margin-top: 25px;
  }
}
.c-shops-search__grid {
  display: grid;
  gap: 20px 0;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .c-shops-search__grid {
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 12px 26px;
  }
}
.c-shops-search__sub-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 10px 7px;
  --clamp-min: 16;
  --clamp-max: 18;
  background-color: var(--c-light-gray);
}
@media screen and (min-width: 768px) {
  .c-shops-search__sub-heading {
    height: 100%;
    padding: 0 10px;
  }
}
.c-shops-search__select-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px 16px;
}
@media screen and (min-width: 768px) {
  .c-shops-search__select-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 30px;
  }
}
.c-shops-search__select {
  height: 40px;
  position: relative;
  cursor: pointer;
}
.c-shops-search__select:after {
  content: "";
  display: block;
  width: 14px;
  height: 13px;
  position: absolute;
  top: 50%;
  right: 14px;
  translate: 0 -50%;
  background-image: url(../img/common/arrow-down.svg);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
}
.c-shops-search__select[open]:after {
  rotate: 180deg;
}
.c-shops-search__select summary {
  display: block;
  list-style: none;
  width: 100%;
  height: 100%;
  padding: 5px 42px 6px 18px;
  font-size: var(--clamp);
  --clamp-min: 16;
  --clamp-max: 18;
  background-color: var(--c-pink-pale);
  border: 1px solid var(--c-primary);
  border-radius: 20px;
  background-color: var(--c-pink-pale);
}
@media screen and (min-width: 768px) {
  .c-shops-search__select summary {
    /** for debug by @hira */
    /** width: 106px; */
    min-width: 106px;
  }
}
.c-shops-search__select summary::-webkit-details-marker {
  display: none;
}
.c-shops-search__select-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 6px;
  background-color: var(--c-pink-pale);
  border: 1px solid var(--c-primary);
  position: absolute;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .c-shops-search__select-inner {
    width: max-content;
    background-color: var(--c-pink-pale);
  }
}
.c-shops-search__select-inner label {
  padding: 2px 0;
  --clamp-min: 16;
  --clamp-max: 18;
  cursor: pointer;
}
.c-shops-search__select-inner input {
  /** for debug by @hira */
  opacity: 0;
  position: absolute;
}
.c-shops-search__check-box-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 16px 8px;
}
@media screen and (min-width: 768px) {
  .c-shops-search__check-box-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 20px 16px;
    max-width: 530px;
    margin: 6px 0;
  }
}
.c-shops-search__check-box {
  display: grid;
  place-items: center;
  grid-template-columns: 28px minmax(0, 1fr) 2fr;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .c-shops-search__check-box {
    grid-template-columns: 28px minmax(0, 1fr) 59px;
  }
}
.c-shops-search__check-box:before {
  content: "";
  display: block;
  width: 28px;
  aspect-ratio: 1/1;
  background-color: var(--c-white);
  border: 1px solid var(--c-primary);
}
.c-shops-search__check-box:after {
  content: "";
  display: block;
  width: 11px;
  aspect-ratio: 1/1.5;
  position: absolute;
  top: calc(50% - 3px);
  left: 9px;
  translate: 0 -50%;
  rotate: 45deg;
  border-bottom: 3px solid var(--c-white);
  border-right: 3px solid var(--c-white);
}
.c-shops-search__check-box:has(input[type="checkbox"]:checked):before {
  background-color: var(--c-pink);
}
.c-shops-search__check-box:has(input[type="checkbox"]:focus):before {
  border-width: 2px;
}
.c-shops-search__check-box img {
  width: fit-content;
  height: 20px;
}
.c-shops-search__check-box input[type="checkbox"] {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.c-shops-search__check-box span {
  display: block;
  width: 100%;
  --clamp-min: 16;
  --clamp-max: 18;
  font-weight: var(--fw-medium);
}
.p-home .l-main__container {
  padding: 102px 20px;
}
.p-home__section-decoration {
  width: fit-content;
  position: absolute;
}
/* @media screen and (min-width: 768px) {
  .p-home__shops-search .l-section__inner {
    padding-top: 84px;
  }
} */
.p-home__shops-search .c-text {
  margin-bottom: calc(24px + var(--leading-trim));
}
.p-home__shops-search .p-home__section-decoration--1 {
  width: 90px;
  bottom: -140px;
  left: 0;
}
@media screen and (min-width: 768px) {
  .p-home__shops-search .p-home__section-decoration--1 {
    width: fit-content;
    bottom: -162px;
    left: 40px;
  }
}
.p-home__shops-search .p-home__section-decoration--2 {
  width: 150px;
  right: -20px;
  bottom: -184px;
}
@media screen and (min-width: 768px) {
  .p-home__shops-search .p-home__section-decoration--2 {
    width: fit-content;
    right: 0;
    bottom: -236px;
  }
}
.p-home__shops-search-img-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  margin-bottom: 32px;
}
@media screen and (min-width: 768px) {
  .p-home__shops-search-img-block {
    gap: 0;
  }
}
.p-home__shops-search-img-block img {
  min-width: 0;
}
.p-home__shops-search-img-block img:nth-child(1) {
  width: calc((100% - 10px) / 2);
}
@media screen and (min-width: 768px) {
  .p-home__shops-search-img-block img:nth-child(1) {
    width: 26.7777777778%;
  }
}
.p-home__shops-search-img-block img:nth-child(2) {
  width: calc((100% - 10px) / 2);
}
@media screen and (min-width: 768px) {
  .p-home__shops-search-img-block img:nth-child(2) {
    width: 26.2222222222%;
  }
}
.p-home__shops-search-img-block img:nth-child(3) {
  width: 80%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-home__shops-search-img-block img:nth-child(3) {
    width: 44.2222222222%;
    margin: 0;
  }
}
/* .p-home__participate .l-section__inner {
  padding-top: 56px;
}
@media screen and (min-width: 768px) {
  .p-home__participate .l-section__inner {
    padding-top: 87px;
  }
} */
.p-home__participate .p-home__section-decoration--1 {
  width: 120px;
  bottom: -154px;
  left: 0;
}
@media screen and (min-width: 768px) {
  .p-home__participate .p-home__section-decoration--1 {
    width: fit-content;
    bottom: -168px;
    left: -22px;
  }
}
.p-home__participate .p-home__section-decoration--2 {
  width: 100px;
  right: 0;
  bottom: -210px;
}
@media screen and (min-width: 768px) {
  .p-home__participate .p-home__section-decoration--2 {
    width: fit-content;
    right: -2px;
    bottom: -224px;
  }
}
.p-home__step {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  margin: 0 0 32px;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .p-home__step {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px 30px;
  }
}
.p-home__step-item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  width: 100%;
  padding: 0 20px 30px;
  position: relative;
  background-color: var(--c-orange-soft);
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .p-home__step-item {
    padding: 0 7.1428571429% 30px;
  }
}
.p-home__step-item:after {
  --clamp-min: 20;
  --clamp-max: 24;
  content: "";
  display: none;
  width: var(--clamp);
  aspect-ratio: 24/40;
  position: absolute;
  top: 50%;
  right: max(-10%, -26px);
  translate: 0 -50%;
  background-image: url(../img/arrow_right.svg);
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .p-home__step-item:after {
    display: block;
  }
}
.p-home__step-item:nth-child(1) .p-home__step-decoration {
  width: 80px;
  top: 0;
  left: -5px;
}
@media screen and (min-width: 768px) {
  .p-home__step-item:nth-child(1) .p-home__step-decoration {
    left: -11px;
  }
}
.p-home__step-item:nth-child(2) .p-home__step-decoration {
  width: 96px;
  top: -4px;
  left: -5px;
}
@media screen and (min-width: 768px) {
  .p-home__step-item:nth-child(2) .p-home__step-decoration {
    right: -14px;
    left: initial;
  }
}
.p-home__step-item:nth-child(3):after {
  display: none;
}
.p-home__step-item:nth-child(3) .p-home__step-decoration {
  width: 70px;
  top: -8px;
  left: -5px;
}
@media screen and (min-width: 768px) {
  .p-home__step-item:nth-child(3) .p-home__step-decoration {
    right: -30px;
    left: initial;
  }
}
.p-home__step-item:nth-child(3) .p-home__step-heading {
  letter-spacing: 0;
}
.p-home__step-decoration {
  position: absolute;
}
.p-home__step-step-icon {
  justify-self: center;
  max-width: 100px;
  margin: -20px 0 0;
}
.p-home__step-heading {
  color: var(--c-orange);
  --clamp-min: 22;
  --clamp-max: 24;
  text-align: center;
  letter-spacing: 0.075em;
  line-height: var(--lh-heading);
}
.p-home__step-text-area p:not([class]) {
  --clamp-min: 16;
  --clamp-max: 18;
  font-weight: var(--fw-medium);
}

.yellow-underline {
  font-weight: 800;
  border-bottom: 4px solid #fff16a;
  padding: 0;
}

.orange-boldfont {
  color: var(--c-orange);
}
.p-home__step-list {
  margin: 0;
  padding: 0;
}
.p-home__step-list li {
  position: relative;
  font-weight: var(--fw-medium);
  text-indent: 1.2em;
}
.p-home__step-list li:before {
  content: "●";
  position: absolute;
  top: 0;
  left: -1.2em;
  color: var(--c-orange-light);
}
.p-home__step-note {
  margin-top: 10px;
  --clamp-min: 12;
  --clamp-max: 14;
  font-weight: var(--fw-medium);
  letter-spacing: 0.025em;
}
.p-home__step-divide-block {
  display: grid;
  grid-template-columns: 1fr 39.2156862745%;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .p-home__step-divide-block {
    grid-template-columns: 75% 1fr;
    gap: 10.4166666667%;
  }
}
.p-home__step-divide-block p {
  --clamp-min: 16;
  --clamp-max: 18;
  font-weight: var(--fw-medium);
}
.p-home__step-divide-block-img-wrapper {
  position: relative;
  margin-top: -20px;
}
@media screen and (min-width: 768px) {
  .p-home__step-divide-block-img-wrapper {
    margin-top: 0;
  }
}
.p-home__step-divide-block-img-wrapper img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-home__step-divide-block-img-wrapper img {
    width: 534.2857142857%;
    max-width: initial;
    margin-top: -84px;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.p-home__prize .l-section__inner {
  padding-top: 48px;
  padding-right: 0;
  padding-left: 0;
}
@media screen and (min-width: 768px) {
  .p-home__prize .l-section__inner {
    padding-top: 58px;
  }
}

.p-home__prize-content,
.p-home__prize-content-2 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px 0;
  margin-top: 20px;
  padding-top: 20px;
  @media screen and (min-width: 768px) {
    padding-top: 20px;
  }
}
.p-home__prize-content-wrap .p-home__prize-content {
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-home__prize-content {
    grid-template-columns: repeat(3, 1fr);
    background-size: 5px 1px;
    background-repeat: repeat-X;
    background-image: radial-gradient(circle, var(--c-orange-dark) 0.5px, transparent 0.5px);
    width: 91%;
    margin: 20px auto;
  }

  .p-home__prize-content-wrap .p-home__prize-content {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }
}
.p-home__prize-content-2 {
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .p-home__prize-content-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.p-home__prize-content-wrap::before {
  display: block;
  content: "";
  width: 90%;
  margin: 0 auto;
  height: 10px;
  background-size: 5px 1px;
  background-repeat: repeat-X;
  background-image: radial-gradient(circle, var(--c-orange-dark) 0.5px, transparent 0.5px);
  background-position: left bottom;
}

.p-home__prize-content div p {
  font-size: 10px;
  letter-spacing: 0;
}
.eraberu-text {
  text-align: center;
  margin: -15px 0 15px;
}

.p-home__prize-item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  padding: 0 20px;
  position: relative;
}

.prize-attention {
  width: 90%;
  font-size: 0.875rem;
  margin: 15px auto 0;
  padding-bottom: 40px;
}

.prize-attention ul {
  margin: 0;
  padding: 0;
  text-indent: -16px;
  padding-left: 20px;
}

.prize-attention li {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .p-home__prize-item {
    padding: 0 9%;
  }
}
.p-home__prize-item + .p-home__prize-item {
  margin-top: 30px;
  padding: 20px 0;
}
@media screen and (min-width: 768px) {
  .p-home__prize-item + .p-home__prize-item {
    margin-top: 0;
    padding-bottom: 0;
  }
}
.p-home__prize-item + .p-home__prize-item + .p-home__prize-item {
  margin-top: 0;
  padding: 0 0 20px;
}
.p-home__prize-item .p-home__prize-item-img {
  max-width: 200px;
}
.p-home__prize-content-2 .p-home__prize-item:nth-child(1) .p-home__prize-item-img,
.p-home__prize-content-2 .p-home__prize-item:nth-child(2) .p-home__prize-item-img {
  max-width: 260px;
}

.p-home__prize-item:nth-child(2):before,
.p-home__prize-item:nth-child(2):after {
  content: "";
  display: block;
  width: calc(100% - 40px);
  height: 1px;
  position: absolute;
  background-image: linear-gradient(to right, var(--c-orange), var(--c-orange) 1px, transparent 1px, transparent 5px);
  background-size: 5px 1px;
  background-repeat: repeat-x;
}
.p-home__prize-content:nth-of-type(2):before {
}
@media screen and (min-width: 768px) {
  .p-home__prize-item:nth-child(2):before,
  .p-home__prize-item:nth-child(2):after {
    width: 1px;
    height: 94.2028985507%;
    background-size: 1px 5px;
    background-repeat: repeat-y;
    background-image: linear-gradient(
      to bottom,
      var(--c-orange-dark),
      var(--c-orange-dark) 1px,
      transparent 1px,
      transparent 5px
    );
  }
}
.p-home__prize-content-2 .p-home__prize-item:nth-child(2)::after {
  @media screen and (min-width: 768px) {
    content: none;
  }
}

.p-home__prize-content-2 .p-home__prize-badge {
  max-width: 250px;
  margin: 0 auto;
  @media screen and (min-width: 768px) {
    max-width: 380px;
  }
}
.p-home__prize-content .p-home__prize-badge {
  max-width: 250px;
  margin: 0 auto;
}
.p-home__prize-item:nth-child(2):before {
  top: -16px;
  left: 50%;
  translate: -50% 0;
}
@media screen and (min-width: 768px) {
  .p-home__prize-item:nth-child(2):before {
    top: 0;
    left: 0;
    translate: 0 0;
  }
}
.p-home__prize-item:nth-child(2):after,
.p-home__prize-item:nth-child(3):after {
  bottom: -16px;
  left: 50%;
  translate: -50% 0;
}
@media screen and (min-width: 768px) {
  .p-home__prize-item:nth-child(2):after {
    top: 0;
    right: 0;
    left: initial;
    bottom: initial;
    translate: 0 0;
  }
}
.p-home__prize-item:nth-child(3) .p-home__prize-item-img {
  max-width: 200px;
}
.p-home__prize-item:nth-child(3) .p-home__prize-item-heading {
  align-self: center;
}
.p-home__prize-item-img {
  align-self: center;
  justify-self: center;
}
.p-home__prize-item-heading {
  --clamp-min: 18;
  --clamp-max: 21;
  font-weight: var(--fw-heavy);
  letter-spacing: 0;
  line-height: var(--lh-heading);
  text-align: center;
}
.p-home__prize-item-heading span {
  --clamp-min: 28;
  --clamp-max: 32;
}
.p-home__prize-badge {
  min-width: 250px;
  max-width: 50%;
  margin: 0 auto;
  @media screen and (min-width: 768px) {
  }
}
@media screen and (min-width: 768px) {
  .p-home__prize-badge {
    max-width: 94%;
    margin: 0 3%;
  }
}
/* @media screen and (min-width: 768px) {
  .p-home__campaign .l-section__inner {
    padding-top: 90px;
  }
} */
.p-home__campaign .p-home__section-decoration--1 {
  bottom: -114px;
  left: 0;
}
@media screen and (min-width: 768px) {
  .p-home__campaign .p-home__section-decoration--1 {
    width: fit-content;
    bottom: -114px;
    left: 20px;
  }
}
.p-home__campaign .p-home__section-decoration--2 {
  right: 0;
  bottom: -136px;
}
@media screen and (min-width: 768px) {
  .p-home__campaign .p-home__section-decoration--2 {
    width: fit-content;
    right: 10px;
    bottom: -136px;
  }
}
.p-home__campaign-detail-item {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px 0;
}
@media screen and (min-width: 768px) {
  .p-home__campaign-detail-item {
    gap: 0 24px;
    grid-template-columns: 145px 1fr;
  }
}
.p-home__campaign-detail-item:not(:first-child) {
  padding-top: 24px;
}
.p-home__campaign-detail-item:not(:last-child) {
  padding-bottom: 24px;
  @media screen and (min-width: 768px) {
    border-bottom: 1px solid var(--c-pink-light);
  }
}
.p-home__campaign-detail-head {
  display: grid;
  place-content: center;
  min-height: 52px;
  color: var(--c-white);
  --clamp-min: 16;
  --clamp-max: 18;
  font-weight: var(--fw-bold);
  line-height: var(--lh-body);
  text-align: center;
  background-color: var(--c-orange);
  border-radius: 5px;
  text-align-last: center;
}
@media screen and (min-width: 768px) {
  .p-home__campaign-detail-head {
    gap: 0 24px;
    grid-template-columns: 1fr;
  }
}
.p-home__campaign-detail-body {
  align-self: center;
  line-height: var(--lh-body);
}
@media screen and (min-width: 768px) {
  .p-home__campaign-detail-body {
    padding-right: 24px;
  }
}
.p-home__campaign-detail-text {
  --clamp-min: 16;
  --clamp-max: 18;
  font-weight: var(--fw-medium);
}
.p-home__campaign-detail-list + .p-home__campaign-detail-text {
  text-indent: 1em;
}
.p-home__campaign-detail-note {
  --clamp-min: 14;
  --clamp-max: 16;
  font-weight: var(--fw-normal);
}
.p-home__campaign-detail-list {
  margin: 0;
  padding: 0;
}
.p-home__campaign-detail-list li {
  padding-left: 1.2em;
  position: relative;
  --clamp-min: 16;
  --clamp-max: 18;
  font-weight: var(--fw-medium);
}
.p-home__campaign-detail-list li:before {
  content: "●";
  position: absolute;
  top: 0;
  left: 0;
  color: var(--c-pink);
}
.p-home__news .l-section__inner {
  padding-top: 36px;
}
.p-home__news-content {
  margin-top: 10px;
}
.p-home__news-item {
  padding: 15px 0;
}
.p-home__news-item + .p-home__news-item {
  border-top: 1px solid var(--c-orange-soft);
}
.p-home__news-link {
  display: inline-grid;
  grid-template-columns: 1fr;
  gap: 4px;
  text-decoration: none;
  --clamp-min: 16;
  --clamp-max: 18;
  line-height: var(--lh-body);
}
@media screen and (min-width: 768px) {
  .p-home__news-link {
    grid-template-columns: max-content 1fr;
    gap: 0 24px;
  }
}
.p-home__news-link:hover {
  text-decoration: underline;
}
.p-home__news-link time {
  font-weight: var(--fw-medium);
}
.p-home__news-link span {
  font-weight: var(--fw-normal);
}
/* .p-shops__search .l-section__inner {
  padding-top: 84px;
} */
.p-shops__result {
  background-color: initial;
  border-radius: 0;
}
.p-shops__result .l-section__inner {
  padding: 0;
}
.p-shops__result-heading {
  width: fit-content;
  margin: 0 auto 28px;
  color: var(--c-orange);
  --clamp-min: 18;
  --clamp-max: 24;
  font-weight: var(--fw-bold);
}
.p-shops__result-item-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 20px max(20px, 4%);
}
@media screen and (min-width: 768px) {
  .p-shops__result-item-wrapper {
    gap: 40px max(20px, 4%);
  }
}
.p-shops__result-item {
  padding: 37px clamp(20px, 2.7777777778vw, 40px) 33px;
  background-color: var(--c-white);
  border-radius: 10px;
}
.p-shops__result-item-heading {
  margin: 0 auto 16px;
  color: var(--c-orange);
  --clamp-min: 20;
  --clamp-max: 26;
  text-align: center;
  letter-spacing: 0.075em;
}
.p-shops__result-item-text-area {
  margin: 0 0 calc(32px + var(--leading-trim));
  --clamp-min: 16;
  --clamp-max: 18;
  letter-spacing: 0.05em;
}
.p-shops__result-item-text-area .passport-type {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}
.p-shops__result-item-text-area .passport-type span {
  display: block;
  line-height: 1;
  color: #fff;
  padding: 6px 12px;
  border-radius: 9999px;
  --clamp-min: 12;
  --clamp-max: 14;
}
.p-shops__result-item-text-area .passport-type span.premium {
  background-color: #f79739;
}
.p-shops__result-item-text-area .passport-type span.nationwide {
  background-color: #89b87b;
}
.p-shops__result-item-text-area .address {
  margin-bottom: 14px;
}
.p-shops__result-item-text-area .tel a {
  text-decoration: none;
}
.p-shops__result-item-text-area .tel a:hover {
  text-decoration: underline;
}
.p-shops__result-item-text-area .category {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}
.p-shops__result-item-text-area .cat {
  display: flex;
  align-items: flex-start;
}
.p-shops__result-item-text-area .cat:before {
  content: "";
  display: block;
  width: 19px;
  margin-top: 4px;
  margin-right: 2px;
  aspect-ratio: 1/1;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-shops__result-item-text-area .buy:before {
  background-image: url(../img/common/shops-search/buy.svg);
}
.p-shops__result-item-text-area .eat:before {
  background-image: url(../img/common/shops-search/eat.svg);
}
.p-shops__result-item-text-area .life:before {
  background-image: url(../img/common/shops-search/life.svg);
}
.p-shops__result-item-text-area .study:before {
  background-image: url(../img/common/shops-search/study.svg);
}
.p-shops__result-item-text-area .play:before {
  background-image: url(../img/common/shops-search/play.svg);
}
.p-shops__result-item-text-area .stay:before {
  background-image: url(../img/common/shops-search/stay.svg);
}
.p-shops__result-item-text-area .others:before {
  background-image: url(../img/common/shops-search/others.svg);
}
/* .p-mypage__stamp .l-section__inner {
  padding-top: 10.5914718019%;
} */
.p-mypage__stamp-name {
  width: fit-content;
  margin: 0 auto;
  color: var(--c-orange);
  --clamp-min: 20;
  --clamp-max: 32;
  font-weight: var(--fw-bold);
}
.p-mypage__stamp-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 3.1290743155%;
  grid-row-gap: 28px;
  place-content: center;
  place-items: center;
  max-width: 420px;
  margin: 0 auto;
}
.p-mypage__stamp-item {
  align-self: end;
  /** padding-top: 40.2985074627%; */
  min-width: 134px;
  max-width: 134px;
}
.p-mypage__stamp-item .stamp {
  width: 100%;
  aspect-ratio: 1/1;
}
.p-mypage__stamp-item--active-balloon,
.p-mypage__stamp-item--inactive-balloon {
  position: relative;
}
/** .p-mypage__stamp-item--inactive-balloon .balloon { */
.p-mypage__stamp-list .balloon {
  width: 123.1343283582%;
  max-width: initial;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  z-index: 999;
}
.p-mypage__stamp-note {
  margin: 16px 0;
  --clamp-min: 12;
  --clamp-max: 14;
  font-weight: var(--fw-medium);
  text-align: center;
  letter-spacing: 0.025em;
}
.p-under .c-text {
  margin: 0 8px 24px;
  color: #000;
  font-size: 1rem;
}
.c-text.oubo-form,
.c-text.otoiawase-form {
  margin-top: 20px;
}
.news-time {
  --clamp-min: 12;
  --clamp-max: 14;
}
.news-heading {
  --clamp-min: 18;
  --clamp-max: 22;
  font-weight: var(--fw-medium);
}
.news-content {
  margin-top: 32px;
}
.news-content p {
  --clamp-min: 14;
  --clamp-max: 16;
}

/**
 * メインメニュー
 */
#menu-btn-check {
  display: none;
}

.menu-btn.l-header__nav-button {
  background-color: var(--c-gray);
}

.menu-btn.l-header__nav-button .l-header__nav-button-icon:before {
  translate: 0 -5px;
}

@media screen and (min-width: 768px) {
  .menu-btn.l-header__nav-button .l-header__nav-button-icon:before {
    translate: 0 -11px;
  }
}

.menu-btn.l-header__nav-button .l-header__nav-button-icon:after {
  translate: 0 5px;
}

@media screen and (min-width: 768px) {
  .menu-btn.l-header__nav-button .l-header__nav-button-icon:after {
    translate: 0 11px;
  }
}

#menu-btn-check:checked ~ .menu-btn.l-header__nav-button {
  background-color: var(--c-light-blue);
}

#menu-btn-check:checked ~ .menu-btn.l-header__nav-button .l-header__nav-button-icon {
  background-color: initial;
}

#menu-btn-check:checked ~ .menu-btn.l-header__nav-button .l-header__nav-button-icon:before {
  rotate: -45deg;
  translate: initial;
}

#menu-btn-check:checked ~ .l-header__nav-button .l-header__nav-button-icon:after {
  rotate: 45deg;
  translate: initial;
}

#menu-btn-check:checked ~ .l-header__nav-wrapper {
  right: 0px;
}

/**
 * 店舗一覧
 */
/* .p-home__shops-search {
  padding: 0px 50px;
} */

/**
 * 店舗検索
 */
.search-shop-block {
  padding-bottom: 40px;
}

.search-shop-items {
  padding-bottom: 24px;
}

.search-shop-block .form-input-group.location-group .member_area_group {
  padding-top: 8px;
  border-top: #ccc 1px solid;
  margin-top: 12px;
}

/**
 * お知らせ・フッターイメージ
 */
.p-home__news {
  z-index: 99;
}

/**
 * スタンプ一覧
 */
.p-mypage__stamp-item--inactive .balloon {
  display: none;
}

/**
 * 店舗検索
 */
.c-shops-search__select-inner label.form-input.checked,
.c-shops-search__select summary.checked {
  background-color: var(--c-orange-light);
}
.c-shops-search .c-text--center {
  margin-top: 20px;
  font-size: 1rem;
}

/**
 * アンケートスキップボタン
 */
.qaskip_wrap {
  display: block;
  align-items: center;
  justify-content: center;
  margin: 0px 8px 24px;
}
.qaskip_wrap .c-text {
  margin: 0px;
  font-size: 1rem;
}
.btn_qaskip_wrap {
  margin-left: auto;
  margin-top: 10px;
}
.btn_qaskip {
}

/*追記20240820*/
.qaskip_wrap .c-button__item {
  font-size: 0.8rem;
}
.entry_confirm .privacy-doui {
  font-size: 1rem;
  padding-top: 1rem;
  color: red;
}
.entry_confirm .privacy-link {
  margin-bottom: 16px;
  font-size: 1rem;
}
.privacy-link a {
  text-decoration: underline;
}
/**
* IDを忘れた方、問題が解決しない方へ 文言部分
*/
.description_forgotten {
  margin: 24px 0 0;
}
.description_forgotten .forgotten_contact {
  margin: 16px 0 0;
}
.confirm_block table tr,
.inquiry_confirm_block table tr {
  border-bottom: 1px solid var(--c-orange-light);
}

.shop-img {
  margin-top: -10px;
}
.goukei77 {
  width: 90%;
  max-width: 540px;
  margin: 15px auto;
}

/* .eraberu {
  width: 530px; 
}*/
.badge_04 {
  max-width: 250px;
  margin: 0 auto;
  @media screen and (min-width: 768px) {
    max-width: 350px;
  }
}

.login-page {
  margin-top: 70px;
}

.privacy_block .privacy a {
  color: #ff9310;
}
.btn.type2 {
  background-color: #008fd5;
}

@media screen and (min-width: 768px) {
  section.information .info .flex {
    align-items: center;
  }
}
.home_stamp_history {
  margin-top: 20px;
}
.home_stamp_history .home_history_list .shop_info a span {
  color: #fc600a;
}
.home_stamp_history .home_history_list.info-wrap {
  background-color: #fff2e2;
}

.qa_form .item_name {
  margin-bottom: 1.2rem;
  color: #000;
  font-weight: 500;
}
.qa_form .qa_answer.q1 label {
  color: #000;
}
.qa_form input[type="radio"],
.qa_form input[type="checkbox"] {
  width: 18px;
  aspect-ratio: 1/1;
  margin-right: 2px;
  position: relative;
  bottom: 1px;
}
.qa_form .qa_answer.q1 {
  align-items: center;
}
.qa_no {
  font-size: 1rem;
}
.qa_title {
  font-weight: 700;
  line-height: 1.5;
  font-size: 1rem;
}

.member_confirm label input {
  width: 18px;
  aspect-ratio: 1/1;
  margin-right: 2px;
  vertical-align: middle;
}

.entry_confirm .sub_title {
  padding-left: 1rem;
  font-size: 1rem;
}
p.description {
  color: #000;
}

.form-content .item_name .require {
  margin-left: 0;
}
.stamp_info_block table tr {
  border-bottom: 1px solid var(--c-orange-light);
}
.stamp_info_block .shop_info a {
  color: #fc600a;
}
.member_form .before_joining {
  border-top: 2px dotted #a97b4b;
  border-bottom: 2px dotted #a97b4b;
  padding: 30px 0;
  margin-bottom: 45px;
}

/*  .before_joining
------------------------------ */
.member_form .before_joining {
  border-top: 2px dotted #a97b4b;
  border-bottom: 2px dotted #a97b4b;
  padding: 30px 0;
  margin-bottom: 45px;
}
.member_form .before_joining h3 {
  font-size: 17.5px;
  font-weight: 500;
  color: #f18d00;
  text-align: left;
  padding: 0;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.before_joining h3::before {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  background-color: #f18d00;
  border-radius: 50%;
  margin-right: 3px;
}
.member_form .before_joining p {
  display: block;
  margin-bottom: 35px;
  font-weight: 400;
}
.member_form .before_joining ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.member_form .before_joining ul li {
  text-align: left;
  position: relative;
  padding-left: 40px;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
}
.member_form .before_joining ul li::before {
  content: "!";
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #f18d00;
  font-weight: 500;
  position: absolute;
  left: 0;
  top: -1px;
}
.member_form .before_joining ul :is(.item01, .item02) {
  padding-bottom: 70px;
  position: relative;
}
.member_form .before_joining ul :is(.item01, .item02)::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  max-width: 100%;
}
.member_form .before_joining ul .item01::after {
  background: url(../img/registration/before_joining__icon01.svg) no-repeat center bottom / 100% auto;
  width: 190px;
  height: 57px;
}
.member_form .before_joining ul .item02::after {
  background: url(../img/registration/before_joining__icon02.svg) no-repeat center bottom / 100% auto;
  width: 300px;
  height: 57px;
}

.member_form .before_joining ul li.item03 {
  color: #fc6258;
  font-weight: bold;
}
/*  .cookie
------------------------------ */
.member_form .cookie {
  margin-bottom: 20px;
}
.member_form .cookie h3 {
  font-size: 17.5px;
  font-weight: 500;
  color: #f18d00;
  text-align: left;
  padding: 0;
  margin-bottom: 15px;
}

/* スクロール */
.member_form .cookie .scroll_box {
  padding: 15px 5px 15px 15px;
  border: 1px solid #989898;
  border-radius: 5px;
  margin-bottom: 20px;
}
.member_form .cookie .scroll_box__inner {
  overflow-y: scroll;
  padding-right: 15px;
  height: 155px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.member_form .cookie .scroll_box__inner * {
  text-align: left;
  font-size: 12.5px;
  line-height: 1.7;
  font-weight: normal;
}
.member_form .cookie .scroll_box__inner h4 {
  font-size: 12.5px;
  margin-bottom: 10px;
  font-weight: 500;
}
.member_form .cookie .scroll_box__inner ul li {
  padding-left: 1em;
  position: relative;
}
.member_form .cookie .scroll_box__inner ul li::before {
  content: "";
  width: 3px;
  height: 3px;
  background: #000;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 10px;
}

/* 同意する */
.member_form .cookie .agree {
  text-align: left;
  display: flex;
  align-items: center;
}
.member_form .cookie .agree label {
  color: #000;
  padding-left: 10px;
}
.member_form .cookie .agree input#is_agree_policy {
  width: initial;
}

.member_form .cookie .agree input[type="checkbox"] {
  display: none;
}
.member_form .cookie .agree label {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 5px 30px;
  position: relative;
  width: auto;
}
.member_form .cookie .agree label::before {
  background: #fff;
  border: 1px solid #231815;
  content: "";
  display: block;
  height: 16px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}
.member_form .cookie .agree label::after {
  border-right: 3px solid var(--c-orange);
  border-bottom: 3px solid var(--c-orange);
  content: "";
  display: block;
  height: 12px;
  left: 9px;
  margin-top: -9px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 9px;
}

.member_form .cookie .agree input[type="checkbox"]:checked + label::before {
  border: 1px solid var(--c-orange);
}
.member_form .cookie .agree input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

.btn.typeDelete {
  cursor: pointer;
  border-radius: 5px;
  font-family: "Kaisei Decol", serif;
  font-size: 16px;
  line-height: 1;
  border: 1px solid #d3e5d4;
  color: #fff;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  background: red;
  font-weight: bold;
  width: inherit;
  padding: 0.5rem 1rem;
}
.text-sp {
  display: none;
  @media screen and (min-width: 768px) {
    display: block;
  }
}
.member_complete.stamp_info_block img {
  max-width: 250px;
  margin: 20px auto;
}

.oubo-button {
  margin-top: 25px;
}
.oubo-button a {
  text-align: center;
  background-color: #999999;
  color: #fff;
  padding: 7px;
  border: 1px solid #000;
  border-radius: 70px;
  font-weight: 600;
  display: block;
  width: 140px;
  margin: 0 auto;
}
.oubo-button.active a {
  background-color: #f18d00;
}
#toppage .p-home__news .c-image-heading--no-ribbon img {
  max-height: 32px;
}

#toppage .join-movie {
  max-width: 900px;
  width: 100%;
  @media screen and (min-width: 768px) {
    margin-bottom: 50px;
  }
}