@charset "UTF-8";
.fs-l-main {
  margin: 0;
  padding: 0;
}

.fs-l-main,
.fs-l-pageMain {
  width: 100%;
  max-width: 100%;
}

.device-click a,
.device-click button {
  transition: unset;
}

.device-click a:hover,
.device-click button:hover {
  opacity: unset !important;
}

.tu-hacci-day {
  --min-size: 0;
  --max-size: 10px;
  --fluid-size: 1.25vw;
  font-size: min(var(--fluid-size), var(--max-size));
  position: relative;
}
.tu-hacci-day .l-inner {
  margin: 0 auto;
  max-width: 80em;
  overflow: hidden;
}

.--bg-img {
  --bg-color: red;
  --bg-img-path: url("");
  --bg-img-width: 80em;
  --bg-img-height: 545.2em;
  --bg-img--pos-top: 0;
  background-color: var(--bg-color);
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.--bg-img::after {
  content: "";
  position: absolute;
  background-image: var(--bg-img-path);
  width: var(--bg-img-width);
  height: var(--bg-img-height);
  background-size: contain;
  background-repeat: no-repeat;
  top: var(--bg-img--pos-top);
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}

.--pseudo-before {
  --pseudo-width: 20.9em;
  --pseudo-height: 25.2em;
  --pseudo-bg-color: red;
  --pseudo-bg-img-path: url("");
  --pseudo-pos-top: none;
  --pseudo-pos-left: none;
  --pseudo-pos-right: none;
  --pseudo-pos-left: none;
  --pseudo-pos-z-index: 0;
  position: relative;
  z-index: 0;
}
.--pseudo-before::before {
  content: "";
  position: absolute;
  width: var(--pseudo-width);
  height: var(--pseudo-height);
  background-color: var(--pseudo-bg-color, transparent);
  background-image: var(--pseudo-bg-img-path);
  background-repeat: no-repeat;
  background-size: contain;
  top: var(--pseudo-pos-top);
  left: var(--pseudo-pos-left);
  right: var(--pseudo-pos-right);
  bottom: var(--pseudo-pos-bottom);
  pointer-events: none;
  z-index: var(--pseudo-pos-z-index);
}

.--pseudo-after {
  --pseudo-width: 20.9em;
  --pseudo-height: 25.2em;
  --pseudo-bg-color: red;
  --pseudo-bg-img-path: url("");
  --pseudo-pos-top: none;
  --pseudo-pos-left: none;
  --pseudo-pos-right: none;
  --pseudo-pos-left: none;
  --pseudo-pos-z-index: 0;
  position: relative;
  z-index: 0;
}
.--pseudo-after::after {
  content: "";
  content: "";
  position: absolute;
  width: var(--pseudo-width);
  height: var(--pseudo-height);
  background-color: var(--pseudo-bg-color, transparent);
  background-image: var(--pseudo-bg-img-path);
  background-repeat: no-repeat;
  background-size: contain;
  top: var(--pseudo-pos-top);
  left: var(--pseudo-pos-left);
  right: var(--pseudo-pos-right);
  bottom: var(--pseudo-pos-bottom);
  pointer-events: none;
  z-index: var(--pseudo-pos-z-index);
}

.tu-hacci-day .countdown_area {
  --countdown-bgColor: #7d8394;
  --countdown-textColor: #fff;
  background-color: var(--countdown-bgColor);
  padding: 0;
}
.tu-hacci-day .view_on,
.tu-hacci-day #CDT1,
.tu-hacci-day #CDT2 {
  font-family: YuMincho, serif !important;
  color: var(--countdown-textColor) !important;
  font-size: 3.6em !important;
  line-height: 1.2;
}
.tu-hacci-day .view_on span,
.tu-hacci-day #CDT1 span,
.tu-hacci-day #CDT2 span {
  color: var(--countdown-textColor) !important;
}

.line_induction {
  background-color: white !important;
  margin-bottom: 5em;
}
.line_induction .l-inner {
  margin: 0 auto;
  max-width: 800px;
  overflow: hidden;
}

.tu-hacci-day .u-pt-0 {
  padding-top: 0em !important;
}

.tu-hacci-day .u-pt-10 {
  padding-top: 1em !important;
}

.tu-hacci-day .u-pt-20 {
  padding-top: 2em !important;
}

.tu-hacci-day .u-pt-30 {
  padding-top: 3em !important;
}

.tu-hacci-day .u-pt-40 {
  padding-top: 4em !important;
}

.tu-hacci-day .u-pt-50 {
  padding-top: 5em !important;
}

.tu-hacci-day .u-pt-60 {
  padding-top: 6em !important;
}

.tu-hacci-day .u-pt-70 {
  padding-top: 7em !important;
}

.tu-hacci-day .u-pt-80 {
  padding-top: 8em !important;
}

.tu-hacci-day .u-pt-90 {
  padding-top: 9em !important;
}

.tu-hacci-day .u-pt-100 {
  padding-top: 10em !important;
}

.tu-hacci-day .u-pt-110 {
  padding-top: 11em !important;
}

.tu-hacci-day .u-pt-120 {
  padding-top: 12em !important;
}

.tu-hacci-day .u-pt-130 {
  padding-top: 13em !important;
}

.tu-hacci-day .u-pt-140 {
  padding-top: 14em !important;
}

.tu-hacci-day .u-pt-150 {
  padding-top: 15em !important;
}

.tu-hacci-day .u-pt-160 {
  padding-top: 16em !important;
}

.tu-hacci-day .u-pt-170 {
  padding-top: 17em !important;
}

.tu-hacci-day .u-pt-180 {
  padding-top: 18em !important;
}

.tu-hacci-day .u-pt-190 {
  padding-top: 19em !important;
}

.tu-hacci-day .u-pt-200 {
  padding-top: 20em !important;
}

.tu-hacci-day .u-pb-0 {
  padding-bottom: 0em !important;
}

.tu-hacci-day .u-pb-10 {
  padding-bottom: 1em !important;
}

.tu-hacci-day .u-pb-20 {
  padding-bottom: 2em !important;
}

.tu-hacci-day .u-pb-30 {
  padding-bottom: 3em !important;
}

.tu-hacci-day .u-pb-40 {
  padding-bottom: 4em !important;
}

.tu-hacci-day .u-pb-50 {
  padding-bottom: 5em !important;
}

.tu-hacci-day .u-pb-60 {
  padding-bottom: 6em !important;
}

.tu-hacci-day .u-pb-70 {
  padding-bottom: 7em !important;
}

.tu-hacci-day .u-pb-80 {
  padding-bottom: 8em !important;
}

.tu-hacci-day .u-pb-90 {
  padding-bottom: 9em !important;
}

.tu-hacci-day .u-pb-100 {
  padding-bottom: 10em !important;
}

.tu-hacci-day .u-pb-110 {
  padding-bottom: 11em !important;
}

.tu-hacci-day .u-pb-120 {
  padding-bottom: 12em !important;
}

.tu-hacci-day .u-pb-130 {
  padding-bottom: 13em !important;
}

.tu-hacci-day .u-pb-140 {
  padding-bottom: 14em !important;
}

.tu-hacci-day .u-pb-150 {
  padding-bottom: 15em !important;
}

.tu-hacci-day .u-pb-160 {
  padding-bottom: 16em !important;
}

.tu-hacci-day .u-pb-170 {
  padding-bottom: 17em !important;
}

.tu-hacci-day .u-pb-180 {
  padding-bottom: 18em !important;
}

.tu-hacci-day .u-pb-190 {
  padding-bottom: 19em !important;
}

.tu-hacci-day .u-pb-200 {
  padding-bottom: 20em !important;
}

.tu-hacci-day .u-pl-0 {
  padding-left: 0em !important;
}

.tu-hacci-day .u-pl-10 {
  padding-left: 1em !important;
}

.tu-hacci-day .u-pl-20 {
  padding-left: 2em !important;
}

.tu-hacci-day .u-pl-30 {
  padding-left: 3em !important;
}

.tu-hacci-day .u-pl-40 {
  padding-left: 4em !important;
}

.tu-hacci-day .u-pl-50 {
  padding-left: 5em !important;
}

.tu-hacci-day .u-pl-60 {
  padding-left: 6em !important;
}

.tu-hacci-day .u-pl-70 {
  padding-left: 7em !important;
}

.tu-hacci-day .u-pl-80 {
  padding-left: 8em !important;
}

.tu-hacci-day .u-pl-90 {
  padding-left: 9em !important;
}

.tu-hacci-day .u-pl-100 {
  padding-left: 10em !important;
}

.tu-hacci-day .u-pl-110 {
  padding-left: 11em !important;
}

.tu-hacci-day .u-pl-120 {
  padding-left: 12em !important;
}

.tu-hacci-day .u-pl-130 {
  padding-left: 13em !important;
}

.tu-hacci-day .u-pl-140 {
  padding-left: 14em !important;
}

.tu-hacci-day .u-pl-150 {
  padding-left: 15em !important;
}

.tu-hacci-day .u-pl-160 {
  padding-left: 16em !important;
}

.tu-hacci-day .u-pl-170 {
  padding-left: 17em !important;
}

.tu-hacci-day .u-pl-180 {
  padding-left: 18em !important;
}

.tu-hacci-day .u-pl-190 {
  padding-left: 19em !important;
}

.tu-hacci-day .u-pl-200 {
  padding-left: 20em !important;
}

.tu-hacci-day .u-pr-0 {
  padding-right: 0em !important;
}

.tu-hacci-day .u-pr-10 {
  padding-right: 1em !important;
}

.tu-hacci-day .u-pr-20 {
  padding-right: 2em !important;
}

.tu-hacci-day .u-pr-30 {
  padding-right: 3em !important;
}

.tu-hacci-day .u-pr-40 {
  padding-right: 4em !important;
}

.tu-hacci-day .u-pr-50 {
  padding-right: 5em !important;
}

.tu-hacci-day .u-pr-60 {
  padding-right: 6em !important;
}

.tu-hacci-day .u-pr-70 {
  padding-right: 7em !important;
}

.tu-hacci-day .u-pr-80 {
  padding-right: 8em !important;
}

.tu-hacci-day .u-pr-90 {
  padding-right: 9em !important;
}

.tu-hacci-day .u-pr-100 {
  padding-right: 10em !important;
}

.tu-hacci-day .u-pr-110 {
  padding-right: 11em !important;
}

