@charset "utf-8";

:root {
  --pc-fixed-header-height: 0px;
  --pc-fixed-banner-height: 70px;
}

html {
  scroll-behavior: auto;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: auto;
}

* {
  box-sizing: border-box;
}

body {
  min-width: 960px;
  margin: 0;
  padding-bottom: var(--anchor-scroll-space, 0px);
  overflow-x: hidden;
  overflow-y: visible;
  background: #fff;
  overscroll-behavior-y: auto;
}

#wrapper {
  width: 100%;
  margin: 0;
  overflow: visible;
  background: #fcc600;
}

.campaign-header {
  width: 100%;
  background: #fff;
}

.campaign-ribbon {
  width: 100%;
  background: #a80c77;
}

.campaign-main img,
.image-wrap img,
.products-toggle img,
.products-list {
  display: block;
  width: 700px;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
}

.campaign-main {
  width: 700px;
  max-width: 100%;
  margin: 0 auto;
}

.image-wrap {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
}

.howto-app-link-wrap {
  position: relative;
  line-height: 0;
  font-size: 0;
}

.howto-app-download-link {
  position: absolute;
  z-index: 5;
  top: 29.2%;
  left: 5.7%;
  display: block;
  width: 88.6%;
  height: 10.6%;
}

.products-toggle {
  position: relative;
}

.products-toggle {
  display: block;
  width: 700px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.products-list {
  display: none !important;
}

.products-toggle[aria-expanded="true"] + .products-list {
  display: block !important;
}

.products-minus {
  display: none;
  position: absolute;
  top: 68.4%;
  left: 64.2%;
  width: 10%;
  height: 17%;
  transform: translateY(-50%);
  background: #fcc600;
}

.products-minus::after {
  content: "";
  position: absolute;
  top: 44%;
  left: 25%;
  width: 37%;
  height: 12%;
  background: #000;
}

.products-toggle[aria-expanded="true"] .products-minus {
  display: block;
}

.anchor-section {
  position: relative;
  scroll-margin-top: var(--anchor-offset, 70px);
}

.side-nav {
  --side-nav-footer-gap: 20px;
  --side-nav-footer-shift: 0px;
  position: fixed;
  z-index: 100;
  top: 200px;
  left: calc(50% - 600px);
  width: 210px;
  height: auto;
  overflow: visible;
  transform: translateY(var(--side-nav-footer-shift));
}

.side-nav img {
  display: block;
  width: 210px;
  max-width: none;
  height: auto;
}

.side-nav a,
.faq-wrap a,
.download-wrap a {
  position: absolute;
  display: block;
}

.side-howto {
  left: 7.2%;
  top: 4.7%;
  width: 82.8%;
  height: 15.8%;
}

.side-details {
  left: 7.2%;
  top: 28.7%;
  width: 82.8%;
  height: 15.8%;
}

.side-faq {
  left: 7.2%;
  top: 54.4%;
  width: 82.8%;
  height: 16%;
}

.side-top {
  left: 35.8%;
  top: 78.4%;
  width: 53.5%;
  height: 16.2%;
}

.faq-product-link {
  left: 54%;
  top: 13.6%;
  width: 11%;
  height: 1.8%;
}

.faq-meat-link {
  left: 61%;
  top: 17.9%;
  width: 11%;
  height: 1.8%;
}

.app-store { left: 30%; top: 61.8%; width: 18%; height: 6.5%; }
.google-play { left: 52.2%; top: 61.8%; width: 18%; height: 6.5%; }
.app-page { left: 10%; top: 82.5%; width: 80%; height: 14%; }

.design-footer {
  position: relative;
  left: 50%;
  width: 100vw;
  max-width: none;
  margin: 0;
  transform: translateX(-50%);
  background: #fff;
}

.footer-inner {
  position: relative;
  width: 1260px;
  max-width: 100%;
  margin: 0 auto;
}

.footer-inner > img {
  display: block;
  width: 100%;
  height: auto;
}

.footer-inner a {
  position: absolute;
  display: block;
}

.footer-contact {
  left: 14%;
  top: 7%;
  width: 8%;
  height: 20%;
}

.footer-aeon {
  left: 33%;
  top: 7%;
  width: 11%;
  height: 20%;
}

.footer-terms {
  left: 55%;
  top: 7%;
  width: 8%;
  height: 20%;
}

.footer-privacy {
  left: 74%;
  top: 7%;
  width: 12%;
  height: 20%;
}

.footer-logo {
  left: 7%;
  top: 65%;
  width: 12%;
  height: 32%;
}

.footer-top {
  left: 73%;
  top: 64%;
  width: 18%;
  height: 33%;
}

.LyFoot {
  margin-top: 0 !important;
}

@media (max-width: 899px) {
  body {
    min-width: 350px;
  }

  .side-nav {
    display: none;
  }
}

.products-toggle:target {
  outline: none;
  box-shadow: none;
}

.fixed-banner {
  position: fixed;
  top: var(--pc-fixed-header-height);
  left: 0;
  z-index: 9999;
  width: 100%;
  height: var(--pc-fixed-banner-height);
  background: #a80c77;
  line-height: 0;
}

.fixed-banner img {
  display: block;
  width: auto;
  height: var(--pc-fixed-banner-height);
  margin: 0 auto;
}

/*
.download-yellow-bar {
  width: 100%;
  height: clamp(22px, 4vw, 30px);
  background: #ffc900;
}
*/

.LyEcHead {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 55px;
  background: #fff;
}

.MdGHD04TopArea {
  height: 55px;
}

.mdGHD04Inner {
  position: relative;
  width: 960px;
  height: 55px;
  margin: 0 auto;
}

#wrapper {
    padding-top: calc(
        var(--pc-fixed-header-height) +
        var(--pc-fixed-banner-height)
    ) !important;
}