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

.free-25togo {
  background: url(/img/usr/freepage/25togo/bg.jpg);
}

[data-browse-mode="P"] .free-25togo {
  padding-bottom: 50px;
}
/* mv */
[data-browse-mode="P"] .free-25togo .area-mv-frame {
  max-width: 1680px;
  min-width: 100%;
  width: 100%;
  aspect-ratio: 1680 / 704;
}
[data-browse-mode="S"] .free-25togo .area-mv-frame {
  width: 100%;
  height: auto;
  aspect-ratio: 828 / 699;
}

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

.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(111 / 1680 * 100vw, 111px);
  left: 50%;
  width: calc(1000 / 1680 * 100%);
  aspect-ratio: 1000 / 509;
  transform: translateX(-50%);
  z-index: 100;
}

[data-browse-mode="P"] .deco01 {
  top: min(34 / 1680 * 100vw, 34px);
  right: min(253 / 1680 * 100vw, 253px);
  width: calc(157 / 1680 * 100%);
  aspect-ratio: 157 / 138;
  z-index: 100;
}

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

[data-browse-mode="P"] .decob02 {
  bottom: min(48 / 1680 * 100vw, 48px);
  right: min(104 / 1680 * 100vw, 104px);
  width: calc(471 / 1680 * 100%);
  aspect-ratio: 471 / 228;
}

[data-browse-mode="P"] .decob03 {
  top: min(72 / 1680 * 100vw, 72px);
  left: min(301 / 1680 * 100vw, 301px);
  width: calc(52 / 1680 * 100%);
  aspect-ratio: 52 / 51;
}

[data-browse-mode="P"] .decob04 {
  top: min(344 / 1680 * 100vw, 344px);
  left: min(295 / 1680 * 100vw, 295px);
  width: calc(52 / 1680 * 100%);
  aspect-ratio: 52 / 51;
}

[data-browse-mode="P"] .decob05 {
  top: min(211 / 1680 * 100vw, 211px);
  right: min(257 / 1680 * 100vw, 257px);
  width: calc(160 / 1680 * 100%);
  aspect-ratio: 160 / 160;
}

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

[data-browse-mode="P"] .decop02 {
  bottom: min(154 / 1680 * 100vw, 154px);
  right: min(188 / 1680 * 100vw, 188px);
  width: calc(191 / 1680 * 100%);
  aspect-ratio: 191 / 145;
}

[data-browse-mode="P"] .decop03 {
  bottom: min(45 / 1680 * 100vw, 45px);
  left: min(494 / 1680 * 100vw, 494px);
  width: calc(52 / 1680 * 100%);
  aspect-ratio: 52 / 51;
}

[data-browse-mode="P"] .decop04 {
  bottom: min(45 / 1680 * 100vw, 45px);
  right: min(663 / 1680 * 100vw, 663px);
  width: calc(160 / 1680 * 100%);
  aspect-ratio: 160 / 160;
}

[data-browse-mode="P"] .decop05 {
  bottom: min(100 / 1680 * 100vw, 100px);
  right: min(146 / 1680 * 100vw, 146px);
  width: calc(52 / 1680 * 100%);
  aspect-ratio: 52 / 51;
}

[data-browse-mode="P"] .decoy01 {
  top: min(111 / 1680 * 100vw, 111px);
  left: min(216 / 1680 * 100vw, 216px);
  width: calc(576 / 1680 * 100%);
  aspect-ratio: 576 / 269;
}

[data-browse-mode="P"] .decoy02 {
  bottom: min(54 / 1680 * 100vw, 54px);
  right: min(170 / 1680 * 100vw, 170px);
  width: calc(459 / 1680 * 100%);
  aspect-ratio: 459 / 334;
}

[data-browse-mode="P"] .decoy03 {
  top: min(52 / 1680 * 100vw, 52px);
  left: min(510 / 1680 * 100vw, 510px);
  width: calc(52 / 1680 * 100%);
  aspect-ratio: 52 / 51;
}

[data-browse-mode="P"] .decoy04 {
  bottom: min(48 / 1680 * 100vw, 48px);
  left: min(283 / 1680 * 100vw, 283px);
  width: calc(160 / 1680 * 100%);
  aspect-ratio: 160 / 160;
}

[data-browse-mode="P"] .decoy05 {
  bottom: min(186 / 1680 * 100vw, 186px);
  right: min(253 / 1680 * 100vw, 253px);
  width: calc(52 / 1680 * 100%);
  aspect-ratio: 52 / 51;
}


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

[data-browse-mode="S"] .deco01 {
  top: min(37 / 828 * 100vw, 37px);
  right: 0;
  width: calc(99 / 828 * 100vw);
  aspect-ratio: 99 / 95;
  z-index: 100;
}