.tu-hacci-day .u-pr-120 {
  padding-right: 12em !important;
}

.tu-hacci-day .u-pr-130 {
  padding-right: 13em !important;
}

.tu-hacci-day .u-pr-140 {
  padding-right: 14em !important;
}

.tu-hacci-day .u-pr-150 {
  padding-right: 15em !important;
}

.tu-hacci-day .u-pr-160 {
  padding-right: 16em !important;
}

.tu-hacci-day .u-pr-170 {
  padding-right: 17em !important;
}

.tu-hacci-day .u-pr-180 {
  padding-right: 18em !important;
}

.tu-hacci-day .u-pr-190 {
  padding-right: 19em !important;
}

.tu-hacci-day .u-pr-200 {
  padding-right: 20em !important;
}

.tu-hacci-day .u-mt-0 {
  margin-top: 0em !important;
}

.tu-hacci-day .u-mt-10 {
  margin-top: 1em !important;
}

.tu-hacci-day .u-mt-20 {
  margin-top: 2em !important;
}

.tu-hacci-day .u-mt-30 {
  margin-top: 3em !important;
}

.tu-hacci-day .u-mt-40 {
  margin-top: 4em !important;
}

.tu-hacci-day .u-mt-50 {
  margin-top: 5em !important;
}

.tu-hacci-day .u-mt-60 {
  margin-top: 6em !important;
}

.tu-hacci-day .u-mt-70 {
  margin-top: 7em !important;
}

.tu-hacci-day .u-mt-80 {
  margin-top: 8em !important;
}

.tu-hacci-day .u-mt-90 {
  margin-top: 9em !important;
}

.tu-hacci-day .u-mt-100 {
  margin-top: 10em !important;
}

.tu-hacci-day .u-mt-110 {
  margin-top: 11em !important;
}

.tu-hacci-day .u-mt-120 {
  margin-top: 12em !important;
}

.tu-hacci-day .u-mt-130 {
  margin-top: 13em !important;
}

.tu-hacci-day .u-mt-140 {
  margin-top: 14em !important;
}

.tu-hacci-day .u-mt-150 {
  margin-top: 15em !important;
}

.tu-hacci-day .u-mt-160 {
  margin-top: 16em !important;
}

.tu-hacci-day .u-mt-170 {
  margin-top: 17em !important;
}

.tu-hacci-day .u-mt-180 {
  margin-top: 18em !important;
}

.tu-hacci-day .u-mt-190 {
  margin-top: 19em !important;
}

.tu-hacci-day .u-mt-200 {
  margin-top: 20em !important;
}

.tu-hacci-day .u-mb-0 {
  margin-bottom: 0em !important;
}

.tu-hacci-day .u-mb-10 {
  margin-bottom: 1em !important;
}

.tu-hacci-day .u-mb-20 {
  margin-bottom: 2em !important;
}

.tu-hacci-day .u-mb-30 {
  margin-bottom: 3em !important;
}

.tu-hacci-day .u-mb-40 {
  margin-bottom: 4em !important;
}

.tu-hacci-day .u-mb-50 {
  margin-bottom: 5em !important;
}

.tu-hacci-day .u-mb-60 {
  margin-bottom: 6em !important;
}

.tu-hacci-day .u-mb-70 {
  margin-bottom: 7em !important;
}

.tu-hacci-day .u-mb-80 {
  margin-bottom: 8em !important;
}

.tu-hacci-day .u-mb-90 {
  margin-bottom: 9em !important;
}

.tu-hacci-day .u-mb-100 {
  margin-bottom: 10em !important;
}

.tu-hacci-day .u-mb-110 {
  margin-bottom: 11em !important;
}

.tu-hacci-day .u-mb-120 {
  margin-bottom: 12em !important;
}

.tu-hacci-day .u-mb-130 {
  margin-bottom: 13em !important;
}

.tu-hacci-day .u-mb-140 {
  margin-bottom: 14em !important;
}

.tu-hacci-day .u-mb-150 {
  margin-bottom: 15em !important;
}

.tu-hacci-day .u-mb-160 {
  margin-bottom: 16em !important;
}

.tu-hacci-day .u-mb-170 {
  margin-bottom: 17em !important;
}

.tu-hacci-day .u-mb-180 {
  margin-bottom: 18em !important;
}

.tu-hacci-day .u-mb-190 {
  margin-bottom: 19em !important;
}

.tu-hacci-day .u-mb-200 {
  margin-bottom: 20em !important;
}

.tu-hacci-day .u-ml-0 {
  margin-left: 0em !important;
}

.tu-hacci-day .u-ml-10 {
  margin-left: 1em !important;
}

.tu-hacci-day .u-ml-20 {
  margin-left: 2em !important;
}

.tu-hacci-day .u-ml-30 {
  margin-left: 3em !important;
}

.tu-hacci-day .u-ml-40 {
  margin-left: 4em !important;
}

.tu-hacci-day .u-ml-50 {
  margin-left: 5em !important;
}

.tu-hacci-day .u-ml-60 {
  margin-left: 6em !important;
}

.tu-hacci-day .u-ml-70 {
  margin-left: 7em !important;
}

.tu-hacci-day .u-ml-80 {
  margin-left: 8em !important;
}

.tu-hacci-day .u-ml-90 {
  margin-left: 9em !important;
}

.tu-hacci-day .u-ml-100 {
  margin-left: 10em !important;
}

.tu-hacci-day .u-ml-110 {
  margin-left: 11em !important;
}

.tu-hacci-day .u-ml-120 {
  margin-left: 12em !important;
}

.tu-hacci-day .u-ml-130 {
  margin-left: 13em !important;
}

.tu-hacci-day .u-ml-140 {
  margin-left: 14em !important;
}

.tu-hacci-day .u-ml-150 {
  margin-left: 15em !important;
}

.tu-hacci-day .u-ml-160 {
  margin-left: 16em !important;
}

.tu-hacci-day .u-ml-170 {
  margin-left: 17em !important;
}

.tu-hacci-day .u-ml-180 {
  margin-left: 18em !important;
}

.tu-hacci-day .u-ml-190 {
  margin-left: 19em !important;
}

.tu-hacci-day .u-ml-200 {
  margin-left: 20em !important;
}

.tu-hacci-day .u-mr-0 {
  margin-right: 0em !important;
}

.tu-hacci-day .u-mr-10 {
  margin-right: 1em !important;
}

.tu-hacci-day .u-mr-20 {
  margin-right: 2em !important;
}

.tu-hacci-day .u-mr-30 {
  margin-right: 3em !important;
}

.tu-hacci-day .u-mr-40 {
  margin-right: 4em !important;
}

.tu-hacci-day .u-mr-50 {
  margin-right: 5em !important;
}

.tu-hacci-day .u-mr-60 {
  margin-right: 6em !important;
}

.tu-hacci-day .u-mr-70 {
  margin-right: 7em !important;
}

.tu-hacci-day .u-mr-80 {
  margin-right: 8em !important;
}

.tu-hacci-day .u-mr-90 {
  margin-right: 9em !important;
}

.tu-hacci-day .u-mr-100 {
  margin-right: 10em !important;
}

.tu-hacci-day .u-mr-110 {
  margin-right: 11em !important;
}

.tu-hacci-day .u-mr-120 {
  margin-right: 12em !important;
}

.tu-hacci-day .u-mr-130 {
  margin-right: 13em !important;
}

.tu-hacci-day .u-mr-140 {
  margin-right: 14em !important;
}

.tu-hacci-day .u-mr-150 {
  margin-right: 15em !important;
}

.tu-hacci-day .u-mr-160 {
  margin-right: 16em !important;
}

.tu-hacci-day .u-mr-170 {
  margin-right: 17em !important;
}

.tu-hacci-day .u-mr-180 {
  margin-right: 18em !important;
}

.tu-hacci-day .u-mr-190 {
  margin-right: 19em !important;
}

.tu-hacci-day .u-mr-200 {
  margin-right: 20em !important;
}

.tu-hacci-day .u-mt-0- {
  margin-top: -0em !important;
}

.tu-hacci-day .u-mt-10- {
  margin-top: -1em !important;
}

.tu-hacci-day .u-mt-20- {
  margin-top: -2em !important;
}

.tu-hacci-day .u-mt-30- {
  margin-top: -3em !important;
}

.tu-hacci-day .u-mt-40- {
  margin-top: -4em !important;
}

.tu-hacci-day .u-mt-50- {
  margin-top: -5em !important;
}

.tu-hacci-day .u-mt-60- {
  margin-top: -6em !important;
}

.tu-hacci-day .u-mt-70- {
  margin-top: -7em !important;
}

.tu-hacci-day .u-mt-80- {
  margin-top: -8em !important;
}

.tu-hacci-day .u-mt-90- {
  margin-top: -9em !important;
}

.tu-hacci-day .u-mt-100- {
  margin-top: -10em !important;
}

.tu-hacci-day .u-mb-0- {
  margin-bottom: -0em !important;
}

.tu-hacci-day .u-mb-10- {
  margin-bottom: -1em !important;
}

.tu-hacci-day .u-mb-20- {
  margin-bottom: -2em !important;
}

.tu-hacci-day .u-mb-30- {
  margin-bottom: -3em !important;
}

.tu-hacci-day .u-mb-40- {
  margin-bottom: -4em !important;
}

.tu-hacci-day .u-mb-50- {
  margin-bottom: -5em !important;
}

.tu-hacci-day .u-mb-60- {
  margin-bottom: -6em !important;
}

.tu-hacci-day .u-mb-70- {
  margin-bottom: -7em !important;
}

.tu-hacci-day .u-mb-80- {
  margin-bottom: -8em !important;
}

.tu-hacci-day .u-mb-90- {
  margin-bottom: -9em !important;
}

.tu-hacci-day .u-mb-100- {
  margin-bottom: -10em !important;
}

.tu-hacci-day .u-ml-0- {
  margin-left: -0em !important;
}

.tu-hacci-day .u-ml-10- {
  margin-left: -1em !important;
}

.tu-hacci-day .u-ml-20- {
  margin-left: -2em !important;
}

.tu-hacci-day .u-ml-30- {
  margin-left: -3em !important;
}

.tu-hacci-day .u-ml-40- {
  margin-left: -4em !important;
}

.tu-hacci-day .u-ml-50- {
  margin-left: -5em !important;
}

.tu-hacci-day .u-ml-60- {
  margin-left: -6em !important;
}

