@charset "UTF-8";

:root {
  --pc-calc: 1440*100vw;
  --sp-calc: 750*100vw;
  --main-color: #007e78;
  --sub-color: #d2a04a;
  --white-color: #fff;
}
@font-face {
  font-family: "SoDoSans";
  font-style: normal;
  font-weight: 300;
  src: url("/common/fonts/SoDoSans/SoDoSans-Light.woff") format("woff2");
}

@font-face {
  font-family: "SoDoSans";
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/SoDoSans/SoDoSans-Regular.woff") format("woff2");
}

@font-face {
  font-family: "SoDoSans";
  font-style: normal;
  font-weight: 700;
  src: url("/common/fonts/SoDoSans/SoDoSans-Bold.woff") format("woff2");
}

@font-face {
  font-family: "SoDoSans Black";
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/SoDoSans/SoDoSans-Black.woff") format("woff");
}

@font-face {
  font-family: "SoDoSans Bold";
  font-style: normal;
  font-weight: 700;
  src: url("/common/fonts/SoDoSans/SoDoSans-Bold.woff") format("woff");
}

@font-face {
  font-family: "SoDoSans SemiBold";
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/SoDoSans/SoDoSans-SemiBold.woff") format("woff");
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

.mod-pc {
  display: block;
}

.mod-sp {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
}

a {
  transition: .3s ease;
}
a:hover {
  opacity: .8;
  transform: .3 ease;
}

.mainContentsIn {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.en {
  font-family: "SoDoSans Bold";
}

@media print, screen and (max-width: 1023px) {
  .mod-pc {
    display: none;
  }

  .mod-sp {
    display: block;
  }
}

/* =============================================
kv
============================================= */
.kv_img {
  position: relative;
}
.kv_ttl,
.kv_date {
  position: absolute;
}
.kv_lead {
  position: absolute;
  color: var(--main-color);
  text-align: center;
  font-weight: 500;
}
.kv_btn {
  position: absolute;
  background: var(--main-color);
  color: var(--white-color);
}
.kv_btn a {
  position: relative;
  display: block;
  font-weight: bold;
  text-align: center;
  left: min(-19px, calc(-19/1440*100vw));
}
.kv_btn a::before {
  content: "";
  display: block;
  max-width: 17px;
  max-height: 30px;
  width: calc(17 / var(--pc-calc));
  height: calc(30 / var(--pc-calc));
  position: absolute;
  top: 50%;
  right: min(10px, calc(10 / var(--pc-calc)));
  transform: translateY(-50%);
  background-image: url(/rewards/gelato-pique2025/images/kv/kv_btn_arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
}

@media print, screen and (min-width: 1024px) {
.kv_ttl {
  top: calc(202/1440*100vw);
  left: calc(149/1440*100vw);
  width: calc(366/1440*100vw);
}
.kv_date {
  top: calc(814/1440*100vw);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(628/1440*100vw);
}
.kv_lead {
  top: calc(996/1440*100vw);
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: calc(24/1440*100vw);
  line-height: calc(40/24);
}
.kv_btn {
  top: calc(1173/1440*100vw);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(540/1440*100vw);
  height: calc(80/1440*100vw);
  border-radius: calc(40/1440*100vw);
}

.kv_btn a {
  font-size: calc(24/1440*100vw);
  line-height: calc(80/1440*100vw);
}

}

@media print, screen and (max-width: 1023px) {
.kv_img img {
  width: 100%;
}
.kv_ttl {
  top: calc(940/750*100vw);
  left: calc(160/750*100vw);
  width: calc(432/750*100vw);
}
.kv_date {
  top: calc(1530/750*100vw);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(636/750*100vw);
}
.kv_lead {
  top: calc(1732/750*100vw);
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: calc(32/750*100vw);
  line-height: calc(50/32);
}
.kv_btn {
  top: calc(2072/750*100vw);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(610/750*100vw);
  height: calc(92/750*100vw);
  border-radius: calc(40/750*100vw);
}

.kv_btn a {
  font-size: calc(28 / 750 * 100vw);
  line-height: calc(92 / 750 * 100vw);
  left: calc(-18 / 750 * 100vw);
}
.kv_btn a::before {
  max-width: 100%;
  max-height: 100%;
  width: calc(20 / var(--sp-calc));
  height: calc(33 / var(--sp-calc));
  right: calc(17 / var(--sp-calc));
}
}

/* =============================================
present
============================================= */
.present {
  position: relative;
  width: 100%;
  background-image: url(/rewards/gelato-pique2025/images/present/bg_pc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: calc(1434/1440*100vw);
  color: var(--main-color);
}
.present .present_ttl {
  position: absolute;
  top: calc(156 / 1440 * 100vw);
  left: calc(792 / 1440 * 100vw);
  font-size: calc(24/1440*100vw);
  line-height: calc(32/24);
  font-weight: bold;
}
.present_text {
  text-align: center;
  font-weight: 500;
}
.present_text._01 {
    position: absolute;
    top: calc(409 / 1440 * 100vw);
    left: calc(201 / 1440 * 100vw);
}
.present_text._02 {
  position: absolute;
    top: calc(394 / 1440 * 100vw);
    left: calc(833 / 1440 * 100vw);
}
.present_text._01 .present_body_ttl {
  font-size: calc(36/1440*100vw);
  line-height: calc(48/36);
  font-weight: bold;
  margin-bottom: calc(8/1440*100vw);
}
.present_text._02 .present_body_ttl {
  color: #cba258;
  font-size: calc(32/1440*100vw);
  line-height: calc(40/32);
  margin-bottom: calc(5/1440*100vw);
}
.present_text._02 .present_body_ttl span {
  position: relative;
  top: calc(3/1440*100vw);
  left: calc(-9/1440*100vw);
  font-family: "SoDoSans";
  font-style: normal;
  font-weight: 700;
  color: #cba258;
  font-size: calc(56/1440*100vw);
  line-height: calc(64/56);
}
.present_text {
  font-size: calc(24/1440*100vw);
  line-height: calc(36/24);
}
.present_text._01 .present_text {
  position: relative;
  left: calc(5/1440*100vw);
}
.present_text._02 .present_text {
  position: relative;
  left: calc(3/1440*100vw);
}
@media print, screen and (max-width: 1023px) {
.present {
  background-image: url(/rewards/gelato-pique2025/images/present/bg_sp.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: calc(2393/750*100vw);
}
.present .present_ttl {
  width: fit-content;
  top: calc(206 / 750 * 100vw);
  left: 0;
  right: 0;
  font-size: calc(30/750*100vw);
  line-height: calc(36/30);
  margin: 0 auto;
}
.present_text {
  width: fit-content;
  text-align: center;
}
.present_text._01 {
  top: calc(336 / 750 * 100vw);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.present_text._02 {
  top: calc(1317 / 750 * 100vw);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.present_text._01 .present_body_ttl {
  font-size: calc(48/750*100vw);
  line-height: calc(84/48);
  margin-bottom: calc(-2/750*100vw);
}
.present_text._02 .present_body_ttl {
  font-size: calc(38/750*100vw);
  line-height: calc(42/38);
  margin-bottom: calc(13/750*100vw);
}
.present_text._02 .present_body_ttl span {
  top: calc(3/750*100vw);
  left: calc(-9/750*100vw);
  font-size: calc(66/750*100vw);
  line-height: calc(70/66);
}
.present_text {
  font-size: calc(31/750*100vw);
  line-height: calc(48/31);
}
.present_text._01 .present_text {
  left: calc(10/750*100vw);
}
.present_text._02 .present_text {
  left: calc(10/750*100vw);
}
}


/* =============================================
product
============================================= */
.product {
  position: relative;
  width: 100%;
  background-image: url(/rewards/gelato-pique2025/images/product/bg_pc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  color: var(--main-color);
}
.product_ttl {
    font-size: calc(42/1440*100vw);
    font-weight: bold;
    letter-spacing: 0.2em;
    text-align: center;
    padding-top: calc(145/1440*100vw);
    margin-bottom: calc(70 / 1440 * 100vw);
}
.product_name {
  text-align: center;
  margin-bottom: calc(47 / 1440 * 100vw);
}
.product_name p {
  	text-align: left;
	display: inline-block;
    font-size: calc(28/1440*100vw);
    line-height: calc(40/28);
    font-weight: bold;
}
.product_name p span {
  color: #d2a04a;
}
.product_note_list_wrap {
  text-align: center;
  margin-bottom: calc(74/1440*100vw);
}
.product_note_list {
  display: inline-block;
  text-align: left;
  margin-left: calc(36/1440*100vw);
}
.product_note_list li {
    font-size: calc(20/1440*100vw);
    line-height: calc(36/20);
    text-indent: -1em;
    padding-left: 1em;
    font-weight: 500;
}
.product_note_list li._border {
  text-decoration: underline;
  text-underline-offset: calc(6/1440*100vw);
}

.tag-store {
    width: min(68px, calc(68 / 1440 * 100vw));
    position: absolute;
    bottom: min(16px, calc(16 / 1440 * 100vw));
    left: min(18px, calc(18 / 1440 * 100vw));
    background: var(--main-color);
    color: var(--white-color);
    font-size: min(14px, calc(14 / 1440 * 100vw));
    line-height: calc(20 / 14);
    border-radius: min(2px, calc(2 / 1440 * 100vw));
    text-align: center;
}
.tag-online {
    width: min(128px, calc(128 / 1440 * 100vw));
    position: absolute;
    bottom: min(16px, calc(16 / 1440 * 100vw));
    left: min(18px, calc(18 / 1440 * 100vw));
    border: min(1px, calc(1 / 1440 * 100vw)) solid var(--main-color);
    color: var(--main-color);
    font-size: min(14px, calc(14 / 1440 * 100vw));
    line-height: calc(20 / 14);
    border-radius: min(2px, calc(2 / 1440 * 100vw));
    text-align: center;
}

/* beverage eGift */
.item_flex {
  display: flex;
  justify-content: center;
  gap: calc(70/1440*100vw);
  margin-bottom: calc(81/1440*100vw);
}
.item_flex .item_content__product_wrap {
  justify-content: center;
}

.item_flex_item._01 .item_box__image img {
    width: min(120px, calc(120/1440*100vw));
  position: relative;
  left: min(4px, calc(4/1440*100vw));
}

.item_flex_item._02 {
  position: relative;
  left: -147px;
}
.item_flex_item._02 .item_box__image img {
  width: min(205px, calc(205/1440*100vw));
}


/* tumbler_mug */
.item_tumbler_mug .item_flex_ttl {
  width: 35%;
}
.item_tumbler_mug .item_content__product_wrap .item_box .item_box__image img {
  position: relative;
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(1) .item_box__image img {
  width: min(95px, calc(95/1440*100vw));
  top: min(2px, calc(2 / 1440 * 100vw));
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(2) .item_box__image img {
  width: min(95px, calc(95/1440*100vw));
  top: min(-17px, calc(-17 / 1440 * 100vw));
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(3) .item_box__image img {
  width: min(84.5px, calc(84.5/1440*100vw));
  top: min(-4px, calc(-4 / 1440 * 100vw));
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(4) .item_box__image img {
  width: min(85px, calc(85 / 1440 * 100vw));
  top: min(-6px, calc(-6 / 1440 * 100vw));
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(5) .item_box__image img {
  width: min(83.5px, calc(83.5 / 1440 * 100vw));
  top: min(-6px, calc(-6 / 1440 * 100vw));
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(6) .item_box__image img {
  width: min(93.5px, calc(93.5 / 1440 * 100vw));
  top: min(-12px, calc(-12 / 1440 * 100vw));
  left: min(12px, calc(12 / 1440 * 100vw));
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(7) .item_box__image img {
  width: min(93px, calc(93 / 1440 * 100vw));
  top: min(-10px, calc(-10 / 1440 * 100vw));
  left: min(12px, calc(12 / 1440 * 100vw));
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(8) .item_box__image img {
  width: min(115px, calc(115 / 1440 * 100vw));
  top: min(-11px, calc(-11 / 1440 * 100vw));
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(9) .item_box__image img {
  width: min(152px, calc(152 / 1440 * 100vw));
  top: min(-6px, calc(-6 / 1440 * 100vw));
  left: min(-11px, calc(-11 / 1440 * 100vw));
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(10) .item_box__image img {
  width: min(153px, calc(153 / 1440 * 100vw));
  top: min(-6px, calc(-6 / 1440 * 100vw));
  left: min(-11px, calc(-11 / 1440 * 100vw));
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(11) .item_box__image img {
  width: min(152px, calc(152 / 1440 * 100vw));
  top: min(-6px, calc(-6 / 1440 * 100vw));
  left: min(-11px, calc(-11 / 1440 * 100vw));
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(12) .item_box__image img {
  width: min(84px, calc(84 / 1440 * 100vw));
  top: min(-16px, calc(-16 / 1440 * 100vw));
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(13) .item_box__image img {
  width: min(83.5px, calc(83.5 / 1440 * 100vw));
  top: min(-16px, calc(-16 / 1440 * 100vw));
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(14) .item_box__image img {
  width: min(83.5px, calc(83.5 / 1440 * 100vw));
  top: min(-16px, calc(-16 / 1440 * 100vw));
}

/* apparel */
.item_apparel .item_flex_ttl {
  width: 19%;
}
.item_apparel .item_content__product_wrap .item_box .item_box__image img {
  position: relative;
}
.item_apparel .item_content__product_wrap .item_box:nth-child(1) .item_box__image img {
  width: min(220px, calc(220/1440*100vw));
  top: min(-13px, calc(-13 / 1440 * 100vw));
}
.item_apparel .item_content__product_wrap .item_box:nth-child(2) .item_box__image img {
  width: min(224px, calc(224/1440*100vw));
  top: min(-12px, calc(-12 / 1440 * 100vw));
}
.item_apparel .item_content__product_wrap .item_box:nth-child(3) .item_box__image img {
  width: min(170.5px, calc(170.5/1440*100vw));
  top: min(-4px, calc(-4 / 1440 * 100vw));
}
.item_apparel .item_content__product_wrap .item_box:nth-child(4) .item_box__image img {
  width: min(81.5px, calc(81.5 / 1440 * 100vw));
  top: min(-10px, calc(-10 / 1440 * 100vw));
  left: min(-14px, calc(-14 / 1440 * 100vw));
}
.item_apparel .item_content__product_wrap .item_box:nth-child(5) .item_box__image img {
  width: min(225.5px, calc(225.5 / 1440 * 100vw));
  top: min(-9px, calc(-9 / 1440 * 100vw));
}
.item_apparel .item_content__product_wrap .item_box:nth-child(6) .item_box__image img {
  width: min(226px, calc(226 / 1440 * 100vw));
  top: min(-7px, calc(-7 / 1440 * 100vw));
}
.item_apparel .item_content__product_wrap .item_box:nth-child(7) .item_box__image img {
  width: min(226px, calc(226 / 1440 * 100vw));
  top: min(-12px, calc(-12 / 1440 * 100vw));
}
.item_apparel .item_content__product_wrap .item_box:nth-child(8) .item_box__image img {
  width: min(118px, calc(118 / 1440 * 100vw));
  top: min(-10px, calc(-10 / 1440 * 100vw));
}
.item_apparel .item_content__product_wrap .item_box:nth-child(9) .item_box__image img {
  width: min(116.5px, calc(116.5 / 1440 * 100vw));
  top: min(-10px, calc(-10 / 1440 * 100vw));
}
.item_apparel .item_content__product_wrap .item_box:nth-child(10) .item_box__image img {
  width: min(113px, calc(113 / 1440 * 100vw));
  top: min(-8px, calc(-8 / 1440 * 100vw));
}
.item_apparel .item_content__product_wrap .item_box:nth-child(11) .item_box__image img {
  width: min(78px, calc(78 / 1440 * 100vw));
  top: min(-9px, calc(-9 / 1440 * 100vw));
  left: min(-11px, calc(-11 / 1440 * 100vw));
}
.item_apparel .item_content__product_wrap .item_box:nth-child(12) .item_box__image img {
  width: min(74.5px, calc(74.5 / 1440 * 100vw));
  top: min(-8px, calc(-8 / 1440 * 100vw));
  left: min(-12px, calc(-12 / 1440 * 100vw));
}
.item_apparel .item_content__product_wrap .item_box:nth-child(13) .item_box__image img {
  width: min(78px, calc(78 / 1440 * 100vw));
  top: min(-11px, calc(-11 / 1440 * 100vw));
  left: min(-12px, calc(-12 / 1440 * 100vw));
}
.item_apparel .item_content__product_wrap .item_box:nth-child(14) .item_box__image img {
  width: min(168.5px, calc(168.5 / 1440 * 100vw));
  top: min(-7px, calc(-7 / 1440 * 100vw));
  left: min(2px, calc(2 / 1440 * 100vw));
}
.item_apparel .item_content__product_wrap .item_box:nth-child(15) .item_box__image img {
  width: min(164.5px, calc(164.5 / 1440 * 100vw));
  top: min(-6px, calc(-6 / 1440 * 100vw));
}
.item_apparel .item_content__product_wrap .item_box:nth-child(16) .item_box__image img {
  width: min(169px, calc(169 / 1440 * 100vw));
  top: min(-7px, calc(-7 / 1440 * 100vw));
}

/* goods */
.item_goods {
  margin-bottom: min(81px, calc(81 / 1440 * 100vw));
}
.item_goods .item_flex_ttl {
  width: 16%;
}
.item_goods .item_content__product_wrap .item_box .item_box__image img {
  position: relative;
}
.item_goods .item_content__product_wrap .item_box:nth-child(1) .item_box__image img {
  width: min(128px, calc(128/1440*100vw));
  top: min(-13px, calc(-13 / 1440 * 100vw));
}
.item_goods .item_content__product_wrap .item_box:nth-child(2) .item_box__image img {
  width: min(158.5px, calc(158.5/1440*100vw));
  top: min(-12px, calc(-12 / 1440 * 100vw));
}
.item_goods .item_content__product_wrap .item_box:nth-child(3) .item_box__image img {
  width: min(97px, calc(97/1440*100vw));
  top: min(-16px, calc(-16 / 1440 * 100vw));
}
.item_goods .item_content__product_wrap .item_box:nth-child(4) .item_box__image img {
  width: min(159px, calc(159 / 1440 * 100vw));
  top: min(-10px, calc(-10 / 1440 * 100vw));
  /* left: min(-14px, calc(-14 / 1440 * 100vw)); */
  left: 0;
}
.item_goods .item_content__product_wrap .item_box:nth-child(5) .item_box__image img {
  width: min(128.5px, calc(128.5 / 1440 * 100vw));
  top: min(-9px, calc(-9 / 1440 * 100vw));
}
.item_goods .item_content__product_wrap .item_box:nth-child(6) .item_box__image img {
  width: min(173px, calc(173 / 1440 * 100vw));
  top: min(-7px, calc(-7 / 1440 * 100vw));
}

.product_bottom {
  width: min(533px, calc(533 / 1440 * 100vw));
  padding-bottom: min(113px, calc(113 / 1440 * 100vw));
  margin: 0 auto;
}
.product_bottom .mod-sp {
  display: none;
}

@media print, screen and (max-width: 1023px) {
.product {
  background-image: url(/rewards/gelato-pique2025/images/product/bg_sp.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  border-radius: 0 0 calc(50/750*100vw) calc(50/750*100vw);
}
.product_ttl {
  font-size: calc(50/750*100vw);
  padding-top: calc(117/750*100vw);
  margin-bottom: calc(83 / 750 * 100vw);
}
.product_name {
  margin-bottom: calc(61 / 750 * 100vw);
}
.product_name p {
  font-size: calc(30/750*100vw);
  line-height: calc(50/30);
}
.product_note_list_wrap {
  width: calc(539/750*100vw);
  margin: 0 auto calc(104/750*100vw);
}

.product_note_list li {
  font-size: calc(20/750*100vw);
  line-height: calc(29/20);
  text-indent: -1em;
  padding-left: 1em;
}
.product_note_list li._border {
  text-underline-offset: calc(6/750*100vw);
}

.tag-store {
    width: calc(56 / 750 * 100vw);
    bottom: calc(16 / 750 * 100vw);
    left: calc(16 / 750 * 100vw);
    font-size: calc(12 / 750 * 100vw);
    line-height: calc(16 / 12);
    border-radius: calc(2 / 750 * 100vw);
}
.tag-online {
    width: calc(108 / 750 * 100vw);
    bottom: calc(13 / 750 * 100vw);
    left: calc(18 / 750 * 100vw);
    border: calc(1 / 750 * 100vw) solid var(--main-color);
    color: var(--main-color);
    font-size: calc(12 / 750 * 100vw);
    line-height: calc(16 / 12);
    border-radius: calc(2 / 750 * 100vw);
}

/* beverage eGift */
.item_flex {
  gap: calc(70/750*100vw);
  margin-bottom: calc(96/750*100vw);
}

.item_flex_item._01 {
  width: calc(314 / var(--sp-calc));
}

.item_flex_item._01 .item_box__image img {
  width: calc(100/750*100vw);
  left: calc(4/750*100vw);
}
.item_flex_item._02 {
  left: 0;
  width: calc(206 / var(--sp-calc));
}
.item_flex_item._02 .item_flex_ttl {
  position: relative;
  width: 85%;
  left: calc(13 / var(--sp-calc));
}
.item_flex_item._02 .item_box__image img {
  width: calc(172/750*100vw);
}


/* tumbler_mug */
.item_tumbler_mug .item_flex_ttl {
  width: 67%;
  margin: 0 auto;
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(1) .item_box__image img {
  width: calc(79/750*100vw);
  top: calc(2 / 750 * 100vw);
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(2) .item_box__image img {
  width: calc(78/750*100vw);
  top: calc(-16 / 750 * 100vw);
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(3) .item_box__image img {
  width: calc(70/750*100vw);
  top: calc(-4 / 750 * 100vw);
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(4) .item_box__image img {
  width: calc(71 / 750 * 100vw);
  top:calc(-6 / 750 * 100vw);
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(5) .item_box__image img {
  width: calc(69 / 750 * 100vw);
  top: calc(-6 / 750 * 100vw);
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(6) .item_box__image img {
  width: calc(77 / 750 * 100vw);
  top: calc(-12 / 750 * 100vw);
  left: calc(12 / 750 * 100vw);
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(7) .item_box__image img {
  width: calc(78 / 750 * 100vw);
  top: calc(-15 / 750 * 100vw);
  left: calc(8 / 750 * 100vw);
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(8) .item_box__image img {
  width: calc(77 / 750 * 100vw);
    top: calc(-15 / 750 * 100vw);
    left: calc(9 / 750 * 100vw);
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(9) .item_box__image img {
  width: calc(127 / 750 * 100vw);
  top: calc(-3 / 750 * 100vw);
  left: calc(-4 / 750 * 100vw);
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(10) .item_box__image img {
  width: calc(128 / 750 * 100vw);
  top: calc(-6 / 750 * 100vw);
  left: calc(-11 / 750 * 100vw);
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(11) .item_box__image img {
  width: calc(127 / 750 * 100vw);
  top: calc(-6 / 750 * 100vw);
  left: calc(-11 / 750 * 100vw);
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(12) .item_box__image img {
  width: calc(70 / 750 * 100vw);
  top: calc(-16 / 750 * 100vw);
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(13) .item_box__image img {
  width: calc(70 / 750 * 100vw);
  top: calc(-16 / 750 * 100vw);
}
.item_tumbler_mug .item_content__product_wrap .item_box:nth-child(14) .item_box__image img {
  width: calc(69 / 750 * 100vw);
  top: calc(-16 / 750 * 100vw);
}

/* apparel */
.item_apparel .item_flex_ttl {
  width: 36%;
  margin: 0 auto;
}
.item_apparel .item_content__product_wrap .item_box .item_box__image img {
  position: relative;
}
.item_apparel .item_content__product_wrap .item_box:nth-child(1) .item_box__image img {
  width: calc(184/750*100vw);
  top: alc(-13 / 750 * 100vw);
}
.item_apparel .item_content__product_wrap .item_box:nth-child(2) .item_box__image img {
  width: calc(187/750*100vw);
  top: calc(-12 / 750 * 100vw);
}
.item_apparel .item_content__product_wrap .item_box:nth-child(3) .item_box__image img {
  width: calc(142/750*100vw);
  top: calc(-4 / 750 * 100vw);
}
.item_apparel .item_content__product_wrap .item_box:nth-child(4) .item_box__image img {
  width: calc(68 / 750 * 100vw);
  top: calc(-10 / 750 * 100vw);
  left:calc(-14 / 750 * 100vw);
}
.item_apparel .item_content__product_wrap .item_box:nth-child(5) .item_box__image img {
  width: calc(189 / 750 * 100vw);
  top: calc(-9 / 750 * 100vw);
}
.item_apparel .item_content__product_wrap .item_box:nth-child(6) .item_box__image img {
  width: calc(189 / 750 * 100vw);
  top: calc(-7 / 750 * 100vw);
}
.item_apparel .item_content__product_wrap .item_box:nth-child(7) .item_box__image img {
  width: calc(189 / 750 * 100vw);
  top: calc(-12 / 750 * 100vw);
}
.item_apparel .item_content__product_wrap .item_box:nth-child(8) .item_box__image img {
  width: calc(99 / 750 * 100vw);
  top: calc(-10 / 750 * 100vw);
}
.item_apparel .item_content__product_wrap .item_box:nth-child(9) .item_box__image img {
  width: calc(97 / 750 * 100vw);
  top: calc(-10 / 750 * 100vw);
}
.item_apparel .item_content__product_wrap .item_box:nth-child(10) .item_box__image img {
  width: calc(95 / 750 * 100vw);
  top: calc(-8 / 750 * 100vw);
}
.item_apparel .item_content__product_wrap .item_box:nth-child(11) .item_box__image img {
  width: calc(65 / 750 * 100vw);
  top: calc(-9 / 750 * 100vw);
  left: calc(-11 / 750 * 100vw);
}
.item_apparel .item_content__product_wrap .item_box:nth-child(12) .item_box__image img {
  width: calc(62 / 750 * 100vw);
  top: calc(-8 / 750 * 100vw);
  left: calc(-12 / 750 * 100vw);
}
.item_apparel .item_content__product_wrap .item_box:nth-child(13) .item_box__image img {
  width: calc(65 / 750 * 100vw);
  top: calc(-11 / 750 * 100vw);
  left: calc(-12 / 750 * 100vw);
}
.item_apparel .item_content__product_wrap .item_box:nth-child(14) .item_box__image img {
  width: calc(141 / 750 * 100vw);
  top: calc(-7 / 750 * 100vw);
  left:calc(2 / 750 * 100vw);
}
.item_apparel .item_content__product_wrap .item_box:nth-child(15) .item_box__image img {
  width: calc(137 / 750 * 100vw);
  top: calc(-6 / 750 * 100vw);
}
.item_apparel .item_content__product_wrap .item_box:nth-child(16) .item_box__image img {
  width: calc(141 / 750 * 100vw);
  top: calc(-7 / 750 * 100vw);
}

/* goods */
.item_goods {
  margin-bottom: calc(75 / 750 * 100vw);
}
.item_goods .item_flex_ttl {
  width: 32%;
  margin: 0 auto;
}
.item_goods .item_content__product_wrap .item_box .item_box__image img {
  position: relative;
}
.item_goods .item_content__product_wrap .item_box:nth-child(1) .item_box__image img {
  width: calc(107/750*100vw);
  top: calc(-13 / 750 * 100vw);
}
.item_goods .item_content__product_wrap .item_box:nth-child(2) .item_box__image img {
  width: calc(132/750*100vw);
  top: calc(-12 / 750 * 100vw);
}
.item_goods .item_content__product_wrap .item_box:nth-child(3) .item_box__image img {
  width: calc(81 / 750 * 100vw);
  top: calc(-15 / 750 * 100vw);
}
.item_goods .item_content__product_wrap .item_box:nth-child(4) .item_box__image img {
  width: calc(133 / 750 * 100vw);
  top: calc(-10 / 750 * 100vw);
  left: calc(-14 / 750 * 100vw);
}
.item_goods .item_content__product_wrap .item_box:nth-child(5) .item_box__image img {
  width: calc(107 / 750 * 100vw);
  top: calc(-18 / 750 * 100vw);
}
.item_goods .item_content__product_wrap .item_box:nth-child(6) .item_box__image img {
  width: calc(144 / 750 * 100vw);
  top: calc(-7 / 750 * 100vw);
}

.product_bottom {
  width: calc(627 / 750 * 100vw);
  padding-bottom: calc(23 / 750 * 100vw);
  margin: 0 auto;
}
.product_bottom .mod-pc {
  display: none;
}
.product_bottom .mod-sp {
  display: block;
}
.product_bottom img {
  width: 100%;
}
}


/* =============================================
join
============================================= */
.join {
  color: var(--main-color);
}
.join ._inner {
  width: min(1080px, calc(1080 / 1440 * 100vw));
  margin: 0 auto;
}
.join_head {
  position: relative;
  width: min(780px, calc(780 / 1440 * 100vw));
  padding-top: min(78px, calc(78 / 1440 * 100vw));
  margin: 0 auto min(140px, calc(140 / 1440 * 100vw));
}
.join_ttl {
  position: absolute;
  top: min(157px, calc(157 / 1440 * 100vw));
  left: min(562px, calc(562 / 1440 * 100vw));
  font-size: min(24px, calc(24 / 1440 * 100vw));
  line-height: calc(32/24);
  font-weight: bold;
}
.join_box {
  position: relative;
  width: 100%;
  background: #dff4ee;
  border-radius: min(64px, calc(64 / 1440 * 100vw));
  padding: min(93px, calc(93 / 1440 * 100vw)) min(86px, calc(86 / 1440 * 100vw)) min(86px, calc(86 / 1440 * 100vw));
  margin: 0 auto min(180px, calc(180 / 1440 * 100vw));
  box-sizing: border-box;
}
.join_box_num {
  position: absolute;
  top: min(-100px, calc(-100 / 1440 * 100vw));
  left: 0;
  right: 0;
  width: min(143px, calc(143 / 1440 * 100vw));
  margin: 0 auto;
}
.join_box_ttl {
  font-size: min(28px, calc(28 / 1440 * 100vw));
  line-height: calc(40/28);
  font-weight: bold;
  text-align: center;
  margin-bottom: min(23px, calc(23 / 1440 * 100vw));
}
.join_box_text {
  font-size: min(22px, calc(22 / 1440 * 100vw));
  line-height: calc(38/22);
  text-align: center;
  letter-spacing: 0.01em;
  font-weight: 500;
}
.join_box_note {
  position: relative;
  left: min(4px, calc(4 / 1440 * 100vw));
  font-size: min(20px, calc(20 / 1440 * 100vw));
  line-height: calc(29/20);
  text-align: center;
  margin-bottom: min(28px, calc(28 / 1440 * 100vw));
  font-weight: 500;
}
.join_box_btn {
  width: min(412px, calc(412 / 1440 * 100vw));
  height: min(60px, calc(60 / 1440 * 100vw));
  background: var(--main-color);
  border-radius: min(30px, calc(30 / 1440 * 100vw));
  margin: 0 auto;
}
.join_box_btn a {
  display: block;
  font-size: min(20px, calc(20 / 1440 * 100vw));
  line-height: min(60px, calc(60 / 1440 * 100vw));
  text-align: center;
  font-weight: bold;
  color: var(--white-color);
}

/* join_box01 */
.join_box._01::after {
  content: "";
  background: url(/rewards/gelato-pique2025/images/join/ttl01_right_pc.png);
  background-size: cover;
  display: inline-block;
  width: min(80px, calc(80 / 1440 * 100vw));
  height: min(95px, calc(95 / 1440 * 100vw));
  position: absolute;
  top: min(-74px, calc(-74 / 1440 * 100vw));
  right: min(322px, calc(322 / 1440 * 100vw));
}
.join_box._01 .join_box_text {
  margin-bottom: min(12px, calc(12 / 1440 * 100vw));
}

/* join_box02 */
.join_box._02::before {
  content: "";
  background: url(/rewards/gelato-pique2025/images/join/ttl02_left_pc.png);
  background-size: cover;
  display: inline-block;
  width: min(96px, calc(96 / 1440 * 100vw));
  height: min(78px, calc(78 / 1440 * 100vw));
  position: absolute;
  top: min(-70px, calc(-70 / 1440 * 100vw));
  left: min(309px, calc(309 / 1440 * 100vw));
}
.join_box._02::after {
  content: "";
  background: url(/rewards/gelato-pique2025/images/join/ttl02_right_pc.png);
  background-size: cover;
  display: inline-block;
  width: min(74px, calc(74 / 1440 * 100vw));
  height: min(73px, calc(73 / 1440 * 100vw));
  position: absolute;
  top: min(-111px, calc(-111 / 1440 * 100vw));
  right: min(301px, calc(301 / 1440 * 100vw));
}
.join_box._02 .join_box_ttl {
  margin-bottom: min(28px, calc(28 / 1440 * 100vw));
}
.join_box_flex {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: min(53px, calc(53 / 1440 * 100vw));
}
.join_box_item_ttl {
  font-size: min(26px, calc(26 / 1440 * 100vw));
  line-height: calc(32/26);
  text-align: center;
  font-weight: bold;
  margin-bottom: min(10px, calc(10 / 1440 * 100vw));
}
.join_box_item._02 .join_box_item_ttl {
  position: relative;
  left: min(-10px, calc(-10 / 1440 * 100vw));
}

.join_box_item._01 .join_box_btn {
  position: relative;
  margin-top: min(26px, calc(26 / 1440 * 100vw));
  left: min(6px, calc(6 / 1440 * 100vw));
}
.join_box_item._02 .join_box_btn {
  position: relative;
  margin-top: min(140px, calc(140 / 1440 * 100vw));
  left: min(-7px, calc(-7 / 1440 * 100vw));
}

/* join_box03 */
.join_box._03::before {
  content: "";
  background: url(/rewards/gelato-pique2025/images/join/ttl03_left_pc.png);
  background-size: cover;
  display: inline-block;
  width: min(80px, calc(80 / 1440 * 100vw));
  height: min(71px, calc(71 / 1440 * 100vw));
  position: absolute;
  top: min(-100px, calc(-100 / 1440 * 100vw));
  left: min(281px, calc(281 / 1440 * 100vw));
}
.join_box._03::after {
  content: "";
  background: url(/rewards/gelato-pique2025/images/join/ttl03_right_pc.png);
  background-size: cover;
  display: inline-block;
  width: min(111px, calc(111 / 1440 * 100vw));
  height: min(145px, calc(145 / 1440 * 100vw));
  position: absolute;
  top: min(-123px, calc(-123 / 1440 * 100vw));
  right: min(341px, calc(341 / 1440 * 100vw));
}
.join_box_text_wrap {
  margin: 0 min(28px, calc(28 / 1440 * 100vw)) 40px;
}
.join_box._03 .join_box_text {
  text-align: left;
  border-left: 2px solid #cba258;
  padding-left: min(21px, calc(21 / 1440 * 100vw));
}
.join_box_text_flex {
  display: flex;
  margin-top: min(27px, calc(27 / 1440 * 100vw));
  gap: min(22px, calc(22 / 1440 * 100vw));
}
.join_box_note_list li {
  font-size: min(18px, calc(18 / 1440 * 100vw));
  line-height: calc(28/18);
  text-indent: -1em;
  padding-left: 1em;
  font-weight: 500;
}
/* join_box04 */
.join_box._04::before {
  content: "";
  background: url(/rewards/gelato-pique2025/images/join/ttl04_left_pc.png);
  background-size: cover;
  display: inline-block;
  width: min(73px, calc(73 / 1440 * 100vw));
  height: min(96px, calc(96 / 1440 * 100vw));
  position: absolute;
  top: min(-79px, calc(-79 / 1440 * 100vw));
  left: min(339px, calc(339 / 1440 * 100vw));
}
.join_box._04::after {
  content: "";
  background: url(/rewards/gelato-pique2025/images/join/ttl04_right_pc.png);
  background-size: cover;
  display: inline-block;
  width: min(116px, calc(116 / 1440 * 100vw));
  height: min(103px, calc(103 / 1440 * 100vw));
  position: absolute;
  top: min(-135px, calc(-135 / 1440 * 100vw));
  right: min(271px, calc(271 / 1440 * 100vw));
}
.join_box._04 {
  padding: min(93px, calc(93 / 1440 * 100vw)) min(86px, calc(86 / 1440 * 100vw)) min(82px, calc(82 / 1440 * 100vw));
  margin-bottom: min(122px, calc(122 / 1440 * 100vw));
}
.join_box._04 .join_box_ttl {
    margin-bottom: min(25px, calc(25 / 1440 * 100vw));
}
.join_box._04 .join_box_text {
  position: relative;
  left: min(-10px, calc(-10 / 1440 * 100vw));
  margin-bottom: min(35px, calc(35 / 1440 * 100vw));
}

@media print, screen and (max-width: 1023px) {
  .join ._inner {
    width: calc(612 / 750 * 100vw);
    margin: 0 auto;
  }
  .join_head {
    position: relative;
    left: calc(-52 / 750 * 100vw);
    width: calc(718 / 750 * 100vw);
    padding-top: calc(152 / 750 * 100vw);
    margin: 0 auto calc(65 / 750 * 100vw);
  }
  .join_head img {
    width: 100%;
  }
  .join_ttl {
    top: calc(305 / 750 * 100vw);
    left: calc(299 / 750 * 100vw);
    font-size: calc(30 / 750 * 100vw);
    line-height: calc(36 / 30);
  }
  .join_box {
    width: 100%;
    border-radius: calc(64 / 750 * 100vw);
    padding: calc(80 / 750 * 100vw) calc(60 / 750 * 100vw) calc(57 / 750 * 100vw);
    margin: 0 auto calc(159 / 750 * 100vw);
  }
  .join_box_num {
    top: calc(-104 / 750 * 100vw);
    left: 0;
    right: 0;
    width: calc(168 / 750 * 100vw);
    margin: 0 auto;
  }
  .join_box_ttl {
    font-size: calc(31 / 750 * 100vw);
    line-height: calc(50/31);
    margin-bottom: calc(37 / 750 * 100vw);
  }
  .join_box_text {
    font-size: calc(26 / 750 * 100vw);
    line-height: calc(41/26);
    letter-spacing: 0.01em;
  }
  .join_box_note {
    text-align: left;
    text-indent: -1em;
    padding-left: 1em;
    left: calc(44 / 750 * 100vw);
    font-size: calc(20 / 750 * 100vw);
    line-height: calc(29/20);
    margin-bottom: calc(46 / 750 * 100vw);
  }
  .join_box_btn {
    width: calc(486 / 750 * 100vw);
    height: calc(70 / 750 * 100vw);
    border-radius: calc(35 / 750 * 100vw);
  }
  .join_box_btn a {
    font-size: calc(24 / 750 * 100vw);
    line-height: calc(70 / 750 * 100vw);
  }

  /* join_box01 */
  .join_box._01::after {
    content: "";
    width: calc(94 / 750 * 100vw);
    height: calc(112 / 750 * 100vw);
    top: calc(-74 / 750 * 100vw);
    right: calc(52 / 750 * 100vw);
  }
  .join_box._01 .join_box_text {
    margin-bottom: calc(37 / 750 * 100vw);
  }

  /* join_box02 */
  .join_box._02::before {
    content: "";
    width: calc(113 / 750 * 100vw);
    height: calc(93 / 750 * 100vw);
    top: calc(-78 / 750 * 100vw);
    left: calc(34 / 750 * 100vw);
  }
  .join_box._02::after {
    content: "";
    width: calc(87 / 750 * 100vw);
    height: calc(86 / 750 * 100vw);
    top: calc(-122 / 750 * 100vw);
    right: calc(25 / 750 * 100vw);
  }
  .join_box._02 .join_box_ttl {
    margin-bottom: calc(58 / 750 * 100vw);
  }
  .join_box_flex {
    flex-direction: column;
    gap: calc(53 / 750 * 100vw);
  }
  .join_box_item_ttl {
    font-size: calc(28 / 750 * 100vw);
    line-height: calc(29/28);
    margin-bottom: calc(23 / 750 * 100vw);
  }
  .join_box_item._02 .join_box_item_ttl {
    left: calc(-1 / 750 * 100vw);
  }
  .join_box._02 .join_box_text {
    position: relative;
    line-height: calc(39/26);
  }

  .join_box_item._01 .join_box_text {
  left: calc(-5 / 750 * 100vw);
  }
  .join_box_item._02 .join_box_text {
    left: calc(10 / 750 * 100vw);
  }

  .join_box_item._01 .join_box_btn {
    margin-top: calc(41 / 750 * 100vw);
    left: calc(2 / 750 * 100vw);
  }
  .join_box_item._02 .join_box_btn {
    margin-top: calc(40 / 750 * 100vw);
    left: calc(2 / 750 * 100vw);
  }

  /* join_box03 */
    .join_box._03::before {
    content: "";
    width: calc(94 / 750 * 100vw);
    height: calc(84 / 750 * 100vw);
    top: calc(-108 / 750 * 100vw);
    left: calc(3 / 750 * 100vw);
  }
  .join_box._03::after {
    content: "";
    width: calc(130 / 750 * 100vw);
    height: calc(169 / 750 * 100vw);
    top: calc(-142 / 750 * 100vw);
    right: calc(43 / 750 * 100vw);
  }
  .join_box._03 {
    padding: calc(80 / 750 * 100vw) calc(41 / 750 * 100vw);
  }
  .join_box._03 .join_box_ttl {
    margin-bottom: calc(50 / 750 * 100vw);
  }
  .join_box_text_wrap {
    margin: 0 0 calc(58 / 750 * 100vw) calc(25 / 750 * 100vw);
  }
  .join_box._03 .join_box_text {
    line-height: calc(39 / 26);
    border-left: calc(2 / 750 * 100vw) solid #cba258;
    padding-left: calc(23 / 750 * 100vw);
  }
  .join_box_text_flex {
    display: flex;
    flex-direction: column;
    margin-top: calc(46 / 750 * 100vw);
    gap: 20px;
  }
  .join_box_note_list li {
    font-size: calc(20 / 750 * 100vw);
    line-height: calc(29/20);
  }
  /* join_box._04 */
  .join_box._04::before {
    content: "";
    width: calc(86 / 750 * 100vw);
    height: calc(113 / 750 * 100vw);
    top: calc(-81 / 750 * 100vw);
    left: calc(67 / 750 * 100vw);
  }
  .join_box._04::after {
    content: "";
    width: calc(136 / 750 * 100vw);
    height: calc(121 / 750 * 100vw);
    top: calc(-151 / 750 * 100vw);
    right: calc(-10 / 750 * 100vw);
  }
  .join_box._04 {
    padding: calc(93 / 750 * 100vw) calc(32 / 750 * 100vw) calc(82 / 750 * 100vw);
    margin-bottom: calc(12 / 750 * 100vw);
}
.join_box._04 .join_box_ttl {
  margin-bottom: calc(37 / 750 * 100vw);
}
.join_box._04 .join_box_text {
  position: relative;
    left: calc(4 / 750 * 100vw);
    margin-bottom: calc(56 / 750 * 100vw);
}
.join_box._04 .join_box_note_list {
  position: relative;
  left: calc(9 / 750 * 100vw);
}
}

@media print, screen and (min-width: 1024px) {
  /* item */
  .item p {
    letter-spacing: 0;
  }
  .item_flex_ttl {
    width: 50%;
    margin: 0 auto;
  }
  .item_content {
    padding-top: min(77px,calc(77/var(--pc-calc)));
    background-color: #b2caaa;
    border-radius: 0 0 min(80px,calc(80/var(--pc-calc))) min(80px,calc(80/var(--pc-calc)));
  }
  .item_content__wrap {
    max-width: 1048px;
    width: calc(1048/var(--pc-calc));
    margin: 0 auto;
  }
  .item_content__point {
    font-size: min(15px,calc(15/var(--pc-calc)));
    font-weight: 400;
    line-height: calc(26/15);
    text-align: center;
    color: var(--main-color);
  }
  .item_content__ttl {
    font-size: min(58px,calc(58/var(--pc-calc)));
    font-family: "SoDoSans Black";
    color: var(--main-color);
    line-height: calc(76.37/58);
    text-align: center;
    letter-spacing: min(2.8px,calc(2.8/var(--pc-calc)));
  }
  .item_content__product_wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0 min(10px,calc(10/var(--pc-calc)));
    margin-top: min(27px,calc(27/var(--pc-calc)));
  }
  .item_content__product_wrap .item_box {
    width: min(247px, calc(247/var(--pc-calc)));
    height: min(396px, calc(396/var(--pc-calc)));
    position: relative;
    background: var(--white-color);
    border-radius: min(14px,calc(14/var(--pc-calc)));
  }
  .item_content__product_wrap .item_box:hover {
    opacity: 1;
  }


  .item_content__product_wrap .item_box .item_box__image {
    /* width: 100%;
    position: relative;
    display: inline-block; */
    /* width: 50%; */
    /* margin: 0 auto min(30px,calc(30/var(--pc-calc))); */
    /* padding: min(22px,calc(22/var(--pc-calc))) 0 0 0; */
    height: min(265px, calc(265/1440*100vw));
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .item_content__product_wrap .item_box .item_box__image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    transition: background 0.3s ease;
    border-radius: min(22px,calc(22/var(--pc-calc)));
  }
  .item_content__product_wrap .item_box .item_box__image:hover::after {
    background: rgba(255, 255, 255, 0.2);
  }
  
  .item_content__product_wrap .item_box .item_box__image ._badge {
    max-width: 67px;
    max-height: 67px;
    width: calc(67/var(--pc-calc));
    height: calc(67/var(--pc-calc));
    position: absolute;
    top: min(11px,calc(11/var(--pc-calc)));
    left: min(13px,calc(13/var(--pc-calc)));
  }
  .item_content__product_wrap .item_box .item_box__txt {
    width: auto;
    padding-top: 10px;
    margin: 0 min(13px,calc(13/var(--pc-calc))) 0 min(14px,calc(14/var(--pc-calc)));
    border-top: 1px solid var(--main-color);
  }
  .item_content__product_wrap .item_box .item_box__name {
    padding: 0 min(3px,calc(3/var(--pc-calc)));
  }
  
  .item_content__product_wrap .item_box .item_box__txt .item_box__name {
    width: 100%;
    font-size: min(18px,calc(18/var(--pc-calc)));
    line-height: calc(26/18);
    color: var(--main-color);
    font-weight: 500;
  }
  .item_content__note {
    margin-top: min(22px,calc(22/var(--pc-calc)));
    margin-left: min(68px,calc(68/var(--pc-calc)));
  }
  .item_content__note ._note {
    font-size: min(15px,calc(15/var(--pc-calc)));
    font-weight: 400;
    line-height: calc(26/15);
    color: var(--main-color);
    text-indent: max(-17px,calc(-17/var(--pc-calc)));
    padding-left: min(17px,calc(17/var(--pc-calc)));
  }
  .item_content__wrap._01 {
    margin-top: min(25px,calc(25/var(--pc-calc)));
    margin-bottom: min(79px,calc(79/var(--pc-calc)));
  }
  .item_content__wrap._02 {
    /* margin-top: min(125px,calc(125/var(--pc-calc))); */
    margin-top: 0;
    margin-bottom: min(79px,calc(79 / var(--pc-calc)));
  }


  .item_content__wrap .product-list {
    flex-wrap: wrap;
    gap: min(20px,calc(20/var(--pc-calc)));
    margin-top: min(27px,calc(27/var(--pc-calc)));
    max-height: min(609px, calc(609/var(--pc-calc)));
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s ease;
  }
  .item_content__wrap .fade-overlay {
    position: relative;
    top: max(-160px,calc(-160/var(--pc-calc)));
    width: 100%;
    max-height: 336px;
    height: calc(336/var(--pc-calc));
    background: url(/rewards/gelato-pique2025/images/hide.png);
    background-size: contain;
    transition: opacity 0.5s ease;
    pointer-events: none;
  }
  .item_content__wrap .product-list.open {
    max-height: none;
  }
  .item_content__wrap .product-list.open + .item_content__wrap .fade-overlay {
    opacity: 0;
  }
  .item_content__wrap .toggle-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /* top: max(-312px,calc(-312/var(--pc-calc))); */
    left: max(-1px,calc(-1/var(--pc-calc)));
    margin: max(-312px,calc(-312/var(--pc-calc))) auto 0;
    color: var(--main-color);
    border: none;
    cursor: pointer;
    font-size: min(26px,calc(26/var(--pc-calc)));
    font-weight: 500;
  }
  .item_content__wrap .toggle-btn img {
    max-width: 60.5px;
    max-height: 60px;
    width: calc(60.5/var(--pc-calc));
    height: calc(60/var(--pc-calc));
    margin-left: min(17px,calc(17/var(--pc-calc)));
  }
  .item_content__wrap .toggle-btn._open {
    display: flex;
  }
  .item_content__wrap .toggle-btn._close {
    display: none;
    margin-top: min(79px,calc(79/var(--pc-calc)));
    left: min(65px,calc(65/var(--pc-calc)));
  }
  .item_content__wrap .toggle-btn._close img {
    margin-left: min(68px,calc(68/var(--pc-calc)));
  }
  /* item end */

  /* details */
  .details {
    background-image: url(/rewards/gelato-pique2025/images/detail/bg_pc.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: min(4372.5px, calc(4372.5/var(--pc-calc)));
    color: var(--main-color);
  }

  .details_inner {
    max-width: 1080px;
    width: calc(1080/var(--pc-calc));
    margin: 0 auto;
  }

  .detail_head {
    position: relative;
  }
  .detail_head img {
   width: min(629px, calc(629/var(--pc-calc)));
   padding-top: min(76px, calc(76/var(--pc-calc)));
   margin: 0 auto;
  }

  .details_ttl {
    font-size: min(24px,calc(24/var(--pc-calc)));
    line-height: calc(32/24);
    color: var(--main-text);
    position: absolute;
    top: min(151px,calc(151/var(--pc-calc)));
    right: min(341px,calc(341/var(--pc-calc)));
    font-weight: bold;
  }

  .details_txt_wrap {
    padding: min(17px,calc(17/var(--pc-calc))) min(87px,calc(87/var(--pc-calc))) 0;
    margin-bottom: min(35px,calc(35/var(--pc-calc)));
  }
  .details_txt {
    font-size: min(26px,calc(26/var(--pc-calc)));
    line-height: calc(44/26);
    color: var(--main-text);
    font-weight: 500;
    /* margin-top: min(79px,calc(79/var(--pc-calc))); */
  }
  .details_note {
    margin-top: min(2px,calc(2/var(--pc-calc)));
  }
  .details_note li {
    font-size: min(26px,calc(26/var(--pc-calc)));
    color: var(--main-text);
    line-height: calc(44/26);
    padding-left: min(20px,calc(20 / var(--pc-calc)));
    position: relative;
    font-weight: 500;
  }
  .details_note li::before {
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
  }
  .details_note ._line {
    text-decoration: underline;
    text-decoration-color: var(--main-color);
    text-decoration-thickness: min(2px,calc(2/var(--pc-calc)));
    text-underline-offset: calc(0/var(--pc-calc));
    text-decoration-skip-ink: none;
  }

  .details_content {
    position: relative;
    width: 100%;
    padding: 0;
  }
  .details_content::before {
    content: "";
    background: url(/rewards/gelato-pique2025/images/detail/detail_line.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 100%;
    height: min(3px,calc(3/var(--pc-calc)));
  }
  .details_content._01 .details_note {
    padding-left: min(39px,calc(39/var(--pc-calc)));
  }
  .details_content._03 .details_note {
    padding-left: min(42px,calc(42/var(--pc-calc)));
  }
  .details_content._02 {
    padding: min(41px,calc(41/var(--pc-calc))) 0 0
  }
  .details_content._03 {
    padding: min(35px,calc(35/var(--pc-calc))) 0 0;
  }
  .details_content._04 {
    padding: min(40px,calc(40/var(--pc-calc))) 0 0;
  }
  .details_content._05 {
    padding: 0;
  }
  .details_content._06 {
    padding: min(40px,calc(40/var(--pc-calc))) 0 0;
  }
  .details_content._07 {
    padding: min(40px,calc(40/var(--pc-calc))) 0 0;
  }
  .details_content._07::after {
    content: "";
    background: url(/rewards/gelato-pique2025/images/detail/detail_line.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 100%;
    height: min(3px,calc(3/var(--pc-calc)));
  }
  .details_content .details_note li {
    font-size: min(20px, calc(20 / var(--pc-calc)));
    line-height: calc(36 / 20);
    font-weight: 500;
  }
  .details_note li a {
    text-decoration: underline;
    font-weight: 500;
  }
  .details_note li.details_note_item {
    padding-left: min(30px,calc(30 / var(--pc-calc)));
  }
  .details_content_ttl {
    width: fit-content;
    font-size: min(28px,calc(28/var(--pc-calc)));
    color: var(--sub-color);
    line-height: calc(34/28);
    font-weight: bold;
    padding: min(50px,calc(50/var(--pc-calc))) min(26px,calc(26/var(--pc-calc))) 0;
    margin-bottom: min(12px,calc(12/var(--pc-calc)));
    text-decoration: underline;
    text-decoration-thickness: 0.5em;
    text-decoration-color: var(--white-color);
    text-underline-offset: -0.1em;
    text-decoration-skip-ink: none;
  }
  ._06 .details_content_ttl {
    margin-bottom: min(14px,calc(14 / var(--pc-calc)));
  }
  ._06 .details_content_body {
    padding-left: min(41px,calc(41 / var(--pc-calc)));
  }
  ._07 .details_content_ttl {
    margin-bottom: min(12px,calc(12 / var(--pc-calc)));
  }
  ._07 .details_content_body {
    margin-bottom: min(47px,calc(47 / var(--pc-calc)));
  }
  .details_content_txt {
    font-size: min(28px,calc(28/var(--pc-calc)));
    color: var(--main-text);
    font-weight: 500;
    padding: 0 min(44px,calc(44/var(--pc-calc)));
  }
  .details_content_txt a {
    text-decoration: underline;
    font-weight: 500;
  }
  ._03 .details_content_txt {
    font-size: min(20px,calc(20/var(--pc-calc)));
    padding-left: min(78px,calc(78/var(--pc-calc)));
    margin-bottom: min(27px,calc(27/var(--pc-calc)));
  }
  ._04 .details_content_txt {
    font-size: min(22px,calc(22/var(--pc-calc)));
    padding-left: min(40px,calc(40/var(--pc-calc)));
    margin-top: min(7px,calc(7/var(--pc-calc)));
  }
  ._05 .details_content_txt {
    font-size: min(22px,calc(22/var(--pc-calc)));
  }
  ._07 .details_content_txt {
    font-size: min(20px,calc(20/var(--pc-calc)));
    line-height: calc(36/22);
  }
  .details_content_txt_title {
    font-size: min(24px,calc(24/var(--pc-calc)));
    line-height: calc(44/22);
    font-weight: bold;
  }
  .details_content_items {
    padding-left: min(45px,calc(45/var(--pc-calc)));
    margin-bottom: min(31px,calc(31/var(--pc-calc)));
  }
  ._01 .details_content_items {
        display: flex;
    flex-wrap: wrap;
    gap: 0 min(32px,calc(32/var(--pc-calc)));
    margin-bottom: min(15px,calc(15/var(--pc-calc)));
  }
  ._01 .details_content_items li:first-child {
    width: 100%;
  }
  ._03 .details_content_items {
    margin-bottom: min(5px,calc(5/var(--pc-calc)));
  }
  ._04 .details_content_items {
    padding-left: min(33px,calc(33/var(--pc-calc)));
    margin-bottom: min(23px,calc(23/var(--pc-calc)));
  }
  .details_content_items li {
    font-size: min(28px,calc(28/var(--pc-calc)));
    color: var(--main-text);
    line-height: calc(40/28);
    font-weight: bold;
    position: relative;
    padding-left: 1.1em;
  }
  ._04 .details_content_items li {
    font-size: min(22px,calc(22/var(--pc-calc)));
    line-height: calc(40/22);
    padding-left: 1em;
    text-indent: -1em;
    font-weight: 500;
  }
  .details_content_items li::before {
    content: "●";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--sub-color);
  } 
  ._04 .details_content_items li::before {
    content: none;
  }
  .entry_step > li {
    padding-bottom: min(58px,calc(58/var(--pc-calc)));
  }
   .entry_step > li:nth-of-type(3) {
    padding-bottom: min(44px,calc(44/var(--pc-calc)));
  }
  .entry_step_ttl {
    font-size: min(28px,calc(28/var(--pc-calc)));
    color: var(--main-text);
    line-height: calc(40/28);
    font-weight: bold;
    padding-left: min(60px,calc(60/var(--pc-calc)));
    margin-bottom: min(5px,calc(5/var(--pc-calc)));
    text-indent: max(-17px,calc(-17 / var(--pc-calc)));
    white-space: nowrap;
  }
  .entry_step .details_note {
    padding-left: min(45px,calc(45/var(--pc-calc)));
    margin-top: min(5px,calc(5/var(--pc-calc)));
  }

  .entry_step_links {
    margin-top:min(10px, calc(10/var(--pc-calc)));
  }
  .entry_step_links li {
    font-size: min(22px,calc(22/var(--pc-calc)));
    line-height: calc(38/22);
    color: var(--main-text);
    margin-bottom: min(5px,calc(5/var(--pc-calc)));
  }
  .entry_step_links li a {
    text-decoration: underline;
  }
  .entry_step_links li:last-child {
    margin-bottom: 0;
  }

  .detail_link_area {
    display: flex;
    justify-content: center;
    padding-top: min(117px,calc(117/var(--pc-calc)));
    padding-bottom: min(100px,calc(100/var(--pc-calc)));
  }
  .detail_link_area .detail_btn {
    max-width: 540px;
    width: calc(540/var(--pc-calc));
    display: inline-block;
    background-color: var(--main-color);
    color: #fff;
    letter-spacing: min(0.6px,calc(0.6 / var(--pc-calc)));
    padding: min(26px,calc(26 / var(--pc-calc))) 0;
    border-radius: min(40px,calc(40 / var(--pc-calc)));
    position: relative;
  }
  .detail_link_area .detail_btn span {
    font-size: min(23.45px,calc(23.45 / var(--pc-calc)));
    font-weight: bold;
    position: relative;
    left: min(48px,calc(48/var(--pc-calc)));
  }
  .detail_link_area .detail_btn::before {
    content: "";
    display: block;
    max-width: 15px;
    max-height: 27px;
    width: calc(15/var(--pc-calc));
    height: calc(27/var(--pc-calc));
    position: absolute;
    top: 50%;
    right: min(25px,calc(25/var(--pc-calc)));
    transform: translateY(-50%);
    background-image: url("/rewards/gelato-pique2025/images/link_arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
  }
  /* details end */

  /* links */
  .links {
    padding: min(58px,calc(58/var(--pc-calc))) 0;
    background-color: #1e3932;
    /* display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(34/var(--pc-calc)) calc(35/var(--pc-calc)); */
  }
  .link_inner {
    width: min(992px,calc(992/var(--pc-calc)));
    margin: 0 auto;
        display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    gap: max(34px, calc(34/var(--pc-calc))) max(22px, calc(22/var(--pc-calc)));
  }
  .links .button {
    position: relative;
    max-width: 480px;
    max-height: 80px;
    width: calc(480/var(--pc-calc));
    height:calc(80/var(--pc-calc));
    background-color: #006241;
    border-radius: min(45px,calc(45/var(--pc-calc)));
    transition: opacity .3s 0s ease-out
  }
  .links .button:hover {
    opacity: 0.8;
  }
  .links .button a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: min(20px,calc(20/var(--pc-calc)));
    line-height: 1.3;
    text-align: center;
    font-weight: bold;
    letter-spacing: min(1px,calc(1/var(--pc-calc)));
  }
  .links .button:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: min(25px,calc(25/var(--pc-calc)));
    margin: auto 0;
    max-width: 11px;
    max-height: 18px;
    width: calc(11/var(--pc-calc));
    height: calc(18/var(--pc-calc));
    background-image: url("/rewards/gelato-pique2025/images/btn_arrow.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
  }
  /* links end */
}

/* accordion */
@media print, screen and (max-width: 1023px) {
  /* .js-accordion-toggle {
    cursor: pointer;
    position: relative;
    padding-right: calc(20/var(--sp-calc));
  }
  
  .js-accordion-toggle::after {
    content: ""; 
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: calc(20/var(--sp-calc));
    height: calc(12/var(--sp-calc));
    background-image: url("/rewards/peanuts2025/images/sp/accordion_arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    transition: .3s ease;
  }
  
  .js-accordion-toggle:not(.is-open)::after {
    content: "";
    transform: translateY(-50%) rotate(180deg);
    transition: .3s ease;
  } */

  /* item */
  .item {
    margin-top: calc(-20/var(--sp-calc));
  }
  .item_content {
    padding-top: calc(66/var(--sp-calc));
    background-color: #b2caaa;
    border-radius: 0 0 calc(80/var(--sp-calc)) calc(80/var(--sp-calc));
  }
  .item_content__wrap {
    width: calc(642/var(--sp-calc));
    margin: 0 auto;
  }
  .item_content__wrap._01 {
    margin-bottom: calc(126/var(--sp-calc));
  }
  .item_content__point {
    font-size: calc(18/var(--sp-calc));
    font-weight: 400;
    line-height: calc(26/18);
    text-align: center;
    color: var(--main-color);
    margin-bottom: calc(18/var(--sp-calc));
  }
  .item_content__ttl {
    font-size: calc(58/var(--sp-calc));
    font-family: "SoDoSans Black";
    color: var(--main-color);
    line-height: calc(76.37/58);
    text-align: center;
    letter-spacing: calc(2.8/var(--sp-calc));
  }
  .item_content__product_wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 calc(8 / var(--sp-calc));
    margin-top: calc(20 / var(--sp-calc));
  }
  .item_content__product_wrap .item_box {
    width: calc(206/var(--sp-calc));
    height: calc(330/var(--sp-calc));
    position: relative;
    background: var(--white-color);
    border-radius: calc(14/var(--sp-calc));
  }
  .item_content__product_wrap .item_box .item_box__image {
    width: 100%;
    height: calc(221/var(--sp-calc));
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .item_content__product_wrap .item_box .item_box__txt {
    width: auto;
    height: calc(108 / var(--sp-calc));
    border-top: 1px solid var(--main-color);
    margin: 0 0 0 min(10px,calc(10/var(--sp-calc)));
  }
  .item_content__product_wrap .item_box .item_box__txt .item_box__name {
    font-size: calc(15/var(--sp-calc));
    line-height: calc(22/15);
    color: var(--main-color);
    padding: calc(10/var(--sp-calc)) 0 0 calc(10/var(--sp-calc));
  }
  .item_content__note {
    margin-top: calc(14 / var(--sp-calc));
    margin-left: calc(0 / var(--sp-calc));
  }
  .item_content__note ._note {
    font-size: calc(18/var(--sp-calc));
    font-weight: 400;
    line-height: calc(26/18);
    letter-spacing: calc(-0.41/var(--sp-calc));
    color: var(--main-color);
    text-indent: calc(-25 / var(--sp-calc));
    padding-left: calc(25 / var(--sp-calc));
  }
  
  .item_content__wrap._02 {
    margin-top: calc(33 / var(--sp-calc));
    margin-bottom: calc(127 / var(--sp-calc));
  }
  
  .item_content__wrap .product-list {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: calc(11/var(--sp-calc)) calc(12/var(--sp-calc));
    margin-top: calc(33/var(--sp-calc));
    max-height: calc(493 / var(--sp-calc));
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s ease;
  }
  .item_content__wrap .fade-overlay {
    position: relative;
    top: calc(-140/var(--sp-calc));
    width: 100%;
    height: calc(336/var(--sp-calc));
    background: url(/rewards/gelato-pique2025/images/hide.png);
    background-size: contain;
    transition: opacity 0.5s ease;
    pointer-events: none;
  }
  .item_content__wrap .product-list.open {
    max-height: none;
  }
  .item_content__wrap .product-list.open + .item_content__wrap .fade-overlay {
    opacity: 0;
  }
  .item_content__wrap .toggle-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /* top: calc(-56 / var(--sp-calc)); */
    left: calc(0 / var(--sp-calc));
    margin: calc(-304 / var(--sp-calc)) auto 0;
    color: var(--main-color);
    border: none;
    cursor: pointer;
    font-size: calc(30/var(--sp-calc));
    font-weight: 600;
  }
  .item_content__wrap .toggle-btn img {
    width: calc(70/var(--sp-calc));
    height: calc(70/var(--sp-calc));
    margin-left: calc(17/var(--sp-calc));
  }
  .item_content__wrap .toggle-btn._open {
    display: flex;
  }
  .item_content__wrap .toggle-btn._close {
    display: none;
    top: calc(0 / var(--sp-calc));
    left: calc(79 / var(--sp-calc));
    margin-top: calc(33/var(--sp-calc));
  }
  .item_content__wrap .toggle-btn._close img {
    margin-left: calc(85/var(--sp-calc));
  }
  /* item end */


  /* details */
  .details {
    background-image: url(/rewards/gelato-pique2025/images/detail/bg_sp.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: calc(7191/var(--sp-calc));
    color: var(--main-color);
    margin-top: calc(120 / var(--sp-calc));
  }
  .details_inner {
    width: calc(666/var(--sp-calc));
    margin: 0 auto;
  }
  .detail_head {
    position: relative;
    width: calc(613 / var(--sp-calc));
    padding-top: calc(52 / var(--sp-calc));
    margin: 0 auto;
  }
  .detail_head img {
    width: 100%;
  }
  .details_ttl {
    width: fit-content;
    font-size: calc(30/var(--sp-calc));
    line-height: calc(36/30);
    font-weight: bold;
    position: absolute;
    top: calc(192/var(--sp-calc));
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .details_txt_wrap {
    padding: calc(26/var(--sp-calc)) calc(46/var(--sp-calc));
  }
  .details_txt {
    font-size: calc(28/var(--sp-calc));
    line-height: calc(47/28);
    color: var(--main-text);
    margin-top: calc(38/var(--sp-calc));
    letter-spacing: 0;
    font-weight: 500;
  }
  .details_note {
    margin-top: calc(2/var(--sp-calc));
  }
  .details_content._01 .details_note{
    padding-left: calc(29/var(--sp-calc));
  }
  .details_content._03 .details_note{
    padding-left: calc(29/var(--sp-calc));
  }
  .details_note li {
    font-size: calc(27/var(--sp-calc));
    line-height: calc(38/22);
    color: var(--main-text);
    padding-left: calc(27 / var(--sp-calc));
    position: relative;
    font-weight: 500;
  }
  .details_note li a {
    text-decoration: underline;
    font-weight: 500;
  }
  .details_note li::before {
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
  }
  ._01 .details_note li {
    font-size: calc(23/var(--sp-calc));
    line-height: calc(43 / 23);
    font-weight: 500;
    padding-left: calc(22 / var(--sp-calc));
  }
  ._03 .details_note li {
    font-size: calc(23/var(--sp-calc));
    line-height: calc(43 / 23);
    padding-left: calc(22 / var(--sp-calc));
  }
  ._04 .details_note li {
    font-size: calc(28/var(--sp-calc));
    line-height: calc(47 / 28);
    padding-left: calc(30 / var(--sp-calc));
    margin-bottom: calc(11 / var(--sp-calc));
    letter-spacing: calc(0.5/var(--sp-calc));
  }
    ._04 .details_note._s li {
    font-size: calc(23/var(--sp-calc));
    line-height: calc(43 / 23);
    padding-left: calc(22 / var(--sp-calc));
    margin-bottom: 0;
    letter-spacing: 0;
  }
  ._06 .details_note li {
    font-size: calc(23/var(--sp-calc));
    line-height: calc(43/23);
    margin-left: calc(22 / var(--sp-calc));
  }
  .details_note ._line {
    text-decoration: underline;
    text-decoration-color: var(--main-color);
    text-decoration-thickness: calc(4/var(--sp-calc));
    text-underline-offset: calc(0/var(--sp-calc));
    text-decoration-skip-ink: none;
  }
  
  .details_content {
    position: relative;
    width: 100%;
    padding: calc(4/var(--sp-calc)) 0 0;
  }
    .details_content::before {
    content: "";
    background: url(/rewards/gelato-pique2025/images/detail/detail_line_sp.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 100%;
    height: min(4px, calc(4/var(--sp-calc)));
  }
  .details_content._02 {
    padding: calc(28 / var(--sp-calc)) 0 0;
  }
  .details_content._03 {
    padding: calc(26 / var(--sp-calc)) 0 0;
  }
  .details_content._04 {
    padding: calc(33 / var(--sp-calc)) 0 0;
  }
  .details_content._05 {
    padding: calc(33 / var(--sp-calc)) 0 0;
  }
  .details_content._06 {
    padding: calc(30 / var(--sp-calc)) 0 0;
  }
  .details_content._07 {
    position: relative;
    padding: calc(4 / var(--sp-calc)) 0 0;
  }
  .details_content._07::after {
        content: "";
    background: url(/rewards/gelato-pique2025/images/detail/detail_line_sp.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 100%;
    height: min(4px, calc(4/var(--sp-calc)));
  }
  .details_content_ttl {
    width: fit-content;
    font-size: calc(35/var(--sp-calc));
    color: var(--sub-color);
    line-height: calc(56/35);
    font-weight: bold;
    padding-top: calc(45 / var(--sp-calc));
    padding-left: calc(4/var(--sp-calc));
    margin-bottom: calc(37 / var(--sp-calc));
    text-decoration: underline;
    text-decoration-thickness: 0.5em;
    text-decoration-color: var(--white-color);
    text-underline-offset: -0.1em;
    text-decoration-skip-ink: none;
  }
  .details_content_txt {
    font-size: calc(28/var(--sp-calc));
    color: var(--main-text);
    font-weight: 500;
  }
  .details_content_txt a {
    text-decoration: underline;
    font-weight: 500;
  }
  ._02 .details_content_txt {
    padding-left: calc(28/var(--sp-calc));
  }
  ._03 .details_content_txt {
    font-size: calc(23/var(--sp-calc));
    padding-left: calc(64 / var(--sp-calc));
    margin-bottom: calc(44/var(--sp-calc));
  }
  ._04 .details_content_txt {
    font-size: calc(28 / var(--sp-calc));
    margin-top: calc(7 / var(--sp-calc));
    margin-bottom: calc(-8 / var(--sp-calc));
    white-space: nowrap;
  }
  .details_content_txt_title {
    font-weight: bold;
    margin-left: calc(-38 / var(--sp-calc));
  }
  .details_content_txt._mt {
    padding-left: calc(30/var(--sp-calc));
    margin-top: calc(14/var(--sp-calc));
  }
  ._05 .details_content_txt {
    font-size: calc(28/var(--sp-calc));
    line-height: calc(47/28);
  }
  ._07 .details_content_txt {
    font-size: calc(23/var(--sp-calc));
    line-height: calc(43/23);
    letter-spacing: 0.05em;
    margin-bottom: calc(32/var(--sp-calc));
  }
  .details_content_items {
    padding-left: calc(28/var(--sp-calc));
    margin-bottom: calc(49/var(--sp-calc));
  }
  ._03 .details_content_items {
    margin-bottom: calc(11/var(--sp-calc));
  }
  ._04 .details_content_items {
    margin-top: calc(16/var(--sp-calc));
    margin-bottom: calc(36/var(--sp-calc));
  }
  .details_content_items li {
    font-size: calc(30/var(--sp-calc));
    color: var(--main-text);
    line-height: calc(50/30);
    position: relative;
    padding-left: 1em;
    font-weight: bold;
    letter-spacing: calc(-0.05/var(--sp-calc));
  }
  ._04 .details_content_items li {
    font-size: calc(28/var(--sp-calc));
    line-height: calc(47/28);
    padding-left: 1em;
    text-indent: -1em;
    margin-left: calc(-34/var(--sp-calc));
  }
  .details_content_items li::before {
    content: "●";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--sub-color);
  } 
  ._04 .details_content_items li::before {
    content: none;
  }
  
  .entry_step {
    padding-left: calc(26/var(--sp-calc));
    margin-top: calc(58/var(--sp-calc));
  }
  ._04 .entry_step {
    margin-top: 0;
  }
  .entry_step > li {
    padding-bottom: calc(48/var(--sp-calc));
  }
  .entry_step > li:nth-child(2) {
    padding-bottom: calc(59/var(--sp-calc));
  }
    .entry_step > li:nth-child(3) {
    padding-bottom: calc(0/var(--sp-calc));
  }
  .entry_step_ttl {
    font-size: calc(31/var(--sp-calc));
    color: var(--main-text);
    line-height: calc(50/31);
    font-weight: 500;
    margin-bottom: calc(19/var(--sp-calc));
    white-space: nowrap;
    text-indent: -1em;
    padding-left: 1em;
  }
  .entry_step .details_note {
    margin-top: calc(5/var(--sp-calc));
  }
  
  .entry_step_links {
    margin-top: calc(21 / var(--sp-calc));
    margin-bottom: calc(12/var(--sp-calc));
  }
  .entry_step_links li {
    font-size: calc(22/var(--sp-calc));
    line-height: calc(38/22);
    color: var(--main-text);
    margin-bottom: calc(5/var(--sp-calc));
  }
  .entry_step_links li a {
    text-decoration: underline;
  }
  .entry_step_links li:last-child {
    margin-bottom: 0;
  }
  
  .detail_link_area {
    display: flex;
    justify-content: center;
    margin-top: calc(105/var(--sp-calc));
    margin-bottom: calc(119 / var(--sp-calc));
  }
  .detail_link_area .detail_btn {
    width: calc(610/var(--sp-calc));
    display: inline-block;
    background-color: #007e78;
    color: #fff;
    letter-spacing: calc(0.6 / var(--sp-calc));
    padding: calc(30 / var(--sp-calc)) 0;
    border-radius: calc(46 / var(--sp-calc));
    position: relative;
  }
  .detail_link_area .detail_btn span {
    font-size: calc(28 / var(--sp-calc));
    font-weight: bold;
    position: relative;
    left: calc(56/var(--sp-calc));
  }
  .detail_link_area .detail_btn::before {
    content: "";
    display: block;
    width: calc(19/var(--sp-calc));
    height: calc(33/var(--sp-calc));
    position: absolute;
    top: 50%;
    right: calc(33/var(--sp-calc));
    transform: translateY(-50%);
    background-image: url("/rewards/gelato-pique2025/images/link_arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
  }
  ._04 .details_content_body {
    padding-bottom: calc(0/var(--sp-calc));
  }
  ._05 .details_content_body {
    position: relative;
    padding-left: calc(28 / var(--sp-calc));
  }
  ._06 .details_content_body {
    position: relative;
    padding-bottom: calc(29 / var(--sp-calc));
  }
  ._07 .details_content_body {
    position: relative;
    top: 0;
    margin-left: calc(26 / var(--sp-calc));
  }

  .image-note {
    font-size: calc(22/var(--sp-calc));
    line-height: calc(41/22);
    color: var(--main-text);
    text-align: center;
    margin-bottom: calc(32/var(--sp-calc));
    margin-left: calc(40/var(--sp-calc));
  }
  /* details end */

  /* links */
  .links {
    padding: calc(80/var(--sp-calc)) 0;
    background-color: #1e3932;
    /* display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(30/var(--sp-calc)); */
  }
 .link_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(30/var(--sp-calc));
 }
  .links .button {
    position: relative;
    width: calc(516 / var(--sp-calc));
    height: calc(99 / var(--sp-calc));
    background-color: #006241;
    border-radius: calc(45/var(--sp-calc));
    transition: opacity .3s 0s ease-out
  }
  .links .button:hover {
    opacity: 0.8;
  }
  .links .button a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: calc(19/var(--sp-calc));
    line-height: 1.3;
    text-align: center;
    font-weight: bold;
    letter-spacing: calc(1/var(--sp-calc));
  }
  .links .button:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(25/var(--sp-calc));
    margin: auto 0;
    width: calc(11/var(--sp-calc));
    height: calc(18/var(--sp-calc));
    background-image: url("/rewards/gelato-pique2025/images/btn_arrow.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
  }
  /* links end */
}
/* accordion end */