/* layout */
[data-browse-mode="P"] .pane-contents .container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1680px;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.free-2507dt {
  background-color: #fff2b8;
}

/* mv */
[data-browse-mode="P"] .free-2507dt .area-mv-frame {
  max-width: 1680px;
  min-width: 100%;
  width: 100%;
  aspect-ratio: 1680 / 860;
  background: url(/img/usr/freepage/2507dt/mv-sky.png);
  background-size: contain;
}
[data-browse-mode="S"] .free-2507dt .area-mv-frame {
  width: 100%;
  height: auto;
  aspect-ratio: 828 / 1178;
  background: url(/img/usr/freepage/2507dt/sp/mv-sky.png);
  background-size: contain;
}

[data-browse-mode="P"] .area-mv-inner {
  position: relative;
  max-width: 1680px;
  min-width: 100%;
  width: 100%;
  aspect-ratio: 1680 / 860;
}

.area-bg {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

.area-deco [class^="deco"] {
  position: absolute;
}

.decomv {
  margin: 0;
  padding: 0;
  border: none;
}

[data-browse-mode="P"] .decomv {
  top: min(51 / 1680 * 100vw, 183px);
  left: 50%;
  width: calc(264 / 1680 * 100%);
  aspect-ratio: 264 / 460;
  transform: translateX(-50%);
  z-index: 100;
}

[data-browse-mode="P"] .deco01 {
  top: min(25 / 1680 * 100vw, 25px);
  right: min(628 / 1680 * 100vw, 628px);
  width: calc(142 / 1680 * 100%);
  aspect-ratio: 142 / 140;
  z-index: 101;
}

[data-browse-mode="P"] .decop01 {
  top: min(199 / 1680 * 100vw, 199px);
  left: min(77 / 1680 * 100vw, 77px);
  width: calc(310 / 1680 * 100%);
  aspect-ratio: 310 / 299;
}

[data-browse-mode="P"] .decop02 {
  top: min(34 / 1680 * 100vw, 34px);
  left: min(372 / 1680 * 100vw, 372px);
  width: calc(355 / 1680 * 100%);
  aspect-ratio: 355 / 346;
}

[data-browse-mode="P"] .decop03 {
  top: min(161 / 1680 * 100vw, 161px);
  right: min(367 / 1680 * 100vw, 367px);
  width: calc(352 / 1680 * 100%);
  aspect-ratio: 352 / 339;
}

[data-browse-mode="P"] .decop04 {
  top: min(25 / 1680 * 100vw, 25px);
  right: min(76 / 1680 * 100vw, 76px);
  width: calc(310 / 1680 * 100%);
  aspect-ratio: 310 / 299;
}

[data-browse-mode="P"] .decob01 {
  top: min(47 / 1680 * 100vw, 47px);
  left: min(109 / 1680 * 100vw, 109px);
  width: calc(70 / 1680 * 100%);
  aspect-ratio: 70 / 30;
}

[data-browse-mode="P"] .decob02 {
  top: min(112 / 1680 * 100vw, 112px);
  left: min(187 / 1680 * 100vw, 187px);
  width: calc(53 / 1680 * 100%);
  aspect-ratio: 53 / 21;
}

[data-browse-mode="P"] .decos01 {
  top: min(112 / 1680 * 100vw, 112px);
  right: min(412 / 1680 * 100vw, 372px);
  width: calc(57 / 1680 * 100%);
  aspect-ratio: 57 / 52;
}

[data-browse-mode="P"] .decos02 {
  top: min(440 / 1680 * 100vw, 440px);
  left: min(372 / 1680 * 100vw, 372px);
  width: calc(54 / 1680 * 100%);
  aspect-ratio: 54 / 54;
}

[data-browse-mode="P"] .cloud01 {
  position: absolute;
  bottom: min(183 / 1680 * 100vw, 183px);
  left: 0;
  width: calc(430 / 1680 * 100%);
  aspect-ratio: 430 / 259;
}

[data-browse-mode="P"] .cloud02 {
  position: absolute;
  bottom: min(216 / 1680 * 100vw, 216px);
  right: 0;
  width: calc(427 / 1680 * 100%);
  aspect-ratio: 427 / 266;
}

[data-browse-mode="P"] .parasol {
  position: absolute;
  bottom: min(124 / 1680 * 100vw, 124px);
  left: min(44 / 1680 * 100vw, 44px);
  width: calc(222 / 1680 * 100%);
  aspect-ratio: 222 / 249;
  z-index: 1;
}

[data-browse-mode="P"] .palm {
  position: absolute;
  bottom: min(124 / 1680 * 100vw, 124px);
  right: 0;
  width: calc(291 / 1680 * 100%);
  aspect-ratio: 291 / 371;
  z-index: 1;
}

[data-browse-mode="P"] .bg01 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1680 / 332;
}