.tu-hacci-day .u-ml-70- {
  margin-left: -7em !important;
}

.tu-hacci-day .u-ml-80- {
  margin-left: -8em !important;
}

.tu-hacci-day .u-ml-90- {
  margin-left: -9em !important;
}

.tu-hacci-day .u-ml-100- {
  margin-left: -10em !important;
}

.tu-hacci-day .u-mr-0- {
  margin-right: -0em !important;
}

.tu-hacci-day .u-mr-10- {
  margin-right: -1em !important;
}

.tu-hacci-day .u-mr-20- {
  margin-right: -2em !important;
}

.tu-hacci-day .u-mr-30- {
  margin-right: -3em !important;
}

.tu-hacci-day .u-mr-40- {
  margin-right: -4em !important;
}

.tu-hacci-day .u-mr-50- {
  margin-right: -5em !important;
}

.tu-hacci-day .u-mr-60- {
  margin-right: -6em !important;
}

.tu-hacci-day .u-mr-70- {
  margin-right: -7em !important;
}

.tu-hacci-day .u-mr-80- {
  margin-right: -8em !important;
}

.tu-hacci-day .u-mr-90- {
  margin-right: -9em !important;
}

.tu-hacci-day .u-mr-100- {
  margin-right: -10em !important;
}

.tu-hacci-day .u-margin-center {
  margin: 0 auto;
}
.tu-hacci-day .u-margin-right {
  margin: 0 0 0 auto;
}
.tu-hacci-day .u-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tu-hacci-day .u-text-center {
  text-align: center;
}
.tu-hacci-day .u-position-relative {
  position: relative;
}
.tu-hacci-day .u-position-absolute {
  position: absolute;
}
.tu-hacci-day .u-position-absolute_center {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.tu-hacci-day .text {
  --text-color: #000;
  --text-size: 3.5em;
  --text-letter-spacing: auto;
  --text-line-height: auto;
  --text-adjust-size: 0.9em;
  color: var(--text-color);
  text-align: center;
  font-size: var(--text-size);
  letter-spacing: var(--text-letter-spacing);
  line-height: var(--text-line-height);
}
.tu-hacci-day .text .adjust-size {
  font-size: var(--text-adjust-size);
}
.tu-hacci-day .text .seasons {
  font-family: "the-seasons", sans-serif;
}
.tu-hacci-day .text .marker {
  background-color: var(--marker-bg-color, #e3dfd1);
  padding: 0 0.8em;
  display: inline-flex;
  align-items: center;
  color: var(--marker-text-color, #543b3b);
}
.tu-hacci-day .text.--gothic {
  font-family: YuGothic, Hiragino Sans;
}
.tu-hacci-day .text.--mincho {
  font-family: YuMincho, serif;
}

.tu-hacci-day .c-button {
  --btn-bg: #3f3f3f;
  --btn-bg-img: none;
  --btn-bg-size: cover;
  --btn-bg-pos: center;
  --btn-bg-repeat: no-repeat;
  --btn-color: #fff;
  --btn-radius: 0;
  --btn-padding-y: 1.4em;
  --btn-padding-x: 4em;
  --btn-padding-left: 1.8em;
  --btn-padding-right: 0.7em;
  --btn-font-size: 1.6em;
  --btn-gap: 1em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--btn-gap);
  padding: var(--btn-padding-y) var(--btn-padding-x);
  font-size: var(--btn-font-size);
  letter-spacing: 0;
  text-decoration: none;
  border-radius: var(--btn-radius);
  color: var(--btn-color);
  background-color: var(--btn-bg);
  white-space: nowrap;

  background-image: var(--btn-bg-img);
  background-size: var(--btn-bg-size);
  background-position: var(--btn-bg-pos);
  background-repeat: var(--btn-bg-repeat);
  transition: background-color 0.3s ease, transform 0.2s ease;
}
.tu-hacci-day .c-button:hover {
  background-color: color-mix(in srgb, var(--btn-bg), white 20%);
}
.tu-hacci-day .c-button__label {
  font-family: YuGothic, Hiragino Sans;
  font-size: 1.2em;
  line-height: 1.5;
  position: relative;
  z-index: 1;
}
.tu-hacci-day .c-button__icon {
  font-size: var(--btn-icon-size, 1.4em);
  line-height: 1;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--btn-icon-mb, 0);
}
.tu-hacci-day .c-button__icon svg,
.tu-hacci-day .c-button__icon i {
  font-size: 1em;
  display: inline-block;
}
.tu-hacci-day .c-button__icon img {
  width: var(--btn-icon-size, 1.4em);
  height: var(--btn-icon-size, 1.4em);
  object-fit: contain;
  display: block;
  fill: #d86b4a;
}
.tu-hacci-day .c-button__icon::before {
  content: "";
  display: var(--btn-icon-display, none);
  width: var(--btn-icon-size, 1.4em);
  height: var(--btn-icon-size, 1.4em);
  background-image: var(--btn-icon-img, none);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.tu-hacci-day .c-button.--dark {
  --btn-bg: #3f3f3f;
  --btn-color: #fff;
}
.tu-hacci-day .c-button.--light {
  --btn-bg: #f8f8f8;
  --btn-color: #333;
}
.tu-hacci-day .c-button.--accent {
  --btn-bg: #d86b4a;
  --btn-color: #fff;
}
.tu-hacci-day .c-button.--small {
  --btn-padding-y: 0.6em;
  --btn-padding-x: 2em;
  --btn-font-size: 1.4em;
}
.tu-hacci-day .c-button.--large {
  --btn-padding-y: 0.7em;
  --btn-padding-x: 3.4em;
  --btn-font-size: 2.5em;
  --btn-gap: 0.5em;
  --btn-icon-size: 1.8em;
}
.tu-hacci-day .c-button.--type1 {
  --btn-font-size: 2.2em;
  --btn-padding-y: 0.6em;
  --btn-gap: 0.7em;
}
.tu-hacci-day .c-button.--type2 {
  --btn-font-size: 2.2em;
  --btn-padding-y: 0.6em;
  --btn-icon-size: 0.9em;
  padding-right: 0.7em;
  --btn-gap: 0.7em;
  padding-left: 1.8em;
}
.tu-hacci-day .c-button.--type3 {
  --btn-font-size: 2.2em;
  --btn-padding-y: 0.6em;
  --btn-icon-size: 0.9em;
  padding-right: 0.7em;
  --btn-gap: 3.5em;
  padding-left: var(--btn-padding-left, 1.8em);
  padding-left: 4.8em;
}
.tu-hacci-day .c-button.--type5 {
  --btn-font-size: 2.2em;
  --btn-padding-y: 0.4em;
  --btn-icon-size: 0.9em;
  padding-right: 1.7em;
  --btn-gap: 0.6em;
  padding-left: var(--btn-padding-left, 1.8em);
  padding-left: 1.8em;
}
.tu-hacci-day .c-button.--type6 {
  --btn-font-size: 2.2em;
  --btn-padding-y: 0.4em;
  --btn-icon-size: 0.9em;
  padding-right: 1.7em;
  --btn-gap: 0.6em;
  padding-left: var(--btn-padding-left, 1.8em);
  padding-left: 1.6em;
}
@media (hover: hover) {
  .tu-hacci-day .u-hover-btn {
    transition: opacity 0.5s ease;
    cursor: pointer;
  }
  .tu-hacci-day .u-hover-btn:hover {
    opacity: 0.7;
  }
}

.tu-hacci-day {
  --menu-bgColor: #3a3937;
  --menu-lineColor: #dbd7ce;
  --menu-container: #1d1c1a;
}
.tu-hacci-day .menu {
  background-color: var(--menu-bgColor);
}
.tu-hacci-day .menu.--grid4 .menu_line__center::before {
  width: 0.6em;
  height: 70em;
  top: 4em;
}
.tu-hacci-day .menu.--grid6 .menu_line__center::before {
  width: 0.6em;
  height: 110em;
  top: 4em;
}
.tu-hacci-day .menu_container {
  background-color: var(--menu-container);
  max-width: 72em;
}
.tu-hacci-day .menu_gridContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.tu-hacci-day .menu_line__top,
.tu-hacci-day .menu_line__center,
.tu-hacci-day .menu_line__bottom {
  position: relative;
}
.tu-hacci-day .menu_line__top::before,
.tu-hacci-day .menu_line__center::before,
.tu-hacci-day .menu_line__bottom::before {
  content: "";
  position: absolute;
  background-color: var(--menu-lineColor);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tu-hacci-day .menu_line__top::before {
  width: 28em;
  height: 0.6em;
  top: 0;
}
.tu-hacci-day .menu_line__center::before {
  width: 0.6em;
  height: 70em;
  top: 26em;
}
.tu-hacci-day .menu_line__bottom::before {
  width: 33em;
  height: 0.3em;
  bottom: -0.5em;
}

.tu-hacci-day .ticket {
  --base-color: #87728f;
  --ticket-bgColor: #f8f5f9;
  --ticketTitle-bgColor: var(--base-color);
  --ticketBtn-bgColor: var(--base-color);
  --ticketBorder-textColor: var(--base-color);
  background-color: var(--ticket-bgColor);
  padding-bottom: 5em;
}
.tu-hacci-day {

}
.tu-hacci-day .ticket_titleContainer {
  background: var(--ticketTitle-bgColor);
  text-align: center;
  padding: 2em 0;
}
.tu-hacci-day .ticket_title {
  font-family: "the-seasons", sans-serif;
  line-height: 1;
  letter-spacing: 0.08em;
  color: #fff;
  font-size: 4em;
}
.tu-hacci-day .ticket_borderText {
  font-family: YuGothic, Hiragino Sans;
  letter-spacing: 0.04em;
  color: var(--ticketBorder-textColor);
  background-color: #fff;
  font-size: 2.5em;
  display: inline-block;
  padding: 0em 1.5em;
  margin-top: 0.6em;
  line-height: 1.5;
}
.tu-hacci-day .ticket_strongText {
  font-family: YuMincho, serif;
  line-height: 1;
  color: #fff;
  font-size: 4.8em;
  letter-spacing: 0.01em;
  margin-top: 0.4em;
}
.tu-hacci-day .ticket_strongText span {
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 0.15em;
}
.tu-hacci-day {

}
.tu-hacci-day .ticket_bodyContainer {
  display: grid;
  grid-template-columns: auto auto;
  justify-items: center;
  justify-content: center;
  column-gap: 4em;
  margin-top: 8em;
  padding-bottom: 2.5em;
}
.tu-hacci-day .ticket_img {
  width: 32.5em;
  box-shadow: 0px 0.5em 2em 0 rgba(110, 80, 102, 0.32);
}
.tu-hacci-day .ticket_textContainer {
  display: grid;
  align-items: center;
  justify-items: center;
}
.tu-hacci-day .ticket_text__subTitle {
  font-family: YuGothic, Hiragino Sans;
  color: #333;
  font-size: 3.5em;
  line-height: 1.1;
  text-align: center;
  margin-top: 1em;
}
.tu-hacci-day .ticket_text__subTitle span {
  font-size: 1.5em;
}
.tu-hacci-day .ticket_text__price {
  font-family: YuMincho, serif;
  font-size: 3.5em;
  color: #9e6c6c;
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 1;
  margin-left: 0.2em;
  margin-top: 0.6em;
}
.tu-hacci-day .ticket_text__price span {
  font-family: YuMincho, serif;
  font-size: 1.9em;
}
.tu-hacci-day .ticket_text__btn {
  display: inline-block;
  font-family: YuGothic, Hiragino Sans;
  font-size: 3em;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 0.2em 1.3em;
  border-radius: 50px;
  background-color: var(--ticketBtn-bgColor);
}
.tu-hacci-day .ticket_text__btn a {
  color: #fff;
}
.tu-hacci-day .ticket_text__annotation {
  font-family: YuGothic, Hiragino Sans;
  font-size: 1.8em;
  letter-spacing: 0.01em;
}
.tu-hacci-day .ticket_annotation {
  font-family: YuGothic, Hiragino Sans;
  font-size: 1.6em;
  letter-spacing: 0.01em;
}

.tu-hacci-day .productContainer.--type1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: fit-content;
  margin: 0 auto;
  gap: 5em;
}
.tu-hacci-day .productContainer.--type1 .productItem {
  width: 32.5em;
}
.tu-hacci-day .productContainer.--type1 .productItem_text {
  text-align: center;
  color: #000;
  font-size: 2.2em;
  letter-spacing: 0.8;
  line-height: 1.3;
  margin-top: 1em;
  white-space: nowrap;
}
.tu-hacci-day .productContainer.--type1 .productItem_priceContainer {
  margin-top: 2em;
}
.tu-hacci-day .productContainer.--type1 .productItem_price {
  font-size: 5em;
  line-height: 1px;
  text-align: center;
}
.tu-hacci-day .productContainer.--type1 .productItem_price .yen,
.tu-hacci-day .productContainer.--type1 .productItem_price .price {
  font-family: "the-seasons", sans-serif;
}
.tu-hacci-day .productContainer.--type1 .productItem_price .yen {
  font-size: 0.7em;
}
.tu-hacci-day .productContainer.--type1 .productItem_normalPrice {
  font-size: 0.4em;
  margin-right: 0.5em;
  line-height: 1.3;
}
.tu-hacci-day .productContainer.--type1-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: fit-content;
  margin: 0 auto;
  gap: 5em;
}
.tu-hacci-day .productContainer.--type1-2 .productItem {
  width: 31em;
}
.tu-hacci-day .productContainer.--type1-2 .productItem:nth-child(3) {
  margin-top: 3em;
}
.tu-hacci-day .productContainer.--type1-2 .productItem_text {
  text-align: center;
  color: #000;
  font-size: 2em;
  letter-spacing: 0.8;
  line-height: 1.3;
  margin-top: 0.6em;
}
.tu-hacci-day .productContainer.--type1-2 .productItem_priceContainer {
  margin-top: 1em;
  display: flex;
  justify-content: center;
}
.tu-hacci-day .productContainer.--type1-2 .productItem_price {
  font-size: 5em;
  line-height: 1;
  text-align: center;
}
.tu-hacci-day .productContainer.--type1-2 .productItem_price .yen,
.tu-hacci-day .productContainer.--type1-2 .productItem_price .price {
  font-family: "the-seasons", sans-serif;
}
.tu-hacci-day .productContainer.--type1-2 .productItem_price .yen {
  font-size: 0.7em;
}
.tu-hacci-day .productContainer.--type1-2 .productItem_normalPrice {
  font-size: 2em;
  margin-right: 0.5em;
  color: #7d7d7d;
  text-decoration: line-through;
}
.tu-hacci-day .productContainer.--type1-2 .productItem_salePrice {
  font-size: 2.2em;
  color: #be392a;
}

.tu-hacci-day .productContainer.--type2-1 {
  --product-type2-bg-color: #e7d4d3;
  --product-type2-border-color: #cfa2ad;
  --product-type2-main-color: #933c47;
  --product-type2-badge-color: --product-type2-main-color;
  --product-type2-sale-price-text-color: --product-type2-main-color;
  display: grid;
  justify-content: center;
}
.tu-hacci-day .productContainer.--type2-1 .productItem {
  background-color: var(--product-type2-bg-color);
  width: 70em;
  padding-bottom: 5em;
}
.tu-hacci-day .productContainer.--type2-1 .productLeadText {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: YuMincho, serif;
  color: var(--product-type2-main-color);
  margin-top: 6em;
}
.tu-hacci-day .productContainer.--type2-1 .productLeadText_sub {
  width: fit-content;
  font-size: 2.5em;
  border-bottom: 1px dotted var(--product-type2-main-color);
}
.tu-hacci-day .productContainer.--type2-1 .productLeadText_main {
  font-size: 3em;
}
.tu-hacci-day .productContainer.--type2-1 .productItem_img {
  margin: 0 auto;
}
.tu-hacci-day .productContainer.--type2-1 .productItem_img.--padding {
  width: 60em;
  margin-top: 3em;
}
.tu-hacci-day .productContainer.--type2-1 .productItem_img.--border {
  border: var(--product-type2-border-color) 1.5em solid;
  width: 65em;
  margin-top: 3em;
}
.tu-hacci-day .productContainer.--type2-1 .productItem_img {
  --rounded-percentage: 25%;
}
.tu-hacci-day .productContainer.--type2-1 .productItem_img.--rounded-top-left {
  border-top-left-radius: var(--rounded-percentage);
  overflow: hidden;
}
.tu-hacci-day .productContainer.--type2-1 .productItem_img.--rounded-top-right {
  border-top-right-radius: var(--rounded-percentage);
  overflow: hidden;
}
.tu-hacci-day .productContainer.--type2-1 .productItem_img.--rounded-bottom-left {
  border-bottom-left-radius: var(--rounded-percentage);
  overflow: hidden;
}
.tu-hacci-day .productContainer.--type2-1 .productItem_img.--rounded-bottom-right {
  border-bottom-right-radius: var(--rounded-percentage);
  overflow: hidden;
}
.tu-hacci-day .productContainer.--type2-1 .productItem_text {
  text-align: center;
  color: #000;
  font-size: 2.4em;
  letter-spacing: 0.8;
  line-height: 1.7;
  margin-top: 1.5em;
}
.tu-hacci-day .productContainer.--type2-1 .productItem_price {
  position: relative;
}
.tu-hacci-day .productContainer.--type2-1 .productItem_priceContainer {
  margin-top: 3.5em;
  margin-left: 29em;
}
.tu-hacci-day .productContainer.--type2-1 .productItem_normalPrice {
  font-size: 5em;
  line-height: 1px;
}
.tu-hacci-day .productContainer.--type2-1 .productItem_normalPrice .normalPriceText {
  font-size: 0.4em;
  margin-right: 0.5em;
  line-height: 1.3;
}
.tu-hacci-day .productContainer.--type2-1 .productItem_normalPrice .yen,
.tu-hacci-day .productContainer.--type2-1 .productItem_normalPrice .price {
  font-family: "the-seasons", sans-serif;
}
.tu-hacci-day .productContainer.--type2-1 .productItem_normalPrice .yen {
  font-size: 0.6em;
}
.tu-hacci-day .productContainer.--type2-1 .productItem_normalPrice .price {
  font-size: 0.7em;
}
.tu-hacci-day .productContainer.--type2-1 .productItem_salePriceBadge {
  position: absolute;
  top: -0.1em;
  left: 2.2em;
  width: 2.5em;
  height: 2.5em;
  font-size: 5.6em;
  line-height: 1;
  font-family: "the-seasons", sans-serif;
  text-align: center;
  display: grid;
  justify-content: center;
  align-items: center;
  background-color: var(--product-type2-badge-color);
  color: #fff;
  border-radius: 50%;
  padding-left: 0.2em;
  padding-top: 0.1em;
}
.tu-hacci-day .productContainer.--type2-1 .productItem_salePriceBadge span {
  font-size: 0.6em;
}
.tu-hacci-day .productContainer.--type2-1 .productItem_salePriceBadge .percent {
  margin-left: 0.2em;
  margin-bottom: 0.3em;
}
.tu-hacci-day .productContainer.--type2-1 .productItem_salePrice {
  font-size: 8em;
  line-height: 1;
  font-family: "the-seasons", sans-serif;
  color: var(--product-type2-sale-price-text-color);
  margin-top: 0.1em;
}
.tu-hacci-day .productContainer.--type2-1 .productItem_salePrice .yen {
  font-size: 0.7em;
  margin-right: 0.1em;
}
.tu-hacci-day .productContainer.--type2-1 .--pseudo-before {
  --pseudo-width: 20.9em;
  --pseudo-height: 25.2em;
  --pseudo-bg-color: transparent;
  --pseudo-pos-top: -5.1em;
}
.tu-hacci-day .productContainer.--type2-1 .--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/structure/product/img_pseudo_product-item01.png");
}
.tu-hacci-day .productContainer.--type2-1 .productItem_price .--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/structure/product/badge-off-25.png");
  --pseudo-width: 14em;
  --pseudo-height: 14em;
  --pseudo-bg-color: transparent;
  --pseudo-pos-top: -13em;
  --pseudo-pos-left: 12em;
}
.tu-hacci-day .productContainer.--type2-2 {
  --product-type2-bg-color: #fff;
  --product-type2-border-color: #763132;
  --product-type2-badge-color: #763132;
  --product-type2-sale-price-text-color: #763132;
  display: grid;
  justify-content: center;
}
.tu-hacci-day .productContainer.--type2-2 .productItem {
  background-color: var(--product-type2-bg-color);
  width: 75em;
  padding-bottom: 5em;
  border-radius: 50px;
  box-shadow: 2px 2px 3px 3px rgba(49, 49, 49, 0.2);
}
.tu-hacci-day .productContainer.--type2-2 .productItem_subTitle {
  text-align: center;
  font-size: 2.5em;
  font-family: YuGothic, Hiragino Sans;
  margin-top: 2.5em;
  color: #282828;
  letter-spacing: 0.05em;
}
.tu-hacci-day .productContainer.--type2-2 .productItem_title {
  text-align: center;
  font-size: 4.5em;
  font-family: YuMincho, serif;
  margin-top: 0.4em;
  letter-spacing: 0.05em;
}
.tu-hacci-day .productContainer.--type2-2 .productItem_img {
  margin: 0 auto;
  margin-top: 3em;
  width: 68em;
}
.tu-hacci-day .productContainer.--type2-2 .productItem_img.--border {
  border: var(--product-type2-border-color) 1em solid;
  width: 60em;
  margin-top: 3em;
}
.tu-hacci-day .productContainer.--type2-2 .productItem_img {
  --rounded-percentage: 25%;
}
.tu-hacci-day .productContainer.--type2-2 .productItem_img.--rounded-top-left {
  border-top-left-radius: var(--rounded-percentage);
  overflow: hidden;
}
.tu-hacci-day .productContainer.--type2-2 .productItem_img.--rounded-top-right {
  border-top-right-radius: var(--rounded-percentage);
  overflow: hidden;
}
.tu-hacci-day .productContainer.--type2-2 .productItem_img.--rounded-bottom-left {
  border-bottom-left-radius: var(--rounded-percentage);
  overflow: hidden;
}
.tu-hacci-day .productContainer.--type2-2 .productItem_img.--rounded-bottom-right {
  border-bottom-right-radius: var(--rounded-percentage);
  overflow: hidden;
}
.tu-hacci-day .productContainer.--type2-2 .productItem_text {
  text-align: center;
  color: #000;
  font-size: 2.4em;
  letter-spacing: 0.8;
  line-height: 1.3;
  margin-top: 1em;
}
.tu-hacci-day .productContainer.--type2-2 .productItem_price {
  position: relative;
}
.tu-hacci-day .productContainer.--type2-2 .productItem_priceContainer {
  margin-top: 2.5em;
  margin-left: 22em;
}
.tu-hacci-day .productContainer.--type2-2 .productItem_normalPrice {
  font-size: 7em;
  line-height: 1;
  font-family: YuMincho, serif;
}
.tu-hacci-day .productContainer.--type2-2 .productItem_normalPrice .normalPriceText {
  font-size: 0.4em;
  line-height: 1.3;
}
.tu-hacci-day .productContainer.--type2-2 .productItem_normalPrice .yen,
.tu-hacci-day .productContainer.--type2-2 .productItem_normalPrice .price {
  font-family: "the-seasons", sans-serif;
}
.tu-hacci-day .productContainer.--type2-2 .productItem_normalPrice .yen {
  font-size: 0.45em;
  margin-right: 0.1em;
}
.tu-hacci-day .productContainer.--type2-2 .productItem_normalPrice .price {
  font-size: 0.65em;
  margin-right: 0.1em;
}
.tu-hacci-day .productContainer.--type2-2 .productItem_salePriceBadge {
  position: absolute;
  width: 14em;
  top: 1.1em;
  left: 1.3em;
  width: 2.4em;
  height: 2.4em;
  font-size: 5.5em;
  line-height: 1;
  font-family: "the-seasons", sans-serif;
  text-align: center;
  display: grid;
  justify-content: center;
  align-items: center;
  background-color: var(--product-type2-badge-color);
  color: #fff;
  border-radius: 50%;
}
.tu-hacci-day .productContainer.--type2-2 .productItem_salePriceBadge span {
  font-size: 0.7em;
}
.tu-hacci-day .productContainer.--type2-2 .productItem_salePriceBadge.--line-3 {
  width: 2.5em;
  height: 2.5em;
}
.tu-hacci-day .productContainer.--type2-2 .productItem_salePriceBadge.--line-3 span {
  font-size: 0.5em;
}
.tu-hacci-day .productContainer.--type2-2 .productItem_salePrice {
  font-size: 16em;
  line-height: 1;
  font-family: "the-seasons", sans-serif;
  color: var(--product-type2-sale-price-text-color);
}
.tu-hacci-day .productContainer.--type2-2 .productItem_salePrice .yen {
  font-size: 0.65em;
  margin-right: 0.1em;
}
.tu-hacci-day .productContainer.--type2-3 {
  --base-color: #993443;
  --text-color: #5e5252;
  --salePrice-text-color: var(--base-color);
  --btn-bgColor: var(--base-color);
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-around;
}
.tu-hacci-day .productContainer.--type2-3 .productItem_body {
  text-align: center;
}
.tu-hacci-day .productContainer.--type2-3 .productItem_title {
  font-family: YuGothic, Hiragino Sans;
  font-size: 2.5em;
  margin-top: 0.8em;
  color: var(--text-color);
}
.tu-hacci-day .productContainer.--type2-3 .productItem_normalPrice {
  font-family: YuGothic, Hiragino Sans;
  font-size: 2.5em;
  margin-top: 0.8em;
  color: var(--text-color);
}
.tu-hacci-day .productContainer.--type2-3 .productItem_salePrice {
  font-family: "the-seasons", sans-serif;
  font-size: 8em;
  color: var(--salePrice-text-color);
  margin-left: 0.8em;
}
.tu-hacci-day .productContainer.--type2-3 .productItem_salePrice span {
  font-size: 0.6em;
  margin-right: 0.1em;
}
.tu-hacci-day .productContainer.--type2-3 .productItem_salePrice.--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/structure/product/badge-off-25.png");
  --pseudo-width: 1.2em;
  --pseudo-height: 1.2em;
  --pseudo-bg-color: transparent;
  --pseudo-pos-top: 0.2em;
  --pseudo-pos-left: -1.4em;
}
.tu-hacci-day .productContainer.--type2-3 .productItem_btn {
  display: inline-block;
  font-family: YuGothic, Hiragino Sans;
  font-size: 3em;
  text-align: center;
  padding: 0.2em 1.3em;
  border-radius: 50px;
  background-color: var(--btn-bgColor);
}
.tu-hacci-day .productContainer.--type2-3 .productItem_btn a {
  color: #fff;
}
.tu-hacci-day .productContainer.--type2-4 {
  --base-color: #a04144;
  --text-color: #424242;
  --salePrice-text-color: var(--base-color);
  --btn-bgColor: var(--base-color);
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  align-items: end;
  padding-left: 2em;
  padding-right: 2em;
}
.tu-hacci-day .productContainer.--type2-4.--reverse .productItem_img {
  order: 2;
}
.tu-hacci-day .productContainer.--type2-4.--bg-img {
  --bg-color: transparent;
  --bg-img-path: url("/img/salepage/structure/product/bg_product_t2-4_01.png");
  --bg-img-width: 80em;
  --bg-img-height: 66em;
  --bg-img--pos-top: 0em;
}
.tu-hacci-day .productContainer.--type2-4 .productItem_img {
  width: 37.9em;
}
.tu-hacci-day .productContainer.--type2-4 .productItem_body {
  text-align: center;
}
.tu-hacci-day .productContainer.--type2-4 .productItem_title {
  font-family: YuGothic, Hiragino Sans;
  font-size: 2.3em;
  margin-top: 0.4em;
  color: var(--text-color);
}
.tu-hacci-day .productContainer.--type2-4 .productItem_normalPrice {
  font-family: YuGothic, Hiragino Sans;
  font-size: 2.1em;
  margin-top: 0.6em;
  margin-left: 5.2em;
  color: var(--text-color);
}
.tu-hacci-day .productContainer.--type2-4 .productItem_normalPrice .yen,
.tu-hacci-day .productContainer.--type2-4 .productItem_normalPrice .price {
  font-family: "the-seasons", sans-serif;
}
.tu-hacci-day .productContainer.--type2-4 .productItem_normalPrice .yen {
  font-size: 1.3em;
}
.tu-hacci-day .productContainer.--type2-4 .productItem_normalPrice .price {
  font-size: 1.6em;
}
.tu-hacci-day .productContainer.--type2-4 .productItem_salePrice {
  font-family: "the-seasons", sans-serif;
  font-size: 8em;
  color: var(--salePrice-text-color);
  margin-top: -0.35em;
  margin-left: 1.5em;
}
.tu-hacci-day .productContainer.--type2-4 .productItem_salePrice span {
  font-size: 0.7em;
  margin-right: 0.1em;
}
.tu-hacci-day .productContainer.--type2-4 .productItem_salePrice.--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/structure/product/badge-off-25.png");
  --pseudo-width: 1.35em;
  --pseudo-height: 1.35em;
  --pseudo-bg-color: transparent;
  --pseudo-pos-top: -0.1em;
  --pseudo-pos-left: -1.4em;
}
.tu-hacci-day .productContainer.--type2-4 .productItem_btnContainer {
  display: grid;
  grid-template-columns: auto;
  gap: 1.5em;
}
.tu-hacci-day .productContainer.--type2-4 .productItem_btnContainer .c-button.--type2, .tu-hacci-day .productContainer.--type2-4 .productItem_btnContainer .c-button.--type3 {
  border-radius: 50px;
  font-family: YuGothic, Hiragino Sans;
}
.tu-hacci-day .productContainer .productItem_price .--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/structure/product/badge-off-25.png");
  --pseudo-width: 14em;
  --pseudo-height: 14em;
  --pseudo-bg-color: transparent;
  --pseudo-pos-top: -15em;
  --pseudo-pos-left: 6em;
}

