@charset "UTF-8";
/* --- デフォルトCSS設定 --- */
#Wrap {
  width: 100% !important;
}
#share {
  z-index: 20 !important;
}
#FooterWrap {
  z-index: 100;
  position: relative;
}
#hellokitty_other {
  min-width: 100%;
  font-feature-settings: "palt";
  position: relative;
  display: flex;
  --black: #000000;
  --white: #ffffff;
  --cream: #fffbf5;
  --red-dark: #d0111e;
  --red-vivid: #e50012;
  --brown: #561f06;
  --font-heading: urbane-rounded, sans-serif;
  --font-gothic: hiragino-kaku-gothic-pron, sans-serif;
  --font-look: "jaf-domus-titling-web", sans-serif;
  --font-credit: "kohinoor-bangla", sans-serif;
  --font-l: 300;
  --font-r: 400;
  --font-b: 600;
  --font-eb: 800;
  --font-h: 900;
  --pc-width: 1920;
  --sp-width: 750;
  --pc-artboard-width: 750;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
}

@media (min-width: 1401px) {
  #hellokitty_other {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  #hellokitty_other {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}
@media (max-width: 767px) {
  #hellokitty_other {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}

#hellokitty_other img {
  display: block;
  width: 100%;
  height: auto;
}
#hellokitty_other figure {
  display: block;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

#hellokitty_other h2,
#hellokitty_other h3,
#hellokitty_other p,
#hellokitty_other li {
  margin-block: calc((1em - 1lh) / 2);
}
#hellokitty_other .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

#hellokitty_other [class*="-img-"]:has(a) {
  background: var(--white);
}

/* --- 属性セレクタ設定 --- */

#hellokitty_other [class*="__txt"] {
  font-family: var(--font-gothic);
  color: var(--brown);
  font-size: calc(24 * var(--formula));
  line-height: calc(40 / 24);
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: var(--font-l);
}

#hellokitty_other [class*="__inner--horizontal"] {
  display: flex;
  flex-direction: column;
}

#hellokitty_other [class*="__inner--grid"] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  grid-row-gap: calc(71 * var(--formula));
}
#hellokitty_other [class*="__accordion-wrapper"] [class*="__inner--grid"] {
  transition:
    opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1),
    visibility 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0s;
  opacity: 0;
  visibility: hidden;
}

#hellokitty_other
  [class*="__accordion-wrapper"].is-open
  [class*="__inner--grid"] {
  opacity: 1;
  visibility: visible;
  transition:
    opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1),
    visibility 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0.2s;
}
#hellokitty_other [class*="__product-item"] a {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

#hellokitty_other [class*="__product-item"] [class^="item-img-"] {
  position: absolute;
  transform: translate(-50%, -50%);
}

#hellokitty_other [class*="__h3"] {
  font-family: var(--font-look);
  color: var(--red-dark);
  font-size: calc(84 * var(--formula));
  line-height: 1;
  letter-spacing: 0.025em;
  text-align: center;
  font-weight: var(--font-eb);
  position: relative;
  width: 100%;
}

#hellokitty_other [class*="__product-item"] figcaption {
  font-family: var(--font-gothic);
  color: var(--brown);
  font-size: calc(18 * var(--formula));
  line-height: calc(25 / 18);
  letter-spacing: 0.05em;
  text-align: center;
  font-weight: var(--font-b);
  padding: calc(255 * var(--formula)) 0 0 0;
  position: relative;
}
#hellokitty_other [class*="__trigger-btn"] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: var(--font-heading);
  color: var(--red-vivid);
  font-size: calc(34.7 * var(--formula));
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  font-weight: var(--font-h);
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: calc(89 * var(--formula));
  justify-content: center;
  flex-shrink: 0;
  gap: calc(7 * var(--formula));
  margin: calc(2 * var(--formula)) 0 0 0;
  transform: translateZ(0);
  will-change: width;
  backface-visibility: hidden;
  width: calc(615 * var(--formula));
}
#hellokitty_other [class*="__trigger-btn"]::after {
  content: "";
  display: block;
  width: calc(34 * var(--formula));
  height: calc(17.6 * var(--formula));
  background-image: url(../img/common-obj-01.svg);
  background-size: cover;
  margin: 0 0 0 calc(1 * var(--formula));
  transform: rotate(0);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

#hellokitty_other .is-open [class*="__trigger-btn"]::after {
  transform: rotate(-180deg);
}

