:root {
  --u: min(1px,0.2564102564vw);
  --brown: #5e2c00;
  --orange: #ff9836;
  --paper: #fff2e5;
  color: var(--brown);
  background: #ffdea0;
  font-family: 'Noto Sans JP',sans-serif;
  font-synthesis: none;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

*,*::before,*::after {
  box-sizing: border-box;
}

body,h1,h2,h3,h4,p,ul {
  margin: 0;
}

body {
  isolation: isolate;
  overflow-x: hidden;
  font-size: 14px;
  line-height: 1.6;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  background: url('../images/pc-background.png') 10px 5px / 1366px auto repeat;
  pointer-events: none;
}

ul {
  padding: 0;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
}

a,button,summary {
  -webkit-tap-highlight-color: transparent;
}

a:focus-visible,button:focus-visible,summary:focus-visible {
  outline: 3px solid #0063a8;
  outline-offset: 3px;
}

.u-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.c-scroll-reveal {
  opacity: 0;
  transform: translateY(calc(24 * var(--u)));
}

.c-scroll-reveal.is-reveal-ready {
  transition:
    opacity 1000ms cubic-bezier(.22,1,.36,1),
    transform 1000ms cubic-bezier(.22,1,.36,1);
}

.c-scroll-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.c-skip {
  position: fixed;
  top: -100px;
  left: 12px;
  z-index: 20;
  padding: 12px 20px;
  background: white;
}

.c-skip:focus {
  top: 12px;
}

.c-page-top {
  position: fixed;
  right: calc(max(0px,(100% - 390px) / 2) + 20px + env(safe-area-inset-right));
  bottom: max(calc(20px + env(safe-area-inset-bottom)),var(--page-top-footer-bottom,0px));
  z-index: 13;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 80px;
  height: 80px;
  padding: 0;
  border: 4px solid white;
  border-radius: 60px;
  background: #f5f4f1;
  box-shadow: 0 0 8px #0000000d;
  color: var(--brown);
  font-family: 'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(calc(100% + 28px + env(safe-area-inset-bottom)));
  transition:
    transform 360ms cubic-bezier(.22,1,.36,1),
    visibility 0s 360ms;
  cursor: pointer;
}

.c-page-top[hidden] {
  display: none;
}

.c-page-top.is-visible {
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition-delay: 0s;
}

.is-menu-open .c-page-top {
  visibility: hidden;
  pointer-events: none;
  transform: translateY(calc(100% + 28px + env(safe-area-inset-bottom)));
}

.c-page-top__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 7px;
}

.c-page-top__arrow img {
  flex: 0 0 auto;
  width: 9px;
  max-width: none;
  height: 16px;
  transform: rotate(-90deg);
}

.c-page-top__label {
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.l-main {
  width: min(100%,390px);
  margin-inline: auto;
  padding-top: 56px;
  overflow: clip;
  background: var(--paper);
}

.l-header {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 12;
  display: grid;
  grid-template-columns: 58px minmax(0,1fr) 58px;
  place-items: center;
  width: min(100%,390px);
  height: 56px;
  background: #fff000;
  transform: translateX(-50%);
}

.l-header__logo {
  grid-column: 2;
  grid-row: 1;
}

.l-header__logo img {
  width: 171px;
  height: 30px;
}

.l-header__menu {
  grid-column: 3;
  grid-row: 1;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: url('../images/menu-button-background.svg') center / 50px 50px no-repeat;
  color: inherit;
  cursor: pointer;
}

.l-header__menu-icon {
  display: grid;
  align-content: space-between;
  width: 18px;
  height: 16px;
}

.l-header__menu-icon > span {
  height: 2px;
  border-radius: 1px;
  background: var(--brown);
  transition:
    transform 300ms cubic-bezier(.22,1,.36,1),
    opacity 200ms ease;
}

.l-header__menu[aria-expanded='true'] .l-header__menu-icon > span:first-child {
  transform: translateY(7px) rotate(45deg);
}

.l-header__menu[aria-expanded='true'] .l-header__menu-icon > span:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}

.l-header__menu[aria-expanded='true'] .l-header__menu-icon > span:last-child {
  transform: translateY(-7px) rotate(-45deg);
}

.l-header [hidden] {
  display: none;
}

.l-main > section[id] {
  scroll-margin-top: 73px;
}

.l-side {
  display: none;
}

.is-menu-open,
.is-menu-open body {
  overflow: hidden;
}

.c-nav {
  position: fixed;
  top: 56px;
  left: 50%;
  z-index: 11;
  display: block;
  width: min(100%,390px);
  height: calc(100vh - 56px);
  height: calc(100dvh - 56px);
  padding-block: 64px max(52px,env(safe-area-inset-bottom));
  overflow-y: auto;
  overscroll-behavior: contain;
  background: #ffdd9e url('../images/menu-background.svg') center top / 480px 409px repeat;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%,32px);
  transition:
    opacity 200ms ease-in-out,
    transform 200ms ease-in-out,
    visibility 0s 200ms;
}

.c-nav.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%,0);
  transition-delay: 0s;
}

.c-nav__list {
  display: grid;
  gap: 24px;
  width: min(315px,calc(100% - 32px));
  margin-inline: auto;
}

.c-nav__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 54px;
  padding: 8px 16px 8px 24px;
  border-radius: 32px;
  background: white;
  font-family: 'Zen Kaku Gothic New',sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}

.c-nav__link::after {
  flex: 0 0 9px;
  width: 9px;
  height: 9px;
  background: url('../images/menu-chevron.svg') center / 9px 9px no-repeat;
  transform: rotate(-45deg);
  content: '';
}

