@charset "UTF-8";
/*
A modern CSS reset 2023 / 9 / 18
https://github.com/Andy-set-studio/modern-css-reset
*/
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0;
}

ul[role=list], ol[role=list] {
  list-style: none;
}

body {
  min-height: 100vh;
  line-height: 1.5;
}

h1, h2, h3, h4, button, input, label {
  line-height: 1.1;
}

h1, h2, h3, h4 {
  text-wrap: balance;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

img, picture {
  max-width: 100%;
  display: block;
}

input, button, textarea, select {
  font: inherit;
}

textarea:not([rows]) {
  min-height: 10em;
}

:target {
  scroll-margin-block: 5ex;
}

/**  base  **/
@keyframes fadeIn {
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  100% {
    opacity: 0;
  }
}
@keyframes clipPath {
  100% {
    clip-path: inset(0);
  }
}
@keyframes clipPathCircle {
  100% {
    clip-path: circle(100% at 50% 50%);
  }
}
p,
ul,
ol,
h1,
h2,
h3,
figure,
dl,
dd,
button,
pre {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

ul,
ol {
  list-style: none;
}

img,
video {
  max-width: 100%;
  vertical-align: bottom;
  line-height: 1;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
}

a {
  color: currentColor;
  text-decoration: none;
}
@media (hover: hover) {
  a:hover {
    opacity: 0.5;
  }
}

*:focus {
  outline: none;
}

html {
  scroll-behavior: smooth;
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  overflow-wrap: anywhere; /* 収まらない場合に折り返す */
  word-break: normal; /* 単語の分割はデフォルトに依存 */
  line-break: strict; /* 禁則処理を厳格に適用 */
}

:root {
  --color-yellow: #FCEA00;
  --color-2: #00AEEB;
  --color-4: #EB6EA5;
  --color-5: #54C3F1;
  --color-6: #FFF100;
  --color-7: #22B5AC;
  --color-8: #F6AB00;
  --color-10: #0075C2;
  --white: #ffffff;
  --black: #000000;
  --cv-color: var(--color-yellow);
  --space-xxs: 0.8rem;
  --space-xs: 1.6rem;
  --space-sm: 2.4rem;
  --space-m: 4rem;
  --space-lg: 8rem;
  --ds: 1rem 1rem 1rem 0px rgba(0, 0, 0, 0.10);
  --ds-filter: drop-shadow(1rem 1rem 1rem rgba(0, 0, 0, 0.26));
  --ds-3d: 2rem 2rem 2rem 0px rgba(0, 0, 0, 0.10);
  --ds-3d-filter: drop-shadow(2rem 2rem 2rem rgba(0, 0, 0, 0.10));
  --header-z: 15;
}

:root {
  overflow-y: initial;
}

html {
  height: initial;
}

body {
  color: var(--black);
  font-family: "A1 Gothic M";
  min-width: unset;
}

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

svg {
  display: block;
}

[class*=tm_] {
  width: fit-content;
  height: auto;
}

[class*=tm_]:not(.static) {
  position: absolute;
}

.preload-font {
  display: none;
  font-size: 0;
  font-family: "Puhu Picnic";
}

.section-heading + .t-heading-sm {
  padding-top: 0;
}

.t-heading-sm {
  padding-block: var(--space-m);
  font-family: "Puhu Picnic";
  font-size: min(8.9743589744vw, 3.5rem);
  line-height: 100%;
  letter-spacing: -0.01em;
  text-align: center;
}
.t-heading-sm small {
  font-size: 0.5714285714em;
}

.t-lead {
  width: 90.2564102564%;
  margin-inline: auto;
  padding-bottom: var(--space-m);
  font-family: "Puhu Picnic";
  font-size: min(4.6153846154vw, 1.8rem);
  line-height: 200%;
  letter-spacing: -0.05em;
}

.button {
  --button-pad: 0.25em 1em 0.25em 1em;
  display: block;
  width: fit-content;
  padding: var(--button-pad);
  color: var(--color-2);
  font-family: "Puhu Picnic";
  font-size: min(5.1282051282vw, 2rem);
  line-height: 200%;
  text-align: center;
  background-color: var(--color-yellow);
  border-radius: 2em;
}

.page {
  display: grid;
  grid-template-columns: min(100%, 52rem);
  justify-content: center;
  background-color: var(--color-yellow);
}

.header-nav {
  position: relative;
}

.main {
  position: relative;
  overflow-x: hidden;
}

@media (min-width: 48rem) {
  .page {
    grid-template-columns: min(80.7692307692vw, 31.5rem) 39rem;
  }
  .page .button-menu {
    display: none;
  }
  .page .region-switcher {
    position: sticky;
    top: 2.4rem;
    left: 0;
    display: flex;
  }
  .page .header,
  .page .nav {
    position: sticky;
    top: 0;
    width: min(80.7692307692vw, 31.5rem);
    padding-right: min(10.2564102564vw, 4rem);
  }
  .page .header {
    display: flex;
    padding-block: 9.2rem 0;
  }
  .page .nav {
    display: block;
    padding-block: 9.2rem var(--space-m);
  }
}
@media (min-width: 73rem) {
  .page {
    grid-template-columns: 39rem;
  }
  .page .region-switcher {
    position: fixed;
    top: 18%;
    left: calc(50% - 59.5rem + 4rem);
  }
  .page .header {
    position: fixed;
    top: 0;
    left: calc(50% - 59.5rem);
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: min(102.5641025641vw, 40rem);
    padding: 0 min(10.2564102564vw, var(--space-m)) 0;
  }
  .page .nav {
    position: fixed;
    top: 0;
    bottom: 0;
    right: calc(50% - 51rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-inline: min(10.2564102564vw, var(--space-m)) 0;
  }
}
@media (min-width: 90rem) {
  .page:before, .page:after {
    content: "";
    position: fixed;
    top: 0;
    width: 12rem;
    height: 100vh;
    background-repeat: no-repeat repeat;
  }
  .page:before {
    --wallpaper-height: 240rem;
    left: 0;
    background-image: url("../img/wallpaper_goods.webp");
    background-size: 12rem var(--wallpaper-height);
    animation: wallpaper 40s linear infinite;
  }
  .page:after {
    --wallpaper-height: 352rem;
    right: 0;
    background-image: url("../img/wallpaper_characters.webp");
    background-size: 12rem var(--wallpaper-height);
    animation: wallpaper 58.7s linear infinite;
  }
}
@keyframes wallpaper {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 var(--wallpaper-height);
  }
}
.header {
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 5.4rem 0;
}
.header img {
  height: auto;
}
.header .logo-lb {
  width: 52.5%;
}
.header .logo-tm {
  width: 84.1666666667%;
}
.header .logo-tm img {
  width: 100%;
}
.header .logo-banner {
  width: 100%;
}

.nav {
  display: none;
  width: min(100%, 39rem);
  padding: 10.9rem 0 var(--space-m);
  font-family: "Puhu Picnic";
  background-color: var(--color-yellow);
}
.nav-visible .nav {
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: flex;
  justify-content: center;
  animation: fade-in 0.4s ease forwards;
}
.nav-list {
  display: grid;
  gap: var(--space-m) 0;
  height: fit-content;
}
.nav-item {
  display: grid;
  gap: var(--space-sm) 0;
}
.nav-item p {
  font-size: 0.9691rem;
  line-height: 100%;
  letter-spacing: 0.0500464348em;
}
.nav-item p img {
  max-width: unset;
  width: fit-content;
}
.nav-item p span {
  display: block;
  margin-top: var(--space-xxs);
}
.nav-item ul {
  display: grid;
  gap: var(--space-sm) 0;
}
.nav a {
  display: flex;
  align-items: center;
  gap: 0 var(--space-xs);
  font-size: 1.7755rem;
  line-height: 100%;
}
.nav a:hover {
  opacity: 1;
}
.nav a:hover img {
  animation: rotate360 1s linear infinite;
}
.nav .nav-icon {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
}
.nav .nav-icon.nav-green {
  background-color: var(--color-7);
}
.nav .nav-icon.nav-orange {
  background-color: var(--color-8);
}
.nav .nav-icon.nav-pink {
  background-color: var(--color-4);
}
.nav .nav-icon.mg {
  transform: rotate(-45deg);
}
.nav .nav-icon img {
  width: fit-content;
}
@media (min-width: 48rem) {
  .nav-list {
    gap: var(--space-sm);
  }
  .nav-item {
    gap: var(--space-xs);
  }
  .nav-item ul {
    gap: var(--space-xs);
  }
}

@keyframes rotate360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.footer {
  position: relative;
  display: grid;
  justify-content: center;
  padding-block: 9.9rem 12.6rem;
  color: var(--white);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background-color: var(--color-2);
}
.footer .tm_102 {
  --add-deg: 0deg;
  position: absolute;
  top: max(-10.6153846154vw, -4.14rem);
  left: 40.7692307692%;
  width: 18.6820512821%;
  animation: waggle 0.5s steps(1) infinite;
}
.footer a[target][target=_blank]:not([href*="//www.1101.com"]):not([href*="//help.1101.com"]):not([href*="//www.hobonichi.co.jp"]):not([href^="/"]):not(:empty):not([class*=btn-]):after {
  display: none;
}
.footer a {
  width: fit-content;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 0.5px;
}
.footer-group {
  display: flex;
  align-items: center;
  margin-inline: auto;
}
.footer h3 {
  margin-bottom: 4.4rem;
}
.footer h3 img {
  width: 41.7948717949%;
  height: auto;
  margin-inline: auto;
}
.footer h4 {
  margin-inline: 3.3333333333em 0.8333333333em;
}
.footer-share {
  display: flex;
  gap: 0 0.3333333333em;
  align-items: center;
}
.footer-share img {
  width: 2.5em;
  height: 2.5em;
}
.footer-store {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8333333333em 0;
  margin-block: 2.25em 1.6666666667em;
}

.section {
  --h2-w: 100%;
  position: relative;
  width: 100%;
}
.section-heading {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2rem 0;
  padding-block: var(--space-lg);
  text-align: center;
}
.section-heading .h2-ts {
  width: var(--h2-w);
  height: auto;
  filter: drop-shadow(4px 2px 0 var(--white));
}
.section-heading span {
  font-family: "Puhu Picnic";
  font-size: 1.7rem;
  line-height: 140%;
}

.cover {
  position: relative;
  width: 100%;
  aspect-ratio: 390/1333;
  background-color: var(--color-2);
}
.cover .guide {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.cover .logo {
  position: absolute;
  top: 7.951987997%;
  left: 11.2820512821%;
  width: 77.6923076923%;
  height: auto;
}
.page-loaded .cover [class*=c_].float {
  animation: float var(--duration, 6s) linear infinite;
}
.page-loaded .cover [class*=tm_].float {
  animation: float var(--duration, 6s) linear infinite;
}
.page-loaded .cover .quiet {
  animation: float var(--duration, 12s) linear infinite;
}
.cover [class*=c_],
.cover [class*=bg_] {
  position: absolute;
  height: auto;
  max-width: unset;
}
.cover .tm_005_c {
  --duration: 8s;
  top: 20.2550637659%;
  left: 5.8974358974%;
  width: 19.7435897436%;
}
.cover .tm_070_c {
  --duration: 8s;
  top: 29.8574643661%;
  left: 79.2307692308%;
  width: 16.1538461538%;
}
.cover .tm_066_c {
  --duration: 6s;
  top: 37.9594898725%;
  left: 4.358974359%;
  width: 24.6153846154%;
}
.cover .tm_028_c {
  --duration: 10s;
  top: 66.9167291823%;
  left: 21.0256410256%;
  width: 20.5128205128%;
}
.cover .tm_076_c {
  --duration: 7s;
  top: 62.8657164291%;
  left: 63.0769230769%;
  width: 29.7435897436%;
}
.cover .tm_quack {
  --duration: 8s;
  top: 35.6339084771%;
  left: 44.358974359%;
  width: 52.4358974359%;
}
.cover .c_01 {
  top: 0.6751687922%;
  left: 3.8461538462%;
  width: 31.2820512821%;
}
.cover .c_01.float {
  --duration: 6s;
}
.cover .c_01.quiet {
  --duration: 12s;
}
.cover .c_02 {
  top: 10.5776444111%;
  left: -10.2564102564%;
  width: 30.5128205128%;
}
.cover .c_02.float {
  --duration: 8s;
}
.cover .c_02.quiet {
  --duration: 18s;
}
.cover .c_03 {
  top: 49.3623405851%;
  left: 3.8461538462%;
  width: 38.9743589744%;
}
.cover .c_03.float {
  --duration: 7s;
}
.cover .c_03.quiet {
  --duration: 16s;
}
.cover .c_04 {
  top: 70.6676669167%;
  left: -17.1794871795%;
  width: 42.0512820513%;
}
.cover .c_04.float {
  --duration: 7s;
}
.cover .c_04.quiet {
  --duration: 19s;
}
.cover .c_05 {
  top: 11.0277569392%;
  left: 84.8717948718%;
  width: 32.9487179487%;
}
.cover .c_05.float {
  --duration: 8s;
}
.cover .c_05.quiet {
  --duration: 14s;
}
.cover .c_06 {
  top: 21.9804951238%;
  left: 15.3846153846%;
  width: 57.9487179487%;
}
.cover .c_06.float {
  --duration: 8s;
}
.cover .c_06.quiet {
  --duration: 13s;
}
.cover .c_07 {
  top: 25.056264066%;
  left: 46.6666666667%;
  width: 40.1282051282%;
}
.cover .c_07.float {
  --duration: 9s;
}
.cover .c_07.quiet {
  --duration: 13s;
}
.cover .c_08 {
  top: 51.9879969992%;
  left: 77.6923076923%;
  width: 36.7948717949%;
}
.cover .c_08.float {
  --duration: 8s;
}
.cover .c_08.quiet {
  --duration: 13s;
}
.cover .c_09 {
  top: 51.5378844711%;
  left: 32.8205128205%;
  width: 55.7692307692%;
}
.cover .c_09.float {
  --duration: 7s;
}
.cover .c_09.quiet {
  --duration: 17s;
}
.cover .c_10 {
  top: 71.9429857464%;
  left: 81.0256410256%;
  width: 38.8461538462%;
}
.cover .c_10.float {
  --duration: 7s;
}
.cover .c_10.quiet {
  --duration: 12s;
}
.cover .c_11 {
  top: 77.8694673668%;
  left: 64.358974359%;
  width: 26.7948717949%;
}
.cover .c_11.float {
  --duration: 7s;
}
.cover .c_11.quiet {
  --duration: 20s;
}
.cover .c_12 {
  top: 74.943735934%;
  left: 18.7179487179%;
  width: 50.3846153846%;
}
.cover .c_12.float {
  --duration: 8s;
}
.cover .c_12.quiet {
  --duration: 19s;
}
.cover .c_13 {
  top: 86.6466616654%;
  left: 47.9487179487%;
  width: 58.5897435897%;
}
.cover .c_13.float {
  --duration: 7s;
}
.cover .c_13.quiet {
  --duration: 20s;
}
.cover .c_14 {
  top: 84.6961740435%;
  left: 6.4102564103%;
  width: 30.2564102564%;
}
.cover .c_14.float {
  --duration: 7s;
}
.cover .c_14.quiet {
  --duration: 17s;
}
.cover .c_15 {
  top: 18.8297074269%;
  left: 68.9743589744%;
  width: 29.358974359%;
}
.cover .c_15.float {
  --duration: 10s;
}
.cover .c_15.quiet {
  --duration: 15s;
}
.cover .bg_01 {
  top: 0.7006751688%;
  left: 37.8358974359%;
  width: 20.6384615385%;
  transform: rotate(-11.59deg);
}
.cover .bg_02 {
  top: 47.711927982%;
  left: 27.1794871795%;
  width: 23.5897435897%;
  transform: rotate(15deg);
}
.cover .bg_03 {
  top: 60.352588147%;
  left: 6.4102564103%;
  width: 20.3820512821%;
  transform: rotate(0deg);
}
.cover .bg_04 {
  top: 72.4613653413%;
  left: 54.9025641026%;
  width: 13.0358974359%;
  transform: rotate(30deg);
}
.cover .bg_05 {
  top: 94.7486871718%;
  left: 16.9230769231%;
  width: 13.1307692308%;
  transform: rotate(0deg);
}
.cover .bg_01 {
  animation: bg_01 10s linear infinite;
}
.cover .bg_02 {
  animation: bg_02 10s ease-out infinite;
}
.cover .bg_03 {
  animation: bg_03 16s ease-in-out infinite;
}
.cover .bg_05 {
  animation: bg_05 6s ease infinite;
}

@keyframes float {
  0% {
    transform: translate(0%, 0%);
  }
  25% {
    transform: translate(0%, -10%);
  }
  75% {
    transform: translate(0%, 10%);
  }
}
@keyframes float2 {
  0% {
    transform: translate(0%, 0%) rotate(10deg);
  }
  25% {
    transform: translate(0%, -10%) rotate(-10deg);
  }
  75% {
    transform: translate(0%, 10%) rotate(0deg);
  }
  100% {
    transform: rotate(10deg);
  }
}
@keyframes bg_02 {
  0% {
    visibility: visible;
    transform: rotate(15deg) translateX(0%);
  }
  15% {
    transform: rotate(15deg) translateX(0%);
  }
  25% {
    transform: rotate(15deg) translateX(-220%);
  }
  25.1% {
    visibility: hidden;
    transform: rotate(15deg) translateX(-220%);
  }
  39.9% {
    visibility: hidden;
    transform: rotate(15deg) translateX(320%);
  }
  40% {
    visibility: visible;
    transform: rotate(15deg) translateX(320%);
  }
  60% {
    transform: rotate(15deg) translateX(0%);
  }
}
@keyframes bg_01 {
  0% {
    transform: translateX(0%) rotate(-11.59deg);
  }
  15% {
    transform: translateX(0%) rotate(-11.59deg);
  }
  30% {
    transform: translateX(110%) rotate(-11.59deg);
  }
  60% {
    transform: translateX(0%) rotate(-11.59deg);
  }
}
@keyframes bg_03 {
  0% {
    transform: scale(1) rotate(0deg);
  }
  30% {
    transform: scale(1) rotate(0deg);
  }
  40% {
    transform: scale(0.3) rotate(360deg);
  }
  60% {
    transform: scale(0.3) rotate(360deg);
  }
  75% {
    transform: scale(1) rotate(0deg);
  }
}
@keyframes bg_05 {
  0% {
    transform: translateX(0%);
  }
  20% {
    transform: translateX(0%);
  }
  30% {
    transform: translateX(-300%);
  }
  30.1% {
    visibility: hidden;
    transform: translateX(-300%);
  }
  30.2% {
    visibility: hidden;
    transform: translateX(650%);
  }
  30.5% {
    visibility: visible;
    transform: translateX(650%);
  }
  40% {
    visibility: visible;
    transform: translateX(550%);
  }
  70% {
    visibility: visible;
    transform: translateX(550%);
  }
}
.yodogawa {
  padding-bottom: 7.4rem;
  background-color: var(--color-2);
}
.yodogawa .banner {
  --banner-speed: 30s;
  position: relative;
  display: flex;
  width: 100%;
  aspect-ratio: 390/165;
}
.yodogawa .banner img {
  max-width: unset;
  width: fit-content;
  height: 100%;
}
.page-loaded .yodogawa .banner img:first-of-type {
  animation: banner1 var(--banner-speed) calc(var(--banner-speed) * -1) linear infinite;
}
.page-loaded .yodogawa .banner img:last-of-type {
  animation: banner2 var(--banner-speed) calc(var(--banner-speed) / -2) linear infinite;
}
.yodogawa .y-lead {
  margin-bottom: 2.9rem;
  font-family: "Puhu Picnic";
  font-size: min(5.1282051282vw, 2rem);
  line-height: 200%;
  letter-spacing: -0.05em;
  text-align: center;
}
.yodogawa .y-lead .emoji {
  display: inline-block;
  vertical-align: text-bottom;
  height: auto;
}
.yodogawa .y-lead .emoji-egg {
  width: min(5.1282051282vw, 2rem);
}
.yodogawa .y-lead .emoji-pencil {
  width: min(4.1025641026vw, 1.6rem);
}
.yodogawa .y-lead .emoji-sun {
  width: min(6.1538461538vw, 2.4rem);
}
.yodogawa .y-lead .emoji-star {
  width: min(5.8974358974vw, 2.3rem);
}
.yodogawa .y-techo {
  position: relative;
  width: 100%;
  aspect-ratio: 390/652;
  background-image: url("../img/yodogawa/text_TECHO_TCHI.webp"), url("../img/yodogawa/text_TECHO_TCHI.webp");
  background-size: 70.1704545455% auto;
  background-position: top 1.4877300613% right -24%, bottom left -27%;
  background-repeat: no-repeat;
}
.yodogawa .y-techo .tm_002 {
  --add-deg: -15deg;
  top: 1.8404907975%;
  left: 3.8461538462%;
  width: 28.2051282051%;
  transform: rotate(var(--add-deg));
  filter: var(--ds-filter);
  animation: waggle 0.5s steps(1) infinite;
}
.yodogawa .y-techo .techotchi {
  position: absolute;
  top: 15.9509202454%;
  left: 5%;
  display: flex;
  flex-direction: column;
  gap: 5.1172707889% 0;
  align-items: center;
  justify-content: center;
  width: 90.2564102564%;
  aspect-ratio: 352/469;
  font-family: "Puhu Picnic";
  text-align: center;
  line-height: 180%;
  background-color: var(--color-4);
  border-radius: 1.6rem;
  box-shadow: var(--ds-3d);
  transform: rotate(15deg);
}
.yodogawa .y-techo .techotchi h3 {
  font-size: min(4.9353846154vw, 1.9248rem);
  letter-spacing: 0.1000103907em;
}
.yodogawa .y-techo .techotchi img {
  height: auto;
}
.yodogawa .y-techo .techotchi .img-techotchi {
  width: 60.7954545455%;
}
.yodogawa .y-techo .techotchi .img-techotchi-text {
  width: 37.5%;
}
.yodogawa .y-techo .techotchi .tm_032 {
  right: 18.75%;
  top: 40.0852878465%;
  width: 7.9545454545%;
  transform: rotate(45deg);
}
.yodogawa .y-techo .techotchi p {
  font-size: min(4.4230769231vw, 1.725rem);
  letter-spacing: 0.1em;
}
.yodogawa .go-go {
  padding-top: 4.4rem;
}
.yodogawa .text_go_go {
  position: relative;
  left: 15.1282051282%;
  width: 66.4102564103%;
  height: auto;
  margin-bottom: 2.1rem;
}
.yodogawa .go-gos {
  position: relative;
  display: flex;
  width: 51.5384615385%;
  aspect-ratio: 201/64;
  left: 29.4871794872%;
}
.yodogawa .go-gos img {
  position: absolute;
  height: auto;
  transform-origin: center bottom;
}
.yodogawa .go-gos .go_01 {
  left: 0;
  top: 12.03125%;
  width: 21.3930348259%;
}
.yodogawa .go-gos .go_02 {
  bottom: 0;
  left: 24.3781094527%;
  width: 23.8805970149%;
}
.yodogawa .go-gos .go_03 {
  top: 0;
  right: 25.3731343284%;
  width: 22.8855721393%;
}
.yodogawa .go-gos .go_04 {
  top: 3.7313432836%;
  right: 0;
  width: 22.8855721393%;
}
.yodogawa .go-go.active .go-gos img {
  animation: jumping 2s steps(2) infinite;
}
.yodogawa .go-go.active .go-gos .go_02 {
  animation-delay: 0.5s;
}
.yodogawa .go-go.active .go-gos .go_03 {
  animation-delay: 0.75s;
}
.yodogawa .go-go.active .go-gos .go_04 {
  animation-delay: 1s;
}

@keyframes banner {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 500.5128205128% 0%;
  }
}
@keyframes banner1 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes banner2 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-200%);
  }
}
@keyframes jumping {
  0% {
    transform: translateY(0%) scale(1);
  }
  12% {
    transform: translateY(-50%) scale(0.9, 1);
  }
  16% {
    transform: translateY(10%) scale(1.01, 0.75);
  }
  20% {
    transform: translateY(0%) scale(1);
  }
}
.yodogawa .y-techo {
  background-position: top 1.4877300613% right -240%, bottom left -240%;
  transition: background-position 1s ease;
}
.yodogawa .y-techo .techotchi {
  opacity: 0;
  transform: rotate(360deg) scale(0);
  transition: all 1s ease-out;
}
.yodogawa .y-techo .tm_002 {
  opacity: 0;
  transition: all 0.5s 1s ease-out;
}
.yodogawa .y-techo.show {
  background-position: top 1.4877300613% right -24%, bottom left -27%;
}
.yodogawa .y-techo.show .techotchi {
  opacity: 1;
  transform: rotate(15deg) scale(1);
}
.yodogawa .y-techo.show .tm_002 {
  opacity: 1;
}