#hellokitty_other [class*="__accordion-wrapper"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--white);
  border-radius: calc(34 * var(--formula));
  border-color: var(--red-vivid);
  border-style: solid;
  border-width: calc(7 * var(--formula));
  overflow: hidden;
  transition:
    width 0.5s cubic-bezier(0.16, 1, 0.3, 1),
    height 0.5s cubic-bezier(0.16, 1, 0.3, 1),
    border-radius 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  width: calc(312 * var(--formula));
  height: calc(89 * var(--formula));
  position: relative;
  z-index: 10;
  margin: 0 auto;
}

#hellokitty_other [class*="__accordion-wrapper"].is-open {
  border-radius: calc(54 * var(--formula));
}
#hellokitty_other [class*="__accordion-content"] {
  display: grid;
  width: 100%;
}

#hellokitty_other [class*="__accordion-inner"] {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}
#hellokitty_other [class*="sec-all__product-item"] strong {
  display: block;
  font-size: calc(15 * var(--formula));
  margin: calc(9 * var(--formula)) 0 0 0;
}
#hellokitty_other [class*="__product-item"] a {
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.2s ease;
}
#hellokitty_other [class*="__product-item"] a:active {
  opacity: 0.7;
}
/* --- 固有クラス設定 --- */

#hellokitty_other .sec-set {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

#hellokitty_other .z1-relative {
  z-index: 1;
  position: relative;
}

#hellokitty_other .z5-absolute {
  z-index: 5;
  position: absolute;
}

/* --- 抽出されたCSS（上から順） --- */

#hellokitty_other .lp-left-area,
#hellokitty_other .lp-right-area {
  flex: 1;
  top: 0;
  position: sticky;
  height: 100vh;
  display: grid;
  place-items: center;
  background: var(--cream);
}
#hellokitty_other .lp-left-area {
  border-right: calc(2.83 * var(--formula) _pc);
  border-right-style: solid;
  border-color: var(--red-dark);
}
#hellokitty_other .lp-right-area {
  border-left: calc(2.83 * var(--formula) _pc);
  border-left-style: solid;
  border-color: var(--red-dark);
}
#hellokitty_other .lp-main-area {
  width: calc(750 * var(--formula_pc));
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-x: clip;
}
#hellokitty_other .common-logo-01 {
  width: calc(270 * var(--formula));
}
#hellokitty_other .lp-left-area .common-logo-01 {
  width: calc(270 * var(--formula_pc));
}
#hellokitty_other .lp-mv-sec .common-logo-01 {
  top: calc(44 * var(--formula));
  pointer-events: none;
}

#hellokitty_other .lp-mv-img-01 {
  width: calc(750 * var(--formula));
}

#hellokitty_other .teaser-sec {
  padding: 0 0 calc(240 * var(--formula)) 0;
  border-bottom-width: calc(110 * var(--formula));
  border-bottom-style: solid;
  border-bottom-color: var(--red-dark);
}

#hellokitty_other .teaser__h4 {
  font-family: var(--font-heading);
  color: var(--red-dark);
  font-size: calc(34.7 * var(--formula));
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  font-weight: var(--font-h);
  margin: calc(89 * var(--formula)) 0 calc(75 * var(--formula)) 0;
}

#hellokitty_other .teaser-txt-01 {
  width: calc(336 * var(--formula));
}

#hellokitty_other .teaser_obj-01 {
  width: calc(86 * var(--formula));
  top: calc(147 * var(--formula));
  left: calc(53 * var(--formula));
}

#hellokitty_other .teaser_obj-02 {
  width: calc(157 * var(--formula));
  right: calc(34 * var(--formula));
  top: calc(160 * var(--formula));
}

#hellokitty_other .teaser_obj-03 {
  width: calc(159 * var(--formula));
  top: calc(497 * var(--formula));
  left: calc(42 * var(--formula));
}

#hellokitty_other .teaser_obj-04 {
  width: calc(86 * var(--formula));
  top: calc(613 * var(--formula));
  right: calc(95 * var(--formula));
}

#hellokitty_other .teaser_obj-05 {
  width: calc(87 * var(--formula));
  top: calc(897 * var(--formula));
  left: calc(145 * var(--formula));
}

#hellokitty_other .teaser-kitty-01 {
  width: calc(284 * var(--formula));
  bottom: calc(-58 * var(--formula));
  right: calc(52 * var(--formula));
}

