@charset "utf-8";
.mobile-page-u96-product-modal {
  display: none;
  position: fixed;
  z-index: 100000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  background-color: rgba(0,0,0,.7)
}

.mobile-page-u96-product-modal .mobile-page-u96-product-modal__contentWrapper {
  width: inherit;
  margin: 32% 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

@media all and (min-width: 901px) {
  .mobile-page-u96-product-modal .mobile-page-u96-product-modal__contentWrapper {
      margin: 12% 0;
  }
}

.mobile-page-u96-product-modal__content {
  position: relative
}

@media all and (max-width: 900px) {
  .mobile-page-u96-product-modal__content {
      font-size:1.4rem;
      margin: 0 28.5px;
  }
}

.mobile-page-u96-product-modal .mobile-page-u96-product-modal__container {
  background: #fff;
  /* overflow-y: auto; */
  -ms-overflow-style: none;
  width: 100%;
  border-radius: 25px
}

@media all and (min-width: 901px) {
  .mobile-page-u96-product-modal .mobile-page-u96-product-modal__container {
      max-width: 980px;
      margin: 0 auto
  }
}

.mobile-page-u96-product-modal .mobile-page-u96-product-modal__container::-webkit-scrollbar {
  display: none
}

.mobile-page-u96-product-modal .mobile-page-u96-product-modal__closeButton:focus,.mobile-page-u96-product-modal .mobile-page-u96-product-modal__closeButton:hover {
  text-decoration: none;
  cursor: pointer
}

.mobile-page-u96-product-modal .mobile-page-u96-modal-panel .mobile-page-u96-modal-panel__header {
  background-color: #f5f5f5;
  position: relative
}

.mobile-page-u96-modal-panel__closeIcon {
  content: "";
  background: url(/mobile/set/data/products/mimamorimobile/kids-phone3/img/shared/icon_close.png) no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 1
}

@media all and (min-width: 901px) {
  .mobile-page-u96-modal-panel__closeIcon {
      top:-15px;
      right: -15px
  }
}

@media all and (max-width: 900px) {
  .mobile-page-u96-modal-panel__closeIcon {
      top:-10px;
      right: -10px
  }
}

@media all and (min-width: 901px) {
  .mobile-page-u96-product-modal .mobile-page-u96-modal-content {
      padding:60px;
      padding-bottom: 0
  }
}

@media all and (max-width: 900px) {
  .mobile-page-u96-product-modal .mobile-page-u96-modal-content {
      padding:8vw 6.6666666667vw
  }
}