.lineup {
  --h2-w: 47.9487179487%;
  background-color: var(--color-7);
}
.lineup .section-heading {
  padding-bottom: 0;
}
.lineup .tm_104 {
  --add-deg: 0deg;
  width: 45.3846153846%;
  margin-top: 3.6rem;
  animation: waggle 0.5s steps(1) infinite;
}
.lineup .t-heading-sm {
  color: var(--color-6);
}

.techo-cover {
  position: relative;
  padding-block-end: var(--space-lg);
}
.techo-cover .tm_037 {
  right: 8.9153846154%;
  bottom: 0;
  width: 15.1282051282%;
  transform-origin: center bottom;
}
.techo-cover:has(.observe-target.active) .tm_037 {
  animation: tm37 10s steps(12) infinite;
}

@keyframes tm37 {
  0% {
    transform: translateX(0%);
  }
  25% {
    transform: translateX(-250%);
  }
  50% {
    transform: translateX(-250%);
  }
  75% {
    transform: translateX(0%);
  }
}
.tools-toys {
  position: relative;
  padding-block: var(--space-m) var(--space-lg);
  background-color: var(--color-8);
}
.tools-toys .t-heading-sm {
  color: var(--color-10);
}
.tools-toys .tm_106 {
  --add-deg: -15deg;
  left: 11.7435897436%;
  top: -7rem;
  width: min(24.358974359%, 9.5rem);
  transform: rotate(var(--add-deg));
  animation: waggle 0.5s steps(1) infinite;
}

