@charset "UTF-8";

* {
  -webkit-text-size-adjust: 100%;
}

.main-content {
  width: calc(750 * var(--dpx));
  font-feature-settings: 'palt';
  margin: 0 auto;
  display: flow-root;
}
.main-content * {
  box-sizing: border-box;
}
.main-content img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.main-content a {
  color: inherit;
  text-decoration: none;
}

.main-content :where(h1, h2, h3, h4, h5, h6, p) {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}

.look, .asset {display: block;position: relative;}
.look a { display: block; }
.look {
  z-index: 2;
}

.look01 { margin-top: calc(230 * var(--dpx)); width: calc(294 * var(--dpx)); margin-left: calc(234 * var(--dpx)); }
.look02 { margin-top: calc(-107 * var(--dpx)); width: calc(750 * var(--dpx)); margin-left: calc(-257 * var(--dpx)); }
.look03 { margin-top: calc(71 * var(--dpx)); width: calc(399 * var(--dpx)); margin-left: calc(57 * var(--dpx)); }

.look03 { height: calc(506 * var(--dpx)); }
.look03 > a { position: absolute; top: calc(-1 * var(--dpx)); left: calc(-2 * var(--dpx)); width: calc(398 * var(--dpx)); }
.look04 {margin-top: calc(309 * var(--dpx));width: calc(349 * var(--dpx));margin-left: calc(339 * var(--dpx));z-index: 2;}
.look05 { margin-top: calc(127 * var(--dpx)); width: calc(447 * var(--dpx)); margin-left: calc(40 * var(--dpx)); }
.look05 { height: calc(613 * var(--dpx)); }
.look05 > a { position: absolute; top: calc(39 * var(--dpx)); left: calc(9 * var(--dpx)); width: calc(410 * var(--dpx)); }
.look06 {margin-top: calc(-94 * var(--dpx));width: calc(581 * var(--dpx));margin-left: calc(93 * var(--dpx));z-index: 3;}
.look07 {margin-top: calc(88 * var(--dpx));width: calc(464 * var(--dpx));margin-left: calc(142 * var(--dpx));z-index: 2;}
.look08 {margin-top: calc(165 * var(--dpx));width: calc(415 * var(--dpx));margin-left: calc(295 * var(--dpx));}
.look09 {margin-top: calc(60 * var(--dpx));width: calc(345 * var(--dpx));margin-left: calc(44 * var(--dpx));}
.look10 { margin-top: calc(89 * var(--dpx)); width: calc(432 * var(--dpx)); margin-left: calc(130 * var(--dpx)); }
.look11 { margin-top: calc(113 * var(--dpx)); width: calc(548 * var(--dpx)); margin-left: calc(73 * var(--dpx)); }
.look12 { margin-top: calc(320 * var(--dpx)); width: calc(506 * var(--dpx)); margin-left: calc(97 * var(--dpx)); }
.look12 { height: calc(449 * var(--dpx)); }
.look12 > a { position: absolute; top: calc(-16 * var(--dpx)); left: calc(-17 * var(--dpx)); width: calc(537 * var(--dpx)); }
.look13 {margin-top: calc(-29 * var(--dpx));width: calc(281 * var(--dpx));margin-left: calc(99 * var(--dpx));}
.look14 {margin-top: calc(525 * var(--dpx));width: calc(642 * var(--dpx));margin-left: calc(71 * var(--dpx));}
.look15 {margin-top: calc(462 * var(--dpx));width: calc(598 * var(--dpx));margin-left: calc(53 * var(--dpx));}
.look16 {margin-top: calc(1278 * var(--dpx));width: calc(552 * var(--dpx));margin-left: calc(100 * var(--dpx));}
.look17 {margin-top: calc(8 * var(--dpx));width: calc(462 * var(--dpx));margin-left: calc(223 * var(--dpx));}
.look18 { margin-top: calc(46 * var(--dpx)); width: calc(292 * var(--dpx)); margin-left: calc(89 * var(--dpx)); }
.look18 { height: calc(326 * var(--dpx)); }
.look18 > a { position: absolute; top: calc(-1 * var(--dpx)); left: calc(-1 * var(--dpx)); width: calc(293 * var(--dpx)); }
.look19 {margin-top: calc(216 * var(--dpx));width: calc(630 * var(--dpx));margin-left: calc(77 * var(--dpx));}

.look19 { height: calc(440 * var(--dpx)); }
.look19 > a { position: absolute; top: calc(-154 * var(--dpx)); left: calc(-33 * var(--dpx)); width: calc(687 * var(--dpx)); }
.look20 {margin-top: calc(116 * var(--dpx));width: calc(695 * var(--dpx));margin-left: auto;}
.look21 {margin-top: calc(836 * var(--dpx));width: calc(503 * var(--dpx));margin-left: calc(134 * var(--dpx));}

.look21 { height: calc(397 * var(--dpx)); }
.look21 > a {position: absolute;top: calc(-25 * var(--dpx));left: calc(-24 * var(--dpx));width: calc(520 * var(--dpx));}
.look22 {margin-top: calc(61 * var(--dpx));width: calc(398 * var(--dpx));margin-left: calc(152 * var(--dpx));}
.look23 { margin-top: calc(1 * var(--dpx)); width: calc(750 * var(--dpx)); margin-left: calc(32 * var(--dpx)); }

.look23 { height: calc(724 * var(--dpx)); }
.look23 > a { position: absolute; }
.look23-a { top: calc(78 * var(--dpx)); left: calc(13 * var(--dpx)); width: calc(396 * var(--dpx)); }
.look23-b { top: calc(190 * var(--dpx)); left: calc(328 * var(--dpx)); width: calc(443 * var(--dpx)); }

.look23-b.js-reveal { --rv-x: 300; --rv-y: 0; }
.look24 {margin-top: calc(60 * var(--dpx));width: calc(366 * var(--dpx));margin-left: calc(398 * var(--dpx));}
.look25 { margin-top: calc(1401 * var(--dpx)); width: calc(750 * var(--dpx)); margin-left: calc(-53 * var(--dpx)); }
.look26 { margin-top: calc(301 * var(--dpx)); width: calc(675 * var(--dpx)); margin-left: calc(48 * var(--dpx)); }

.cloud, .cloud-castle, .cloud-scatter,
.chara-babysatan, .chara-momon, .chara-watabou, .chara-dragon,
.chara-slime, .chara-slime-soft, .chara-slime-pair, .chara-slime-pink,
.chara-panther, .chara-star, .chara-killer-machine,
.icon-arrow-down, .icon-softcream, .icon-slime, .icon-balloon, .icon-stars, .icon-star,
.index-goods, .index-cutsewn, .index-knit, .index-sleep, .index-wear-goods, .index-catdog,
.ttl-knit-series, .ttl-cutsewn-series, .ttl-wear-goods, .ttl-sleep, .ttl-goods, .ttl-cat-dog,
.logo-collab, .logo-cloud-collage, .logo-dq40th,
.slime-cup, .slime-cup-pink, .slime-divider, .star-scatter,
.ticker-text, .photo-dog, .btn-all-items, .lp-copyright {
  display: block;
  position: relative;
}
.cloud-scatter {
    pointer-events: none;
}

.main-content > .cloud,
.main-content > .cloud-castle,
.main-content > .cloud-scatter,
.main-content > .chara-babysatan,
.main-content > .chara-momon,
.main-content > .chara-watabou,
.main-content > .chara-dragon,
.main-content > .chara-slime-soft,
.main-content > .chara-slime,
.main-content > .chara-panther,
.main-content > .chara-star,
.main-content > .chara-slime-pair,
.main-content > .chara-slime-pink,
.main-content > .chara-killer-machine,
.main-content > .icon-arrow-down,
.main-content > .icon-softcream,
.main-content > .icon-slime,
.main-content > .icon-balloon,
.main-content > .icon-stars,
.main-content > .icon-star,
.main-content > .ticker-limited {
  position: absolute;
}

.cloud-castle01 { margin-top: calc(44 * var(--dpx)); width: calc(750 * var(--dpx)); margin-left: calc(-106 * var(--dpx)); }
.logo-collab01 { margin-top: calc(186 * var(--dpx)); width: calc(547 * var(--dpx)); margin-left: calc(102 * var(--dpx)); }
.chara-babysatan01 { margin-top: calc(72 * var(--dpx)); width: calc(280 * var(--dpx)); margin-left: calc(484 * var(--dpx)); }
.chara-momon01 { margin-top: calc(91 * var(--dpx)); width: calc(211 * var(--dpx)); margin-left: calc(38 * var(--dpx)); }
.chara-watabou01 { margin-top: calc(-97 * var(--dpx)); width: calc(261 * var(--dpx)); margin-left: calc(489 * var(--dpx)); }
.chara-dragon01 { margin-top: calc(-118 * var(--dpx)); width: calc(297 * var(--dpx)); margin-left: calc(-77 * var(--dpx)); }
.cloud01 {margin-top: calc(-292 * var(--dpx));width: calc(186 * var(--dpx));margin-left: calc(-75 * var(--dpx));}
.cloud02 { margin-top: calc(-94 * var(--dpx)); width: calc(267 * var(--dpx)); margin-left: calc(580 * var(--dpx)); }
.cloud03 { margin-top: calc(548 * var(--dpx)); width: calc(186 * var(--dpx)); margin-left: calc(-22 * var(--dpx)); }
.icon-arrow-down01 { margin-top: calc(553 * var(--dpx)); width: calc(35 * var(--dpx)); margin-left: calc(359 * var(--dpx)); }
.index-goods01 { margin-top: calc(64 * var(--dpx)); width: calc(291 * var(--dpx)); margin-left: calc(471 * var(--dpx)); }
.index-cutsewn01 { margin-top: calc(-235 * var(--dpx)); width: calc(268 * var(--dpx)); margin-left: calc(247 * var(--dpx)); }
.index-knit01 { margin-top: calc(-245 * var(--dpx)); width: calc(229 * var(--dpx)); margin-left: calc(40 * var(--dpx)); }