[data-browse-mode="S"] .deco02 {
  top: min(296 / 828 * 100vw, 296px);
  left: min(81 / 828 * 100vw, 81px);
  width: calc(387 / 828 * 100vw);
  aspect-ratio: 387 / 174;
  z-index: 101;
}

[data-browse-mode="S"] .deco03 {
  top: min(105 / 828 * 100vw, 105px);
  right: 0;
  width: calc(402 / 828 * 100vw);
  aspect-ratio: 402 / 388;
  z-index: 100;
}

[data-browse-mode="S"] .decob01 {
  top: min(37 / 828 * 100vw, 37px);
  left: min(8 / 828 * 100vw, 8px);
  width: calc(229 / 828 * 100vw);
  aspect-ratio: 229 / 470;
}

[data-browse-mode="S"] .decob02 {
  bottom: min(50 / 828 * 100vw, 50px);
  right: min(17 / 828 * 100vw, 17px);
  width: calc(398 / 828 * 100vw);
  aspect-ratio: 398 / 483;
}

[data-browse-mode="S"] .decob03 {
  top: min(242 / 828 * 100vw, 242px);
  left: min(12 / 828 * 100vw, 12px);
  width: calc(42 / 828 * 100vw);
  aspect-ratio: 42 / 41;
}

[data-browse-mode="S"] .decob04 {
  top: min(59 / 828 * 100vw, 59px);
  right: min(382 / 828 * 100vw, 382px);
  width: calc(42 / 828 * 100vw);
  aspect-ratio: 42 / 41;
}

[data-browse-mode="S"] .decob05 {
  top: min(52 / 828 * 100vw, 52px);
  right: min(109 / 828 * 100vw, 109px);
  width: calc(131 / 828 * 100vw);
  aspect-ratio: 131 / 131;
}

[data-browse-mode="S"] .decop01 {
  top: min(41 / 828 * 100vw, 41px);
  left: min(12 / 828 * 100vw, 12px);
  width: calc(368 / 828 * 100vw);
  aspect-ratio: 368 / 349;
}

[data-browse-mode="S"] .decop02 {
  bottom: min(38 / 828 * 100vw, 38px);
  right: min(103 / 828 * 100vw, 103px);
  width: calc(417 / 828 * 100vw);
  aspect-ratio: 417 / 98;
}

[data-browse-mode="S"] .decop03 {
  bottom: min(241 / 828 * 100vw, 241px);
  left: min(33 / 828 * 100vw, 33px);
  width: calc(42 / 828 * 100vw);
  aspect-ratio: 42 / 41;
}

[data-browse-mode="S"] .decop04 {
  bottom: min(159 / 828 * 100vw, 159px);
  right: min(7 / 828 * 100vw, 7px);
  width: calc(131 / 828 * 100vw);
  aspect-ratio: 131 / 131;
}

[data-browse-mode="S"] .decop05 {
  bottom: min(32 / 828 * 100vw, 32px);
  right: min(321 / 828 * 100vw, 321px);
  width: calc(42 / 828 * 100vw);
  aspect-ratio: 42 / 41;
}

[data-browse-mode="S"] .decoy01 {
  top: min(56 / 828 * 100vw, 56px);
  left: 0;
  width: calc(290 / 828 * 100vw);
  aspect-ratio: 290 / 281;
}

[data-browse-mode="S"] .decoy02 {
  bottom: min(57 / 828 * 100vw, 57px);
  right: min(7 / 828 * 100vw, 7px);
  width: calc(286 / 828 * 100vw);
  aspect-ratio: 286 / 383;
}

[data-browse-mode="S"] .decoy03 {
  top: min(83 / 828 * 100vw, 83px);
  left: min(145 / 828 * 100vw, 145px);
  width: calc(42 / 828 * 100vw);
  aspect-ratio: 42 / 41;
}

[data-browse-mode="S"] .decoy04 {
  bottom: min(44 / 828 * 100vw, 44px);
  left: min(27 / 828 * 100vw, 27px);
  width: calc(131 / 828 * 100vw);
  aspect-ratio: 131 / 131;
}

[data-browse-mode="S"] .decoy05 {
  bottom: min(321 / 828 * 100vw, 321px);
  right: min(13 / 828 * 100vw, 13px);
  width: calc(42 / 828 * 100vw);
  aspect-ratio: 42 / 41;
}

/* animation */
.area-deco [class^="deco"] {
  opacity: 0;
  transition: all 0.5s ease;
}
.area-deco .decomv {
  opacity: 0;
  transform: translate(-50%,30px);
  transition: all 0.5s ease;
}

.area-deco .deco01 {
  opacity: 0;
  transform: scale(0);
  transition: all 0.3s ease;
}

.area-deco [class^="deco"].is-show {
  opacity: 1;
  transform: translateY(0);
}

.area-deco .deco01.is-show {
  opacity: 1;
  transform: scale(1);
}

.area-deco .decomv.is-show {
  opacity: 1;
  transform: translate(-50%,0);
}