.how-to-use {
  --h2-w: 57.9487179487%;
  padding-bottom: var(--space-lg);
  background-color: var(--color-2);
}
.how-to-use .t-heading-sm + .t-lead {
  padding-bottom: 0;
}
.how-to-use .tm_107 {
  --add-deg: -15deg;
  top: max(-15.3846153846vw, -6rem);
  left: 10.2564102564%;
  width: 17.3282051282%;
  transform: rotate(var(--add-deg));
  animation: waggle 0.5s steps(1) infinite;
}
.how-to-use .tm_060 {
  top: max(-12.3076923077vw, -4.8rem);
  right: 8.2051282051%;
  width: 15.1615384615%;
  aspect-ratio: 59.13/78.69;
}
.how-to-use .tm_060 img {
  position: absolute;
  width: 59.2930830374%;
  height: auto;
  transform: rotate(15.86deg);
  opacity: 0;
}
.how-to-use .tm_060 img:nth-of-type(1) {
  top: 0;
  left: 0;
  animation: blinker 1.8s infinite linear;
}
.how-to-use .tm_060 img:nth-of-type(2) {
  bottom: 0;
  right: 0;
  animation: blinker 1.8s 0.9s infinite linear;
}
.how-to-use h2 {
  position: relative;
}
.how-to-use .tm_100 {
  --add-deg: -15deg;
  right: 5.8974358974%;
  bottom: 5rem;
  width: 13.2692307692%;
  transform: rotate(var(--add-deg));
  animation: waggle 0.5s 0.25s steps(1) infinite;
}
.how-to-use .playground {
  position: relative;
  width: 82.2641025641%;
  aspect-ratio: 320.83/264.42;
  margin: 3.56rem auto 0;
}
.how-to-use .playground .bubble {
  position: absolute;
  top: 0;
  right: 0;
  width: 67.8125%;
  aspect-ratio: 217.5/155;
  animation: scale-up-down 4s 0.1s infinite linear;
}
.how-to-use .playground .bubble img {
  width: 100%;
  height: auto;
}
.how-to-use .playground .tm_080 {
  width: 15.9375%;
  right: 0;
  top: 43.9393939394%;
  animation: scale-up-down 4s infinite linear;
}
.how-to-use .playground .tm_105 {
  --add-deg: 26.19deg;
  bottom: 0;
  left: 0;
  width: 27.4143302181%;
  transform: rotate(var(--add-deg));
  animation: waggle 0.5s steps(1) infinite;
}
.how-to-use .heading-sm {
  margin-block: var(--space-m);
}
.how-to-use .playground-02 {
  position: relative;
  padding-top: var(--space-lg);
}
.how-to-use .playground-02 .tm_101 {
  --add-deg: 23.844deg;
  right: 7.6923076923%;
  bottom: -1.1rem;
  width: 28.2051282051%;
  transform: rotate(var(--add-deg));
  animation: waggle 0.5s steps(1) infinite;
}
.how-to-use .button {
  --button-pad: 0.35em 1.1em 0.3em 1.15em;
  margin: var(--space-m) auto 0;
  letter-spacing: -0.1em;
}

