@charset "UTF-8";

/* 初期読み込み */
html,
body {
  margin: 0;
  padding: 0;
  outline: none;
}

html {
  scroll-behavior: smooth;
}

.l-contents__frame {
  padding: 0 !important;
}

.lp_wrap {
  max-width: 750px;
  margin: auto;
  overflow: hidden;
}

.lp_wrap ul,
.lp_wrap ol,
.lp_wrap dl {
  list-style: none;
}

.lp_wrap img,
.lp_wrap video {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.lp_wrap section,
.lp_wrap div {
  position: relative;
}

/* フォーム */
#form-hl {
  max-width: 750px;
  width: 70vw;
  margin: 5% auto -5%;
  text-align: center;
  font-size: clamp(1.3rem, 5vw, 3rem);
  font-weight: bold;
}

.c-contents-header {
  border: none !important;
}

#regular-deliv_area,
.c-contents-header__title,
.p-lp__product,
.c-contents-header,
.p-lp__delivery,
.p-lp__point {
  height: 0;
  overflow: hidden;
  border: none;
  padding: 0;
  margin: 0;
}

.c-lp-section {
  margin-top: 0;
}

.c-contents-body {
  max-width: 750px;
  margin: 1em auto 0;
}

.c-width-300 {
  width: 200px;
  min-width: 230px;
}

/* slick */
.lp_wrap .slider {
  display: none;
}

.lp_wrap .slider.slick-initialized {
  display: block;
}

.lp_wrap .slider .slick-arrow {
  cursor: pointer;
}

.lp_wrap .slider .slick-list {
  cursor: grab;
}

.lp_wrap .slider .slick-list:active {
  cursor: grabbing;
}

.lp_wrap .slider .slick-dots li * {
  display: none;
}

.lp_wrap .slider_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

/* モーダル */
.lp_wrap .modal-toggle {
  display: none;
}

.lp_wrap .modal-toggle:checked~.modal {
  opacity: 1;
  visibility: visible;
}

.lp_wrap .modal {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  z-index: 9999;
}

.lp_wrap .modal .modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
}

.lp_wrap .modal .modal-inner {
  position: relative;
  max-width: 90%;
  z-index: 1;
}

.lp_wrap .modal .modal-inner img {
  width: 100%;
  display: block;
  border-radius: 10px;
}

.lp_wrap .modal .modal-inner .modal-close {
  position: absolute;
  top: clamp(-60px, -8vw, -30px);
  right: 0;
  font-size: clamp(32px, 8vw, 60px);
  color: #fff;
  cursor: pointer;
  line-height: 1;
}

/* ふわふわボタン */
.lp_wrap .huwahuwa {
  animation: 1s btn ease-in-out alternate infinite;
}

@keyframes btn {
  from {
    transform: scale(0.97);
  }

  to {
    transform: scale(1.03);
  }
}

/* 発火アニメーション */
.lp_wrap .js-animate-group {
  position: static;
}

.lp_wrap .js-animate {
  position: absolute;
}

.lp_wrap .js-animate.is-show {
  opacity: 1 !important;
}