.c-nav__download {
  display: grid;
  place-content: center;
  width: min(315px,calc(100% - 32px));
  min-height: 79px;
  margin: 48px auto 0;
  padding: 8px;
  border-radius: 8px;
  background: #eab21f;
  color: white;
  font-family: 'Zen Kaku Gothic New',sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

.p-hero {
  position: relative;
  height: calc(577 * var(--u));
  overflow: hidden;
  background: linear-gradient(#EF8200,#ff9a45);
}

.p-hero__art {
  position: absolute;
  top: calc(78 * var(--u));
  left: 0;
  width: 100%;
  height: calc(499 * var(--u));
  background: url('../images/hero-stripes.svg') center top / 100% 100% no-repeat;
  pointer-events: none;
}

.p-hero__art img {
  position: absolute;
  max-width: none;
}

.p-hero__phone {
  top: calc(28 * var(--u));
  left: calc(107 * var(--u));
  width: calc(187 * var(--u));
}

.p-hero__cocopo {
  top: calc(54 * var(--u));
  left: calc(127 * var(--u));
  width: calc(132 * var(--u));
}

.p-hero__title-art {
  top: calc(193 * var(--u));
  left: calc(18 * var(--u));
  width: calc(357 * var(--u));
}

.p-hero__spoon {
  top: calc(105.5 * var(--u));
  left: calc(32 * var(--u));
  width: calc(58 * var(--u));
}

.p-hero__gift {
  top: calc(157.94 * var(--u));
  left: calc(13 * var(--u));
  width: calc(41 * var(--u));
}

.p-hero__points {
  top: calc(39.68 * var(--u));
  left: calc(17 * var(--u));
  width: calc(47 * var(--u));
}

.p-hero__ranking {
  top: calc(27 * var(--u));
  left: calc(331 * var(--u));
  width: calc(43 * var(--u));
}

.p-hero__rank {
  top: calc(119 * var(--u));
  left: calc(314 * var(--u));
  width: calc(76 * var(--u));
}

.p-hero__confetti {
  width: calc(13 * var(--u));
}

.p-hero__confetti--right {
  top: calc(95 * var(--u));
  left: calc(311 * var(--u));
}

.p-hero__confetti--top-left {
  top: calc(31 * var(--u));
  left: calc(84 * var(--u));
}

.p-hero__confetti--bottom-left {
  top: calc(151.33 * var(--u));
  left: calc(74.33 * var(--u));
  width: calc(19 * var(--u));
}

.p-hero__announce {
  position: relative;
  height: calc(78 * var(--u));
  padding: calc(7 * var(--u)) 0 0 calc(118 * var(--u));
  background: #e60012;
  color: #fff000;
  font-size: calc(26 * var(--u));
  font-weight: 900;
  line-height: 1.3;
  white-space: nowrap;
}

.p-hero__announce strong {
  display: block;
  color: white;
  font-size: calc(21 * var(--u));
}

.p-hero__date {
  position: absolute;
  top: calc(9 * var(--u));
  left: calc(9 * var(--u));
  width: calc(93 * var(--u));
}

.p-hero__intro {
  position: absolute;
  top: calc(450 * var(--u));
  left: calc(21 * var(--u));
  width: calc(220 * var(--u));
  color: #fff000;
  font-size: calc(22 * var(--u));
  font-weight: 900;
  text-align: left;
  text-shadow: calc(4 * var(--u)) calc(4 * var(--u)) calc(4 * var(--u)) #ed6c00cc;
}

.p-hero__description {
  position: absolute;
  top: calc(497 * var(--u));
  left: calc(20 * var(--u));
  width: calc(232 * var(--u));
  color: white;
  font-size: calc(12 * var(--u));
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
  text-shadow: calc(4 * var(--u)) calc(4 * var(--u)) calc(4 * var(--u)) #ed6c00cc;
}

.p-hero__download {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  right: calc(13 * var(--u));
  bottom: calc(21 * var(--u));
  z-index: 2;
  width: calc(121 * var(--u));
  height: calc(121 * var(--u));
  padding-top: calc(35 * var(--u));
  border: 0;
  border-radius: 50%;
  background: #fff000;
  box-shadow: calc(3 * var(--u)) calc(3 * var(--u)) calc(2 * var(--u)) #85441540;
  color: var(--brown);
  font-family: 'Zen Kaku Gothic New',sans-serif;
  font-size: calc(12 * var(--u));
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.p-hero__download::before {
  content: '';
  position: absolute;
  inset: calc(3 * var(--u));
  border: calc(1 * var(--u)) solid #ff5f02;
  border-radius: 50%;
  pointer-events: none;
}

.p-hero__download img {
  display: block;
  width: calc(24 * var(--u));
  height: calc(14 * var(--u));
  margin-top: calc(15 * var(--u));
}

.p-hero__sparkle {
  position: absolute;
  z-index: 1;
  width: calc(11 * var(--u));
  aspect-ratio: 1;
  clip-path: polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);
  background: white;
  animation: hero-sparkle 3s linear infinite;
}

.p-hero__sparkle--1 {
  top: calc(112 * var(--u));
  left: calc(310 * var(--u));
}

.p-hero__sparkle--2 {
  top: calc(186 * var(--u));
  left: calc(304 * var(--u));
  animation-delay: -.7s;
  display: none;
}

.p-hero__sparkle--3 {
  top: calc(144 * var(--u));
  left: calc(78 * var(--u));
  animation-delay: -1.2s;
}

.p-hero__sparkle--4 {
  top: calc(259 * var(--u));
  left: calc(75 * var(--u));
  animation-delay: -.3s;
}

.p-hero__sparkle--5 {
  top: calc(194 * var(--u));
  left: calc(359 * var(--u));
  animation-delay: -1.5s;
  background: #ffe100;
}

@keyframes hero-sparkle {
  0% { transform: scale(.8) rotate(0deg);opacity: 0; }
  50% { transform: scale(3) rotate(90deg);opacity: 1;  }
  100% { transform: scale(.8) rotate(180deg);opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .p-hero__sparkle {
    animation: none;
  }
}

.p-registration {
  padding-top: calc(29 * var(--u));
}

.p-registration__accordion {
  margin-top: 0;
  color: var(--brown);
  font-family: 'Zen Kaku Gothic New',sans-serif;
}

.p-registration .p-registration__title {
  min-height: calc(66 * var(--u));
  background: #fff000;
  color: var(--brown);
}

.p-registration .p-registration__title::after {
  border-color: var(--brown);
  background: linear-gradient(var(--brown),var(--brown)) center / calc(9 * var(--u)) 1px no-repeat,linear-gradient(var(--brown),var(--brown)) center / 1px calc(9 * var(--u)) no-repeat;
}

.p-registration .p-registration__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(23 * var(--u));
  padding: calc(38 * var(--u)) calc(30 * var(--u));
}

.p-registration__illustration {
  width: calc(243 * var(--u));
}

.p-registration__lead {
  width: calc(258 * var(--u));
}

.p-registration__lead>p:first-child {
  color: #ff5f02;
  font-size: calc(16 * var(--u));
  line-height: 1.6;
}

.p-registration__note {
  width: calc(274 * var(--u));
  color: #000;
  font-size: calc(12 * var(--u));
  line-height: 1.6;
}

.p-registration__lead .p-registration__note {
  width: auto;
  margin-top: calc(4 * var(--u));
}

.p-registration__screen {
  width: calc(226 * var(--u));
}

@media (hover:hover) {
  .p-registration .p-registration__title:hover {
    background: #fff000;
  }
}

.c-section-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  color: #76251c;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
}

.c-section-title::before,.c-section-title::after {
  width: 2px;
  height: 24px;
  transform: rotate(-38deg) translateY(2px)  translateX(-3px);
  background: #f9640e;
  content: '';
}

.c-section-title::after {
  transform: rotate(38deg) translateY(4px)  translateX(3px);
}

.p-video {
  width: calc(350 * var(--u));
  margin: calc(38 * var(--u)) auto 0;
}

.p-video__placeholder {
  display: grid;
  place-items: center;
  height: calc(197 * var(--u));
  margin-top: calc(13 * var(--u));
  padding: 16px;
  border-radius: 6px;
  background: rgba(161,161,161,.8);
  color: #302322;
  font-family: 'Zen Maru Gothic',sans-serif;
  font-size: calc(30 * var(--u));
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  -webkit-text-stroke: calc(6 * var(--u)) white;
  paint-order: stroke fill;
}

.p-campaign {
  display: grid;
  gap: calc(24 * var(--u));
  width: min(100%,390px);
  margin: calc(52 * var(--u)) auto 0;
  padding: calc(20 * var(--u)) calc(20 * var(--u)) calc(24 * var(--u));
  background: #e60012;
}

.p-campaign__title {
  position: relative;
  height: calc(48 * var(--u));
  color: white;
  font-family: 'Zen Kaku Gothic New',sans-serif;
  font-size: calc(24 * var(--u));
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

.p-campaign__title span {
  display: block;
  transform: translateY(calc(-10 * var(--u)));
}

.p-campaign__title::before,.p-campaign__title::after {
  position: absolute;
  top: calc(29.75 * var(--u));
  width: calc(16.5 * var(--u));
  height: calc(20.5 * var(--u));
  background: url('../images/campaign-title-slash.svg') center / contain no-repeat;
  content: '';
}

.p-campaign__title::before {
  left: calc(5 * var(--u));
}

.p-campaign__title::after {
  right: calc(5 * var(--u));
  transform: scaleX(-1);
}

.p-campaign>img {
  width: 100%;
}

.p-campaign>map {
  display: none;
}

.p-feature-nav {
  position: relative;
  min-height: calc(441 * var(--u));
  margin-top: calc(52 * var(--u));
  padding: calc(25 * var(--u)) calc(20 * var(--u)) 0;
  background: url('../images/feature-menu-background.png') center top / 100% 100% no-repeat;
}

.p-feature-nav h2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(80 * var(--u));
}

.p-feature-nav h2::before,.p-feature-nav h2::after {
  position: absolute;
  width: calc(10 * var(--u));
  height: calc(10 * var(--u));
  background: url('../images/feature-sparkle-white.svg') center / 100% 100% no-repeat;
  content: '';
}

.p-feature-nav h2::before {
  top: calc(7 * var(--u));
  left: calc(150 * var(--u));
}

.p-feature-nav h2::after {
  right: calc(153 * var(--u));
  bottom: calc(16 * var(--u));
  width: calc(8 * var(--u));
  height: calc(8 * var(--u));
}

.p-feature-nav__title {
  display: inline-flex;
  align-items: center;
  color: #76251c;
  font-size: calc(24 * var(--u));
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.p-feature-nav__title::before,.p-feature-nav__title::after {
  width: calc(2 * var(--u));
  height: calc(24 * var(--u));
  margin-inline: calc(17 * var(--u));
  transform: rotate(-31deg);
  background: #f9640e;
  content: '';
}

.p-feature-nav__title::after {
  transform: rotate(31deg);
}

.p-feature-nav__title strong {
  color: #e60012;
  font-size: calc(50 * var(--u));
  line-height: 1;
  position: relative;
  top: -11px;
}

.p-feature-nav__list {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: calc(15 * var(--u)) calc(14 * var(--u));
  list-style: none;
}

.p-feature-nav__list a {
  position: relative;
  display: flex;
  align-items: center;
  gap: calc(10 * var(--u));
  height: calc(76 * var(--u));
  padding: calc(8 * var(--u)) calc(27 * var(--u)) calc(8 * var(--u)) calc(12 * var(--u));
  border-radius: 8px;
  box-shadow: 0 4px 4px #ed6c0033;
  background: white;
  font-size: calc(11 * var(--u));
  font-weight: 700;
  line-height: 1.25;
}

.p-feature-nav__list img {
  flex: 0 0 calc(30 * var(--u));
  width: calc(30 * var(--u));
  max-height: calc(36 * var(--u));
  object-fit: contain;
}

.p-feature-nav__list a::after {
  position: absolute;
  top: 50%;
  right: calc(7 * var(--u));
  width: calc(17 * var(--u));
  height: calc(17 * var(--u));
  border-radius: 50%;
  transform: translateY(-50%);
  background: #ff5f02 url('../images/chevron-white.svg') center / calc(7 * var(--u)) calc(5 * var(--u)) no-repeat;
  content: '';
}

.p-feature-nav__primary {
  grid-column: 1 / -1;
  margin-bottom: calc(2 * var(--u));
}

.p-feature-nav__primary a {
  height: calc(98 * var(--u));
  gap: calc(42 * var(--u));
  padding-left: calc(25 * var(--u));
  background: url('../images/feature-sparkle.svg') calc(84 * var(--u)) calc(33 * var(--u)) / calc(10 * var(--u)) auto no-repeat,url('../images/feature-sparkle.svg') calc(17 * var(--u)) calc(73 * var(--u)) / calc(10 * var(--u)) auto no-repeat,white;
  font-size: calc(17 * var(--u));
  letter-spacing: calc(1.4 * var(--u));
}

.p-feature-nav__primary img {
  flex-basis: calc(47 * var(--u));
  width: calc(47 * var(--u));
  height: calc(51 * var(--u));
  max-height: none;
}

.p-feature-nav__rewards a {
  gap: calc(14 * var(--u));
  padding-left: calc(13 * var(--u));
}

.p-feature-nav__rewards img {
  flex-basis: calc(26 * var(--u));
  width: calc(26 * var(--u));
  height: calc(33 * var(--u));
}

.p-feature-nav__rank a {
  gap: calc(16 * var(--u));
  padding-left: calc(7 * var(--u));
}

.p-feature-nav__rank img {
  flex-basis: calc(30 * var(--u));
  width: calc(30 * var(--u));
  height: calc(33 * var(--u));
}

.p-feature-nav__ranking a {
  gap: calc(8 * var(--u));
  padding-left: calc(12 * var(--u));
}

.p-feature-nav__ranking img {
  flex-basis: calc(32 * var(--u));
  width: calc(32 * var(--u));
  height: calc(32 * var(--u));
}

.p-feature-nav__collection a {
  gap: calc(7 * var(--u));
  padding-left: calc(7 * var(--u));
}

.p-feature-nav__collection img {
  flex-basis: calc(34 * var(--u));
  width: calc(34 * var(--u));
  height: calc(27 * var(--u));
}

.p-feature {
  margin-top: calc(52 * var(--u));
}

.p-feature-hero {
  position: relative;
  padding: calc(151 * var(--u)) calc(20 * var(--u)) 0;
  overflow: hidden;
  color: white;
  text-align: center;
}

.p-feature-hero::before {
  position: absolute;
}

.p-feature-hero__badge {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  width: auto;
  height: calc(133 * var(--u));
  transform: translateX(-50%);
  object-fit: contain;
}

.p-feature-hero h2 {
  position: relative;
  z-index: 1;
  padding-bottom: calc(3 * var(--u));
  font-size: calc(32 * var(--u));
  font-family: 'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
  font-weight: 900;
  line-height: 1.3;
}

.p-feature-hero h2::after {
  display: block;
  width: min(calc(243 * var(--u)),100%);
  height: calc(5 * var(--u));
  margin: calc(12 * var(--u)) auto 0;
  background: radial-gradient(circle at center,currentColor 0 calc(2.5 * var(--u)),transparent calc(2.6 * var(--u))) left center / calc(12 * var(--u)) calc(5 * var(--u)) repeat-x;
  content: '';
}

.p-rewards__inner .p-feature-hero p {
  position: relative;
  z-index: 1;
  margin-top: calc(41 * var(--u));
  font-size: calc(16 * var(--u));
  font-family: 'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
  font-weight: 700;
  line-height: 1.6;
  white-space: nowrap;
}

.p-feature-hero--rewards {
  padding-top: calc(148 * var(--u));
}

.p-feature-hero--rank {
  padding-top: calc(156 * var(--u));
}

.p-feature-hero--rank .p-feature-hero__badge,
.p-feature-hero--ranking .p-feature-hero__badge,
.p-feature-hero--collection .p-feature-hero__badge {
  top: calc(9 * var(--u));
  left: calc(138 * var(--u));
  width: calc(122 * var(--u));
  height: calc(125 * var(--u));
  transform: none;
}

.p-points__inner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(to bottom,var(--paper) 0 calc(60 * var(--u)),#ffc68a calc(60 * var(--u)));
  border-radius: 0 0 16px 16px;
}

.p-points__inner::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background:
    url('../images/feature-hero-circle.svg') calc(-106 * var(--u)) calc(86 * var(--u)) / calc(218 * var(--u)) calc(218 * var(--u)) no-repeat,
    url('../images/feature-hero-circle.svg') calc(282 * var(--u)) calc(173 * var(--u)) / calc(218 * var(--u)) calc(218 * var(--u)) no-repeat,
    url('../images/feature-hero-dots.svg') calc(9 * var(--u)) calc(280 * var(--u)) / calc(190.966 * var(--u)) calc(190.967 * var(--u)) no-repeat;
  mix-blend-mode: multiply;
  content: '';
}

.p-points__inner .p-feature-hero {
  height: calc(302 * var(--u));
  background: url('../images/points-feature-hero-background.svg') center top / 100% auto no-repeat;
}

.p-points__inner .p-feature-hero::before {
  top: calc(48 * var(--u));
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(254 * var(--u));
  border-radius: calc(14 * var(--u)) calc(14 * var(--u)) 0 0;
  background: #ff9836;
  mix-blend-mode: normal;
  opacity: 1;
  content: '';
}

.p-points__inner .p-feature-hero__badge {
  top: calc(10 * var(--u));
  left: calc(139 * var(--u));
  width: calc(122 * var(--u));
  height: calc(122 * var(--u));
  transform: none;
}

.p-points__inner .p-feature-hero h2::after {
  position: absolute;
  top: calc(52.5 * var(--u));
  left: calc(45.5 * var(--u));
  width: calc(250 * var(--u));
  margin: 0;
  background: url('../images/feature-points-underline.svg') center / 100% 100% no-repeat;
}

.p-points__inner .p-feature-hero p {
  margin-top: calc(25.4 * var(--u));
  font-size: calc(16 * var(--u));
}

.p-points-steps {
  padding: calc(24 * var(--u)) calc(20 * var(--u)) calc(22 * var(--u));
}

.p-points-steps__panel {
  position: relative;
  z-index: 2;
  height: calc(1273 * var(--u));
  overflow: hidden;
  border-radius: calc(8 * var(--u));
  background-color: white;
  box-shadow: 0 calc(4 * var(--u)) calc(4 * var(--u)) #ed6c0033;
}

.p-points-steps__panel::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  content: '';
  background-image: url('../images/rewards-panel-texture.png');
  background-position: 0 0;
  background-size: calc(25 * var(--u)) calc(25 * var(--u));
  background-repeat: repeat;
  opacity: .3;
}