@keyframes blinker {
  0% {
    opacity: 0;
  }
  45.9% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  99.9% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scale-up-down {
  0% {
    transform: scale(1) rotate(0deg);
  }
  20% {
    transform: scale(1) rotate(0deg);
  }
  25% {
    transform: scale(1.3) rotate(-15deg);
  }
  26.5% {
    transform: scale(1.2) rotate(-15deg);
  }
  40% {
    transform: scale(1.2) rotate(-15deg);
  }
  45% {
    transform: scale(0.9) rotate(0deg);
  }
  46% {
    transform: scale(1) rotate(0deg);
  }
}
.recommend-item {
  --h2-w: 82.3076923077%;
  background-color: var(--color-4);
}
.recommend-item .t-heading-sm {
  padding-bottom: 0;
}
.recommend-item .tm_012 {
  --add-deg: 29.716deg;
  width: 9.8974358974%;
  right: 6.9230769231%;
  bottom: 5.3rem;
  transform: rotate(var(--add-deg));
  animation: waggle 0.5s steps(1) infinite;
}
.recommend-item .tm_015 {
  left: 1.0256410256%;
  bottom: 6%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  width: 15.5615384615%;
  aspect-ratio: 60.69/110.48;
  transform-origin: left top;
  transform: rotate(-15deg);
}
.recommend-item .tm_015 img {
  width: 53.8309441424%;
  height: auto;
}
.recommend-item .tm_015 img:first-of-type {
  animation: blink3 1.75s 0.5s linear infinite;
}
.recommend-item .tm_015 img:nth-of-type(2) {
  align-self: flex-start;
  animation: blink3 1.75s 0.25s linear infinite;
}
.recommend-item .tm_015 img:last-of-type {
  animation: blink3 1.75s linear infinite;
}
.recommend-item .tm_096 {
  --add-deg: 31.48deg;
  top: max(-13.7179487179vw, -5.35rem);
  right: 11.7820512821%;
  width: 17.2615384615%;
  transform: rotate(var(--add-deg));
  animation: waggle 0.5s steps(1) infinite;
}
.recommend-item > h3 {
  color: var(--color-6);
}

@keyframes blink3 {
  0% {
    opacity: 0;
  }
  33.2% {
    opacity: 0;
  }
  33.3% {
    opacity: 1;
  }
  99.9% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.shop-list {
  --h2-w: 38.7179487179%;
  padding-bottom: 5.1rem;
  background-color: var(--color-8);
}
.shop-list .tm_103 {
  --add-deg: 15.86deg;
  right: 8.4615384615%;
  top: max(-12.8205128205vw, -5rem);
  width: 25.4358974359%;
  transform: rotate(var(--add-deg));
  animation: waggle 0.5s steps(1) infinite;
}
.shop-list .section-heading {
  padding-bottom: var(--space-m);
}
.shop-list .wrap {
  width: 85.1282051282%;
  margin-inline: auto;
}
.shop-list h3 {
  margin-block: var(--space-m);
  font-size: 2.4rem;
  font-family: "A1 Gothic B";
  line-height: 120%;
}
.shop-list h2 + h3 {
  margin-top: 0;
}
.shop-list ul {
  padding-left: 1.5em;
  list-style: disc;
  font-family: "A1 Gothic B";
  font-size: 1.6rem;
  line-height: 180%;
}
.shop-list a {
  width: fit-content;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.shop-list .note {
  margin-top: 2.4rem;
  font-size: 1.2rem;
  line-height: 150%;
}
.shop-list br {
  display: block;
}

.products {
  padding: 6.4rem min(4.8717948718vw, 1.9rem) 12rem;
  background-color: var(--color-7);
}
.products .techo-items {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, calc(50% - min(2.0512820513vw, 0.8rem)));
  gap: min(4.1025641026vw, 1.6rem);
}
.products .techo-items[data-group] {
  margin: 0;
}
.products .techo-items > li {
  width: 100%;
  margin-top: 0;
  padding: 0;
}
.products .techo-items > li .btn-item {
  border: 0;
  border-radius: 1.6rem;
}
@media (hover: hover) {
  .products .techo-items a:hover {
    opacity: 1;
  }
}

.loading {
  position: fixed;
  inset: 0;
  z-index: calc(var(--header-z) + 5);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--color-yellow);
  transition: all 2s 5s ease-out;
}
.page-loaded .loading {
  background-color: var(--color-2);
  opacity: 0;
  visibility: hidden;
}
.page-loaded .loading-text [class*=t_] {
  opacity: 0;
  transition: opacity;
}
.page-loaded .loading-text [class*=t_]:nth-of-type(1) {
  transition-delay: 0.15s;
}
.page-loaded .loading-text [class*=t_]:nth-of-type(2) {
  transition-delay: 0.3s;
}
.page-loaded .loading-text [class*=t_]:nth-of-type(3) {
  transition-delay: 0.45s;
}
.page-loaded .loading-text [class*=t_]:nth-of-type(4) {
  transition-delay: 0.6s;
}
.page-loaded .loading-text [class*=t_]:nth-of-type(5) {
  transition-delay: 0.75s;
}
.page-loaded .loading-text [class*=t_]:nth-of-type(6) {
  transition-delay: 0.9s;
}
.page-loaded .loading-text [class*=t_]:nth-of-type(7) {
  transition-delay: 1.05s;
}
.page-loaded .loading-text [class*=t_]:nth-of-type(8) {
  transition-delay: 1.2s;
}
.page-loaded .loading-text [class*=t_]:nth-of-type(9) {
  transition-delay: 1.35s;
}
.page-loaded .loading-text [class*=t_]:nth-of-type(10) {
  transition-delay: 1.5s;
}
.page-loaded .loading .hello-text {
  animation: tada 0.5s 2s ease-out forwards;
}
.loading .hello-text {
  opacity: 0;
  display: flex;
  align-items: center;
  gap: 0 0.6rem;
}
.loading-text {
  display: flex;
  align-items: center;
  gap: 0 0.6rem;
  opacity: 1;
}
.loading-text span {
  width: 1rem;
}
.loading img {
  position: relative;
  width: fit-content;
}
.page-loading .loading [class*=t_] {
  animation: drop 5s infinite;
}
.loading [class*=t_]:nth-of-type(1) {
  animation-delay: 0.3s;
}
.loading [class*=t_]:nth-of-type(2) {
  animation-delay: 0.6s;
}
.loading [class*=t_]:nth-of-type(3) {
  animation-delay: 0.9s;
}
.loading [class*=t_]:nth-of-type(4) {
  animation-delay: 1.2s;
}
.loading [class*=t_]:nth-of-type(5) {
  animation-delay: 1.5s;
}
.loading [class*=t_]:nth-of-type(6) {
  animation-delay: 1.8s;
}
.loading [class*=t_]:nth-of-type(7) {
  animation-delay: 2.1s;
}
.loading [class*=t_]:nth-of-type(8) {
  animation-delay: 2.4s;
}
.loading [class*=t_]:nth-of-type(9) {
  animation-delay: 2.7s;
}
.loading [class*=t_]:nth-of-type(10) {
  animation-delay: 3s;
}

@keyframes drop {
  0% {
    transform: translateY(0%);
  }
  5% {
    transform: translateY(-20%);
  }
  8% {
    transform: translateY(2%);
  }
  9% {
    transform: translateY(0%);
  }
}
@keyframes tada {
  0% {
    opacity: 0;
    transform: scale(0) translateY(-5%);
  }
  80% {
    opacity: 1;
    transform: scale(1.1) translateY(10%);
  }
  90% {
    opacity: 1;
    transform: scale(0.9) translateY(-1%);
  }
  100% {
    opacity: 1;
    transform: scale(0.9) translateY(0%);
  }
}
.button-menu {
  position: fixed;
  z-index: calc(var(--header-z) + 1);
  top: 1.8rem;
  right: calc(50% - min(50%, 26rem) + 1.3rem);
  width: min(15.3846153846vw, 6rem);
  height: min(15.3846153846vw, 6rem);
  border-radius: 50%;
}
.button-menu:before {
  content: "";
  --tm-deg: -45deg;
  position: absolute;
  display: block;
  width: 58.3333333333%;
  height: 61.6666666667%;
  left: -21.5%;
  top: -17%;
  transform: rotate(var(--tm-deg));
  background-image: url("../img/tm/tm_035.svg");
  background-size: cover;
  background-repeat: no-repeat;
  animation: sneaky-pete 10s linear infinite;
}
.button-menu span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  color: var(--color-2);
  font-size: 0;
  background-color: var(--color-yellow);
  border-radius: 50%;
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 33 8" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.7002 0.000488281C1.97604 -0.0115049 2.19286 0.204202 2.20508 0.47998C2.22908 0.99598 2.28877 1.57293 2.38477 2.14893C2.58874 2.12494 2.81668 2.12423 3.05664 2.13623C3.42863 2.16023 3.7766 2.20848 4.10059 2.29248C4.13659 1.99248 4.13659 1.71636 4.10059 1.46436C4.06465 1.18844 4.24461 0.948644 4.52051 0.912598C4.78451 0.876598 5.03627 1.05652 5.07227 1.33252C5.12026 1.71652 5.12055 2.17284 5.06055 2.65283C5.5765 2.91683 6.00833 3.26481 6.32031 3.69678C6.92022 4.51269 7.07694 5.55638 6.78906 6.72021C6.72906 6.94821 6.52459 7.09229 6.30859 7.09229C6.2606 7.09229 6.22447 7.09257 6.18848 7.08057C5.92453 7.00853 5.76813 6.74395 5.82812 6.47998C6.05601 5.60413 5.94827 4.86059 5.52832 4.28467C5.34842 4.04481 5.12077 3.82886 4.83301 3.64893C4.593 4.48879 4.17287 5.28087 3.58496 5.8208C3.51296 5.8928 3.42873 5.9649 3.34473 6.0249C3.47658 6.36052 3.58428 6.61242 3.65625 6.7085C3.82425 6.9245 3.78827 7.23679 3.57227 7.40479C3.48832 7.46462 3.3803 7.50049 3.27246 7.50049C3.12851 7.50045 2.98464 7.44006 2.88867 7.30811C2.7687 7.15204 2.62496 6.83996 2.45703 6.43213C2.15703 6.50413 1.84423 6.50413 1.53223 6.43213C0.500512 6.20398 -0.123428 5.30435 0.0205078 4.24854C0.128508 3.52854 0.584805 2.7966 1.4248 2.4126C1.3168 1.7406 1.2447 1.09239 1.2207 0.504395C1.20875 0.240553 1.42441 0.0126952 1.7002 0.000488281ZM19.9893 1.83643C20.2293 1.76443 20.4814 1.88451 20.5654 2.12451C20.6374 2.3285 20.7093 2.65245 20.7812 3.04834C21.0812 3.03634 21.3098 3.08404 21.4658 3.14404C22.1495 3.39609 22.5809 4.10423 22.4971 4.81201C22.4371 5.37601 22.0054 6.03646 20.9854 6.16846H20.9609C20.9249 6.50442 20.8655 6.81659 20.7695 7.08057C20.7095 7.27242 20.5295 7.39197 20.3496 7.39209C20.2896 7.39209 20.2413 7.38065 20.1934 7.36865C19.9534 7.28467 19.8331 7.02044 19.917 6.79248C20.133 6.1685 20.1331 5.16051 20.0371 4.24854C19.6292 4.51256 19.1609 4.98054 18.6689 5.7124C18.573 5.84425 18.4293 5.91673 18.2734 5.90479C18.1055 5.90479 17.9737 5.80842 17.8896 5.66455C17.5536 5.02855 17.3732 3.31196 17.4932 2.85596C17.5653 2.61629 17.8052 2.47296 18.0449 2.53271C18.2849 2.59272 18.4291 2.84447 18.3691 3.08447C18.3332 3.24066 18.3816 3.90048 18.4775 4.46436C18.9934 3.85255 19.4854 3.49285 19.9053 3.27686C19.8453 2.91692 19.7732 2.60461 19.7012 2.4126C19.6292 2.17263 19.7493 1.92046 19.9893 1.83643ZM9.32031 1.50049C9.63226 1.57248 9.75231 1.83614 9.69238 2.1001C9.66838 2.2081 9.62096 2.4728 9.58496 2.8208C9.56096 3.15672 9.52441 3.57677 9.52441 3.99658C9.52443 4.45235 9.56087 4.92008 9.63281 5.31592C9.6448 5.44782 9.68108 5.56808 9.70508 5.68799C9.72887 5.6642 9.74098 5.65208 9.75293 5.64014C9.94483 5.47221 10.0771 5.34033 10.0771 5.34033C10.2812 5.14852 10.5925 5.16081 10.7725 5.36475C10.9643 5.56866 10.9528 5.86807 10.749 6.06006C10.749 6.06006 10.1724 6.58846 9.86035 6.87646C9.75239 6.97228 9.60844 7.02056 9.47656 6.99658C9.33272 6.98453 9.21286 6.90036 9.12891 6.79248C8.87691 6.42048 8.74513 5.96389 8.66113 5.48389C8.5772 5.00407 8.55274 4.48838 8.55273 3.99658C8.55273 3.54058 8.5763 3.09612 8.6123 2.72412C8.64829 2.35236 8.72038 2.06453 8.73242 1.87256C8.74442 1.64467 9.02048 1.45274 9.32031 1.50049ZM11.9971 4.56006C12.2129 4.38046 12.5244 4.40441 12.6924 4.60791C12.7644 4.69191 13.005 4.86026 13.293 4.96826C13.5809 5.08823 13.9171 5.16064 14.2051 5.16064C14.3009 5.16062 14.3848 5.14822 14.4688 5.13623C14.7327 5.08823 14.9849 5.25671 15.0449 5.53271C15.0927 5.79657 14.9123 6.04822 14.6484 6.09619C14.5046 6.13211 14.3489 6.14403 14.2051 6.14404C13.7611 6.14404 13.3166 6.03637 12.9326 5.88037C12.5368 5.72442 12.2012 5.5322 11.9492 5.25635C11.7692 5.05235 11.7931 4.74006 11.9971 4.56006ZM1.61621 3.43213C1.25633 3.6721 1.05291 4.02046 1.00488 4.38037C0.944891 4.78831 1.10055 5.32835 1.73633 5.46045C1.88029 5.49644 2.01257 5.49685 2.14453 5.48486C1.95253 4.87286 1.77221 4.16413 1.61621 3.43213ZM20.9258 3.94873C20.9738 4.36862 20.9978 4.81275 21.0098 5.24463C21.3695 5.16061 21.5733 4.9804 21.6094 4.70459C21.6334 4.4526 21.4893 4.11659 21.1533 3.99658C21.0814 3.97262 21.0096 3.94881 20.9258 3.94873ZM2.81641 3.10889C2.73245 3.10889 2.6364 3.10861 2.56445 3.12061C2.69644 3.79253 2.86452 4.44045 3.02051 5.00439C3.42851 4.57239 3.74062 3.92416 3.93262 3.26416C3.64469 3.18019 3.33269 3.13262 3.00879 3.12061C2.93679 3.10861 2.87641 3.10889 2.81641 3.10889ZM31.3291 3.28857C31.6411 3.22861 31.941 3.43265 32.001 3.74463C32.0609 4.0566 31.8569 4.35651 31.5449 4.4165C30.9929 4.51249 30.2487 4.53662 29.4688 4.53662C28.9046 4.53662 27.3933 4.5242 26.8652 4.51221C26.4453 4.50021 26.0731 4.48877 25.7852 4.48877C25.4612 4.48877 25.209 4.23657 25.209 3.9126C25.209 3.6006 25.4612 3.34814 25.7852 3.34814C26.0851 3.34814 26.4689 3.34885 26.8887 3.36084C28.0287 3.39684 30.5011 3.43257 31.3291 3.28857ZM12.8125 2.18408C13.3765 2.18408 13.9888 2.23235 14.3848 2.25635C14.6608 2.28035 14.8648 2.50867 14.8408 2.78467C14.8286 3.0485 14.5884 3.25272 14.3125 3.24072C13.9165 3.20473 13.3164 3.16846 12.8125 3.16846C12.5968 3.16846 12.3929 3.16796 12.249 3.19189C11.985 3.22789 11.7333 3.04797 11.6973 2.77197C11.6495 2.50816 11.8407 2.25634 12.1045 2.22021C12.3204 2.18423 12.5606 2.18408 12.8125 2.18408Z" /%3E%3C/svg%3E');
  background-size: 53.3333333333% auto;
  background-position: center bottom 26.6666666667%;
  background-repeat: no-repeat;
}
.button-menu span:before, .button-menu span:after {
  content: "";
  position: absolute;
  left: 25%;
  display: block;
  width: 50%;
  aspect-ratio: 30/7;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 30 7" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18.7873 6.33339C16.3 6.33339 9.6318 6.28041 7.30323 6.22744C5.45096 6.17447 3.81038 6.12149 2.54025 6.12149C1.11136 6.12149 0 5.00903 0 3.57872C0 2.20138 1.11136 1.08892 2.54025 1.08892C3.8633 1.08892 5.55681 1.08892 7.40908 1.14189C12.4367 1.30082 23.3386 1.45974 26.9902 0.824046C28.3662 0.559174 29.6892 1.45974 29.9538 2.83708C30.2184 4.21441 29.3188 5.53877 27.9428 5.80364C25.5084 6.22744 22.2272 6.33339 18.7873 6.33339Z" /%3E%3C/svg%3E');
  mask-size: contain;
  mask-repeat: no-repeat;
  transition: all 0.52s ease;
}
.button-menu span:before {
  top: 26.6666666667%;
}
.button-menu span:after {
  top: 44.6333333333%;
}
.button-menu.close:before {
  display: none;
}
.button-menu.close span {
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 22 8" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M17.2119 0.00195312C18.3969 0.0737585 19.7369 0.0139759 19.7676 0.0136719C19.9356 0.0136719 20.1042 0.0864685 20.2002 0.230469C20.2959 0.374369 20.3072 0.565874 20.2354 0.72168C20.1994 0.781676 19.6362 1.99413 19.1562 2.87012C20.4998 3.08621 20.9677 3.89003 21.1357 4.41797C21.4957 5.55797 20.9076 6.88997 20.1396 7.41797C19.7917 7.65795 19.3833 7.77832 18.9873 7.77832C18.6875 7.77824 18.3755 7.70641 18.0996 7.5625C17.6076 7.3105 17.2955 6.85402 17.2715 6.37402C17.2715 6.09801 17.3682 5.57009 18.0762 5.16211C18.9039 4.67043 19.7197 5.07789 20.2236 5.50977C20.2716 5.24584 20.2715 4.95797 20.1875 4.70605C19.9475 3.92626 19.036 3.782 18.3281 3.79395C18.1362 3.79395 17.9678 3.69817 17.8838 3.53027C17.7998 3.37427 17.8119 3.16967 17.9199 3.01367C18.1599 2.67747 18.6394 1.74216 18.9873 1.02246C18.4834 1.02246 17.7994 1.02232 17.1396 0.986328C16.8757 0.962271 16.6716 0.733967 16.6836 0.458008C16.7436 0.17002 16.9359 -0.0220467 17.2119 0.00195312ZM0.412109 0.650391C0.675995 0.602411 0.94038 0.793794 0.976562 1.05762C1.10856 1.86162 1.43244 2.72647 1.64844 3.23047C2.28443 2.90647 3.11229 2.69045 4.07227 2.60645C4.33621 2.58245 4.5765 2.78589 4.60059 3.0498C4.62459 3.3258 4.42025 3.56584 4.15625 3.58984C2.60826 3.72185 1.51582 4.22588 1.21582 4.92188C1.09588 5.22178 1.14452 5.53364 1.36035 5.80957C1.70835 6.22957 2.52446 6.58961 3.77246 6.34961C4.03637 6.28979 4.30065 6.47046 4.34863 6.73438C4.39638 6.99824 4.22773 7.2616 3.96387 7.30957C3.62804 7.38151 3.29232 7.40624 2.98047 7.40625C1.97247 7.40625 1.12049 7.06959 0.604492 6.43359C0.148594 5.88162 0.0404398 5.17403 0.316406 4.53809C0.424406 4.27409 0.592313 4.03366 0.820312 3.80566C0.604272 3.31354 0.171875 2.23368 0.00390625 1.21387C-0.0319737 0.950011 0.148296 0.698483 0.412109 0.650391ZM9.1123 1.00977C9.37607 1.0698 9.54409 1.33385 9.48438 1.59766C9.31639 2.32958 9.0163 4.42952 9.58008 5.38965C9.88006 5.88162 10.324 6.12204 10.792 6.03809C11.332 5.94209 11.7397 5.47389 11.8477 4.83789C11.8957 4.57398 12.1479 4.3945 12.4238 4.44238C12.6878 4.49037 12.8682 4.74194 12.8203 5.00586C12.6403 6.04986 11.9197 6.83005 10.9717 6.99805C10.8519 7.02198 10.7321 7.03416 10.6123 7.03418C9.8683 7.03418 9.17223 6.62555 8.74023 5.89355C7.86448 4.42949 8.45242 1.69382 8.52441 1.38184C8.58453 1.11799 8.84839 0.949785 9.1123 1.00977ZM18.8682 5.92969C18.7722 5.92969 18.6634 5.95395 18.5674 6.00195C18.3758 6.12172 18.2562 6.25369 18.2559 6.34961C18.2679 6.44561 18.3517 6.59052 18.5557 6.68652C18.6758 6.74656 19.1081 6.92633 19.5879 6.60254C19.6478 6.5546 19.7077 6.50619 19.7676 6.44629L19.7559 6.43359C19.7485 6.41355 19.3201 5.92995 18.8682 5.92969ZM11.4521 1.1416C11.6801 1.0937 11.8963 1.22615 11.9443 1.4541C11.9923 1.66987 12.0877 2.01734 12.1357 2.1377C12.2197 2.34166 12.1121 2.58197 11.9082 2.66602C11.8482 2.69002 11.8 2.70215 11.752 2.70215C11.5841 2.7021 11.4402 2.60618 11.3682 2.43848C11.2842 2.22248 11.1763 1.72979 11.1523 1.63379C11.1045 1.40586 11.2362 1.18959 11.4521 1.1416ZM13.0479 0.746094C13.2639 0.698094 13.5043 0.770031 13.5283 1.08203C13.5403 1.20205 13.6119 1.56248 13.6719 1.73047C13.7436 1.94638 13.6238 2.18585 13.4199 2.25781C13.372 2.26978 13.3242 2.28218 13.2764 2.28223C13.1084 2.28223 12.9516 2.17386 12.8916 2.00586C12.7957 1.72982 12.7239 1.26185 12.7119 1.21387C12.676 0.986022 12.832 0.782189 13.0479 0.746094Z" /%3E%3C/svg%3E');
  background-size: 35.4% auto;
}
.button-menu.close span:before {
  transform: rotate(45deg);
}
.button-menu.close span:after {
  top: 26.6666666667%;
  transform: rotate(-45deg);
}

