@charset "utf-8";
<style > html {
  scroll-behavior: smooth;
}

img {
  width: 100%;
  display: block;
  height: auto;
}

.cms-content img {
  vertical-align: text-bottom;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .sp-object {
    display: none;
  }
}

.pc-object {
  display: none;
}

@media screen and (min-width: 768px) {
  .pc-object {
    display: block;
  }
}

.cms-content {
  /* page-top-ben */
}

.cms-content .mail_magazine {
  line-height: 1;
  text-align: center;
  font-family:
    "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "Meiryo",
    "游ゴシック", YuGothic, "Meiryo UI", "ＭＳ Ｐゴシック", sans-serif;
}

.cms-content .mail_magazine img {
  width: initial;
  max-width: 100%;
}

.cms-content .mail_magazine .sec_ttl span {
  position: relative;
}

.cms-content .mail_magazine .sec_ttl span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(/static/ROP/contents/retroclub/images/icon_mail.png) no-repeat
    center/contain;
}

.cms-content .mail_magazine .wrap {
  background-color: #faf8f5;
}

.cms-content .mail_magazine .wrap dl {
  color: #734f3a;
  font-weight: bold;
}

.cms-content .mail_magazine .wrap dl > div {
  flex: 1 1 auto;
  display: flex;
}

.cms-content .mail_magazine .wrap dl > div dd .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cms-content .mail_magazine .btn_mail {
  max-width: 400px;
  margin: 0 auto;
}

.cms-content .mail_magazine .btn_mail a {
  position: relative;
  display: block;
  color: #fff;
  font-weight: bold;
}

.cms-content .lp_inner {
  max-width: 1020px;
  padding: 0 20px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .cms-content .lp_inner {
    padding: 0 20px;
  }

  .cms-content .mail_magazine {
    padding: 79px 0 64px;
  }

  .cms-content .mail_magazine .sec_ttl {
    margin: 0 0 26px;
  }

  .cms-content .mail_magazine .sec_ttl span {
    padding-left: 41px;
  }

  .cms-content .mail_magazine .sec_ttl span::before {
    width: 30px;
    height: 32px;
  }

  .cms-content .mail_magazine .text {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 30px;
  }

  .cms-content .mail_magazine .text .sp {
    display: none;
  }

  .cms-content .mail_magazine .wrap {
    max-width: 700px;
    padding: 25px 0;
    margin: 0 auto 41px;
    border-radius: 10px;
  }

  .cms-content .mail_magazine .wrap dl {
    display: flex;
    align-items: center;
  }

  .cms-content .mail_magazine .wrap dl dt {
    width: 170px;
    font-size: 18px;
    line-height: 1.33;
  }

  .cms-content .mail_magazine .wrap dl > div {
    justify-content: space-evenly;
    border-left: 1px solid #74503c;
  }

  .cms-content .mail_magazine .wrap dl > div dd .icon {
    height: 50px;
    margin: 0 0 8px;
  }

  .cms-content .mail_magazine .wrap dl > div dd p {
    font-size: 14px;
    line-height: 1.285;
  }

  .cms-content .mail_magazine .btn_mail a {
    font-size: 22px;
    padding: 16px 0;
    line-height: 1.36;
    border-radius: 45px;
    transition: opacity 0.3s;
    background: url(/static/ROP/contents/retroclub/images/btn_arrow.png)
      no-repeat #ed6f00 center right 37px;
  }

  .cms-content .mail_magazine .btn_mail a:hover {
    opacity: 0.8;
  }

  .cms-content .mail_magazine .bnrArea {
    margin-top: 62px;
  }
}

@media (max-width: 767px) {
  .cms-content .mail_magazine {
    padding: 46px 0 65px;
  }

  .cms-content .mail_magazine .sec_ttl {
    margin: 0 0 17px;
  }

  .cms-content .mail_magazine .sec_ttl span {
    padding-left: 33px;
  }

  .cms-content .mail_magazine .sec_ttl span::before {
    width: 24px;
    height: 25px;
  }

  .cms-content .mail_magazine .text {
    font-size: 13px;
    line-height: 1.85;
    margin: 0 0 18px;
  }

  .cms-content .mail_magazine .wrap {
    padding: 27px 0 30px;
    margin: 0 auto 26px;
    border-radius: 10px;
  }

  .cms-content .mail_magazine .wrap dl dt {
    position: relative;
    font-size: 14px;
    line-height: 1.33;
    padding: 0 0 16px;
    margin: 0 0 21px;
  }

  .cms-content .mail_magazine .wrap dl dt::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 50px;
    height: 2px;
    background-color: #74503c;
  }

  .cms-content .mail_magazine .wrap dl dt .pc {
    display: none;
  }

  .cms-content .mail_magazine .wrap dl > div {
    display: flex;
    justify-content: space-evenly;
  }

  .cms-content .mail_magazine .wrap dl > div dd .icon {
    margin: 0 0 6px;
  }

  .cms-content .mail_magazine .wrap dl > div dd .icon img {
    height: 36px;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .cms-content .mail_magazine .wrap dl > div dd p {
    font-size: 10px;
    line-height: 1.3;
  }

  .cms-content .mail_magazine .btn_mail a {
    font-size: 18px;
    padding: 17px 0;
    line-height: 1.33;
    border-radius: 43px;
    background: url(/static/ROP/contents/retroclub/images/btn_arrow.png)
      no-repeat #ed6f00 center right 27px/13px 23px;
  }

  .cms-content .mail_magazine .bnrArea {
    margin-top: 65px;
  }
}