#hellokitty_other .sec1 {
  padding: calc(203 * var(--formula)) 0 calc(281 * var(--formula)) 0;
}

#hellokitty_other .sec1__h3 {
  padding: 0 0 0 calc(3 * var(--formula));
}

#hellokitty_other .sec1-img-01 {
  width: calc(750 * var(--formula));
  border-top-color: var(--red-dark);
  border-top-width: calc(27 * var(--formula));
  border-top-style: solid;
  margin: calc(-16 * var(--formula)) 0 calc(52 * var(--formula)) 0;
}

#hellokitty_other .sec1__txt {
  margin-left: calc(3 * var(--formula));
  padding: 0 0 calc(50 * var(--formula)) 0;
}

#hellokitty_other .sec1__accordion-wrapper.is-open {
  width: calc(615 * var(--formula));
  height: calc(910 * var(--formula));
}

#hellokitty_other .sec1__inner--grid {
  padding: calc(23 * var(--formula)) calc(39 * var(--formula)) 0;
  box-sizing: border-box;
}

#hellokitty_other .item-img-01 {
  width: calc(169 * var(--formula));
  left: 48%;
  top: 37.4%;
}

#hellokitty_other .item-img-02 {
  width: calc(292 * var(--formula));
  left: 50%;
  top: 39%;
}

#hellokitty_other .item-img-03 {
  width: calc(350 * var(--formula));
  top: 22.5%;
  left: 59%;
}

#hellokitty_other .sec1__product-item1 figcaption {
  left: calc(2 * var(--formula));
}
#hellokitty_other .sec1__product-item2 figcaption {
  left: calc(2 * var(--formula));
}
#hellokitty_other .sec1__product-item3 figcaption {
  left: calc(2 * var(--formula));
  padding: calc(257 * var(--formula)) 0 0 0;
}
#hellokitty_other .sec1__product-item4 figcaption {
  left: calc(2 * var(--formula));
  padding: calc(257 * var(--formula)) 0 0 0;
}
#hellokitty_other .item-img-13 {
  width: calc(194 * var(--formula));
  left: 53%;
  top: 37.5%;
}

#hellokitty_other .sec1-obj-01 {
  width: calc(82 * var(--formula));
  top: calc(83 * var(--formula));
}

#hellokitty_other .sec2 {
  padding: 0 0 calc(281 * var(--formula)) 0;
}
#hellokitty_other .sec2-img-01 {
  width: calc(750 * var(--formula));
  border-top-color: var(--red-dark);
  border-top-width: calc(27 * var(--formula));
  border-top-style: solid;
  margin: calc(-16 * var(--formula)) 0 calc(52 * var(--formula)) 0;
}
#hellokitty_other .sec2__h3 {
  margin: 0 0 0 calc(2 * var(--formula));
}

#hellokitty_other .sec2__txt {
  padding: 0 0 calc(50 * var(--formula)) calc(3 * var(--formula));
}

#hellokitty_other .sec2__accordion-wrapper.is-open {
  width: calc(615 * var(--formula));
  height: calc(1244 * var(--formula));
}

#hellokitty_other .sec2__trigger-btn {
  margin: calc(3 * var(--formula)) 0 0 0;
}

#hellokitty_other .item-img-04 {
  width: calc(173 * var(--formula));
  top: 41%;
  left: 45%;
}

#hellokitty_other .item-img-05 {
  width: calc(195 * var(--formula));
  top: 43%;
  left: 50%;
}

#hellokitty_other .item-img-06 {
  width: calc(183 * var(--formula));
  top: 27.5%;
  left: 57%;
}

#hellokitty_other .item-img-07 {
  width: calc(187 * var(--formula));
  top: 27%;
  left: 47.5%;
}

#hellokitty_other .item-img-08 {
  width: calc(211 * var(--formula));
  top: 34%;
  left: 57%;
}

#hellokitty_other .sec2__product-item1 figcaption {
  left: calc(22 * var(--formula));
  padding: calc(301 * var(--formula)) 0 0 0;
}
#hellokitty_other .sec2__product-item2 figcaption {
  right: calc(17 * var(--formula));
  padding: calc(301 * var(--formula)) 0 0 0;
}
#hellokitty_other .sec2__product-item3 figcaption {
  left: calc(22 * var(--formula));
  padding: calc(176 * var(--formula)) 0 0 0;
}
#hellokitty_other .sec2__product-item4 figcaption {
  right: calc(17 * var(--formula));
  padding: calc(176 * var(--formula)) 0 0 0;
}
#hellokitty_other .sec2__product-item5 figcaption {
  left: calc(22 * var(--formula));
  padding: calc(266 * var(--formula)) 0 0 0;
}
#hellokitty_other .sec2__product-item6 figcaption {
  right: calc(17 * var(--formula));
  padding: calc(256 * var(--formula)) 0 0 0;
}
#hellokitty_other .item-img-09 {
  width: calc(295 * var(--formula));
  top: 34%;
  left: 44%;
}