@keyframes sneaky-pete {
  0% {
    transform: rotate(var(--tm-deg)) translateY(0%);
  }
  10% {
    transform: rotate(var(--tm-deg)) translateY(0%);
  }
  20% {
    transform: rotate(var(--tm-deg)) translateY(100%);
  }
  40% {
    transform: rotate(var(--tm-deg)) translateY(100%);
  }
  50% {
    transform: rotate(var(--tm-deg)) translateY(0%);
  }
}
.region-switcher {
  position: fixed;
  z-index: 5;
  top: 3.1rem;
  left: 7.4358974359%;
  display: none;
  align-items: center;
  gap: 0 1.2rem;
}
.nav-visible .region-switcher {
  display: flex;
}
.region-switcher .language {
  display: flex;
  align-items: center;
  gap: 0 0.7rem;
  width: 4.6rem;
  color: #383838;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  border: 1px solid currentColor;
  border-radius: 1rem;
}
.region-switcher .language:before {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  margin-left: 0.2rem;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.00019 11.8C5.20019 11.8 4.44742 11.6472 3.74186 11.3416C3.03631 11.0361 2.42242 10.6222 1.9002 10.1C1.37797 9.57773 0.964084 8.96384 0.658529 8.25828C0.352973 7.55273 0.200195 6.79995 0.200195 5.99995C0.200195 5.19995 0.352973 4.44717 0.658529 3.74162C0.964084 3.03606 1.37797 2.42217 1.9002 1.89995C2.42242 1.37773 3.03631 0.96384 3.74186 0.658284C4.44742 0.352729 5.20019 0.199951 6.00019 0.199951C6.80019 0.199951 7.55297 0.352729 8.25853 0.658284C8.96408 0.96384 9.57797 1.37773 10.1002 1.89995C10.6224 2.42217 11.0363 3.03606 11.3419 3.74162C11.6474 4.44717 11.8002 5.19995 11.8002 5.99995C11.8002 6.79995 11.6474 7.55273 11.3419 8.25828C11.0363 8.96384 10.6224 9.57773 10.1002 10.1C9.57797 10.6222 8.96408 11.0361 8.25853 11.3416C7.55297 11.6472 6.80019 11.8 6.00019 11.8ZM6.00019 11.35C6.42242 10.8166 6.76686 10.3 7.03353 9.79995C7.30019 9.29995 7.51686 8.73328 7.68353 8.09995H4.31686C4.50575 8.77773 4.72797 9.36662 4.98353 9.86662C5.23908 10.3666 5.57797 10.8611 6.00019 11.35ZM5.41686 11.3C5.07242 10.9333 4.75575 10.4583 4.46686 9.87495C4.17797 9.29162 3.96686 8.69995 3.83353 8.09995H1.1002C1.5002 9.01106 2.08353 9.74995 2.8502 10.3166C3.61686 10.8833 4.47242 11.2111 5.41686 11.3ZM6.58353 11.3C7.52797 11.2111 8.38353 10.8833 9.15019 10.3166C9.91686 9.74995 10.5002 9.01106 10.9002 8.09995H8.16686C7.97797 8.71106 7.73908 9.30828 7.45019 9.89162C7.16131 10.475 6.87242 10.9444 6.58353 11.3ZM0.916862 7.63328H3.73353C3.67797 7.3444 3.63908 7.06384 3.61686 6.79162C3.59464 6.5194 3.58353 6.25551 3.58353 5.99995C3.58353 5.7444 3.59464 5.48051 3.61686 5.20828C3.63908 4.93606 3.67797 4.65551 3.73353 4.36662H0.916862C0.839084 4.59995 0.777973 4.86106 0.733529 5.14995C0.689084 5.43884 0.666862 5.72217 0.666862 5.99995C0.666862 6.27773 0.689084 6.56106 0.733529 6.84995C0.777973 7.13884 0.839084 7.39995 0.916862 7.63328ZM4.2002 7.63328H7.8002C7.85575 7.3444 7.89464 7.0694 7.91686 6.80828C7.93908 6.54717 7.95019 6.27773 7.95019 5.99995C7.95019 5.72217 7.93908 5.45273 7.91686 5.19162C7.89464 4.93051 7.85575 4.65551 7.8002 4.36662H4.2002C4.14464 4.65551 4.10575 4.93051 4.08353 5.19162C4.06131 5.45273 4.0502 5.72217 4.0502 5.99995C4.0502 6.27773 4.06131 6.54717 4.08353 6.80828C4.10575 7.0694 4.14464 7.3444 4.2002 7.63328ZM8.26686 7.63328H11.0835C11.1613 7.39995 11.2224 7.13884 11.2669 6.84995C11.3113 6.56106 11.3335 6.27773 11.3335 5.99995C11.3335 5.72217 11.3113 5.43884 11.2669 5.14995C11.2224 4.86106 11.1613 4.59995 11.0835 4.36662H8.26686C8.32242 4.65551 8.36131 4.93606 8.38353 5.20828C8.40575 5.48051 8.41686 5.7444 8.41686 5.99995C8.41686 6.25551 8.40575 6.5194 8.38353 6.79162C8.36131 7.06384 8.32242 7.3444 8.26686 7.63328ZM8.16686 3.89995H10.9002C10.4891 2.96662 9.91408 2.22773 9.1752 1.68328C8.43631 1.13884 7.57242 0.805507 6.58353 0.683284C6.92797 1.10551 7.23908 1.59995 7.51686 2.16662C7.79464 2.73328 8.01131 3.31106 8.16686 3.89995ZM4.31686 3.89995H7.68353C7.49464 3.23328 7.26408 2.63606 6.99186 2.10828C6.71964 1.58051 6.38908 1.0944 6.00019 0.649951C5.61131 1.0944 5.28075 1.58051 5.00853 2.10828C4.73631 2.63606 4.50575 3.23328 4.31686 3.89995ZM1.1002 3.89995H3.83353C3.98908 3.31106 4.20575 2.73328 4.48353 2.16662C4.76131 1.59995 5.07242 1.10551 5.41686 0.683284C4.41686 0.805507 3.5502 1.14162 2.81686 1.69162C2.08353 2.24162 1.51131 2.97773 1.1002 3.89995Z" /%3E%3C/svg%3E');
  mask-repeat: no-repeat;
}
.region-switcher .ge-flag {
  font-size: 0;
  padding: 0;
}
@media (min-width: 48rem) {
  .region-switcher {
    position: absolute;
  }
}

#GlobaleFreeShippingBannerContainer {
  display: none;
}