.cms-content #page-top_btn {
  display: none;
  position: fixed;
  z-index: 1;
  bottom: clamp(10px, 3%, 20px);
  right: clamp(10px, 2%, 20px);
  aspect-ratio: 1/1;
  width: clamp(50px, 13.3333333333vw, 100px);
  background-color: #6c221a;
  /* スマホ用ボタンの色を変えたい場合はここを変更してください */
  border-radius: 50%;
}

.cms-content #page-top_btn a {
  color: white;
  display: grid;
  gap: clamp(4px, 1.0666666667vw, 8px);
  place-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  font-weight: bold;
  font-size: clamp(9px, 2.4vw, 18px);
  line-height: 1.2;
}

.cms-content #page-top_btn a::before {
  content: "";
  display: block;
  width: clamp(15px, 4vw, 30px);
  aspect-ratio: 1/0.4;
  background: currentColor;
  -webkit-mask-image: url(/static/ROP/contents/oshikatu/images/top-btn-arrow.png);
  mask-image: url(/static/ROP/contents/oshikatu/images/top-btn-arrow.png);
  -webkit-mask-size: cover;
  mask-size: cover;
  margin-inline: auto;
}

.cms-content .special-2025-01 {
  /* ここからパーツの色を変えたい場合はここを変更してください */
  --main-color: #007b7f;
  --price-color: #d34317;
  --btn-color: #d34317;
  --btn-text-color: white;
  --item-lead: #6c221a;
  --item-lead-bg: #f0e7cf;
  --line-up-btn-color: #6c221a;
  --line-up-btn-text-color: white;
  /* ここまでパーツの色を変えたい場合はここを変更してください */
  overflow: hidden;
}

.cms-content .special-2025-01 .inline-block {
  display: inline-block;
}

.cms-content .special-2025-01 .page-inner {
  padding-inline: clamp(15px, 4vw, 30px);
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01 .page-inner {
    max-width: 1040px;
    margin-inline: auto;
  }
}

.cms-content .special-2025-01 .up {
  opacity: 0;
}

.cms-content .special-2025-01 .fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}

.cms-content .special-2025-01 .zoomUp-wrapper {
  overflow: hidden;
}

.cms-content .special-2025-01 a.zoomUp img {
  transition: transform 0.6s ease-out;
}

.cms-content .special-2025-01 a.zoomUp img:hover {
  transform: scale(1.1);
}

.cms-content .special-2025-01 img.zoomUp {
  transition: transform 0.6s ease-out;
}

