@charset "UTF-8";
@font-face {
  font-family: "icon";
  src: url("/ec/css/fonts/icon.eot");
  src: url("/ec/css/fonts/icon.eot?#iefix") format("eot"), url("/ec/css/fonts/icon.woff") format("woff"), url("/ec/css/fonts/icon.ttf") format("truetype"), url("/ec/css/fonts/icon.svg#icon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icofont-"]:before, [class*=" icofont-"]:before {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icofont-01:before {
  content: ""; }

.icofont-02:before {
  content: ""; }

.icofont-03:before {
  content: ""; }

.icofont-04:before {
  content: ""; }

.icofont-05:before {
  content: ""; }

.icofont-06:before {
  content: ""; }

.icofont-07:before {
  content: ""; }

.icofont-08:before {
  content: ""; }

.icofont-09:before {
  content: ""; }

.icofont-10:before {
  content: ""; }

.icofont-11:before {
  content: ""; }

.icofont-12:before {
  content: ""; }

.icofont-13:before {
  content: ""; }

.icofont-14:before {
  content: ""; }

.icofont-15:before {
  content: ""; }

.icofont-16:before {
  content: ""; }

.icofont-17:before {
  content: ""; }

.icofont-18:before {
  content: ""; }

.icofont-19:before {
  content: ""; }

.icofont-20:before {
  content: ""; }

.icofont-21:before {
  content: ""; }

.icofont-22:before {
  content: ""; }

.icofont-23:before {
  content: ""; }

.icofont-24:before {
  content: ""; }

.icofont-25:before {
  content: ""; }

*[class*="ico-ctg0"]:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%; }

.ico-ctg01::before {
  background: #e04388; }

.ico-ctg02::before {
  background: #e87c83; }

.ico-ctg03::before {
  background: #65b9b3; }

.ico-ctg04::before {
  background: #dbb029; }

.ico-ctg05::before {
  background: #489ad3; }

.ico-ctg06::before {
  background: #002e79; }

.ico-ctg07::before {
  background: #cb93c3; }

.tmp__wrp.is__ranking {
  font-family: '游ゴシック', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','メイリオ', 'ＭＳ Ｐゴシック',sans-serif; }

.rnk_art__ttl_wrp {
  font-family: 'Noto Serif JP',serif;
  font-weight: bold;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  background-position: center center;
  background-size: 100%;
  background-repeat: repeat-y,no-repeat,no-repeat;
  background-image: url(/ec/images/shop1/ft_ranking/rnk__ttl_bg1.png), url(/ec/images/shop1/ft_ranking/rnk__ttl_bg2.png), url(/ec/images/shop1/ft_ranking/rnk__ttl_bg3.png); }
  @media (max-width: 768px) {
    .rnk_art__ttl_wrp {
      min-height: 17.94vw;
      border-radius: 1.02vw;
      padding-top: 1.282vw;
      padding-bottom: 1.282vw; } }
  @media screen and (min-width: 769px) {
    .rnk_art__ttl_wrp {
      min-height: 140px;
      border-radius: 8px;
      padding-top: 12px;
      padding-bottom: 12px; } }
  .rnk_art__ttl_wrp > * {
    width: 100%; }
  .is__buyer .rnk_art__ttl_wrp, .rnk_art__ttl_wrp.is__buyer {
    background-color: #57CAD5; }
  .is__all .rnk_art__ttl_wrp, .rnk_art__ttl_wrp.is__all {
    background-color: #e4505f; }
  .is__naspecial .rnk_art__ttl_wrp, .rnk_art__ttl_wrp.is__naspecial {
    background-color: #e467b6; }
  .is__parents .rnk_art__ttl_wrp, .rnk_art__ttl_wrp.is__parents {
    background-color: #7f60c1; }
  .is__older .rnk_art__ttl_wrp, .rnk_art__ttl_wrp.is__older {
    background-color: #2ea3da; }
  .is__friend .rnk_art__ttl_wrp, .rnk_art__ttl_wrp.is__friend {
    background-color: #1ca39a; }
  .is__colleague .rnk_art__ttl_wrp, .rnk_art__ttl_wrp.is__colleague {
    background-color: #ed7744; }
  .is__limited .rnk_art__ttl_wrp, .rnk_art__ttl_wrp.is__limited {
    background-color: #ff69ab; }
  .is__price .rnk_art__ttl_wrp, .rnk_art__ttl_wrp.is__price {
    background-color: #e7ac2c; }
  .is__product .rnk_art__ttl_wrp, .rnk_art__ttl_wrp.is__product {
    background-color: #435ed7; }
  .is__brand .rnk_art__ttl_wrp, .rnk_art__ttl_wrp.is__brand {
    background-color: #97c72f; }
  .rnk_art__ttl_wrp + .tmp__txt {
    text-align: center; }
    @media (max-width: 768px) {
      .rnk_art__ttl_wrp + .tmp__txt {
        margin-top: 3.59vw;
        font-size: 3.0769vw; } }
    @media screen and (min-width: 769px) {
      .rnk_art__ttl_wrp + .tmp__txt {
        margin-top: 30px;
        font-size: 14px; } }
  @media (max-width: 768px) {
    .rnk_art__ttl_wrp .rnk_art__ttl {
      font-size: 4.359vw;
      line-height: 1.2; } }
  @media screen and (min-width: 769px) {
    .rnk_art__ttl_wrp .rnk_art__ttl {
      font-size: 36px;
      line-height: 1.2; } }
  .rnk_art__ttl_wrp .rnk_art__sub-ttl {
    font-weight: bold;
    display: block; }
    @media (max-width: 768px) {
      .rnk_art__ttl_wrp .rnk_art__sub-ttl {
        font-size: 2.820vw;
        line-height: 1.4; } }
    @media screen and (min-width: 769px) {
      .rnk_art__ttl_wrp .rnk_art__sub-ttl {
        font-size: 16px;
        line-height: 1.4; } }
    .is__buyer .rnk_art__ttl_wrp .rnk_art__sub-ttl, .rnk_art__ttl_wrp .rnk_art__sub-ttl.is__buyer {
      color: #1898A4; }
    .is__all .rnk_art__ttl_wrp .rnk_art__sub-ttl, .rnk_art__ttl_wrp .rnk_art__sub-ttl.is__all {
      color: #e4505f; }
    .is__naspecial .rnk_art__ttl_wrp .rnk_art__sub-ttl, .rnk_art__ttl_wrp .rnk_art__sub-ttl.is__naspecial {
      color: #e467b6; }
    .is__parents .rnk_art__ttl_wrp .rnk_art__sub-ttl, .rnk_art__ttl_wrp .rnk_art__sub-ttl.is__parents {
      color: #7f60c1; }
    .is__older .rnk_art__ttl_wrp .rnk_art__sub-ttl, .rnk_art__ttl_wrp .rnk_art__sub-ttl.is__older {
      color: #2ea3da; }
    .is__friend .rnk_art__ttl_wrp .rnk_art__sub-ttl, .rnk_art__ttl_wrp .rnk_art__sub-ttl.is__friend {
      color: #1ca39a; }
    .is__colleague .rnk_art__ttl_wrp .rnk_art__sub-ttl, .rnk_art__ttl_wrp .rnk_art__sub-ttl.is__colleague {
      color: #ed7744; }
    .is__limited .rnk_art__ttl_wrp .rnk_art__sub-ttl, .rnk_art__ttl_wrp .rnk_art__sub-ttl.is__limited {
      color: #ff69ab; }
    .is__price .rnk_art__ttl_wrp .rnk_art__sub-ttl, .rnk_art__ttl_wrp .rnk_art__sub-ttl.is__price {
      color: #e7ac2c; }
    .is__product .rnk_art__ttl_wrp .rnk_art__sub-ttl, .rnk_art__ttl_wrp .rnk_art__sub-ttl.is__product {
      color: #435ed7; }
    .is__brand .rnk_art__ttl_wrp .rnk_art__sub-ttl, .rnk_art__ttl_wrp .rnk_art__sub-ttl.is__brand {
      color: #97c72f; }

.rnk__ttl_wrp .rnk__ttl {
  text-align: center;
  font-weight: bold; }
  @media (max-width: 768px) {
    .rnk__ttl_wrp .rnk__ttl {
      font-size: 4.615vw;
      line-height: 1.2; } }
  @media screen and (min-width: 769px) {
    .rnk__ttl_wrp .rnk__ttl {
      font-size: 20px;
      line-height: 1.6; } }
  .is__buyer .rnk__ttl_wrp .rnk__ttl, .rnk__ttl_wrp .rnk__ttl.is__buyer {
    color: #57CAD5; }
  .is__naspecial .rnk__ttl_wrp .rnk__ttl, .rnk__ttl_wrp .rnk__ttl.is__naspecial {
    color: #e467b6; }
  .is__parents .rnk__ttl_wrp .rnk__ttl, .rnk__ttl_wrp .rnk__ttl.is__parents {
    color: #7f60c1; }
  .is__older .rnk__ttl_wrp .rnk__ttl, .rnk__ttl_wrp .rnk__ttl.is__older {
    color: #2ea3da; }
  .is__friend .rnk__ttl_wrp .rnk__ttl, .rnk__ttl_wrp .rnk__ttl.is__friend {
    color: #1ca39a; }
  .is__colleague .rnk__ttl_wrp .rnk__ttl, .rnk__ttl_wrp .rnk__ttl.is__colleague {
    color: #ed7744; }
  .is__limited .rnk__ttl_wrp .rnk__ttl, .rnk__ttl_wrp .rnk__ttl.is__limited {
    color: #ff69ab; }
  .is__price .rnk__ttl_wrp .rnk__ttl, .rnk__ttl_wrp .rnk__ttl.is__price {
    color: #e7ac2c; }
  .is__product .rnk__ttl_wrp .rnk__ttl, .rnk__ttl_wrp .rnk__ttl.is__product {
    color: #435ed7; }
  .is__brand .rnk__ttl_wrp .rnk__ttl, .rnk__ttl_wrp .rnk__ttl.is__brand {
    color: #97c72f; }
.rnk__ttl_wrp + .tmp__txt {
  text-align: center; }
  @media (max-width: 768px) {
    .rnk__ttl_wrp + .tmp__txt {
      font-size: 3.0769vw;
      line-height: 1.6;
      margin-top: 2.564vw; } }
  @media screen and (min-width: 769px) {
    .rnk__ttl_wrp + .tmp__txt {
      font-size: 14px;
      line-height: 1.8;
      margin-top: 10px; } }

.rnk_bnr__wrp {
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 768px) {
    .rnk_bnr__wrp {
      width: 91.28vw;
      margin-top: 7.692vw;
      margin-bottom: 7.692vw; } }
  @media screen and (min-width: 769px) {
    .rnk_bnr__wrp {
      width: 100%;
      margin-top: 60px;
      margin-bottom: 60px; } }
  .rnk_bnr__wrp .rnk_bnr__item {
    width: 100%; }
    @media (max-width: 768px) {
      .rnk_bnr__wrp .rnk_bnr__item {
        margin-bottom: 5.128vw; } }
    @media screen and (min-width: 769px) {
      .rnk_bnr__wrp .rnk_bnr__item {
        margin-bottom: 30px; } }
    .rnk_bnr__wrp .rnk_bnr__item:last-of-type {
      margin-bottom: 0; }
  .rnk_bnr__wrp .rnk_bnr__ttl {
    text-align: center;
    font-family: 'Noto Serif JP',serif;
    font-weight: bold; }
    @media (max-width: 768px) {
      .rnk_bnr__wrp .rnk_bnr__ttl {
        font-size: 3.59vw;
        margin-bottom: 1.282vw; } }
    @media screen and (min-width: 769px) {
      .rnk_bnr__wrp .rnk_bnr__ttl {
        font-size: 18px;
        margin-bottom: 5px; } }
  .rnk_bnr__wrp .rnk_bnr__thumb {
    display: block;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 768px) {
      .rnk_bnr__wrp .rnk_bnr__thumb {
        width: 82.051vw; } }
    @media screen and (min-width: 769px) {
      .rnk_bnr__wrp .rnk_bnr__thumb {
        width: 700px; } }

.rnk_ranking__wrp {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: block;
  background-color: #fff; }
  @media (max-width: 768px) {
    .rnk_ranking__wrp {
      width: 91.28vw;
      padding: 5.12vw;
      border-radius: .64vw; } }
  @media screen and (min-width: 769px) {
    .rnk_ranking__wrp {
      width: 100%;
      padding: 40px;
      border-radius: 2px; } }
  @media (max-width: 768px) {
    .rnk_ranking__wrp + .rnk_ranking__wrp {
      margin-top: 5.12vw; } }
  @media screen and (min-width: 769px) {
    .rnk_ranking__wrp + .rnk_ranking__wrp {
      margin-top: 40px; } }
  @media (max-width: 768px) {
    .rnk_variation__wrp + .rnk_ranking__wrp {
      margin-top: 5.12vw; } }
  @media screen and (min-width: 769px) {
    .rnk_variation__wrp + .rnk_ranking__wrp {
      margin-top: 40px; } }
  @media (max-width: 768px) {
    .is__buyer .rnk_ranking__wrp {
      border-radius: 3.077vw 3.077vw 0 0; } }
  @media screen and (min-width: 769px) {
    .is__buyer .rnk_ranking__wrp {
      border-radius: 24px 24px 0 0; } }
  @media (max-width: 768px) {
    .is__buyer .rnk_ranking__wrp.is__no11, .is__buyer .rnk_ranking__wrp.is__no12, .is__buyer .rnk_ranking__wrp.is__no13, .is__buyer .rnk_ranking__wrp.is__no14, .is__buyer .rnk_ranking__wrp.is__no15, .is__buyer .rnk_ranking__wrp.is__no16, .is__buyer .rnk_ranking__wrp.is__no17, .is__buyer .rnk_ranking__wrp.is__no18, .is__buyer .rnk_ranking__wrp.is__no19, .is__buyer .rnk_ranking__wrp.is__no20, .is__buyer .rnk_ranking__wrp.is__no21, .is__buyer .rnk_ranking__wrp.is__no22, .is__buyer .rnk_ranking__wrp.is__no23, .is__buyer .rnk_ranking__wrp.is__no24, .is__buyer .rnk_ranking__wrp.is__no25, .is__buyer .rnk_ranking__wrp.is__no26, .is__buyer .rnk_ranking__wrp.is__no27, .is__buyer .rnk_ranking__wrp.is__no28, .is__buyer .rnk_ranking__wrp.is__no29, .is__buyer .rnk_ranking__wrp.is__no30 {
      border-radius: 3.077vw; } }
  @media screen and (min-width: 769px) {
    .is__buyer .rnk_ranking__wrp.is__no11, .is__buyer .rnk_ranking__wrp.is__no12, .is__buyer .rnk_ranking__wrp.is__no13, .is__buyer .rnk_ranking__wrp.is__no14, .is__buyer .rnk_ranking__wrp.is__no15, .is__buyer .rnk_ranking__wrp.is__no16, .is__buyer .rnk_ranking__wrp.is__no17, .is__buyer .rnk_ranking__wrp.is__no18, .is__buyer .rnk_ranking__wrp.is__no19, .is__buyer .rnk_ranking__wrp.is__no20, .is__buyer .rnk_ranking__wrp.is__no21, .is__buyer .rnk_ranking__wrp.is__no22, .is__buyer .rnk_ranking__wrp.is__no23, .is__buyer .rnk_ranking__wrp.is__no24, .is__buyer .rnk_ranking__wrp.is__no25, .is__buyer .rnk_ranking__wrp.is__no26, .is__buyer .rnk_ranking__wrp.is__no27, .is__buyer .rnk_ranking__wrp.is__no28, .is__buyer .rnk_ranking__wrp.is__no29, .is__buyer .rnk_ranking__wrp.is__no30 {
      border-radius: 24px; } }
  @media (max-width: 768px) {
    .rnk_ranking__wrp .is__naspecial, .rnk_ranking__wrp .is__parents, .rnk_ranking__wrp .is__older, .rnk_ranking__wrp .is__friend, .is__colleague .rnk_ranking__wrp {
      border-radius: 3.077vw 3.077vw 0 0; } }
  @media screen and (min-width: 769px) {
    .rnk_ranking__wrp .is__naspecial, .rnk_ranking__wrp .is__parents, .rnk_ranking__wrp .is__older, .rnk_ranking__wrp .is__friend, .is__colleague .rnk_ranking__wrp {
      border-radius: 24px 24px 0 0; } }
  @media (max-width: 768px) {
    .rnk_ranking__wrp .is__naspecial.is__no4, .rnk_ranking__wrp .is__naspecial.is__no5, .rnk_ranking__wrp .is__naspecial.is__no6, .rnk_ranking__wrp .is__naspecial.is__no7, .rnk_ranking__wrp .is__naspecial.is__no8, .rnk_ranking__wrp .is__naspecial.is__no9, .rnk_ranking__wrp .is__naspecial.is__no10, .rnk_ranking__wrp .is__naspecial.is__no11, .rnk_ranking__wrp .is__naspecial.is__no12, .rnk_ranking__wrp .is__naspecial.is__no13, .rnk_ranking__wrp .is__naspecial.is__no14, .rnk_ranking__wrp .is__naspecial.is__no15, .rnk_ranking__wrp .is__naspecial.is__no16, .rnk_ranking__wrp .is__naspecial.is__no17, .rnk_ranking__wrp .is__naspecial.is__no18, .rnk_ranking__wrp .is__naspecial.is__no19, .rnk_ranking__wrp .is__naspecial.is__no20, .rnk_ranking__wrp .is__parents.is__no4, .rnk_ranking__wrp .is__parents.is__no5, .rnk_ranking__wrp .is__parents.is__no6, .rnk_ranking__wrp .is__parents.is__no7, .rnk_ranking__wrp .is__parents.is__no8, .rnk_ranking__wrp .is__parents.is__no9, .rnk_ranking__wrp .is__parents.is__no10, .rnk_ranking__wrp .is__parents.is__no11, .rnk_ranking__wrp .is__parents.is__no12, .rnk_ranking__wrp .is__parents.is__no13, .rnk_ranking__wrp .is__parents.is__no14, .rnk_ranking__wrp .is__parents.is__no15, .rnk_ranking__wrp .is__parents.is__no16, .rnk_ranking__wrp .is__parents.is__no17, .rnk_ranking__wrp .is__parents.is__no18, .rnk_ranking__wrp .is__parents.is__no19, .rnk_ranking__wrp .is__parents.is__no20, .rnk_ranking__wrp .is__older.is__no4, .rnk_ranking__wrp .is__older.is__no5, .rnk_ranking__wrp .is__older.is__no6, .rnk_ranking__wrp .is__older.is__no7, .rnk_ranking__wrp .is__older.is__no8, .rnk_ranking__wrp .is__older.is__no9, .rnk_ranking__wrp .is__older.is__no10, .rnk_ranking__wrp .is__older.is__no11, .rnk_ranking__wrp .is__older.is__no12, .rnk_ranking__wrp .is__older.is__no13, .rnk_ranking__wrp .is__older.is__no14, .rnk_ranking__wrp .is__older.is__no15, .rnk_ranking__wrp .is__older.is__no16, .rnk_ranking__wrp .is__older.is__no17, .rnk_ranking__wrp .is__older.is__no18, .rnk_ranking__wrp .is__older.is__no19, .rnk_ranking__wrp .is__older.is__no20, .rnk_ranking__wrp .is__friend.is__no4, .rnk_ranking__wrp .is__friend.is__no5, .rnk_ranking__wrp .is__friend.is__no6, .rnk_ranking__wrp .is__friend.is__no7, .rnk_ranking__wrp .is__friend.is__no8, .rnk_ranking__wrp .is__friend.is__no9, .rnk_ranking__wrp .is__friend.is__no10, .rnk_ranking__wrp .is__friend.is__no11, .rnk_ranking__wrp .is__friend.is__no12, .rnk_ranking__wrp .is__friend.is__no13, .rnk_ranking__wrp .is__friend.is__no14, .rnk_ranking__wrp .is__friend.is__no15, .rnk_ranking__wrp .is__friend.is__no16, .rnk_ranking__wrp .is__friend.is__no17, .rnk_ranking__wrp .is__friend.is__no18, .rnk_ranking__wrp .is__friend.is__no19, .rnk_ranking__wrp .is__friend.is__no20, .is__colleague .rnk_ranking__wrp.is__no4, .is__colleague .rnk_ranking__wrp.is__no5, .is__colleague .rnk_ranking__wrp.is__no6, .is__colleague .rnk_ranking__wrp.is__no7, .is__colleague .rnk_ranking__wrp.is__no8, .is__colleague .rnk_ranking__wrp.is__no9, .is__colleague .rnk_ranking__wrp.is__no10, .is__colleague .rnk_ranking__wrp.is__no11, .is__colleague .rnk_ranking__wrp.is__no12, .is__colleague .rnk_ranking__wrp.is__no13, .is__colleague .rnk_ranking__wrp.is__no14, .is__colleague .rnk_ranking__wrp.is__no15, .is__colleague .rnk_ranking__wrp.is__no16, .is__colleague .rnk_ranking__wrp.is__no17, .is__colleague .rnk_ranking__wrp.is__no18, .is__colleague .rnk_ranking__wrp.is__no19, .is__colleague .rnk_ranking__wrp.is__no20 {
      border-radius: 3.077vw; } }
  @media screen and (min-width: 769px) {
    .rnk_ranking__wrp .is__naspecial.is__no4, .rnk_ranking__wrp .is__naspecial.is__no5, .rnk_ranking__wrp .is__naspecial.is__no6, .rnk_ranking__wrp .is__naspecial.is__no7, .rnk_ranking__wrp .is__naspecial.is__no8, .rnk_ranking__wrp .is__naspecial.is__no9, .rnk_ranking__wrp .is__naspecial.is__no10, .rnk_ranking__wrp .is__naspecial.is__no11, .rnk_ranking__wrp .is__naspecial.is__no12, .rnk_ranking__wrp .is__naspecial.is__no13, .rnk_ranking__wrp .is__naspecial.is__no14, .rnk_ranking__wrp .is__naspecial.is__no15, .rnk_ranking__wrp .is__naspecial.is__no16, .rnk_ranking__wrp .is__naspecial.is__no17, .rnk_ranking__wrp .is__naspecial.is__no18, .rnk_ranking__wrp .is__naspecial.is__no19, .rnk_ranking__wrp .is__naspecial.is__no20, .rnk_ranking__wrp .is__parents.is__no4, .rnk_ranking__wrp .is__parents.is__no5, .rnk_ranking__wrp .is__parents.is__no6, .rnk_ranking__wrp .is__parents.is__no7, .rnk_ranking__wrp .is__parents.is__no8, .rnk_ranking__wrp .is__parents.is__no9, .rnk_ranking__wrp .is__parents.is__no10, .rnk_ranking__wrp .is__parents.is__no11, .rnk_ranking__wrp .is__parents.is__no12, .rnk_ranking__wrp .is__parents.is__no13, .rnk_ranking__wrp .is__parents.is__no14, .rnk_ranking__wrp .is__parents.is__no15, .rnk_ranking__wrp .is__parents.is__no16, .rnk_ranking__wrp .is__parents.is__no17, .rnk_ranking__wrp .is__parents.is__no18, .rnk_ranking__wrp .is__parents.is__no19, .rnk_ranking__wrp .is__parents.is__no20, .rnk_ranking__wrp .is__older.is__no4, .rnk_ranking__wrp .is__older.is__no5, .rnk_ranking__wrp .is__older.is__no6, .rnk_ranking__wrp .is__older.is__no7, .rnk_ranking__wrp .is__older.is__no8, .rnk_ranking__wrp .is__older.is__no9, .rnk_ranking__wrp .is__older.is__no10, .rnk_ranking__wrp .is__older.is__no11, .rnk_ranking__wrp .is__older.is__no12, .rnk_ranking__wrp .is__older.is__no13, .rnk_ranking__wrp .is__older.is__no14, .rnk_ranking__wrp .is__older.is__no15, .rnk_ranking__wrp .is__older.is__no16, .rnk_ranking__wrp .is__older.is__no17, .rnk_ranking__wrp .is__older.is__no18, .rnk_ranking__wrp .is__older.is__no19, .rnk_ranking__wrp .is__older.is__no20, .rnk_ranking__wrp .is__friend.is__no4, .rnk_ranking__wrp .is__friend.is__no5, .rnk_ranking__wrp .is__friend.is__no6, .rnk_ranking__wrp .is__friend.is__no7, .rnk_ranking__wrp .is__friend.is__no8, .rnk_ranking__wrp .is__friend.is__no9, .rnk_ranking__wrp .is__friend.is__no10, .rnk_ranking__wrp .is__friend.is__no11, .rnk_ranking__wrp .is__friend.is__no12, .rnk_ranking__wrp .is__friend.is__no13, .rnk_ranking__wrp .is__friend.is__no14, .rnk_ranking__wrp .is__friend.is__no15, .rnk_ranking__wrp .is__friend.is__no16, .rnk_ranking__wrp .is__friend.is__no17, .rnk_ranking__wrp .is__friend.is__no18, .rnk_ranking__wrp .is__friend.is__no19, .rnk_ranking__wrp .is__friend.is__no20, .is__colleague .rnk_ranking__wrp.is__no4, .is__colleague .rnk_ranking__wrp.is__no5, .is__colleague .rnk_ranking__wrp.is__no6, .is__colleague .rnk_ranking__wrp.is__no7, .is__colleague .rnk_ranking__wrp.is__no8, .is__colleague .rnk_ranking__wrp.is__no9, .is__colleague .rnk_ranking__wrp.is__no10, .is__colleague .rnk_ranking__wrp.is__no11, .is__colleague .rnk_ranking__wrp.is__no12, .is__colleague .rnk_ranking__wrp.is__no13, .is__colleague .rnk_ranking__wrp.is__no14, .is__colleague .rnk_ranking__wrp.is__no15, .is__colleague .rnk_ranking__wrp.is__no16, .is__colleague .rnk_ranking__wrp.is__no17, .is__colleague .rnk_ranking__wrp.is__no18, .is__colleague .rnk_ranking__wrp.is__no19, .is__colleague .rnk_ranking__wrp.is__no20 {
      border-radius: 24px; } }

@media (max-width: 768px) {
  .rnk_ranking__img {
    width: 38.46vw; } }
@media screen and (min-width: 769px) {
  .rnk_ranking__img {
    width: 250px; } }

.rnk_ranking__ttl_wrp {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  @media (max-width: 768px) {
    .rnk_ranking__ttl_wrp {
      min-height: 8.84vw;
      padding-left: 11.53vw; } }
  @media screen and (min-width: 769px) {
    .rnk_ranking__ttl_wrp {
      min-height: 50px;
      padding-left: 70px; } }
  .is__no1 .rnk_ranking__ttl_wrp::before {
    content: "1"; }
  .is__no2 .rnk_ranking__ttl_wrp::before {
    content: "2"; }
  .is__no3 .rnk_ranking__ttl_wrp::before {
    content: "3"; }
  .is__no4 .rnk_ranking__ttl_wrp::before {
    content: "4"; }
  .is__no5 .rnk_ranking__ttl_wrp::before {
    content: "5"; }
  .is__no6 .rnk_ranking__ttl_wrp::before {
    content: "6"; }
  .is__no7 .rnk_ranking__ttl_wrp::before {
    content: "7"; }
  .is__no8 .rnk_ranking__ttl_wrp::before {
    content: "8"; }
  .is__no9 .rnk_ranking__ttl_wrp::before {
    content: "9"; }
  .is__no10 .rnk_ranking__ttl_wrp::before {
    content: "10"; }
  .is__no11 .rnk_ranking__ttl_wrp::before {
    content: "11"; }
  .is__no12 .rnk_ranking__ttl_wrp::before {
    content: "12"; }
  .is__no13 .rnk_ranking__ttl_wrp::before {
    content: "13"; }
  .is__no14 .rnk_ranking__ttl_wrp::before {
    content: "14"; }
  .is__no15 .rnk_ranking__ttl_wrp::before {
    content: "15"; }
  .is__no16 .rnk_ranking__ttl_wrp::before {
    content: "16"; }
  .is__no17 .rnk_ranking__ttl_wrp::before {
    content: "17"; }
  .is__no18 .rnk_ranking__ttl_wrp::before {
    content: "18"; }
  .is__no19 .rnk_ranking__ttl_wrp::before {
    content: "19"; }
  .is__no20 .rnk_ranking__ttl_wrp::before {
    content: "20"; }
  .is__no21 .rnk_ranking__ttl_wrp::before {
    content: "21"; }
  .is__no22 .rnk_ranking__ttl_wrp::before {
    content: "22"; }
  .is__no23 .rnk_ranking__ttl_wrp::before {
    content: "23"; }
  .is__no24 .rnk_ranking__ttl_wrp::before {
    content: "24"; }
  .is__no25 .rnk_ranking__ttl_wrp::before {
    content: "25"; }
  .is__no26 .rnk_ranking__ttl_wrp::before {
    content: "26"; }
  .is__no27 .rnk_ranking__ttl_wrp::before {
    content: "27"; }
  .is__no28 .rnk_ranking__ttl_wrp::before {
    content: "28"; }
  .is__no29 .rnk_ranking__ttl_wrp::before {
    content: "29"; }
  .is__no30 .rnk_ranking__ttl_wrp::before {
    content: "30"; }
  .rnk_ranking__ttl_wrp::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    line-height: 1;
    font-weight: bold;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(/ec/images/shop1/ft_ranking/rnk_art__icn_low.png); }
    @media (max-width: 768px) {
      .rnk_ranking__ttl_wrp::before {
        width: 8.84vw;
        height: 8.84vw;
        font-size: 3.58vw; } }
    @media screen and (min-width: 769px) {
      .rnk_ranking__ttl_wrp::before {
        width: 50px;
        height: 50px;
        font-size: 21px; } }
    .is__no1 .rnk_ranking__ttl_wrp::before {
      background-image: url(/ec/images/shop1/ft_ranking/rnk_art__icn_1st.png); }
    .is__no2 .rnk_ranking__ttl_wrp::before {
      background-image: url(/ec/images/shop1/ft_ranking/rnk_art__icn_2nd.png); }
    .is__no3 .rnk_ranking__ttl_wrp::before {
      background-image: url(/ec/images/shop1/ft_ranking/rnk_art__icn_3rd.png); }
    @media (max-width: 768px) {
      .is__no1 .rnk_ranking__ttl_wrp::before, .is__no2 .rnk_ranking__ttl_wrp::before, .is__no3 .rnk_ranking__ttl_wrp::before {
        padding-top: 3.846vw; } }
    @media screen and (min-width: 769px) {
      .is__no1 .rnk_ranking__ttl_wrp::before, .is__no2 .rnk_ranking__ttl_wrp::before, .is__no3 .rnk_ranking__ttl_wrp::before {
        padding-top: 15px; } }
  .rnk_ranking__ttl_wrp .rnk_ranking__ttl {
    font-weight: bold; }
    @media (max-width: 768px) {
      .rnk_ranking__ttl_wrp .rnk_ranking__ttl {
        font-size: 3.0769vw;
        line-height: 1.666; } }
    @media screen and (min-width: 769px) {
      .rnk_ranking__ttl_wrp .rnk_ranking__ttl {
        font-size: 14px;
        line-height: 1.714; } }
  .rnk_ranking__ttl_wrp .is__price {
    font-weight: bold;
    text-align: right; }
    @media (max-width: 768px) {
      .rnk_ranking__ttl_wrp .is__price {
        font-size: 3.0769vw;
        line-height: 1.666; } }
    @media screen and (min-width: 769px) {
      .rnk_ranking__ttl_wrp .is__price {
        font-size: 14px;
        line-height: 1.714; } }
  .rnk_ranking__ttl_wrp .is__offer {
    text-align: right; }
    @media (max-width: 768px) {
      .rnk_ranking__ttl_wrp .is__offer {
        margin: 1.282vw auto 0;
        font-size: 2.5vw; } }
    @media screen and (min-width: 769px) {
      .rnk_ranking__ttl_wrp .is__offer {
        margin: 5px auto 0; } }

@media (max-width: 768px) {
  .rnk_ranking__box {
    margin-top: 6.410vw; } }
@media screen and (min-width: 769px) {
  .rnk_ranking__box {
    margin-top: 20px; } }

.rnk_ranking__cnt_wrp {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .rnk_ranking__cnt_wrp .rnk__btn {
    align-self: flex-end; }
    @media (max-width: 768px) {
      .rnk_ranking__cnt_wrp .rnk__btn {
        margin: 5.128vw auto 0; }
        .rnk_ranking__cnt_wrp .rnk__btn .rnk_ranking__wrp {
          margin-left: auto;
          margin-right: auto;
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0; } }
    @media screen and (min-width: 769px) {
      .rnk_ranking__cnt_wrp .rnk__btn {
        margin: 20px auto 0; } }
    .is__buyer .rnk_ranking__cnt_wrp .rnk__btn {
      background-color: #57CAD5; }
    .is__naspecial .rnk_ranking__cnt_wrp .rnk__btn {
      background-color: #e467b6; }
    .is__parents .rnk_ranking__cnt_wrp .rnk__btn {
      background-color: #7f60c1; }
    .is__older .rnk_ranking__cnt_wrp .rnk__btn {
      background-color: #2ea3da; }
    .is__friend .rnk_ranking__cnt_wrp .rnk__btn {
      background-color: #1ca39a; }
    .is__colleague .rnk_ranking__cnt_wrp .rnk__btn {
      background-color: #ed7744; }

.rnk_ranking__cnt_box {
  height: 100%;
  margin-right: 0;
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 768px) {
    .rnk_ranking__cnt_box {
      width: 40vw; } }
  @media screen and (min-width: 769px) {
    .rnk_ranking__cnt_box {
      width: 430px; } }

.rnk_ranking__cnt {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  @media (max-width: 768px) {
    .rnk_ranking__cnt {
      margin-bottom: 2.564vw; } }
  @media screen and (min-width: 769px) {
    .rnk_ranking__cnt {
      margin-bottom: 15px; } }
  .rnk_ranking__cnt.is__review {
    border-style: solid;
    border-width: 2px; }
    @media (max-width: 768px) {
      .rnk_ranking__cnt.is__review {
        padding: 3.846vw; } }
    @media screen and (min-width: 769px) {
      .rnk_ranking__cnt.is__review {
        padding: 20px; } }
    .rnk_ranking__cnt.is__review::before {
      content: '';
      width: calc(100% - 1em);
      height: calc(100% + 1em);
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: auto;
      margin-bottom: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
      background-repeat: no-repeat,no-repeat;
      background-position: left top,right bottom;
      background-size: 1em,1em; }
    .is__naspecial .rnk_ranking__cnt.is__review::before {
      background-image: url(/ec/images/shop1/ft_ranking/nsp_review__icn_top.png), url(/ec/images/shop1/ft_ranking/nsp_review__icn_btm.png); }
    .is__parents .rnk_ranking__cnt.is__review::before {
      background-image: url(/ec/images/shop1/ft_ranking/prn_review__icn_top.png), url(/ec/images/shop1/ft_ranking/prn_review__icn_btm.png); }
    .is__older .rnk_ranking__cnt.is__review::before {
      background-image: url(/ec/images/shop1/ft_ranking/old_review__icn_top.png), url(/ec/images/shop1/ft_ranking/old_review__icn_btm.png); }
    .is__friend .rnk_ranking__cnt.is__review::before {
      background-image: url(/ec/images/shop1/ft_ranking/frn_review__icn_top.png), url(/ec/images/shop1/ft_ranking/frn_review__icn_btm.png); }
    .is__colleague .rnk_ranking__cnt.is__review::before {
      background-image: url(/ec/images/shop1/ft_ranking/clg_review__icn_top.png), url(/ec/images/shop1/ft_ranking/clg_review__icn_btm.png); }
    .rnk_ranking__cnt.is__review::after {
      content: '';
      width: 1em;
      height: 1em;
      display: block;
      position: absolute;
      bottom: -1em;
      background-repeat: no-repeat;
      background-size: 100%; }
      @media (max-width: 768px) {
        .rnk_ranking__cnt.is__review::after {
          left: 1em; } }
      @media screen and (min-width: 769px) {
        .rnk_ranking__cnt.is__review::after {
          transform: scale(-1, 1);
          left: 15em; } }
    .rnk_ranking__cnt.is__review .rnk_ranking__sbt, .rnk_ranking__cnt.is__review .tmp__txt {
      position: relative;
      z-index: 2; }
    .is__naspecial .rnk_ranking__cnt.is__review {
      border-color: #ffdef3; }
      .is__naspecial .rnk_ranking__cnt.is__review::after {
        background-image: url(/ec/images/shop1/ft_ranking/nsp_review__icn_arrow.png); }
    .is__parents .rnk_ranking__cnt.is__review {
      border-color: #e6daff; }
      .is__parents .rnk_ranking__cnt.is__review::after {
        background-image: url(/ec/images/shop1/ft_ranking/prn_review__icn_arrow.png); }
    .is__older .rnk_ranking__cnt.is__review {
      border-color: #caeeff; }
      .is__older .rnk_ranking__cnt.is__review::after {
        background-image: url(/ec/images/shop1/ft_ranking/old_review__icn_arrow.png); }
    .is__friend .rnk_ranking__cnt.is__review {
      border-color: #b5ede9; }
      .is__friend .rnk_ranking__cnt.is__review::after {
        background-image: url(/ec/images/shop1/ft_ranking/frn_review__icn_arrow.png); }
    .is__colleague .rnk_ranking__cnt.is__review {
      border-color: #ffe3d7; }
      .is__colleague .rnk_ranking__cnt.is__review::after {
        background-image: url(/ec/images/shop1/ft_ranking/clg_review__icn_arrow.png); }
    @media (max-width: 768px) {
      .rnk_ranking__cnt.is__review .tmp__txt {
        font-size: 2.820vw;
        line-height: 1.63; } }
    @media screen and (min-width: 769px) {
      .rnk_ranking__cnt.is__review .tmp__txt {
        font-size: 12px;
        line-height: 1.8; } }
    .rnk_ranking__cnt.is__review .tmp__txt .js-rnk_user {
      display: inline-block;
      width: 100%;
      text-align: right; }
  @media (max-width: 768px) {
    .rnk_ranking__cnt.is__staff .tmp__txt {
      font-size: 2.820vw;
      line-height: 1.63; } }
  @media screen and (min-width: 769px) {
    .rnk_ranking__cnt.is__staff .tmp__txt {
      font-size: 12px;
      line-height: 1.8; } }

.rnk_ranking__sbt_wrp {
  width: 100%;
  position: relative;
  text-align: center; }
  @media (max-width: 768px) {
    .is__review .rnk_ranking__sbt_wrp {
      margin-bottom: 1.282vw; } }
  @media screen and (min-width: 769px) {
    .is__review .rnk_ranking__sbt_wrp {
      margin-bottom: 12px; } }
  @media (max-width: 768px) {
    .is__staff .rnk_ranking__sbt_wrp {
      margin-bottom: 1.923vw; } }
  @media screen and (min-width: 769px) {
    .is__staff .rnk_ranking__sbt_wrp {
      margin-bottom: 15px; } }

.rnk_ranking__sbt {
  display: inline-block;
  position: relative;
  font-weight: bold; }
  @media (max-width: 768px) {
    .rnk_ranking__sbt {
      font-size: 3.0769vw;
      line-height: 1.4; } }
  @media (max-width: 768px) {
    .rnk_ranking__sbt {
      font-size: 3.0769vw;
      line-height: 1.4; } }
  @media screen and (min-width: 769px) {
    .rnk_ranking__sbt {
      font-size: 14px;
      line-height: 1.4; } }
  .is__staff .rnk_ranking__sbt {
    font-weight: bold; }
    @media (max-width: 768px) {
      .is__staff .rnk_ranking__sbt {
        padding-left: 4.8vw;
        padding-right: 4.8vw; } }
    @media screen and (min-width: 769px) {
      .is__staff .rnk_ranking__sbt {
        padding-left: 30px;
        padding-right: 30px; } }
    .is__staff .rnk_ranking__sbt::before, .is__staff .rnk_ranking__sbt::after {
      content: '';
      display: block;
      margin-top: auto;
      margin-bottom: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      background-repeat: no-repeat;
      background-size: 100%; }
      @media (max-width: 768px) {
        .is__staff .rnk_ranking__sbt::before, .is__staff .rnk_ranking__sbt::after {
          width: 5vw;
          height: 5vw; } }
      @media screen and (min-width: 769px) {
        .is__staff .rnk_ranking__sbt::before, .is__staff .rnk_ranking__sbt::after {
          width: 24px;
          height: 24px; } }
    .is__staff .rnk_ranking__sbt::before {
      left: 0; }
    .is__staff .rnk_ranking__sbt::after {
      right: 0; }
    .is__buyer .is__staff .rnk_ranking__sbt {
      color: #1898A4; }
      .is__buyer .is__staff .rnk_ranking__sbt::before {
        background-image: url(/ec/images/shop1/ft_ranking/buyer_stuff__icn_l.png); }
      .is__buyer .is__staff .rnk_ranking__sbt::after {
        background-image: url(/ec/images/shop1/ft_ranking/buyer_stuff__icn_r.png); }
    .is__naspecial .is__staff .rnk_ranking__sbt {
      color: #e467b6; }
      .is__naspecial .is__staff .rnk_ranking__sbt::before {
        background-image: url(/ec/images/shop1/ft_ranking/nsp_stuff__icn_l.png); }
      .is__naspecial .is__staff .rnk_ranking__sbt::after {
        background-image: url(/ec/images/shop1/ft_ranking/nsp_stuff__icn_r.png); }
    .is__parents .is__staff .rnk_ranking__sbt {
      color: #7f60c1; }
      .is__parents .is__staff .rnk_ranking__sbt::before {
        background-image: url(/ec/images/shop1/ft_ranking/prn_stuff__icn_l.png); }
      .is__parents .is__staff .rnk_ranking__sbt::after {
        background-image: url(/ec/images/shop1/ft_ranking/prn_stuff__icn_r.png); }
    .is__older .is__staff .rnk_ranking__sbt {
      color: #2ea3da; }
      .is__older .is__staff .rnk_ranking__sbt::before {
        background-image: url(/ec/images/shop1/ft_ranking/old_stuff__icn_l.png); }
      .is__older .is__staff .rnk_ranking__sbt::after {
        background-image: url(/ec/images/shop1/ft_ranking/old_stuff__icn_r.png); }
    .is__friend .is__staff .rnk_ranking__sbt {
      color: #1ca39a; }
      .is__friend .is__staff .rnk_ranking__sbt::before {
        background-image: url(/ec/images/shop1/ft_ranking/frn_stuff__icn_l.png); }
      .is__friend .is__staff .rnk_ranking__sbt::after {
        background-image: url(/ec/images/shop1/ft_ranking/frn_stuff__icn_r.png); }
    .is__colleague .is__staff .rnk_ranking__sbt {
      color: #ed7744; }
      .is__colleague .is__staff .rnk_ranking__sbt::before {
        background-image: url(/ec/images/shop1/ft_ranking/clg_stuff__icn_l.png); }
      .is__colleague .is__staff .rnk_ranking__sbt::after {
        background-image: url(/ec/images/shop1/ft_ranking/clg_stuff__icn_r.png); }
  .is__naspecial .rnk_ranking__sbt {
    color: #e467b6; }
  .is__parents .rnk_ranking__sbt {
    color: #7f60c1; }
  .is__older .rnk_ranking__sbt {
    color: #2ea3da; }
  .is__friend .rnk_ranking__sbt {
    color: #1ca39a; }
  .is__colleague .rnk_ranking__sbt {
    color: #ed7744; }
  .is__limited .rnk_ranking__sbt {
    color: #ff69ab; }
  .is__price .rnk_ranking__sbt {
    color: #e7ac2c; }

.is__buyer .rnk_variation__wrp {
  background-color: #57CAD5;
  margin-top: 0; }
  @media (max-width: 768px) {
    .is__buyer .rnk_variation__wrp {
      border-radius: 0 0 3.077vw 3.077vw;
      width: 91.28vw;
      margin: 0 auto;
      padding-bottom: 5.128vw; } }
  @media screen and (min-width: 769px) {
    .is__buyer .rnk_variation__wrp {
      border-radius: 0 0 24px 24px;
      padding-bottom: 40px; } }
  .is__buyer .rnk_variation__wrp .rnk_variation__ttl {
    color: #fff;
    border-bottom-color: #fff;
    display: inline-block;
    width: 100%; }
    @media (max-width: 768px) {
      .is__buyer .rnk_variation__wrp .rnk_variation__ttl {
        padding-top: 5.128vw; } }
    @media screen and (min-width: 769px) {
      .is__buyer .rnk_variation__wrp .rnk_variation__ttl {
        padding-top: 30px; } }
.is__naspecial .rnk_variation__wrp {
  background-color: #e467b6;
  margin-top: 0; }
  @media (max-width: 768px) {
    .is__naspecial .rnk_variation__wrp {
      border-radius: 0 0 3.077vw 3.077vw;
      width: 91.28vw;
      margin: 0 auto;
      padding-bottom: 5.128vw; } }
  @media screen and (min-width: 769px) {
    .is__naspecial .rnk_variation__wrp {
      border-radius: 0 0 24px 24px;
      padding-bottom: 40px; } }
  .is__naspecial .rnk_variation__wrp .rnk_variation__ttl {
    color: #fff;
    border-bottom-color: #fff;
    display: inline-block;
    width: 100%; }
    @media (max-width: 768px) {
      .is__naspecial .rnk_variation__wrp .rnk_variation__ttl {
        padding-top: 5.128vw; } }
    @media screen and (min-width: 769px) {
      .is__naspecial .rnk_variation__wrp .rnk_variation__ttl {
        padding-top: 30px; } }
.is__parents .rnk_variation__wrp {
  background-color: #7f60c1;
  margin-top: 0; }
  @media (max-width: 768px) {
    .is__parents .rnk_variation__wrp {
      border-radius: 0 0 3.077vw 3.077vw;
      width: 91.28vw;
      margin: 0 auto;
      padding-bottom: 5.128vw; } }
  @media screen and (min-width: 769px) {
    .is__parents .rnk_variation__wrp {
      border-radius: 0 0 24px 24px;
      padding-bottom: 40px; } }
  .is__parents .rnk_variation__wrp .rnk_variation__ttl {
    color: #fff;
    border-bottom-color: #fff;
    display: inline-block;
    width: 100%; }
    @media (max-width: 768px) {
      .is__parents .rnk_variation__wrp .rnk_variation__ttl {
        padding-top: 5.128vw; } }
    @media screen and (min-width: 769px) {
      .is__parents .rnk_variation__wrp .rnk_variation__ttl {
        padding-top: 30px; } }
.is__older .rnk_variation__wrp {
  background-color: #2ea3da;
  margin-top: 0; }
  @media (max-width: 768px) {
    .is__older .rnk_variation__wrp {
      border-radius: 0 0 3.077vw 3.077vw;
      width: 91.28vw;
      margin: 0 auto;
      padding-bottom: 5.128vw; } }
  @media screen and (min-width: 769px) {
    .is__older .rnk_variation__wrp {
      border-radius: 0 0 24px 24px;
      padding-bottom: 40px; } }
  .is__older .rnk_variation__wrp .rnk_variation__ttl {
    color: #fff;
    border-bottom-color: #fff;
    display: inline-block;
    width: 100%; }
    @media (max-width: 768px) {
      .is__older .rnk_variation__wrp .rnk_variation__ttl {
        padding-top: 5.128vw; } }
    @media screen and (min-width: 769px) {
      .is__older .rnk_variation__wrp .rnk_variation__ttl {
        padding-top: 30px; } }
.is__friend .rnk_variation__wrp {
  background-color: #1ca39a;
  margin-top: 0; }
  @media (max-width: 768px) {
    .is__friend .rnk_variation__wrp {
      border-radius: 0 0 3.077vw 3.077vw;
      width: 91.28vw;
      margin: 0 auto;
      padding-bottom: 5.128vw; } }
  @media screen and (min-width: 769px) {
    .is__friend .rnk_variation__wrp {
      border-radius: 0 0 24px 24px;
      padding-bottom: 40px; } }
  .is__friend .rnk_variation__wrp .rnk_variation__ttl {
    color: #fff;
    border-bottom-color: #fff;
    display: inline-block;
    width: 100%; }
    @media (max-width: 768px) {
      .is__friend .rnk_variation__wrp .rnk_variation__ttl {
        padding-top: 5.128vw; } }
    @media screen and (min-width: 769px) {
      .is__friend .rnk_variation__wrp .rnk_variation__ttl {
        padding-top: 30px; } }
.is__colleague .rnk_variation__wrp {
  background-color: #ed7744;
  margin-top: 0; }
  @media (max-width: 768px) {
    .is__colleague .rnk_variation__wrp {
      border-radius: 0 0 3.077vw 3.077vw;
      width: 91.28vw;
      margin: 0 auto;
      padding-bottom: 5.128vw; } }
  @media screen and (min-width: 769px) {
    .is__colleague .rnk_variation__wrp {
      border-radius: 0 0 24px 24px;
      padding-bottom: 40px; } }
  .is__colleague .rnk_variation__wrp .rnk_variation__ttl {
    color: #fff;
    border-bottom-color: #fff;
    display: inline-block;
    width: 100%; }
    @media (max-width: 768px) {
      .is__colleague .rnk_variation__wrp .rnk_variation__ttl {
        padding-top: 5.128vw; } }
    @media screen and (min-width: 769px) {
      .is__colleague .rnk_variation__wrp .rnk_variation__ttl {
        padding-top: 30px; } }

.rnk_variation__lst_wrp {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: left; }

.rnk_variation__lst {
  display: block; }
  @media (max-width: 768px) {
    .rnk_variation__lst {
      width: 32%; }
      .rnk_variation__lst_wrp .rnk_variation__lst:not(:nth-child(3n+1)) {
        margin-left: 2%; } }
  @media screen and (min-width: 769px) {
    .rnk_variation__lst {
      width: 30%; }
      .rnk_variation__lst_wrp .rnk_variation__lst:not(:nth-child(3n+1)) {
        margin-left: 5%; } }
  @media (max-width: 768px) {
    .rnk_variation__lst .tmp__txt {
      font-size: 2.820vw;
      line-height: 1.636; } }
  @media screen and (min-width: 769px) {
    .rnk_variation__lst .tmp__txt {
      font-size: 12px;
      line-height: 2; } }
  .rnk_variation__lst .tmp__txt.is__price {
    text-align: right; }

.rnk_variation__ttl {
  font-weight: bold;
  text-align: center;
  border-bottom-style: solid; }
  @media (max-width: 768px) {
    .rnk_variation__ttl {
      font-size: 3.59vw;
      line-height: 1.4;
      padding-bottom: 0.641vw;
      margin-bottom: 3.846vw;
      border-bottom-width: 0.2564vw; } }
  @media screen and (min-width: 769px) {
    .rnk_variation__ttl {
      font-size: 16px;
      line-height: 1.4;
      padding-bottom: 5px;
      margin-bottom: 17px;
      border-bottom-width: 1px; } }
  .is__naspecial .rnk_variation__ttl {
    color: #e467b6;
    border-bottom-color: #e467b6; }
  .is__parents .rnk_variation__ttl {
    color: #7f60c1;
    border-bottom-color: #7f60c1; }
  .is__older .rnk_variation__ttl {
    color: #2ea3da;
    border-bottom-color: #2ea3da; }
  .is__friend .rnk_variation__ttl {
    color: #1ca39a;
    border-bottom-color: #1ca39a; }
  .is__colleague .rnk_variation__ttl {
    color: #ed7744;
    border-bottom-color: #ed7744; }

.rnk_sct__wrp {
  position: relative; }
  @media (max-width: 768px) {
    .rnk_sct__wrp .tmp__btn {
      margin-top: 4.102vw; } }
  @media screen and (min-width: 769px) {
    .rnk_sct__wrp .tmp__btn {
      margin-top: 15px; } }

.is__buyer .rnk__btn, .is__buyer .tmp__btn {
  background-color: #57CAD5; }
.is__all .rnk__btn, .is__all .tmp__btn {
  background-color: #e4505f; }
.is__naspecial .rnk__btn, .is__naspecial .tmp__btn {
  background-color: #e467b6; }
.is__parents .rnk__btn, .is__parents .tmp__btn {
  background-color: #7f60c1; }
.is__older .rnk__btn, .is__older .tmp__btn {
  background-color: #2ea3da; }
.is__friend .rnk__btn, .is__friend .tmp__btn {
  background-color: #1ca39a; }
.is__colleague .rnk__btn, .is__colleague .tmp__btn {
  background-color: #ed7744; }
.is__limited .rnk__btn, .is__limited .tmp__btn {
  background-color: #ff69ab; }
.is__price .rnk__btn, .is__price .tmp__btn {
  background-color: #e7ac2c; }
.is__product .rnk__btn, .is__product .tmp__btn {
  background-color: #435ed7; }
.is__brand .rnk__btn, .is__brand .tmp__btn {
  background-color: #97c72f; }
.rnk__btn.is__find, .tmp__btn.is__find {
  border: 1px solid #97c72f;
  color: #97c72f;
  background-color: #ffffff;
  margin-top: 1.282vw;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%20width%3d%228%2e07px%22%20height%3d%2215%2e14px%22%20viewBox%3d%220%200%208%2e07%2015%2e14%22%20style%3d%22enable%2dbackground%3anew%200%200%208%2e07%2015%2e14%3b%22%20xml%3aspace%3d%22preserve%22%3e%3cstyle%20type%3d%22text%2fcss%22%3e%2est0%7bfill%3anone%3bstroke%3a%2397c72f%3bstroke%2dlinecap%3around%3bstroke%2dlinejoin%3around%3bstroke%2dmiterlimit%3a10%3b%7d%3c%2fstyle%3e%3cdefs%3e%3c%2fdefs%3e%3cg%20stroke%3d%22%2397c72f%22%3e%3cpolyline%20class%3d%22st0%22%20points%3d%220%2e5%2c0%2e5%207%2e57%2c7%2e57%200%2e5%2c14%2e64%20%22%2f%3e%3c%2fg%3e%3c%2fsvg%3e"); }
@media (max-width: 768px) {
  .is__index .rnk__btn, .is__index .tmp__btn {
    padding: 2.564vw 0 !important;
    height: 13.333vw !important;
    line-height: 1.37 !important;
    display: flex;
    align-items: center;
    justify-content: center; } }

@media (max-width: 768px) {
  .rnk_ind_ranking__wrp {
    margin-top: 3.846vw; } }
@media screen and (min-width: 769px) {
  .rnk_ind_ranking__wrp {
    margin-top: 15px; } }

.rnk_ind_ranking__lst_wrp {
  display: flex;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 768px) {
    .rnk_ind_ranking__lst_wrp {
      width: 100%; } }
  @media screen and (min-width: 769px) {
    .rnk_ind_ranking__lst_wrp {
      width: 580px; } }
  @media (max-width: 768px) {
    .rnk_ind_ranking__lst_wrp .rnk_ind_ranking__lst {
      width: 32%; } }
  @media screen and (min-width: 769px) {
    .rnk_ind_ranking__lst_wrp .rnk_ind_ranking__lst {
      width: 180px; } }
  @media (max-width: 768px) {
    .rnk_ind_ranking__lst_wrp .rnk_ind_ranking__lst:not(:nth-of-type(3n)) {
      margin-right: 2%; } }
  @media screen and (min-width: 769px) {
    .rnk_ind_ranking__lst_wrp .rnk_ind_ranking__lst:not(:nth-of-type(3n)) {
      margin-right: 20px; } }
  .rnk_ind_ranking__lst_wrp .rnk_ind_ranking__lst a {
    text-decoration: none; }
  @media (max-width: 768px) {
    .rnk_ind_ranking__lst_wrp .rnk_ind_ranking__lst .tmp__img + .tmp__txt {
      margin-top: 1.538vw; } }
  @media screen and (min-width: 769px) {
    .rnk_ind_ranking__lst_wrp .rnk_ind_ranking__lst .tmp__img + .tmp__txt {
      margin-top: 5px; } }
  @media (max-width: 768px) {
    .rnk_ind_ranking__lst_wrp .rnk_ind_ranking__lst .tmp__txt {
      font-size: 2.82vw;
      line-height: 1.6; } }
  @media screen and (min-width: 769px) {
    .rnk_ind_ranking__lst_wrp .rnk_ind_ranking__lst .tmp__txt {
      font-size: 12px;
      line-height: 1.8; } }
  .rnk_ind_ranking__lst_wrp .rnk_ind_ranking__lst .tmp__txt.is__name {
    text-decoration: underline; }
  .rnk_ind_ranking__lst_wrp .rnk_ind_ranking__lst .tmp__txt.is__price {
    text-align: right; }

.rnk_ind_ranking__lst_icn {
  position: relative; }
  @media (max-width: 768px) {
    .rnk_ind_ranking__lst_icn {
      margin-top: 5.128vw; } }
  @media screen and (min-width: 769px) {
    .rnk_ind_ranking__lst_icn {
      margin-top: 30px; } }
  .rnk_ind_ranking__lst_icn::before {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    line-height: 1;
    font-weight: bold;
    background-repeat: no-repeat;
    background-size: 100%; }
    @media (max-width: 768px) {
      .rnk_ind_ranking__lst_icn::before {
        width: 8.974vw;
        height: 8.974vw;
        top: -5.128vw;
        font-size: 4.10256vw;
        padding-top: 3.846vw; } }
    @media screen and (min-width: 769px) {
      .rnk_ind_ranking__lst_icn::before {
        width: 50px;
        height: 50px;
        top: -30px;
        font-size: 21px;
        padding-top: 15px; } }
    .is__no1 .rnk_ind_ranking__lst_icn::before {
      background-image: url(/ec/images/shop1/ft_ranking/rnk_art__icn_1st.png); }
    .is__no2 .rnk_ind_ranking__lst_icn::before {
      background-image: url(/ec/images/shop1/ft_ranking/rnk_art__icn_2nd.png); }
    .is__no3 .rnk_ind_ranking__lst_icn::before {
      background-image: url(/ec/images/shop1/ft_ranking/rnk_art__icn_3rd.png); }
  .is__no1 .rnk_ind_ranking__lst_icn::before {
    content: "1"; }
  .is__no2 .rnk_ind_ranking__lst_icn::before {
    content: "2"; }
  .is__no3 .rnk_ind_ranking__lst_icn::before {
    content: "3"; }

.rnk_nav__wrp_main {
  display: flex;
  flex-wrap: wrap;
  font-family: 'Noto Serif JP',serif;
  font-weight: bold; }
  @media (max-width: 768px) {
    .rnk_nav__wrp_main {
      width: 91.28vw;
      margin-left: auto;
      margin-right: auto;
      margin-top: 2.564vw;
      justify-content: space-between; } }
  @media screen and (min-width: 769px) {
    .rnk_nav__wrp_main {
      margin-top: 50px;
      justify-content: center; } }
  @media (max-width: 768px) {
    .is__index .rnk_nav__wrp_main + .rnk_nav__wrp_main {
      margin-top: 2.564vw; } }
  @media screen and (min-width: 769px) {
    .is__index .rnk_nav__wrp_main + .rnk_nav__wrp_main {
      margin-top: 10px; } }
  @media (max-width: 768px) {
    .is__index .rnk_nav__wrp_main {
      margin-top: 4.1025vw; } }
  @media screen and (min-width: 769px) {
    .is__index .rnk_nav__wrp_main {
      margin-top: 25px; } }
  .rnk_nav__wrp_main .rnk_nav__list:nth-of-type(n+1):nth-of-type(-n+6) {
    text-align: center;
    position: relative;
    background-position: center center;
    background-size: 100%;
    background-repeat: repeat-y,no-repeat;
    background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_main_bg1.png), url(/ec/images/shop1/ft_ranking/rnk__nav_main_bg2.png); }
    @media (max-width: 768px) {
      .rnk_nav__wrp_main .rnk_nav__list:nth-of-type(n+1):nth-of-type(-n+6) a:after {
        content: "";
        display: block;
        background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_bg4.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: auto;
        right: 5px;
        margin: auto;
        width: 9px;
        height: 7px;
        transform: rotate(0deg) !important; } }
    @media screen and (min-width: 769px) {
      .rnk_nav__wrp_main .rnk_nav__list:nth-of-type(n+1):nth-of-type(-n+6) a:after {
        content: "";
        display: block;
        background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_bg4.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: auto;
        right: 5px;
        margin: auto;
        width: 9px;
        height: 7px;
        transform: rotate(0deg) !important; } }
  @media (max-width: 768px) {
    .rnk_nav__wrp_main .rnk_nav__list {
      width: calc(50% - 1.564vw);
      border-radius: 1.154vw;
      font-size: 2.9vw;
      line-height: 1.384;
      letter-spacing: -0.005em;
      white-space: nowrap;
      height: 13.205vw; }
      .rnk_nav__wrp_main .rnk_nav__list:not(:nth-of-type(2n)) {
        margin-right: 0; }
      .rnk_nav__wrp_main .rnk_nav__list:nth-of-type(n+3) {
        margin-top: 2.564vw; } }
  @media screen and (min-width: 769px) {
    .rnk_nav__wrp_main .rnk_nav__list {
      width: calc(25% - 6px);
      border-radius: 5px;
      font-size: 13px;
      line-height: 1.428;
      height: 56px; }
      .rnk_nav__wrp_main .rnk_nav__list:not(:nth-of-type(4n)) {
        margin-right: 8px; }
      .rnk_nav__wrp_main .rnk_nav__list:nth-of-type(n+5) {
        margin-top: 10px; } }
  @media (max-width: 768px) {
    .rnk_nav__wrp_main .rnk_nav__list.is__all a:after {
      content: "";
      display: block;
      background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_bg3.png) !important;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      left: auto;
      right: 5px;
      margin: auto;
      width: 9px;
      height: 7px;
      transform: rotate(0deg) !important; } }
  @media screen and (min-width: 769px) {
    .rnk_nav__wrp_main .rnk_nav__list.is__all a:after {
      content: "";
      display: block;
      background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_bg3.png) !important;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      left: auto;
      right: 5px;
      margin: auto;
      width: 9px;
      height: 7px;
      transform: rotate(0deg) !important; } }
  .rnk_nav__wrp_main .rnk_nav__list.is__buyer {
    background-color: #57CAD5; }
    @media (max-width: 768px) {
      .rnk_nav__wrp_main .rnk_nav__list.is__buyer a:after {
        content: "";
        display: block;
        background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_bg3.png) !important;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: auto;
        right: 5px;
        margin: auto;
        width: 9px;
        height: 7px;
        transform: rotate(0deg) !important; } }
    @media screen and (min-width: 769px) {
      .rnk_nav__wrp_main .rnk_nav__list.is__buyer a:after {
        content: "";
        display: block;
        background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_bg3.png) !important;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: auto;
        right: 5px;
        margin: auto;
        width: 9px;
        height: 7px;
        transform: rotate(0deg) !important; } }
  .rnk_nav__wrp_main .rnk_nav__list.is__naspecial {
    background-color: #e467b6; }
  .rnk_nav__wrp_main .rnk_nav__list.is__parents {
    background-color: #7f60c1; }
  .rnk_nav__wrp_main .rnk_nav__list.is__older {
    background-color: #2ea3da; }
  .rnk_nav__wrp_main .rnk_nav__list.is__friend {
    background-color: #1ca39a; }
  .rnk_nav__wrp_main .rnk_nav__list.is__colleague {
    background-color: #ed7744; }
  .rnk_nav__wrp_main .rnk_nav__list.is__price {
    background-color: #e7ac2c; }
    @media (max-width: 768px) {
      .rnk_nav__wrp_main .rnk_nav__list.is__price a:after {
        content: "";
        display: block;
        background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_bg3.png) !important;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: auto;
        right: 5px;
        margin: auto;
        width: 9px;
        height: 7px;
        transform: rotate(0deg) !important; } }
    @media screen and (min-width: 769px) {
      .rnk_nav__wrp_main .rnk_nav__list.is__price a:after {
        content: "";
        display: block;
        background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_bg3.png) !important;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: auto;
        right: 5px;
        margin: auto;
        width: 9px;
        height: 7px;
        transform: rotate(0deg) !important; } }
  .rnk_nav__wrp_main .rnk_nav__list.is__limited, .rnk_nav__wrp_main .rnk_nav__list.is__product {
    text-align: center;
    background-color: #fff;
    border-radius: 0;
    position: relative; }
    @media (max-width: 768px) {
      .rnk_nav__wrp_main .rnk_nav__list.is__limited, .rnk_nav__wrp_main .rnk_nav__list.is__product {
        border-top: 0.5128vw solid #dace7e;
        border-bottom: 0.5128vw solid #dace7e; } }
    @media screen and (min-width: 769px) {
      .rnk_nav__wrp_main .rnk_nav__list.is__limited, .rnk_nav__wrp_main .rnk_nav__list.is__product {
        border-top: 2px solid #dace7e;
        border-bottom: 2px solid #dace7e; } }
    @media (max-width: 768px) {
      .rnk_nav__wrp_main .rnk_nav__list.is__limited a:after, .rnk_nav__wrp_main .rnk_nav__list.is__product a:after {
        content: "";
        display: block;
        background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_bg3.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: auto;
        right: 5px;
        margin: auto;
        width: 9px;
        height: 7px;
        transform: rotate(0deg) !important; } }
    @media screen and (min-width: 769px) {
      .rnk_nav__wrp_main .rnk_nav__list.is__limited a:after, .rnk_nav__wrp_main .rnk_nav__list.is__product a:after {
        content: "";
        display: block;
        background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_bg3.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: auto;
        right: 5px;
        margin: auto;
        width: 9px;
        height: 7px;
        transform: rotate(0deg) !important; } }
  .rnk_nav__wrp_main .rnk_nav__list a {
    text-decoration: none;
    display: block;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .rnk_nav__wrp_main.is__link .rnk_nav__list a::after {
    transform: rotate(-90deg); }
  @media (max-width: 768px) {
    .rnk_nav__wrp_main.is__link .is__parents a::after {
      right: 0.769vw !important; } }
  @media screen and (min-width: 769px) {
    .rnk_nav__wrp_main.is__link .is__parents a::after {
      right: 1px !important; } }
  @media (max-width: 768px) {
    .rnk_nav__wrp_main.is__link .is__friend a::after {
      right: 0.769vw !important; } }
  @media screen and (min-width: 769px) {
    .rnk_nav__wrp_main.is__link .is__friend a::after {
      right: 1px !important; } }
  @media (max-width: 768px) {
    .rnk_nav__wrp_main.is__link .is__older a::after {
      right: 0.769vw !important; } }
  @media screen and (min-width: 769px) {
    .rnk_nav__wrp_main.is__link .is__older a::after {
      right: 1px !important; } }
  @media (max-width: 768px) {
    .rnk_nav__wrp_main.is__link .is__colleague a::after {
      right: 0.769vw !important; } }
  @media screen and (min-width: 769px) {
    .rnk_nav__wrp_main.is__link .is__colleague a::after {
      right: 1px !important; } }
  @media (max-width: 768px) {
    .rnk_nav__wrp_main.is__link .is__naspecial a::after {
      right: 0.769vw !important; } }
  @media screen and (min-width: 769px) {
    .rnk_nav__wrp_main.is__link .is__naspecial a::after {
      right: 1px !important; } }
  .rnk_nav__wrp_main.is__ind_anchor .rnk_nav__list {
    background-color: #e4505f;
    text-align: center;
    position: relative;
    background-position: center center;
    background-size: 100%;
    background-repeat: repeat-y,no-repeat;
    background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_bg1_wide.png), url(/ec/images/shop1/ft_ranking/rnk__nav_bg2_wide.png) !important; }
    @media (max-width: 768px) {
      .rnk_nav__wrp_main.is__ind_anchor .rnk_nav__list {
        height: 13.205vw;
        margin-top: 2.564vw;
        width: calc(50% - 1.282vw); } }
    @media screen and (min-width: 769px) {
      .rnk_nav__wrp_main.is__ind_anchor .rnk_nav__list {
        height: 56px; } }
    .rnk_nav__wrp_main.is__ind_anchor .rnk_nav__list:last-of-type {
      margin-right: 0; }
    @media (max-width: 768px) {
      .rnk_nav__wrp_main.is__ind_anchor .rnk_nav__list.is__all, .rnk_nav__wrp_main.is__ind_anchor .rnk_nav__list.is__buyer {
        width: calc(50% - 1.564vw);
        background-size: 200% !important; } }
    @media screen and (min-width: 769px) {
      .rnk_nav__wrp_main.is__ind_anchor .rnk_nav__list.is__all, .rnk_nav__wrp_main.is__ind_anchor .rnk_nav__list.is__buyer {
        width: calc((100% - 8px)/2);
        margin-bottom: 10px; } }
    .rnk_nav__wrp_main.is__ind_anchor .rnk_nav__list.is__all {
      background-color: #e4505f; }
      .rnk_nav__wrp_main.is__ind_anchor .rnk_nav__list.is__all a {
        color: #e4505f; }
    .rnk_nav__wrp_main.is__ind_anchor .rnk_nav__list.is__buyer {
      background-color: #57CAD5; }
      .rnk_nav__wrp_main.is__ind_anchor .rnk_nav__list.is__buyer a {
        color: #1898A4; }
    .rnk_nav__wrp_main.is__ind_anchor .rnk_nav__list a::after {
      top: 0;
      bottom: 0;
      left: auto;
      margin: auto; }
      @media (max-width: 768px) {
        .rnk_nav__wrp_main.is__ind_anchor .rnk_nav__list a::after {
          right: 1.923vw; } }
      @media screen and (min-width: 769px) {
        .rnk_nav__wrp_main.is__ind_anchor .rnk_nav__list a::after {
          right: 8px; } }
    .rnk_nav__wrp_main.is__ind_anchor .rnk_nav__list a {
      text-decoration: none;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 768px) {
        .rnk_nav__wrp_main.is__ind_anchor .rnk_nav__list a {
          border-top: 0.5128vw;
          border-bottom: 0.5128vw; } }
      @media screen and (min-width: 769px) {
        .rnk_nav__wrp_main.is__ind_anchor .rnk_nav__list a {
          padding-top: 0;
          padding-bottom: 0; } }
      @media (max-width: 768px) {
        .rnk_nav__wrp_main.is__ind_anchor .rnk_nav__list a:after {
          content: "";
          display: block;
          background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_bg3.png);
          background-size: contain;
          background-repeat: no-repeat;
          position: absolute;
          left: auto;
          margin: auto;
          bottom: 0;
          width: 9px;
          height: 7px; } }
      @media screen and (min-width: 769px) {
        .rnk_nav__wrp_main.is__ind_anchor .rnk_nav__list a:after {
          content: "";
          display: block;
          background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_bg3.png);
          background-size: contain;
          background-repeat: no-repeat;
          position: absolute;
          left: auto;
          margin: auto;
          bottom: 0;
          width: 9px;
          height: 7px; } }

.rnk_nav__wrp_bottom {
  display: flex;
  flex-wrap: wrap;
  font-family: 'Noto Serif JP',serif;
  font-weight: bold; }
  @media (max-width: 768px) {
    .rnk_nav__wrp_bottom {
      width: 91.28vw;
      margin-left: auto;
      margin-right: auto;
      margin-top: 2.564vw;
      justify-content: space-between; } }
  @media screen and (min-width: 769px) {
    .rnk_nav__wrp_bottom {
      margin-top: 50px;
      justify-content: center; } }
  @media (max-width: 768px) {
    .is__index .rnk_nav__wrp_bottom + .rnk_nav__wrp_bottom {
      margin-top: 2.564vw; } }
  @media screen and (min-width: 769px) {
    .is__index .rnk_nav__wrp_bottom + .rnk_nav__wrp_bottom {
      margin-top: 10px; } }
  @media (max-width: 768px) {
    .is__index .rnk_nav__wrp_bottom {
      margin-top: 4.1025vw; } }
  @media screen and (min-width: 769px) {
    .is__index .rnk_nav__wrp_bottom {
      margin-top: 25px; } }
  .rnk_nav__wrp_bottom .rnk_nav__list:nth-of-type(n+1):nth-of-type(-n+6) {
    text-align: center;
    position: relative;
    background-position: center center;
    background-size: 100%;
    background-repeat: repeat-y,no-repeat;
    background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_main_bg1.png), url(/ec/images/shop1/ft_ranking/rnk__nav_main_bg2.png); }
    @media (max-width: 768px) {
      .rnk_nav__wrp_bottom .rnk_nav__list:nth-of-type(n+1):nth-of-type(-n+6) a:after {
        content: "";
        display: block;
        background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_bg4.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: auto;
        right: 5px;
        margin: auto;
        width: 9px;
        height: 7px;
        transform: rotate(0deg) !important; } }
    @media screen and (min-width: 769px) {
      .rnk_nav__wrp_bottom .rnk_nav__list:nth-of-type(n+1):nth-of-type(-n+6) a:after {
        content: "";
        display: block;
        background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_bg4.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: auto;
        right: 5px;
        margin: auto;
        width: 9px;
        height: 7px;
        transform: rotate(0deg) !important; } }
  @media (max-width: 768px) {
    .rnk_nav__wrp_bottom .rnk_nav__list a:after {
      content: "";
      display: block;
      background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_bg4.png);
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      left: auto;
      right: 5px;
      margin: auto;
      width: 9px;
      height: 7px;
      transform: rotate(0deg) !important; } }
  @media screen and (min-width: 769px) {
    .rnk_nav__wrp_bottom .rnk_nav__list a:after {
      content: "";
      display: block;
      background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_bg4.png);
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      left: auto;
      right: 5px;
      margin: auto;
      width: 9px;
      height: 7px;
      transform: rotate(0deg) !important; } }
  @media (max-width: 768px) {
    .rnk_nav__wrp_bottom .rnk_nav__list {
      width: calc(50% - 1.564vw);
      border-radius: 1.154vw;
      font-size: 2.9vw;
      line-height: 1.384;
      letter-spacing: -0.005em;
      white-space: nowrap;
      height: 13.205vw; }
      .rnk_nav__wrp_bottom .rnk_nav__list:not(:nth-of-type(2n)) {
        margin-right: 0; }
      .rnk_nav__wrp_bottom .rnk_nav__list:nth-of-type(n+3) {
        margin-top: 2.564vw; } }
  @media screen and (min-width: 769px) {
    .rnk_nav__wrp_bottom .rnk_nav__list {
      width: calc(25% - 6px);
      border-radius: 5px;
      font-size: 13px;
      line-height: 1.428;
      height: 56px; }
      .rnk_nav__wrp_bottom .rnk_nav__list:not(:nth-of-type(4n)) {
        margin-right: 8px; }
      .rnk_nav__wrp_bottom .rnk_nav__list:nth-of-type(n+5) {
        margin-top: 10px; } }
  .rnk_nav__wrp_bottom .rnk_nav__list.is__buyer {
    background-color: #57CAD5; }
    .rnk_nav__wrp_bottom .rnk_nav__list.is__buyer a {
      color: #1898A4 !important; }
  .rnk_nav__wrp_bottom .rnk_nav__list.is__all {
    background-color: #e4505f; }
    .rnk_nav__wrp_bottom .rnk_nav__list.is__all a {
      color: #E4505F !important; }
  .rnk_nav__wrp_bottom .rnk_nav__list.is__naspecial {
    background-color: #e467b6; }
  .rnk_nav__wrp_bottom .rnk_nav__list.is__parents {
    background-color: #7f60c1; }
  .rnk_nav__wrp_bottom .rnk_nav__list.is__older {
    background-color: #2ea3da; }
  .rnk_nav__wrp_bottom .rnk_nav__list.is__friend {
    background-color: #1ca39a; }
  .rnk_nav__wrp_bottom .rnk_nav__list.is__colleague {
    background-color: #ed7744; }
  .rnk_nav__wrp_bottom .rnk_nav__list.is__price {
    background-color: #e7ac2c; }
  .rnk_nav__wrp_bottom .rnk_nav__list.is__limited, .rnk_nav__wrp_bottom .rnk_nav__list.is__product {
    text-align: center;
    background-color: #fff;
    border-radius: 0;
    position: relative; }
    @media (max-width: 768px) {
      .rnk_nav__wrp_bottom .rnk_nav__list.is__limited, .rnk_nav__wrp_bottom .rnk_nav__list.is__product {
        border-top: 0.5128vw solid #dace7e;
        border-bottom: 0.5128vw solid #dace7e; } }
    @media screen and (min-width: 769px) {
      .rnk_nav__wrp_bottom .rnk_nav__list.is__limited, .rnk_nav__wrp_bottom .rnk_nav__list.is__product {
        border-top: 2px solid #dace7e;
        border-bottom: 2px solid #dace7e; } }
  .rnk_nav__wrp_bottom .rnk_nav__list a {
    text-decoration: none;
    display: block;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .rnk_nav__wrp_bottom.is__link .rnk_nav__list a::after {
    transform: rotate(-90deg); }

.rnk_nav__wrp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-family: 'Noto Serif JP',serif;
  font-weight: bold; }
  @media (max-width: 768px) {
    .rnk_nav__wrp {
      width: 91.28vw;
      margin-left: auto;
      margin-right: auto;
      margin-top: 6.410vw; } }
  @media screen and (min-width: 769px) {
    .rnk_nav__wrp {
      margin-top: 50px; } }
  @media (max-width: 768px) {
    .is__index .rnk_nav__wrp + .rnk_nav__wrp {
      margin-top: 5.1282vw; } }
  @media screen and (min-width: 769px) {
    .is__index .rnk_nav__wrp + .rnk_nav__wrp {
      margin-top: 10px; } }
  @media (max-width: 768px) {
    .is__index .rnk_nav__wrp {
      margin-top: 4.1025vw; } }
  @media screen and (min-width: 769px) {
    .is__index .rnk_nav__wrp {
      margin-top: 25px; } }
  .rnk_nav__wrp .rnk_nav__list {
    text-align: center;
    position: relative;
    background-position: center center;
    background-size: 100%;
    background-repeat: repeat-y,no-repeat;
    background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_bg1.png), url(/ec/images/shop1/ft_ranking/rnk__nav_bg2.png); }
    @media (max-width: 768px) {
      .rnk_nav__wrp .rnk_nav__list {
        width: calc(50% - 2.564vw);
        border-radius: 1.154vw;
        font-size: 3.2vw;
        line-height: 1.384;
        letter-spacing: -0.005em;
        white-space: nowrap; }
        .rnk_nav__wrp .rnk_nav__list:not(:nth-of-type(2n)) {
          margin-right: 0; }
        .rnk_nav__wrp .rnk_nav__list:nth-of-type(n+3) {
          margin-top: 2.564vw; } }
    @media screen and (min-width: 769px) {
      .rnk_nav__wrp .rnk_nav__list {
        width: calc(25% - 6px);
        border-radius: 5px;
        font-size: 14px;
        line-height: 1.428; }
        .rnk_nav__wrp .rnk_nav__list:not(:nth-of-type(4n)) {
          margin-right: 8px; }
        .rnk_nav__wrp .rnk_nav__list:nth-of-type(n+5) {
          margin-top: 10px; } }
    .rnk_nav__wrp .rnk_nav__list a::after {
      content: "";
      display: block;
      background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_bg3.png);
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      bottom: 0; }
      @media (max-width: 768px) {
        .rnk_nav__wrp .rnk_nav__list a::after {
          width: 2.0512vw;
          height: 1.538vw;
          bottom: 4.1025vw; } }
      @media screen and (min-width: 769px) {
        .rnk_nav__wrp .rnk_nav__list a::after {
          width: 9px;
          height: 7px;
          bottom: 16px; } }
    .rnk_nav__wrp .rnk_nav__list.is__buyer {
      background-color: #57CAD5; }
    .rnk_nav__wrp .rnk_nav__list.is__naspecial {
      background-color: #e467b6; }
    .rnk_nav__wrp .rnk_nav__list.is__parents {
      background-color: #7f60c1; }
    .rnk_nav__wrp .rnk_nav__list.is__older {
      background-color: #2ea3da; }
    .rnk_nav__wrp .rnk_nav__list.is__friend {
      background-color: #1ca39a; }
    .rnk_nav__wrp .rnk_nav__list.is__colleague {
      background-color: #ed7744; }
    .rnk_nav__wrp .rnk_nav__list.is__limited {
      background-color: #ff69ab; }
    .rnk_nav__wrp .rnk_nav__list.is__price {
      background-color: #e7ac2c; }
    .rnk_nav__wrp .rnk_nav__list a {
      text-decoration: none;
      display: block; }
      @media (max-width: 768px) {
        .rnk_nav__wrp .rnk_nav__list a {
          padding-top: 4.872vw;
          padding-bottom: 7.436vw; } }
      @media screen and (min-width: 769px) {
        .rnk_nav__wrp .rnk_nav__list a {
          padding-top: 22px;
          padding-bottom: 30px; } }
  .rnk_nav__wrp.is__link .rnk_nav__list a::after {
    transform: rotate(-90deg); }
  .rnk_nav__wrp.is__ind_anchor .rnk_nav__list {
    background-image: none; }
    @media (max-width: 768px) {
      .rnk_nav__wrp.is__ind_anchor .rnk_nav__list {
        height: 11.03vw;
        margin-top: 2.564vw;
        width: calc(50% - 1.282vw); } }
    @media screen and (min-width: 769px) {
      .rnk_nav__wrp.is__ind_anchor .rnk_nav__list {
        height: 47px; } }
    .rnk_nav__wrp.is__ind_anchor .rnk_nav__list:last-of-type {
      margin-right: 0; }
    @media (max-width: 768px) {
      .rnk_nav__wrp.is__ind_anchor .rnk_nav__list.is__all, .rnk_nav__wrp.is__ind_anchor .rnk_nav__list.is__buyer {
        width: calc(50% - 1.282vw); } }
    @media screen and (min-width: 769px) {
      .rnk_nav__wrp.is__ind_anchor .rnk_nav__list.is__all, .rnk_nav__wrp.is__ind_anchor .rnk_nav__list.is__buyer {
        width: calc((100% - 8px)/2);
        margin-bottom: 10px;
        margin-left: 200px; } }
    @media (max-width: 768px) {
      .rnk_nav__wrp.is__ind_anchor .rnk_nav__list.is__limited {
        width: calc(50% - 1.282vw); } }
    @media screen and (min-width: 769px) {
      .rnk_nav__wrp.is__ind_anchor .rnk_nav__list.is__limited {
        width: calc(25% - 6px); } }
    @media (max-width: 768px) {
      .rnk_nav__wrp.is__ind_anchor .rnk_nav__list.is__price {
        width: calc(50% - 1.282vw); } }
    @media screen and (min-width: 769px) {
      .rnk_nav__wrp.is__ind_anchor .rnk_nav__list.is__price {
        width: calc(25% - 6px); } }
    .rnk_nav__wrp.is__ind_anchor .rnk_nav__list a::after {
      top: 0;
      bottom: 0;
      left: auto;
      margin: auto; }
      @media (max-width: 768px) {
        .rnk_nav__wrp.is__ind_anchor .rnk_nav__list a::after {
          right: 1.923vw; } }
      @media screen and (min-width: 769px) {
        .rnk_nav__wrp.is__ind_anchor .rnk_nav__list a::after {
          right: 8px; } }
    .rnk_nav__wrp.is__ind_anchor .rnk_nav__list a {
      text-decoration: none;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      border-top-style: solid;
      border-bottom-style: solid;
      border-top-color: #dace7e;
      border-bottom-color: #dace7e;
      padding-top: 0;
      padding-bottom: 0; }
      @media (max-width: 768px) {
        .rnk_nav__wrp.is__ind_anchor .rnk_nav__list a {
          border-top-width: 0.5128vw;
          border-bottom-width: 0.5128vw; } }
      @media screen and (min-width: 769px) {
        .rnk_nav__wrp.is__ind_anchor .rnk_nav__list a {
          border-top-width: 2px;
          border-bottom-width: 2px; } }

@media (max-width: 768px) {
  .rnk_art__wrp {
    width: 91.28vw;
    margin-top: 15.385vw;
    margin-left: auto;
    margin-right: auto; } }
@media screen and (min-width: 769px) {
  .rnk_art__wrp {
    margin-top: 40px; } }
.rnk_art__wrp > .rnk_sct__wrp:not(:first-of-type) {
  border-top-style: solid;
  border-top-color: #d2d2d2; }
  @media (max-width: 768px) {
    .rnk_art__wrp > .rnk_sct__wrp:not(:first-of-type) {
      margin-top: 15.385vw;
      padding-top: 15.385vw;
      border-top-width: 0.256vw; } }
  @media screen and (min-width: 769px) {
    .rnk_art__wrp > .rnk_sct__wrp:not(:first-of-type) {
      margin-top: 60px;
      padding-top: 60px;
      border-top-width: 1px; } }

@media (max-width: 768px) {
  .rnk_sct__wrp .rnk_div__wrp {
    margin-top: 7.692vw; } }
@media screen and (min-width: 769px) {
  .rnk_sct__wrp .rnk_div__wrp {
    margin-top: 40px; } }
.rnk_sct__wrp .rnk_div__wrp:not(:first-of-type) {
  border-top-style: solid;
  border-top-color: #d2d2d2; }
  @media (max-width: 768px) {
    .rnk_sct__wrp .rnk_div__wrp:not(:first-of-type) {
      padding-top: 6.410vw;
      border-top-width: 0.256vw; } }
  @media screen and (min-width: 769px) {
    .rnk_sct__wrp .rnk_div__wrp:not(:first-of-type) {
      padding-top: 40px;
      border-top-width: 1px; } }

@media (max-width: 768px) {
  .rnk_art__wrp .cmn_include__wrp {
    margin-top: 3.846vw; } }
@media screen and (min-width: 769px) {
  .rnk_art__wrp .cmn_include__wrp {
    margin-top: 12px; } }

.rnk_ranking__tag_wrp {
  width: 100%;
  display: flex;
  justify-content: left;
  flex-wrap: wrap; }
  @media (max-width: 768px) {
    .rnk_ranking__tag_wrp {
      margin-top: 2.564vw; } }
  @media screen and (min-width: 769px) {
    .rnk_ranking__tag_wrp {
      margin-bottom: 20px; } }

.rnk_ranking__tag {
  width: auto;
  padding: .3em 1em;
  display: inline;
  border-style: solid;
  border-width: 1px;
  border-radius: 3em;
  font-weight: bold; }
  @media (max-width: 768px) {
    .rnk_ranking__tag {
      font-size: 2.82vw;
      line-height: 1;
      margin-bottom: 1.128vw; } }
  @media screen and (min-width: 769px) {
    .rnk_ranking__tag {
      font-size: 12px;
      line-height: 1; } }
  @media (max-width: 768px) {
    .rnk_ranking__tag:not(:last-of-type) {
      margin-right: 1.282vw; } }
  @media screen and (min-width: 769px) {
    .rnk_ranking__tag:not(:last-of-type) {
      margin-right: 5px; } }
  .is__buyer .rnk_ranking__tag {
    color: #57CAD5;
    border-color: #57CAD5; }
  .is__naspecial .rnk_ranking__tag {
    color: #e467b6;
    border-color: #e467b6; }
  .is__parents .rnk_ranking__tag {
    color: #7f60c1;
    border-color: #7f60c1; }
  .is__older .rnk_ranking__tag {
    color: #2ea3da;
    border-color: #2ea3da; }
  .is__friend .rnk_ranking__tag {
    color: #1ca39a;
    border-color: #1ca39a; }
  .is__colleague .rnk_ranking__tag {
    color: #ed7744;
    border-color: #ed7744; }

@media (max-width: 768px) {
  .rnk_mv__wrp {
    margin-top: 1vw; } }
@media screen and (min-width: 769px) {
  .rnk_mv__wrp {
    margin-top: 10px; } }
.rnk_mv__wrp .rnk_ttl__wrp {
  font-family: 'Noto Serif JP',serif;
  font-weight: bold;
  background-image: url(/ec/images/shop1/ft_ranking/rnk__main_bg.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  @media (max-width: 768px) {
    .rnk_mv__wrp .rnk_ttl__wrp {
      width: 100%;
      height: 37.333vw; } }
  @media screen and (min-width: 769px) {
    .rnk_mv__wrp .rnk_ttl__wrp {
      width: 780px;
      height: 280px; } }
  .rnk_mv__wrp .rnk_ttl__wrp + .tmp__txt {
    text-align: center; }
    @media (max-width: 768px) {
      .rnk_mv__wrp .rnk_ttl__wrp + .tmp__txt {
        width: 91.28vw;
        margin-left: auto;
        margin-right: auto;
        font-size: 3.0769vw;
        line-height: 1.6;
        margin-top: 3.846vw; } }
    @media screen and (min-width: 769px) {
      .rnk_mv__wrp .rnk_ttl__wrp + .tmp__txt {
        font-size: 14px;
        line-height: 1.6;
        margin-top: 20px; } }
  .rnk_mv__wrp .rnk_ttl__wrp .rnk_ttl__inr {
    width: 100%; }
    @media (max-width: 768px) {
      .rnk_mv__wrp .rnk_ttl__wrp .rnk_ttl__inr {
        margin-top: 2.256vw; } }
    @media screen and (min-width: 769px) {
      .rnk_mv__wrp .rnk_ttl__wrp .rnk_ttl__inr {
        margin-top: 25px; } }
  .rnk_mv__wrp .rnk_ttl__wrp .rnk__ttl {
    text-align: center; }
    @media (max-width: 768px) {
      .rnk_mv__wrp .rnk_ttl__wrp .rnk__ttl {
        font-size: 8.205vw;
        line-height: 1.1; } }
    @media screen and (min-width: 769px) {
      .rnk_mv__wrp .rnk_ttl__wrp .rnk__ttl {
        font-size: 70px;
        line-height: 1.1; } }
  .rnk_mv__wrp .rnk_ttl__wrp .tmp__txt.is__catch {
    text-align: center;
    letter-spacing: 0px; }
    @media (max-width: 768px) {
      .rnk_mv__wrp .rnk_ttl__wrp .tmp__txt.is__catch {
        font-size: 3.077vw;
        line-height: 1.4; } }
    @media screen and (min-width: 769px) {
      .rnk_mv__wrp .rnk_ttl__wrp .tmp__txt.is__catch {
        font-size: 24px;
        line-height: 1.4; } }

@media (max-width: 768px) {
  .rnk_accordion__wrp {
    width: 91.28vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.820vw;
    line-height: 1.636;
    margin-bottom: 6.410vw; } }
@media screen and (min-width: 769px) {
  .rnk_accordion__wrp {
    font-size: 12px;
    line-height: 1.83;
    margin-bottom: 20px; } }
@media (max-width: 768px) {
  .rnk_accordion__wrp.is__rnk_period {
    margin-top: 1.528vw; } }
@media screen and (min-width: 769px) {
  .rnk_accordion__wrp.is__rnk_period {
    margin-top: 12px; } }

.rnk_accordion__btn {
  display: inline-block;
  position: relative;
  cursor: pointer;
  text-decoration: underline; }
  .rnk_accordion__btn::after {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%20width%3d%2215%2e14px%22%20height%3d%228%2e07px%22%20viewBox%3d%220%200%2015%2e14%208%2e07%22%20style%3d%22enable%2dbackground%3anew%200%200%2015%2e14%208%2e07%3b%22%20xml%3aspace%3d%22preserve%22%3e%3cstyle%20type%3d%22text%2fcss%22%3e%20%2est0%7bfill%3anone%3bstroke%3a%235b5557%3bstroke%2dlinecap%3around%3bstroke%2dlinejoin%3around%3bstroke%2dmiterlimit%3a10%3b%7d%3c%2fstyle%3e%3cdefs%3e%3c%2fdefs%3e%3cpolyline%20class%3d%22st0%22%20points%3d%2214%2e64%2c0%2e5%207%2e57%2c7%2e57%200%2e5%2c0%2e5%20%22%2f%3e%3c%2fsvg%3e");
    width: .8em;
    height: .8em;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: -1em;
    top: 40%; }
    .js-open .rnk_accordion__btn::after {
      transform: rotate(180deg);
      top: auto;
      bottom: 40%; }

.rnk_accordion__cnt {
  margin-top: 1em; }

@media (max-width: 768px) {
  .rnk_info__lst {
    width: 91.28vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5384vw;
    font-size: 2.82vw;
    line-height: 1.6; } }
@media screen and (min-width: 769px) {
  .rnk_info__lst {
    margin-top: 15px;
    font-size: 12px;
    line-height: 1.6; } }
.rnk_info__lst > * {
  padding-left: 1em;
  position: relative; }
  .rnk_info__lst > *::before {
    content: '※';
    width: 1em;
    height: 1em;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    color: inherit;
    font-size: inherit; }

@media (max-width: 768px) {
  .is__no1 .rnk__btn, .is__no2 .rnk__btn, .is__no3 .rnk__btn, .is__no4 .rnk__btn, .is__no5 .rnk__btn, .is__no6 .rnk__btn, .is__no7 .rnk__btn, .is__no8 .rnk__btn, .is__no9 .rnk__btn, .is__no10 .rnk__btn {
    width: 81.04vw;
    margin-left: -40.52vw;
    margin-top: 5.128vw; } }
@media (max-width: 768px) {
  .is__no1 .rnk_ranking__ttl_wrp, .is__no2 .rnk_ranking__ttl_wrp, .is__no3 .rnk_ranking__ttl_wrp, .is__no4 .rnk_ranking__ttl_wrp, .is__no5 .rnk_ranking__ttl_wrp, .is__no6 .rnk_ranking__ttl_wrp, .is__no7 .rnk_ranking__ttl_wrp, .is__no8 .rnk_ranking__ttl_wrp, .is__no9 .rnk_ranking__ttl_wrp, .is__no10 .rnk_ranking__ttl_wrp {
    margin-bottom: 1.282vw; } }
@media screen and (min-width: 769px) {
  .is__no1 .rnk_ranking__ttl_wrp, .is__no2 .rnk_ranking__ttl_wrp, .is__no3 .rnk_ranking__ttl_wrp, .is__no4 .rnk_ranking__ttl_wrp, .is__no5 .rnk_ranking__ttl_wrp, .is__no6 .rnk_ranking__ttl_wrp, .is__no7 .rnk_ranking__ttl_wrp, .is__no8 .rnk_ranking__ttl_wrp, .is__no9 .rnk_ranking__ttl_wrp, .is__no10 .rnk_ranking__ttl_wrp {
    margin-bottom: 20px; } }
@media (max-width: 768px) {
  .is__no1 .rnk_ranking__cnt_wrp, .is__no2 .rnk_ranking__cnt_wrp, .is__no3 .rnk_ranking__cnt_wrp, .is__no4 .rnk_ranking__cnt_wrp, .is__no5 .rnk_ranking__cnt_wrp, .is__no6 .rnk_ranking__cnt_wrp, .is__no7 .rnk_ranking__cnt_wrp, .is__no8 .rnk_ranking__cnt_wrp, .is__no9 .rnk_ranking__cnt_wrp, .is__no10 .rnk_ranking__cnt_wrp {
    margin-top: 5.128vw; } }

@media (max-width: 768px) {
  .is__no11 .rnk_ranking__ttl_wrp, .is__no12 .rnk_ranking__ttl_wrp, .is__no13 .rnk_ranking__ttl_wrp, .is__no14 .rnk_ranking__ttl_wrp, .is__no15 .rnk_ranking__ttl_wrp, .is__no16 .rnk_ranking__ttl_wrp, .is__no17 .rnk_ranking__ttl_wrp, .is__no18 .rnk_ranking__ttl_wrp, .is__no19 .rnk_ranking__ttl_wrp, .is__no20 .rnk_ranking__ttl_wrp, .is__no21 .rnk_ranking__ttl_wrp, .is__no22 .rnk_ranking__ttl_wrp, .is__no23 .rnk_ranking__ttl_wrp, .is__no24 .rnk_ranking__ttl_wrp, .is__no25 .rnk_ranking__ttl_wrp, .is__no26 .rnk_ranking__ttl_wrp, .is__no27 .rnk_ranking__ttl_wrp, .is__no28 .rnk_ranking__ttl_wrp, .is__no29 .rnk_ranking__ttl_wrp, .is__no30 .rnk_ranking__ttl_wrp {
    padding-left: 33.33vw; } }
@media screen and (min-width: 769px) {
  .is__no11 .rnk_ranking__ttl_wrp, .is__no12 .rnk_ranking__ttl_wrp, .is__no13 .rnk_ranking__ttl_wrp, .is__no14 .rnk_ranking__ttl_wrp, .is__no15 .rnk_ranking__ttl_wrp, .is__no16 .rnk_ranking__ttl_wrp, .is__no17 .rnk_ranking__ttl_wrp, .is__no18 .rnk_ranking__ttl_wrp, .is__no19 .rnk_ranking__ttl_wrp, .is__no20 .rnk_ranking__ttl_wrp, .is__no21 .rnk_ranking__ttl_wrp, .is__no22 .rnk_ranking__ttl_wrp, .is__no23 .rnk_ranking__ttl_wrp, .is__no24 .rnk_ranking__ttl_wrp, .is__no25 .rnk_ranking__ttl_wrp, .is__no26 .rnk_ranking__ttl_wrp, .is__no27 .rnk_ranking__ttl_wrp, .is__no28 .rnk_ranking__ttl_wrp, .is__no29 .rnk_ranking__ttl_wrp, .is__no30 .rnk_ranking__ttl_wrp {
    padding-left: 210px; } }
.is__no11 .rnk_ranking__img, .is__no12 .rnk_ranking__img, .is__no13 .rnk_ranking__img, .is__no14 .rnk_ranking__img, .is__no15 .rnk_ranking__img, .is__no16 .rnk_ranking__img, .is__no17 .rnk_ranking__img, .is__no18 .rnk_ranking__img, .is__no19 .rnk_ranking__img, .is__no20 .rnk_ranking__img, .is__no21 .rnk_ranking__img, .is__no22 .rnk_ranking__img, .is__no23 .rnk_ranking__img, .is__no24 .rnk_ranking__img, .is__no25 .rnk_ranking__img, .is__no26 .rnk_ranking__img, .is__no27 .rnk_ranking__img, .is__no28 .rnk_ranking__img, .is__no29 .rnk_ranking__img, .is__no30 .rnk_ranking__img {
  position: absolute; }
  @media (max-width: 768px) {
    .is__no11 .rnk_ranking__img, .is__no12 .rnk_ranking__img, .is__no13 .rnk_ranking__img, .is__no14 .rnk_ranking__img, .is__no15 .rnk_ranking__img, .is__no16 .rnk_ranking__img, .is__no17 .rnk_ranking__img, .is__no18 .rnk_ranking__img, .is__no19 .rnk_ranking__img, .is__no20 .rnk_ranking__img, .is__no21 .rnk_ranking__img, .is__no22 .rnk_ranking__img, .is__no23 .rnk_ranking__img, .is__no24 .rnk_ranking__img, .is__no25 .rnk_ranking__img, .is__no26 .rnk_ranking__img, .is__no27 .rnk_ranking__img, .is__no28 .rnk_ranking__img, .is__no29 .rnk_ranking__img, .is__no30 .rnk_ranking__img {
      width: 19.23vw;
      left: 16.66vw;
      top: 5.12vw; } }
  @media screen and (min-width: 769px) {
    .is__no11 .rnk_ranking__img, .is__no12 .rnk_ranking__img, .is__no13 .rnk_ranking__img, .is__no14 .rnk_ranking__img, .is__no15 .rnk_ranking__img, .is__no16 .rnk_ranking__img, .is__no17 .rnk_ranking__img, .is__no18 .rnk_ranking__img, .is__no19 .rnk_ranking__img, .is__no20 .rnk_ranking__img, .is__no21 .rnk_ranking__img, .is__no22 .rnk_ranking__img, .is__no23 .rnk_ranking__img, .is__no24 .rnk_ranking__img, .is__no25 .rnk_ranking__img, .is__no26 .rnk_ranking__img, .is__no27 .rnk_ranking__img, .is__no28 .rnk_ranking__img, .is__no29 .rnk_ranking__img, .is__no30 .rnk_ranking__img {
      width: 120px;
      left: 110px;
      top: 40px; } }
@media (max-width: 768px) {
  .is__no11 .rnk_ranking__cnt_wrp, .is__no12 .rnk_ranking__cnt_wrp, .is__no13 .rnk_ranking__cnt_wrp, .is__no14 .rnk_ranking__cnt_wrp, .is__no15 .rnk_ranking__cnt_wrp, .is__no16 .rnk_ranking__cnt_wrp, .is__no17 .rnk_ranking__cnt_wrp, .is__no18 .rnk_ranking__cnt_wrp, .is__no19 .rnk_ranking__cnt_wrp, .is__no20 .rnk_ranking__cnt_wrp, .is__no21 .rnk_ranking__cnt_wrp, .is__no22 .rnk_ranking__cnt_wrp, .is__no23 .rnk_ranking__cnt_wrp, .is__no24 .rnk_ranking__cnt_wrp, .is__no25 .rnk_ranking__cnt_wrp, .is__no26 .rnk_ranking__cnt_wrp, .is__no27 .rnk_ranking__cnt_wrp, .is__no28 .rnk_ranking__cnt_wrp, .is__no29 .rnk_ranking__cnt_wrp, .is__no30 .rnk_ranking__cnt_wrp {
    width: 100%;
    padding-bottom: calc(4em + 2.56vw);
    display: block;
    position: static; }
  .is__no11 .rnk_ranking__cnt_box, .is__no12 .rnk_ranking__cnt_box, .is__no13 .rnk_ranking__cnt_box, .is__no14 .rnk_ranking__cnt_box, .is__no15 .rnk_ranking__cnt_box, .is__no16 .rnk_ranking__cnt_box, .is__no17 .rnk_ranking__cnt_box, .is__no18 .rnk_ranking__cnt_box, .is__no19 .rnk_ranking__cnt_box, .is__no20 .rnk_ranking__cnt_box, .is__no21 .rnk_ranking__cnt_box, .is__no22 .rnk_ranking__cnt_box, .is__no23 .rnk_ranking__cnt_box, .is__no24 .rnk_ranking__cnt_box, .is__no25 .rnk_ranking__cnt_box, .is__no26 .rnk_ranking__cnt_box, .is__no27 .rnk_ranking__cnt_box, .is__no28 .rnk_ranking__cnt_box, .is__no29 .rnk_ranking__cnt_box, .is__no30 .rnk_ranking__cnt_box {
    width: 100%;
    padding-bottom: 3em; }
  .is__no11 .rnk__btn, .is__no12 .rnk__btn, .is__no13 .rnk__btn, .is__no14 .rnk__btn, .is__no15 .rnk__btn, .is__no16 .rnk__btn, .is__no17 .rnk__btn, .is__no18 .rnk__btn, .is__no19 .rnk__btn, .is__no20 .rnk__btn, .is__no21 .rnk__btn, .is__no22 .rnk__btn, .is__no23 .rnk__btn, .is__no24 .rnk__btn, .is__no25 .rnk__btn, .is__no26 .rnk__btn, .is__no27 .rnk__btn, .is__no28 .rnk__btn, .is__no29 .rnk__btn, .is__no30 .rnk__btn {
    width: 79.52vw;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5.12vw; } }
@media screen and (min-width: 769px) {
  .is__no11 .rnk_ranking__cnt_wrp, .is__no12 .rnk_ranking__cnt_wrp, .is__no13 .rnk_ranking__cnt_wrp, .is__no14 .rnk_ranking__cnt_wrp, .is__no15 .rnk_ranking__cnt_wrp, .is__no16 .rnk_ranking__cnt_wrp, .is__no17 .rnk_ranking__cnt_wrp, .is__no18 .rnk_ranking__cnt_wrp, .is__no19 .rnk_ranking__cnt_wrp, .is__no20 .rnk_ranking__cnt_wrp, .is__no21 .rnk_ranking__cnt_wrp, .is__no22 .rnk_ranking__cnt_wrp, .is__no23 .rnk_ranking__cnt_wrp, .is__no24 .rnk_ranking__cnt_wrp, .is__no25 .rnk_ranking__cnt_wrp, .is__no26 .rnk_ranking__cnt_wrp, .is__no27 .rnk_ranking__cnt_wrp, .is__no28 .rnk_ranking__cnt_wrp, .is__no29 .rnk_ranking__cnt_wrp, .is__no30 .rnk_ranking__cnt_wrp {
    justify-content: flex-end; } }

@media (max-width: 768px) {
  .tmp__wrp.is__ranking:not(.is__index) .tmp__btn {
    padding-top: 2.30769vw;
    padding-bottom: 2.30769vw; } }

@media (max-width: 768px) {
  .rnk_review__wrp {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: justify; }
    .rnk_review__wrp.is__review_close {
      height: 9em;
      margin-bottom: 1.5em;
      overflow: hidden; }
      .rnk_review__wrp.is__review_close::before {
        content: '...';
        width: 1em;
        height: 1.5em;
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        text-align: right;
        font-size: 2.820vw;
        line-height: 1;
        background-color: #fff;
        z-index: 10; } }
@media screen and (min-width: 769px) {
  .js-text_accordion__close {
    display: none; } }
@media (max-width: 768px) {
  .js-text_accordion__close {
    width: 100%;
    position: absolute;
    text-align: right;
    text-decoration: underline;
    z-index: 10;
    right: 5.12vw;
    bottom: 3.48vw;
    font-size: 2.820vw; }
    .js-text_accordion__close .icofont-09::before {
      position: absolute;
      top: .3em;
      transform: rotate(180deg);
      -ms-transform: rotate(180deg); } }

.rnk_strong__txt {
  display: inline; }
  .is__naspecial .rnk_strong__txt {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0, #ffdef3));
    background: linear-gradient(transparent 60%, #ffdef3 0); }
  .is__parents .rnk_strong__txt {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0, #e6daff));
    background: linear-gradient(transparent 60%, #e6daff 0); }
  .is__older .rnk_strong__txt {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0, #caeeff));
    background: linear-gradient(transparent 60%, #caeeff 0); }
  .is__friend .rnk_strong__txt {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0, #b5ede9));
    background: linear-gradient(transparent 60%, #b5ede9 0); }
  .is__colleague .rnk_strong__txt {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0, #ffe3d7));
    background: linear-gradient(transparent 60%, #ffe3d7 0); }

@media (max-width: 768px) {
  .rnk_nav_slider__box {
    overflow-x: scroll;
    padding-left: 4.359vw;
    padding-right: 4.359vw; } }
@media screen and (min-width: 769px) {
  .rnk_nav_slider__box {
    padding-left: 16px;
    padding-right: 16px; } }

.rnk_nav_slider__wrp {
  display: flex;
  justify-content: space-between;
  font-family: 'Noto Serif JP',serif;
  font-weight: bold; }
  @media (max-width: 768px) {
    .rnk_nav_slider__wrp {
      width: 210.256vw;
      margin-bottom: 3.846vw; } }
  @media screen and (min-width: 769px) {
    .rnk_nav_slider__wrp {
      margin-bottom: 20px; } }
  .rnk_nav_slider__wrp.is__link .rnk_nav__list a::after {
    transform: rotate(-90deg); }
  .rnk_nav_slider__wrp .rnk_nav__list {
    background-color: #fff;
    border-color: #dace7e;
    border-style: solid;
    position: relative; }
    @media (max-width: 768px) {
      .rnk_nav_slider__wrp .rnk_nav__list {
        border-radius: 4.487vw;
        width: 41.026vw;
        border-width: 0.3846vw; } }
    @media screen and (min-width: 769px) {
      .rnk_nav_slider__wrp .rnk_nav__list {
        border-radius: 25px;
        width: calc((100% - 40px)/5);
        border-width: 2px; } }
    .is__buyer .rnk_nav_slider__wrp .rnk_nav__list.is__buyer {
      display: none; }
    .is__naspecial .rnk_nav_slider__wrp .rnk_nav__list.is__naspecial {
      display: none; }
    .is__parents .rnk_nav_slider__wrp .rnk_nav__list.is__parents {
      display: none; }
    .is__older .rnk_nav_slider__wrp .rnk_nav__list.is__older {
      display: none; }
    .is__friend .rnk_nav_slider__wrp .rnk_nav__list.is__friend {
      display: none; }
    .is__colleague .rnk_nav_slider__wrp .rnk_nav__list.is__colleague {
      display: none; }
    .rnk_nav_slider__wrp .rnk_nav__list a {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      text-align: center;
      position: relative; }
      @media (max-width: 768px) {
        .rnk_nav_slider__wrp .rnk_nav__list a {
          border-radius: 4.487vw;
          font-size: 2.564vw;
          line-height: 1.2;
          padding-top: 2.564vw;
          padding-bottom: 2.564vw;
          padding-left: 3.846vw;
          padding-right: 3.846vw; } }
      @media screen and (min-width: 769px) {
        .rnk_nav_slider__wrp .rnk_nav__list a {
          border-radius: 25px;
          font-size: 12px;
          line-height: 1.2;
          padding-top: 7px;
          padding-bottom: 7px;
          padding-left: 20px;
          padding-right: 20px; } }
      .rnk_nav_slider__wrp .rnk_nav__list a::after {
        content: "";
        display: block;
        background-image: url(/ec/images/shop1/ft_ranking/rnk__nav_bg3.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto; }
        @media (max-width: 768px) {
          .rnk_nav_slider__wrp .rnk_nav__list a::after {
            width: 2.0512vw;
            height: 1.538vw;
            right: 1.282vw; } }
        @media screen and (min-width: 769px) {
          .rnk_nav_slider__wrp .rnk_nav__list a::after {
            width: 9px;
            height: 7px;
            right: 10px; } }

.rnk_ranking__order {
  background-color: #fff;
  line-height: 1.6; }
  @media (max-width: 768px) {
    .rnk_ranking__order {
      padding: 4vw;
      margin: 10vw auto 5vw auto;
      width: 91.28vw; } }
  @media screen and (min-width: 769px) {
    .rnk_ranking__order {
      padding: 30px;
      margin: 60px auto 30px auto; } }
  .rnk_ranking__order .rnk_ranking__order_ttl {
    color: #7f60c1;
    text-align: center;
    font-weight: bold; }
    @media (max-width: 768px) {
      .rnk_ranking__order .rnk_ranking__order_ttl {
        font-size: 3.1vw; } }
    @media screen and (min-width: 769px) {
      .rnk_ranking__order .rnk_ranking__order_ttl {
        font-size: 18px; } }
    .rnk_ranking__order .rnk_ranking__order_ttl span {
      display: block; }
      @media (max-width: 768px) {
        .rnk_ranking__order .rnk_ranking__order_ttl span {
          font-size: 4.1vw; } }
      @media screen and (min-width: 769px) {
        .rnk_ranking__order .rnk_ranking__order_ttl span {
          font-size: 20px; } }
  .rnk_ranking__order .rnk_ranking__order_list {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 768px) {
      .rnk_ranking__order .rnk_ranking__order_list li {
        margin: 1vw 1vw 2vw 1vw; } }
    @media screen and (min-width: 769px) {
      .rnk_ranking__order .rnk_ranking__order_list li {
        margin: 10px 10px 20px 10px; } }
  @media (max-width: 768px) {
    .rnk_ranking__order .rnk__btn {
      width: 80%; } }
  @media screen and (min-width: 769px) {
    .rnk_ranking__order .rnk__btn {
      width: 50%; } }

#rnk_buyer .cmn_include__wrp {
  background-color: #57CAD5; }

#rnk_parents .cmn_include__wrp {
  background-color: #7f60c1; }

#rnk_friend .cmn_include__wrp {
  background-color: #1ca39a; }

#rnk_older .cmn_include__wrp {
  background-color: #2ea3da; }

#rnk_colleague .cmn_include__wrp {
  background-color: #ed7744; }

#rnk_naspecial .cmn_include__wrp {
  background-color: #e467b6; }

/*# sourceMappingURL=style.css.map */