.ranking { position: relative; padding-top: 50px; letter-spacing: 0; }

@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
  .ranking { padding-top: 74px; }
}

/* above */
.ranking-above { margin-bottom: 70px; }
.ranking-above .c-title-1 { margin-bottom: 20px; }
.ranking-copy { margin-bottom: 27px; text-align: center; font-size: 1.8rem; font-weight: 500; line-height: 1.66666666667; }
.ranking-text { font-size: 1.4rem; line-height: 2; }
.ranking-note { margin-top: 10px; font-size: 1.2rem; line-height: 1.75; }

@media screen and (max-width: 768px) {
  .ranking-above > .l-wrap { padding: 0 10px; }
}

@media screen and (min-width: 769px) {
  .ranking-above { margin-bottom: 86px; }
  .ranking-above .c-title-1 { margin-bottom: 28px; }
  .ranking-copy { margin-bottom: 44px; font-size: 2.2rem; line-height: 1.63636363636; }
  .ranking-text { text-align: center; font-size: 1.4rem; line-height: 2.14285714286; }
  .ranking-note { margin-top: 2.5em; text-align: center; font-size: 1.2rem; line-height: 2.5; }
}

/* block */
.ranking-block + .ranking-block { margin-top: 60px; }
.ranking-block .c-title-2 { margin-bottom: 30px; }
.ranking-block .fs-p-heading--lv2 { display: none; }
.ranking-block .fr3-productListStatic { row-gap: 20px; column-gap: 17px; grid-template-columns: repeat(2,calc(50% - (17px / 2))); padding: 0; }
.ranking-block .fr3-item { position: relative; }
.ranking-block .fr3-item__rankContainer { pointer-events: none; position: absolute; top: 6px; right: 6px; height: 25px; z-index: 2; }
.ranking-block .fr3-item__rank { display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; font-family: 'Lato', sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.2; }
.ranking-block .fr3-item__link { gap: 0; }
.ranking-block .fr3-item__imageContainer { margin-bottom: 6px; }
.ranking-block .fr3-item__productName { font-size: 1.4rem; letter-spacing: 0.05em; line-height: 1.42857142857; color: #000; }
.ranking-block .fr3-item__productPrice { justify-content: flex-end; margin-top: 5px; }
.ranking-block .fr3-item__productPrice__price { font-size: 1.2rem; line-height: 1.2; color: #000; }
.ranking-block .fr3-item__productPrice__addon { display: none; }

.ranking-block.is-ranking-ladies .fr3-item__rank { background-color: rgba(209,176,144,0.4); border: 1px solid #D1B090; color: #fff; }
.ranking-block.is-ranking-mens .fr3-item__rank { background-color: rgba(191,203,206,0.4); border: 1px solid #BFCBCE; color: #fff; }

@media screen and (max-width: 768px) {
  .ranking-block > .l-wrap { padding: 0 16px; }
}

@media screen and (min-width: 769px) {
  .ranking-block + .ranking-block { margin-top: 92px; }
  .ranking-block .c-title-2 { margin-bottom: 40px; }
  .ranking-block .fr3-productListStatic { row-gap: 28px; column-gap: 30px; grid-template-columns: repeat(4,calc((100% / 4) - (30px / (4 / 3)))); }
  .ranking-block .fr3-item__rankContainer { top: 10px; right: 10px; height: 40px; }
  .ranking-block .fr3-item__rank { width: 40px; height: 40px; font-size: 1.6rem; }
  .ranking-block .fr3-item__imageContainer { margin-bottom: 7px; }
  .ranking-block .fr3-item__productName { font-size: 1.5rem; line-height: 1.6; }
  .ranking-block .fr3-item__productPrice__price { margin-top: 3px; font-size: 1.5rem; line-height: 1.2; }
}