.tu-hacci-day .mv {
  background-color: #28010b;
}

.tu-hacci-day .lead1 {
  background-color: #42141e;
}

.tu-hacci-day .lead2 {
  padding-bottom: 11em;
  background-color: #370f16;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.tu-hacci-day .lead2::after {
  content: "";
  position: absolute;
  background-image: url("/img/salepage/260206_tu-hacci-day/bg_lead2.png");
  width: 80em;
  height: 351em;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.tu-hacci-day .lead2_text1 {
  width: 37em;
  margin-top: 11.3em;
  z-index: 0;
}
.tu-hacci-day .lead2_text1.--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/260206_tu-hacci-day/img_lead2_keyhole.png");
  --pseudo-width: 31.8em;
  --pseudo-height: 35.7em;
  --pseudo-bg-color: transparent;
  --pseudo-pos-top: -7em;
  --pseudo-pos-left: 2em;
}
.tu-hacci-day .lead2_text1.--pseudo-before::before {
  z-index: -1;
}
.tu-hacci-day .lead2_text2 {
  width: 34em;
  margin-top: 5em;
  position: relative;
  z-index: 0;
}
.tu-hacci-day .lead2_text3 {
  width: 28.1em;
  margin-top: 7em;
}

.tu-hacci-day .countdown_area {
  --countdown-bgColor: #7a3442;
  --countdown-textColor: #fff;
}
.tu-hacci-day .countdown_area .cdt > p {
  font-size: 3.8em;
  font-family: YuMincho, serif;
  margin-bottom: 0.3em;
}
.tu-hacci-day .countdown_area .wrap {
  background-color: #42141e;
  padding: 2em 0;
}
.tu-hacci-day .countdown_area .hour.kazu::before {
  content: "\a";
  white-space: pre;
}
.tu-hacci-day .countdown_area .text {
  font-size: 1.3em !important;
}
.tu-hacci-day .countdown_area .daytxt {
  font-size: 1.6em !important;
  display: inline-block;
  margin-left: -0.3em;
}
.tu-hacci-day .countdown_area .day.kazu {
  font-size: 2.5em;
  letter-spacing: 0.4em;
  --countdown-textColor: #581a2b;
  position: relative;
  z-index: 0;
}
.tu-hacci-day .countdown_area .day.kazu::before, .tu-hacci-day .countdown_area .day.kazu::after {
  content: "";
  position: absolute;
  width: 0.8em;
  height: 1.1em;
  background-color: #f1e3e4;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto;
  z-index: -1;
  right: 0;
}
.tu-hacci-day .countdown_area .day.kazu::before {
  top: -0.02em;
  left: -1.3em;
}
.tu-hacci-day .countdown_area .day.kazu::after {
  top: -0.02em;
  left: 0.5em;
}
.tu-hacci-day .countdown_area .hour.kazu, .tu-hacci-day .countdown_area .min.kazu, .tu-hacci-day .countdown_area .sec.kazu {
  font-size: 1.5em;
  line-height: 1.7em;
}
.tu-hacci-day .countdown_area .min.kazu, .tu-hacci-day .countdown_area .sec.kazu {
  margin-left: 0.6em;
}
.tu-hacci-day .countdown_area .mill.kazu {
  display: none;
}