.index-sleep01 {margin-top: calc(89 * var(--dpx));width: calc(262 * var(--dpx));margin-left: calc(121 * var(--dpx));}
.index-wear-goods01 { margin-top: calc(-305 * var(--dpx)); width: calc(265 * var(--dpx)); margin-left: calc(9 * var(--dpx)); }
.index-catdog01 { margin-top: calc(-340 * var(--dpx)); width: calc(261 * var(--dpx)); margin-left: calc(369 * var(--dpx)); }
.slime-cup01 { margin-top: calc(59 * var(--dpx)); width: calc(269 * var(--dpx)); margin-left: calc(534 * var(--dpx)); }
.cloud04 { margin-top: calc(11 * var(--dpx)); width: calc(156 * var(--dpx)); margin-left: calc(147 * var(--dpx)); }
.ticker-text01 { margin-top: calc(59 * var(--dpx)); width: calc(696 * var(--dpx)); margin-left: calc(27 * var(--dpx)); }
.chara-watabou02 { margin-top: calc(177 * var(--dpx)); width: calc(750 * var(--dpx)); margin-left: calc(-152 * var(--dpx)); }
.chara-babysatan02 { margin-top: calc(349 * var(--dpx)); width: calc(750 * var(--dpx)); margin-left: calc(193 * var(--dpx)); }
.logo-collab02 { margin-top: calc(671 * var(--dpx)); width: calc(395 * var(--dpx)); margin-left: calc(178 * var(--dpx)); }
.chara-momon02 { margin-top: calc(68 * var(--dpx)); width: calc(750 * var(--dpx)); margin-left: calc(-215 * var(--dpx)); }
.chara-slime-soft01 {margin-top: calc(77 * var(--dpx));width: calc(675 * var(--dpx));margin-left: calc(278 * var(--dpx));z-index: 2;}
.cloud-scatter01 {margin-top: calc(297 * var(--dpx));width: calc(750 * var(--dpx));margin-left: calc(-128 * var(--dpx));}
.cloud05 { margin-top: calc(670 * var(--dpx)); width: calc(378 * var(--dpx)); margin-left: calc(467 * var(--dpx)); }
.ttl-knit-series01 {margin-top: calc(677 * var(--dpx));width: calc(506 * var(--dpx));margin-left: calc(121 * var(--dpx));}
.cloud06 { margin-top: calc(-86 * var(--dpx)); width: calc(250 * var(--dpx)); margin-left: calc(-74 * var(--dpx)); }
.chara-watabou03 {margin-top: calc(77 * var(--dpx));width: calc(166 * var(--dpx));margin-left: calc(506 * var(--dpx));}
.icon-softcream01 {margin-top: calc(-445 * var(--dpx));width: calc(33 * var(--dpx));margin-left: calc(261 * var(--dpx));}
.cloud07 { margin-top: calc(-529 * var(--dpx)); width: calc(319 * var(--dpx)); margin-left: calc(517 * var(--dpx)); }
.slime-divider01 {margin-top: calc(74 * var(--dpx));}
.chara-slime01 { margin-top: calc(29 * var(--dpx)); width: calc(318 * var(--dpx)); margin-left: calc(-5 * var(--dpx)); }
.chara-panther01 { margin-top: calc(-509 * var(--dpx)); width: calc(349 * var(--dpx)); margin-left: calc(418 * var(--dpx)); }
.slime-cup02 { margin-top: calc(-30 * var(--dpx)); width: calc(261 * var(--dpx)); margin-left: calc(-22 * var(--dpx)); }
.icon-slime01 {margin-top: calc(-152 * var(--dpx));width: calc(30 * var(--dpx));margin-left: calc(564 * var(--dpx));}
.icon-slime02 {margin-top: calc(-731 * var(--dpx));width: calc(30 * var(--dpx));margin-left: calc(619 * var(--dpx));}
.cloud08 {margin-top: calc(-684 * var(--dpx));width: calc(402 * var(--dpx));margin-left: calc(476 * var(--dpx));}
.cloud09 {margin-top: calc(-168 * var(--dpx));width: calc(365 * var(--dpx));margin-left: calc(-58 * var(--dpx));}
.icon-slime03 {margin-top: calc(-64 * var(--dpx));width: calc(30 * var(--dpx));margin-left: calc(634 * var(--dpx));}
.cloud10 {margin-top: calc(-579 * var(--dpx));width: calc(435 * var(--dpx));margin-left: calc(-105 * var(--dpx));}
.chara-star01 {margin-top: calc(-519 * var(--dpx));width: calc(252 * var(--dpx));margin-left: calc(529 * var(--dpx));}
.cloud11 {margin-top: calc(-125 * var(--dpx));width: calc(364 * var(--dpx));margin-left: calc(445 * var(--dpx));}
.chara-slime-pair01 {margin-top: calc(-303 * var(--dpx));width: calc(198 * var(--dpx));margin-left: calc(59 * var(--dpx));}
.cloud12 {margin-top: calc(-305 * var(--dpx));width: calc(429 * var(--dpx));margin-left: calc(409 * var(--dpx));}
.cloud13 {margin-top: calc(72 * var(--dpx));width: calc(351 * var(--dpx));margin-left: calc(33 * var(--dpx));}
.cloud14 {margin-top: calc(118 * var(--dpx));width: calc(303 * var(--dpx));margin-left: calc(546 * var(--dpx));}
.ttl-cutsewn-series01 {margin-top: calc(349 * var(--dpx));width: calc(492 * var(--dpx));margin-left: calc(131 * var(--dpx));}
.chara-slime-pink01 {margin-top: calc(-813 * var(--dpx));width: calc(311 * var(--dpx));margin-left: calc(-30 * var(--dpx));}
.icon-balloon01 {margin-top: calc(-734 * var(--dpx));width: calc(36 * var(--dpx));margin-left: calc(636 * var(--dpx));}
.chara-momon03 {margin-top: calc(-535 * var(--dpx));width: calc(502 * var(--dpx));margin-left: calc(345 * var(--dpx));}
.chara-slime02 {margin-top: calc(-190 * var(--dpx));width: calc(415 * var(--dpx));margin-left: calc(453 * var(--dpx));}
.cloud15 {margin-top: calc(-324 * var(--dpx));width: calc(220 * var(--dpx));margin-left: calc(27 * var(--dpx));}
.cloud16 {margin-top: calc(-199 * var(--dpx));width: calc(389 * var(--dpx));margin-left: calc(445 * var(--dpx));}
.chara-dragon02 { margin-top: calc(139 * var(--dpx)); width: calc(320 * var(--dpx)); margin-left: calc(-65 * var(--dpx)); }
.icon-balloon02 { margin-top: calc(153 * var(--dpx)); width: calc(36 * var(--dpx)); margin-left: calc(456 * var(--dpx)); }
.cloud17 { margin-top: calc(207 * var(--dpx)); width: calc(324 * var(--dpx)); margin-left: calc(457 * var(--dpx)); }
.cloud18 {margin-top: calc(-65 * var(--dpx));width: calc(216 * var(--dpx));margin-left: calc(132 * var(--dpx));}
.cloud19 {margin-top: calc(-308 * var(--dpx));width: calc(750 * var(--dpx));margin-left: calc(-32 * var(--dpx));}
.chara-babysatan03 {margin-top: calc(-270 * var(--dpx));width: calc(268 * var(--dpx));margin-left: calc(464 * var(--dpx));}
.cloud20 {margin-top: calc(-130 * var(--dpx));width: calc(290 * var(--dpx));margin-left: calc(-66 * var(--dpx));}
.cloud21 {margin-top: calc(33 * var(--dpx));width: calc(398 * var(--dpx));margin-left: calc(368 * var(--dpx));}
.cloud22 {margin-top: calc(17 * var(--dpx));width: calc(268 * var(--dpx));margin-left: calc(312 * var(--dpx));}
.cloud-scatter02 {margin-top: calc(399 * var(--dpx));width: calc(750 * var(--dpx));margin-left: calc(-9 * var(--dpx));}
.chara-slime-soft02 {margin-top: calc(-38 * var(--dpx));width: calc(425 * var(--dpx));margin-left: calc(313 * var(--dpx));}
.cloud23 {margin-top: calc(-31 * var(--dpx));width: calc(398 * var(--dpx));margin-left: calc(-87 * var(--dpx));}
.ttl-wear-goods01 {margin-top: calc(-1224 * var(--dpx));width: calc(574 * var(--dpx));margin-left: calc(85 * var(--dpx));}
.cloud24 { margin-top: calc(145 * var(--dpx)); width: calc(384 * var(--dpx)); margin-left: calc(469 * var(--dpx)); }
.chara-panther02 {margin-top: calc(634 * var(--dpx));width: calc(316 * var(--dpx));margin-left: calc(-22 * var(--dpx));z-index: 3;pointer-events: none;}
.cloud25 { margin-top: calc(982 * var(--dpx)); width: calc(227 * var(--dpx)); margin-left: calc(593 * var(--dpx)); }
.cloud26 {margin-top: calc(62 * var(--dpx));width: calc(239 * var(--dpx));margin-left: calc(-62 * var(--dpx));}
.chara-killer-machine01 {margin-top: calc(107 * var(--dpx));width: calc(469 * var(--dpx));margin-left: calc(97 * var(--dpx));}
.cloud27 {margin-top: calc(-97 * var(--dpx));width: calc(231 * var(--dpx));margin-left: calc(461 * var(--dpx));z-index: 2;}