.p-points-steps__panel>h3 {
  position: absolute;
  top: calc(13 * var(--u));
  left: calc(81 * var(--u));
  width: calc(187 * var(--u));
  height: calc(46 * var(--u));
  padding-right: calc(1 * var(--u));
  color: var(--brown);
  font-family: 'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
  font-size: calc(20 * var(--u));
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}

.p-points-steps__panel>h3::after {
  position: absolute;
  top: calc(38 * var(--u));
  left: calc(-1 * var(--u));
  width: calc(189 * var(--u));
  height: calc(9.30442 * var(--u));
  background: url('../images/points-heading-underline.svg') center / 100% 100% no-repeat;
  content: '';
}

.p-points-steps__list {
  list-style: none;
}

.p-points-steps__item {
  position: absolute;
  inset-inline: 0;
  font-family: 'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
  font-weight: 700;
}

.p-points-steps__item>img {
  position: absolute;
}

.p-points-steps__number {
  position: absolute;
  width: calc(71 * var(--u));
  height: calc(71 * var(--u));
  overflow: hidden;
  border-radius: 50%;
}

.p-points-steps__number img {
  width: 100%;
  height: 100%;
}

.p-points-steps__item p,.p-points-steps__item small {
  position: absolute;
  color: #ff5f02;
  line-height: 1.6;
}

.p-points-steps__item p {
  font-size: calc(15 * var(--u));
}

.p-points-steps__item small {
  font-size: calc(12 * var(--u));
}

.p-points-steps__item--order {
  top: calc(86 * var(--u));
}

.p-points-steps__item--order>img {
  left: calc(70 * var(--u));
  width: calc(215 * var(--u));
}

.p-points-steps__item--order .p-points-steps__number {
  top: calc(183 * var(--u));
  left: calc(34 * var(--u));
}