.tu-hacci-day .menu {
  --menu-bgColor: #7a3442;
  --menu-lineColor: #b0838e;
}
.tu-hacci-day .menu_container {
  --menu-container: #fff;
  background-color: red;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.tu-hacci-day .menu_container::after {
  content: "";
  position: absolute;
  background-image: url("/img/salepage/260206_tu-hacci-day/bg_menu.png");
  width: 79em;
  height: 137em;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.tu-hacci-day .menu_line__center::before {
  width: 0.4em !important;
}
.tu-hacci-day .menu_line__top::before {
  height: 0.4em !important;
}
.tu-hacci-day .menu_list {
  margin-top: -3em;
}

.tu-hacci-day .section1 {
  background-color: #531b26;
  padding-bottom: 7em;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.tu-hacci-day .section1::after {
  content: "";
  position: absolute;
  background-image: url("/img/salepage/260206_tu-hacci-day/bg_section1.png");
  width: 80em;
  height: 534em;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.tu-hacci-day .section1.--bg-img {
  --bg-color: #872840;
  --bg-img-path: url("/img/salepage/260206_tu-hacci-day/bg_section1.jpg");
  --bg-img-width: 80em;
  --bg-img-height: 545.2em;
}
.tu-hacci-day .section1 .text.--1 {
  --text-color: #fff;
  --text-size: 2.7em;
  --text-line-height: 1.4em;
}
.tu-hacci-day .section1 .text.--2 {
  --text-color: #fff;
  --text-size: 3em;
  --text-line-height: 1.4em;
  --text-adjust-size: 2em;
}
.tu-hacci-day .section1 .text.--3 {
  --text-color: #fff;
  --text-size: 1.5em;
  --text-line-height: 1.4em;
}
.tu-hacci-day .section1 .text.--4 {
  --text-color: #fff;
  --text-size: 3em;
  --text-line-height: 1.5em;
  font-style: italic;
  --text-adjust-size: 1.2em;
  margin-top: 1em;
  position: relative;
  z-index: 0;
}
.tu-hacci-day .section1 .text.--4 > span {
  font-size: 1.3em;
  color: #e5c683;
}
.tu-hacci-day .section1 .text.--annotation {
  --text-color: #fff;
  --text-size: 1.5em;
  --text-line-height: 1.4em;
  text-align: left;
}
.tu-hacci-day .section1 .text.--5 {
  --text-color: #8c3a48;
  --text-size: 5.6em;
  --text-line-height: 1.4em;
}
.tu-hacci-day .section1 .text.--6 {
  --text-color: #333;
  --text-size: 2em;
  --text-line-height: 1.8em;
  margin-top: 1em;
}
.tu-hacci-day .section1 .text.--7 {
  --text-color: #333;
  --text-size: 2em;
  --text-line-height: 1.7em;
  margin-top: 2.3em;
}
.tu-hacci-day .section1 .text.--8 {
  --text-color: #333;
  --text-size: 2em;
  --text-line-height: 1.7em;
  margin-top: 1.9em;
}
.tu-hacci-day .section1 .text.--8 > span {
  font-weight: bold;
}
.tu-hacci-day .section1 .text.--9 {
  --text-color: #8c3a48;
  --text-size: 2.8em;
  --text-line-height: 1.7em;
  margin-top: 1.9em;
}
.tu-hacci-day .section1 .text.--9 > span {
  font-size: 2em;
  font-family: "the-seasons", sans-serif;
  margin-right: 0.2em;
}
.tu-hacci-day .section1 .section1_btn {
  width: 34em;
  margin: 0 auto;
}
.tu-hacci-day .section1 .section1_keyA .c-button.--btn_1 {
  --btn-bg: #722d3b;
  --btn-color: #fff;
  --btn-radius: 50px;
  --btn-font-size: 1.7em;
  --btn-padding-y: 0.5em;
  --btn-icon-size: 0.9em;
  --btn-gap: 0.4em;
  padding-right: 2em;
  padding-left: 3.4em;
}
.tu-hacci-day .section1 .section1_img.--keyA_1.--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/260206_tu-hacci-day/deco_section1_01.png");
  --pseudo-width: 105.6em;
  --pseudo-height: 66.9em;
  --pseudo-bg-color: transparent;
  --pseudo-pos-top: -6.2em;
  --pseudo-pos-left: 2em;
  --pseudo-pos-z-index: -1;
}
.tu-hacci-day .section1 .section1_img.--keyB_1 {
  margin-top: 8em;
}
.tu-hacci-day .section1 .section1_img.--keyB_1.--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/260206_tu-hacci-day/deco_section1_01.png");
  --pseudo-width: 105.6em;
  --pseudo-height: 66.9em;
  --pseudo-bg-color: transparent;
  --pseudo-pos-top: -15em;
  --pseudo-pos-left: 6em;
  --pseudo-pos-z-index: -1;
}
.tu-hacci-day .section1 .section1_img.--keyA_2.--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/260206_tu-hacci-day/deco_section1_02.png");
  --pseudo-width: 80em;
  --pseudo-height: 63.5em;
  --pseudo-bg-color: transparent;
  --pseudo-pos-top: 0;
  --pseudo-pos-left: 0;
  --pseudo-pos-z-index: -1;
}
.tu-hacci-day .section1 .section1_img.--keyB_2.--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/260206_tu-hacci-day/deco_section1_02.png");
  --pseudo-width: 80em;
  --pseudo-height: 63.5em;
  --pseudo-bg-color: transparent;
  --pseudo-pos-top: -8em;
  --pseudo-pos-left: 0;
  --pseudo-pos-z-index: -1;
}
.tu-hacci-day .section1 .section1_img.--insta_2 {
  box-shadow: 0 0 15px rgb(195, 194, 194);
}
.tu-hacci-day .section1 .section1_img.--double-chance_1.--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/260206_tu-hacci-day/deco_section1_03.png");
  --pseudo-pos-z-index: 1;
  --pseudo-width: 19em;
  --pseudo-height: 19em;
  --pseudo-bg-color: transparent;
  --pseudo-pos-top: -5em;
  --pseudo-pos-left: 0em;
}
.tu-hacci-day .section1 .double-chance {
  background-color: #fff;
  width: 72em;
  margin: 0 auto;
  padding-bottom: 6em;
}
.tu-hacci-day .section1 .double-chance .section1_snsnContainer {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  gap: 4em;
  margin-top: 4em;
}
.tu-hacci-day .section1 .double-chance .section1_snsnContainer .instagram {
  width: 30em;
}
.tu-hacci-day .section1 .double-chance .c-button.--btn_1 {
  --btn-font-size: 1.7em;
  --btn-padding-y: 0.3em;
  --btn-icon-size: 0.9em;
  --btn-gap: 0.4em;
  padding-right: 2em;
  padding-left: 3.4em;
}
.tu-hacci-day .section1 .double-chance .c-button.--btn_2 {
  --btn-font-size: 1.7em;
  --btn-padding-y: 0.3em;
  --btn-icon-size: 0.9em;
  --btn-gap: 0.4em;
  padding-right: 4.4em;
  padding-left: 5em;
}

