@charset "UTF-8";
:root {
  --color-blue: #0071BE;
  --color-red: #D7373D;
  --color-purple: #4C5194;
  --color-ivory: rgba(237, 234, 162, 0.6);
  --sp-content-margin: 15px;
  --content-width-s: 420px;
  --content-width-m: 500px;
  --content-width-l: 600px;
}

.main-wrapper {
  box-shadow: 0 4px 84px #333762;
}

.bg-wrapper {
  background-color: var(--color-purple);
}

.bg-wrapper_inner::before {
  background-image: url(../images/havefun-title.svg);
}

.header {
  background-color: var(--color-purple);
}

.page-title img {
  max-width: 350px;
  width: 100%;
}

.coupon {
  background-image: url(../images/coupon-frame.png);
}

.coupon .decorate {
  border: solid 1px var(--color-purple);
  color: var(--color-purple);
}

.coupon .point {
  background-color: var(--color-purple);
}

.marker {
  background: linear-gradient(transparent 60%, var(--color-purple) 60%);
}

.section-0 {
  background-image: url(../images/bg.jpg) ;
}
.section-0 .section_inner {
  padding: 26px 0 36px;
  background-image: linear-gradient(0deg, transparent 36px, rgba(146,130,112,.5) 37px), linear-gradient(90deg, transparent 36px, rgba(146,130,112,.5) 37px);
  background-size: 37px 37px;
}

.thumbSwiper .swiper-wrapper.left {
  justify-content: left;
  gap: 3%;
}