.chara-momon04 { margin-top: calc(253 * var(--dpx)); width: calc(329 * var(--dpx)); margin-left: calc(429 * var(--dpx)); }
.cloud28 {margin-top: calc(343 * var(--dpx));width: calc(243 * var(--dpx));margin-left: calc(-46 * var(--dpx));}
.chara-panther03 {margin-top: calc(535 * var(--dpx));width: calc(750 * var(--dpx));margin-left: calc(-299 * var(--dpx));}
.cloud44 {margin-top: calc(651 * var(--dpx));width: calc(675 * var(--dpx));margin-left: calc(469 * var(--dpx));}
.cloud29 {margin-top: calc(-734 * var(--dpx));width: calc(243 * var(--dpx));margin-left: calc(-86 * var(--dpx));}
.ttl-sleep01 { margin-top: calc(-517 * var(--dpx)); width: calc(242 * var(--dpx)); margin-left: calc(257 * var(--dpx)); }
.star-scatter01 { margin-top: calc(34 * var(--dpx)); width: calc(654 * var(--dpx)); margin-left: calc(47 * var(--dpx)); }
.cloud30 { margin-top: calc(298 * var(--dpx)); width: calc(285 * var(--dpx)); margin-left: calc(485 * var(--dpx)); }
.slime-cup-pink01 { margin-top: calc(-381 * var(--dpx)); width: calc(381 * var(--dpx)); margin-left: calc(-46 * var(--dpx)); }
.chara-watabou04 {margin-top: calc(53 * var(--dpx));width: calc(328 * var(--dpx));margin-left: calc(450 * var(--dpx));}
.cloud31 {margin-top: calc(-545 * var(--dpx));width: calc(295 * var(--dpx));margin-left: calc(462 * var(--dpx));}
.cloud32 {margin-top: calc(-533 * var(--dpx));width: calc(473 * var(--dpx));margin-left: calc(-18 * var(--dpx));}
.cloud33 {margin-top: calc(-119 * var(--dpx));width: calc(315 * var(--dpx));margin-left: calc(496 * var(--dpx));}
.chara-momon05 {margin-top: calc(29 * var(--dpx));width: calc(230 * var(--dpx));margin-left: calc(491 * var(--dpx));}
.cloud34 {margin-top: calc(73 * var(--dpx));width: calc(484 * var(--dpx));margin-left: calc(-161 * var(--dpx));}
.chara-slime-soft03 {margin-top: calc(11 * var(--dpx));width: calc(750 * var(--dpx));margin-left: calc(199 * var(--dpx));}
.cloud45 {margin-top: calc(45 * var(--dpx));width: calc(599 * var(--dpx));margin-left: calc(-313 * var(--dpx));}

.cloud46 {margin-top: calc(2427 * var(--dpx));width: calc(174 * var(--dpx));right: calc(50 * var(--dpx));z-index: 2;}
.cloud35 {margin-top: calc(-509 * var(--dpx));width: calc(295 * var(--dpx));margin-left: calc(70 * var(--dpx));}
.ttl-goods01 { margin-top: calc(-498 * var(--dpx)); width: calc(282 * var(--dpx)); margin-left: calc(234 * var(--dpx)); }
.cloud36 { margin-top: calc(-57 * var(--dpx)); width: calc(368 * var(--dpx)); margin-left: calc(163 * var(--dpx)); }
.cloud37 {margin-top: calc(-2 * var(--dpx));width: calc(152 * var(--dpx));margin-left: calc(576 * var(--dpx));}
.icon-stars01 {margin-top: calc(-411 * var(--dpx));width: calc(39 * var(--dpx));margin-left: calc(632 * var(--dpx));}
.cloud38 {margin-top: calc(-334 * var(--dpx));width: calc(402 * var(--dpx));margin-left: calc(-104 * var(--dpx));}
.cloud39 { margin-top: calc(-37 * var(--dpx)); width: calc(186 * var(--dpx)); margin-left: calc(504 * var(--dpx)); }
.chara-dragon03 {margin-top: calc(143 * var(--dpx));width: calc(322 * var(--dpx));margin-left: calc(115 * var(--dpx));}
.photo-dog01 {margin-top: calc(193 * var(--dpx));width: calc(215 * var(--dpx));margin-left: calc(598 * var(--dpx));}
.icon-star01 { margin-top: calc(0 * var(--dpx)); width: calc(24 * var(--dpx)); margin-left: calc(557 * var(--dpx)); }

.icon-star02 {margin-top: calc(-20 * var(--dpx));width: calc(24 * var(--dpx));margin-left: calc(300 * var(--dpx));}
.icon-star03 { margin-top: calc(-50 * var(--dpx)); width: calc(24 * var(--dpx)); margin-left: calc(300 * var(--dpx)); }
.ttl-cat-dog01 {margin-top: calc(72 * var(--dpx));width: calc(430 * var(--dpx));margin-left: calc(162 * var(--dpx));}
.chara-slime03 { margin-top: calc(-686 * var(--dpx)); width: calc(333 * var(--dpx)); margin-left: calc(451 * var(--dpx)); }
.cloud40 {margin-top: calc(3 * var(--dpx));width: calc(274 * var(--dpx));margin-left: calc(560 * var(--dpx));}
.chara-slime-pink02 { margin-top: calc(-404 * var(--dpx)); width: calc(308 * var(--dpx)); margin-left: calc(47 * var(--dpx)); }
.cloud41 { margin-top: calc(-43 * var(--dpx)); width: calc(233 * var(--dpx)); margin-left: calc(587 * var(--dpx)); }
.logo-cloud-collage01 {margin-top: calc(56 * var(--dpx));width: calc(750 * var(--dpx));margin-left: calc(-219 * var(--dpx));}
.btn-all-items01 { margin-top: calc(-512 * var(--dpx)); width: calc(450 * var(--dpx)); margin-left: calc(156 * var(--dpx)); }
.lp-copyright01 {margin-top: calc(495 * var(--dpx));width: calc(438 * var(--dpx));margin-left: calc(156 * var(--dpx));padding: 0;}
.logo-dq40th01 {margin-top: calc(37 * var(--dpx));width: calc(110 * var(--dpx));margin-left: calc(320 * var(--dpx));margin-bottom: calc(160 * var(--dpx));}
.cloud42 { margin-top: calc(11 * var(--dpx)); width: calc(156 * var(--dpx)); margin-left: calc(192 * var(--dpx)); }
.chara-babysatan04 { margin-top: calc(-114 * var(--dpx)); width: calc(259 * var(--dpx)); margin-left: calc(499 * var(--dpx)); }
.cloud43 { margin-top: calc(11 * var(--dpx)); width: calc(156 * var(--dpx)); margin-left: calc(410 * var(--dpx)); }

