@charset "UTF-8";

@media only screen and (min-width: 768px) and (max-width: 1600px) {
  html {
    font-size: calc(10 * (100vw / 1600)) !important;
  }
}

html {
  font-size: 62.5%;
}

.sec img {
  width: 100%;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

.main-area {
  padding-top: 0;
}

.app_220610 {
  text-align: center;
  margin: auto;
  padding-top: 2rem;
  background: #f6f5f4;
  padding-bottom: 9rem;
}

.sec {
  width: 116.5rem;
  margin: auto;
  border-radius: 7%;
  background: #FFF;
  margin-top: 9rem;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.hukidashi_img {
  width: 62.7rem;
  margin: auto;
  margin-bottom: 4.9rem;
}

.coopon {
  width: 32rem;
  margin: auto;
  margin-bottom: 3.8rem;
}

.app_area {
  width: 62.9rem;
  display: flex;
  justify-content: space-between;
  margin: auto;
  margin-bottom: 5rem;
}

.smart_img {
  width: 23rem;
}

.smart_txt {
  margin-top: 3.4rem;
  font-size: 1.4rem;
  line-height: 1.9;
  letter-spacing: 0.075em;
  margin-right: 0.3rem;
}

.icon {
  margin: auto;
  margin-bottom: 1rem;
}

.icon_txt {
  margin-bottom: 2.5rem;
}

.cart {
  width: 2.78rem;
}

.card {
  width: 3.17rem;
  height: 2.1rem;
}

.news {
  width: 3.2rem;
  height: 1.8rem;
}

.mash_store {
  width: 17.3rem;
}

.dl_barcode_area {
  width: 29.5rem;
  display: flex;
  margin: auto;
  margin-bottom: 0.1rem;
}

.dl_app_area {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: auto;
  width: 36.7rem;
}

.dl_app_area_wrap {
  display: flex;
  justify-content: space-between;
}

.app_dl {
  display: block;
  width: 8.4rem;
}

.google_dl {
  display: block;
  width: 8.4rem;
  margin-left: .6rem;
}

.barcode {
  width: 13.5rem;
}

.bar_left {
  margin-left: 2rem;
}

/*--------------------------------
   Media Queries (768px ~ 1399px)
 --------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1399px) {
  .sec img {
    width: 100%;
  }

  .main-area .main-inner {
    margin: 0 !important;
    padding: 0 !important;
  }

  html {
    font-size: 0.7142857143vw;
  }
}

/*--------------------------------
                共 通
 --------------------------------*/
*>.app_220610 {
  color: #000;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.main-area .main-inner {
  margin: auto !important;
  width: 100%;
  max-width: 100vw;
}

@media (max-width: 767px) {
  .sec img {
    width: 100%;
  }

  .main-area .main-inner {
    padding: 0 !important;
  }

  .app_220610 {
    padding-top: calc(120* (100vw/750));
    background: #f6f5f4;
    padding-bottom: calc(80* (100vw/750));
  }

  .sec {
    width: calc(710* (100vw/750));
    margin-inline: auto;
    border-radius: calc(80* (100vw/750));
    background: #FFF;
    margin-top: calc(112* (100vw/750));
    padding-top: calc(69* (100vw/750));
    padding-bottom: calc(120* (100vw/750));
  }

  .hukidashi_img {
    width: calc(580* (100vw/750));
    margin: auto;
    margin-bottom: calc(72* (100vw/750));
  }

  .coopon {
    width: calc(535* (100vw/750));
    margin: auto;
    margin-bottom: calc(73* (100vw/750));
  }

  .app_area {
    width: calc(530* (100vw/750));
    display: flex;
    flex-direction: column;
    justify-content: normal;
    margin: auto;
    margin-bottom: calc(40* (100vw/750));
  }

  .smart_img {
    width: calc(345* (100vw/750));
    margin: auto;
    margin-bottom: calc(-8* (100vw/750));
  }

  .smart_txt {
    margin-top: calc(74* (100vw/750));
    font-size: calc(28* (100vw/750));
    line-height: 1.785;
    letter-spacing: 0.075em;
    margin-right: 0;
  }

  .icon {
    margin: auto;
    margin-bottom: calc(21* (100vw/750));
  }

  .icon_txt {
    margin-bottom: calc(56* (100vw/750));
  }

  .cart {
    width: calc(50* (100vw/750));
  }

  .card {
    width: calc(52* (100vw/750));
    height: calc(36* (100vw/750));
  }

  .news {
    width: calc(52* (100vw/750));
    height: calc(31* (100vw/750));
  }

  .mash_store {
    width: inherit;
    margin: auto;
    margin-bottom: calc(18* (100vw/750));
  }

  .dl_app_area {
    width: calc(326* (100vw/750));
    display: flex;
    flex-direction: column;
    margin: auto;
  }

  .dl_app_area_wrap {
    width: inherit;
  }

  .app_dl {
    width: calc(157.5* (100vw/750));
    margin-bottom: calc(21* (100vw/750));
  }

  .google_dl {
    width: calc(157.5* (100vw/750));
    margin-left: 0;
  }

  .sp {
    display: block;
  }

  .pc {
    display: none;
  }

}

@media (min-width: 768px) {
  .main-area.lp {
    margin-top: -4rem;
  }
}

/*# sourceMappingURL=style.css.map */