@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

.main-content {
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .main-content {
    overflow: hidden;
  }
}
.main-content img {
  display: block;
  width: 100%;
}

.summer-gift-2025 .optima {
  font-size: 120%;
}
@media screen and (max-width: 767px) {
  .summer-gift-2025 .lp-pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .summer-gift-2025 .lp-sp {
    display: none;
  }
}
.summer-gift-2025__kv {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.summer-gift-2025__kv__inner {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__kv__inner {
    top: calc(clamp(0px, 7.5768667643vw, 103.5px) * 1);
    left: calc(clamp(0px, 6.8814055637vw, 94px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__kv__inner {
    top: calc(clamp(0px, 92vw, 92vw) * 1);
    left: 0;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__kv {
    aspect-ratio: 2732/1200;
    background-image: url(/media/export/cms_2.0/LP/summer-gift-2025/20250806/kv.jpg);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__kv {
    aspect-ratio: 750/1306;
    background-image: url(/media/export/cms_2.0/LP/summer-gift-2025/20250806/kv_sp.jpg);
  }
}
.summer-gift-2025__kv__title {
  text-align: center;
  line-height: 1;
}
.summer-gift-2025__kv__title__lead {
  font-family: OptimaDisplayLight, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__kv__title__lead {
    font-size: calc(clamp(0px, 4.39238653vw, 60px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__kv__title__lead {
    font-size: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__kv__title__logo {
    margin-top: calc(clamp(0px, 1.2811127379vw, 17.5px) * 1);
    width: calc(clamp(0px, 18.6676427526vw, 255px) * 1);
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__kv__title__logo {
    margin-top: calc(clamp(0px, 4vw, 4vw) * 1);
    width: calc(clamp(0px, 53.8666666667vw, 53.8666666667vw) * 1);
  }
}
.summer-gift-2025__kv__date {
  font-weight: bold;
  letter-spacing: 0.04em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__kv__date {
    margin-top: calc(clamp(0px, 2.7452415813vw, 37.5px) * 1);
    font-size: calc(clamp(0px, 1.317715959vw, 18px) * 1);
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__kv__date {
    margin-top: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
    line-height: 1.6;
  }
}
.summer-gift-2025__kv__text {
  letter-spacing: 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__kv__text {
    margin-top: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
    font-size: calc(clamp(0px, 1.1713030747vw, 16px) * 1);
    line-height: 1.64875;
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__kv__text {
    margin-top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
    line-height: 1.6;
  }
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__nav {
    margin-top: calc(clamp(0px, 4.39238653vw, 60px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__nav {
    margin-top: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
  }
}
.summer-gift-2025__nav__inner {
  display: flex;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__nav__inner {
    justify-content: center;
    gap: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__nav__inner {
    flex-direction: column;
    align-items: center;
    gap: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
.summer-gift-2025__nav__item {
  display: flex;
  align-items: center;
  background: #e7f5fd;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__nav__item {
    flex-direction: column;
    justify-content: center;
    width: calc(clamp(0px, 21.9619326501vw, 300px) * 1);
    height: calc(clamp(0px, 6.588579795vw, 90px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__nav__item {
    width: calc(clamp(0px, 92vw, 92vw) * 1);
    height: calc(clamp(0px, 15.4666666667vw, 15.4666666667vw) * 1);
    padding-left: calc(clamp(0px, 16vw, 16vw) * 1);
  }
}
.summer-gift-2025__nav__item__week {
  font-weight: bold;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__nav__item__week {
    font-size: calc(clamp(0px, 1.317715959vw, 18px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__nav__item__week {
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.summer-gift-2025__nav__item__date {
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__nav__item__date {
    margin-top: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__nav__item__date {
    margin-left: calc(clamp(0px, 4vw, 4vw) * 1);
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
  }
}
.summer-gift-2025__week {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week {
    padding: calc(clamp(0px, 7.3206442167vw, 100px) * 1);
    width: calc(clamp(0px, 80.5270863836vw, 1100px) * 1);
    scroll-margin-top: calc(clamp(0px, 11.7130307467vw, 160px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week {
    padding-top: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
    padding-bottom: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
    padding-left: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    padding-right: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    scroll-margin-top: calc(clamp(0px, 42.6666666667vw, 42.6666666667vw) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week--comingsoon {
    padding-top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    padding-bottom: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week--comingsoon .summer-gift-2025__week__inner {
    padding-top: calc(clamp(0px, 12vw, 12vw) * 1);
    padding-bottom: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
  }
}
.summer-gift-2025__week__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.summer-gift-2025__week__bg img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.summer-gift-2025__week__inner {
  position: relative;
  background-color: rgba(255, 255, 255, 0.7);
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week__inner {
    padding-top: calc(clamp(0px, 3.1112737921vw, 42.5px) * 1);
    padding-bottom: calc(clamp(0px, 3.6603221083vw, 50px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week__inner {
    padding-top: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
    padding-bottom: calc(clamp(0px, 9.3333333333vw, 9.3333333333vw) * 1);
  }
}
.summer-gift-2025__week__title {
  text-align: center;
  font-family: OptimaDisplayLight, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
  letter-spacing: 0.025em;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week__title {
    font-size: calc(clamp(0px, 2.3426061493vw, 32px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week__title {
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    line-height: 1.2;
  }
}
.summer-gift-2025__week__title span {
  font-size: 125%;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week__list {
    display: flex;
    justify-content: center;
    margin-top: calc(clamp(0px, 3.8433382138vw, 52.5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week__list {
    margin-top: calc(clamp(0px, 8vw, 8vw) * 1);
  }
}
.summer-gift-2025__week__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week__item {
    width: calc(clamp(0px, 28.1844802343vw, 385px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week__item {
    margin-left: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    margin-right: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week__item:not(:first-child) {
    border-left: 1px solid #040a2b;
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week__item:not(:first-child) {
    border-top: 1px solid #040a2b;
    padding-top: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
    margin-top: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
  }
}
.summer-gift-2025__week__item__title {
  border-bottom: 2px solid #dbbc8f;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week__item__title {
    font-size: calc(clamp(0px, 1.6105417277vw, 22px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week__item__title {
    font-size: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
  }
}
.summer-gift-2025__week__item__title span {
  font-family: OptimaDisplayLight, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 145%;
}
.summer-gift-2025__week__item__text {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week__item__text {
    margin-top: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week__item__text {
    margin-top: calc(clamp(0px, 3.3333333333vw, 3.3333333333vw) * 1);
    font-size: calc(clamp(0px, 3.7333333333vw, 3.7333333333vw) * 1);
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week__item__img {
    margin-top: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week__item__img {
    margin-top: calc(clamp(0px, 8vw, 8vw) * 1);
  }
}
.summer-gift-2025__week__item__img img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week__item__img img {
    width: calc(clamp(0px, 21.9619326501vw, 300px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week__item__img img {
    width: calc(clamp(0px, 72vw, 72vw) * 1);
  }
}
.summer-gift-2025__week__item__note {
  text-align: center;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week__item__note {
    height: 1em;
    margin-top: calc(clamp(0px, 1.8301610542vw, 25px) * 1);
    font-size: calc(clamp(0px, 0.9516837482vw, 13px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week__item__note {
    margin-top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    font-size: calc(clamp(0px, 3.2vw, 3.2vw) * 1);
  }
}
.summer-gift-2025__week__item__code {
  display: flex;
  border: 1px solid #a7834f;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week__item__code {
    margin-top: calc(clamp(0px, 2.196193265vw, 30px) * 1);
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week__item__code {
    margin-top: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.summer-gift-2025__week__item__code div {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week__item__code div {
    height: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week__item__code div {
    height: calc(clamp(0px, 8vw, 8vw) * 1);
  }
}
.summer-gift-2025__week__item__code div:first-child {
  background: #a7834f;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week__item__code div:first-child {
    min-width: calc(clamp(0px, 12.4450951684vw, 170px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week__item__code div:first-child {
    min-width: calc(clamp(0px, 45.3333333333vw, 45.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week__item__code div:last-child {
    min-width: calc(clamp(0px, 7.3206442167vw, 100px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week__item__code div:last-child {
    min-width: calc(clamp(0px, 26.6666666667vw, 26.6666666667vw) * 1);
  }
}
.summer-gift-2025__week__note {
  text-align: center;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week__note {
    margin-top: calc(clamp(0px, 2.196193265vw, 30px) * 1);
    font-size: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week__note {
    margin-top: calc(clamp(0px, 8vw, 8vw) * 1);
    font-size: calc(clamp(0px, 2.4vw, 2.4vw) * 1);
  }
}
.summer-gift-2025__week__comingsoon-text {
  font-family: OptimaDisplayLight, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week__comingsoon-text {
    margin-top: calc(clamp(0px, 2.196193265vw, 30px) * 1);
    font-size: calc(clamp(0px, 2.3426061493vw, 32px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week__comingsoon-text {
    margin-top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week__1 {
    margin-top: calc(clamp(0px, 7.0644216691vw, 96.5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week__1 {
    margin-top: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week__2 {
    margin-top: calc(clamp(0px, 3.7701317716vw, 51.5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week__2 {
    margin-top: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week__3 {
    margin-top: calc(clamp(0px, 3.7701317716vw, 51.5px) * 1);
    margin-bottom: calc(clamp(0px, 7.3206442167vw, 100px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week__3 {
    margin-top: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
    margin-bottom: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
  }
}
.summer-gift-2025__week__badge {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(0deg, rgb(164, 124, 81) 0%, rgb(236, 208, 162) 25%, rgb(249, 223, 177) 50%, rgb(236, 208, 162) 75%, rgb(164, 124, 81) 100%);
  border-radius: 50%;
  box-shadow: 0 0 9px rgba(34, 24, 21, 0.2);
  text-align: center;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .summer-gift-2025__week__badge {
    top: calc(clamp(0px, 1.0980966325vw, 15px) * -1);
    right: calc(clamp(0px, 1.6471449488vw, 22.5px) * -1);
    width: calc(clamp(0px, 9.1508052709vw, 125px) * 1);
    height: calc(clamp(0px, 9.1508052709vw, 125px) * 1);
    font-size: calc(clamp(0px, 1.317715959vw, 18px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .summer-gift-2025__week__badge {
    top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * -1);
    right: calc(clamp(0px, 4vw, 4vw) * 1);
    width: calc(clamp(0px, 25.6vw, 25.6vw) * 1);
    height: calc(clamp(0px, 25.6vw, 25.6vw) * 1);
    font-size: calc(clamp(0px, 3.6vw, 3.6vw) * 1);
  }
}
.summer-gift-2025__week__badge span {
  font-size: 150%;
  font-family: OptimaDisplayLight, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.summer-gift-2025__week__badge small {
  font-size: 90%;
}