@charset "UTF-8";
/* common
================================================== */
/*
 * media query
**/
/**
 * フォントサイズの可変
 *
 * @param {number} $fontsize 基準となるフォントサイズ
 * @param {number} $basewidth 基準となる幅
 * @param {number} $maxwidth フォントサイズの拡大をとめる幅（未指定時は上限なし）
 * @param {number} $minwidth フォントサイズの縮小をとめる幅（未指定時は下限なし）
 */
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

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

@media screen and (min-width: 768px) {
  #fs-rank .fs-rank-wrapper {
    padding-top: 3.4722222222vw;
    background: linear-gradient(90deg, rgb(149, 219, 251) 0%, rgb(255, 255, 255) 50%, rgb(149, 219, 251) 100%);
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  #fs-rank .fs-rank-wrapper {
    padding-top: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #fs-rank .fs-rank-wrapper {
    padding-top: 26.6666666667px;
  }
}
@media screen and (min-width: 768px) {
  #fs-rank .fs-rank-wrapper .fs-rank-img {
    margin-left: auto;
    margin-right: auto;
    width: 60.8333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  #fs-rank .fs-rank-wrapper .fs-rank-img {
    width: 876px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #fs-rank .fs-rank-wrapper .fs-rank-img {
    width: 467.2px;
  }
}