[data-browse-mode="P"] .bg02 {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: calc(1499 / 1680 * 100%);
  aspect-ratio: 1499 / 163;
  transform: translateX(-50%);
}

[data-browse-mode="S"] .decomv {
  margin: 0;
  padding: 0;
  border: none;
  top: min(225 / 828 * 100vw, 225px);
  left: 50%;
  width: calc(402 / 828 * 100vw);
  aspect-ratio: 402 / 99;
  transform: translateX(-50%);
  z-index: 100;
}

[data-browse-mode="S"] .deco01 {
  top: min(270 / 828 * 100vw, 270px);
  right: min(114 / 828 * 100vw, 114px);
  width: calc(190 / 828 * 100vw);
  aspect-ratio: 190 / 188;
  z-index: 101;
}

[data-browse-mode="S"] .decop01 {
  top: min(42 / 828 * 100vw, 42px);
  left: min(40 / 828 * 100vw, 40px);
  width: calc(313 / 828 * 100vw);
  aspect-ratio: 313 / 305;
}

[data-browse-mode="S"] .decop02 {
  top: min(567 / 828 * 100vw, 567px);
  left: 0;
  width: calc(239 / 828 * 100vw);
  aspect-ratio: 239 / 264;
}

[data-browse-mode="S"] .decop03 {
  top: min(21 / 828 * 100vw, 21px);
  right: min(54 / 828 * 100vw, 54px);
  width: calc(310 / 828 * 100vw);
  aspect-ratio: 310 / 299;
}

[data-browse-mode="S"] .decop04 {
  top: min(525 / 828 * 100vw, 525px);
  right: 0;
  width: calc(234 / 828 * 100vw);
  aspect-ratio: 234 / 263;
}

[data-browse-mode="S"] .decob01 {
  top: min(350 / 828 * 100vw, 350px);
  left: min(34 / 828 * 100vw, 34px);
  width: calc(71 / 828 * 100vw);
  aspect-ratio: 71 / 31;
}

[data-browse-mode="S"] .decob02 {
  top: min(399 / 828 * 100vw, 399px);
  left: min(100 / 828 * 100vw, 100px);
  width: calc(53 / 828 * 100vw);
  aspect-ratio: 53 / 20;
}

[data-browse-mode="S"] .decos01 {
  top: min(489 / 828 * 100vw, 489px);
  left: min(124 / 828 * 100vw, 124px);
  width: calc(55 / 828 * 100vw);
  aspect-ratio: 55 / 56;
}

[data-browse-mode="S"] .decos02 {
  top: min(346 / 828 * 100vw, 346px);
  right: min(28 / 828 * 100vw, 28px);
  width: calc(62 / 828 * 100vw);
  aspect-ratio: 62 / 56;
}

[data-browse-mode="S"] .cloud01 {
  position: absolute;
  bottom: min(92 / 828 * 100vw, 183px);
  left: 0;
  width: calc(276 / 828 * 100vw);
  aspect-ratio: 276 / 257;
}

[data-browse-mode="S"] .cloud02 {
  position: absolute;
  bottom: min(67 / 828 * 100vw, 216px);
  right: 0;
  width: calc(245 / 828 * 100vw);
  aspect-ratio: 245 / 264;
}

[data-browse-mode="S"] .parasol {
  position: absolute;
  bottom: min(62 / 828 * 100vw, 62px);
  left: min(34 / 828 * 100vw, 34px);
  width: calc(178 / 828 * 100vw);
  aspect-ratio: 178 / 199;
  z-index: 102;
}

[data-browse-mode="S"] .palm {
  position: absolute;
  bottom: min(36 / 828 * 100vw, 36px);
  right: min(12 / 828 * 100vw, 12px);
  width: calc(251 / 828 * 100vw);
  aspect-ratio: 251 / 297;
  z-index: 1;
}

[data-browse-mode="S"] .bg01 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 828 / 166;
}

