html {
  height: 100%;
  overflow-y: scroll;
}

body {
  -webkit-overflow-scrolling: touch;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -ms-word-break: break-all;
  word-break: break-all;
  font-family: "Noto Sans JP", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

img {
  max-width: 100%;
  vertical-align: top;
}

.wrapper {
  max-width: 750px;
  margin: 0 auto;
  color: #333;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.mv-area {
  opacity: 0;
  -webkit-animation: fadeIn 1.5s forwards .5s;
          animation: fadeIn 1.5s forwards .5s;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 70%, 0);
            transform: translate3d(0, 70%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 70%, 0);
            transform: translate3d(0, 70%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.js-anime {
  opacity: 0;
}

.js-anime.active {
  -webkit-animation: fadeInUp 1.5s forwards 0s;
          animation: fadeInUp 1.5s forwards 0s;
}

.pop {
  opacity: 0;
}

.main-contents {
  position: relative;
}

.main-contents:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#86C1A6), color-stop(45%, #86C1A6), color-stop(45%, #CBD477), color-stop(90%, #CBD477), color-stop(90%, #fff), to(#fff));
  background: linear-gradient(180deg, #86C1A6 0%, #86C1A6 45%, #CBD477 45%, #CBD477 90%, #fff 90%, #fff 100%);
  padding-top: 34.5333%;
}

.main-contents.no-pop:before {
  content: none;
}

.pop {
  margin-top: -5px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
}

.lead-area {
  position: relative;
  background: #fff;
  padding: 68px 0;
  margin-top: -5px;
  text-align: center;
  letter-spacing: 0.1em;
}

.lead-area .lead {
  font-size: 19px;
  line-height: 1.618421053;
  color: #F02B5D;
  margin-bottom: 10px;
}

.lead-area .text {
  font-size: 14px;
  line-height: 1.678571429;
}

.lead-area::before {
  position: absolute;
  content: '';
  top: 0;
  right: 26px;
  width: 61px;
  height: 63px;
  background: url(../images/deco_01.png) no-repeat;
  background-size: 61px;
}

.lead-area::after {
  position: absolute;
  content: '';
  bottom: 20px;
  left: 30px;
  width: 79px;
  height: 53px;
  background: url(../images/deco_02.png) no-repeat;
  background-size: 61px;
}

.shoplist-area {
  padding: 19px 0 35px;
  background: url(../images/bg_border.png) repeat top;
  background-size: 2px;
}

.shoplist-area .ttl {
  width: 66%;
  margin: 0 auto 20px;
}

.shoplist-area ul {
  padding: 0 12px;
}

.shoplist li {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 15px;
}

.shoplist-head {
  position: relative;
  padding: 20px 16px;
}

.shoplist-head .fd-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 53px;
}

.shoplist-head .icon {
  margin-bottom: 5px;
}

.shoplist-head .icon img {
  width: 53px;
  height: 53px;
}

.shoplist-head .shop {
  margin-top: 30px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.305555556;
}

.shoplist-head .logo {
  position: absolute;
  right: 18px;
  top: 20px;
  text-align: right;
}

.shoplist-head .logo img {
  width: 50%;
}

.shoplist-footer {
  padding: 18px 18px 35px;
}

.shoplist-footer .text {
  font-size: 14px;
  line-height: 1.678571429;
  letter-spacing: 0.1em;
}

.shoplist-footer .shopitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}

.shoplist-footer .shopitem .label {
  width: 5.5rem;
  color: #808080;
  padding-right: 5px;
}

.shoplist-footer .shopitem .item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.campaign-area {
  position: relative;
  background: #F7F5E6;
  color: #F35B6E;
  text-align: center;
}

.campaign-area .campaigntext-wrap {
  position: absolute;
  bottom: 5%;
  left: 0;
  width: 100%;
}

.campaign-area .term {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

.campaign-area .btn-apply {
  width: 80%;
  margin: 0 auto 20px;
}

.campaign-area .btn-apply a {
  display: inline-block;
}

.campaign-area .btn-apply a img {
  -webkit-filter: drop-shadow(5px 7px 5px rgba(0, 0, 0, 0.35));
          filter: drop-shadow(5px 7px 5px rgba(0, 0, 0, 0.35));
}

.campaign-area .text {
  color: #333333;
}

.footer {
  padding: 47px 0 30px;
}

.footer .logo {
  margin: 0 auto;
  width: 60%;
}

.footer .copyright {
  margin-top: 25px;
  text-align: center;
  font-size: 11px;
}
/*# sourceMappingURL=style.css.map */