.cms-content {
  font-family:
    Montserrat, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Verdana, sans-serif;
}
.cms-content article,
.cms-content details,
.cms-content figcaption,
.cms-content figure,
.cms-content hgroup,
.cms-content menu,
.cms-content nav,
.cms-content section {
  display: block;
}
.cms-content h2,
.cms-content h3,
.cms-content h4,
.cms-content h5 {
  font-size: 100%;
  font-weight: 400;
  margin: 0;
}
.cms-content input,
.cms-content select,
.cms-content textarea {
  font-family: inherit;
  font-size: 16px;
}
.cms-content input[type="button"],
.cms-content input[type="submit"],
.cms-content input[type="text"] {
  -webkit-appearance: none;
  border-radius: 0;
}
.cms-content textarea {
  resize: none;
  -webkit-appearance: none;
  border-radius: 0;
}
.cms-content ol,
.cms-content ul {
  list-style-type: none;
}
.cms-content img {
  vertical-align: text-bottom;
  vertical-align: -webkit-baseline-middle;
  max-width: 100%;
  height: auto;
  width: 100%;
}
.cms-content .inline-block {
  display: inline-block;
}
.cms-content .pc_object {
  display: none;
}
@media screen and (min-width: 768px) {
  .cms-content .pc_object {
    display: initial;
  }
}
@media screen and (min-width: 768px) {
  .cms-content .sp_object {
    display: none;
  }
}
.cms-content .page-inner {
  padding: 0 clamp(15px, 4vw, 30px);
}
@media screen and (min-width: 768px) {
  .cms-content .page-inner {
    max-width: 1040px;
    margin-inline: auto;
  }
}
.cms-content .up {
  opacity: 0;
}
.cms-content .fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.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;
}
.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/gourmet/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: 700;
}
.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: 700;
}
.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/gourmet/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/gourmet/images/btn_arrow.png) no-repeat
      #ed6f00 center right 27px/13px 23px;
  }
  .cms-content .mail_magazine .bnrArea {
    margin-top: 65px;
  }
}
.cms-content {
  --main-color: #bd8500;
  --red: #cc0000;
  --yellow: #e0a720;
  overflow: hidden;
}
.cms-content .scroller {
  overflow-x: scroll;
}
.cms-content .scroller::-webkit-scrollbar {
  height: clamp(7 / 2 * 1px, 0.9333333333vw, 7 * 1px);
  background: var(--yellow);
}
.cms-content .scroller::-webkit-scrollbar-thumb {
  background-color: var(--red);
}
.cms-content .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(189, 132, 0, 0.6156862745);
  opacity: 1;
  transition: background-color 0.3s;
  aspect-ratio: 1/2.18;
  height: auto;
  border: none;
  width: clamp(53 / 2 * 1px, 7.0666666667vw, 53 * 1px);
}
.cms-content .slick-arrow:disabled {
  background-color: rgba(63, 54, 54, 0.4666666667);
}
@media (any-hover: hover) {
  .cms-content .slick-arrow:disabled:hover {
    background-color: rgba(63, 54, 54, 0.4666666667);
  }
}
@media screen and (min-width: 768px) {
  .cms-content .slick-arrow {
    width: 40px;
    aspect-ratio: 1/2.75;
  }
}
@media (any-hover: hover) {
  .cms-content .slick-arrow:hover {
    background-color: rgba(189, 132, 0, 0.9176470588);
  }
}
@media (hover: none) {
  .cms-content .slick-arrow:hover {
    background-color: rgba(189, 132, 0, 0.6156862745);
  }
}
.cms-content .slick-arrow::before {
  content: "";
  justify-content: center;
  align-items: center;
  display: block;
  width: clamp(30 / 2 * 1px, 4vw, 30 * 1px);
  aspect-ratio: 1;
  background-image: url(/static/ROP/contents/gourmet/images/202502_icon-arrow-white.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.cms-content .slick-arrow.prev {
  border-radius: 0 clamp(5px, 1.3333333333vw, 10px)
    clamp(5px, 1.3333333333vw, 10px) 0;
  z-index: 9;
}
.cms-content .slick-arrow.prev::before {
  content: "";
  transform: rotate(180deg);
}
.cms-content .slick-arrow.next {
  border-radius: clamp(5px, 1.3333333333vw, 10px) 0 0
    clamp(5px, 1.3333333333vw, 10px);
}
.cms-content .btn {
  display: block;
  background: var(--red);
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  font-weight: 700;
  border-radius: 100vw;
  overflow: hidden;
  padding: 0;
  transition: none;
}
.cms-content .btn::after {
  content: none;
}
.cms-content .btn a,
.cms-content .btn span {
  display: flex;
  color: #fff;
  align-items: center;
}
.cms-content .btn a::after,
.cms-content .btn span::after {
  content: "";
  display: block;
  aspect-ratio: 1/1.7;
  background-image: url(/static/ROP/contents/gourmet/images/202502_icon-arrow-white.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.cms-content .btn.btn-l {
  margin-inline: auto;
  box-shadow: 0 clamp(2.5px, 0.6666666667vw, 5px)
    clamp(2.5px, 0.6666666667vw, 5px) clamp(1.5px, 0.4vw, 3px)
    rgba(121, 117, 88, 0.5607843137);
  font-size: clamp(29 / 2 * 1px, 3.8666666667vw, 29 * 1px);
  transition: box-shadow 0.2s;
}
@media (any-hover: hover) {
  .cms-content .btn.btn-l:hover {
    box-shadow: none;
  }
}
@media (hover: none) {
  .cms-content .btn.btn-l:hover {
    box-shadow: 0 clamp(2.5px, 0.6666666667vw, 5px)
      clamp(2.5px, 0.6666666667vw, 5px) clamp(1.5px, 0.4vw, 3px)
      rgba(121, 117, 88, 0.5607843137);
  }
}
@media screen and (min-width: 768px) {
  .cms-content .btn.btn-l {
    font-size: 1rem;
  }
}
.cms-content .btn.btn-l a {
  gap: clamp(20 / 2 * 1px, 2.6666666667vw, 20 * 1px);
  padding: clamp(7.5px, 2vw, 15px) clamp(13px, 3.4666666667vw, 26px)
    clamp(6.5px, 1.7333333333vw, 13px);
}
@media screen and (min-width: 768px) {
  .cms-content .btn.btn-l a {
    padding: 15px 23px 13px 86px;
    gap: 62px;
  }
}
.cms-content .btn.btn-l a::after {
  width: clamp(12 / 2 * 1px, 1.6vw, 12 * 1px);
}
.cms-content .btn.btn-s {
  font-size: clamp(26 / 2 * 1px, 3.4666666667vw, 26 * 1px);
  margin-top: clamp(7 / 2 * 1px, 0.9333333333vw, 7 * 1px);
  transition: background-color 0.3s;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (min-width: 768px) {
  .cms-content .btn.btn-s {
    font-size: 0.8rem;
    justify-self: flex-end;
  }
}
.cms-content .btn.btn-s a,
.cms-content .btn.btn-s span {
  padding: clamp(3px, 0.8vw, 6px) clamp(7.5px, 2vw, 15px) clamp(3px, 0.8vw, 6px)
    clamp(15.5px, 4.1333333333vw, 31px);
  gap: clamp(12 / 2 * 1px, 1.6vw, 12 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .btn.btn-s a,
  .cms-content .btn.btn-s span {
    padding: 6px 11px 6px 14px;
    gap: 7px;
  }
}
.cms-content .btn.btn-s a::after,
.cms-content .btn.btn-s span::after {
  width: clamp(10 / 2 * 1px, 1.3333333333vw, 10 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .btn.btn-s a::after,
  .cms-content .btn.btn-s span::after {
    width: 7px;
  }
}
@media (any-hover: hover) {
  .cms-content .btn a:hover {
    background-color: var(--yellow);
  }
}
@media (hover: none) {
  .cms-content .btn a:hover {
    background-color: var(--red);
  }
}
.cms-content .img-wrapper.hover-action {
  overflow: hidden;
}
@media (any-hover: hover) {
  .cms-content .img-wrapper.hover-action:hover img {
    transform: scale(1.1);
  }
}
@media (hover: none) {
  .cms-content .img-wrapper.hover-action:hover img {
    transform: none;
  }
}
.cms-content .img-wrapper.hover-action img {
  transition: transform 0.8s;
}
@media (any-hover: hover) {
  .cms-content a.item-card.hover-action:hover img {
    transform: scale(1.1);
  }
  .cms-content a.item-card.hover-action:hover .btn {
    background: var(--yellow);
  }
}
@media (hover: none) {
  .cms-content a.item-card.hover-action:hover img {
    transform: none;
  }
  .cms-content a.item-card.hover-action:hover .btn {
    background: var(--red);
  }
}
.cms-content a.item-card.hover-action .img-wrapper {
  overflow: hidden;
}
.cms-content a.item-card.hover-action .img-wrapper img {
  transition: transform 0.8s;
}
.cms-content .item-card {
  grid-row: span 4;
  display: grid;
  grid-template-rows: subgrid;
}
@media screen and (min-width: 768px) {
  .cms-content .item-card {
    grid-template-columns: subgrid;
    grid-column: span 2;
    grid-row: span 3;
  }
}
@media screen and (min-width: 768px) {
  .cms-content .item-card .img-wrapper {
    grid-column: span 2;
  }
}
.cms-content .item-card p {
  font-size: clamp(28 / 2 * 1px, 3.7333333333vw, 28 * 1px);
  margin-top: clamp(14 / 2 * 1px, 1.8666666667vw, 14 * 1px);
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .cms-content .item-card p {
    font-size: 1.2rem;
    margin-top: 17px;
    grid-column: span 2;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  .cms-content .item-card .price-wrapper {
    grid-column: span 2;
    display: flex;
    -moz-column-gap: 10px;
    column-gap: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.cms-content .item-card .price {
  margin-top: 0;
  font-size: clamp(38 / 2 * 1px, 5.0666666667vw, 38 * 1px);
  font-weight: 700;
  color: var(--red);
}
@media screen and (min-width: 768px) {
  .cms-content .item-card .price {
    font-size: 1.4rem;
    margin-top: 6px;
  }
}
.cms-content .item-card .price::after,
.cms-content .item-card .price::before {
  font-size: clamp(22 / 2 * 1px, 2.9333333333vw, 22 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .item-card .price::after,
  .cms-content .item-card .price::before {
    font-size: 0.7rem;
  }
}
.cms-content .item-card .price::before {
  content: "税込";
}
.cms-content .item-card .price::after {
  content: "円";
}
@media screen and (min-width: 768px) {
  .cms-content .sp-object {
    display: none;
  }
}
.cms-content .pc-object {
  display: none;
}
@media screen and (min-width: 768px) {
  .cms-content .pc-object {
    display: block;
  }
}
.cms-content .lp_container .page-top {
  margin-top: clamp(34 / 2 * 1px, 4.5333333333vw, 34 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .page-top {
    margin-top: 0;
  }
}
.cms-content .lp_container .page-top .grid-container {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: clamp(32 / 2 * 1px, 4.2666666667vw, 32 * 1px);
  column-gap: clamp(32 / 2 * 1px, 4.2666666667vw, 32 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .page-top .grid-container {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    margin-top: 25px;
    -moz-column-gap: 50px;
    column-gap: 50px;
    row-gap: 13px;
  }
}
.cms-content .lp_container .page-top .page-title {
  width: clamp(390 / 2 * 1px, 52vw, 390 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .page-top .page-title {
    grid-column: 1/2;
    grid-row: 1/3;
    width: 280px;
    margin-top: 3px;
  }
}
.cms-content .lp_container .page-top .page-catch {
  line-height: 1.6;
  font-weight: 700;
  margin-top: clamp(7 / 2 * 1px, 0.9333333333vw, 7 * 1px);
  font-size: clamp(21 / 2 * 1px, 2.8vw, 21 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .page-top .page-catch {
    grid-column: 2/3;
    grid-row: 1/2;
    font-size: 1rem;
    font-weight: 400;
    margin-top: 11px;
  }
}
.cms-content .lp_container .page-top .kw-wrapper,
.cms-content .lp_container .page-top .search-ui-area {
  grid-column: span 2;
}
.cms-content .lp_container .page-top .search-ui-area form {
  border: clamp(1px, 0.2666666667vw, 2px) solid var(--main-color);
  border-radius: 100vw;
  display: flex;
  justify-content: center;
  margin-top: clamp(37 / 2 * 1px, 4.9333333333vw, 37 * 1px);
  padding: clamp(8px, 2.1333333333vw, 16px) clamp(9.5px, 2.5333333333vw, 19px)
    clamp(8px, 2.1333333333vw, 16px) clamp(20.5px, 5.4666666667vw, 41px);
}
.cms-content .lp_container .page-top .search-ui-area form input[type="text"] {
  background: 0 0;
  border: none;
  margin-bottom: 0;
  padding: 0;
  height: auto;
  width: 100%;
  font-size: clamp(24 / 2 * 1px, 3.2vw, 24 * 1px);
}
.cms-content
  .lp_container
  .page-top
  .search-ui-area
  form
  input[type="text"]::-moz-placeholder {
  color: #9a9a9a;
  font-weight: 500;
}
.cms-content
  .lp_container
  .page-top
  .search-ui-area
  form
  input[type="text"]::placeholder {
  color: #9a9a9a;
  font-weight: 500;
}
.cms-content .lp_container .page-top .search-ui-area form input[type="submit"] {
  width: clamp(60 / 2 * 1px, 8vw, 60 * 1px);
  aspect-ratio: 1/1;
  border-radius: 100%;
  border: none;
  background-image: url(/static/ROP/contents/gourmet/images/202502_icn_search.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.cms-content .lp_container .page-top .kw-wrapper {
  display: grid;
  grid-template-columns: auto 1fr;
  margin-top: clamp(27 / 2 * 1px, 3.6vw, 27 * 1px);
  margin-bottom: clamp(27 / 2 * 1px, 3.6vw, 27 * 1px);
  gap: clamp(12 / 2 * 1px, 1.6vw, 12 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .page-top .kw-wrapper {
    grid-column: 2/3;
    grid-row: 2/3;
    margin-top: 0;
    align-items: center;
  }
}
.cms-content .lp_container .page-top .kw-wrapper .kw-title {
  font-size: clamp(24 / 2 * 1px, 3.2vw, 24 * 1px);
  margin-top: clamp(4 / 2 * 1px, 0.5333333333vw, 4 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .page-top .kw-wrapper .kw-title {
    font-size: 1rem;
    margin-top: 0;
  }
}
.cms-content .lp_container .page-top .kw-wrapper .kw-list {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(11 / 2 * 1px, 1.4666666667vw, 11 * 1px);
}
.cms-content .lp_container .page-top .kw-wrapper .kw-list .kw a {
  color: #3c3c3c;
  display: block;
  border: 1px solid var(--yellow);
  border-radius: 100vw;
  padding: clamp(3.5px, 0.9333333333vw, 7px) clamp(8px, 2.1333333333vw, 16px)
    clamp(2.5px, 0.6666666667vw, 5px);
  font-size: clamp(20 / 2 * 1px, 2.6666666667vw, 20 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .page-top .kw-wrapper .kw-list .kw a {
    font-size: 0.8rem;
  }
}
.cms-content .lp_container .hero {
  width: 100%;
}
.cms-content .lp_container .hero .splide__slide img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.cms-content .lp_container .hero #main-slider {
  margin-inline: auto;
  position: relative;
  max-width: 1920px;
}
.cms-content .lp_container .hero #main-slider .main-slider-item {
  width: auto;
  aspect-ratio: 67/48;
  filter: brightness(0.6);
}
.cms-content .lp_container .hero #main-slider .main-slider-item.slick-current {
  filter: brightness(1);
}
.cms-content .lp_container .hero #main-slider .main-slider-item img {
  width: 100vw;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 670px;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .hero #main-slider .main-slider-item img {
    width: 50vw;
  }
}
.cms-content .lp_container .hero #main-slider .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 999;
  width: min(4.3vw, 69px);
  aspect-ratio: 1/2;
  background-color: initial;
  background-image: url(/static/ROP/contents/gourmet/images/202502_icno-mv-arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 5px;
  border: none;
}
.cms-content .lp_container .hero #main-slider .slick-arrow::before {
  content: none;
}
.cms-content .lp_container .hero #main-slider .slick-arrow.prev {
  left: 12%;
  transform: rotate(180deg) translateY(50%);
}
.cms-content .lp_container .hero #main-slider .slick-arrow.next {
  right: 12%;
  transform: translateY(-50%);
}
.cms-content .lp_container .hero #thumbnail-slider {
  margin-top: clamp(23 / 2 * 1px, 3.0666666667vw, 23 * 1px);
}
.cms-content .lp_container .hero #thumbnail-slider .slick-track {
  transform: unset !important;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 17px;
}
.cms-content
  .lp_container
  .hero
  #thumbnail-slider
  .slick-track
  .thumbnail-slider-item {
  max-width: 91px;
  width: auto;
  aspect-ratio: 67/48;
  align-self: start;
  border-radius: clamp(11 / 2 * 1px, 1.4666666667vw, 11 * 1px);
  border: none;
  filter: brightness(0.6);
}
.cms-content
  .lp_container
  .hero
  #thumbnail-slider
  .slick-track
  .thumbnail-slider-item.slick-current {
  filter: brightness(1);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .hero #thumbnail-slider {
    margin-top: 15px;
  }
}
.cms-content .lp_container .future {
  margin-top: clamp(40 / 2 * 1px, 5.3333333333vw, 40 * 1px);
}
.cms-content .lp_container .future .grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: clamp(30 / 2 * 1px, 4vw, 30 * 1px);
  column-gap: clamp(30 / 2 * 1px, 4vw, 30 * 1px);
  row-gap: clamp(25 / 2 * 1px, 3.3333333333vw, 25 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .future .grid-container {
    grid-template-columns: repeat(4, 1fr);
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}
.cms-content .lp_container .future .banner {
  margin-inline: auto;
  margin-top: clamp(42 / 2 * 1px, 5.6vw, 42 * 1px);
  width: clamp(480 / 2 * 1px, 64vw, 480 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .future .banner {
    margin-top: 26px;
  }
}
.cms-content .lp_container .introduced {
  background-image: url(/static/ROP/contents/gourmet/images/202502_bg-introduced-sp.jpg);
  margin-top: clamp(103 / 2 * 1px, 13.7333333333vw, 103 * 1px);
  padding-top: clamp(58 / 2 * 1px, 7.7333333333vw, 58 * 1px);
  padding-bottom: clamp(82 / 2 * 1px, 10.9333333333vw, 82 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .introduced {
    background-image: url(/static/ROP/contents/gourmet/images/202502_bg-introduced-pc.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 55px;
    padding-top: 45px;
    padding-bottom: 59px;
  }
}
.cms-content .lp_container .introduced .section-title {
  text-align: center;
  font-weight: 700;
  font-size: clamp(46 / 2 * 1px, 6.1333333333vw, 46 * 1px);
  color: var(--red);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .introduced .section-title {
    font-size: 2.1rem;
  }
}
.cms-content .lp_container .introduced .splide {
  margin-top: clamp(43 / 2 * 1px, 5.7333333333vw, 43 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .introduced .splide {
    margin-top: 24px;
  }
}
.cms-content .lp_container .introduced .splide .slick-arrow {
  top: 40.14%;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .introduced .splide .slick-arrow {
    top: 53.5%;
  }
}
.cms-content .lp_container .introduced .splide .slick-arrow.prev {
  left: -4.5vw;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .introduced .splide .slick-arrow.prev {
    left: 0;
  }
}
.cms-content .lp_container .introduced .splide .slick-arrow.next {
  right: -4.5vw;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .introduced .splide .slick-arrow.next {
    right: 0;
  }
}
.cms-content .lp_container .introduced .splide a {
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .cms-content .lp_container .introduced .splide a:hover {
    opacity: 0.8;
  }
}
@media (hover: none) {
  .cms-content .lp_container .introduced .splide a:hover {
    opacity: 1;
  }
}
.cms-content .lp_container .introduced .btn {
  margin-top: clamp(80 / 2 * 1px, 10.6666666667vw, 80 * 1px);
  background-color: #fff;
  border: clamp(1.5px, 0.4vw, 3px) solid var(--main-color);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .introduced .btn {
    margin-top: 43px;
  }
}
.cms-content .lp_container .introduced .btn a {
  color: var(--red);
}
.cms-content .lp_container .introduced .btn a:hover {
  background-color: #fff;
}
.cms-content .lp_container .introduced .btn a::after {
  background-image: url(/static/ROP/contents/gourmet/images/202502_icon-arrow-red.png);
}
.cms-content .lp_container .choose-genre,
.cms-content .lp_container .choose-price {
  padding-top: clamp(80 / 2 * 1px, 10.6666666667vw, 80 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .choose-genre,
  .cms-content .lp_container .choose-price {
    padding-top: 70px;
  }
}
.cms-content .lp_container .choose-genre .section-title,
.cms-content .lp_container .choose-price .section-title {
  font-size: clamp(36 / 2 * 1px, 4.8vw, 36 * 1px);
  font-weight: 700;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .choose-genre .section-title,
  .cms-content .lp_container .choose-price .section-title {
    font-size: 1.8rem;
  }
}
.cms-content .lp_container .choose-genre .section-title::after,
.cms-content .lp_container .choose-genre .section-title::before,
.cms-content .lp_container .choose-price .section-title::after,
.cms-content .lp_container .choose-price .section-title::before {
  content: "";
  display: block;
  width: 100%;
  height: clamp(2 / 2 * 1px, 0.2666666667vw, 2 * 1px);
  background-color: currentColor;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .choose-genre .section-title::after,
  .cms-content .lp_container .choose-genre .section-title::before,
  .cms-content .lp_container .choose-price .section-title::after,
  .cms-content .lp_container .choose-price .section-title::before {
    height: 1px;
  }
}
.cms-content .lp_container .choose-genre .section-title {
  gap: clamp(28 / 2 * 1px, 3.7333333333vw, 28 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .choose-genre .section-title {
    gap: 15px;
  }
}
.cms-content .lp_container .choose-genre .flex-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  margin-top: clamp(31 / 2 * 1px, 4.1333333333vw, 31 * 1px);
  -moz-column-gap: clamp(50 / 2 * 1px, 6.6666666667vw, 50 * 1px);
  column-gap: clamp(50 / 2 * 1px, 6.6666666667vw, 50 * 1px);
  row-gap: clamp(26 / 2 * 1px, 3.4666666667vw, 26 * 1px);
  font-size: clamp(25 / 2 * 1px, 3.3333333333vw, 25 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .choose-genre .flex-container {
    margin-top: 16px;
    gap: 20px;
    font-size: 1rem;
  }
}
.cms-content .lp_container .choose-genre .flex-container .flex-item {
  width: clamp(181 / 2 * 1px, 24.1333333333vw, 181 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .choose-genre .flex-container .flex-item {
    width: 180px;
  }
}
.cms-content .lp_container .choose-genre .flex-container .img-wrapper {
  border-radius: clamp(16 / 2 * 1px, 2.1333333333vw, 16 * 1px);
  margin-bottom: clamp(10 / 2 * 1px, 1.3333333333vw, 10 * 1px);
}
.cms-content .lp_container .choose-price {
  padding-top: clamp(75 / 2 * 1px, 10vw, 75 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .choose-price {
    padding-top: 52px;
  }
}
.cms-content .lp_container .choose-price .section-title {
  gap: clamp(60 / 2 * 1px, 8vw, 60 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .choose-price .section-title {
    gap: 37px;
  }
}
.cms-content .lp_container .choose-price .flex-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: clamp(29 / 2 * 1px, 3.8666666667vw, 29 * 1px);
  -moz-column-gap: clamp(20 / 2 * 1px, 2.6666666667vw, 20 * 1px);
  column-gap: clamp(20 / 2 * 1px, 2.6666666667vw, 20 * 1px);
  row-gap: clamp(16 / 2 * 1px, 2.1333333333vw, 16 * 1px);
  padding: 0 clamp(12.5px, 3.3333333333vw, 25px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .choose-price .flex-container {
    margin-top: 12px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    justify-content: space-between;
  }
}
.cms-content .lp_container .choose-price .flex-container .flex-item a {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4em;
  text-align: center;
  background-color: var(--yellow);
  border-radius: clamp(14 / 2 * 1px, 1.8666666667vw, 14 * 1px);
  font-size: clamp(24 / 2 * 1px, 3.2vw, 24 * 1px);
  padding: clamp(3px, 0.8vw, 6px) clamp(22.5px, 5vw, 45px);
  transition: background-color 0.3s;
}
@media (any-hover: hover) {
  .cms-content .lp_container .choose-price .flex-container .flex-item a:hover {
    background-color: var(--red);
  }
}
@media (hover: none) {
  .cms-content .lp_container .choose-price .flex-container .flex-item a:hover {
    background-color: var(--yellow);
  }
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .choose-price .flex-container .flex-item a {
    font-size: 1rem;
    padding: 16px 0 16px;
    border-radius: 15px;
  }
}
.cms-content .lp_container .ranking {
  background: #f4ebdb;
  padding-top: clamp(90 / 2 * 1px, 12vw, 90 * 1px);
  margin-top: clamp(88 / 2 * 1px, 11.7333333333vw, 88 * 1px);
  padding-bottom: clamp(115 / 2 * 1px, 15.3333333333vw, 115 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .ranking {
    margin-top: 97px;
    padding-top: 63px;
    padding-bottom: 108px;
  }
}
.cms-content .lp_container .ranking .page-inner {
  position: relative;
}
.cms-content .lp_container .ranking .section-title {
  text-align: center;
  font-weight: 700;
  color: var(--red);
  font-size: clamp(46 / 2 * 1px, 6.1333333333vw, 46 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .ranking .section-title {
    font-size: 2.15rem;
  }
}
.cms-content .lp_container .ranking .date {
  position: absolute;
  right: clamp(30 / 2 * 1px, 4vw, 30 * 1px);
  font-size: clamp(26 / 2 * 1px, 3.4666666667vw, 26 * 1px);
  top: -80%;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .ranking .date {
    top: 17px;
    right: 28px;
    font-size: 1rem;
  }
}
.cms-content .lp_container .ranking .tabs {
  display: flex;
  gap: clamp(16 / 2 * 1px, 2.1333333333vw, 16 * 1px);
  padding: 0 clamp(14.5px, 3.8666666667vw, 29px);
  margin-top: clamp(35 / 2 * 1px, 4.6666666667vw, 35 * 1px);
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .ranking .tabs {
    width: 980px;
    margin-inline: auto;
    margin-top: 28px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
    overflow: hidden;
    border-bottom: 8px solid var(--red);
  }
}
@media (hover: none) {
  .cms-content .lp_container .ranking .tabs {
    border-bottom: clamp(4px, 1.0666666667vw, 8px) solid var(--red);
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .cms-content .lp_container .ranking .tabs::-webkit-scrollbar {
    display: none;
  }
}
.cms-content .lp_container .ranking .tab {
  cursor: pointer;
  border: none;
  font-weight: 700;
  font-size: clamp(36 / 2 * 1px, 4.8vw, 36 * 1px);
  padding: clamp(12px, 3.2vw, 24px) clamp(32px, 8.5333333333vw, 64px);
  background-color: var(--yellow);
  color: #fff;
  border-radius: clamp(7.5px, 2vw, 15px) clamp(7.5px, 2vw, 15px) 0 0;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .ranking .tab {
    font-size: 1.4rem;
    font-weight: 400;
    overflow: hidden;
    padding: 10px 0 8px;
  }
}
.cms-content .lp_container .ranking .tab[aria-selected="true"] {
  background-color: var(--red);
}
.cms-content .lp_container .ranking .ranking-item-container {
  background-color: #fff;
  padding-bottom: clamp(35 / 2 * 1px, 4.6666666667vw, 35 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .ranking .ranking-item-container {
    width: 980px;
    margin-inline: auto;
    padding-bottom: 7px;
  }
}
.cms-content
  .lp_container
  .ranking
  .ranking-item-container
  .ranking-item-wrapper {
  padding: clamp(30 / 2 * 1px, 4vw, 30 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content
    .lp_container
    .ranking
    .ranking-item-container
    .ranking-item-wrapper {
    padding: 5px 88px;
  }
}
.cms-content .lp_container .ranking .ranking-item-container .ranking-list {
  display: grid;
  grid-template-columns: repeat(6, clamp(130px, 34.6666666667vw, 260px));
  grid-template-rows: repeat(5, auto);
  -moz-column-gap: clamp(23 / 2 * 1px, 3.0666666667vw, 23 * 1px);
  column-gap: clamp(23 / 2 * 1px, 3.0666666667vw, 23 * 1px);
  padding-bottom: clamp(47 / 2 * 1px, 6.2666666667vw, 47 * 1px);
  counter-reset: rank;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .ranking .ranking-item-container .ranking-list {
    grid-template-columns: repeat(3, 1fr);
    overflow: hidden;
    -moz-column-gap: 35px;
    column-gap: 35px;
    row-gap: 20px;
  }
}
.cms-content
  .lp_container
  .ranking
  .ranking-item-container
  .ranking-list
  .ranking-list-item {
  position: relative;
  margin-top: clamp(30 / 2 * 1px, 4vw, 30 * 1px);
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  row-gap: 0;
}
@media screen and (min-width: 768px) {
  .cms-content
    .lp_container
    .ranking
    .ranking-item-container
    .ranking-list
    .ranking-list-item {
    padding-top: 26px;
  }
}
@media screen and (min-width: 768px) {
  .cms-content
    .lp_container
    .ranking
    .ranking-item-container
    .ranking-list
    .ranking-list-item:nth-child(1),
  .cms-content
    .lp_container
    .ranking
    .ranking-item-container
    .ranking-list
    .ranking-list-item:nth-child(2),
  .cms-content
    .lp_container
    .ranking
    .ranking-item-container
    .ranking-list
    .ranking-list-item:nth-child(3) {
    padding-top: 0;
  }
}
.cms-content
  .lp_container
  .ranking
  .ranking-item-container
  .ranking-list
  .ranking-list-item:nth-child(1)::before,
.cms-content
  .lp_container
  .ranking
  .ranking-item-container
  .ranking-list
  .ranking-list-item:nth-child(2)::before,
.cms-content
  .lp_container
  .ranking
  .ranking-item-container
  .ranking-list
  .ranking-list-item:nth-child(3)::before {
  content: "";
  display: block;
  width: clamp(50 / 2 * 1px, 6.6666666667vw, 50 * 1px);
  aspect-ratio: 1/0.96;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .cms-content
    .lp_container
    .ranking
    .ranking-item-container
    .ranking-list
    .ranking-list-item:nth-child(1)::before,
  .cms-content
    .lp_container
    .ranking
    .ranking-item-container
    .ranking-list
    .ranking-list-item:nth-child(2)::before,
  .cms-content
    .lp_container
    .ranking
    .ranking-item-container
    .ranking-list
    .ranking-list-item:nth-child(3)::before {
    width: 29px;
  }
}
.cms-content
  .lp_container
  .ranking
  .ranking-item-container
  .ranking-list
  .ranking-list-item:nth-child(1)::after,
.cms-content
  .lp_container
  .ranking
  .ranking-item-container
  .ranking-list
  .ranking-list-item:nth-child(2)::after,
.cms-content
  .lp_container
  .ranking
  .ranking-item-container
  .ranking-list
  .ranking-list-item:nth-child(3)::after {
  background-color: var(--red);
  left: clamp(65 / 2 * 1px, 8.6666666667vw, 65 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content
    .lp_container
    .ranking
    .ranking-item-container
    .ranking-list
    .ranking-list-item:nth-child(1)::after,
  .cms-content
    .lp_container
    .ranking
    .ranking-item-container
    .ranking-list
    .ranking-list-item:nth-child(2)::after,
  .cms-content
    .lp_container
    .ranking
    .ranking-item-container
    .ranking-list
    .ranking-list-item:nth-child(3)::after {
    left: 40px;
  }
}
.cms-content
  .lp_container
  .ranking
  .ranking-item-container
  .ranking-list
  .ranking-list-item:nth-child(1)::before {
  background-image: url(/static/ROP/contents/gourmet/images/202502_icon-ranking-1.png);
}
.cms-content
  .lp_container
  .ranking
  .ranking-item-container
  .ranking-list
  .ranking-list-item:nth-child(2)::before {
  background-image: url(/static/ROP/contents/gourmet/images/202502_icon-ranking-2.png);
}
.cms-content
  .lp_container
  .ranking
  .ranking-item-container
  .ranking-list
  .ranking-list-item:nth-child(3)::before {
  background-image: url(/static/ROP/contents/gourmet/images/202502_icon-ranking-3.png);
}
.cms-content
  .lp_container
  .ranking
  .ranking-item-container
  .ranking-list
  .ranking-list-item::after {
  counter-increment: rank;
  content: counter(rank) " 位";
  background-color: var(--yellow);
  color: #fff;
  font-size: clamp(24 / 2 * 1px, 3.2vw, 24 * 1px);
  font-weight: 700;
  padding: clamp(1.5px, 0.4vw, 3px) clamp(8.5px, 2.2666666667vw, 17px);
  position: absolute;
  top: clamp(3 / 2 * 1px, 0.4vw, 3 * 1px);
  left: 0;
}
@media screen and (min-width: 768px) {
  .cms-content
    .lp_container
    .ranking
    .ranking-item-container
    .ranking-list
    .ranking-list-item::after {
    font-size: 1rem;
    padding: 1px 17px;
    top: 1px;
  }
}
.cms-content
  .lp_container
  .ranking
  .ranking-item-container
  .ranking-list
  .ranking-list-item
  .item-card {
  grid-row: 2/6;
}
@media screen and (min-width: 768px) {
  .cms-content
    .lp_container
    .ranking
    .ranking-item-container
    .ranking-list
    .ranking-list-item
    .item-card {
    grid-row: span 3;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 3px;
  }
}
@media screen and (min-width: 768px) {
  .cms-content
    .lp_container
    .ranking
    .ranking-item-container
    .ranking-list
    .ranking-list-item
    .item-card
    .img-wrapper {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) {
  .cms-content
    .lp_container
    .ranking
    .ranking-item-container
    .ranking-list
    .ranking-list-item
    .item-card
    .btn {
    white-space: nowrap;
  }
}
.cms-content .lp_container .new-arrival {
  padding-top: clamp(80 / 2 * 1px, 10.6666666667vw, 80 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .new-arrival {
    padding-top: 74px;
  }
}
.cms-content .lp_container .new-arrival .section-title {
  font-size: clamp(48 / 2 * 1px, 6.4vw, 48 * 1px);
  font-weight: 700;
  text-align: center;
  margin-bottom: clamp(6 / 2 * 1px, 0.8vw, 6 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .new-arrival .section-title {
    font-size: 2.2rem;
    margin-bottom: 0;
  }
}
.cms-content .lp_container .new-arrival .splide {
  padding: clamp(30 / 2 * 1px, 4vw, 30 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .new-arrival .splide {
    padding: 26px 0;
    margin-inline: auto;
  }
}
.cms-content .lp_container .new-arrival .splide__list {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(4, auto);
  -moz-column-gap: clamp(24 / 2 * 1px, 3.2vw, 24 * 1px);
  column-gap: clamp(24 / 2 * 1px, 3.2vw, 24 * 1px);
  padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .new-arrival .splide__list {
    display: flex;
    -moz-column-gap: initial;
    column-gap: initial;
  }
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .new-arrival .splide__list .item-card {
    grid-template-rows: auto 1fr auto;
  }
}
.cms-content .lp_container .new-arrival #new-arrival-slider {
  max-width: 920px;
  margin-inline: auto;
}
.cms-content .lp_container .new-arrival #new-arrival-slider .slick-track {
  display: grid;
  grid-auto-flow: column;
  gap: 24px;
}
.cms-content .lp_container .new-arrival .slick-arrow {
  display: none;
  top: 29%;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .new-arrival .slick-arrow {
    display: block;
  }
}
.cms-content .lp_container .new-arrival .slick-arrow.prev {
  left: -3%;
}
.cms-content .lp_container .new-arrival .slick-arrow.next {
  right: -3%;
}
.cms-content .lp_container .new-arrival .scroller {
  padding-bottom: clamp(45 / 2 * 1px, 6vw, 45 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .new-arrival .scroller {
    overflow: hidden;
  }
}
.cms-content .lp_container .new-arrival .item-card {
  width: clamp(259 / 2 * 1px, 34.5333333333vw, 259 * 1px);
}
.cms-content .lp_container .new-arrival .item-card .img-wrapper {
  border-radius: clamp(10 / 2 * 1px, 1.3333333333vw, 10 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .new-arrival .item-card p:not(.price) {
    margin-top: 10px;
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
.cms-content .lp_container .new-arrival .item-card .price-wrapper {
  margin-top: 6px;
  flex-direction: column;
}
.cms-content .lp_container .new-arrival .btn.btn-l {
  margin-top: clamp(45 / 2 * 1px, 6vw, 45 * 1px);
  margin-bottom: 2vw;
  transition: background-color 0.3s;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .new-arrival .btn.btn-l {
    margin-top: 13px;
  }
}
@media (any-hover: hover) {
  .cms-content .lp_container .new-arrival .btn.btn-l:hover {
    background-color: var(--yellow);
  }
}
@media (hover: none) {
  .cms-content .lp_container .new-arrival .btn.btn-l:hover {
    background-color: var(--red);
  }
}
.cms-content .lp_container .new-arrival .btn.btn-l a {
  padding: clamp(9.5px, 2.5333333333vw, 19px) clamp(15px, 4vw, 30px)
    clamp(9.5px, 2.5333333333vw, 19px) clamp(38px, 10.1333333333vw, 76px);
  gap: clamp(45 / 2 * 1px, 6vw, 45 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .new-arrival .btn.btn-l a {
    padding: 18px 22px 16px 90px;
    gap: 64px;
  }
}
.cms-content .lp_container .recommend {
  margin-top: clamp(128 / 2 * 1px, 17.0666666667vw, 128 * 1px);
  padding: clamp(40px, 10.6666666667vw, 80px) clamp(15px, 4vw, 30px)
    clamp(47.5px, 12.6666666667vw, 95px);
  background-image: url(/static/ROP/contents/gourmet/images/202502_bg-recommend-sp.jpg);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend {
    background-image: url(/static/ROP/contents/gourmet/images/202502_bg-recommend-pc.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 75px;
  }
}
.cms-content .lp_container .recommend .recommend-inner {
  background: repeating-linear-gradient(
    90deg,
    #faf6ef,
    #faf6ef 3px,
    #fbf7f2 3px,
    #fbf7f2 6px
  );
  border-radius: clamp(20 / 2 * 1px, 2.6666666667vw, 20 * 1px);
  padding: clamp(18.5px, 4.9333333333vw, 37px) clamp(4px, 1.0666666667vw, 8px)
    clamp(10px, 2.6666666667vw, 20px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .recommend-inner {
    width: 980px;
    margin-inline: auto;
    padding: 53px 0 20px;
  }
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .section-title img {
    width: 924px;
    transform: translateX(1.9%);
  }
}
.cms-content .lp_container .recommend .img-wrapper {
  width: clamp(440 / 2 * 1px, 58.6666666667vw, 440 * 1px);
  margin-inline: auto;
  margin-top: clamp(46 / 2 * 1px, 6.1333333333vw, 46 * 1px);
  margin-bottom: clamp(6 / 2 * 1px, 0.8vw, 6 * 1px);
  grid-column: span 2;
  grid-row: span 2;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .img-wrapper {
    grid-column: span 1;
    grid-row: span 2;
    width: 100%;
    margin-top: 0;
  }
}
.cms-content .lp_container .recommend .img-wrapper img {
  border-radius: clamp(10 / 2 * 1px, 1.3333333333vw, 10 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .recommend-item {
    display: grid;
    grid-template-columns: 0.93fr 1fr;
    width: 798px;
    margin-inline: auto;
    margin-top: 9px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
}
.cms-content .lp_container .recommend .recommend-item:last-of-type {
  margin-top: clamp(200 / 2 * 1px, 26.6666666667vw, 200 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .recommend-item:last-of-type {
    margin-top: 9px;
  }
}
.cms-content .lp_container .recommend .item-card {
  margin-inline: auto;
  display: block;
  width: clamp(590 / 2 * 1px, 78.6666666667vw, 590 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .item-card {
    grid-column: span 1;
    grid-row: span 1;
    width: 100%;
  }
}
.cms-content .lp_container .recommend .item-card p {
  font-size: clamp(35 / 2 * 1px, 4.6666666667vw, 35 * 1px);
  font-weight: 700;
  grid-column: span 2;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .item-card p {
    font-size: 1.2rem;
    margin-top: 20px;
  }
}
.cms-content .lp_container .recommend .item-card .price-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cms-content .lp_container .recommend .item-card .price {
  grid-column: span 1;
  font-size: clamp(35 / 2 * 1px, 4.6666666667vw, 35 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .item-card .price {
    margin-top: 12px;
    font-size: 1.8rem;
  }
}
.cms-content .lp_container .recommend .item-card .price::after,
.cms-content .lp_container .recommend .item-card .price::before {
  font-size: clamp(23 / 2 * 1px, 3.0666666667vw, 23 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .item-card .price::after,
  .cms-content .lp_container .recommend .item-card .price::before {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .item-card .btn-s {
    height: -moz-fit-content;
    height: fit-content;
  }
}
.cms-content .lp_container .recommend .comment {
  margin-top: clamp(30 / 2 * 1px, 4vw, 30 * 1px);
  position: relative;
  margin-bottom: clamp(140 / 2 * 1px, 18.6666666667vw, 140 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .comment {
    margin-top: 18px;
    margin-bottom: 80px;
    grid-column: span 1;
  }
}
.cms-content .lp_container .recommend .comment .comment-inner {
  width: clamp(640 / 2 * 1px, 85.3333333333vw, 640 * 1px);
  padding: clamp(11.5px, 3.0666666667vw, 23px) clamp(13px, 3.4666666667vw, 26px);
  margin-inline: auto;
  background-color: #fff;
  border-radius: 8px;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .comment .comment-inner {
    width: 100%;
    padding: 13px 17px;
  }
}
.cms-content .lp_container .recommend .comment strong {
  color: #fc6259;
  font-weight: 700;
  font-size: clamp(32 / 2 * 1px, 4.2666666667vw, 32 * 1px);
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .comment strong {
    font-size: 1.1rem;
  }
}
.cms-content .lp_container .recommend .comment p {
  padding-bottom: clamp(22 / 2 * 1px, 2.9333333333vw, 22 * 1px);
  font-size: clamp(30 / 2 * 1px, 4vw, 30 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .comment p {
    font-size: 1rem;
    padding-bottom: 8px;
  }
}
.cms-content .lp_container .recommend .comment p:not(:has(strong)) {
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .comment p:not(:has(strong)) {
    width: 100%;
    font-size: 0.9rem;
    line-height: 1.8;
  }
}
.cms-content .lp_container .recommend .comment .staff {
  position: absolute;
  bottom: -22%;
  right: clamp(23 / 2 * 1px, 3.0666666667vw, 23 * 1px);
  width: 100%;
}
.cms-content .lp_container .recommend .comment .staff figure {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  gap: clamp(18 / 2 * 1px, 2.4vw, 18 * 1px);
}
.cms-content .lp_container .recommend .comment .staff figure img {
  width: clamp(160 / 2 * 1px, 21.3333333333vw, 160 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .comment .staff figure img {
    width: 100px;
  }
}
.cms-content .lp_container .recommend .comment .staff figure figcaption {
  font-size: clamp(23 / 2 * 1px, 3.0666666667vw, 23 * 1px);
  font-weight: 700;
  color: #3c3c3c;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .comment .staff figure figcaption {
    font-size: 0.8rem;
  }
}
.cms-content .lp_container .special-future {
  padding-top: clamp(84 / 2 * 1px, 11.2vw, 84 * 1px);
  padding-bottom: clamp(109 / 2 * 1px, 14.5333333333vw, 109 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .special-future {
    padding-top: 65px;
  }
}
.cms-content .lp_container .special-future .section-title {
  font-size: clamp(46 / 2 * 1px, 6.1333333333vw, 46 * 1px);
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .special-future .section-title {
    font-size: 2.2rem;
  }
}
.cms-content .lp_container .special-future .grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: clamp(30 / 2 * 1px, 4vw, 30 * 1px);
  column-gap: clamp(30 / 2 * 1px, 4vw, 30 * 1px);
  row-gap: clamp(34 / 2 * 1px, 4.5333333333vw, 34 * 1px);
  font-size: clamp(23 / 2 * 1px, 3.0666666667vw, 23 * 1px);
  margin-top: clamp(28 / 2 * 1px, 3.7333333333vw, 28 * 1px);
  margin-bottom: clamp(46 / 2 * 1px, 6.1333333333vw, 46 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .special-future .grid-container {
    margin-top: 18px;
    margin-bottom: 62px;
    grid-template-columns: repeat(3, 1fr);
    font-size: 1rem;
  }
}
.cms-content .lp_container .special-future .grid-container span {
  display: inline-block;
  margin-top: clamp(10 / 2 * 1px, 1.3333333333vw, 10 * 1px);
  color: #3c3c3c;
}
.cms-content .lp_container .special-future .btn-l {
  transition: background-color 0.3s;
}
@media (any-hover: hover) {
  .cms-content .lp_container .special-future .btn-l:hover {
    background-color: var(--yellow);
  }
}
@media (hover: none) {
  .cms-content .lp_container .special-future .btn-l:hover {
    background-color: var(--red);
  }
}
.cms-content .lp_container .special-future .btn-l a {
  padding: clamp(9px, 2.4vw, 18px) clamp(14px, 3.7333333333vw, 28px)
    clamp(9.5px, 2.5333333333vw, 19px) clamp(27.5px, 7.3333333333vw, 55px);
  gap: clamp(34 / 2 * 1px, 4.5333333333vw, 34 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .special-future .btn-l a {
    padding: 16px 26px 16px 100px;
    gap: 78px;
  }
}
#page-top_btn {
  position: fixed;
  z-index: 1;
  bottom: clamp(10px, 3%, 20px);
  right: clamp(10px, 2%, 20px);
  width: 14vw;
  max-width: 104px;
}
@media (min-width: 751px) {
  .pc-hidden {
    display: none;
  }
  .sp-hidden {
    display: block;
    margin: 0 auto;
  }
  .pc-flex {
    display: flex;
  }
  .page-inner {
    max-width: 980px;
    margin: 43px auto 0;
  }
  .main-bg {
    background: url(/static/ROP/contents/gourmet/images/pc_bg.jpg) no-repeat
      top/cover;
    padding-bottom: 87px;
  }
  .white-bg {
    padding: 30px 2.5% 6px;
  }
  .ivory-bg {
    margin-top: 69px;
    padding-bottom: 67px;
  }
  .item-wrapper {
    justify-content: space-between;
    margin-top: 19px;
  }
  .item-01 {
    margin-top: 27px;
  }
  .item-02 {
    margin-top: 95px;
  }
  .item-03 {
    margin-top: 0;
  }
  .item-04 {
    margin-top: 76px;
  }
  .item-05 {
    margin-top: 87px;
  }
  .item-06 {
    margin-top: 83px;
  }
  .item-07,
  .item-08,
  .item-09,
  .item-10 {
    margin-top: 0;
    width: 47.5%;
  }
  .item-10 {
    margin-bottom: 65px;
  }
  .btn {
    margin: 20px auto 0;
    width: 100%;
    text-align: center;
  }
  .btn-img.sp-hidden {
    display: inline;
    margin: 0;
  }
  #page-top_btn {
    bottom: 19px;
    right: 0.2%;
  }
}
.cms-content .lp_container .recommend .section-title2 {
  font-size: clamp(48 / 2 * 1px, 6.4vw, 48 * 1px);
  font-weight: 700;
  text-align: center;
  margin-bottom: clamp(6 / 2 * 1px, 0.8vw, 6 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .section-title2 {
    font-size: 2.2rem;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .recommend-item2 {
    display: grid;
    grid-template-columns: 0.93fr 1fr;
    width: 798px;
    margin-inline: auto;
    margin-top: 9px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
}
.cms-content .lp_container .recommend .item-card2 {
  margin-inline: auto;
  display: block;
  text-align: center;
  margin-top: 0.5em;
  width: clamp(590 / 2 * 1px, 78.6666666667vw, 590 * 1px);
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .item-card2 {
    grid-column: span 1;
    grid-row: span 1;
    width: 100%;
  }
}
.cms-content .lp_container .recommend .item-card2 p {
  font-size: clamp(35 / 2 * 1px, 4.6666666667vw, 35 * 1px);
  font-weight: 700;
  grid-column: span 2;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .item-card2 p {
    font-size: 1.2rem;
    margin-top: 20px;
  }
}
.cms-content .lp_container .recommend .comment .recipe-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 1em;
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .recommend .comment .btn-s2 {
    height: -moz-fit-content;
    height: fit-content;
  }
}
.br-sp {
  display: none;
}
@media (max-width: 600px) {
  .br-sp {
    display: block;
  }
}
.recommend-item3 {
  margin-inline: auto;
  text-align: center;
  margin-top: 0.5em;
}
.recommend-item3 img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 60%;
  height: auto;
  border-radius: 12px;
}
.recommend-item3 .recipe-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 1em;
}
@media (max-width: 600px) {
  .recommend-item3 img {
    width: 90%;
  }
}
@media (max-width: 600px) {
  .cms-content .lp_container .hero #thumbnail-slider .slick-track {
    gap: 4px;
  }
  .cms-content
    .lp_container
    .hero
    #thumbnail-slider
    .slick-track
    .thumbnail-slider-item {
    max-width: 68px;
  }
}
@media screen and (min-width: 768px) {
  .cms-content .lp_container .ranking .tab {
    font-size: 1.4rem;
    font-weight: normal;
    overflow: hidden;
    padding: 10px 0 8px;
    text-align: center;
  }
}