.lead {
  font-size: calc(30 * var(--dpx));
  line-height: 2.04;
  font-family: "zen-kaku-gothic-new", sans-serif;
  text-align: center;
  color: #142144;
  position: relative;
}
.lead01 {margin-top: calc(140 * var(--dpx));font-weight: 700;margin-left: calc(24 * var(--dpx));}
.lead02 {
  margin-top: calc(44 * var(--dpx));
  font-size: calc(25 * var(--dpx));
  line-height: 2.32;
  z-index: 3;

  color: #233456;
  background-image: linear-gradient(to bottom, #233456, #233456);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-heading {
  font-size: calc(34 * var(--dpx));
  line-height: 0.95;
  letter-spacing: 0.24em;
  font-family: "bitcount-mono-double-square", monospace;
  text-align: center;
  color: #9BC8E4;
}
.section-heading01 { margin-top: calc(709 * var(--dpx)); }
.section-heading02 { margin-top: calc(111 * var(--dpx)); color: #E8B3D3; }

.comment {
  font-size: calc(25 * var(--dpx));
  line-height: 1.56;
  font-family: "zen-kaku-gothic-new", sans-serif;
  text-align: left;
  color: #79A6CC;
}
.comment01 { margin-top: calc(45 * var(--dpx)); margin-left: calc(117 * var(--dpx)); }
.comment02 {
  margin-left: calc(38 * var(--dpx));
  margin-top: calc(445 * var(--dpx));
  color: #142046;
  border: calc(4 * var(--dpx)) solid white;
  border-radius: calc(19 * var(--dpx));
  padding: calc(40 * var(--dpx)) calc(43 * var(--dpx)) calc(46 * var(--dpx));
  width: calc(640 * var(--dpx));
  letter-spacing: -0.02em;
  background: rgba(239, 244, 244, 0.7);
  position: relative;
  span {
    font-size: calc(22 * var(--dpx));
    margin-top: calc(8 * var(--dpx));
    display: inline-block;
  }
}
.comment03 { margin-top: calc(77 * var(--dpx)); margin-left: calc(117 * var(--dpx)); color: #7F8FD3; }
.comment04 { margin-top: calc(-31 * var(--dpx)); margin-left: calc(117 * var(--dpx)); color: #9591C6; }

.more-arrow {
  font-size: calc(26 * var(--dpx));
  line-height: 1.5;
  letter-spacing: 0.24em;
  font-family: "bitcount-mono-double-square", monospace;
  text-align: center;
  color: #79A6CC;
}
.more-arrow01 { margin-top: calc(-42 * var(--dpx)); }

.comment02 .more-arrow02 {
  position: absolute;
  right: calc(29 * var(--dpx));
  bottom: calc(57 * var(--dpx));
  margin: 0;
  color: #142046;
}
.comment02 .more-arrow02 svg {
  display: block;
  width: calc(8 * var(--dpx));
  height: auto;
}

.ticker-line {
  margin-top: calc(144 * var(--dpx));
  overflow: hidden;

  img {
    width: calc(1756 * var(--dpx));
    animation: mq-flow var(--mq-dur, 13s) linear infinite;
    --mq-shift: calc(-894 * var(--dpx));
  }
}

.ticker-limited01 {
  margin-top: calc(266 * var(--dpx));
  margin-left: calc(-276 * var(--dpx));
  width: calc(1362 * var(--dpx));
}

@keyframes anim-float {

  from { translate: 0 0; }
  to   { translate: 0 calc(-1 * var(--fa) * var(--dpx)); }
}
.anim-float {
  --fa: 50;
  animation: anim-float 1.8s ease-in-out infinite alternate;
  will-change: translate;
}

.icon-softcream01.anim-float { --fa: 28; animation-delay: -0.2s; }
.chara-panther01.anim-float  { --fa: 55; animation-delay: -1.4s; }
.slime-cup02.anim-float      { --fa: 49; animation-delay: -0.8s; }
.icon-balloon01.anim-float   { --fa: 28; animation-delay: -2.1s; }
.chara-dragon02.anim-float   { --fa: 45; animation-delay: -1s; }
.icon-balloon02.anim-float   { --fa: 28; animation-delay: -0.5s; }
.chara-momon04.anim-float    { --fa: 53; animation-delay: -1.8s; }
.look16.anim-float           { --fa: 35; animation-delay: -0.3s; }
@media (prefers-reduced-motion: reduce) {
  .anim-float { animation: none; }
}

.credit {
  display: block;
  width: fit-content;
  position: relative;
  font-size: calc(30 * var(--dpx));
  line-height: 1.12;
  letter-spacing: 0.24em;
  font-family: "bitcount-mono-double-square", monospace;
  text-align: left;
  color: #9FA8D2;
  text-decoration: none;
  z-index: 3;
}
.credit .credit-name {
  display: block;
  color: #9fa8d2;
  position: relative;
  &::before {
    content: '';
    background: url(../img/arrow-credit01.svg) no-repeat;
    width: calc(10 * var(--dpx));
    height: calc(15 * var(--dpx));
    display: block;
    position: absolute;
    top: calc(10 * var(--dpx));
    left: calc(-30 * var(--dpx));
  }
}

.credit .credit-price {display: block;font-size: calc(24 * var(--dpx));line-height: 1.4;margin-top: calc(16 * var(--dpx));letter-spacing: 0.24em;color: #9fa8d2;}
.credit .credit-buy {
  position: absolute;
  bottom: 0;
  font-size: calc(24 * var(--dpx));
  line-height: 1;
  color: #DFEFEE;
  white-space: nowrap;
  background: #9fa8d2;
  width: calc(70 * var(--dpx));
  height: calc(30 * var(--dpx));
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.24em;
  padding-left: calc(8 * var(--dpx));
  left: calc(170 * var(--dpx));
}
.credit01 { margin-top: calc(-407 * var(--dpx)); margin-left: calc(452 * var(--dpx)); }
.credit02 { margin-top: calc(-343 * var(--dpx)); margin-left: calc(81 * var(--dpx)); }
.credit03 { margin-top: calc(-92 * var(--dpx)); margin-left: calc(471 * var(--dpx)); }
.credit04 {margin-top: calc(-58 * var(--dpx));margin-left: calc(190 * var(--dpx));}
.credit04 .credit-buy {left: calc(150 * var(--dpx));}
.credit05 { margin-top: calc(18 * var(--dpx)); margin-left: calc(81 * var(--dpx)); }
.credit06 {margin-top: calc(-128 * var(--dpx));margin-left: calc(429 * var(--dpx));}
.credit07 { margin-top: calc(25 * var(--dpx)); margin-left: calc(83 * var(--dpx)); }
.credit08 {margin-top: calc(-21 * var(--dpx));margin-left: calc(429 * var(--dpx));}
.credit08 .credit-buy {left: calc(150 * var(--dpx));}
.credit09 {margin-top: calc(-42 * var(--dpx));margin-left: calc(83 * var(--dpx));}
.credit09 .credit-buy {left: calc(152 * var(--dpx));}
.credit10 { margin-top: calc(45 * var(--dpx)); margin-left: calc(373 * var(--dpx)); }
.credit10 .credit-price { margin-top: calc(30 * var(--dpx)); }
.credit10 .credit-buy {left: calc(152 * var(--dpx));}
.credit11 { margin-top: calc(-13 * var(--dpx)); margin-left: calc(367 * var(--dpx)); }
.credit11 .credit-price {margin-top: calc(29 * var(--dpx));}
.credit11 .credit-buy {left: calc(158 * var(--dpx));}

.credit-lightgreen .credit-name {
  color: #a7c2c4 !important;
  position: relative;
  &::before {
    background: url(../img/arrow-credit02.svg) no-repeat;
  }
}
.credit-lightgreen .credit-price {
  color: #a7c2c4 !important;
}
.credit-lightgreen .credit-buy {
  background-color: #a7c2c4 !important;
}

.credit12 { margin-top: calc(52 * var(--dpx)); margin-left: calc(104 * var(--dpx)); color: #A7C2C4; }
.credit12 .credit-buy {left: calc(149 * var(--dpx));}
.credit13 {margin-top: calc(-21 * var(--dpx));margin-left: calc(431 * var(--dpx));color: #A7C2C4;}
.credit13 .credit-buy {left: calc(151 * var(--dpx));}
.credit14 { margin-top: calc(-28 * var(--dpx)); margin-left: calc(104 * var(--dpx)); color: #A7C2C4; }
.credit14 .credit-buy {left: calc(150 * var(--dpx));}
.credit15 {margin-top: calc(13 * var(--dpx));margin-left: calc(104 * var(--dpx));color: #A7C2C4;}
.credit15 .credit-buy {left: calc(150 * var(--dpx));}
.credit16 {margin-top: calc(-21 * var(--dpx));margin-left: calc(431 * var(--dpx));color: #A7C2C4;}
.credit16 .credit-buy {left: calc(150 * var(--dpx));}
.credit17 { margin-top: calc(-28 * var(--dpx)); margin-left: calc(104 * var(--dpx)); color: #A7C2C4; }
.credit17 .credit-buy {left: calc(150 * var(--dpx));}
.credit18 { margin-top: calc(53 * var(--dpx)); margin-left: calc(103 * var(--dpx)); color: #A7C2C4; }
.credit18 .credit-buy {left: calc(152 * var(--dpx));}
.credit19 {margin-top: calc(-47 * var(--dpx));margin-left: calc(439 * var(--dpx));color: #A7C2C4;}
.credit19 .credit-buy {left: calc(150 * var(--dpx));}
.credit20 {margin-top: calc(57 * var(--dpx));margin-left: calc(100 * var(--dpx));color: #A7C2C4;}
.credit20 .credit-price { margin-left: calc(-27 * var(--dpx)); }
.credit20 .credit-buy {left: calc(130 * var(--dpx));}
.credit21 {margin-top: calc(58 * var(--dpx));margin-left: calc(100 * var(--dpx));color: #A7C2C4;}
.credit21 .credit-price { margin-left: calc(-27 * var(--dpx)); }
.credit21 .credit-buy {left: calc(130 * var(--dpx));}

.credit-darkblue .credit-name {
  color: #142144 !important;
  position: relative;
  &::before {
    background: url(../img/arrow-credit03.svg) no-repeat;
  }
}
.credit-darkblue .credit-price {
  color: #142144 !important;
}
.credit-darkblue .credit-buy {
  background-color: #142144 !important;
}

.credit22 { margin-top: calc(1169 * var(--dpx)); margin-left: calc(88 * var(--dpx)); color: #142144; }
.credit22 .credit-price {margin-top: calc(38 * var(--dpx));}
.credit22 .credit-buy {left: calc(170 * var(--dpx));}
.credit23 { margin-top: calc(54 * var(--dpx)); margin-left: calc(135 * var(--dpx)); color: #142144; }
.credit23 .credit-price { margin-left: calc(-27 * var(--dpx)); }
.credit23 .credit-buy { left: calc(130 * var(--dpx)); }
.credit24 { margin-top: calc(-33 * var(--dpx)); margin-left: calc(447 * var(--dpx)); color: #142144; }
.credit24 .credit-price { margin-left: calc(-27 * var(--dpx)); }
.credit24 .credit-buy { left: calc(130 * var(--dpx)); }
.credit25 { margin-top: calc(34 * var(--dpx)); margin-left: calc(135 * var(--dpx)); color: #142144; }
.credit25 .credit-price { margin-left: calc(-27 * var(--dpx)); }
.credit25 .credit-buy { left: calc(130 * var(--dpx)); }

.credit-lightblue .credit-name {
  color: #eff4f8 !important;
  position: relative;
  &::before {
    background: url(../img/arrow-credit04.svg) no-repeat;
  }
}
.credit-lightblue .credit-price {
  color: #eff4f8 !important;
}
.credit-lightblue .credit-buy {
  background-color: #eff4f8 !important;
}

.credit26 { margin-top: calc(297 * var(--dpx)); margin-left: calc(99 * var(--dpx)); color: #EFF4F8; }
.credit26 .credit-price { margin-left: calc(-27 * var(--dpx)); }
.credit26 .credit-buy {left: calc(145 * var(--dpx));color: #7E919E;}
.credit27 { margin-top: calc(-248 * var(--dpx)); margin-left: calc(469 * var(--dpx)); color: #EFF4F8; }
.credit27 .credit-buy { left: calc(152 * var(--dpx)); color: #7E919E; }
.credit28 {margin-top: calc(242 * var(--dpx));margin-left: calc(102 * var(--dpx));color: #EFF4F8;}
.credit28 .credit-buy { left: calc(152 * var(--dpx)); color: #7E919E; }
.credit29 { margin-top: calc(31 * var(--dpx)); margin-left: calc(101 * var(--dpx)); color: #EFF4F8; }
.credit29 .credit-price { margin-left: calc(-27 * var(--dpx)); }
.credit29 .credit-buy {left: calc(130 * var(--dpx));color: #7E919E;}
.credit30 { margin-top: calc(22 * var(--dpx)); margin-left: calc(118 * var(--dpx)); color: #EFF4F8; }
.credit30 .credit-price { margin-left: calc(-27 * var(--dpx)); }
.credit30 .credit-buy { left: calc(143 * var(--dpx)); color: #7E919E; }

.credit-lightpurple .credit-name {
  color: #adadc9 !important;
  position: relative;
  &::before {
    background: url(../img/arrow-credit05.svg) no-repeat;
  }
}
.credit-lightpurple .credit-price {
  color: #adadc9 !important;
}
.credit-lightpurple .credit-buy {
  background-color: #adadc9 !important;
}

.credit31 { margin-top: calc(451 * var(--dpx)); margin-left: calc(135 * var(--dpx)); color: #ADADC9; }
.credit31 .credit-price { margin-left: calc(-27 * var(--dpx)); }
.credit31 .credit-buy { left: calc(130 * var(--dpx)); }
.credit32 { margin-top: calc(-54 * var(--dpx)); margin-left: calc(447 * var(--dpx)); color: #ADADC9; }
.credit32 .credit-price { margin-left: calc(-27 * var(--dpx)); }
.credit32 .credit-buy { left: calc(130 * var(--dpx)); }
.credit33 {margin-top: calc(40 * var(--dpx));margin-left: calc(135 * var(--dpx));color: #ADADC9;}
.credit33 .credit-price { margin-left: calc(-27 * var(--dpx)); }
.credit33 .credit-buy { left: calc(130 * var(--dpx)); }
.credit34 { margin-top: calc(-44 * var(--dpx)); margin-left: calc(97 * var(--dpx)); color: #ADADC9; }
.credit34 .credit-price { margin-left: calc(-27 * var(--dpx)); }
.credit34 .credit-buy { left: calc(130 * var(--dpx)); }

.credit-lightgray .credit-name {
  color: #8da0aa !important;
  position: relative;
  &::before {
    background: url(../img/arrow-credit06.svg) no-repeat;
  }
}
.credit-lightgray .credit-price {
  color: #8da0aa !important;
}
.credit-lightgray .credit-buy {
  background-color: #8da0aa !important;
}

.credit35 { margin-top: calc(-73 * var(--dpx)); margin-left: calc(114 * var(--dpx)); color: #8DA0AA; }
.credit35 .credit-price { margin-left: calc(-27 * var(--dpx)); }
.credit35 .credit-buy { left: calc(130 * var(--dpx)); }
.credit36 { margin-top: calc(-117 * var(--dpx)); margin-left: calc(228 * var(--dpx)); color: #8DA0AA; }
.credit36 .credit-price { margin-left: calc(-27 * var(--dpx)); }
.credit36 .credit-buy { left: calc(130 * var(--dpx)); }

.sleep-z {
  font-size: calc(31 * var(--dpx));
  line-height: 1.29;
  letter-spacing: 0.24em;
  font-family: "bitcount-mono-double-square", monospace;
  text-align: center;
  color: #FFFAD2;
}
.sleep-z01 { margin-top: calc(-3241 * var(--dpx)); }
.sleep-z02 { margin-top: calc(-5 * var(--dpx)); }

.main-content {
  overflow: clip;
}

.look02 {
  width: calc(954 * var(--dpx));
  margin-left: calc(-257 * var(--dpx));
}

.look11 {
  width: calc(548 * var(--dpx));
  margin-left: calc(73 * var(--dpx));
}

.look14 {
  width: calc(642 * var(--dpx));
  margin-left: calc(71 * var(--dpx));
}

.look23 {
  width: calc(771 * var(--dpx));
  margin-left: calc(32 * var(--dpx));
}

.look25 {
  width: calc(751 * var(--dpx));
  margin-left: calc(-53 * var(--dpx));
}

.cloud-castle01 {
  width: calc(907 * var(--dpx));
  margin-left: calc(-106 * var(--dpx));
}

.chara-watabou02 {
  width: calc(783 * var(--dpx));
  margin-left: calc(-152 * var(--dpx));
}

.chara-babysatan02 {
  width: calc(783 * var(--dpx));
  margin-left: calc(193 * var(--dpx));
}

.chara-momon02 {
  width: calc(789 * var(--dpx));
  margin-left: calc(-215 * var(--dpx));
  z-index: 7;
}

.cloud-scatter01 {
  width: calc(937 * var(--dpx));
  pointer-events: none;
  margin-left: calc(-128 * var(--dpx));
}

.cloud19 {
  width: calc(791 * var(--dpx));
  margin-left: calc(-32 * var(--dpx));
}

.cloud-scatter02 {
  width: calc(804 * var(--dpx));
  margin-left: calc(-9 * var(--dpx));
}

.chara-panther03 {
  width: calc(820 * var(--dpx));
  margin-left: calc(-299 * var(--dpx));
}

.chara-slime-soft03 {
  width: calc(930 * var(--dpx));
  margin-left: calc(199 * var(--dpx));
}

.logo-cloud-collage01 {
  width: calc(1445 * var(--dpx));
  margin-left: calc(-219 * var(--dpx));
}

.chara-slider01 { margin-top: calc(-107 * var(--dpx)); }
.chara-slider .splide__slide {
  position: relative;
  height: calc(1349 * var(--dpx));
}
.chara-slider .splide__slide > * {
  position: absolute;
  margin: 0;
}

.chara-slider .look02 { top: calc(185 * var(--dpx)); left: calc(57 * var(--dpx)); width: calc(640 * var(--dpx)); }
.chara-slider .cloud04 { top: calc(1171 * var(--dpx)); left: calc(147 * var(--dpx)); width: calc(156 * var(--dpx)); }

.chara-slider .look25 { top: calc(165 * var(--dpx)); left: calc(-53 * var(--dpx)); width: calc(751 * var(--dpx)); }
.chara-slider .cloud42 { top: calc(1164 * var(--dpx)); left: calc(192 * var(--dpx)); width: calc(156 * var(--dpx)); }

.chara-slider .look26 { top: calc(187 * var(--dpx)); left: calc(48 * var(--dpx)); width: calc(676 * var(--dpx)); }
.chara-slider .chara-babysatan04 { top: calc(818 * var(--dpx)); left: calc(499 * var(--dpx)); width: calc(259 * var(--dpx)); }
.chara-slider .cloud43 { top: calc(1164 * var(--dpx)); left: calc(410 * var(--dpx)); width: calc(156 * var(--dpx)); }

.chara-slider .chara-static {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.chara-slider .chara-static > * {
  position: absolute;
  margin: 0;
}

.chara-slider .chara-heading {
  top: calc(-6 * var(--dpx));
  left: 0;
  width: 100%;
  font-size: calc(25 * var(--dpx));
  line-height: 1.09;
  letter-spacing: 0.11em;
  font-family: "bitcount-mono-double-square", monospace;
  text-align: center;
  color: var(--accent-color, #9BC8E4);
  transition: color 0.6s;
}

.chara-slider .chara-title { opacity: 0; }
.chara-slider .chara-title.is-active {
  animation: chara-title-in var(--title-dur, 0.75s) cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
@keyframes chara-title-in {
  0%, 20% { opacity: 0; transform: translateX(var(--title-x, 15%)); }
  100% { opacity: 1; transform: translateX(0); }
}

.chara-slider .chara-title01 { top: calc(86 * var(--dpx)); left: calc(243 * var(--dpx)); width: calc(257 * var(--dpx)); }
.chara-slider .chara-title02 { top: calc(71 * var(--dpx)); left: calc(243 * var(--dpx)); width: calc(257 * var(--dpx)); }
.chara-slider .chara-title03 { top: calc(71 * var(--dpx)); left: calc(175 * var(--dpx)); width: calc(392 * var(--dpx)); }

.chara-slider .comment-box {
  position: absolute;
  z-index: 0;
  top: calc(1000 * var(--dpx));
  left: calc(66 * var(--dpx));
  width: calc(617 * var(--dpx));
  height: calc(195 * var(--dpx));
  border: calc(5 * var(--dpx)) solid #fff;
  border-radius: calc(16 * var(--dpx));
  background: var(--box-color, rgba(218, 232, 239, 0.7));
  transition: background-color 0.6s;
  pointer-events: none;
}

.chara-slider .comment {
  top: calc(1039 * var(--dpx));
  left: calc(117 * var(--dpx));
  opacity: 0;
}
.chara-slider .comment.is-active {
  animation: chara-cap-in var(--cap-dur, 0.45s) cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
@keyframes chara-cap-in {
  0%, 20% { opacity: 0; transform: translateY(15%); }
  100% { opacity: 1; transform: translateY(0); }
}
.chara-slider .comment01 { width: calc(475 * var(--dpx)); }
.chara-slider .comment03 { width: calc(500 * var(--dpx)); }
.chara-slider .comment04 { width: calc(492 * var(--dpx)); }

.chara-slider .more-arrow01 {
  top: calc(1132 * var(--dpx));
  left: calc(637 * var(--dpx));
  color: var(--arrow-color, #79A6CC);
  transition: color 0.6s;
}
.chara-slider .more-arrow01 svg {
  display: block;
  width: calc(8 * var(--dpx));
  height: auto;
}

.chara-slider .ticker-text01 { top: calc(1319 * var(--dpx)); left: calc(27 * var(--dpx)); width: calc(696 * var(--dpx)); }

.chara-slider .splide__arrow {
  position: absolute;
  top: calc(535 * var(--dpx));
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(68 * var(--dpx));
  height: calc(68 * var(--dpx));
  padding: 0;
  border: 0;
  border-radius: 0;
  opacity: 1;
  transform: none;
  background: var(--accent-color, #9BC8E4);
  transition: background-color 0.6s;
  cursor: pointer;
}
.chara-slider .splide__arrow svg { display: none; }
.chara-slider .splide__arrow::before {
  content: "";
  width: calc(31 * var(--dpx));
  height: calc(28 * var(--dpx));
  background: center / contain no-repeat;
}
.chara-slider .splide__arrow--prev { left: calc(48 * var(--dpx)); }
.chara-slider .splide__arrow--next { right: calc(48 * var(--dpx)); }
.chara-slider .splide__arrow--prev::before { background-image: url(../img/arrow-slider-prev.svg); }
.chara-slider .splide__arrow--next::before { background-image: url(../img/arrow-slider-next.svg); }

.chara-slider .splide__pagination {
  position: absolute;
  top: calc(934 * var(--dpx));
  bottom: auto;
  left: 0;
  right: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(40 * var(--dpx));
  padding: 0;
}
.chara-slider .splide__pagination li { line-height: 0; }
.chara-slider .splide__pagination__page {
  width: calc(14 * var(--dpx));
  height: calc(14 * var(--dpx));
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  opacity: 1;
  transform: none;
  background: #E5E5E5;
  transition: background-color 0.3s;
  cursor: pointer;
}
.chara-slider .splide__pagination__page.is-active {
  background: var(--accent-color, #9BC8E4);
  transform: none;
}

.slime-cup01 { z-index: 2; transition: opacity 0.6s; }
.slime-cup01.is-hidden { opacity: 0; }

.chara-slider .splide__track { position: relative; z-index: 1; }
.chara-slider .chara-frame {
  position: absolute;
  z-index: 0;
  top: calc(-45 * var(--dpx));
  left: calc(27 * var(--dpx));
  width: calc(697 * var(--dpx));
  height: calc(1432 * var(--dpx));
  border: calc(4 * var(--dpx)) solid var(--frame-color, rgba(155, 200, 228, 0.55));
  border-radius: calc(32 * var(--dpx));
  background: rgba(255, 255, 255, 0.55);
  pointer-events: none;
  transition: border-color 0.6s;
}

.main-content {
  background-repeat: no-repeat;
  background-image: linear-gradient(
    to bottom,

    #e3eef4 0,
    #e3eef4 calc(6109 * var(--dpx)),

    #e8f1f9 calc(6109 * var(--dpx)),
    #e8f1f9 calc(11723 * var(--dpx)),

    #fffef0 calc(11723 * var(--dpx)),

    #fffef0 calc(16480 * var(--dpx)),
    #7e919e calc(17048 * var(--dpx)),
    #7e919e calc(21053 * var(--dpx)),

    #e0dfea calc(21274 * var(--dpx)),
    #e0dfea calc(23037 * var(--dpx)),

    #d0dddd calc(23037 * var(--dpx)),
    #d0dddd calc(24977 * var(--dpx)),

    #eff4f8 calc(24977 * var(--dpx)),
    #eff4f8 calc(25895 * var(--dpx)),

    #ffffff calc(25895 * var(--dpx))
  );
}

.main-content {
  position: relative;
  z-index: 0;
}
.bg-zones {
  position: absolute;
  z-index: -1;
  top: calc(12000 * var(--dpx));
  left: 0;
  width: 100%;
  height: calc(11037 * var(--dpx));
  pointer-events: none;
}
.bg-zones__viewport {
  position: sticky;
  top: 0;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
}
.bg-zone {
  position: absolute;
  inset: 0;
  opacity: 0;
}

.bg-zone--wear  { background-color: #fffef0; }
.bg-zone--sleep { background-color: #7e919e; }
.bg-zone--goods { background-color: #e0dfea; }

.ttl-knit-series01,
.ttl-cutsewn-series01,
.ttl-wear-goods01,
.ttl-sleep01,
.ttl-goods01,
.ttl-cat-dog01 {
  scroll-margin-top: 100px;
}

html.js-anim .js-reveal img {
  transform: translate(calc(var(--rv-x, 0) * var(--dpx)), calc(var(--rv-y, 0) * var(--dpx)));
  transition: transform var(--rv-dur, 1.5s) cubic-bezier(0.25, 0.25, 0.34, 1);
  transition-delay: var(--rv-delay, 0s);
}
html.js-anim .js-reveal.is-inview img {
  transform: none;
}

html.js-anim .look01.js-reveal img {
  opacity: 0;
  transition:
    transform var(--rv-dur, 1.5s) cubic-bezier(0.25, 0.25, 0.34, 1),
    opacity var(--rv-dur, 1.5s) ease;
}
html.js-anim .look01.js-reveal.is-inview img {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  html.js-anim .js-reveal img {
    transform: none;
    transition: none;
  }
  html.js-anim .look01.js-reveal img { opacity: 1; }
}

.look01.js-reveal            { --rv-x: 0; --rv-y: 0; }
.chara-babysatan01.js-reveal { --rv-x:  360; --rv-y: -300; --rv-delay: 0.20s; }
.chara-momon01.js-reveal     { --rv-x: -360; --rv-y: -300; --rv-delay: 0.40s; }
.chara-watabou01.js-reveal   { --rv-x:  360; --rv-y:  300; --rv-delay: 0.60s; }
.chara-dragon01.js-reveal    { --rv-x: -360; --rv-y:  300; --rv-delay: 0.80s; }

.chara-watabou02.js-reveal    { --rv-x: -440; --rv-y: -200; }
.chara-babysatan02.js-reveal  { --rv-x:  440; --rv-y: -200; }
.chara-momon02.js-reveal      { --rv-x: -440; --rv-y:  200; }
.chara-slime-soft01.js-reveal { --rv-x:  440; --rv-y:  200; }

.chara-slime01.js-reveal     { --rv-x: -300; }

.chara-slime-pink01.js-reveal { --rv-x: -300; }
.chara-slime02.js-reveal      { --rv-x:  300; --rv-delay: 0.25s; }

.chara-watabou03.js-reveal   { --rv-x:  240; --rv-y: -200; }
.chara-star01.js-reveal      { --rv-x:  300; }
.chara-babysatan03.js-reveal { --rv-x:  240; --rv-y: -200; }
.chara-momon05.js-reveal     { --rv-x:  240; --rv-y: -200; }
.cloud45.js-reveal           { --rv-x: -300; }

html.js-anim .js-reveal.anim-run img {
  opacity: 0;
  transform: none;
  transition: none;
}
html.js-anim .js-reveal.anim-run.is-inview img {
  animation: anim-run var(--run-dur, 2s) ease-in forwards;
}
@keyframes anim-run {
  0%   { opacity: 0; transform: translate(calc(var(--run-x0,  200) * var(--dpx)), calc(var(--run-y0, -20) * var(--dpx))); }
  15%  { opacity: 1; }
  85%  { opacity: 1; }
  100% { opacity: 0; transform: translate(calc(var(--run-x1, -900) * var(--dpx)), calc(var(--run-y1,  80) * var(--dpx))); }
}

html.js-anim .js-reveal.anim-run.anim-run-loop.is-inview img {
  animation: anim-run-loop var(--run-cycle, 12s) linear infinite;
}
@keyframes anim-run-loop {
  0%   { opacity: 0; transform: translate(calc(var(--run-x0,  200) * var(--dpx)), calc(var(--run-y0, -20) * var(--dpx))); }
  2%   { opacity: 1; }
  35%  { opacity: 1; }
  36%, 100% { opacity: 0; transform: translate(calc(var(--run-x1, -900) * var(--dpx)), calc(var(--run-y1,  80) * var(--dpx))); }
}

html.js-anim .js-reveal.anim-run-bob {
  animation: anim-run-bob var(--bob-dur, 0.4s) ease-in-out infinite alternate;
}
@keyframes anim-run-bob {
  from { transform: translateY(calc(-1 * var(--bob-amp, 6) * var(--dpx))); }
  to   { transform: translateY(calc(var(--bob-amp, 6) * var(--dpx))); }
}
@media (prefers-reduced-motion: reduce) {
  html.js-anim .js-reveal.anim-run img { opacity: 1; transform: none; animation: none; }
  html.js-anim .js-reveal.anim-run-bob { animation: none; }
}

.photo-dog01.anim-run { --run-x0:  321; --run-y0:  -40; --run-x1: -867; --run-y1: 198; --run-cycle: 12s; }
.icon-star01.anim-run { --run-x0:  200; --run-y0: -105; --run-x1: -880; --run-y1: 111; --run-cycle: 12s; }

.icon-star02.anim-run { --run-x0:  200; --run-y0: -40; --run-x1: -800; --run-y1: 500; --run-dur: 1.4s; }
.icon-star03.anim-run { --run-x0: -200; --run-y0: -40; --run-x1:  800; --run-y1: 500; --run-dur: 1.4s; }

.anim-marquee { overflow: hidden; }
.anim-marquee .mq-track {
  display: flex;
  width: max-content;
  animation: mq-flow var(--mq-dur, 12s) linear infinite;
}
.anim-marquee .mq-track > * { flex: none; }
@keyframes mq-flow {
  to { transform: translateX(var(--mq-shift, -50%)); }
}

.ticker-text {
  font-family: "bitcount-mono-double-square", monospace;
  color: var(--accent-color, #9BC8E4);
  transition: color 0.6s;
  font-size: calc(27 * var(--dpx));
  line-height: 1;
  letter-spacing: 0.24em;
  white-space: nowrap;
  --mq-dur: 14s;
}

.ticker-limited01 { --mq-shift: calc(-704 * var(--dpx)); --mq-dur: 10s; }
.ticker-limited .mq-track img { width: calc(704 * var(--dpx)); }

.slime-divider01 { --mq-shift: calc(-426 * var(--dpx)); --mq-dur: 6s; }
.slime-divider .mq-track img { width: calc(400 * var(--dpx)); margin-right: calc(26 * var(--dpx)); }
.slime-divider .mq-track img:first-child { margin-left: calc(-16 * var(--dpx)); }

@media (prefers-reduced-motion: reduce) {
  .anim-marquee .mq-track,
  .ticker-line img { animation: none; }
}

.main-content {
  --plx-k-small: 0.08;
  --plx-k-large: 0.05;
}

.cloud07, .cloud10, .cloud13, .cloud16, .cloud17, .cloud21, .cloud23, .cloud24, .cloud29, .cloud36, .cloud38,
.slime-cup-pink01, .chara-dragon03, .chara-slime03, .chara-slime-pink02 { --plx-k: 0.06; }

.cloud02, .cloud10, .cloud13, .cloud16, .cloud23, .cloud25, .cloud30, .cloud39, .cloud40,
.cloud07, .cloud20, .cloud22, .cloud27, .cloud44, .cloud38 { --plx-k: -0.07; }

.js-icecream, .js-tapfly { cursor: pointer; }
.js-icecream::after, .js-tapfly::after {

  content: '';
  position: absolute;
  inset: calc(-20 * var(--dpx));
}
.icon-softcream01 {
  height: calc(55 * var(--dpx));
  z-index: 3;
}
.icon-softcream01 img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
}
@keyframes anim-flyup {
  to { transform: translateY(var(--fly-y, -120vh)); }
}
.is-fly {

  animation: anim-flyup var(--fly-dur, 3s) cubic-bezier(.45, -0.12, .8, .5) forwards;
  z-index: 3;
}
.js-icecream.is-fly, .js-tapfly.is-fly {

  animation-delay: 0s;
}
.is-flown {

  visibility: hidden;
}
.js-icecream, .js-tapfly { transition: opacity 0.5s; }
.js-icecream.is-restock, .js-tapfly.is-restock { opacity: 0; transition: none; }
@media (prefers-reduced-motion: reduce) {

  .is-fly { animation-duration: 1ms; }
}

.km-plus {
  position: absolute;
  top: calc(120 * var(--dpx));
  width: calc(25 * var(--dpx));
  will-change: transform, opacity;
}
.km-plus1 { left: calc(92 * var(--dpx)); animation: km-cycle1 var(--km-dur, 5s) linear infinite; }
.km-plus2 { left: calc(46 * var(--dpx)); animation: km-cycle2 var(--km-dur, 5s) linear infinite; }
.km-plus3 { left: calc(0 * var(--dpx));  animation: km-cycle3 var(--km-dur, 5s) linear infinite; }

@keyframes km-cycle1 {
  0%   { transform: translate(0, 0); opacity: 0; animation-timing-function: linear; }
  3%   { opacity: 1; }
  11%  { transform: translate(calc(40 * var(--dpx)), 0) rotate(0deg); opacity: 1; animation-timing-function: ease-out; }
  19%  { transform: translate(calc(-43 * var(--dpx)), calc(47 * var(--dpx))) rotate(-60deg); opacity: 0.8; animation-timing-function: ease-out; }
  27%  { transform: translate(calc(-90 * var(--dpx)), calc(95 * var(--dpx))) rotate(-120deg); opacity: 0; }
  100% { opacity: 0; }
}
@keyframes km-cycle2 {
  0%   { transform: translate(0, 0); opacity: 0; animation-timing-function: linear; }
  3%   { opacity: 1; }
  23%  { transform: translate(calc(86 * var(--dpx)), 0) rotate(0deg); opacity: 1; animation-timing-function: ease-out; }
  31%  { transform: translate(calc(3 * var(--dpx)), calc(47 * var(--dpx))) rotate(-60deg); opacity: 0.8; animation-timing-function: ease-out; }
  39%  { transform: translate(calc(-44 * var(--dpx)), calc(95 * var(--dpx))) rotate(-120deg); opacity: 0; }
  100% { opacity: 0; }
}
@keyframes km-cycle3 {
  0%   { transform: translate(0, 0); opacity: 0; animation-timing-function: linear; }
  3%   { opacity: 1; }
  35%  { transform: translate(calc(132 * var(--dpx)), 0) rotate(0deg); opacity: 1; animation-timing-function: ease-out; }
  43%  { transform: translate(calc(49 * var(--dpx)), calc(47 * var(--dpx))) rotate(-60deg); opacity: 0.8; animation-timing-function: ease-out; }
  51%  { transform: translate(calc(2 * var(--dpx)), calc(95 * var(--dpx))) rotate(-120deg); opacity: 0; }
  100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .km-plus { animation: none; }
}

html.js-anim .icon-slime01, html.js-anim .icon-slime02 {
  opacity: 0;
  will-change: transform, opacity;
}

.icon-slime01, .icon-slime02 { --sfall-step: 49; }
.icon-slime01 { --sfy0: -79; }
.icon-slime02 { --sfy0: -88; }
.icon-slime01.is-inview { animation: slime-fall-front var(--sfall-dur, 2.4s) step-end infinite; }
.icon-slime02.is-inview { animation: slime-fall-lead var(--sfall-dur, 2.4s) step-end infinite; }

@keyframes slime-fall-front {
  0%     { transform: translateY(calc(var(--sfy0) * var(--dpx))); opacity: 1; }
  12.5%  { transform: translateY(calc((var(--sfy0) + var(--sfall-step)) * var(--dpx))); }
  25%    { transform: translateY(calc((var(--sfy0) + var(--sfall-step) * 2) * var(--dpx))); }
  37.5%  { transform: translateY(calc((var(--sfy0) + var(--sfall-step) * 3) * var(--dpx))); }
  50%    { transform: translateY(calc((var(--sfy0) + var(--sfall-step) * 4) * var(--dpx))); }
  62.5%  { transform: translateY(calc((var(--sfy0) + var(--sfall-step) * 5) * var(--dpx))); }
  75%, 100% { transform: translateY(calc((var(--sfy0) + var(--sfall-step) * 5) * var(--dpx))); opacity: 0; }
}
@keyframes slime-fall-lead {
  0%     { transform: translateY(calc(var(--sfy0) * var(--dpx))); opacity: 1; }
  12.5%  { transform: translateY(calc((var(--sfy0) + var(--sfall-step)) * var(--dpx))); }
  25%    { transform: translateY(calc((var(--sfy0) + var(--sfall-step) * 2) * var(--dpx))); }
  37.5%  { transform: translateY(calc((var(--sfy0) + var(--sfall-step) * 3) * var(--dpx))); }
  50%    { transform: translateY(calc((var(--sfy0) + var(--sfall-step) * 4) * var(--dpx))); }
  62.5%, 100% { transform: translateY(calc((var(--sfy0) + var(--sfall-step) * 4) * var(--dpx))); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.js-anim .icon-slime01, html.js-anim .icon-slime02 { opacity: 1; animation: none; }
  .icon-slime01.is-inview, .icon-slime02.is-inview { animation: none; }
}

.chara-slime-pair01 { height: calc(91 * var(--dpx)); }
.sp-hop {
  position: absolute;
  top: 0;
  width: calc(98 * var(--dpx));
  transform-origin: 50% 100%;
  animation: sp-hop var(--hop-dur, 6s) ease-in-out infinite;
  will-change: transform;
}
.sp-hop1 { left: 0; }
.sp-hop2 { left: calc(99 * var(--dpx)); animation-delay: 0.15s; }
@keyframes sp-hop {
  0%        { transform: translateY(0) scale(1, 1); }
  3%        { transform: translateY(0) scale(1.1, 0.85); }
  8%        { transform: translateY(calc(-1 * var(--hop-h, 40) * var(--dpx))) scale(0.95, 1.08); }
  13%       { transform: translateY(0) scale(1, 1); }
  15%       { transform: translateY(0) scale(1.08, 0.9); }
  18%, 100% { transform: translateY(0) scale(1, 1); }
}
@media (prefers-reduced-motion: reduce) {
  .sp-hop { animation: none; }
}

.ui-index {
  position: sticky;
  top: 0;
  height: 0;
  z-index: 30;
  pointer-events: none;
}
.ui-ind {
  position: sticky;
  top: 100vh;
  top: 100dvh;
  height: 0;
  z-index: 20;
  pointer-events: none;
}

.ui-index-btn,
.ui-ind-bar {
  visibility: hidden;
  opacity: 0;
  transition:
    translate var(--ui-in-dur, 0.5s) ease,
    opacity var(--ui-in-dur, 0.5s) ease,
    visibility 0s linear var(--ui-in-dur, 0.5s);
}
.ui-index-btn { translate: 0 calc(-130 * var(--dpx)); }
.ui-ind-bar { translate: 0 calc(200 * var(--dpx)); }
html.show-fixed-ui .ui-index-btn,
html.show-fixed-ui .ui-ind-bar {
  translate: none;
  visibility: visible;
  opacity: 1;
  transition:
    translate var(--ui-in-dur, 0.5s) ease,
    opacity var(--ui-in-dur, 0.5s) ease,
    visibility 0s;
}
@media (prefers-reduced-motion: reduce) {
  .ui-index-btn, .ui-ind-bar,
  html.show-fixed-ui .ui-index-btn, html.show-fixed-ui .ui-ind-bar {
    translate: none;
    transition: none;
  }
}

.ui-index-btn {
  position: absolute;
  top: calc(43 * var(--dpx));
  right: calc(23 * var(--dpx));
  width: calc(185 * var(--dpx));
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  pointer-events: auto;
}
.ui-index-btn img { display: block; width: 100%; height: auto; }
.ui-index.is-open .ui-index-btn { visibility: hidden; }

.ui-index-popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
  pointer-events: auto;
}
.ui-index.is-open .ui-index-popup { display: block; }
html.ui-menu-open { overflow: hidden; }

.ui-menu-panel {
  position: relative;
  box-sizing: border-box;
  width: calc(633 * var(--dpx));
  height: calc(1124 * var(--dpx));
  margin: calc(65 * var(--dpx)) 0 calc(40 * var(--dpx)) calc(59 * var(--dpx));
  background: rgba(255, 255, 255, 0.9);
  border: calc(4 * var(--dpx)) solid rgba(155, 200, 228, 0.9);
  border-radius: calc(24 * var(--dpx));
}
.ui-menu-close {
  position: absolute;
  top: calc(-27 * var(--dpx));
  right: calc(-39 * var(--dpx));
  width: calc(213 * var(--dpx));
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.ui-menu-close img { display: block; width: 100%; height: auto; }

.ui-menu-panel .ui-menu-ttl { position: absolute; height: auto; }
.ui-menu-panel .ui-menu-ttl-category { left: calc(219 * var(--dpx)); top: calc(97 * var(--dpx));  width: calc(191 * var(--dpx)); }
.ui-menu-panel .ui-menu-ttl-limited  { left: calc(169 * var(--dpx)); top: calc(510 * var(--dpx)); width: calc(292 * var(--dpx)); }

.ui-menu-card { position: absolute; display: block; }
.ui-menu-card img { position: absolute; height: auto; }
.ui-menu-card-knit       { left: calc(59 * var(--dpx));  top: calc(158 * var(--dpx)); width: calc(152 * var(--dpx)); height: calc(236 * var(--dpx)); }
.ui-menu-card-cutsewn    { left: calc(236 * var(--dpx)); top: calc(205 * var(--dpx)); width: calc(166 * var(--dpx)); height: calc(189 * var(--dpx)); }
.ui-menu-card-goods      { left: calc(414 * var(--dpx)); top: calc(177 * var(--dpx)); width: calc(164 * var(--dpx)); height: calc(217 * var(--dpx)); }
.ui-menu-card-wear-goods { left: calc(16 * var(--dpx));  top: calc(528 * var(--dpx)); width: calc(212 * var(--dpx)); height: calc(315 * var(--dpx)); }

.ui-menu-card-sleep      { left: calc(151 * var(--dpx)); top: calc(589 * var(--dpx)); width: calc(135 * var(--dpx)); height: calc(254 * var(--dpx)); }
.ui-menu-card-catdog     { left: calc(334 * var(--dpx)); top: calc(594 * var(--dpx)); width: calc(144 * var(--dpx)); height: calc(249 * var(--dpx)); }

.ui-menu-card-knit       .ui-menu-photo { left: 0;                        top: 0; width: calc(152 * var(--dpx)); }
.ui-menu-card-cutsewn    .ui-menu-photo { left: calc(32 * var(--dpx));    top: 0; width: calc(97 * var(--dpx)); }
.ui-menu-card-goods      .ui-menu-photo { left: 0;                        top: 0; width: calc(164 * var(--dpx)); }
.ui-menu-card-wear-goods .ui-menu-photo { left: 0;                        top: 0; width: calc(212 * var(--dpx)); }
.ui-menu-card-sleep      .ui-menu-photo { left: 0;                        top: 0; width: calc(135 * var(--dpx)); }
.ui-menu-card-catdog     .ui-menu-photo { left: calc(25 * var(--dpx));    top: 0; width: calc(96 * var(--dpx)); }

.ui-menu-card-knit       .ui-menu-label { left: calc(33 * var(--dpx));  top: calc(195 * var(--dpx)); width: calc(79 * var(--dpx)); }
.ui-menu-card-cutsewn    .ui-menu-label { left: 0;                      top: calc(148 * var(--dpx)); width: calc(166 * var(--dpx)); }
.ui-menu-card-goods      .ui-menu-label { left: calc(45 * var(--dpx));  top: calc(176 * var(--dpx)); width: calc(100 * var(--dpx)); }
.ui-menu-card-wear-goods .ui-menu-label { left: calc(65 * var(--dpx));  top: calc(242 * var(--dpx)); width: calc(100 * var(--dpx)); }
.ui-menu-card-sleep      .ui-menu-label { left: calc(15 * var(--dpx));  top: calc(196 * var(--dpx)); width: calc(100 * var(--dpx)); }
.ui-menu-card-catdog     .ui-menu-label { left: 0;                      top: calc(191 * var(--dpx)); width: calc(144 * var(--dpx)); }

.ui-menu-card .ui-menu-arrow { width: calc(8 * var(--dpx)); }
.ui-menu-card-knit       .ui-menu-arrow { left: calc(68 * var(--dpx));  top: calc(231 * var(--dpx)); }
.ui-menu-card-cutsewn    .ui-menu-arrow { left: calc(79 * var(--dpx));  top: calc(184 * var(--dpx)); }
.ui-menu-card-goods      .ui-menu-arrow { left: calc(91 * var(--dpx));  top: calc(212 * var(--dpx)); }
.ui-menu-card-wear-goods .ui-menu-arrow { left: calc(111 * var(--dpx)); top: calc(310 * var(--dpx)); }
.ui-menu-card-sleep      .ui-menu-arrow { left: calc(61 * var(--dpx));  top: calc(249 * var(--dpx)); }
.ui-menu-card-catdog     .ui-menu-arrow { left: calc(68 * var(--dpx));  top: calc(244 * var(--dpx)); }

.ui-menu-all {
  position: absolute;
  left: calc(120 * var(--dpx));
  top: calc(913 * var(--dpx));
  width: calc(402 * var(--dpx));
  display: block;
}
.ui-menu-all img { display: block; width: 100%; height: auto; }

.ui-ind-bar {
  position: absolute;
  left: calc(75 * var(--dpx));
  right: calc(75 * var(--dpx));
  bottom: calc(72 * var(--dpx));
  height: calc(20 * var(--dpx));
  background: #F4F4F4;
  border: calc(4 * var(--dpx)) solid #fff;
  border-radius: calc(10 * var(--dpx));
}
.ui-ind-fill {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0%;
  background: #D1E7F2;
  border-radius: calc(8 * var(--dpx));
}
.ui-ind-knob {
  position: absolute;
  left: 0%;
  top: 50%;

  transform: translate(-50%, -50%) translateY(calc(-3 * var(--dpx)));
}
.ui-ind-slime { display: block; width: 100%; height: auto; }

@keyframes knob-pop {

  0%   { transform: scale(0.7); }
  45%  { transform: scale(calc(1 + var(--knob-pop-amp, 0.4))); }
  65%  { transform: scale(0.92); }
  85%  { transform: scale(1.06); }
  100% { transform: scale(1); }
}
.ui-ind-knob,
.ui-ind-knob[data-knob-step="1"] { width: calc(21 * var(--dpx)); }
.ui-ind-knob[data-knob-step="2"] { width: calc(27 * var(--dpx)); }
.ui-ind-knob[data-knob-step="3"] { width: calc(32 * var(--dpx)); }
.ui-ind-knob[data-knob-step="4"],
.ui-ind-knob[data-knob-step="5"] { width: calc(40 * var(--dpx)); }

.ui-ind-knob .ui-ind-slime.is-pop { animation: knob-pop var(--knob-pop-dur, 0.55s) ease-out both; }
@media (prefers-reduced-motion: reduce) {
  .ui-ind-knob .ui-ind-slime.is-pop { animation: none; }
}
.ui-ind-knob .ui-ind-flag {
  position: absolute;
  left: calc(17 * var(--dpx));
  bottom: calc(100% + 9 * var(--dpx));
  width: calc(46 * var(--dpx));
  height: auto;
  display: block;
  transform: scale(0);
  transform-origin: 0 100%;
  transition: transform var(--ui-flag-dur, 0.4s) cubic-bezier(0.2, 2, 0.4, 1);
}
.ui-ind.is-full .ui-ind-flag { transform: scale(1); }
@media (prefers-reduced-motion: reduce) {
  .ui-ind-flag { transition: none; }
}

html.lp-loading { overflow: hidden; }
.ld-loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  background: #E3EEF4;
  z-index: 9999;
}
html.lp-loading .ld-loading { display: block; }
.ld-loading.is-leave {
  opacity: 0;
  transition: opacity var(--ld-fade, 0.6s) ease;
}

.ld-stage {
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(750 * var(--ld-u));
  height: calc(1306 * var(--ld-u));
  margin-left: calc(-375 * var(--ld-u));
  margin-top: calc(-653 * var(--ld-u));
}

.ld-stage .ld-cloud, .ld-stage .ld-slime { position: absolute; height: auto; }
.ld-stage .ld-cloud1 { left: calc(510 * var(--ld-u)); top: calc(163 * var(--ld-u)); width: calc(187 * var(--ld-u)); }
.ld-stage .ld-cloud2 { left: calc(37 * var(--ld-u)); top: calc(240 * var(--ld-u)); width: calc(169 * var(--ld-u)); }
.ld-stage .ld-cloud3 { left: calc(-26 * var(--ld-u)); top: calc(749 * var(--ld-u)); width: calc(179 * var(--ld-u)); }
.ld-stage .ld-cloud4 { left: calc(606 * var(--ld-u)); top: calc(925 * var(--ld-u)); width: calc(169 * var(--ld-u)); }
.ld-stage .ld-cloud5 { left: calc(193 * var(--ld-u)); top: calc(1097 * var(--ld-u)); width: calc(179 * var(--ld-u)); }
.ld-stage .ld-cloud6, .ld-stage .ld-cloud7, .ld-stage .ld-cloud8,
.ld-stage .ld-cloud9, .ld-stage .ld-cloud10 { display: none; }
.ld-stage .ld-slime { left: calc(250 * var(--ld-u)); top: calc(380 * var(--ld-u)); width: calc(251 * var(--ld-u)); }

@keyframes ld-float {
  from { translate: 0 0; }
  to   { translate: 0 calc(-1 * var(--ld-fa, 25) * var(--ld-u)); }
}
.ld-stage .ld-slime {
  animation: ld-float 1.8s ease-in-out infinite alternate;
  will-change: translate;
}
@media (prefers-reduced-motion: reduce) {
  .ld-stage .ld-slime { animation: none; }
}

.ld-stage .ld-bar {
  position: absolute;
  left: calc(206 * var(--ld-u));
  top: calc(661 * var(--ld-u));
  width: calc(338 * var(--ld-u));
  height: calc(18 * var(--ld-u));
  box-sizing: border-box;
  border: calc(4 * var(--ld-u)) solid #142144;
  border-radius: calc(9 * var(--ld-u));
}
.ld-stage .ld-bar-fill {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: calc(var(--ld-p, 0) * 100%);
  background: #9BC8E4;
  border-radius: calc(7 * var(--ld-u));
}

.ld-stage .ld-count, .ld-stage .ld-text {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: center;
  font-family: "bitcount-mono-double-square", monospace;
  color: #142144;
  line-height: 1;
  white-space: nowrap;
}
.ld-stage .ld-count {
  top: calc(734 * var(--ld-u));
  font-size: calc(63 * var(--ld-u));
}
.ld-stage .ld-num {
  letter-spacing: 0.08em;
}
.ld-stage .ld-pct {
  margin-left: calc(6 * var(--ld-u));
  font-size: calc(39 * var(--ld-u));
}
.ld-stage .ld-text {
  top: calc(810 * var(--ld-u));
  padding-left: 0.17em;
  font-size: calc(25 * var(--ld-u));
  letter-spacing: 0.33em;
}

html.wf-loading .ld-count,
html.wf-loading .ld-text { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
  .ld-loading.is-leave { transition: none; }
}