[data-browse-mode="S"] .bg02 {
  position: absolute;
  bottom: min(5 / 828 * 100vw, 5px);
  left: min(25 / 828 * 100vw, 25px);
  width: calc(751 / 828 * 100vw);
  aspect-ratio: 751 / 70;
}
/* animation */
.area-deco [class^="decop"],
.area-deco .decomv,
.area-deco .deco01 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease;
}
.area-deco .decomv {
  transform: translate(-50%,30px);
}
.area-deco [class^="decop"].is-show,
.area-deco .decomv.is-show,
.area-deco .deco01.is-show {
  opacity: 1;
  transform: translateY(0);
}
.area-deco .decomv.is-show {
  transform: translate(-50%,0);
}

.decob01 {
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
.decob02 {
  animation: floating-y 1.6s ease-in-out infinite alternate-reverse;
  animation-delay: -0.2s;
}
.cloud01 {
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
.cloud02 {
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
  animation-delay: -0.2s;
}
@keyframes floating-y {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
}
.cloud01 {
  animation: floating-y2 2s ease-in-out infinite alternate-reverse;
}
.cloud02 {
  animation: floating-y2 2s ease-in-out infinite alternate-reverse;
  animation-delay: -0.5s;
}
@keyframes floating-y2 {
  0% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(5px);
  }
}

.decos01 {
  animation: 0.8s alternate linear infinite decoSwing;
}
.decos02 {
  transform: rotate(10deg);
  animation: 0.7s alternate linear infinite decoSwing;
}
@keyframes decoSwing {
  0% {
      transform: rotate(-10deg);
  }
  50% {
      transform: rotate(-10deg);
  }
  51% {
      transform: rotate(10deg);
  }
  100% {
      transform: rotate(10deg);
  }
}

.parasol {
  animation: yura2 6s linear 0s infinite;
}
.palm {
  animation: yura2 6s linear 1.5s infinite;
}
@keyframes yura2 {
  0% {
    transform: rotate(0deg);
  }
  2% {
    transform: rotate(5deg);
  }
  4% {
    transform: rotate(0deg);
  }
  6% {
    transform: rotate(-10deg);
  }
  8% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(10deg);
  }
  12% {
    transform: rotate(0deg);
  }
  14% {
    transform: rotate(-5deg);
  }
  16% {
    transform: rotate(0deg);
  }
}

[data-browse-mode="P"] .section-head {
  margin-top: calc(-183 / 1680 * 100%);
}
[data-browse-mode="P"] .section-head .free-2507dt-inner {
  z-index: 1;
  position: relative;
  max-width: 1230px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 120px;
}
[data-browse-mode="S"] .section-head .free-2507dt-inner {
}
h2.hdglv2 {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 600;
  text-align: center;
  color: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
[data-browse-mode="P"] .free-2507dt-box {
  margin-bottom: 35px;
}
[data-browse-mode="S"] .free-2507dt-box {
  margin-bottom: calc(55 / 828 * 100vw);
}
[data-browse-mode="P"] h2.hdglv2 {
  margin: 0 auto 10px;
  font-size: clamp(20px, 26 / 1680 * 100vw, 26px);
}
[data-browse-mode="P"] h2.hdglv2 + .attention {
  font-size: clamp(16px, 18 / 1680 * 100vw, 18px);
  text-align: center;
}
[data-browse-mode="S"] h2.hdglv2 + .attention {
  font-size: calc(24 / 828 * 100vw);
  text-align: center;
}
[data-browse-mode="S"] h2.hdglv2 {
  margin-bottom: calc(15 / 828 * 100vw);
  font-size: calc(32 / 828 * 100vw);
}
[data-browse-mode="P"] .rankingInner h2 {
  height: 72px;
  padding: 10px 0 0 0;
  margin: 0 0 20px 0;
  font-family: "Zen Maru Gothic", serif;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  color: #fffc55;
  background: url(/img/usr/freepage/2507dt/bg_title.png) center top no-repeat;
  -webkit-background-size: 501px 72px;
  background-size: 501px 72px;
}
[data-browse-mode="S"] .rankingInner h2 {
  height: calc(90 / 828 * 100vw);
  padding: calc(14 / 828 * 100vw) 0 0 0;
  margin: 0 0 14px 0;
  font-family: "Zen Maru Gothic", serif;
  font-size: calc(35 / 828 * 100vw);
  font-weight: bold;
  text-align: center;
  line-height: 1;
  color: #fffc55;
  background: url(/img/usr/freepage/2507dt/bg_title.png) center top no-repeat;
  background-size: calc(672 / 828 * 100vw) calc(90 / 828 * 100vw);
}

@media (max-width: 1190px) {
  [data-browse-mode="P"] .ranking-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}



/* category */

.free-2507dt-main .section-category {
  padding: 100px 0 0;
  background-color: #fff;
}

[data-browse-mode="S"] .free-2507dt-main .section-category {
  padding-top: calc(100 / 828 * 100vw);
}

.section-category .pageNav-ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "Zen Maru Gothic", serif;
}