@keyframes fade-in {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
@keyframes pendulum {
  0% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(30deg);
  }
}
@keyframes pendulum2 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-30deg);
  }
}
@keyframes deg10 {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-10deg);
  }
}
@keyframes waggle {
  0% {
    transform: rotate(calc(var(--add-deg) - 2deg));
  }
  50% {
    transform: rotate(calc(var(--add-deg) + 2deg));
  }
  100% {
    transform: rotate(calc(var(--add-deg) - 2deg));
  }
}
@keyframes updown {
  0% {
    transform: translateY(-0.05rem);
  }
  50% {
    transform: translateY(0.05rem);
  }
  100% {
    transform: translateY(-0.05rem);
  }
}
@keyframes sneaky-peek-bottom {
  0% {
    transform: translateY(100%) rotate(var(--tm-deg));
  }
  100% {
    transform: translateY(0%) rotate(var(--tm-deg));
  }
}
@keyframes right-to-left {
  0% {
    right: -20%;
  }
  100% {
    right: 100%;
  }
}
.button-close {
  position: absolute;
  top: -1.2rem;
  right: 1.1rem;
  width: 2.8rem;
  height: 2.8rem;
  background-color: var(--color-yellow);
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M13.9407 2.00844L9.04661 6.91139L14 12.0802L11.9237 14L7.02966 8.91983L1.95763 14L0 11.962L5.07203 6.91139L0.326272 2.00844L2.37288 0L7.08898 4.90295L11.9831 0L13.9407 2.00844Z" fill="%2300AEEB"/%3E%3C/svg%3E');
  background-size: 0.817rem;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
}
.button-close span {
  position: absolute;
  top: -1.3rem;
  left: calc(50% - 1.1rem);
  width: 2.2rem;
  height: 1rem;
  font-size: 0;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml, %3csvg viewBox="0 0 22 10" xmlns="http://www.w3.org/2000/svg"%3E%3cpath d="M19.0339 9.25364C18.6946 9.25364 18.3418 9.17221 18.0297 9.00936C17.4733 8.72437 17.1204 8.20868 17.0933 7.66584C17.0933 7.35371 17.2018 6.75659 18.0025 6.29518C18.9389 5.73877 19.8617 6.20018 20.4317 6.68873C20.486 6.39017 20.486 6.06447 20.391 5.77948C20.1196 4.89737 19.0882 4.73452 18.2875 4.74809C18.0704 4.74809 17.8804 4.63953 17.7854 4.44953C17.6904 4.27311 17.704 4.04241 17.8261 3.86598C18.0975 3.486 18.6404 2.42747 19.0339 1.61321C18.4639 1.61321 17.6904 1.61321 16.944 1.5725C16.6454 1.54536 16.4147 1.28751 16.4283 0.975378C16.4962 0.649676 16.7133 0.432541 17.0254 0.459683C18.3689 0.541108 19.8889 0.473254 19.916 0.473254C20.106 0.473254 20.296 0.554679 20.4046 0.71753C20.5132 0.880381 20.5267 1.09752 20.4453 1.27394C20.4046 1.34179 19.7667 2.71246 19.2239 3.70313C20.7439 3.94741 21.2731 4.85666 21.4631 5.45378C21.8702 6.74302 21.2053 8.24939 20.3367 8.84651C19.9432 9.11793 19.4818 9.25364 19.0339 9.25364ZM18.8982 7.16372C18.7896 7.16372 18.6675 7.19086 18.5589 7.24514C18.3418 7.38085 18.2061 7.53013 18.2061 7.6387C18.2197 7.74727 18.3147 7.91012 18.5454 8.01868C18.6811 8.08654 19.1696 8.2901 19.7125 7.92369C19.7803 7.8694 19.8482 7.81512 19.916 7.74727L19.9025 7.7337C19.9025 7.72012 19.4139 7.16372 18.8982 7.16372Z" /%3E%3cpath d="M10.9187 8.41214C10.0773 8.41214 9.29023 7.95073 8.80168 7.1229C7.811 5.46725 8.47598 2.37308 8.5574 2.02024C8.62526 1.72168 8.92382 1.53169 9.22238 1.59954C9.52094 1.6674 9.71093 1.96596 9.64308 2.26452C9.45308 3.09234 9.11381 5.46725 9.75164 6.55293C10.0909 7.10933 10.593 7.38075 11.1223 7.28576C11.733 7.17719 12.1944 6.64792 12.3165 5.92866C12.3708 5.6301 12.6558 5.42654 12.968 5.48082C13.2665 5.53511 13.4701 5.8201 13.4158 6.11866C13.2122 7.29933 12.398 8.18144 11.3259 8.37143C11.1902 8.39857 11.0545 8.41214 10.9187 8.41214ZM12.208 3.51304C12.018 3.51304 11.8551 3.40447 11.7737 3.21448C11.6787 2.9702 11.5566 2.4138 11.5294 2.30523C11.4751 2.04738 11.6244 1.8031 11.8687 1.74882C12.1266 1.69454 12.3708 1.84382 12.4251 2.10166C12.4794 2.34594 12.588 2.7395 12.6422 2.87521C12.7372 3.10591 12.6151 3.37733 12.3844 3.47233C12.3165 3.49947 12.2623 3.51304 12.208 3.51304ZM13.9315 3.03806C13.7415 3.03806 13.5651 2.91592 13.4972 2.72593C13.3886 2.4138 13.3072 1.88453 13.2937 1.83025C13.2529 1.5724 13.4294 1.34169 13.6736 1.30098C13.9179 1.2467 14.1893 1.32812 14.2165 1.68097C14.23 1.81668 14.3115 2.2238 14.3793 2.4138C14.4608 2.65807 14.325 2.92949 14.0943 3.01092C14.0401 3.02449 13.9858 3.03806 13.9315 3.03806Z" /%3E%3cpath d="M3.6442 8.83285C2.50425 8.83285 1.54071 8.45287 0.957162 7.73361C0.441468 7.10935 0.31933 6.30866 0.631461 5.5894C0.753599 5.29084 0.943592 5.01942 1.20144 4.76158C0.957163 4.20517 0.468609 2.98379 0.278616 1.83026C0.237904 1.5317 0.441468 1.24671 0.740028 1.19243C1.03859 1.13814 1.33715 1.35528 1.37786 1.65384C1.52714 2.56309 1.89356 3.54019 2.13783 4.11017C2.85709 3.74376 3.79348 3.49948 4.87916 3.40449C5.17772 3.37734 5.44914 3.60805 5.47628 3.90661C5.50342 4.21874 5.27271 4.49016 4.97415 4.5173C3.22351 4.66658 1.98855 5.23656 1.64928 6.02367C1.51357 6.36295 1.56785 6.71579 1.81213 7.02792C2.20569 7.5029 3.12851 7.91003 4.53989 7.63861C4.83845 7.57076 5.13701 7.77432 5.19129 8.07288C5.24557 8.37144 5.05558 8.67 4.75702 8.72429C4.37703 8.80571 3.99705 8.83285 3.6442 8.83285Z" /%3E%3c/svg%3E');
}

.button-look {
  width: 4.8rem;
  aspect-ratio: 1;
  font-size: 0;
  background-color: var(--color-yellow);
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.002 20.2637H19.001L20.2998 21.5625L18.9941 22.8682L17.6885 21.5625V21.5615L16.3906 20.2646L17.6963 18.958L19.002 20.2637ZM22.9111 21.5615L21.6055 22.8682L20.2998 21.5625L21.6055 20.2568L22.9111 21.5615ZM13.7793 2H13.7803L19.0029 7.22266L17.6973 8.52832L18.9951 9.82617L17.6963 11.125L19.002 12.4307L17.6963 13.7363L19.002 15.041L21.6133 17.6523H21.6123L22.9111 18.9512L21.6055 20.2568L20.2998 18.9512V18.9502L19.002 17.6523L17.6963 16.3477L16.3906 15.042L15.085 16.3477L16.3906 17.6523L17.6963 18.958L16.3906 20.2637L15.085 18.959L13.7793 17.6533L12.4736 18.959L11.168 17.6533L9.87012 18.9521L8.57129 17.6533L7.26562 18.959L5.95996 17.6543L3.34863 15.043V15.042L0.738281 12.4316L2.04395 11.126L4.65527 13.7373H4.6543L7.26465 16.3477H7.26562L8.56445 17.6465L9.87012 16.3408L11.1748 17.6455L12.4736 16.3477L17.6895 11.1318L16.3838 9.82715L17.6895 8.52051L13.7803 4.61133L12.4746 3.30664L11.1689 2.00098L9.86426 3.30664L8.56543 2.00781L3.34961 7.22363L2.05078 8.52148L3.34961 9.82031L2.04395 11.126L0.738281 9.82129L2.03613 8.52148L0.738281 7.22363L7.2666 0.695312L8.56543 1.99414L9.86426 0.695312L11.1689 2L12.4746 0.695312L13.7793 2Z" fill="%231D1717"/%3E%3Cpath d="M19.002 17.6523H19.001L21.6055 20.2568L20.2998 21.5625L16.3906 17.6533L17.6963 16.3477L19.002 17.6523ZM7.25977 5.91113L5.9541 7.2168L4.64844 8.52148L5.9541 9.82715L4.65527 11.126L5.96094 12.4316H5.95996L8.57031 15.042H8.57129L9.87012 13.7441L11.168 15.042L13.7793 12.4307L15.085 13.7363L11.168 17.6533L9.86914 16.3545L8.57129 17.6533L7.26562 16.3486L4.6543 13.7373V13.7363L3.34961 12.4316L2.04395 11.127L3.3418 9.82715L2.03711 8.52246L5.9541 4.60547L7.25977 5.91113ZM17.6963 16.3467L16.3906 17.6533L15.085 16.3477L16.3906 15.042L17.6963 16.3467ZM16.3916 7.22266H16.3906L17.6963 8.52832L16.3975 9.82617L17.6963 11.125L16.3906 12.4297L16.3916 12.4307L15.0859 13.7363L13.7803 12.4307L15.085 11.125V11.124L13.7871 9.82715L15.085 8.52734L13.7803 7.22266L12.4746 5.91797L13.7803 4.61133L16.3916 7.22266ZM9.87012 3.29883H9.87109L11.1689 2.00098L12.4736 3.30566H12.4746L13.7803 4.61133L12.4746 5.91699L11.1689 4.6123L9.87109 5.91016L8.56543 4.60547L8.56445 4.60449L7.25977 5.91016L5.9541 4.60547L7.25977 3.29883L8.56543 1.99414L9.87012 3.29883Z" fill="%230088D0"/%3E%3Cpath d="M12.4824 5.91016L11.1768 7.21582H11.1758L13.7871 9.82715L12.4814 11.1328L13.7871 12.4385L11.1758 15.0498L9.87012 13.7441L8.56445 15.0498L5.95312 12.4385L4.64746 11.1338L5.95312 9.82715L7.25879 11.1328V11.1318L5.9541 9.82715L4.64844 8.52246L5.9541 7.21582L8.56543 4.60449L9.87109 5.91016L11.1768 4.60449L12.4824 5.91016ZM9.87012 8.52148V8.52051L8.56543 7.21582H8.56445L9.87012 8.52148Z" fill="%23BAE3F9"/%3E%3Cpath d="M15.0928 8.52148L13.7871 9.82617L15.0928 11.1318L13.7871 12.4375L12.4814 11.1328L13.7861 9.82617L11.1758 7.21582L12.4814 5.91016L15.0928 8.52148Z" fill="white"/%3E%3C/svg%3E'), url('data:image/svg+xml,%3Csvg viewBox="0 0 26 9" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9.1582 0.00195312C9.43401 0.0261395 9.63825 0.266119 9.61426 0.541992C9.57826 0.974048 9.57756 2.11438 9.60156 3.3623C10.5016 2.8343 11.306 2.66612 12.002 2.87012C12.7699 3.09817 13.3222 3.78213 13.4902 4.70605C13.6701 5.72597 13.3579 6.73418 12.71 7.20215C12.6141 7.27405 12.518 7.2978 12.4102 7.29785C12.2662 7.29785 12.1097 7.23747 12.0137 7.10547C11.858 6.87751 11.9062 6.57807 12.1221 6.41016C12.458 6.17014 12.6256 5.50972 12.5176 4.88574C12.4695 4.62163 12.3015 3.98632 11.7256 3.81836C11.4375 3.73438 10.7776 3.70977 9.6377 4.51367C9.6977 5.89367 9.79378 7.17837 9.92578 7.52637C10.0335 7.77827 9.90128 8.06616 9.64941 8.16211C9.58956 8.18599 9.52958 8.19824 9.46973 8.19824C9.27776 8.1982 9.08566 8.07771 9.01367 7.88574C8.85771 7.48962 8.76144 6.45776 8.68945 5.29395C8.37752 5.5819 8.04155 5.91827 7.68164 6.32617C7.53767 6.48193 7.31003 6.52944 7.11816 6.43359C6.91416 6.34959 6.80608 6.14569 6.83008 5.92969C6.91406 5.20988 7.0576 4.2862 7.1416 3.69824H6.41016C6.14621 3.69824 5.91806 3.48197 5.91797 3.20605C5.91797 2.93005 6.14616 2.71387 6.41016 2.71387L7.72949 2.72559C7.87335 2.72559 8.00559 2.78575 8.10156 2.89355C8.19753 3.01351 8.23391 3.15781 8.20996 3.30176L8.00586 4.58594C8.22176 4.38203 8.43768 4.20211 8.6416 4.03418C8.59361 2.41436 8.60589 0.830231 8.62988 0.458008C8.65388 0.182008 8.8942 -0.0220473 9.1582 0.00195312ZM15.4092 1.57422C15.6731 1.63428 15.8412 1.89815 15.7812 2.16211C15.6132 2.89427 15.313 4.99418 15.877 5.9541C16.1769 6.44598 16.621 6.68546 17.0889 6.60156C17.6288 6.49358 18.0374 6.02616 18.1455 5.40234C18.1935 5.13847 18.4449 4.9581 18.7207 5.00586C18.9847 5.05386 19.1652 5.30631 19.1172 5.57031C18.9371 6.61394 18.2052 7.39337 17.2695 7.56152C17.1496 7.5855 17.0293 7.59764 16.8975 7.59766C16.1655 7.59766 15.4691 7.17796 15.0371 6.45801C14.1614 4.99455 14.7489 2.24798 14.8213 1.94629C14.8813 1.68229 15.1452 1.51422 15.4092 1.57422ZM3.3252 1.37012C3.54119 1.20212 3.85348 1.2381 4.02148 1.4541C4.18941 1.67006 4.15338 1.98141 3.9375 2.14941C3.34951 2.60541 1.93359 3.70971 1.22559 4.26172C2.13759 5.18572 3.34995 6.30201 3.79395 6.45801C4.04577 6.54213 4.18971 6.83013 4.09375 7.08203C4.02172 7.28596 3.82965 7.41796 3.6377 7.41797C3.57771 7.41797 3.51772 7.40583 3.46973 7.38184C2.55773 7.06984 0.529789 4.96952 0.133789 4.56152C0.0378699 4.45355 -0.0100417 4.32167 0.00195312 4.17773C0.0139832 4.04584 0.0737595 3.91405 0.181641 3.83008C0.181641 3.83008 2.53279 1.99443 3.3252 1.37012ZM24.9248 1.37012C25.1408 1.20212 25.4531 1.2381 25.6211 1.4541C25.789 1.67006 25.753 1.98141 25.5371 2.14941C24.9491 2.60541 23.5332 3.70971 22.8252 4.26172C23.7372 5.18572 24.9496 6.30201 25.3936 6.45801C25.6454 6.54213 25.7893 6.83013 25.6934 7.08203C25.6213 7.28596 25.4293 7.41796 25.2373 7.41797C25.1773 7.41797 25.1173 7.40583 25.0693 7.38184C24.1573 7.06984 22.1294 4.96952 21.7334 4.56152C21.6375 4.45355 21.5896 4.32167 21.6016 4.17773C21.6136 4.04584 21.6734 3.91405 21.7812 3.83008C21.7812 3.83008 24.1324 1.99443 24.9248 1.37012Z" /%3E%3C/svg%3E');
  background-size: 45.8333333333% auto, 53.6041666667% auto;
  background-position: 42% 25%, center 78%;
  background-repeat: no-repeat;
  border-radius: 50%;
  transition: all 0.25s ease-out;
}
.button-look.pink {
  background-color: var(--color-4);
}
.button-look:hover {
  transform: scale(1.1);
  box-shadow: var(--ds);
}