#hellokitty_other .sec2-obj-01 {
  width: calc(81 * var(--formula));
  top: calc(-98 * var(--formula));
  left: calc(80 * var(--formula));
}

#hellokitty_other .sec2-obj-02 {
  width: calc(161 * var(--formula));
  top: calc(-170 * var(--formula));
  right: calc(81 * var(--formula));
}

#hellokitty_other .sec3 {
  padding: 0 0 calc(280 * var(--formula)) 0;
}

#hellokitty_other .sec3__h3 {
  margin: 0 0 0 calc(3 * var(--formula));
}

#hellokitty_other .sec3-img-01 {
  width: calc(750 * var(--formula));
  border-top-color: var(--red-dark);
  border-top-width: calc(27 * var(--formula));
  border-top-style: solid;
  margin: calc(-16 * var(--formula)) 0 calc(52 * var(--formula)) 0;
}

#hellokitty_other .sec3__txt {
  padding: 0 0 calc(50 * var(--formula)) calc(3 * var(--formula));
}

#hellokitty_other .sec3__accordion-wrapper.is-open {
  width: calc(615 * var(--formula));
  height: calc(486 * var(--formula));
}

#hellokitty_other .item-img-15 {
  width: calc(225 * var(--formula));
  top: 40.2%;
  left: 54.5%;
}

#hellokitty_other .sec3__product-item1 figcaption {
  padding: calc(252 * var(--formula)) 0 0 0;
  left: calc(21 * var(--formula));
}
#hellokitty_other .sec3__product-item2 figcaption {
  padding: calc(252 * var(--formula)) 0 0 0;
  right: calc(18 * var(--formula));
}
#hellokitty_other .item-img-14 {
  width: calc(197 * var(--formula));
  top: 43%;
  left: 47.5%;
}

#hellokitty_other .sec3-obj-01 {
  width: calc(160 * var(--formula));
  top: calc(-161 * var(--formula));
  left: calc(154 * var(--formula));
}

#hellokitty_other .sec4 {
  padding: 0 0 calc(281 * var(--formula)) 0;
}

#hellokitty_other .sec4__h3 {
  margin: 0 0 0 calc(3 * var(--formula));
}

#hellokitty_other .sec4-img-01 {
  width: calc(750 * var(--formula));
  border-top-color: var(--red-dark);
  border-top-width: calc(27 * var(--formula));
  border-top-style: solid;
  margin: calc(-16 * var(--formula)) 0 calc(52 * var(--formula)) 0;
}

#hellokitty_other .sec4__txt {
  padding: 0 0 calc(50 * var(--formula)) calc(3 * var(--formula));
}

#hellokitty_other .sec4__accordion-wrapper.is-open {
  width: calc(615 * var(--formula));
  height: calc(552 * var(--formula));
}

#hellokitty_other .sec4-obj-01 {
  width: calc(160 * var(--formula));
  top: calc(-205 * var(--formula));
  right: calc(161 * var(--formula));
}
#hellokitty_other .item-img-10 {
  width: calc(295 * var(--formula));
  top: 40%;
  left: 51.5%;
}

#hellokitty_other .sec4__product-item1 figcaption {
  padding: calc(336 * var(--formula)) 0 0 0;
  left: calc(22 * var(--formula));
}
#hellokitty_other .sec4__product-item2 figcaption {
  padding: calc(336 * var(--formula)) 0 0 0;
  right: calc(17 * var(--formula));
}
#hellokitty_other .item-img-11 {
  width: calc(211 * var(--formula));
  top: 41%;
  left: 43%;
}

#hellokitty_other .sec-all {
  padding: 0 0 calc(286 * var(--formula)) 0;
}

#hellokitty_other .sec-all__h3 {
  letter-spacing: 0.02em;
  margin: 0 0 0 calc(2 * var(--formula));
}

