@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: "Roboto", sans-serif;
  font-weight: 500;
  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%;
  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: 170%;
}

.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-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  line-height: 150%;
  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;
}
.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;
  font-weight: 700;
}
.footer-share {
  display: flex;
  gap: 0 0.3333333333em;
  align-items: center;
}
.footer-share a {
  font-size: 3rem;
}
.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: 6s;
  top: 29.8574643661%;
  left: 79.2307692308%;
  width: 16.1538461538%;
}
.cover .tm_066_c {
  --duration: 9s;
  top: 37.359339835%;
  left: 3.5897435897%;
  width: 24.1025641026%;
}
.cover .tm_028_c {
  --duration: 9s;
  top: 66.9167291823%;
  left: 21.0256410256%;
  width: 20.5128205128%;
}
.cover .tm_076_c {
  --duration: 8s;
  top: 62.8657164291%;
  left: 63.0769230769%;
  width: 29.7435897436%;
}
.cover .tm_quack {
  --duration: 6s;
  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: 8s;
}
.cover .c_01.quiet {
  --duration: 19s;
}
.cover .c_02 {
  top: 10.5776444111%;
  left: -10.2564102564%;
  width: 30.5128205128%;
}
.cover .c_02.float {
  --duration: 6s;
}
.cover .c_02.quiet {
  --duration: 20s;
}
.cover .c_03 {
  top: 49.3623405851%;
  left: 3.8461538462%;
  width: 38.9743589744%;
}
.cover .c_03.float {
  --duration: 9s;
}
.cover .c_03.quiet {
  --duration: 20s;
}
.cover .c_04 {
  top: 70.6676669167%;
  left: -17.1794871795%;
  width: 42.0512820513%;
}
.cover .c_04.float {
  --duration: 8s;
}
.cover .c_04.quiet {
  --duration: 13s;
}
.cover .c_05 {
  top: 11.0277569392%;
  left: 84.8717948718%;
  width: 32.9487179487%;
}
.cover .c_05.float {
  --duration: 6s;
}
.cover .c_05.quiet {
  --duration: 18s;
}
.cover .c_06 {
  top: 21.9804951238%;
  left: 15.3846153846%;
  width: 57.9487179487%;
}
.cover .c_06.float {
  --duration: 6s;
}
.cover .c_06.quiet {
  --duration: 19s;
}
.cover .c_07 {
  top: 25.056264066%;
  left: 46.6666666667%;
  width: 40.1282051282%;
}
.cover .c_07.float {
  --duration: 10s;
}
.cover .c_07.quiet {
  --duration: 20s;
}
.cover .c_08 {
  top: 51.9879969992%;
  left: 77.6923076923%;
  width: 36.7948717949%;
}
.cover .c_08.float {
  --duration: 9s;
}
.cover .c_08.quiet {
  --duration: 20s;
}
.cover .c_09 {
  top: 51.5378844711%;
  left: 32.8205128205%;
  width: 55.7692307692%;
}
.cover .c_09.float {
  --duration: 9s;
}
.cover .c_09.quiet {
  --duration: 20s;
}
.cover .c_10 {
  top: 71.9429857464%;
  left: 81.0256410256%;
  width: 38.8461538462%;
}
.cover .c_10.float {
  --duration: 10s;
}
.cover .c_10.quiet {
  --duration: 13s;
}
.cover .c_11 {
  top: 77.8694673668%;
  left: 64.358974359%;
  width: 26.7948717949%;
}
.cover .c_11.float {
  --duration: 9s;
}
.cover .c_11.quiet {
  --duration: 13s;
}
.cover .c_12 {
  top: 74.943735934%;
  left: 18.7179487179%;
  width: 50.3846153846%;
}
.cover .c_12.float {
  --duration: 8s;
}
.cover .c_12.quiet {
  --duration: 17s;
}
.cover .c_13 {
  top: 86.6466616654%;
  left: 47.9487179487%;
  width: 58.5897435897%;
}
.cover .c_13.float {
  --duration: 10s;
}
.cover .c_13.quiet {
  --duration: 12s;
}
.cover .c_14 {
  top: 84.6961740435%;
  left: 6.4102564103%;
  width: 30.2564102564%;
}
.cover .c_14.float {
  --duration: 8s;
}
.cover .c_14.quiet {
  --duration: 20s;
}
.cover .c_15 {
  top: 18.8297074269%;
  left: 68.9743589744%;
  width: 29.358974359%;
}
.cover .c_15.float {
  --duration: 6s;
}
.cover .c_15.quiet {
  --duration: 16s;
}
.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;
  line-height: 140%;
}
.yodogawa .y-techo .techotchi img {
  height: auto;
}
.yodogawa .y-techo .techotchi .img-techotchi {
  width: 60.7954545455%;
}
.yodogawa .y-techo .techotchi .img-techotchi-text {
  width: 36.6477272727%;
}
.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);
  line-height: 160%;
}
.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 .section-heading {
  padding-bottom: 4.8rem;
}
.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: 9rem;
  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.5625em 2.875em 0.5625em 3em;
  width: fit-content;
  margin: var(--space-m) auto 0;
  font-size: 1.6rem;
  line-height: 110%;
}