.cms-content .special-2025-01 img.zoomUp:hover {
  transform: scale(1.1);
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cms-content .special-2025-01 .left {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}

.cms-content .special-2025-01 .right {
  display: flex;
  justify-content: right;
  flex-wrap: wrap;
}

.cms-content .special-2025-01 .center {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01 .pc-left {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01 .pc-right {
    display: flex;
    justify-content: right;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01 .pc-center {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}

.cms-content .special-2025-01.hero {
  padding-block: clamp(72.5px, 19.3333333333vw, 145px)
    clamp(88px, 23.4666666667vw, 176px);
  padding-inline: clamp(15px, 4vw, 30px);
  background-size: cover;
  background-position: bottom center;
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01.hero {
    padding-block: 87px 81px;
    background-repeat: no-repeat;
    margin-top: -47px;
  }
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01.hero .page-title {
    width: 750px;
    margin-inline: auto;
  }
}

.cms-content .special-2025-01.intro {
  background-size: cover;
  background-position: center top;
  position: relative;
  padding-block: clamp(76px, 20.2666666667vw, 152px) clamp(46.5px, 12.4vw, 93px);
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01.intro {
    padding-block: 152px 109px;
  }
}

.cms-content .special-2025-01.intro .intro-title {
  max-width: 836px;
  margin-inline: auto;
}

.cms-content .special-2025-01.intro .intro-lead {
  font-size: clamp(15.5px, 4.1333333333vw, 31px);
  margin-block: clamp(10px, 2.6666666667vw, 20px);
  color: white;
  text-align: center;
  letter-spacing: 0.05rem;
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01.intro .intro-lead {
    font-size: 23px;
    margin-block: 49px 32px;
  }
}

.cms-content .special-2025-01 .btn {
  display: block;
  background: var(--btn-color);
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  font-weight: bold;
  overflow: hidden;
  padding: 0;
  transition: none;
  font-size: clamp(17.5px, 4.6666666667vw, 35px);
  border-radius: clamp(7px, 1.8666666667vw, 14px);
  margin-inline: auto;
  margin-top: clamp(16.5px, 4.4vw, 33px);
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01 .btn {
    font-size: 17px;
    height: -moz-fit-content;
    height: fit-content;
    margin-inline: 0;
    margin-top: 13px;
    border-radius: 9px;
  }
}

.cms-content .special-2025-01 .btn::after {
  content: none;
}

.cms-content .special-2025-01 .btn a {
  display: flex;
  color: var(--btn-text-color);
  align-items: center;
  padding-inline: clamp(30px, 8vw, 60px) clamp(21.5px, 5.7333333333vw, 43px);
  padding-block: clamp(11.5px, 3.0666666667vw, 23px);
  gap: clamp(19px, 5.0666666667vw, 38px);
  transition: none;
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01 .btn a {
    padding-inline: 32px 18px;
    padding-block: 12px;
    gap: 24px;
  }
}

.cms-content .special-2025-01 .btn a::after {
  content: "";
  display: block;
  width: clamp(10px, 2.6666666667vw, 20px);
  aspect-ratio: 1/1.7;
  background-image: url(/static/ROP/contents/retroclub/images/202502_icon-arrow-white.png);
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01 .btn a::after {
    width: 12px;
  }
}

.cms-content .special-2025-01 .price {
  font-weight: bold;
  color: var(--price-color);
}

.cms-content .special-2025-01 .price::before {
  content: "税込";
  font-size: 55%;
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01 .price::before {
    font-size: 65%;
  }
}

.cms-content .special-2025-01 .price::after {
  content: "円";
  font-size: 55%;
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01 .price::after {
    font-size: 65%;
  }
}

.cms-content .special-2025-01 .price.wave-dash::after {
  content: "円～";
}

.cms-content .special-2025-01 .items-list-wrapper {
  background-color: white;
  padding-inline: clamp(12.5px, 3.3333333333vw, 25px);
  padding-block: clamp(12.5px, 3.3333333333vw, 25px) clamp(48px, 12.8vw, 96px);
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01 .items-list-wrapper {
    padding-inline: 30px;
    padding-block: 30px 67px;
  }
}

.cms-content .special-2025-01 .section-title {
  padding-block: clamp(10px, 2.6666666667vw, 20px) clamp(16.5px, 4.4vw, 33px);
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01 .section-title {
    padding-block: 20px 27px;
  }
}

.cms-content .special-2025-01 .feature .items-list-title,
.cms-content .special-2025-01.back-number .items-list-title {
  background-color: var(--main-color);
  color: white;
  font-size: clamp(23.5px, 6.2666666667vw, 47px);
  letter-spacing: 0.1rem;
  text-align: center;
  font-weight: bold;
  padding-inline: clamp(10px, 2.6666666667vw, 20px);
  padding-block: clamp(11px, 2.9333333333vw, 22px)
    clamp(10px, 2.6666666667vw, 20px);
}

.cms-content .special-2025-01 .feature .items-list-liead,
.cms-content .special-2025-01.back-number .items-list-liead {
  color: var(--main-color);
  font-size: clamp(14.5px, 3.8666666667vw, 29px);
  line-height: 1.7;
  letter-spacing: 0.03rem;
  text-align: center;
  font-weight: bold;
  padding-block: clamp(9px, 2.4vw, 18px);
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01 .feature .items-list-liead,
  .cms-content .special-2025-01.back-number .items-list-liead {
    font-size: 22px;
  }
}

.cms-content .special-2025-01 .feature .items-list,
.cms-content .special-2025-01.back-number .items-list {
  font-size: clamp(15.5px, 4.1333333333vw, 31px);
  font-weight: bold;
  padding-inline: clamp(12.5px, 3.3333333333vw, 25px);
  display: grid;
  row-gap: clamp(43px, 11.4666666667vw, 86px);
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01 .feature .items-list,
  .cms-content .special-2025-01.back-number .items-list {
    row-gap: 60px;
  }
}

.cms-content .special-2025-01 .feature .items-list .item,
.cms-content .special-2025-01.back-number .items-list .item {
  display: grid;
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01 .feature .items-list .item,
  .cms-content .special-2025-01.back-number .items-list .item {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto 1.25fr auto;
    -moz-column-gap: 32px;
    column-gap: 32px;
  }
}

@media screen and (min-width: 768px) {
  .cms-content
    .special-2025-01
    .feature
    .items-list
    .item
    a:has(.zoomUp-wrapper),
  .cms-content
    .special-2025-01.back-number
    .items-list
    .item
    a:has(.zoomUp-wrapper) {
    grid-row: span 3;
  }
}

.cms-content .special-2025-01 .feature .items-list .item .item-name,
.cms-content .special-2025-01.back-number .items-list .item .item-name {
  padding-block: clamp(5px, 1.3333333333vw, 10px)
    clamp(2px, 0.5333333333vw, 4px);
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01 .feature .items-list .item .item-name,
  .cms-content .special-2025-01.back-number .items-list .item .item-name {
    font-size: 24px;
    padding: 0;
    align-self: end;
    margin-bottom: 7px;
  }
}

.cms-content .special-2025-01 .feature .items-list .item .price,
.cms-content .special-2025-01.back-number .items-list .item .price {
  font-size: clamp(22.5px, 6vw, 45px);
  padding-bottom: clamp(5px, 1.3333333333vw, 10px);
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01 .feature .items-list .item .price,
  .cms-content .special-2025-01.back-number .items-list .item .price {
    font-size: 31px;
    padding-bottom: 0;
  }
}

.cms-content .special-2025-01 .feature .items-list .item .item-lead,
.cms-content .special-2025-01.back-number .items-list .item .item-lead {
  color: var(--item-lead);
  background-color: var(--item-lead-bg);
  width: calc(100% + clamp(25px, 6.6666666667vw, 50px));
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(12px, 3.2vw, 24px);
  padding-inline: clamp(12px, 3.2vw, 24px);
  padding-block: clamp(9px, 2.4vw, 18px) clamp(15px, 4vw, 30px);
  line-height: 2;
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01 .feature .items-list .item .item-lead,
  .cms-content .special-2025-01.back-number .items-list .item .item-lead {
    grid-column: span 2;
    width: auto;
    position: static;
    transform: translateX(0);
    margin-top: 18px;
    font-size: 18px;
    font-weight: normal;
    padding-inline: 26px;
    padding-block: 20px 40px;
  }
}

.cms-content .special-2025-01 .feature .items-list .item .btn,
.cms-content .special-2025-01.back-number .items-list .item .btn {
  order: 999;
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01 .feature .items-list .item .btn,
  .cms-content .special-2025-01.back-number .items-list .item .btn {
    order: initial;
  }
}

.cms-content .special-2025-01.back-number {
  padding-block: clamp(42.5px, 11.3333333333vw, 85px) clamp(63px, 16.8vw, 126px);
  background-repeat: repeat-y;
  background-size: 100% auto;
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01.back-number {
    padding-block: 118px 112px;
  }
}

.cms-content .special-2025-01.back-number .items-list-wrapper {
  padding-top: clamp(13.5px, 3.6vw, 27px);
  margin-top: clamp(11.5px, 3.0666666667vw, 23px);
}

.cms-content
  .special-2025-01.back-number
  .items-list-wrapper
  .items-list-title {
  margin-bottom: clamp(24.5px, 6.5333333333vw, 49px);
}

.cms-content .special-2025-01.line-up-bg {
  background-repeat: repeat-y;
  background-size: 100% auto;
}

.cms-content .special-2025-01.line-up {
  padding-top: clamp(35px, 9.3333333333vw, 70px);
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01.line-up {
    padding-block: 78px 20px;
  }
}

.cms-content .special-2025-01.line-up .section-title {
  padding-bottom: 0;
}

.cms-content .special-2025-01.line-up .line-up-list {
  gap: clamp(12px, 3.2vw, 24px) clamp(15px, 4vw, 30px);
  margin-top: clamp(7.5px, 2vw, 15px);
  padding-block: clamp(16.5px, 4.4vw, 33px) clamp(30px, 8vw, 60px);
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01.line-up .line-up-list {
    margin-top: 0;
    max-width: 920px;
    margin-inline: auto;
    gap: 23px 25px;
  }
}

.cms-content .special-2025-01.line-up a.line-up-list-item {
  background-color: var(--line-up-btn-color);
  color: var(--line-up-btn-text-color);
  width: calc(50% - clamp(15px, 4vw, 30px) / 2);
  min-height: clamp(70px, 18.6666666667vw, 140px);
  text-align: center;
  display: grid;
  place-content: center;
  padding-inline: clamp(10px, 2.6666666667vw, 20px);
  padding-block: clamp(4px, 1.0666666667vw, 8px);
  border-radius: clamp(2.5px, 0.6666666667vw, 5px);
  transition: none;
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01.line-up a.line-up-list-item {
    padding-inline: 10px;
    width: calc(33.3333333333% - 16.6666666667px);
    min-height: 80px;
  }
}

.cms-content .special-2025-01.line-up a.line-up-list-item dt {
  font-size: clamp(15px, 4vw, 30px);
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01.line-up a.line-up-list-item dt {
    font-size: 19px;
  }
}

.cms-content .special-2025-01.line-up a.line-up-list-item dd {
  font-size: clamp(11px, 2.9333333333vw, 22px);
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01.line-up a.line-up-list-item dd {
    font-size: 14px;
  }
}

.cms-content .special-2025-01.line-up + .category {
  margin-top: calc(-1 * clamp(20px, 5.3333333333vw, 40px));
}

.cms-content .special-2025-01.category {
  padding-top: 69px;
}

.cms-content .special-2025-01.category:last-of-type {
  padding-bottom: clamp(54px, 14.4vw, 108px);
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01.category:last-of-type {
    padding-bottom: 132px;
  }
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01.category {
    padding-top: 90px;
    margin-top: -20px;
  }
}

.cms-content .special-2025-01.category .items-list-wrapper {
  padding-top: 0;
}

.cms-content .special-2025-01.category .items-list-title {
  position: relative;
  width: calc(100% + clamp(25px, 6.6666666667vw, 50px));
  translate: -50%;
  left: 50%;
  background-size: cover;
  font-size: clamp(24px, 6.4vw, 48px);
  display: grid;
  color: white;
  place-content: center;
  padding-block: clamp(30px, 8vw, 60px) clamp(28px, 7.4666666667vw, 56px);
  line-height: 1.4;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01.category .items-list-title {
    width: calc(100% + 60px);
    line-height: 1.55;
  }
}

.cms-content .special-2025-01.category .items-list-title:not(:has(.sub-title)) {
  padding-block: clamp(35px, 9.3333333333vw, 70px);
}

.cms-content .special-2025-01.category .items-list-title .sub-title {
  font-size: 50%;
  display: inline-block;
  text-align: center;
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01.category .items-list-title .sub-title {
    font-size: 36%;
  }
}

.cms-content .special-2025-01.category .items-lite {
  padding-top: clamp(25px, 6.6666666667vw, 50px);
  -moz-column-gap: clamp(15px, 4vw, 30px);
  column-gap: clamp(15px, 4vw, 30px);
  row-gap: clamp(25px, 6.6666666667vw, 50px);
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01.category .items-lite {
    max-width: 900px;
    margin-inline: auto;
    -moz-column-gap: 33px;
    column-gap: 33px;
    row-gap: 39px;
  }
}

.cms-content .special-2025-01.category .item {
  width: calc(50% - clamp(15px, 4vw, 30px) / 2);
  font-size: clamp(11.5px, 3.0666666667vw, 23px);
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01.category .item {
    width: calc(25% - 24.75px);
    font-size: 16px;
  }
}

.cms-content .special-2025-01.category .item a {
  display: grid;
  grid-template-rows: auto auto 1fr;
  height: 100%;
}

.cms-content .special-2025-01.category .item .zoomUp-wrapper {
  border-radius: clamp(6px, 1.6vw, 12px);
}

.cms-content .special-2025-01.category .item .item-name {
  padding-top: clamp(8px, 2.1333333333vw, 16px);
  padding-bottom: clamp(5px, 1.3333333333vw, 10px);
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01.category .item .item-name {
    padding-top: 9px;
    padding-bottom: 7px;
  }
}

.cms-content .special-2025-01.category .item .price {
  font-size: clamp(15px, 4vw, 30px);
  align-self: end;
}

@media screen and (min-width: 768px) {
  .cms-content .special-2025-01.category .item .price {
    font-size: 20px;
  }
}
.retroclub-intro-hr {
  position: absolute;
  width: 100%;
  background-repeat: repeat-x;
  margin: 0;
  border: none;
  top: 0;
  height: clamp(32px, 8.5333333333vw, 64px);
  background-size: contain;
}