#hellokitty_other .all-img-01 {
  width: calc(750 * var(--formula));
  border-top-color: var(--red-dark);
  border-top-width: calc(27 * var(--formula));
  border-top-style: solid;
  margin: calc(-16 * var(--formula)) 0 calc(53 * var(--formula)) 0;
}

#hellokitty_other .sec-all__h5 {
  font-family: var(--font-gothic);
  color: var(--brown);
  font-size: calc(30 * var(--formula));
  line-height: calc(46 / 30);
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: var(--font-b);
  margin: 0 0 calc(29 * var(--formula)) calc(4 * var(--formula));
}

#hellokitty_other .sec-all__txt {
  margin-left: calc(3 * var(--formula));
}
#hellokitty_other .sec-all__txt2 {
  border-width: max(1px, calc(2 * var(--formula)));
  border-style: solid;
  border-color: var(--brown);
  margin: calc(60 * var(--formula)) 0 0 calc(-16 * var(--formula));
  border-radius: calc(10 * var(--formula));
  display: flex;
  align-items: center;
  font-size: calc(21 * var(--formula));
  justify-content: center;
  line-height: 1.72;
  padding: calc(24 * var(--formula)) calc(37 * var(--formula))
    calc(23 * var(--formula));
}
#hellokitty_other .all-txt-01 {
  width: calc(326 * var(--formula));
  margin: calc(68 * var(--formula)) 0 calc(48 * var(--formula))
    calc(-8 * var(--formula));
}

#hellokitty_other .sec-all__product-item1 figcaption {
  padding: calc(266 * var(--formula)) 0 0 0;
  left: calc(26 * var(--formula));
}
#hellokitty_other .sec-all__product-item2 figcaption {
  padding: calc(266 * var(--formula)) 0 0 0;
  right: calc(19 * var(--formula));
}

#hellokitty_other .sec-all__product-item3 figcaption {
  padding: calc(266 * var(--formula)) 0 0 0;
  left: calc(26 * var(--formula));
}
#hellokitty_other .sec-all__product-item4 figcaption {
  padding: calc(266 * var(--formula)) 0 0 0;
  right: calc(19 * var(--formula));
}
#hellokitty_other .sec-all__product-item5 figcaption {
  padding: calc(282 * var(--formula)) 0 0 0;
  left: calc(26 * var(--formula));
}
#hellokitty_other .sec-all__product-item6 figcaption {
  padding: calc(282 * var(--formula)) 0 0 0;
  right: calc(19 * var(--formula));
}
#hellokitty_other .sec-all__product-item7 figcaption {
  padding: calc(218 * var(--formula)) 0 0 0;
  left: calc(26 * var(--formula));
}
#hellokitty_other .sec-all__product-item8 figcaption {
  padding: calc(218 * var(--formula)) 0 0 0;
  right: calc(19 * var(--formula));
}
#hellokitty_other .sec-all__product-item9 figcaption {
  padding: calc(289 * var(--formula)) 0 0 0;
  left: calc(26 * var(--formula));
}
#hellokitty_other .sec-all__product-item10 figcaption {
  padding: calc(278 * var(--formula)) 0 0 0;
  right: calc(19 * var(--formula));
}
#hellokitty_other .sec-all__product-item11 figcaption {
  padding: calc(223 * var(--formula)) 0 0 0;
  left: calc(26 * var(--formula));
}
#hellokitty_other .sec-all__product-item12 figcaption {
  padding: calc(222 * var(--formula)) 0 0 0;
  right: calc(19 * var(--formula));
}
#hellokitty_other .sec-all__product-item13 figcaption {
  padding: calc(284 * var(--formula)) 0 0 0;
  left: calc(26 * var(--formula));
}
#hellokitty_other .sec-all__product-item14 figcaption {
  padding: calc(284 * var(--formula)) 0 0 0;
  right: calc(19 * var(--formula));
}
#hellokitty_other .sec-all .item-img-01 {
  left: 54.6%;
  top: 35.8%;
}
#hellokitty_other .sec-all .item-img-02 {
  left: 44.5%;
  top: 37%;
}
#hellokitty_other .sec-all .item-img-03 {
  left: 63%;
  top: 22.6%;
}
#hellokitty_other .sec-all .item-img-04 {
  top: 34.2%;
  left: 47%;
}
#hellokitty_other .sec-all .item-img-05 {
  top: 36%;
  left: 50%;
}
#hellokitty_other .sec-all .item-img-06 {
  top: 33%;
  left: 56.5%;
}
#hellokitty_other .sec-all .item-img-07 {
  top: 32.2%;
  left: 48%;
}
#hellokitty_other .sec-all .item-img-08 {
  top: 34.5%;
  left: 56.9%;
}
#hellokitty_other .sec-all .item-img-09 {
  top: 34.2%;
  left: 44.8%;
}
#hellokitty_other .sec-all .item-img-10 {
  top: 34.2%;
  left: 51.5%;
}
#hellokitty_other .sec-all .item-img-11 {
  top: 36.1%;
  left: 43.8%;
}
#hellokitty_other .sec-all .item-img-13 {
  left: 46.5%;
  top: 36%;
}