.tu-hacci-day .section2 {
  background-color: #8f515e;
  padding-bottom: 7em;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.tu-hacci-day .section2::after {
  content: "";
  position: absolute;
  background-image: url("/img/salepage/260206_tu-hacci-day/bg_section2.png");
  width: 80em;
  height: 351em;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.tu-hacci-day .section2 .text.--1 {
  --text-color: #fff;
  --text-size: 2.7em;
  --text-line-height: 1.4em;
}
.tu-hacci-day .section2 .text.--4 {
  --text-color: #fff;
  --text-size: 3.5em;
  --text-line-height: 1.4em;
  margin-top: 0.6em;
  margin-bottom: 1.1em;
}
.tu-hacci-day .section2 .text.--4 > span {
  font-family: "the-seasons", sans-serif;
  margin: 0 0.1em;
  font-size: 1.1em;
}
.tu-hacci-day .section2 .text.--2 {
  --text-color: #8b2a41;
  --text-size: 8.8em;
  --text-line-height: 1em;
  font-family: "the-seasons", sans-serif;
  margin-left: 0.1em;
}
.tu-hacci-day .section2 .text.--2 > span {
  font-size: 0.7em;
  margin-right: 0.1em;
}
.tu-hacci-day .section2 .text.--3 {
  --text-color: #333333;
  --text-size: 1.8em;
  margin-top: 0.3em;
}
.tu-hacci-day .section2 .section2_itemImg {
  width: 28em;
}
.tu-hacci-day .section2 .section2_itemContent {
  padding-top: 6em;
  padding-bottom: 7em;
  width: 72em;
  margin: 0 auto;
  background-color: #f8e3e7;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  gap: 0.7em;
}
.tu-hacci-day .section2 .section2_itemContent .section2_itemContent__img {
  width: 37em;
}
.tu-hacci-day .section2 .section2_itemContent .c-button {
  --btn-bg: #433f40;
  --btn-color: #fff;
  --btn-font-size: 2.3em;
  --btn-padding-y: 0.3em;
  --btn-icon-size: 0.9em;
  --btn-gap: 0.4em;
  padding-right: 0.8em;
  padding-left: 1.2em;
  margin-left: 0.6em;
  margin-top: 0.8em;
}

.tu-hacci-day .section3 {
  background-color: #d5b3b1;
  padding-bottom: 10em;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.tu-hacci-day .section3::after {
  content: "";
  position: absolute;
  background-image: url("/img/salepage/260206_tu-hacci-day/bg_section3.png");
  width: 80em;
  height: 351em;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.tu-hacci-day .section3 .section3_periodContainer {
  display: grid;
  grid-template-columns: auto auto auto;
  justify-content: center;
  gap: 3.2em;
  margin-top: 3.5em;
}
.tu-hacci-day .section3 .section3_periodContainer div{
  position: relative;
}
.tu-hacci-day .section3 .section3_periodContainer img {
  width: 16em;
}
.tu-hacci-day .section3 .section3_periodContainer img.key {
  width: 7em;
  position: absolute;
  margin: auto;
  top: 27%;
  left: 0;
  right: 0;
}
.tu-hacci-day .section3 .seciton3_itemContainer {
  background-color: #faf4f6;
  width: 70em;
  margin: 0 auto;
  margin-top: 9em;
  padding-bottom: 9em;
}
.tu-hacci-day .section3 .seciton3_itemContainer__title {
  position: relative;
  top: -3em;
}
.tu-hacci-day .section3 .section3_itemImg_01 {
  width: 62em;
  margin: 0 auto;
  margin-top: 3em;
}
.tu-hacci-day .section3 .section3_itemPriceContainer {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  align-items: center;
  gap: 0.7em;
  margin-top: 2.7em;
}
.tu-hacci-day .section3 .c-button {
  --btn-bg: #433f40;
  --btn-color: #fff;
  --btn-font-size: 3.3em;
  --btn-padding-y: 0.3em;
  --btn-icon-size: 0.9em;
  --btn-gap: 0.4em;
  padding-right: 0.9em;
  padding-left: 1.3em;
  margin-left: 0.6em;
  margin-top: 1em;
}
.tu-hacci-day .section3 .section3_nextContainer {
  background-color: #faf4f6;
  width: 70em;
  margin: 0 auto;
  margin-top: 7em;
  padding-bottom: 3em;
}
.tu-hacci-day .section3 .section3_next__title {
  position: relative;
  top: -3em;
}
.tu-hacci-day .section3 .section3_nextImgContainer {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  gap: 3em;
}
.tu-hacci-day .section3 .section3_nextImg {
  width: 31.6em;
}
.tu-hacci-day .section3 .text.--1 {
  --text-color: #392e31;
  --text-size: 2.8em;
  --text-line-height: 1.6em;
  margin-top: 1em;
}
.tu-hacci-day .section3 .text.--2 {
  --text-color: #392e31;
  --text-size: 2.4em;
  --text-line-height: 1em;
  margin-left: -1em;
}
.tu-hacci-day .section3 .text.--2 > span {
  font-size: 1.2em;
}
.tu-hacci-day .section3 .text.--3 {
  --text-color: #fff;
  --text-size: 5.1em;
  --text-line-height: 1em;
  font-family: "the-seasons", sans-serif;
  background-color: #bd8185;
  width: fit-content;
  border-radius: 20px;
  padding: 0em 0.8em;
  margin-top: 0.3em;
}
.tu-hacci-day .section3 .text.--3 > span {
  font-size: 0.7em;
}
.tu-hacci-day .section3 .text.--4 {
  --text-color: #863a49;
  font-family: "the-seasons", sans-serif;
  --text-size: 11em;
  --text-line-height: 1em;
}
.tu-hacci-day .section3 .text.--4 > span {
  font-size: 0.7em;
}

.tu-hacci-day .section4 {
  background-color: #6d3540;
  padding-bottom: 5em;
}
.tu-hacci-day .section4 .section4_bodyContainer {
  width: 70em;
  margin: 0 auto;
  margin-top: 5em;
  padding-bottom: 10em;
  position: relative;
  z-index: 0;
}
.tu-hacci-day .section4 .section4_bodyContainer::after {
  content: "";
  position: absolute;
  background-image: url("/img/salepage/260206_tu-hacci-day/bg_section4.png");
  width: 70em;
  height: 212em;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.tu-hacci-day .section4 .section4_mainImg {
  position: relative;
}
.tu-hacci-day .section4 .section4_mainImg.--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/260206_tu-hacci-day/deco_section4_01.png");
  --pseudo-width: 23em;
  --pseudo-height: 23em;
  --pseudo-bg-color: transparent;
  --pseudo-pos-top: -5.7em;
  --pseudo-pos-left: -3.7em;
}
.tu-hacci-day .section4 .section4_snsiconContainer {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  gap: 2em;
  margin-top: 1.6em;
}
.tu-hacci-day .section4 .section4_snsiconContainer .section4_snsicon {
  width: 23.8em;
}
.tu-hacci-day .section4 .text.--1 {
  --text-color: #521a2b;
  --text-size: 2.8em;
  --text-line-height: 1.6em;
  padding-top: 5em;
}
.tu-hacci-day .section4 .text.--1 > span {
  font-weight: bold;
}
.tu-hacci-day .section4 .text.--2 {
  --text-color: #521a2b;
  --text-size: 2.6em;
  --text-line-height: 1.6em;
  padding-top: 1em;
}
.tu-hacci-day .section4 .text.--3 {
  --text-color: #521a2b;
  --text-size: 2.2em;
  --text-line-height: 1.6em;
  padding-top: 1em;
}
.tu-hacci-day .section4 {

}
.tu-hacci-day .section4 .c-accordion_checkbox {
  display: none;
}
.tu-hacci-day .section4 .c-accordion_item + .c-accordion_item {
  margin-top: 10em;
}
.tu-hacci-day .section4 .c-accordion_itemTitle {
  position: relative;
}
.tu-hacci-day .section4 .c-accordion_itemTextList {
  font-size: 5em;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
.tu-hacci-day .section4 .c-accordion_checkbox:checked + .c-accordion_itemTitle + .c-accordion_itemTextList {
  opacity: 1;
  max-height: 40em;
}
.tu-hacci-day .section4 .c-accordion_itemTextList > :first-child {
  margin-top: 1em;
}
.tu-hacci-day .section4 .c-accordion_itemText {
  line-height: 1.5em;
}
.tu-hacci-day .section4 .c-accordion_itemText.--md {
  font-size: 1.5em;
  line-height: 1em;
  margin-top: 0.3em;
}
.tu-hacci-day .section4 .c-accordion_itemText.--lg {
  font-size: 2em;
  line-height: 1em;
}
.tu-hacci-day .section4 .c-accordion_itemText.--lg > span {
  font-size: 0.6em;
}
.tu-hacci-day .section4 .c-accordion_itemText.--sm {
  font-size: 0.8em;
}
.tu-hacci-day .section4 .c-accordion_itemAnnotationList {
  font-size: 0.6em;
  letter-spacing: 0.02em;
  line-height: 1.6em;
}
.tu-hacci-day .section4 {

}
.tu-hacci-day .section4 .c-icon_accordionToggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tu-hacci-day .section4 .u-icon_accordionToggle {
  position: relative;
  width: 1em;
  height: 1em;
  cursor: pointer;
  display: inline-block;
  right: 0;
}
.tu-hacci-day .section4 .u-icon_accordionToggle::before,
.tu-hacci-day .section4 .u-icon_accordionToggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #333;
  transform: translate(-50%, -50%);
  transition: 0.5s ease;
}
.tu-hacci-day .section4 .u-icon_accordionToggle::before {
  width: 100%;
  height: 0.05em;
}
.tu-hacci-day .section4 .u-icon_accordionToggle::after {
  width: 0.05em;
  height: 100%;
}
.tu-hacci-day .section4 .c-accordion_checkbox:checked + .c-accordion_itemTitle .u-icon_accordionToggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.tu-hacci-day .section4 {

}
.tu-hacci-day .section4 .u-icon_accordionToggle--triangle {
  width: 0;
  height: 0;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-top: 0.5em solid #fff;
  transform: rotate(0deg);
  transition: 0.5s ease;
}
.tu-hacci-day .section4 .c-accordion_checkbox:checked + .c-accordion_itemTitle .u-icon_accordionToggle--triangle {
  transform: rotate(180deg);
}
.tu-hacci-day .section4 {

}
.tu-hacci-day .section4 .section4_accordion {
  width: 63em;

  border: #8e7d83 1px solid;
  padding: 3em 3.5em;
}
.tu-hacci-day .section4 .section4_accordionItemTitle {
  font-family: YuGothic, Hiragino Sans;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  text-align: left;
  color: #531a2b;
  width: 100%;
  font-size: 2em;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.tu-hacci-day .section4 .section4_accordionItemTitle_t1 {
  font-family: YuGothic, Hiragino Sans;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  text-align: left;
  color: #531a2b;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-top: 0.5em;
}
.tu-hacci-day .section4 .section4_accordionItemText {
  font-family: YuGothic, Hiragino Sans;
  font-size: 1.9em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  text-align: left;
  color: #531a2b;
  letter-spacing: -0.05em;
}

.tu-hacci-day .section5 {
  background-color: #e5d0cd;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.tu-hacci-day .section5::after {
  content: "";
  position: absolute;
  background-image: url("/img/salepage/260206_tu-hacci-day/bg_section5.png");
  width: 80em;
  height: 351em;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.tu-hacci-day .section5 .section5_itemContainer {
  margin-top: 1em;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  gap: 4em 6em;
  padding-bottom: 5em;
}
.tu-hacci-day .section5 .section5_itemContainer .productItem {
  width: 32.7em;
  padding-bottom: 1.3em;
  --product-type2-bg-color: #eee7e2;
  box-shadow: 9px 13px 19px -14px #777777;
}
.tu-hacci-day .section5 .section5_itemContainer .productItem .productItem_badge.--pseudo-before {
  --pseudo-pos-left: 11.5em;
  --pseudo-pos-top: -7em;
  --pseudo-width: 7.5em;
  --pseudo-height: 7.5em;
}
.tu-hacci-day .section5 .section5_itemContainer .productItem.--01 .productItem_badge.--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/260206_tu-hacci-day/badge-off-28.png") !important;
}
.tu-hacci-day .section5 .section5_itemContainer .productItem.--02 .productItem_badge.--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/260206_tu-hacci-day/badge-off-20.png");
  --pseudo-pos-left: 10.5em;
  --pseudo-width: 7em;
  --pseudo-height: 7em;
}
.tu-hacci-day .section5 .section5_itemContainer .productItem.--03 .productItem_badge.--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/260206_tu-hacci-day/badge-off-28.png");
  --pseudo-pos-left: 10.5em;
  --pseudo-width: 7em;
  --pseudo-height: 7em;
}
.tu-hacci-day .section5 .section5_itemContainer .productItem.--04 .productItem_badge.--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/260206_tu-hacci-day/badge-off-20.png");
  --pseudo-pos-left: 10.5em;
  --pseudo-width: 7em;
  --pseudo-height: 7em;
}
.tu-hacci-day .section5 .section5_itemContainer .productItem_img {
  width: 29em;
  margin-top: 2.5em;
}
.tu-hacci-day .section5 .section5_itemContainer .productItem_text {
  font-size: 2em;
  line-height: 1.2em;
  font-family: YuGothic, Hiragino Sans;
}
.tu-hacci-day .section5 .section5_itemContainer .productItem_text.--line3 {
  font-size: 1.6em;
}
.tu-hacci-day .section5 .section5_itemContainer .productItem_priceContainer {
  margin-top: 1.8em;
  margin-left: 0em;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 0 0.8em;
}
.tu-hacci-day .section5 .section5_itemContainer .productItem_salePrice {
  font-size: 5em;
  color: #7e2433;
  line-height: 1em;
}
.tu-hacci-day .section5 .section5_itemContainer .productItem_normalPrice {
  line-height: 1em;
}
.tu-hacci-day .section5 .section5_itemContainer .productItem_normalPrice.--pseudo-before {
  --pseudo-bg-img-path: url("/img/salepage/260206_tu-hacci-day/deco_section5_slash.png");
  --pseudo-width: 1.6em;
  --pseudo-height: 0.5em;
  --pseudo-bg-color: transparent;
  --pseudo-pos-top: 0.2em;
  --pseudo-pos-left: 0em;
}
.tu-hacci-day .section5 .section5_itemContainer .productItem_normalPrice > .yen {
  font-size: 0.4em;
}
.tu-hacci-day .section5 .section5_itemContainer .c-button {
  --btn-font-size: 2.6em;
  --btn-padding-y: 0.1em;
  --btn-icon-size: 0.8em;
  --btn-gap: 0.4em;
  padding-right: 0.6em;
  padding-left: 0.8em;
  font-family: YuGothic, Hiragino Sans;
}
.tu-hacci-day .section5 .section5_itemContainer .c-button.--cupf {
  padding-left: 0.7em;
}
.tu-hacci-day .section5 .section5_itemContainer .c-button.--check {
  --btn-font-size: 2em;
  padding-left: 1.2em;
  padding-right: 1em;
  --btn-padding-y: 0.3em;
  --btn-icon-size: 0.9em;
}

.tu-hacci-day .section6 {
  background-color: #dcbfc7;
  padding-bottom: 15em;
  background-color: #dcbfc7;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.tu-hacci-day .section6::after {
  content: "";
  position: absolute;
  background-image: url("/img/salepage/260206_tu-hacci-day/bg_section6.png");
  width: 80em;
  height: 351em;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.tu-hacci-day .section6 .text.--1 {
  --text-color: #702539;
  --text-size: 3em;
  --text-line-height: 1m;
  margin-top: 1.7em;
}
.tu-hacci-day .section6 .text.--2 {
  --text-color: #702539;
  --text-size: 2.7em;
  --text-line-height: 1m;
  margin-top: 0.4em;
}
.tu-hacci-day .section6 .c-button.--btn_1 {
  --btn-bg: #722d3b;
  --btn-color: #fff;
  --btn-radius: 50px;
  --btn-font-size: 3em;
  --btn-padding-y: 0.4em;
  --btn-icon-size: 0.9em;
  --btn-gap: 0.4em;
  padding-right: 4em;
  padding-left: 4em;
  font-family: YuGothic, Hiragino Sans;
  letter-spacing: 0.05em;
  margin-top: 1.6em;
}
/* sway animations for keyA_2 / keyB_1 */
.tu-hacci-day .section1 .section1_img.--keyA_2 {
  animation: swayKeyA 6.5s ease-in-out infinite;
  transform-origin: 50% 10%;
  will-change: transform;
}
.tu-hacci-day .section1 .section1_img.--keyB_2 {
  animation: swayKeyB 8s ease-in-out infinite;
  animation-delay: 0.8s;
  transform-origin: 50% 15%;
  will-change: transform;
}

@keyframes swayKeyA {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(1.6deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-1.6deg); }
  100% { transform: rotate(0deg); }
}

@keyframes swayKeyB {
  0% { transform: rotate(0deg); }
  20% { transform: rotate(-1.1deg); }
  50% { transform: rotate(0.9deg); }
  80% { transform: rotate(-0.7deg); }
  100% { transform: rotate(0deg); }
}

@media (prefers-reduced-motion: reduce) {
  .tu-hacci-day .section1 .section1_img.--keyA_2,
  .tu-hacci-day .section1 .section1_img.--keyB_1 {
    animation: none;
  }
}
/* section3 key rotation */
.tu-hacci-day .section3 .section3_periodContainer .key {
  transform-origin: 50% 50%;
  animation: key-rotate 6s ease-in-out infinite;
  will-change: transform;
}
.tu-hacci-day .section3 .section3_periodContainer > div:nth-child(1) .key {
  animation-delay: 0s;
}
.tu-hacci-day .section3 .section3_periodContainer > div:nth-child(2) .key {
  animation-delay: 1.2s;
}
.tu-hacci-day .section3 .section3_periodContainer > div:nth-child(3) .key {
  animation-delay: 2.4s;
}

@keyframes key-rotate {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(6deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-6deg); }
  100% { transform: rotate(0deg); }
}

@media (prefers-reduced-motion: reduce) {
  .tu-hacci-day .section3 .section3_periodContainer .key {
    animation: none;
  }
}

/* section3 key rotation: faster but occasional */
.tu-hacci-day .section3 .section3_periodContainer .key {
  animation: key-rotate-subtle 4s ease-in-out infinite;
}

@keyframes key-rotate-subtle {
  0% { transform: rotate(0deg); }
  8% { transform: rotate(4deg); }
  16% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

#tu-hacci-day_section4 h1{
  position: relative;
}
#tu-hacci-day_section4 h1 img.key{
  width: 2em;
  position: absolute;
  top: 33%;
  left: 46%;
}
/* section4 key bell swing */
.tu-hacci-day #tu-hacci-day_section4 h1 img.key {
  transform-origin: 50% 50%;
  animation: bell-swing 2.6s ease-in-out infinite;
  will-change: transform;
}