.decob01.is-show, .decob02.is-show,
.decop01.is-show, .decop02.is-show,
.decoy01.is-show, .decoy02.is-show {
  animation: moveDiagonal 0.5s ease-out forwards;
}

@keyframes moveDiagonal {
  from {
    transform: translate(402px, -297px);
  }
  to {
    transform: translate(0, 0);
  }
}

/* main */
.free-25togo-main {
  background: #FFF;
}
[data-browse-mode="P"] .free-25togo-main {
  z-index: 1;
  position: relative;
  width: 1100px;
  padding: 70px;
  margin: 0 auto 138px auto;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
}
[data-browse-mode="S"] .free-25togo-main {
  padding: calc(70 / 828 * 100vw) 0 calc(170 / 828 * 100vw);
}
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"] h2.hdglv2 {
  margin: 0 auto 50px;
  font-size: min(28 / 1680 * 100vw, 28px);
  line-height: calc(44 / 28);
}
[data-browse-mode="S"] h2.hdglv2 {
  margin-bottom: calc(60 / 828 * 100vw);
  font-size: calc(32 / 828 * 100vw);
  line-height: calc(50 / 32);
}
.rankingInner h2 {
  color: #3b4275;
  font-family: "Zen Maru Gothic", serif;
  text-align: center;
}
[data-browse-mode="P"] .rankingInner h2,
[data-browse-mode="P"] .hdg-product {
  margin: 0 0 20px 0;
  font-size: 30px;
  letter-spacing: 0.2em;
}
[data-browse-mode="S"] .rankingInner h2,
[data-browse-mode="S"] .hdg-product {
  margin: 0 0 calc(30 / 828 * 100vw) 0;
  font-size: calc(42 / 828 * 100vw);
  letter-spacing: 0.1em;
}

[data-browse-mode="P"] .event-common .list::after {
  left: 0;
  width: 100%;
}

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

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

[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="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;
}
[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;
  border-radius: 5px;
  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;
}

.price-discount-icon {
  order: 21;
  border-radius: 3px;
  background-color: #fef7cf;
  color: #8a7c27;
  text-align: center;
  width: 100%;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 900;
}

[data-browse-mode="P"] .price-discount-icon {
  order: 35;
  display: inline-block;
  margin-bottom: 8px;
  font-size: 14px;
  padding: 0 5px 1px;
}

[data-browse-mode="P"] .price-discount-icon em {
  margin: 0 5px;
  font-weight: 900;
  font-size: 20px;
}

.block-ranking-r--shop-name,
.block-pickup-list-p--shop-name {
  display: flex;
  align-items: center;
}

.sec-product .products-item-wrapper {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
[data-browse-mode="S"] .sec-product .products-item-wrapper {
  margin: 0;
  padding-top: calc(80 / 828 * 100vw);
  width: 100%;
}
.sec-product .products-item-wrap {
  display: flex;
  gap: 80px 16px;
  padding: 0;
}
.sec-product .products-item-wrap > li {
  margin: 0;
  width: calc((100% - 16px * 4) / 5);
}
.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 {
  margin-top: 10px;
  order: 100;
  width: 100%;
}
.appendArea .block-list-add-cart-btn,
.appendArea .block-pickup-list-p--detail-btn {
  width: 100%;
  font-weight: bold;
  line-height: 2;
}


.block-note h2 {
  color: #3b4275;
}
[data-browse-mode="P"] .block-note h2 {
  font-size: 26px;
}
.block-note ul li {
  font-weight: normal;
}
.block-note ul li::after {
  content: '-';
  top: -2px;
  color: unset;
  border: none;
}

.hdg-product {
  color: #3b4275;
  font-weight: normal;
}

[data-browse-mode="P"] .hdg-product,
[data-browse-mode="S"] .hdg-product {
  padding-top: 0;
}

[data-browse-mode="S"] .event-common .list::after {
  margin-bottom: 30px;
}

[data-browse-mode="P"] .block-thumbnail-t--detail-btn {
  display: block;
  margin: 0;
  padding: 5px 0;
  border-color: #EB959D;
  border-radius: 18px;
  line-height: 2;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  width: 100%;
  background: #EB959D;
}

[data-browse-mode="P"] .block-ranking-r--items .block-thumbnail-t--detail-btn {
  order: 53;
  margin-top: auto;
}
.block-ranking-r--items .price-discount {
  margin-bottom: 10px;
}

[data-browse-mode="S"] .block-thumbnail-t--detail-btn {
  display: block;
  margin: 0;
  padding: 5px 0;
  border-color: #EB959D;
  border-radius: 18px;
  font-size: 13px;
  line-height: 2;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  width: 100%;
  background: #EB959D;
}
.block-thumbnail-t--items li .block-thumbnail-t--add-cart .block-thumbnail-t--detail-btn {
  border-color: #EB959D;
  background: #EB959D;
}