.p-points-steps__item--order .p-points-steps__copy {
  position: absolute;
  top: calc(176 * var(--u));
  left: calc(124 * var(--u));
  width: calc(208 * var(--u));
}

.p-points-steps__item--order .p-points-steps__copy p,.p-points-steps__item--order .p-points-steps__copy small {
  position: static;
}

.p-points-steps__item--order .p-points-steps__copy small {
  display: block;
  margin-top: calc(7 * var(--u));
}

.p-points-steps__item--receipt {
  top: calc(428 * var(--u));
}

.p-points-steps__item--receipt>img {
  left: calc(70 * var(--u));
  width: calc(220 * var(--u));
}

.p-points-steps__item--receipt .p-points-steps__number {
  top: calc(185 * var(--u));
  left: calc(34 * var(--u));
}

.p-points-steps__item--receipt p {
  top: calc(194 * var(--u));
  left: calc(121 * var(--u));
}

.p-points-steps__item--earned {
  top: calc(741 * var(--u));
}

.p-points-steps__item--earned>img {
  top: calc(-8 * var(--u));
  left: calc(94 * var(--u));
  width: calc(171 * var(--u));
}

.p-points-steps__item--earned .p-points-steps__number {
  top: calc(154 * var(--u));
  left: calc(34 * var(--u));
}

.p-points-steps__item--earned p {
  top: calc(176 * var(--u));
  left: calc(122 * var(--u));
}

.p-points-steps__item--exchange {
  top: calc(998 * var(--u));
}

.p-points-steps__item--exchange>img {
  left: calc(86 * var(--u));
  width: calc(180 * var(--u));
}

.p-points-steps__item--exchange .p-points-steps__number {
  top: calc(172 * var(--u));
  left: calc(34 * var(--u));
}

.p-points-steps__item--exchange p {
  top: calc(181 * var(--u));
  left: calc(121 * var(--u));
}

.c-panel-title {
  position: relative;
  padding-bottom: calc(15 * var(--u));
  color: var(--brown);
  font-size: calc(20 * var(--u));
  font-family: 'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
  line-height: 1.3;
  text-align: center;
}

.c-panel-title::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: calc(187 * var(--u));
  border-bottom: calc(2 * var(--u)) solid #e60012;
  transform: translateX(-50%);
  content: '';
}

.c-panel-title::before {
  position: absolute;
  bottom: calc(-4 * var(--u));
  left: 50%;
  z-index: 1;
  width: calc(10 * var(--u));
  height: calc(10 * var(--u));
  border-right: calc(2 * var(--u)) solid #e60012;
  border-bottom: calc(2 * var(--u)) solid #e60012;
  transform: translateX(-50%) rotate(45deg);
  background: white;
  content: '';
}

.c-subheading {
  color: #fe4351;
  font-size: calc(17 * var(--u));
  line-height: 1.6;
  text-indent: -1em;
  padding-left: 1em;
}

.c-subheading::before {
  content: '■';
}

.c-note-list {
  margin-top: calc(12 * var(--u));
  padding-left: 1em;
  font-size: calc(11 * var(--u));
  font-weight: 700;
  line-height: 1.6;
  list-style: '※';
}

.p-ranking-panel,.p-collection-panel {
  width: calc(350 * var(--u));
  margin: calc(24 * var(--u)) auto calc(44 * var(--u));
  padding: calc(24 * var(--u));
  border-radius: calc(8 * var(--u));
  background: white;
  box-shadow: 0 0 0 calc(20 * var(--u)) #ffb5bd,0 calc(4 * var(--u)) calc(4 * var(--u)) #ed6c0033;
  color: #000;
  font-size: calc(13 * var(--u));
  font-weight: 700;
}