[data-browse-mode="P"] .section-category .pageNav-ttl {
  margin: 0 auto 40px;
  background: url(/img/usr/freepage/2507dt/bg-category_title.png) no-repeat center 10px;
}

[data-browse-mode="S"] .section-category .pageNav-ttl {
  margin: 0 auto calc(26 / 828 * 100vw);
  padding: 0 calc(34 / 828 * 100vw);
  background: url(/img/usr/freepage/2507dt/sp/bg-category_title.png) no-repeat center top;
  background-size: contain;
}

[data-browse-mode="S"] .section-category .pageNav-ttl img {
  width: calc(373 / 828 * 100vw);
}

[data-browse-mode="P"] .section-category .pageNav-ttl span {
  margin-top: 20px;
  font-size: 28px;
  font-weight: bold;
  color: #000;
}

[data-browse-mode="S"] .section-category .pageNav-ttl span {
  margin-top: calc(34 / 828 * 100vw);
  font-size: calc(33 / 828 * 100vw);
  font-weight: bold;
  color: #000;
}

[data-browse-mode="P"] .section-category .pageNav {
  display: flex;
  justify-content: center;
  gap: 15px;
}

[data-browse-mode="S"] .section-category .pageNav {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: calc(500 / 828 * 100vw);
  gap: calc(20 / 828 * 100vw);
}

.section-category .pageNav .pageNav-item .pageNav-link {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 25px;
  border: 2px solid #0795eb;
  color: #0795eb;
  border-radius: 50vh;
  font-weight: bold;
  font-family: "Zen Maru Gothic", serif;
}

[data-browse-mode="P"] .section-category .pageNav .pageNav-item .pageNav-link {
  width: 280px;
  height: 50px;
  font-size: 16px;
}

[data-browse-mode="S"] .section-category .pageNav .pageNav-item .pageNav-link {
  width: 100%;
  height: calc(80 / 828 * 100vw);
  font-size: calc(28 / 828 * 100vw);
}

[data-browse-mode="P"] .section-category .pageNav .pageNav-item .pageNav-link::after {
  content: '';
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-right: #0795eb 2px solid;
  border-bottom: #0795eb 2px solid;
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: rotate(45deg);
  transition: .2s linear;
}

[data-browse-mode="S"] .section-category .pageNav .pageNav-item .pageNav-link::after {
  content: '';
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-right: #0795eb 2px solid;
  border-bottom: #0795eb 2px solid;
  display: block;
  position: absolute;
  top: 50%;
  right: calc(33 / 828 * 100vw);
  transform: rotate(45deg);
  transition: .2s linear;
}

/* --------------
  一覧
-------------- */
.sec-product .products-item-wrapper {
  overflow: hidden;
  position: relative;
  width: 925px;
  margin: 0 auto;
}
[data-browse-mode="S"] .sec-product .products-item-wrapper {
  margin: 0;
  width: 100%;
}
.sec-product .products-item-wrap {
  display: flex;
  gap: 80px 20px;
}
.sec-product .products-item-wrap > li {
  margin: 0;
  width: calc((100% - 20px * 3) / 4);
}
.sec-product .block-pickup-list-p--item-body {
  flex-direction: column;
  width: 100%;
}
.sec-product .slick-initialized .block-pickup-list-p--item-body {
  padding: 0 13px;
}
.sec-product .block-auto-icon.block-icon {
  position: absolute;
  top: 10px;
  left: -10px;
}
.sec-product .block-pickup-list-p--image {
  position: relative;
  width: 100%;
}
.sec-product .block-pickup-list-p--image figure {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: 10px;
  overflow: hidden;
}
.sec-product .block-pickup-list-p--image figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sec-product .block-pickup-list-p--item-description {
  margin-top: 15px;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}

.sec-product .block-pickup-list-p--item-description .block-icon {
  order: 10;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 10px;
}