#hellokitty_other .item-img-16 {
  width: calc(299 * var(--formula));
  top: 34.5%;
  left: 55%;
}

#hellokitty_other .item-img-17 {
  width: calc(305 * var(--formula));
  top: 30%;
  left: 46%;
}

#hellokitty_other .all-obj-01 {
  width: calc(161 * var(--formula));
  top: calc(-188 * var(--formula));
  left: calc(103 * var(--formula));
}

#hellokitty_other .all-obj-02 {
  width: calc(81 * var(--formula));
  top: calc(-91 * var(--formula));
  right: calc(114 * var(--formula));
}

#hellokitty_other .all-obj-03 {
  width: calc(81 * var(--formula));
  bottom: calc(109 * var(--formula));
  right: calc(90 * var(--formula));
}
#hellokitty_other .all-obj-04 {
  width: calc(161 * var(--formula));
  bottom: calc(-20 * var(--formula));
  left: calc(278 * var(--formula));
}

#hellokitty_other .footer-img-01 {
  width: calc(750 * var(--formula));
}

#hellokitty_other .footer-img-02 {
  width: calc(750 * var(--formula));
}

#hellokitty_other .footer-obj-01 {
  width: calc(80 * var(--formula));
  top: calc(81 * var(--formula));
  left: calc(98 * var(--formula));
}

#hellokitty_other .footer-obj-02 {
  width: calc(80 * var(--formula));
  top: calc(795 * var(--formula));
  left: calc(190 * var(--formula));
}

#hellokitty_other .footer-obj-03 {
  width: calc(160 * var(--formula));
  top: calc(840 * var(--formula));
  right: calc(86 * var(--formula));
}

#hellokitty_other .footer-obj-04 {
  width: calc(128 * var(--formula));
  top: calc(1078 * var(--formula));
  left: calc(108 * var(--formula));
}

#hellokitty_other .footer-obj-05 {
  width: calc(82 * var(--formula));
  top: calc(1596 * var(--formula));
  left: calc(57 * var(--formula));
}

#hellokitty_other .footer-txt-01 {
  width: calc(293 * var(--formula));
  margin: calc(72 * var(--formula)) 0 calc(90 * var(--formula)) 0;
}

#hellokitty_other .lp-copyright-01 {
  width: calc(409 * var(--formula));
  margin: calc(91 * var(--formula)) 0 calc(60 * var(--formula)) 0;
}

#hellokitty_other .lp-pc-btn-01 {
  width: calc(273 * var(--formula_pc));
  margin: 0 0 0 calc(-13 * var(--formula_pc));
}
#hellokitty_other .footer__staff-credit {
  font-family: var(--font-credit);
  color: var(--brown);
  font-size: calc(21 * var(--formula));
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  font-weight: var(--font-r);
  margin: calc(69 * var(--formula)) 0 calc(64 * var(--formula)) 0;
  display: flex;
  flex-direction: column;
  gap: calc(7 * var(--formula));
}
#hellokitty_other .footer__staff-credit dt {
  line-height: 1;
}
#hellokitty_other .footer__staff-credit dd {
  line-height: 1;
  margin: 0 0 calc(26 * var(--formula)) 0;
}
@media (max-width: 767px) {
  #hellokitty_other .lp-left-area,
  #hellokitty_other .lp-right-area {
    display: none;
  }
  #hellokitty_other .lp-main-area {
    width: 100%;
  }
}
/* 
////////////////////////////////////////////
animation
////////////////////////////////////////////
*/
#hellokitty_other .ribbon-anm {
  opacity: 0;
  scale: 0.7;
  transition: 0.7s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
#hellokitty_other .ribbon-anm.is-visible {
  opacity: 1;
  scale: 1;
}
#hellokitty_other .delay1 {
  transition-delay: 0.2s;
}