.p-rewards__inner {
  overflow: hidden;
  padding-bottom: calc(25 * var(--u));
  background: linear-gradient(to bottom,var(--paper) 0 calc(346 * var(--u)),#ffb5bd calc(346 * var(--u)));
  border-radius: 0 0 16px 16px;
}

.p-rewards__inner .p-feature-hero {
  height: calc(346 * var(--u));
  overflow: visible;
  background:
    url('../images/feature-hero-background-red.svg') top center / 100% auto no-repeat,
    linear-gradient(#fe4351,#fe4351) center calc(73 * var(--u)) / 100% calc(100% - calc(73 * var(--u))) no-repeat;
}

.p-rewards__inner .p-feature-hero::before {
  top: calc(217 * var(--u));
  left: 0;
  width: 100%;
  height: calc(250 * var(--u));
  opacity: 1;
  background:
    url('../images/feature-hero-circle.svg') calc(-106 * var(--u)) 0 / calc(218 * var(--u)) calc(218 * var(--u)) no-repeat,
    url('../images/rewards-hero-dots.svg') calc(65 * var(--u)) calc(59 * var(--u)) / calc(190.966 * var(--u)) calc(190.967 * var(--u)) no-repeat;
  mix-blend-mode: multiply;
  content: '';
}

.p-rewards__inner .p-feature-hero__badge {
  top: calc(9 * var(--u));
  left: calc(138 * var(--u));
  width: calc(121.833 * var(--u));
  height: calc(124.253 * var(--u));
  transform: none;
}

.p-rewards__inner .p-feature-hero h2 {
  font-weight: 700;
  padding-bottom: 0;
}

.p-rewards__inner .p-feature-hero h2::after {
  position: absolute;
  top: calc(93 * var(--u));
  left: calc(27.5 * var(--u));
  width: calc(294 * var(--u));
  height: calc(5 * var(--u));
  margin: 0;
  background: url('../images/rewards-hero-underline.svg') center / 100% 100% no-repeat;
}


.p-rewards-panel {
  position: relative;
  width: calc(350 * var(--u));
  margin: calc(21 * var(--u)) auto 0;
  padding: calc(29 * var(--u)) calc(30 * var(--u)) calc(33 * var(--u));
  border-radius: calc(8 * var(--u));
  background: white;
  box-shadow: 0 calc(4 * var(--u)) calc(4 * var(--u)) #ed6c0033;
  color: #000;
  font-size: calc(14 * var(--u));
  font-family: 'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
  font-weight: 700;
}

.p-rewards-panel::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  content: '';
  border-radius: inherit;
  background-image: url('../images/rewards-panel-texture.png');
  background-position: 0 0;
  background-size: calc(25 * var(--u)) calc(25 * var(--u));
  background-repeat: repeat;
  opacity: .3;
  pointer-events: none;
}

.p-rewards-panel>* {
  position: relative;
  z-index: 1;
}

.p-rewards-panel>.c-subheading {
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.p-rewards-panel__grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: calc(16 * var(--u));
  width: calc(288 * var(--u));
  margin-top: calc(26 * var(--u));
  list-style: none;
}

.p-rewards-panel>.c-subheading:nth-of-type(2) {
  margin-top: calc(48 * var(--u));
  color: #ff5f02;
}

.p-rewards-panel__grid li {
  display: grid;
  grid-template-rows: calc(93 * var(--u)) calc(32 * var(--u));
  min-width: 0;
  border-radius: calc(12.5 * var(--u));
  background: #ffeff1;
}

.p-rewards-panel__ticket-image {
  width: 100%;
  height: calc(93 * var(--u));
  overflow: hidden;
  border-radius: calc(12.5 * var(--u)) calc(12.5 * var(--u)) 0 0;
}

.p-rewards-panel__ticket-image img {
  width: calc(152.701 * var(--u));
  max-width: none;
  height: calc(101.813 * var(--u));
  margin-top: calc(-5 * var(--u));
  margin-left: calc(-10 * var(--u));
}

.p-rewards-panel__grid li:first-child .p-rewards-panel__ticket-image img {
  margin-top: calc(-6 * var(--u));
}

.p-rewards-panel__grid li:nth-child(3) .p-rewards-panel__ticket-image img {
  width: calc(157 * var(--u));
  height: calc(105 * var(--u));
  margin-top: calc(-14 * var(--u));
  margin-left: calc(-11 * var(--u));
}

.p-rewards-panel__grid span {
  display: grid;
  place-items: center;
  border-radius: 0 0 calc(12.5 * var(--u)) calc(12.5 * var(--u));
  background: #fe4351;
  color: white;
  font-size: calc(12 * var(--u));
  line-height: 1.6;
  text-align: center;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.p-rewards-panel__goods {
  display: grid;
  width: calc(288 * var(--u));
  margin-top: calc(24 * var(--u));
}

.p-rewards-panel__grid--goods {
  grid-area: 1 / 1;
  margin-top: 0;
}

.p-rewards-panel__grid--goods img {
  place-self: center;
  max-width: none;
  border-radius: 0;
  object-fit: contain;
}

.p-rewards-panel__grid--goods img[src$='reward-spoon.svg'] {
  width: calc(31.6664 * var(--u));
  height: calc(94.2026 * var(--u));
  transform: rotate(50.35deg);
}

.p-rewards-panel__grid--goods li:first-child img {
  transform: translate(calc(-1 * var(--u)),calc(-4 * var(--u))) rotate(50.35deg);
}

.p-rewards-panel__grid--goods img[src$='reward-jacket.svg'] {
  width: calc(83.198 * var(--u));
  height: calc(69.2017 * var(--u));
  transform: translateY(calc(3 * var(--u)));
}

.p-rewards-panel__grid--goods img[src$='reward-tumbler.svg'] {
  width: calc(47.7936 * var(--u));
  height: calc(76.4797 * var(--u));
  transform: translate(calc(2 * var(--u)),var(--u)) rotate(7.69deg);
}

.p-rewards-panel__grid--goods span {
  background: #ff5f02;
}

.p-rewards-panel__coming-soon {
  position: relative;
  z-index: 1;
  display: grid;
  grid-area: 1 / 1;
  place-items: center;
  border-radius: calc(10 * var(--u));
  background: #d9d9d9e6;
  color: #231815;
  font-family: 'Zen Maru Gothic','Noto Sans JP',sans-serif;
  font-size: calc(28 * var(--u));
  letter-spacing: calc(.84 * var(--u));
  line-height: 1;
  text-align: center;
}

.p-rewards-panel__coming-soon span {
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  -webkit-text-stroke: calc(6 * var(--u)) white;
  paint-order: stroke fill;
}

.p-rewards-panel__lead {
  width: calc(315 * var(--u));
  margin-top: calc(19 * var(--u));
  margin-left: calc(-12 * var(--u));
}

.p-rewards-panel__lead img {
  width: calc(321 * var(--u));
  height: auto;
}

.p-rewards-panel__method {
  margin-top: calc(22 * var(--u));
  width: calc(294 * var(--u));
  font-size: calc(14 * var(--u));
  line-height: 1.6;
}

.p-rewards-panel__method--goods {
  margin-top: calc(24 * var(--u));
}

.p-rewards-panel__method h4 {
  margin-bottom: calc(16 * var(--u));
  font-size: calc(17 * var(--u));
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.p-rewards-panel__method h4::before {
  content: '●';
}

.p-rewards-panel__method .c-rule-list2 {
  margin-bottom: calc(-1 * var(--u));
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.p-rewards-panel>.c-note-list {
  width: calc(314 * var(--u));
  margin: calc(19 * var(--u)) 0 0 calc(-10 * var(--u));
  padding-left: calc(17 * var(--u));
  font-size: calc(11 * var(--u));
  line-height: 1.3;
  list-style: disc;
}

#rewards>.c-accordion .c-accordion__title {
  min-height: calc(59 * var(--u));
}

#rewards>.c-accordion .c-accordion__content {
  padding-bottom: calc(30 * var(--u));
}

.p-rank__inner {
  overflow: hidden;
  padding-bottom: calc(20 * var(--u));
  background: linear-gradient(to bottom,var(--paper) 0 calc(316 * var(--u)),#ffc68a calc(316 * var(--u)));
  border-radius: 0 0 16px 16px;
}

.p-rank__inner .p-feature-hero {
  height: calc(328 * var(--u));
  overflow: visible;
  background:
    url('../images/points-feature-hero-background.svg') top center / 100% auto no-repeat,
    linear-gradient(var(--orange),var(--orange)) center calc(73 * var(--u)) / 100% calc(100% - calc(73 * var(--u))) no-repeat;
}

.p-rank__inner .p-feature-hero::before {
  top: calc(171 * var(--u));
  left: 0;
  width: 100%;
  height: calc(266 * var(--u));
  opacity: 1;
  background:
    url('../images/feature-hero-circle.svg') calc(-106 * var(--u)) 0 / calc(218 * var(--u)) calc(218 * var(--u)) no-repeat,
    url('../images/rank-hero-dots.svg') calc(65 * var(--u)) calc(75 * var(--u)) / calc(191 * var(--u)) calc(191 * var(--u)) no-repeat;
  mix-blend-mode: multiply;
  content: '';
}

.p-rank__inner .p-feature-hero h2 {
  padding: 0;
  font-size: calc(32 * var(--u));
  font-weight: 700;
  white-space: nowrap;
}

.p-rank__inner .p-feature-hero h2::after {
  position: absolute;
  top: calc(47 * var(--u));
  left: calc(2.5 * var(--u));
  width: calc(345 * var(--u));
  height: calc(5 * var(--u));
  margin: 0;
  background: url('../images/rank-hero-underline.svg') center / 100% 100% no-repeat;
}

.p-rank__inner .p-feature-hero p {
  margin-top: calc(23 * var(--u));
  font-size: calc(17 * var(--u));
  white-space: nowrap;
}

.p-rank-panel {
  position: relative;
  width: calc(350 * var(--u));
  margin: calc(20 * var(--u)) auto 0;
  padding: calc(15 * var(--u)) calc(29 * var(--u)) calc(18 * var(--u));
  border-radius: calc(8 * var(--u));
  background: white;
  box-shadow: 0 calc(4 * var(--u)) calc(4 * var(--u)) #ed6c0033;
}

.p-rank-panel::before {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-image: url('../images/rewards-panel-texture.png');
  background-position: 0 0;
  background-size: calc(25 * var(--u)) calc(25 * var(--u));
  background-repeat: repeat;
  opacity: .3;
  content: '';
}

.p-rank-panel > * {
  position: relative;
  z-index: 2;
}

.p-rank-panel__title {
  position: relative;
  display: block;
  width: fit-content;
  margin: 0 auto;
  padding: 0 0 calc(8 * var(--u));
  font-size: calc(18 * var(--u));
  font-weight: 700;
  line-height: 1.6;
}

.p-rank-panel__title::after {
  position: absolute;
  top: calc(38 * var(--u));
  left: 50%;
  width: calc(200 * var(--u));
  height: calc(9 * var(--u));
  border: 0;
  transform: translateX(-50%);
  background: url('../images/points-heading-underline.svg') center / 100% 100% no-repeat;
  content: '';
}

.p-rank-panel__title::before {
  content: none;
}

.p-rank-panel__lead {
  width: calc(280 * var(--u));
  margin: calc(26 * var(--u)) auto 0;
  font-family: 'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
  font-size: calc(24 * var(--u));
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
  color: #000;
}

.p-rank-panel__lead strong {
  color: #e60012;
  font-size: calc(36 * var(--u));
  font-weight: 900;
  letter-spacing: 0;
}

.p-rank-panel__chart {
  display: block;
  width: calc(308 * var(--u));
  max-width: none;
  margin: calc(28 * var(--u)) auto 0 -7px;
  z-index: 1;
}

.p-rank-panel table {
  position: relative;
  z-index: 2;
  width: calc(294 * var(--u));
  margin: calc(7 * var(--u)) 0 0;
  clip-path: inset(0 round calc(8 * var(--u)));
  table-layout: fixed;
  border: calc(2 * var(--u)) solid var(--orange);
  border-spacing: 0;
  border-radius: calc(11 * var(--u));
  overflow: hidden;
  color: #3d301f;
  font-size: calc(12 * var(--u));
  text-align: center;
}

.p-rank-panel th,.p-rank-panel td {
  height: calc(97 * var(--u));
  padding: calc(4 * var(--u));
  border-right: calc(.854 * var(--u)) solid var(--orange);
  border-bottom: calc(.854 * var(--u)) solid var(--orange);
}

.p-rank-panel thead th {
  height: calc(97 * var(--u));
  font-family: 'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
  font-size: calc(11.959 * var(--u));
  font-weight: 700;
}

.p-rank-panel thead th:not(:first-child) {
  padding-top: calc(17 * var(--u));
  vertical-align: top;
}

.p-rank-panel thead img {
  width: calc(45 * var(--u));
  height: calc(45 * var(--u));
  margin: 0 auto calc(4 * var(--u));
}

.p-rank-panel tbody tr:last-child>* {
  border-bottom: 0;
}

.p-rank-panel tr>*:last-child {
  border-right: 0;
}

.p-rank-panel th:first-child {
  width: calc(36.732 * var(--u));
  background: var(--orange);
  color: white;
  font-family: 'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
  font-weight: 700;
  line-height: 1.25;
  padding-inline: calc(11 * var(--u));
  overflow-wrap: anywhere;
  border-bottom-color: #fff3be;
}

.p-rank-panel tbody td {
  font-family: 'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
  font-weight: 500;
  color: #262626;
}

.p-rank-panel td strong {
  font-size: calc(16 * var(--u));
  color: var(--brown);
}

.p-rank-panel td:nth-child(3) strong {
  font-size: calc(20 * var(--u));
  color: #72562f;
}

.p-rank-panel td:nth-child(4) strong {
  font-size: calc(22 * var(--u));
  color: #537ba4;
}

.p-rank-panel td strong small {
  font-size: calc(12 * var(--u));
}

.p-rank-panel tr>*:nth-child(2) {
  background: #fff3be;
}

.p-rank-panel tr>*:nth-child(3) {
  background-image: linear-gradient(171.595deg,#d5af63 0%,#fff0be 47.548%,#d5af63 97.922%);
  background-size: 100% 300%;
  background-origin: border-box;
  color: #72562f;
}

.p-rank-panel tr>*:nth-child(4) {
  background-image: linear-gradient(166.101deg,#7bb3ef .391%,#d0e7ff 49.844%,#7bb3ef 99.296%);
  background-size: 100% 300%;
  background-origin: border-box;
  color: #537ba4;
}

.p-rank-panel tbody tr:first-child>*:nth-child(3),
.p-rank-panel tbody tr:first-child>*:nth-child(4) {
  background-position: center;
  color: #262626;
}

.p-rank-panel tbody tr:last-child>*:nth-child(3),
.p-rank-panel tbody tr:last-child>*:nth-child(4) {
  background-position: bottom;
}

.p-rank-panel tbody tr:last-child td {
  color: #262626;
  line-height: 1.2;
}

.p-rank-panel > .c-note {
  margin-top: calc(7 * var(--u));
  margin-left: calc(-2 * var(--u));
  color: #000;
  font-size: calc(12 * var(--u));
  line-height: 1.6;
}

.p-ranking__inner {
  overflow: hidden;
  padding-bottom: calc(26 * var(--u));
  background: linear-gradient(to bottom,var(--paper) 0 calc(326 * var(--u)),#fdb1b7 calc(326 * var(--u)));
  border-radius: 0 0 16px 16px;
}

.p-ranking__inner .p-feature-hero {
  height: calc(329 * var(--u));
  padding-top: calc(147 * var(--u));
  overflow: visible;
  background:
    url('../images/feature-hero-background-red.svg') top center / 100% auto no-repeat,
    linear-gradient(#fe4351,#fe4351) center calc(73 * var(--u)) / 100% calc(100% - calc(73 * var(--u))) no-repeat;
}

.p-ranking__inner .p-feature-hero::before {
  top: calc(260 * var(--u));
  left: 0;
  width: 100%;
  height: calc(250 * var(--u));
  opacity: 1;
  background:
    url('../images/ranking-hero-dots.svg') calc(-70 * var(--u)) 0 / calc(190.966 * var(--u)) calc(190.966 * var(--u)) no-repeat,
    url('../images/feature-hero-circle.svg') calc(278 * var(--u)) calc(33 * var(--u)) / calc(218 * var(--u)) calc(218 * var(--u)) no-repeat;
  mix-blend-mode: multiply;
  pointer-events: none;
  content: '';
}

.p-ranking__inner .p-feature-hero h2 {
  padding: 0;
  font-size: calc(32 * var(--u));
  font-weight: 700;
  white-space: nowrap;
  transform: translateX(calc(-4 * var(--u)));
}

.p-ranking__inner .p-feature-hero h2::after {
  position: absolute;
  top: calc(55.1 * var(--u));
  width: 100%;
  margin: 0;
  background: url('../images/ranking-hero-underline.svg') center / 100% 100% no-repeat;
}

.p-ranking__inner .p-feature-hero p {
  margin-top: calc(29 * var(--u));
  font-size: calc(17 * var(--u));
  white-space: nowrap;
}

.p-ranking-panel {
  position: relative;
  overflow: hidden;
  margin: calc(23 * var(--u)) auto 0;
  padding: calc(18 * var(--u)) calc(19 * var(--u)) calc(18 * var(--u)) calc(19 * var(--u));
  background: white;
  box-shadow: 0 calc(4 * var(--u)) calc(4 * var(--u)) #ed6c0033;
  font-family: 'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
  font-size: calc(14 * var(--u));
}

.p-ranking-panel::before {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-image: url('../images/rewards-panel-texture.png');
  background-position: 0 0;
  background-size: calc(25 * var(--u)) calc(25 * var(--u));
  background-repeat: repeat;
  opacity: .4;
  pointer-events: none;
  content: '';
}

.p-ranking-panel>* {
  position: relative;
}

.p-ranking-panel>.c-subheading {
  font-weight: 700;
}

.p-ranking-panel>.c-subheading:first-child+p {
  margin-top: calc(3 * var(--u));
}

.p-ranking-panel>img {
  width: calc(226 * var(--u));
  height: calc(203 * var(--u));
  margin: calc(24 * var(--u)) auto calc(31 * var(--u));
}

.p-ranking-panel>.c-subheading:nth-of-type(2) {
  width: calc(298 * var(--u));
  margin-top: 0;
}

.p-ranking-panel>.c-note-list {
  margin-top: calc(8 * var(--u));
  font-size: calc(12 * var(--u));
  line-height: 1.6;
}

.p-collection__inner {
  overflow: hidden;
  padding-bottom: calc(23 * var(--u));
  background: linear-gradient(to bottom,var(--paper) 0 calc(285 * var(--u)),#ffc68a calc(285 * var(--u)));
  border-radius: 0 0 16px 16px;
}

.p-collection__inner .p-feature-hero {
  height: calc(286 * var(--u));
  padding-top: calc(152 * var(--u));
  overflow: visible;
  background:
    url('../images/points-feature-hero-background.svg') top center / 100% auto no-repeat,
    linear-gradient(var(--orange),var(--orange)) center calc(73 * var(--u)) / 100% calc(100% - calc(73 * var(--u))) no-repeat;
}

.p-collection__inner .p-feature-hero::before {
  top: calc(91 * var(--u));
  left: 0;
  width: 100%;
  height: calc(420 * var(--u));
  opacity: 1;
  background:
    url('../images/feature-hero-circle.svg') calc(278 * var(--u)) 0 / calc(218 * var(--u)) calc(218 * var(--u)) no-repeat,
    url('../images/ranking-hero-dots.svg') calc(-70 * var(--u)) calc(172 * var(--u)) / calc(190.966 * var(--u)) calc(190.966 * var(--u)) no-repeat;
  mix-blend-mode: multiply;
  pointer-events: none;
  content: '';
}

.p-collection__inner .p-feature-hero h2 {
  padding: 0;
  font-size: calc(32 * var(--u));
  font-weight: 700;
}

.p-collection__inner .p-feature-hero h2::after {
  position: absolute;
  top: calc(96.7 * var(--u));
  left: calc(2.5 * var(--u));
  width: calc(345 * var(--u));
  height: calc(5 * var(--u));
  margin: 0;
  background: url('../images/rank-hero-underline.svg') center / 100% 100% no-repeat;
}

.p-collection-panel {
  position: relative;
  overflow: hidden;
  margin: calc(22 * var(--u)) auto 0;
  padding: calc(22 * var(--u)) calc(27 * var(--u)) calc(29 * var(--u));
  background: white;
  box-shadow: 0 calc(4 * var(--u)) calc(4 * var(--u)) #ed6c0033;
  font-family: 'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
  font-size: calc(14 * var(--u));
}

.p-collection-panel::before {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-image: url('../images/rewards-panel-texture.png');
  background-position: 0 0;
  background-size: calc(30 * var(--u)) calc(30 * var(--u));
  background-repeat: repeat;
  opacity: .3;
  content: '';
  pointer-events: none;
}

.p-collection-panel>* {
  position: relative;
}

.p-collection-panel>.c-subheading {
  color: #ff5f02;
  font-weight: 700;
}

.p-collection-panel>.c-subheading+p {
  margin-top: 0;
}

.p-collection-panel__record {
  display: block;
  width: calc(295 * var(--u));
  height: auto;
  margin-top: calc(36 * var(--u));
}

.p-collection-panel__record+.c-subheading {
  margin-top: calc(32 * var(--u));
}

.p-collection-panel__history {
  display: block;
  width: calc(305 * var(--u));
  max-width: none;
  height: auto;
  margin-top: calc(35 * var(--u));
}

.p-collection-panel>.c-note-list {
  margin-top: calc(34 * var(--u));
  font-size: calc(12 * var(--u));
  line-height: 1.6;
}

.c-accordion {
  width: calc(350 * var(--u));
  margin: calc(24 * var(--u)) auto 0;
  border-radius: 8px;
  background: white;
  color: #000;
  font-size: calc(12 * var(--u));
  line-height: 1.55;
}

.c-accordion__title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(66 * var(--u));
  padding: calc(12 * var(--u)) calc(52 * var(--u)) calc(12 * var(--u)) calc(20 * var(--u));
  border-radius: 8px;
  background: #ff5f02;
  color: white;
  font-size: calc(17 * var(--u));
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  list-style: none;
  cursor: pointer;
  transition: border-radius 300ms cubic-bezier(.22,1,.36,1);
}

.c-accordion__title::-webkit-details-marker {
  display: none;
}

.c-accordion__title::after {
  position: absolute;
  top: 50%;
  right: calc(18 * var(--u));
  width: calc(26 * var(--u));
  height: calc(26 * var(--u));
  border: 1px solid white;
  border-radius: 50%;
  transform: translateY(-50%);
  background: linear-gradient(white,white) center / calc(9 * var(--u)) 1px no-repeat,linear-gradient(white,white) center / 1px calc(9 * var(--u)) no-repeat;
  content: '';
  transition: background-size 300ms cubic-bezier(.22,1,.36,1);
}

.c-accordion__title[aria-expanded='true']::after,.c-accordion[open]>summary:not([aria-expanded])::after {
  background-size: calc(9 * var(--u)) 1px,1px 0;
}

.c-accordion__title[aria-expanded='true'],.c-accordion[open]>summary:not([aria-expanded]) {
  border-radius: 8px 8px 0 0;
}

.c-accordion__body {
  overflow: hidden;
  overflow-wrap: anywhere;
}

.c-accordion__content {
  padding: calc(24 * var(--u)) calc(30 * var(--u));
  font-weight: 700;
}

.c-rule-heading {
  font-size: calc(14 * var(--u));
}

.c-rule-heading::before {
  content: '●';
}

.c-rule-heading:not(:first-child) {
  margin-top: calc(18 * var(--u));
}

.c-rule-list {
  padding-left: 1em;
  list-style: '・';
}

.c-rule-list2 {
  list-style: none;
}

.c-note {
  padding-left: 1em;
  text-indent: -1em;
}

.c-note2 {
  padding-left: 1em;
}

#points .c-accordion:nth-of-type(2) .c-accordion__title {
  height: calc(71 * var(--u));
  min-height: calc(71 * var(--u));
  padding-block: calc(8 * var(--u));
  padding-left: calc(90 * var(--u));
  justify-content: flex-start;
  text-align: left;
}

#points>.c-accordion:first-of-type .c-accordion__content {
  padding-bottom: calc(44 * var(--u));
}

#points>.c-accordion:nth-of-type(2) .c-accordion__content {
  padding-bottom: calc(49 * var(--u));
}

#rank .c-accordion:first-of-type {
  margin-top: calc(24 * var(--u));
}

#rank .c-accordion:nth-of-type(2) {
  margin-top: calc(22 * var(--u));
}

.c-accordion__content--chart {
  padding: calc(22 * var(--u)) calc(15 * var(--u)) calc(18 * var(--u)) calc(20 * var(--u));
  font-family: Inter, 'Noto Sans JP', sans-serif;
  font-size: calc(12 * var(--u));
  line-height: 1.6;
}

.c-rank-callout {
  display: grid;
  place-items: center;
  width: calc(310 * var(--u));
  height: calc(79 * var(--u));
  margin-top: calc(30 * var(--u));
  border-radius: calc(8 * var(--u));
  background: #eab21f;
  color: white;
  font-family: 'Zen Kaku Gothic New', 'Noto Sans JP', sans-serif;
  font-size: calc(17 * var(--u));
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}

.c-rank-chart-scroll {
  width: calc(314 * var(--u));
  margin-top: calc(11 * var(--u));
  overflow-x: scroll;
  overscroll-behavior-inline: contain;
  scrollbar-color: #d9d9d9 transparent;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.c-rank-chart-scroll:focus-visible {
  outline: 2px solid #eab21f;
  outline-offset: 2px;
}

.c-rank-chart-scroll::-webkit-scrollbar {
  height: calc(8 * var(--u));
}

.c-rank-chart-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.c-rank-chart-scroll::-webkit-scrollbar-thumb {
  border-radius: calc(6 * var(--u));
  background: #d9d9d9;
}

.c-rule-chart {
  display: block;
  width: calc(552 * var(--u));
  max-width: none;
  height: auto;
}

.p-app-features {
  width: calc(350 * var(--u));
  min-height: calc(192 * var(--u));
  margin: calc(48 * var(--u)) auto 0;
}

.p-app-features>.c-section-title {
  gap: calc(18 * var(--u));
  color: #5e2c00;
  font-size: calc(24 * var(--u));
  font-weight: 700;
}

.p-app-features>ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(8 * var(--u));
  margin: calc(14 * var(--u)) auto 0;
  list-style: none;
  text-align: center;
}

.p-app-features li {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.p-app-features h3 {
  color: #ff5f02;
  font-size: calc(14 * var(--u));
  line-height: 1.6;
  white-space: nowrap;
}

.p-app-features img {
  object-fit: contain;
}

.p-app-features li:nth-child(1) img {
  width: calc(49 * var(--u));
  height: calc(37 * var(--u));
  margin-top: calc(19 * var(--u));
}

.p-app-features li:nth-child(2) img {
  width: calc(61 * var(--u));
  height: calc(44 * var(--u));
  margin-top: calc(15 * var(--u));
}

.p-app-features li:nth-child(3) img {
  width: calc(52 * var(--u));
  height: calc(51 * var(--u));
  margin-top: calc(11 * var(--u));
}

.p-app-features li:nth-child(4) img {
  width: calc(57 * var(--u));
  height: calc(46 * var(--u));
  margin-top: calc(16 * var(--u));
}

.p-app-features p {
  color: #5e2c00;
  font-size: calc(10 * var(--u));
  font-weight: 700;
  line-height: 1.6;
}

.p-app-features li:nth-child(1) p {
  margin-top: calc(25 * var(--u));
}

.p-app-features li:nth-child(2) p {
  margin-top: calc(22 * var(--u));
}

.p-app-features li:nth-child(3) p {
  margin-top: calc(18 * var(--u));
}

.p-app-features li:nth-child(4) p {
  margin-top: calc(21 * var(--u));
}

.p-mobile-order {
  margin-top: calc(19 * var(--u));
  font-family: 'Zen Kaku Gothic New',sans-serif;
}

.p-mobile-order__title {
  justify-content: flex-start;
  min-height: calc(68 * var(--u));
  padding: calc(14 * var(--u)) calc(64 * var(--u)) calc(14 * var(--u)) calc(29 * var(--u));
  background: #fccf00;
  color: var(--brown);
  font-size: calc(18 * var(--u));
  font-weight: 900;
  line-height: 1.4;
  text-align: left;
}

.p-mobile-order > .p-mobile-order__title:hover {
  background: #fccf00;
}

.p-mobile-order__title > span,
.p-mobile-order__method-title > span,
.p-mobile-order__step-title > span,
.p-mobile-order__copy p {
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.p-mobile-order__title::after,
.p-mobile-order__title[aria-expanded='true']::after,
.p-mobile-order[open] > summary:not([aria-expanded])::after {
  right: calc(13 * var(--u));
  border: 0;
  background: url('../images/mobile-order-toggle.svg') center / contain no-repeat;
  transition: none;
}

.p-mobile-order__title::before {
  position: absolute;
  top: 50%;
  right: calc(26 * var(--u));
  width: 1px;
  height: calc(9 * var(--u));
  background: currentColor;
  transform: translate(50%,-50%);
  transition: transform 300ms cubic-bezier(.22,1,.36,1);
  content: '';
}

.p-mobile-order__title[aria-expanded='true']::before,
.p-mobile-order[open] > summary:not([aria-expanded])::before {
  transform: translate(50%,-50%) scaleY(0);
}

.p-mobile-order__content {
  padding: calc(19 * var(--u)) calc(17 * var(--u)) calc(36 * var(--u));
  font-size: calc(14 * var(--u));
  line-height: 1.6;
}

.p-mobile-order__method + .p-mobile-order__method {
  margin-top: calc(24 * var(--u));
}

.p-mobile-order__method--myshop {
  padding-bottom: calc(24 * var(--u));
  background: linear-gradient(#ff9836,#ff9836) center bottom / calc(273 * var(--u)) 1px no-repeat;
}

.p-mobile-order__method-title {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(66 * var(--u));
  padding: calc(10 * var(--u));
  border-radius: calc(8 * var(--u));
  background: #f9640e;
  color: white;
  font-size: calc(16 * var(--u));
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}

.p-mobile-order__method-title > span > span {
  color: #fff000;
}

.p-mobile-order__steps {
  margin: calc(24 * var(--u)) 0 0;
  padding: 0;
  list-style: none;
}

.p-mobile-order__step {
  display: grid;
  justify-items: center;
  gap: calc(24 * var(--u));
}

.p-mobile-order__step + .p-mobile-order__step {
  margin-top: calc(24 * var(--u));
  padding-top: calc(24 * var(--u));
  background: linear-gradient(#ff9836,#ff9836) center top / calc(273 * var(--u)) 1px no-repeat;
}

.p-mobile-order__step-title {
  display: flex;
  align-items: center;
  gap: calc(22 * var(--u));
  margin: 0;
  color: #ff5f02;
  font-size: calc(18 * var(--u));
  font-weight: 700;
  line-height: 1.6;
}

.p-mobile-order__step:nth-child(3) .p-mobile-order__step-title {
  gap: calc(14 * var(--u));
}

.p-mobile-order__step-title img {
  flex: 0 0 auto;
  width: calc(69 * var(--u));
  height: calc(44 * var(--u));
}

.p-mobile-order__screen {
  width: calc(272 * var(--u));
  height: auto;
}

.p-mobile-order__method--myshop .p-mobile-order__step:nth-child(1) .p-mobile-order__screen {
  width: calc(262 * var(--u));
}

.p-mobile-order__method--myshop .p-mobile-order__step:nth-child(2) .p-mobile-order__screen {
  width: calc(274 * var(--u));
}

.p-mobile-order__method--myshop .p-mobile-order__step:nth-child(3) .p-mobile-order__screen {
  width: calc(270 * var(--u));
}

.p-mobile-order__method--order .p-mobile-order__step:nth-child(2) .p-mobile-order__screen {
  width: calc(278 * var(--u));
}

.p-mobile-order__copy {
  display: grid;
  gap: calc(24 * var(--u));
  width: calc(280 * var(--u));
}

.p-mobile-order__copy p {
  white-space: pre;
}

.p-mobile-order__note {
  font-size: calc(12 * var(--u));
}

.p-mobile-order__method--myshop .p-mobile-order__step:nth-child(-n+2) .p-mobile-order__copy,
.p-mobile-order__method--order .p-mobile-order__step:nth-child(1) .p-mobile-order__copy {
  width: calc(276 * var(--u));
}

.p-mobile-order__method--myshop .p-mobile-order__step:nth-child(1) .p-mobile-order__copy {
  gap: calc(21 * var(--u));
}

.p-mobile-order__method--myshop .p-mobile-order__step:nth-child(3) .p-mobile-order__copy:first-of-type {
  width: calc(299 * var(--u));
}

.p-mobile-order__method--order .p-mobile-order__step:nth-child(1) .p-mobile-order__copy {
  gap: calc(61 * var(--u));
}

.p-mobile-order__method--order .p-mobile-order__step:nth-child(2) .p-mobile-order__copy {
  width: calc(263 * var(--u));
}

.c-store-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(20 * var(--u));
}

.c-store-links img {
  width: auto;
  height: 54px;
}

.p-download {
  position: relative;
  min-height: calc(264 * var(--u));
  margin-top: calc(47 * var(--u));
  padding: calc(24 * var(--u)) calc(20 * var(--u)) calc(15 * var(--u));
  background: white;
}

.p-download__qr {
  position: absolute;
  top: calc(22 * var(--u));
  left: calc(27 * var(--u));
  width: calc(97 * var(--u));
}

.p-download h2 {
  margin-left: calc(118 * var(--u));
  font-size: calc(14 * var(--u));
  font-weight: 900;
  line-height: 1.6;
}

.p-download h2 strong {
  color: #e60012;
}

.p-download__callout {
  width: fit-content;
  margin: calc(12 * var(--u)) 0 0 calc(118 * var(--u));
  padding: calc(2 * var(--u)) calc(17 * var(--u));
  border-radius: 14px;
  background: #e60012;
  color: white;
  font-size: calc(12 * var(--u));
  font-weight: 900;
}

.p-download .c-store-links {
  margin-top: calc(38 * var(--u));
}

.p-download small {
  display: block;
  margin-top: calc(15 * var(--u));
  color: #111;
  font-size: calc(9 * var(--u));
  line-height: 1.25;
}

.p-faq {
  width: calc(350 * var(--u));
  margin: calc(56 * var(--u)) auto 0;
}

.p-faq>h2 {
  font-size: calc(24 * var(--u));
  line-height: 1.3;
  text-align: center;
}

.p-faq .c-accordion {
  width: 100%;
  font-size: calc(14 * var(--u));
}

.p-faq .c-accordion__title {
  justify-content: flex-start;
  padding-left: calc(68 * var(--u));
  text-align: left;
}

.p-faq .c-accordion__content {
  padding: calc(24 * var(--u)) calc(30 * var(--u));
  font-size: calc(14 * var(--u));
  line-height: 1.6;
}

.p-faq .c-accordion__title::before {
  position: absolute;
  top: 50%;
  left: calc(20 * var(--u));
  width: calc(25 * var(--u));
  height: calc(24 * var(--u));
  transform: translateY(-50%);
  background: url('../images/faq-q.svg') center / contain no-repeat;
  content: '';
}

.p-faq__item--three-lines .c-accordion__title {
  min-height: calc(106 * var(--u));
}

.p-faq__item--four-lines .c-accordion__title {
  min-height: calc(129 * var(--u));
}

.p-faq-contact {
  display: flex;
  align-items: center;
  gap: calc(26 * var(--u));
  width: calc(350 * var(--u));
  min-height: calc(71 * var(--u));
  margin: calc(54 * var(--u)) auto;
  padding: calc(16 * var(--u)) calc(24 * var(--u));
  border-radius: 8px;
  background: #ff9836;
  color: white;
  font-size: calc(17 * var(--u));
  font-weight: 700;
  line-height: 1.6;
}

.p-faq-contact img {
  width: calc(36 * var(--u));
  height: calc(29 * var(--u));
  flex: 0 0 auto;
}

.l-footer {
  min-height: calc(244 * var(--u));
  padding: calc(78 * var(--u)) calc(20 * var(--u)) max(calc(24 * var(--u)),env(safe-area-inset-bottom));
  background: #FFF188;
  color: #231815;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.l-footer__logo {
  width: calc(253 * var(--u));
  height: calc(44 * var(--u));
  margin-inline: auto;
}

.l-footer small {
  display: block;
  margin-top: 96px;
  font-family: Inter,sans-serif;
  font-size: calc(12 * var(--u));
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: calc(.36 * var(--u));
  white-space: nowrap;
}

@media (hover:hover) {
  .p-feature-nav a,.c-nav__link {
    transition: transform 240ms cubic-bezier(.22,1,.36,1),box-shadow 240ms,background-color 240ms;
  }

  .p-feature-nav a:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px #9e43002b;
  }

  .c-accordion__title:hover {
    background: #f35d08;
  }

  .c-nav__link:hover,.c-nav__link[aria-current='location'] {
    background: #fff4d8;
  }
}

@media (min-width:768px) {
  .l-main {
    box-shadow: 0 0 32px #5e2c000c;
  }
}

@media (min-width:1366px) {
  .l-header {
    grid-template-columns: 1fr;
  }

  .l-header__logo {
    grid-column: 1;
  }

  .l-header__menu,
  .c-nav__download {
    display: none;
  }

  .l-side {
    position: fixed;
    display: block;
  }

  .l-side--left {
    top: max(16px,calc(100dvh - 465px));
    right: calc(50% + 280px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 318px;
    height: 429px;
    padding-block: 21px 17px;
  }

  .l-side__logo-wrapper {
    padding: 3px;
    background-color: #FFDD9E;
    width: 318px;
    flex-shrink: 0;
  }

  .l-side__download {
    display: grid;
    grid-template-columns: 123px 168px;
    gap: 16px 14px;
    width: 318px;
    background-color: #FFDD9E;
    flex-shrink: 0;
  }

  .l-side__download h2 {
    grid-column: 1 / -1;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 1.26px;
    white-space: nowrap;
  }

  .l-side__qr {
    width: 123px;
    height: 123px;
  }

  .l-side__download .c-store-links {
    display: flex;
    flex-direction: column;
    gap: 13px;
  }

  .l-side__download .c-store-links img {
    width: auto;
    height: auto;
  }

  .c-nav,
  .c-nav.is-open {
    top: max(16px,calc(100dvh - 465px));
    right: auto;
    bottom: auto;
    left: calc(50% + 245px);
    width: 380px;
    height: auto;
    max-height: calc(100dvh - 32px);
    padding: 5px;
    overflow: auto;
    background: #ffdd9e;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: none;
    transition: none;
  }

  .c-nav__list {
    gap: 19px;
    width: 100%;
  }

  .c-nav__link {
    padding: 12px 14px 12px 24px;
    border-radius: 30px;
    font-family: 'Inter','Noto Sans JP',sans-serif;
    font-size: 16px;
  }

  .c-nav__link::after {
    background-image: url('../images/side-nav-chevron.svg');
    transform: rotate(45deg);
  }

}

@media (min-width:1366px) and (min-height:769px) {
  .l-side--left,
  .c-nav,
  .c-nav.is-open {
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (prefers-reduced-motion:reduce) {
  :root {
    scroll-behavior: auto;
  }

  .c-scroll-reveal {
    opacity: 1;
    transform: none;
  }

  .c-nav,.c-page-top {
    transition: none;
  }

  *,*::before,*::after {
    transition-duration: 0s !important;
  }
}