.sec-product .variation-name {
  display: none;
}
.sec-product .block-pickup-list-p--item-description .block-pickup-list-p--goods-name {
  margin-bottom: 5px;
  order: 20;
}
.sec-product .block-pickup-list-p--item-description .block-pickup-list-p--shop-name {
  margin: 0 0 10px;
  padding: 2px 8px 2px 32px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.5;
  background: #fff url(/img/usr/common/ico_shop.png) center left 8px no-repeat;
  order: 36;
}
.sec-product .block-pickup-list-p--item-description .block-pickup-list-p--comment {
  display: none;
}
.sec-product .block-pickup-list-p--item-description .block-pickup-list-p--price-infos {
  order: 50;
}

.sec-product .block-pickup-list-p--add-cart,
.sec-product .block-thumbnail-t--add-cart {
  display: none;
}

.sec-product .btn-goods {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  order: 100;
  position: relative;
  border-radius: 50vh;
  transition: .2s linear;
  font-weight: bold;
  text-decoration: none;
}
.ranking-content .btn-goods {
  border: #0795eb 1px solid;
  color: #FFF;
  background-color: #0795eb;
}
.section-category .btn-goods {
  border: #6786a8 1px solid;
  color: #FFF;
  background-color: #6786a8;
}
[data-browse-mode="P"] .sec-product .btn-goods {
  margin-top: 10px;
  width: 100%;
  min-height: 40px;
  font-size: 16px;
}
[data-browse-mode="S"] .sec-product .btn-goods {
  margin-top: calc(10 / 828 * 100vw);
  width: 100%;
  min-height: 40px;
  font-size: 13px;
}
.ranking-content .btn-goods:hover {
  text-decoration: none;
  background-color: #FFF;
  color: #0795eb;
}
.section-category .btn-goods:hover {
  text-decoration: none;
  background-color: #FFF;
  color: #6786a8;
}
[data-browse-mode="P"] .ranking-content .sec-product .btn-goods::after {
  content: '';
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-right: #FFF 2px solid;
  border-bottom: #FFF 2px solid;
  display: block;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: rotate(-45deg);
  transition: .2s linear;
}
[data-browse-mode="S"] .ranking-content .sec-product .btn-goods {
  height: calc(52 / 828 * 100vw);
  font-size: calc(26 / 828 * 100vw);
}
[data-browse-mode="S"] .ranking-content .sec-product .btn-goods::after {
  content: '';
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  display: block;
  position: absolute;
  top: 50%;
  right: calc(20 / 828 * 100vw);
  transform: rotate(-45deg);
  transition: .2s linear;
}

[data-browse-mode="P"] .block-ranking-r--price,
[data-browse-mode="P"] .block-pickup-list-p--price {
  position: relative;
  display: inline-block;
}

[data-browse-mode="P"] .block-pickup-list-p--price {
  margin-bottom: 0;
}

[data-browse-mode="P"] .block-ranking-r--price:before,
[data-browse-mode="P"] .block-pickup-list-p--price:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #000;
  transform: translate(0, -50%);
}

[data-browse-mode="P"] .price-before-discount {
  font-size: 24px;
  font-weight: 600;
  color: #eb959d;
  order: 51;
}

[data-browse-mode="P"] .price-before-discount span {
  font-size: 14px;
}
[data-browse-mode="P"] .price-discount {
  order: 52;
  font-size: 16px;
  font-weight: 600;
  color: #eb959d;
}

[data-browse-mode="P"] .price-discount-icon {
  order: 35;
  display: inline-block;
  font-size: 16px;
  background: linear-gradient(to right, #7790ba, #cd94b4);
  border-radius: 3px;
  color: #fff;
  padding: 0 5px 1px;
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 900;
}

[data-browse-mode="P"] .price-discount-icon em {
  font-style: normal;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 900;
  font-size: 17px;
}

[data-browse-mode="P"]
  .block-pickup-list-p--items
  .block-pickup-list-p--add-cart {
  order: 55 !important;
}


[data-browse-mode="S"] .block-ranking-r--price,
[data-browse-mode="S"] .block-thumbnail-t--price {
  position: relative;
  display: inline-block;
}

[data-browse-mode="S"] .block-ranking-r--price:before,
[data-browse-mode="S"] .block-thumbnail-t--price:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #000;
  transform: translate(0, -50%);
}