.show-fade-up {
  opacity: 0;
  transform: translateY(2rem);
  transition: all 0.5s ease-out;
}
.show-fade-up.show {
  opacity: 1;
  transform: translateY(0);
}

.splide button {
  min-height: fit-content;
}
.splide__arrow {
  top: calc(50% - 4.4rem);
  width: min(11.2820512821vw, 4.4rem);
  height: min(11.2820512821vw, 4.4rem);
  aspect-ratio: 1;
  opacity: 1;
  background-color: var(--color-yellow);
}
.splide__arrow svg {
  width: min(2.8205128205vw, 1.1rem);
  height: min(2.8205128205vw, 1.1rem);
}
.splide__arrow--prev {
  left: min(-5.641025641vw, -2.2rem);
}
.splide__arrow--next {
  right: min(-5.641025641vw, -2.2rem);
}
.splide__pagination {
  gap: 1.3rem;
  padding: 0;
}
.splide__pagination__page {
  margin: 0;
  width: 2rem;
  height: 2.2rem;
  opacity: 1;
  background-size: 2rem 2.2rem;
  background-image: url('data:image/svg+xml,%3Csvg iewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18.048 7.98799H17.978V3.95395H15.966V2.01201H14.024V0C11.3814 0 8.73874 0 6.10611 0H6.03604C6.03604 0.650651 6.03604 1.36136 6.03604 2.01201H4.02402C4.02402 2.65265 4.02402 3.31331 4.02402 3.95395H2.01201C2.01201 5.2953 2.01201 6.63664 2.01201 7.98799H0V15.976H2.01201V17.988H4.02402V20H2.01201V21.9419H17.988V20H15.976V17.988H17.988V15.976C18.6486 15.976 19.3393 15.976 20 15.976C20 13.3033 20 10.6507 20 7.98799H18.0581H18.048Z" fill="%231D1717"/%3E%3Cpath d="M17.9777 7.98769H15.9657C15.9657 7.32703 15.9657 3.95366 15.9657 3.95366H14.0237C14.0237 3.30301 14.0237 2.66237 14.0237 2.01172C13.6934 2.01172 8.02774 2.01172 6.03574 2.01172C6.03574 2.65236 6.03574 3.31302 6.03574 3.95366H4.02373V9.99971H2.01172V15.9757H4.02373V17.9877H6.03574V19.9997H7.97768H14.0237V17.9877H15.9657V15.9757H17.9777C17.9777 15.305 17.9777 9.97968 17.9777 7.98769Z" fill="white"/%3E%3Cpath d="M16.9873 13.9639L16.9766 13.9736H17.9678V15.9863H15.9561V17.998H14.0137V20.0098H12.002V15.9756H14.0137V13.9639H16.9873ZM7.96777 20H6.02539V17.9873H7.96777V20ZM6.02539 17.9873H4.01367V15.9756H6.02539V17.9873ZM12.0117 13.9639H7.97754V10H12.0117V13.9639ZM7.97754 7.9873H4.02344V3.9541H7.97754V7.9873ZM14.0234 3.96387H15.9658V5.97559H12.0117V2.02148H14.0234V3.96387Z" fill="%238F82BC"/%3E%3C/svg%3E');
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--pagination-w) var(--pagination-h);
  border-radius: 0;
}
.splide__pagination__page.is-active {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3E%3Cpath d="M14.72 7.4307V5.4707H6.96V7.4307H5V15.1907H6.96V17.1507C9.55 17.1507 12.13 17.1507 14.72 17.1507V15.1907H16.68V7.4307H14.72Z" fill="%231D1717"/%3E%3Cpath d="M8.9102 9.32067V7.43066C8.2702 7.43066 7.5902 7.43066 6.9502 7.43066V9.32067H8.9102Z" fill="white"/%3E%3Cpath d="M12.8301 9.32067H14.7201V7.43066H12.8301C12.8301 8.05066 12.8301 8.69067 12.8301 9.32067Z" fill="white"/%3E%3Cpath d="M12.8302 11.2803C11.5202 11.2803 10.2202 11.2803 8.91016 11.2803V13.2403H12.8302C12.8302 12.6003 12.8302 11.9203 12.8302 11.2803Z" fill="white"/%3E%3C/svg%3E');
  background-color: transparent;
  transform: scale(1);
}

.card {
  position: relative;
}
.card figure {
  width: 100%;
  aspect-ratio: 1;
}
.card figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card .item-img {
  position: absolute;
  top: 0;
  right: 0;
}
.card:has(.observe-target.active) .item-img:not(.deg10) {
  animation: pendulum2 1.75s infinite steps(1);
}
.card:has(.observe-target.active) .item-img.deg10 {
  animation: deg10 3.5s infinite steps(1);
}
.card .item-tag {
  padding: var(--space-m) 4.8717948718% var(--space-lg);
}
.card .button-look {
  position: absolute;
  bottom: 6.8rem;
  right: min(5.1282051282vw, 2rem);
}

.card-01 .item-img {
  width: 16.9rem;
  margin: 1.8rem 1.9rem 0 0;
}
.card-02 .item-img {
  width: min(59.4871794872vw, 23.2rem);
  margin: -1.9rem 0.2rem 0 0;
}
.card-03 .item-img {
  width: min(41.6666666667vw, 16.25rem);
  margin: 1rem 2rem 0 0;
}
.card-04 .item-img {
  width: min(62.6923076923vw, 24.45rem);
  margin: 2.1rem -2.5rem 0 0;
}
.card-05 .item-img {
  width: min(49.1025641026vw, 19.15rem);
  margin: -1.7rem 0.7rem 0 0;
}
.card-06 .item-img {
  width: min(33.7179487179vw, 13.15rem);
  margin: 3rem 4.6rem 0 0;
}
.card-07 .item-img {
  width: min(40.8974358974vw, 15.95rem);
  margin: 1.5rem 1.6rem 0 0;
}
.card-08 .item-img {
  width: min(49.358974359vw, 19.25rem);
  margin: 2rem -0.1rem 0 0;
}
.card-09 .item-img {
  width: min(58.3333333333vw, 22.75rem);
  margin: 4.2rem -0.7rem 0 0;
}
.card-10 .item-img {
  width: min(36.0256410256vw, 14.05rem);
  margin: 1.5rem 5.7rem 0 0;
}
.card-11 .item-img {
  width: min(56.0256410256vw, 21.85rem);
  margin: 2.3rem -0.2rem 0 0;
}
.card-12 .item-img {
  width: min(42.0512820513vw, 16.4rem);
  margin: 0.9rem 1.1rem 0 0;
}
.card-13 .item-img {
  width: min(54.6153846154vw, 21.3rem);
  margin: -3.9rem -0.87rem 0 0;
}
.card-14 .item-img {
  width: min(40.7692307692vw, 15.9rem);
  margin: -2.4rem 2.3rem 0 0;
}
.card-15 .item-img {
  width: min(50.5128205128vw, 19.7rem);
  margin: -0.6rem 0.3rem 0 0;
}
.card-16 .item-img {
  width: min(60.1282051282vw, 23.45rem);
  margin: -2.4rem -1.4rem 0 0;
}
.card-17 .item-img {
  width: min(44.8717948718vw, 17.5rem);
  margin: -1.1rem 2.85rem 0 0;
}

.card .tm_006 {
  --tm-deg: 15deg;
  left: -5%;
  bottom: -6%;
  width: 24.358974359%;
  transform-origin: bottom right;
  transform: rotate(var(--tm-deg));
}
.card .tm_034 {
  --tm-deg: 0deg;
  width: 18.2051282051%;
  right: 7.2564102564%;
  bottom: -1.6rem;
}
.card .tm_011 {
  --tm-deg: 15.86deg;
  left: 8.2051282051%;
  bottom: -2.4rem;
  width: 19.7435897436%;
  transform: rotate(var(--tm-deg));
}
.card .tm_036 {
  --tm-deg: 0deg;
  left: calc(50% - 10.1282051282%);
  bottom: -4rem;
  width: 20.2564102564%;
}
.card .tm_004 {
  --tm-deg: 0deg;
  left: 3.0769230769%;
  bottom: -3.1rem;
  width: 17.4358974359%;
}
.card .tm_010 {
  right: 11.0256410256%;
  bottom: 0;
  width: 14.1025641026%;
}
.card .tm_027 {
  --tm-deg: 0deg;
  left: calc(50% - 7.6923076923%);
  bottom: 0;
  width: 15.3846153846%;
}
.card .tm_008 {
  right: 5.641025641%;
  bottom: 0;
  width: 13.5897435897%;
}
.card:has(.observe-target.active) .tm_006 {
  animation: sneaky-peek-bottom 0.5s steps(4) forwards;
}
.card:has(.observe-target.active) .tm_034 {
  animation: sneaky-peek-bottom 0.75s steps(5);
}
.card:has(.observe-target.active) .tm_011 {
  animation: sneaky-peek-bottom 1s steps(5) forwards;
}
.card:has(.observe-target.active) .tm_036 {
  animation: sneaky-peek-bottom 0.5s steps(5) forwards;
}
.card:has(.observe-target.active) .tm_004 {
  animation: sneaky-peek-bottom 0.75s steps(3) forwards;
}
.card:has(.observe-target.active) .tm_010 {
  animation: right-to-left 3s steps(25) infinite;
}
.card:has(.observe-target.active) .tm_027 {
  animation: sneaky-peek-bottom 1s steps(5) forwards;
}
.card:has(.observe-target.active) .tm_008 {
  animation: right-to-left 7s steps(20) infinite;
}

.card-modal {
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-color: transparent;
}
.card-modal[open] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-modal[open]::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.card-popup {
  position: relative;
  width: min(89.7435897436%, 35rem);
  padding: var(--space-m) min(6.4102564103vw, 2.5rem);
  background-color: var(--card-popup-bg, var(--color-8));
  border-radius: 2.4rem;
}
.card-popup .button-close {
  z-index: 2;
  right: 1.5rem;
  top: 3.3rem;
}
.card-popup .item-tag {
  padding-block: var(--space-xs);
}
.card-popup .item-tag ul {
  grid-auto-flow: column;
  justify-content: space-between;
}
.card-popup .button {
  width: min(100%, 26rem);
  margin-inline: auto;
}
.card-popup .splide {
  padding-bottom: 3.8rem;
}
.card-popup .splide .splide__pagination {
  bottom: 0;
}
.card-popup .splide__arrow {
  top: 48.2993197279%;
  width: 3.2rem;
  height: 3.2rem;
}
.card-popup .splide__arrow svg {
  width: 1.3rem;
  height: 1.1rem;
  fill: var(--color-2);
}
.card-popup .splide__arrow--next {
  right: -1.6rem;
}
.card-popup .splide__arrow--prev {
  left: -1.6rem;
}

.card-modal[id=item-05], .card-modal[id=item-07], .card-modal[id=item-09], .card-modal[id=item-11], .card-modal[id=item-13], .card-modal[id=item-15], .card-modal[id=item-17] {
  --card-popup-bg: var(--color-4);
}
.card-modal[id=item-04], .card-modal[id=item-06], .card-modal[id=item-08], .card-modal[id=item-10], .card-modal[id=item-12], .card-modal[id=item-14], .card-modal[id=item-16] {
  --card-popup-bg: var(--color-5);
}