@keyframes bell-swing {
  0% { transform: rotate(0deg); }
  12% { transform: rotate(10deg); }
  24% { transform: rotate(-8deg); }
  36% { transform: rotate(6deg); }
  48% { transform: rotate(-4deg); }
  60% { transform: rotate(3deg); }
  72% { transform: rotate(-2deg); }
  100% { transform: rotate(0deg); }
}

@media (prefers-reduced-motion: reduce) {
  .tu-hacci-day #tu-hacci-day_section4 h1 img.key {
    animation: none;
  }
}

#tu-hacci-day_section1 h1{
  position: relative;
}
#tu-hacci-day_section1 h1 img.key{
  width: 8.5em;
  position: absolute;
  right: 8%;
  bottom: 10%;
}
/* section1 key magic pop */
.tu-hacci-day #tu-hacci-day_section1 h1 img.key {
  opacity: 0;
  transform: scale(0.4);
  filter: blur(6px) brightness(1.4);
  animation: magic-pop 1.4s ease-out 0.2s both;
  will-change: transform, opacity, filter;
}

@keyframes magic-pop {
  0% {
    opacity: 0;
    transform: scale(0.4);
    filter: blur(8px) brightness(1.8);
  }
  40% {
    opacity: 1;
    transform: scale(1.12);
    filter: blur(0px) brightness(2.2);
  }
  70% {
    transform: scale(0.98);
    filter: blur(0px) brightness(1.15);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    filter: blur(0px) brightness(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .tu-hacci-day #tu-hacci-day_section1 h1 img.key {
    animation: none;
    opacity: 1;
    transform: none;
    filter: none;
  }
}

/* section1 key magic pop: trigger on scroll */
.tu-hacci-day #tu-hacci-day_section1 h1 img.key {
  animation: none;
  opacity: 0;
  transform: scale(0.4);
  filter: blur(8px) brightness(1.8);
}
.tu-hacci-day #tu-hacci-day_section1 h1 img.key.is-magic-pop {
  animation: magic-pop 1.4s ease-out 0.2s both;
}

@media (prefers-reduced-motion: reduce) {
  .tu-hacci-day #tu-hacci-day_section1 h1 img.key {
    animation: none;
    opacity: 1;
    transform: none;
    filter: none;
  }
}
/* fade in on scroll: opacity only */
.tu-hacci-day .fade {
  opacity: 0;
  transition: opacity 0.8s ease;
}
.tu-hacci-day .fade.is-fade-in {
  opacity: 1;
}

/* fade in on scroll: 2s */
.tu-hacci-day .fade {
  transition: opacity 2s ease;
}