/* 割引前、割引額 */
[data-browse-mode="S"] .price-before-discount {
  font-size: 20px;
  font-weight: 600;
  color: #eb959d;
  order: 51;
}

[data-browse-mode="S"] .price-before-discount span {
  font-size: 13px;
}
[data-browse-mode="S"] .price-discount {
  order: 52;
  font-size: 15px;
  font-weight: 600;
  color: #eb959d;
}

[data-browse-mode="S"] .price-discount-icon {
  font-size: 14px;
  background: linear-gradient(to right, #7790ba, #cd94b4);
  border-radius: 5px;
  color: #fff;
  padding: 2px 5px;
  text-align: center;
  margin-bottom: 5px;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 900;
}

[data-browse-mode="S"] .price-discount-icon em {
  font-style: normal;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 900;
  font-size: 16px;
}

.appendArea .block-list-add-cart-btn {
  order: 100;
}

[data-browse-mode="P"] .section-category .sec-product {
  margin-top: 100px;
}

[data-browse-mode="S"] .section-category .sec-product {
  margin-top: calc(170 / 828 * 100vw);
}

.hdg-product {
  display: flex;
  align-items: center;
  justify-content: center;
  color: unset;
}
.hdg-product::before,
.hdg-product::after {
  background-color: #000;
  border-radius: 5px;
  content: "";
}
.hdg-product::before {
  transform: rotate(60deg);
}
.hdg-product::after {
  transform: rotate(-60deg);
}

[data-browse-mode="P"] .hdg-product {
  margin-bottom: 20px;
  padding: 0;
  font-size: 28px;
}

[data-browse-mode="S"] .hdg-product {
  margin-bottom: calc(45 / 828 * 100vw);
  padding: 0;
  font-size: calc(42 / 828 * 100vw);
}

[data-browse-mode="P"] .hdg-product::before,
[data-browse-mode="P"] .hdg-product::after {
  height: 3px;
  width: 40px;
}

[data-browse-mode="P"] .hdg-product::before {
  margin-right: 20px;
}

[data-browse-mode="P"] .hdg-product::after {
  margin-left: 20px;
}

[data-browse-mode="S"] .hdg-product::before,
[data-browse-mode="S"] .hdg-product::after {
  height: calc(3 / 828 * 100vw);
  width: calc(60 / 828 * 100vw);
}

[data-browse-mode="S"] .hdg-product::before {
  margin-right: calc(45 / 828 * 100vw);
}

[data-browse-mode="S"] .hdg-product::after {
  margin-left: calc(45 / 828 * 100vw);
}

ul.block-ranking-r--items li .block-ranking-r--goods-description {
  margin-top: 10px;
}

.event-common .list::after {
  display: none;
}

[data-browse-mode="P"] .free-25sugift-sec-inner.banner {
  margin: 100px auto;
  width: 100%;
  max-width: 1100px;
  padding: 0 20px;
}

[data-browse-mode="S"] .free-25sugift-sec-inner.banner {
  margin: 0 auto;
  width: calc(780 / 828 * 100vw);
}

.free-25sugift-sec-inner.banner a img {
  width: 100%;
}

[data-browse-mode="P"] .block-note {
  margin-bottom: 100px;
  padding: 0;
}

[data-browse-mode="P"] .block-note .note p {
  font-size: 15px;
  line-height: calc(32 / 15);
}

[data-browse-mode="S"] ul.block-ranking-r--items {
  margin: 0;
  width: calc(100% + 25px);
  padding: 0 15px 0 0;
  margin: 0px 0 0 -5px;
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
  overflow-x: auto;
}

[data-browse-mode="S"] ul.block-ranking-r--items li {
  margin-bottom: 20px;
  width: calc((100% - 15px) / 2.5);
  padding-top: 0;
  list-style: none;
  flex: 0 0 auto;
  position: relative;
}

[data-browse-mode="S"] ul.block-ranking-r--items li .block-ranking-r--goods-image {
  height: auto !important;
}

ul.block-ranking-r--items li .block-ranking-r--goods-image figure {
  box-sizing: border-box;
  background: #f5f5f5;
  border-radius: 10px;
  aspect-ratio: 1;
  margin-bottom: 0;
  overflow: hidden;
}

[data-browse-mode="S"] .block-thumbnail-t--items {
  margin: 0;
  width: 100%;
}

[data-browse-mode="S"] .event-common .list {
  padding-top: 0;
}