html.frNativeApp .main_inner {
  padding-top: 0;
}

html.donePage,
body.donePage,
.wrapper.donePage {
  height: 100%;
}

.l-fixed-footer {
  position: sticky;
  top: 100%;
  width: 100%;
}

@media screen and (min-width: 813px) {
  .productContainer {
    display: flex;
    flex-wrap: wrap;
  }

  .productContainer-item {
    width: calc((100% - 24px) / 2);
  }

  .productContainer-item:nth-of-type(2n) {
    margin-left: 24px;
  }

  .productContainer-item:nth-of-type(n + 3) {
    margin-top: 76px;
  }

  .u-align-centerPC {
    text-align: center;
  }
}

@media screen and (max-width: 812px) {
  .productContainer-item:nth-of-type(n + 2) {
    margin-top: 64px;
  }
}