.item-tag {
  position: relative;
}
.item-tag h3 {
  font-size: 2rem;
  line-height: 120%;
}
.item-tag h3 small {
  display: block;
  margin-bottom: 0.4rem;
  font-size: 1.2rem;
  line-height: 100%;
}
.item-tag ul {
  display: grid;
  gap: var(--space-xs) 0;
  margin-top: var(--space-xs);
  line-height: 100%;
}
.item-tag-kind {
  font-family: "A1 Gothic L";
  font-size: 1.6rem;
}
.item-tag-price:empty {
  height: 2rem;
}
.item-tag .unit,
.item-tag .price {
  font-family: "Roboto Condensed", sans-serif;
}
.item-tag .unit {
  font-size: 1.6rem;
  font-weight: 400;
}
.item-tag .price {
  font-size: 2.4rem;
  font-weight: 600;
}
.item-tag .inc-tax {
  font-family: "A1 Gothic R";
  font-size: 0.8rem;
}

.card figure {
  overflow: hidden;
}
.card figure img {
  transform: scale(1.1);
  transition: all 1s ease-out;
}
.card h3,
.card ul {
  clip-path: inset(0% 100% 0% 0%);
  transition: clip-path 2s ease-out;
}
.card h3 {
  transition-delay: 0.5s;
}
.card ul {
  transition-delay: 1s;
}
.card .item-img {
  clip-path: circle(0% at 50% 50%);
  transition: clip-path 1s 0.5s ease-out;
}
.card .button-look {
  transform: scale(0);
  transition: transform 0.5s 1s ease-out;
}
.card.show figure img {
  transform: scale(1);
  opacity: 1;
}
.card.show h3,
.card.show ul {
  clip-path: inset(0%);
}
.card.show .item-img {
  clip-path: circle(100% at 50% 50%);
}
.card.show .button-look {
  transform: scale(1);
}

.choice-list {
  position: relative;
  display: grid;
  grid-template-columns: 32.1428571429% 33.4065934066% 29.6703296703%;
  padding: 0.5rem 0 0 6.6666666667%;
}
.choice-list:before, .choice-list:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 38.8349514563%;
  width: min(12.3076923077vw, 4.8rem);
  aspect-ratio: 1;
  background-color: var(--color-yellow);
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M13.9407 2.00844L9.04661 6.91139L14 12.0802L11.9237 14L7.02966 8.91983L1.95763 14L0 11.962L5.07203 6.91139L0.326272 2.00844L2.37288 0L7.08898 4.90295L11.9831 0L13.9407 2.00844Z" fill="%2300AEEB"/%3E%3C/svg%3E');
  background-size: 29.1666666667%;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  opacity: 0;
}
.choice-list:before {
  left: 26.9230769231%;
}
.choice-list:after {
  right: 27.9487179487%;
}
.choice-list li {
  color: var(--color-yellow);
  font-family: "Puhu Picnic";
  font-size: min(5.1282051282vw, 2rem);
  line-height: 200%;
  letter-spacing: -0.01em;
  text-align: center;
  opacity: 0;
}
.choice-list li:first-of-type {
  padding-right: 22.2222222222%;
}
.choice-list li:nth-of-type(2) {
  padding-right: 13.6513157895%;
}
.choice-list.active:before, .choice-list.active:after {
  animation: fade-in 0.35s ease forwards;
}
.choice-list.active:before {
  animation-delay: 0.35s;
}
.choice-list.active:after {
  animation-delay: 1.05s;
}
.choice-list.active li {
  animation: fade-in 0.35s ease forwards;
}
.choice-list.active li:nth-of-type(2) {
  animation-delay: 0.7s;
}
.choice-list.active li:last-of-type {
  animation-delay: 1.4s;
}
.choice-list img {
  filter: var(--ds-filter);
}

.journal {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-sm) 0;
  padding-block: var(--space-m);
}
.journal figure {
  position: relative;
  width: 68.2051282051%;
  aspect-ratio: 1;
}
.journal figure:before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: var(--color-yellow);
  border-radius: 50%;
}
.journal header {
  display: flex;
  flex-direction: column;
  gap: 0.8rem 0;
  align-items: center;
  width: 100%;
}
.journal h2 {
  width: var(--j-h2-w, 46.6666666667%);
}
.journal .lead {
  font-family: "Puhu Picnic";
  font-size: 1.8rem;
  line-height: 200%;
  letter-spacing: -0.1em;
}
.journal .j-open,
.journal .j-close,
.journal .j-expand {
  position: absolute;
  z-index: 3;
  max-width: unset;
}
.journal .j-open {
  left: var(--j-open-x, 6.7669172932%);
  top: var(--j-open-y, 24.4360902256%);
  width: var(--j-open-w, 86.0902255639%);
  filter: var(--ds-filter);
}
.journal .j-close {
  right: var(--j-close-x, -10.1503759398%);
  top: var(--j-close-y, 43.6090225564%);
  width: var(--j-close-w, 37.5939849624%);
  transform-origin: top left;
  transform: rotate(15deg);
  filter: var(--ds-filter);
}
.journal .j-expand {
  left: var(--j-expand-x, 7.5187969925%);
  bottom: var(--j-expand-y, 23.6842105263%);
  width: 18.045112782%;
}
.journal.active .j-close {
  animation: pendulum 2s infinite ease-in-out;
}
.journal-01 .tm_028 {
  z-index: 1;
  top: 0;
  left: 0;
  width: 24.0601503759%;
  transform: rotate(-45deg) translate(-7.8125%, 100%);
}
.journal-01.active .tm_028 {
  animation: tm28 0.5s steps(10) forwards;
}
.journal-02 {
  --j-h2-w: 34.8717948718%;
  --j-open-x: -6.7669172932%;
  --j-open-y: 15.037593985%;
  --j-open-w: 115.037593985%;
  --j-close-x: -23.3082706767%;
  --j-close-y: 30.8270676692%;
  --j-close-w: 52.6315789474%;
  --j-expand-x: -4.1353383459%;
  --j-expand-y: 13.1578947368%;
  position: relative;
}
.journal-02 .tm_013 {
  bottom: -4rem;
  left: -20%;
  width: 17.6923076923%;
  transform: rotate(0deg);
}
.journal-02.active .tm_013 {
  animation: tm13 0.75s 0.5s steps(10) forwards;
}
.journal-03 {
  --j-h2-w: 32.0512820513%;
  --j-open-x: 19.7368421053%;
  --j-open-y: 19.9248120301%;
  --j-open-w: 61.2781954887%;
  --j-close-x: -1.1278195489%;
  --j-close-y: 29.6992481203%;
  --j-close-w: 31.5789473684%;
  --j-expand-x: 13.9097744361%;
  --j-expand-y: 16.5413533835%;
}
.journal-03 .tm_029 {
  z-index: 1;
  top: 0;
  right: 0;
  width: 34.2105263158%;
  transform: rotate(45deg) translate(10%, -26%);
}
.journal-03 .j-bubble {
  position: absolute;
  z-index: 3;
  left: -12.030075188%;
  top: 1.1278195489%;
  width: 42.7218045113%;
  transform: scale(0);
  transition: transform 0.25s ease-out;
}
.journal-03.active .tm_029 {
  animation: tm29 0.5s steps(10) forwards;
}
.journal-03.active .j-bubble {
  transform: scale(1);
}

@keyframes tm28 {
  0% {
    transform: rotate(-45deg) translate(-7.8125%, 100%);
  }
  90% {
    transform: rotate(-45deg) translate(-7.8125%, -10%);
  }
  100% {
    transform: rotate(-45deg) translate(-7.8125%, -7.3529411765%);
  }
}
@keyframes tm29 {
  0% {
    transform: rotate(45deg) translate(10%, 100%);
  }
  90% {
    transform: rotate(45deg) translate(10%, -29%);
  }
  100% {
    transform: rotate(45deg) translate(10%, -26%);
  }
}
@keyframes tm13 {
  0% {
    left: -20%;
    transform: rotate(0deg);
  }
  100% {
    left: 8.2051282051%;
    transform: rotate(345.712deg);
  }
}
.j-dialog {
  max-width: unset;
  width: min(100vw, 45rem);
  aspect-ratio: 1;
  margin: auto;
  overflow: visible;
  background-color: transparent;
}
.j-dialog[open]::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
.j-dialog .button-close span {
  background-color: var(--white);
}
.j-dialog > div {
  overflow: hidden;
  background-color: var(--white);
}
@media (min-width: 73rem) {
  .j-dialog {
    aspect-ratio: 820/547;
    width: 82rem;
  }
  .j-dialog .button-close {
    top: -0.7rem;
    right: -0.7rem;
  }
  .j-dialog > div {
    border-radius: 1.6rem;
  }
}

.crew-item {
  --r-bg: var(--color-4);
  --r-border: var(--color-6);
  padding: var(--space-m) 9.7435897436%;
  font-size: min(3.5897435897vw, 1.4rem);
  line-height: 170%;
  background-color: var(--r-bg);
}
.crew-item header {
  display: grid;
  grid-template-columns: min(17.4358974359vw, 6.8rem) auto;
  align-items: center;
  gap: 0 min(6.1538461538vw, var(--space-sm));
  margin-bottom: var(--space-sm);
}
.crew-item header figure {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
}
.crew-item header h3 {
  font-family: "Puhu Picnic";
  font-size: 2rem;
  line-height: 120%;
  letter-spacing: -0.1rem;
}
.crew-item-figure {
  width: 100%;
  aspect-ratio: 314/392.5;
  margin-bottom: var(--space-sm);
  border-radius: 1.6rem;
  overflow: hidden;
}
.crew-item dl {
  display: grid;
  gap: 0.8rem 0;
  text-align: center;
}
.crew-item dl > div {
  display: grid;
  grid-template-columns: 44.2675159236% auto;
  border-radius: 0.8rem;
  overflow: hidden;
}
.crew-item dl dt,
.crew-item dl dd {
  padding: 0.36em 0;
  line-height: 1;
}
.crew-item dl dt {
  background-color: var(--color-6);
}
.crew-item dl dd {
  background-color: #FCFCFC;
}
.crew-item .splide {
  padding-bottom: 6.8rem;
}
.crew-item .splide__track {
  border-radius: 1.6rem 1.6rem 0 0;
}
.crew-item .splide__slide {
  height: fit-content;
}
.crew-item .splide__arrow {
  top: min(44.6153846154vw, 17.4rem);
}
.crew-item .splide__arrow--prev {
  left: -7.9617834395%;
}
.crew-item .splide__arrow--next {
  right: -7.9617834395%;
}
.crew-item .splide__pagination {
  gap: 1.6rem;
}
.crew-item .splide__pagination__page {
  width: 1.2rem;
  height: 1.3rem;
  background-size: 1.2rem 1.3rem;
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M8 12.5742H4V8.57422H8V12.5742ZM4 8.57422H0V4.57422H4V8.57422ZM12 4.57422V8.57422H8V4.57422H12ZM8 4.57422H4V0.574219H8V4.57422Z" fill="black"/%3E%3C/svg%3E');
}
.crew-item .splide__pagination__page.is-active {
  width: 2.8rem;
  height: 2.9rem;
  background-size: 2.8rem 2.9rem;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 29" fill="none"%3E%3Cpath d="M23.9624 4.53756V0.5H16.0188V4.53756H11.9812V0.5H3.9061V4.53756H0V16.669H3.9061V20.5751H7.94366V24.6127H11.9812V28.6502H16.0188V24.6127H20.0563V20.5751H23.9624V16.669H28V4.53756H23.9624Z" fill="%231D1717"/%3E%3Cpath d="M20.0753 4.53711H16.0189V8.42443H11.9814V4.53711H3.90625V16.6498H7.94381V20.5559H11.9814V24.5934H16.0189V20.5559H20.0753V16.6498H23.9626V4.53711H20.0753Z" fill="%23E60012"/%3E%3Cpath d="M7.94381 4.53711H3.90625V12.7625H7.94381V4.53711Z" fill="white"/%3E%3C/svg%3E');
}

.crew-item:nth-of-type(2) {
  --r-bg: var(--color-8);
  --r-border: var(--color-7);
}
.crew-item:nth-of-type(3) {
  --r-bg: var(--color-7);
  --r-border: var(--color-4);
  padding-bottom: var(--space-m);
}

.crew-item header figure {
  clip-path: circle(0% at 50% 50%);
  transition: clip-path 0.5s ease;
}
.crew-item h3 {
  clip-path: inset(0% 100% 0% 0%);
  transition: clip-path 0.5s 0.25s ease-out;
}
.crew-item .splide {
  opacity: 0;
  transform: translateY(2rem);
  transition: all 0.5s 0.5s linear;
}
.crew-item.show header figure {
  clip-path: circle(100% at 50% 50%);
}
.crew-item.show h3 {
  clip-path: inset(0% 0% 0% 0%);
}
.crew-item.show .splide {
  opacity: 1;
  transform: translateY(0);
}