@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;
  line-height: 120%;
  font-weight: 900;
}
.shop-list h2 + h3 {
  margin-top: 0;
}
.shop-list ul {
  padding-left: 1.5em;
  list-style: disc;
  font-size: 1.6rem;
  line-height: 180%;
  font-weight: 600;
}
.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 .and-more {
  margin-block: var(--space-m);
  font-size: 2.4rem;
  line-height: 120%;
  font-weight: 900;
}
.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 28 8" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.45312 0C1.68103 0.000111332 1.8965 0.144435 1.98047 0.360352C2.36443 1.28425 2.80912 2.32778 3.20508 3.26367C3.28906 3.44364 3.36063 3.62402 3.43262 3.79199C4.16461 2.73601 5.17306 1.21218 5.49707 0.660156C5.61707 0.468157 5.84524 0.360485 6.07324 0.396484C6.31302 0.432625 6.49277 0.600266 6.55273 0.828125C6.82873 2.04022 7.24847 5.77234 7.18848 6.52832C7.1643 6.84004 6.87694 7.06777 6.57715 7.04395C6.25315 7.01995 6.02483 6.74364 6.04883 6.43164C6.08468 6.01088 5.8807 4.03111 5.67676 2.51953C5.01676 3.52753 4.17725 4.76441 3.78125 5.31641C3.64932 5.48428 3.45705 5.56782 3.24121 5.54395C3.03733 5.51996 2.86921 5.3881 2.78516 5.19629C2.60516 4.76429 2.38844 4.26001 2.14844 3.70801C1.96845 3.27605 1.76522 2.81951 1.57324 2.35156C1.35725 3.46751 1.22463 4.87186 1.14062 6.63574C1.12863 6.94764 0.877022 7.18832 0.577148 7.18848H0.552734C0.228789 7.17642 -0.0110221 6.89986 0.000976562 6.58789C0.120979 3.69595 0.409093 1.78777 0.913086 0.383789C0.997095 0.156066 1.20071 0.000186438 1.44043 0H1.45312ZM20.8047 0.503906C21.1045 0.492038 21.3921 0.74393 21.4043 1.05566C21.4043 1.10366 21.5843 5.5082 21.3203 6.4082C21.2723 6.59994 21.1406 6.74362 20.9609 6.80371C20.7809 6.86371 20.5766 6.82773 20.4326 6.71973C20.1446 6.50365 19.4839 5.79587 18.332 4.58398C17.6841 3.90009 16.9763 3.14427 16.4004 2.56836C16.2924 3.86436 16.2921 5.82024 16.4121 6.49219C16.4601 6.80417 16.2563 7.10435 15.9443 7.15234C15.9085 7.16425 15.8726 7.16406 15.8486 7.16406C15.5726 7.16406 15.3322 6.97159 15.2842 6.68359C15.1043 5.7109 15.1405 2.29144 15.4404 1.22363C15.5005 1.03183 15.645 0.888085 15.8369 0.828125C16.0168 0.768316 16.2211 0.816334 16.377 0.948242C16.989 1.50035 18.1524 2.72424 19.1602 3.79199C19.5562 4.19999 19.9648 4.63219 20.3008 4.99219C20.3368 4.02029 20.3129 2.54435 20.2529 1.10449C20.2409 0.792492 20.4927 0.515906 20.8047 0.503906ZM23.3486 0.647461C23.6605 0.695447 23.8769 0.995716 23.8291 1.30762C23.5771 2.81952 23.553 4.71544 24.2129 5.51953C24.4169 5.75953 24.6692 5.87988 24.9932 5.87988C25.5688 5.90378 25.8084 5.69963 25.9404 5.55566C26.4684 4.99168 26.637 3.64791 26.457 1.41602C26.433 1.10415 26.6726 0.827925 26.9844 0.803711C27.2964 0.779711 27.5844 1.02003 27.6084 1.33203C27.8124 4.00775 27.5731 5.50792 26.7812 6.33594C26.3492 6.80394 25.7607 7.03223 25.0527 7.03223H24.9688C24.3088 7.02021 23.7449 6.74387 23.3369 6.25195C22.221 4.90811 22.5205 2.22046 22.6885 1.11621C22.7485 0.804288 23.0367 0.599597 23.3486 0.647461ZM13.4912 0.179688C13.8151 0.179766 14.0673 0.443937 14.0674 0.755859C14.0554 1.07981 13.8031 1.32024 13.4912 1.32031H13.4551C13.2991 1.32031 13.0111 1.34416 12.6631 1.36816C12.0751 1.40416 11.2948 1.43945 10.5508 1.43945C10.2989 1.43945 10.0466 1.43973 9.80664 1.42773C9.69865 1.91967 9.65068 2.50778 9.63867 3.0957C10.7186 3.1797 12.3508 3.03587 12.9629 2.96387C13.2629 2.92787 13.5626 3.14405 13.5986 3.45605C13.6346 3.78002 13.4067 4.06752 13.0947 4.10352C13.0198 4.11584 11.6892 4.27148 10.4307 4.27148C10.1668 4.27147 9.90296 4.26004 9.66309 4.24805C9.69909 4.944 9.79533 5.54405 9.90332 5.83203C10.7432 5.93995 12.0387 5.74758 12.8906 5.3877C13.1786 5.25573 13.5154 5.38765 13.6475 5.6875C13.7675 5.9755 13.6347 6.31164 13.3467 6.43164C12.5068 6.79153 11.3673 7.00775 10.3955 7.00781C10.0475 7.00781 9.71085 6.98411 9.42285 6.91211C9.32702 6.90008 9.23111 6.8521 9.15918 6.78027C8.45124 6.13233 8.35481 2.98842 8.67871 1.23633C8.52273 1.11632 8.42689 0.89958 8.46289 0.683594C8.51104 0.371758 8.81115 0.156117 9.12305 0.204102C10.095 0.3601 11.6075 0.27582 12.6035 0.21582C12.9993 0.191839 13.3113 0.179688 13.4912 0.179688Z" /%3E%3C/svg%3E');
  background-size: 46.6666666667% auto;
  background-position: center bottom 25%;
  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 25 8" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M11.8564 2.63623C13.3321 2.63636 13.9077 3.57188 13.9678 4.44775C14.0398 5.64763 13.1643 7.09981 11.8086 7.26807C11.7246 7.28007 11.6397 7.27979 11.5557 7.27979C10.5479 7.27953 9.8043 6.45179 9.69629 5.22803C9.60029 4.11203 10.0923 2.8758 11.1963 2.6958C11.4242 2.64783 11.6525 2.63623 11.8564 2.63623ZM2.48145 2.2876C3.60929 1.98786 4.76128 2.43195 5.15723 3.31982C5.27721 3.59582 5.15657 3.90783 4.89258 4.02783C4.61666 4.14759 4.30452 4.02735 4.18457 3.75146C3.98028 3.2959 3.29663 3.17588 2.75684 3.31982C2.44482 3.40386 1.7373 3.70393 1.83301 4.62744C1.95301 5.73144 2.74505 6.04372 3.08105 6.11572C3.58497 6.2477 4.01734 6.11627 4.14941 5.92432C4.31736 5.67239 4.64061 5.61225 4.89258 5.76807C5.13258 5.93607 5.20511 6.26021 5.03711 6.51221C4.72508 6.98011 4.14849 7.24365 3.47656 7.24365C3.26072 7.2436 3.04494 7.20763 2.8291 7.15967C1.9411 6.94367 0.933344 6.18756 0.777344 4.74756C0.64549 3.5597 1.31754 2.59957 2.48145 2.2876ZM6.12891 0.523926C6.22494 0.247983 6.52481 0.103717 6.80078 0.199707L7.88086 0.583496C8.07265 0.655516 8.21639 0.835761 8.22852 1.03955C8.31252 1.97555 8.15625 6.49989 8.15625 6.69189C8.14423 6.97988 7.9042 7.20752 7.61621 7.20752H7.60449C7.30449 7.19552 7.07687 6.94376 7.08887 6.65576C7.13686 5.23986 7.20855 2.55234 7.18457 1.47217L6.45215 1.20752C6.1644 1.11137 6.02095 0.799803 6.12891 0.523926ZM15.7559 2.41943C16.5959 1.78356 18.0965 2.23945 18.3965 2.33545C18.6723 2.43156 18.8284 2.73212 18.7324 3.02002C18.6364 3.29602 18.3356 3.45196 18.0596 3.35596C17.5436 3.18805 16.6804 3.06816 16.4043 3.27197C16.3683 3.29596 16.2957 3.35582 16.3076 3.5835C16.3436 3.7035 16.812 3.91983 17.04 4.02783C17.7 4.32779 18.5881 4.73579 18.5283 5.70752C18.4803 6.39152 18.1078 6.90782 17.5078 7.11182C17.304 7.17173 17.1003 7.19576 16.8965 7.1958C16.2486 7.1958 15.6001 6.91999 15.2881 6.56006C15.0962 6.33219 15.132 5.99625 15.3477 5.8042C15.5757 5.6122 15.9125 5.63577 16.1045 5.86377C16.2368 6.00776 16.7883 6.21224 17.1602 6.09229C17.3041 6.0443 17.4359 5.95993 17.46 5.63623C17.472 5.42023 17.1117 5.22779 16.5957 4.98779C16.0079 4.72387 15.2765 4.38787 15.2402 3.63232C15.2162 2.97232 15.5039 2.61143 15.7559 2.41943ZM21.498 2.13232C22.53 1.82041 23.5981 2.32442 24.0781 3.38037C24.3057 3.88393 24.1859 4.24379 24.042 4.44775C23.61 5.09575 22.5178 5.10806 21.4258 5.06006H21.126C21.246 5.45594 21.4255 5.75634 21.6895 5.92432C22.1092 6.20017 22.6253 6.11615 22.9014 6.05615C23.1894 5.98415 23.4778 6.15194 23.5498 6.43994C23.6218 6.72789 23.4539 7.01633 23.166 7.08838C22.9022 7.14835 22.65 7.18404 22.4102 7.18408C21.9182 7.18408 21.4736 7.06401 21.1016 6.81201C20.5256 6.428 20.154 5.79148 19.998 4.91553C19.7462 3.37972 20.5741 2.4203 21.498 2.13232ZM11.8564 3.70361C11.7125 3.70361 11.5442 3.71644 11.3643 3.75244C10.9443 3.81244 10.7157 4.52004 10.7637 5.14404C10.7757 5.32416 10.8844 6.2124 11.5684 6.2124C11.6042 6.2124 11.6399 6.2116 11.6758 6.19971C12.4077 6.11572 12.9362 5.20426 12.9004 4.5083C12.8644 3.98038 12.5162 3.7037 11.8564 3.70361ZM23.1055 3.82373C22.7814 3.13997 22.2175 3.03187 21.8096 3.15186C21.5096 3.24789 21.1854 3.51186 21.0654 3.9917C21.0893 3.9917 21.1136 3.98006 21.1494 3.97998C21.2214 3.97998 21.3417 3.99169 21.4736 3.9917C22.5656 4.0397 22.9859 3.95558 23.1299 3.87158C23.118 3.85962 23.1174 3.84766 23.1055 3.82373Z" /%3E%3C/svg%3E');
  background-size: 45% 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.25rem);
  width: 2.5rem;
  height: 0.8rem;
  font-size: 0;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 25 8" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M11.8564 2.63623C13.3321 2.63636 13.9077 3.57188 13.9678 4.44775C14.0398 5.64763 13.1643 7.09981 11.8086 7.26807C11.7246 7.28007 11.6397 7.27979 11.5557 7.27979C10.5479 7.27953 9.8043 6.45179 9.69629 5.22803C9.60029 4.11203 10.0923 2.8758 11.1963 2.6958C11.4242 2.64783 11.6525 2.63623 11.8564 2.63623ZM2.48145 2.2876C3.60929 1.98786 4.76128 2.43195 5.15723 3.31982C5.27721 3.59582 5.15657 3.90783 4.89258 4.02783C4.61666 4.14759 4.30452 4.02735 4.18457 3.75146C3.98028 3.2959 3.29663 3.17588 2.75684 3.31982C2.44482 3.40386 1.7373 3.70393 1.83301 4.62744C1.95301 5.73144 2.74505 6.04372 3.08105 6.11572C3.58497 6.2477 4.01734 6.11627 4.14941 5.92432C4.31736 5.67239 4.64061 5.61225 4.89258 5.76807C5.13258 5.93607 5.20511 6.26021 5.03711 6.51221C4.72508 6.98011 4.14849 7.24365 3.47656 7.24365C3.26072 7.2436 3.04494 7.20763 2.8291 7.15967C1.9411 6.94367 0.933344 6.18756 0.777344 4.74756C0.64549 3.5597 1.31754 2.59957 2.48145 2.2876ZM6.12891 0.523926C6.22494 0.247983 6.52481 0.103717 6.80078 0.199707L7.88086 0.583496C8.07265 0.655516 8.21639 0.835761 8.22852 1.03955C8.31252 1.97555 8.15625 6.49989 8.15625 6.69189C8.14423 6.97988 7.9042 7.20752 7.61621 7.20752H7.60449C7.30449 7.19552 7.07687 6.94376 7.08887 6.65576C7.13686 5.23986 7.20855 2.55234 7.18457 1.47217L6.45215 1.20752C6.1644 1.11137 6.02095 0.799803 6.12891 0.523926ZM15.7559 2.41943C16.5959 1.78356 18.0965 2.23945 18.3965 2.33545C18.6723 2.43156 18.8284 2.73212 18.7324 3.02002C18.6364 3.29602 18.3356 3.45196 18.0596 3.35596C17.5436 3.18805 16.6804 3.06816 16.4043 3.27197C16.3683 3.29596 16.2957 3.35582 16.3076 3.5835C16.3436 3.7035 16.812 3.91983 17.04 4.02783C17.7 4.32779 18.5881 4.73579 18.5283 5.70752C18.4803 6.39152 18.1078 6.90782 17.5078 7.11182C17.304 7.17173 17.1003 7.19576 16.8965 7.1958C16.2486 7.1958 15.6001 6.91999 15.2881 6.56006C15.0962 6.33219 15.132 5.99625 15.3477 5.8042C15.5757 5.6122 15.9125 5.63577 16.1045 5.86377C16.2368 6.00776 16.7883 6.21224 17.1602 6.09229C17.3041 6.0443 17.4359 5.95993 17.46 5.63623C17.472 5.42023 17.1117 5.22779 16.5957 4.98779C16.0079 4.72387 15.2765 4.38787 15.2402 3.63232C15.2162 2.97232 15.5039 2.61143 15.7559 2.41943ZM21.498 2.13232C22.53 1.82041 23.5981 2.32442 24.0781 3.38037C24.3057 3.88393 24.1859 4.24379 24.042 4.44775C23.61 5.09575 22.5178 5.10806 21.4258 5.06006H21.126C21.246 5.45594 21.4255 5.75634 21.6895 5.92432C22.1092 6.20017 22.6253 6.11615 22.9014 6.05615C23.1894 5.98415 23.4778 6.15194 23.5498 6.43994C23.6218 6.72789 23.4539 7.01633 23.166 7.08838C22.9022 7.14835 22.65 7.18404 22.4102 7.18408C21.9182 7.18408 21.4736 7.06401 21.1016 6.81201C20.5256 6.428 20.154 5.79148 19.998 4.91553C19.7462 3.37972 20.5741 2.4203 21.498 2.13232ZM11.8564 3.70361C11.7125 3.70361 11.5442 3.71644 11.3643 3.75244C10.9443 3.81244 10.7157 4.52004 10.7637 5.14404C10.7757 5.32416 10.8844 6.2124 11.5684 6.2124C11.6042 6.2124 11.6399 6.2116 11.6758 6.19971C12.4077 6.11572 12.9362 5.20426 12.9004 4.5083C12.8644 3.98038 12.5162 3.7037 11.8564 3.70361ZM23.1055 3.82373C22.7814 3.13997 22.2175 3.03187 21.8096 3.15186C21.5096 3.24789 21.1854 3.51186 21.0654 3.9917C21.0893 3.9917 21.1136 3.98006 21.1494 3.97998C21.2214 3.97998 21.3417 3.99169 21.4736 3.9917C22.5656 4.0397 22.9859 3.95558 23.1299 3.87158C23.118 3.85962 23.1174 3.84766 23.1055 3.82373Z" /%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 31 8" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M20.8203 2.14624C21.0962 2.19434 21.2879 2.46992 21.252 2.74585C21.2399 2.84186 21.2045 3.05818 21.1445 3.35815C21.0006 4.42612 21.0001 5.98599 21.708 6.32202C21.984 6.44202 22.0917 6.76603 21.9717 7.03003C21.8757 7.22174 21.6842 7.34143 21.4805 7.34155C21.4085 7.34155 21.336 7.3177 21.252 7.2937C20.6881 7.01769 20.3646 6.5137 20.1846 5.91382C19.7406 6.5858 19.1402 7.078 18.3242 7.03003C17.4602 6.98203 16.728 6.27338 16.5 5.26538C16.2483 4.19772 16.6321 3.21386 17.4717 2.74585C18.1676 2.36191 18.8278 2.26631 19.4277 2.48218C19.7157 2.57816 19.9438 2.73414 20.1357 2.9021C20.1597 2.7341 20.1843 2.61347 20.1963 2.55347C20.2565 2.27769 20.5324 2.09826 20.8203 2.14624ZM14.2969 1.03003C14.5968 1.06605 14.8005 1.32977 14.7646 1.62964C14.7526 1.84562 14.7052 2.10994 14.6572 2.40991H15.6885C15.9885 2.40991 16.2285 2.65023 16.2285 2.93823C16.2283 3.23809 15.9884 3.47827 15.6885 3.47827H14.4893C14.3333 4.48625 14.1652 5.86622 14.3691 6.19019C14.8608 6.33388 15.1491 6.03448 15.1973 5.97437C15.3893 5.74637 15.7131 5.71038 15.9531 5.89038C16.1687 6.08232 16.2167 6.40571 16.0371 6.63354C15.8211 6.92154 15.3168 7.3064 14.6328 7.3064C14.4289 7.3064 14.225 7.26994 13.9971 7.198C13.0011 6.86202 13.1205 5.23012 13.3965 3.47827H12.7852C12.4973 3.47827 12.257 3.23809 12.2568 2.93823C12.2568 2.65023 12.4972 2.40991 12.7852 2.40991H13.5771C13.6371 2.06194 13.685 1.74951 13.709 1.50952C13.7452 1.20975 14.009 1.00604 14.2969 1.03003ZM23.124 3.02222C23.4239 3.02226 23.6639 3.24973 23.6641 3.54956V6.6814C23.6641 6.98137 23.424 7.22139 23.124 7.22144C22.824 7.22144 22.5957 6.9814 22.5957 6.6814V3.54956C22.5958 3.2497 22.8241 3.02222 23.124 3.02222ZM1.78125 0.00952148C1.94925 0.0455217 2.08202 0.14217 2.16602 0.27417C3.88176 0.0943043 4.96199 0.597923 5.58594 1.07788C6.26981 1.59388 6.70173 2.33843 6.76172 3.05835C6.95347 5.13413 5.32136 6.63403 2.30957 7.198H2.18945C1.91352 7.19796 1.686 7.01787 1.62598 6.74194C1.50598 6.20194 1.36121 5.21758 1.24121 4.17358C0.917364 4.19758 0.677446 4.23385 0.605469 4.24585C0.56948 4.25785 0.533336 4.27026 0.485352 4.27026C0.2695 4.27017 0.0656598 4.11401 0.0175781 3.89819C-0.0544021 3.63427 0.101366 3.35771 0.365234 3.29761C0.485228 3.26161 0.785533 3.22618 1.14551 3.19019C1.04953 2.0864 1.01345 1.04235 1.10938 0.478271C1.16935 0.166392 1.46938 -0.0502423 1.78125 0.00952148ZM24.3271 0.442139C24.4231 0.166139 24.723 0.0219197 24.999 0.11792L26.0791 0.501709C26.271 0.573751 26.4147 0.753843 26.4268 0.957764C26.5108 1.89376 26.3545 6.41811 26.3545 6.61011C26.3423 6.89795 26.1023 7.12573 25.8145 7.12573H25.8027C25.5029 7.11367 25.2752 6.86186 25.2871 6.57397C25.3351 5.15797 25.4068 2.4694 25.3828 1.3894L24.6504 1.12573C24.3628 1.02959 24.2194 0.717949 24.3271 0.442139ZM27.8809 2.33765C28.7209 1.70165 30.2215 2.15766 30.5215 2.25366C30.7973 2.34975 30.9534 2.65031 30.8574 2.93823C30.7614 3.21389 30.4613 3.36981 30.1855 3.27417C29.6695 3.10617 28.8053 2.98619 28.5293 3.19019C28.4933 3.21423 28.4216 3.27397 28.4336 3.50171C28.4697 3.62171 28.9371 3.83805 29.165 3.94604C29.825 4.24604 30.7133 4.65378 30.6533 5.62573C30.6053 6.30973 30.2328 6.82603 29.6328 7.03003C29.429 7.08991 29.2252 7.11399 29.0215 7.11401C28.3736 7.11401 27.7252 6.83816 27.4131 6.47827C27.2211 6.25027 27.2576 5.91344 27.4736 5.72144C27.7016 5.52984 28.0376 5.55413 28.2295 5.78198C28.3619 5.92597 28.9134 6.12945 29.2852 6.00952C29.4291 5.96152 29.561 5.87742 29.585 5.55347C29.5966 5.3376 29.2365 5.14589 28.7207 4.90601C28.1328 4.64203 27.4012 4.30542 27.3652 3.54956C27.3413 2.88982 27.6289 2.52965 27.8809 2.33765ZM8.93066 2.04956C9.96257 1.73768 11.0307 2.24174 11.5107 3.29761C11.7387 3.80161 11.6186 4.16197 11.4746 4.36597C11.0426 5.0139 9.95036 5.02627 8.8584 4.97827H8.55859C8.67852 5.37383 8.85842 5.67356 9.12207 5.84155C9.54207 6.11755 10.059 6.03339 10.335 5.97339C10.6228 5.9017 10.9105 6.07032 10.9824 6.35815C11.0542 6.64602 10.8865 6.93359 10.5986 7.00562C10.3347 7.0656 10.0827 7.10227 9.84277 7.10229C9.35077 7.10229 8.90618 6.98222 8.53418 6.73022C7.95822 6.34622 7.58666 5.7097 7.43066 4.83374C7.1787 3.29778 8.00668 2.33756 8.93066 2.04956ZM18.7803 3.44214C18.5403 3.44214 18.288 3.51343 18 3.6814C17.496 3.9574 17.4359 4.58212 17.5439 5.02612C17.64 5.45794 17.9401 5.93742 18.3838 5.96167C18.9957 6.00966 19.4758 5.15799 19.7998 4.23413C19.788 4.22227 19.7765 4.19841 19.7646 4.18628C19.7646 4.16228 19.5242 3.64608 19.0684 3.48999C18.9724 3.454 18.8762 3.44215 18.7803 3.44214ZM4.88965 1.98999C4.43365 1.62999 3.59345 1.26954 2.18945 1.42554C2.18945 1.89349 2.22517 2.46986 2.28516 3.08179C2.41704 3.0698 2.52541 3.07032 2.60938 3.05835C2.88537 3.04635 3.1137 3.2384 3.1377 3.5144C3.16141 3.77819 2.95742 4.0177 2.68164 4.04175C2.58573 4.05374 2.47777 4.05419 2.38184 4.06616C2.46583 4.75008 2.5498 5.42201 2.63379 5.94995C4.01374 5.61393 5.76504 4.85791 5.62109 3.15405C5.5971 2.84207 5.39359 2.37398 4.88965 1.98999ZM10.5381 3.74194C10.2141 3.05802 9.65017 2.95007 9.24219 3.07007C8.94231 3.16617 8.61898 3.43015 8.49902 3.90991C8.52287 3.90976 8.54724 3.89819 8.58301 3.89819C8.655 3.89824 8.77465 3.90989 8.90625 3.90991C9.99819 3.95791 10.4185 3.87379 10.5625 3.78979C10.5505 3.77781 10.5501 3.76591 10.5381 3.74194ZM22.9561 0.801514C23.3517 0.741617 23.5558 0.861561 23.6758 0.969482C23.8438 1.10147 23.9277 1.29382 23.9277 1.4978C23.9277 1.9538 23.5198 2.32593 23.0518 2.32593C22.5838 2.32586 22.2362 2.03759 22.2002 1.62964C22.1763 1.30567 22.4042 0.897495 22.9561 0.801514Z" /%3E%3C/svg%3E');
  background-size: 45.8333333333% auto, 64.3541666667% 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.4rem;
  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%;
  font-weight: 500;
}
.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-size: 1.6rem;
  font-weight: 300;
}
.item-tag-price:empty {
  height: 2rem;
}

.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);
}
.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.1em;
  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 li:nth-of-type(2) span, .choice-list li:last-of-type span {
  display: block;
  transform: translateX(-1rem);
}
.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.6rem;
  line-height: 200%;
}
.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: min(5.1282051282vw, 2rem);
  line-height: 120%;
}
.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 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.36em 0;
  line-height: 1;
}
.crew-item dl dt {
  font-size: min(3.0769230769vw, 1.2rem);
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  background-color: var(--color-6);
}
.crew-item dl dd {
  background-color: #FCFCFC;
}
.crew-item h4 {
  margin-bottom: 0.5714285714em;
  font-weight: 900;
  text-align: center;
  line-height: 170%;
}
.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);
}