@charset "UTF-8";
#liquid p{
  color: #2A2A2A;
}

body.is-fixed{
  overflow: hidden !important;
}

#bg.change {
  background-image: none;
  background-color: #000;
}

#bg.sub{
  height: 100vh;
}

.preorder-cloud{
  background: url(/wp-content/themes/kidora/assets/images/preorder-cloud.webp?v=1) center top -162px no-repeat;
}

.logo-sub.main{
  display: none;
}

.mv{
  background: url(/wp-content/themes/kidora/assets/images/preregistration/bg-mv.webp?v=1) center center / cover no-repeat;
}

.mv .text{
  margin-top: calc(-1 * clamp(4px, 1.06667vw, 5.12px));
}

.mv .text img{
  width: 100%;
}

.top-preorder{
  margin-top: calc(-1 * clamp(10px, 2.6667vw, 12.8px));
  padding-top: 5px;
  padding-bottom: 22px;
  background: url(/wp-content/themes/kidora/assets/images/preregistration/bg-top-preorder.webp?v=1) center center / 100% 100% no-repeat;
}

.top-preorder .title{
  position: relative;
  display: inline-block;
  text-align: center;
  top: 17px;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}

.top-preorder .title img{
  width: clamp(223px, 59.46666666666667vw, 285.44px);
}

.top-preorder .store {
  display: flex;
  justify-content: center;
  padding: 25px 17px 0;
}

.top-preorder .store a {
  display: block;
}

.top-preorder .store a:last-child {
  margin-left: 13px;
}

.top-preorder .store .apple img {
  width: clamp(148px, 39.467vw, 190px);
}

.top-preorder .store .googleplay img {
  width: clamp(182px, 48.533vw, 233px);
}

.benefit{
  padding-right: clamp(7px, 1.866667vw, 8.96px);
  padding-top: clamp(13px, 3.46667vw, 16.64px);
  padding-bottom: clamp(24px, 6.4vw, 30.72px);
  background: url(/wp-content/themes/kidora/assets/images/preregistration/bg-cloud.webp?v=1) center 97% / cover no-repeat;
}

.benefit .item img{
  width: 100%;
}

.benefit .item+.item{
  margin-top: clamp(10px, 2.6667vw, 12.8px);
}

.bottom-preorder{
  margin-top: 0;
  padding: clamp(12px, 5.86667vw, 22.16px) 0 clamp(21px, 5.6vw, 13px);
  background: url(/wp-content/themes/kidora/assets/images/preregistration/bg-bottom-preorder.webp?v=1) center center / 100% 100% no-repeat;
}

.bottom-preorder .title{
  position: relative;
  display: inline-block;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}

.bottom-preorder .title img{
  width: clamp(223px, 59.46666666666667vw, 285.44px);
}

.bottom-preorder .store {
  padding: 10.3px 17px 0;
}


#global-footer .wrap{
  padding: 34px 17px 21px;
  background: url(/wp-content/themes/kidora/assets/images/preregistration/bg-footer.png?v=1) center center / cover no-repeat;
}

#global-footer .footer-logo-area{
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: clamp(25px, 6.6667vw, 32px);
}

#global-footer .footer-logo-area .app-icon img{
  width: clamp(85px, 22.6667vw, 108.8px);
}

#global-footer .footer-logo-area .footer-kidora-logo img{
  width: clamp(181.77px, 48.8vw, 234.23px);
}

#global-footer .footer-btn a{
  display: block;
    text-decoration: none;
    width: clamp(262px, 69.86667vw, 335.36px);
    height: clamp(58px, 15.46667vw, 74.24px);
    margin: 26px auto 0;
    background: url(/wp-content/themes/kidora/assets/images/preregistration/img-nav-top.png?v=1) center center no-repeat #000;
    background-size: clamp(187px, 49.86667vw, 239.36px);
    border: 2px solid #575757;
    border-radius: clamp(29px, 7.7333333vw, 37.12px);
    color: #fff;
}

#global-footer .footer-btn a span{
  display: none;
}