@charset "UTF-8";
@import url(https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.5.0/swiper-bundle.css);
section {
  width: 100%;
  box-sizing: border-box; }

.fs-l-main {
  padding-bottom: 60px; }
  @media screen and (min-width: 768px) {
    .fs-l-main {
      padding-bottom: 100px; } }
  .fs-l-main .ttl1 {
    text-align: center;
    margin-bottom: 35px;
    font-size: 2.5rem;
    font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }
    @media screen and (min-width: 768px) {
      .fs-l-main .ttl1 {
        margin-bottom: 70px;
        font-size: 3.5rem; } }

/* ==============================================
 ### メインビジュアル
=================================================*/
.mv-section {
  margin-bottom: 25px; }
  @media screen and (min-width: 768px) {
    .mv-section {
      margin-bottom: 40px; } }
  .mv-section .item img {
    width: 100%; }
  .mv-section a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }
  .mv-section a:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }
  .mv-section .slider {
    /* Arrows */ }
    .mv-section .slider .slick-arrow {
      cursor: pointer;
      position: absolute;
      z-index: 1;
      display: block;
      color: #fff;
    font-size: 1.4rem;
    width: auto;
  height: auto;
  line-height:1.6;
transform: translate(0, 0) }
      .mv-section .slider .slick-arrow.slick-next {
        top: auto;
        bottom: 20px;
        right: 2em; }
        @media screen and (min-width: 768px) {
          .mv-section .slider .slick-arrow.slick-next {
            right: auto;
            left: 38%; } }
      .mv-section .slider .slick-arrow.slick-prev {
        bottom: 20px;
        top: auto;
        left: auto;
        right: 4em; }
        @media screen and (min-width: 768px) {
          .mv-section .slider .slick-arrow.slick-prev {
            right: auto;
            left: 36%; } }
            .mv-section .slider .slick-arrow.slick-next:before,
            .mv-section .slider .slick-arrow.slick-prev:before{
              display: none;
            }
            
    .mv-section .slider .slick-counter {
      position: absolute;
      bottom: 20px;
      left: 15px;
      color: #fff;
      font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-size: 1.1rem; }
      @media screen and (min-width: 768px) {
        .mv-section .slider .slick-counter {
          left: 14.7%;
          font-size: 1.3rem; } }
      .mv-section .slider .slick-counter:before {
        width: 200px;
        height: 1px;
        content: '';
        display: inline-block;
        border-top: 1px solid #fff;
        margin-right: 10px; }
        @media screen and (min-width: 768px) {
          .mv-section .slider .slick-counter:before {
            width: 230px; } }
  .mv-section .item {
    position: relative; }
    .mv-section .item > a {
      display: block; }
    .mv-section .item .contentBlock {
      position: absolute;
      bottom: 60px;
      left: 0;
      padding-left: 8.6%;
      padding-right: 8.6%; }
      @media screen and (min-width: 768px) {
        .mv-section .item .contentBlock {
          bottom: 115px;
          padding-left: 14.7%;
          padding-right: 14.7%; } }
      .mv-section .item .contentBlock .lead {
        font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        color: #fff;
        font-size: 1.2rem;
        margin-bottom: 12px; }
        @media screen and (min-width: 768px) {
          .mv-section .item .contentBlock .lead {
            font-size: 1.8rem; } }
      .mv-section .item .contentBlock .ttl {
        font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-size: 2.8rem;
        color: #fff;
        margin-bottom: 20px; }
        @media screen and (min-width: 768px) {
          .mv-section .item .contentBlock .ttl {
            font-size: 4.4rem;
            margin-bottom: 65px; } }
      .mv-section .item .contentBlock .text {
        color: #fff;
        font-size: 1.2rem;
        line-height: 2em;
        margin-bottom: 20px; }
        @media screen and (min-width: 768px) {
          .mv-section .item .contentBlock .text {
            font-size: 1.4rem;
            margin-bottom: 45px; } }
      .mv-section .item .contentBlock .btn1 {
        width: 145px; }
        @media screen and (min-width: 768px) {
          .mv-section .item .contentBlock .btn1 {
            width: 180px; } }
        .mv-section .item .contentBlock .btn1 a {
          border-color: #fff;
          color: #fff; }
        .mv-section .item .contentBlock .btn1 span.btn_viewmore {
          color: #fff;
          display: block;
          position: relative;
          border: 1px solid #fff;
          text-align: center;
          padding: 23px 0;
          line-height: 1;
          margin: 0 auto;
          font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }
          .mv-section .item .contentBlock .btn1 span.btn_viewmore:hover {
            background-color: #000;
            color: #fff; }
    .mv-section .item.otherType .contentBlock .lead {
      color: #000; }
    .mv-section .item.otherType .contentBlock .ttl {
      color: #000; }
    .mv-section .item.otherType .contentBlock .text {
      color: #000; }
    .mv-section .item.otherType .contentBlock .btn1 a {
      border-color: #000;
      color: #000; }
    .mv-section .item.otherType .contentBlock .btn1 span.btn_viewmore {
      color: #000;
      border: 1px solid #000; }
      .mv-section .item.otherType .contentBlock .btn1 span.btn_viewmore:hover {
        background-color: #fff;
        color: #000; }
        @media (width <= 768px) {/* SP 限定で色変更 */
        .mv-section .item.otherType_sp .contentBlock .btn1 span.btn_viewmore {
          color: #ddd;
          border: 1px solid #ddd; }
        }


.slick-slide .contentBlock {
  opacity: 0; }

.slick-current .contentBlock {
  animation-name: fadeup;
  animation-duration: 3s;
  opacity: 1; }

@keyframes fadeup {
  from {
    opacity: 0;
    transform: translateY(30px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
/* ==============================================
 ### メインビジュアル(MOVIE)
=================================================*/
.mv-movie-section {
  position: relative;
  margin-bottom: 50px; }
  @media screen and (min-width: 768px) {
    .mv-movie-section {
      margin-bottom: 100px; } }
  .mv-movie-section video {
    width: 100%;
    height: auto;
    z-index: -1; }
  .mv-movie-section .contentBlock {
    position: absolute;
    top: 100px;
    left: 0;
    padding-left: 8.6%;
    padding-right: 8.6%;
    animation-name: fadeup;
    animation-duration: 3s;
    opacity: 1; }
    @media screen and (min-width: 768px) {
      .mv-movie-section .contentBlock {
        bottom: 115px;
        padding-left: 14.7%;
        padding-right: 14.7%; } }
    .mv-movie-section .contentBlock .lead {
      font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      color: #fff;
      font-size: 1.2rem;
      margin-bottom: 12px; }
      @media screen and (min-width: 768px) {
        .mv-movie-section .contentBlock .lead {
          font-size: 1.8rem; } }
    .mv-movie-section .contentBlock .ttl {
      font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-size: 2.8rem;
      color: #fff;
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) {
        .mv-movie-section .contentBlock .ttl {
          font-size: 4.4rem;
          margin-bottom: 65px; } }
    .mv-movie-section .contentBlock .text {
      color: #fff;
      font-size: 1.2rem;
      line-height: 2em;
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) {
        .mv-movie-section .contentBlock .text {
          font-size: 1.4rem;
          margin-bottom: 45px; } }
    .mv-movie-section .contentBlock .btn1 {
      width: 145px; }
      @media screen and (min-width: 768px) {
        .mv-movie-section .contentBlock .btn1 {
          width: 180px; } }
      .mv-movie-section .contentBlock .btn1 a {
        border-color: #fff;
        color: #fff; }

/* ==============================================
 ### メインビジュアル(VIMEO)
=================================================*/
.mv-vimeo-section {
  position: relative;
  margin-bottom: 50px; }
  @media screen and (min-width: 768px) {
    .mv-vimeo-section {
      margin-bottom: 100px; } }
  .mv-vimeo-section .movieBlock {
    position: relative;
    width: 100%;
    padding: 0 0 120%;
    overflow: hidden; }
    @media screen and (min-width: 768px) {
      .mv-vimeo-section .movieBlock {
        position: relative;
        padding-bottom: 56.25%;
        height: 0; } }
    .mv-vimeo-section .movieBlock iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

/* ==============================================
 ### New Arrivals
=================================================*/
.ctm_new-arrivals {
  padding-bottom: 60px; }
  @media screen and (min-width: 768px) {
    .ctm_new-arrivals {
      padding-bottom: 100px; } }
  @media screen and (min-width: 768px) {
    .ctm_new-arrivals .wrap1 {
      display: flex;
      display: -ms-flexbox;
      display: -webkit-box;
      display: -webkit-flex;
      flex-wrap: wrap;
      position: relative;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media screen and (min-width: 768px) {
    .ctm_new-arrivals .product-defaltlist {
      width: 49.4%; } }
  .ctm_new-arrivals .product-defaltlist .item {
    text-align: center; }
    @media screen and (min-width: 768px) {
      .ctm_new-arrivals .product-defaltlist .item {
        width: 43.8%; } }
    .ctm_new-arrivals .product-defaltlist .item a {
      position: relative;
      display: block; }
    .ctm_new-arrivals .product-defaltlist .item .productImg-add1 {
      display: none; }
    @media screen and (max-width: 767px) {
      .ctm_new-arrivals .product-defaltlist .item:first-of-type {
        width: 45%;
        margin-left: 3.3%; }
      .ctm_new-arrivals .product-defaltlist .item:nth-of-type(2) {
        width: 45%;
        margin-top: 75px;
        margin-right: 3.3%; }
      .ctm_new-arrivals .product-defaltlist .item:nth-of-type(3) {
        width: 66.6%;
        align-self: center;
        margin-left: auto;
        margin-right: auto; }
      .ctm_new-arrivals .product-defaltlist .item:nth-of-type(4) {
        width: 48%; }
      .ctm_new-arrivals .product-defaltlist .item:nth-of-type(5) {
        width: 48%; }
      .ctm_new-arrivals .product-defaltlist .item:nth-of-type(6) {
        width: 57.3%;
        margin-left: 2.6%; }
        .ctm_new-arrivals .product-defaltlist .item:nth-of-type(6) .productImg-add1 {
          display: block;
          position: absolute;
          top: 10px;
          right: -60%;
          width: 63.2%; }
      .ctm_new-arrivals .product-defaltlist .item:nth-of-type(7) {
        width: 42%;
        margin-left: 3%;
        margin-top: 180px; }
      .ctm_new-arrivals .product-defaltlist .item:nth-of-type(8) {
        width: 52%; } }
    .ctm_new-arrivals .product-defaltlist .item:nth-of-type(even) {
      margin-top: 100px; }
  .ctm_new-arrivals .product-defaltlist-v2 {
    padding-left: 3.3%;
    padding-right: 3.3%; }
    @media screen and (min-width: 768px) {
      .ctm_new-arrivals .product-defaltlist-v2 {
        padding-left: 0;
        padding-right: 0; } }
    .ctm_new-arrivals .product-defaltlist-v2 .item {
      width: 48%; }
      @media screen and (min-width: 768px) {
        .ctm_new-arrivals .product-defaltlist-v2 .item {
          width: calc(100% / 5 - 10px); } }
    .ctm_new-arrivals .product-defaltlist-v2 .productImg-add1 {
      display: none; }
  .ctm_new-arrivals .btn1 {
    width: 62%;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 768px) {
      .ctm_new-arrivals .btn1 {
        width: 228px; } }
  .ctm_new-arrivals .recommend-item {
    margin-left: 5%;
    margin-right: 5%;
    position: relative; }
    @media screen and (min-width: 768px) {
      .ctm_new-arrivals .recommend-item {
        width: 42.6%;
        margin: 0; } }
    .ctm_new-arrivals .recommend-item .item {
      background-color: #f4f4f3;
      padding: 10%; }
      @media screen and (min-width: 768px) {
        .ctm_new-arrivals .recommend-item .item {
          position: -webkit-sticky;
          position: sticky;
          top: 50px; } }
  .ctm_new-arrivals .item-inner {
    position: relative; }
  .ctm_new-arrivals .recommend-item_ttl {
    position: absolute;
    display: block;
    color: #898989;
    font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 1.2rem;
    writing-mode: vertical-rl;
    top: 0;
    right: -18px; }
  .ctm_new-arrivals .ctm_product_movie {
    position: relative;
    width: 100%;
    padding: 0 5px 120% 0;
    overflow: hidden;
    margin-bottom: 14px;
    border-right: 1px solid #898989; }
    .ctm_new-arrivals .ctm_product_movie iframe {
      position: absolute;
      top: 0;
      right: 5px;
      width: calc(100% - 5px);
      height: 100%; }

@keyframes hscroll2 {
  0% {
    transform: translateX(10px); }
  100% {
    transform: translateX(-100%); } }
.ctm_ticker {
  overflow: hidden;
  font-size: 95px;
  color: #f7f7f7;
  font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  white-space: nowrap; }
  @media screen and (min-width: 768px) {
    .ctm_ticker {
      font-size: 190px; } }
  .ctm_ticker .ctm_ticker-content {
    display: inline-block;
    margin: 0;
    padding: 0;
    animation: hscroll2 5s linear infinite; }

/* ==============================================
 ### RANKING
=================================================*/
.ctm_ranking-section {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #f6f1ea; }
  @media screen and (min-width: 768px) {
    .ctm_ranking-section {
      padding-top: 100px; } }
  .ctm_ranking-section .tab-menu .swiper-wrapper {
    justify-content: center;
    flex-wrap: wrap;
    transform: translate3d(0px, 0px, 0px) !important;
    width: 200px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 768px) {
      .ctm_ranking-section .tab-menu .swiper-wrapper {
        width: auto; } }
  .ctm_ranking-section .tab-menu .swiper-slide {
    width: auto;
    padding: 10px 0;
    font-size: 1.3rem;
    font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    cursor: pointer;
    text-align: center;
    margin: 0 10px !important; }
  .ctm_ranking-section .tab-menu .swiper-slide-thumb-active {
    border-bottom: 2px solid #000; }
  .ctm_ranking-section .tab-contents {
    margin: 30px auto; }
    .ctm_ranking-section .tab-contents .swiper-slide {
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 20px; }
  .ctm_ranking-section .item a {
    display: block;
    position: relative; }
  .ctm_ranking-section .item .mark-rank {
    display: block;
    position: absolute;
    width: 20px;
    line-height: 20px;
    font-size: 1.2rem;
    font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    text-align: center;
    color: #fff;
    z-index: 10;
    font-weight: normal;
    background-color: #000;
    top: -10px;
    left: 5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
    .ctm_ranking-section .item .mark-rank.mark-rank1 {
      background-color: #cda000; }
    .ctm_ranking-section .item .mark-rank.mark-rank2 {
      background-color: #787878; }
    .ctm_ranking-section .item .mark-rank.mark-rank3 {
      background-color: #ac5d00; }
  .ctm_ranking-section .btn1 {
    width: 62%;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 768px) {
      .ctm_ranking-section .btn1 {
        width: 228px; } }

/* ==============================================
 ### FEATURE
=================================================*/
.ctm_feature-section {
  padding-top: 60px;
  padding-left: 3.3%;
  padding-right: 3.3%;
  margin-bottom: 60px; }
  @media screen and (min-width: 768px) {
    .ctm_feature-section {
      padding-bottom: 100px; } }
  .ctm_feature-section .btn1 {
    width: 62%;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 768px) {
      .ctm_feature-section .btn1 {
        width: 228px; } }

/* ==============================================
 ### SNAP
=================================================*/
.ctm_snap-section {
  background-color: #ededed;
  padding-top: 60px;
  padding-bottom: 60px; }
  @media screen and (min-width: 768px) {
    .ctm_snap-section {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .ctm_snap-section .list {
    margin-bottom: 30px; }
  .ctm_snap-section .item-snap {
    padding: 0 15px;
    position: relative; }
    .ctm_snap-section .item-snap .date {
      position: absolute;
      display: block;
      font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-size: 1.1rem;
      writing-mode: vertical-rl;
      top: 0;
      right: 0; }
      @media screen and (min-width: 768px) {
        .ctm_snap-section .item-snap .date {
          font-size: 1.2rem; } }
    .ctm_snap-section .item-snap .image {
      margin-bottom: 10px;
      display: block; }
    .ctm_snap-section .item-snap .text1 {
      display: block;
      text-align: center;
      font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-size: 1.1rem;
      margin-bottom: 5px; }
    .ctm_snap-section .item-snap .text2 {
      display: block;
      text-align: center;
      font-size: 1.1rem; }
  .ctm_snap-section .btn1 {
    width: 62%;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 768px) {
      .ctm_snap-section .btn1 {
        width: 228px; } }

.store-info {
  display: block; }

/*----------------------------------------------
	## AI RECOMMEND RANKING
------------------------------------------------*/
.swiper-container-autoheight .swiper-wrapper {
  height: auto !important; }

div[data-frame-id="top_ranking_all"] .fs-p-heading--lv2,
div[data-frame-id="top_ranking_dsc"] .fs-p-heading--lv2,
div[data-frame-id="top_ranking_sov"] .fs-p-heading--lv2,
div[data-frame-id="top_ranking_essentia"] .fs-p-heading--lv2,
div[data-frame-id="top_ranking_ball_cha"] .fs-p-heading--lv2 {
  display: none; }
@media screen and (min-width: 768px) {
  div[data-frame-id="top_ranking_all"] .fr3-productListStatic__responsive_3,
  div[data-frame-id="top_ranking_dsc"] .fr3-productListStatic__responsive_3,
  div[data-frame-id="top_ranking_sov"] .fr3-productListStatic__responsive_3,
  div[data-frame-id="top_ranking_essentia"] .fr3-productListStatic__responsive_3,
  div[data-frame-id="top_ranking_ball_cha"] .fr3-productListStatic__responsive_3 {
    grid-template-columns: repeat(6, 1fr); } }
div[data-frame-id="top_ranking_all"] .fr3-item,
div[data-frame-id="top_ranking_dsc"] .fr3-item,
div[data-frame-id="top_ranking_sov"] .fr3-item,
div[data-frame-id="top_ranking_essentia"] .fr3-item,
div[data-frame-id="top_ranking_ball_cha"] .fr3-item {
  position: relative; }
  div[data-frame-id="top_ranking_all"] .fr3-item .fr3-item__rankContainer,
  div[data-frame-id="top_ranking_dsc"] .fr3-item .fr3-item__rankContainer,
  div[data-frame-id="top_ranking_sov"] .fr3-item .fr3-item__rankContainer,
  div[data-frame-id="top_ranking_essentia"] .fr3-item .fr3-item__rankContainer,
  div[data-frame-id="top_ranking_ball_cha"] .fr3-item .fr3-item__rankContainer {
    position: absolute;
    top: -10px;
    left: 5px; }
  div[data-frame-id="top_ranking_all"] .fr3-item .fr3-item__rank,
  div[data-frame-id="top_ranking_dsc"] .fr3-item .fr3-item__rank,
  div[data-frame-id="top_ranking_sov"] .fr3-item .fr3-item__rank,
  div[data-frame-id="top_ranking_essentia"] .fr3-item .fr3-item__rank,
  div[data-frame-id="top_ranking_ball_cha"] .fr3-item .fr3-item__rank {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 1.2rem;
    font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    text-align: center;
    color: #fff;
    z-index: 10;
    font-weight: normal;
    background-color: #000;
    top: -10px;
    left: 5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
  div[data-frame-id="top_ranking_all"] .fr3-item:first-of-type .fr3-item__rank,
  div[data-frame-id="top_ranking_dsc"] .fr3-item:first-of-type .fr3-item__rank,
  div[data-frame-id="top_ranking_sov"] .fr3-item:first-of-type .fr3-item__rank,
  div[data-frame-id="top_ranking_essentia"] .fr3-item:first-of-type .fr3-item__rank,
  div[data-frame-id="top_ranking_ball_cha"] .fr3-item:first-of-type .fr3-item__rank {
    background-color: #cda000; }
  div[data-frame-id="top_ranking_all"] .fr3-item:nth-of-type(2) .fr3-item__rank,
  div[data-frame-id="top_ranking_dsc"] .fr3-item:nth-of-type(2) .fr3-item__rank,
  div[data-frame-id="top_ranking_sov"] .fr3-item:nth-of-type(2) .fr3-item__rank,
  div[data-frame-id="top_ranking_essentia"] .fr3-item:nth-of-type(2) .fr3-item__rank,
  div[data-frame-id="top_ranking_ball_cha"] .fr3-item:nth-of-type(2) .fr3-item__rank {
    background-color: #787878; }
  div[data-frame-id="top_ranking_all"] .fr3-item:nth-of-type(3) .fr3-item__rank,
  div[data-frame-id="top_ranking_dsc"] .fr3-item:nth-of-type(3) .fr3-item__rank,
  div[data-frame-id="top_ranking_sov"] .fr3-item:nth-of-type(3) .fr3-item__rank,
  div[data-frame-id="top_ranking_essentia"] .fr3-item:nth-of-type(3) .fr3-item__rank,
  div[data-frame-id="top_ranking_ball_cha"] .fr3-item:nth-of-type(3) .fr3-item__rank {
    background-color: #ac5d00; }
div[data-frame-id="top_ranking_all"] .fr3-item__productPrice,
div[data-frame-id="top_ranking_dsc"] .fr3-item__productPrice,
div[data-frame-id="top_ranking_sov"] .fr3-item__productPrice,
div[data-frame-id="top_ranking_essentia"] .fr3-item__productPrice,
div[data-frame-id="top_ranking_ball_cha"] .fr3-item__productPrice {
  color: #898989;
  margin-top: 10px; }


  
/*----------------------------------------------
	## 25-06-26 TOPICS SALE
------------------------------------------------*/
.ctm_new-arrivals .sale_btn_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  gap: 15px;
}
@media screen and (max-width: 767px) {
  .ctm_new-arrivals .sale_btn_list {
    grid-template-columns: 1fr;
    width: 62%;
  }
}
.ctm_new-arrivals .sale_btn_list .btn1 {
  width: 100%;
          margin-bottom: 0;
}
.ctm_new-arrivals .sale_btn_list .btn1:first-child {
  grid-column: 1/-1;
  margin-bottom: 0;
}
.ctm_new-arrivals .sale_btn_list.sale_btn div a {
  color: white;
  border: 1px solid #c00;
  background-color: #c00;
}
.ctm_new-arrivals .sale_btn_list.sale_btn div a:hover {
  background-color: #fff;
  color: #c00;
}
.ctm_new-arrivals .sale_btn_list .btn1 a {
  background-color: #c00;
  color: #fff;
  border: 0;
}