@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; }

@media (max-width: 768px) {
  .ranking-tab {
    margin-bottom: 3vw;
    margin-top: 3vw; } }
@media screen and (min-width: 769px) {
  .ranking-tab {
    margin-bottom: 20px;
    margin-top: 20px; } }
.ranking-tab__list {
  display: flex;
  border-bottom: 4px solid #ba9a6a; }
  @media (max-width: 768px) {
    .ranking-tab__list {
      overflow-x: auto; } }
  @media screen and (min-width: 769px) {
    .ranking-tab__list {
      width: calc((132px + 10px) * 6 - 10px); } }
.ranking-tab__item {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: bold;
  font-size: 2.4rem;
  text-align: center;
  background-color: #bfbfbf;
  line-height: 1.375;
  cursor: pointer;
  transition: .6s; }
  @media screen and (min-width: 769px) {
    .ranking-tab__item:hover {
      opacity: .6; } }
  @media (max-width: 768px) {
    .ranking-tab__item {
      padding: 1.367vw 1vw;
      font-size: 3.33333vw;
      margin-left: 1.282vw; } }
  @media screen and (min-width: 769px) {
    .ranking-tab__item {
      margin-left: 10px; } }
  .ranking-tab__item:nth-child(3n+1) {
    margin-left: 0 !important; }
  .ranking-tab__item.is-active {
    pointer-events: none; }

@media (max-width: 768px) {
  .ranking-block {
    min-height: 400px; } }
@media screen and (min-width: 769px) {
  .ranking-block {
    min-height: auto; } }

.ranking-area {
  position: relative;
  width: 100%; }
  @media (max-width: 768px) {
    .ranking-area {
      height: auto; } }
  @media screen and (min-width: 769px) {
    .ranking-area {
      height: auto; } }
  .ranking-area__item {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    transition: .6s;
    display: none; }
    .ranking-area__item.is-active {
      display: block;
      z-index: 100; }
    .ranking-area__item.is__z-index.is-active {
      z-index: 90; }

.ranking-tab_gift-only {
  display: flex;
  justify-content: center; }
  .ranking-tab_gift-only .ranking-tab__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .ranking-tab_gift-only .ranking-tab__list .ranking-tab__item {
      color: #707070;
      background-color: #E8E8E8;
      border-color: #E8E8E8;
      border-style: solid;
      border-width: 1px;
      border-radius: 500px; }
      @media (max-width: 768px) {
        .ranking-tab_gift-only .ranking-tab__list .ranking-tab__item {
          width: calc((100% - 2.564vw) / 3);
          margin-bottom: 1.782vw; } }
      @media screen and (min-width: 769px) {
        .ranking-tab_gift-only .ranking-tab__list .ranking-tab__item {
          width: calc((100% - 30px) / 3);
          padding: 8px 0;
          margin-bottom: 15px; } }
    .ranking-tab_gift-only .ranking-tab__list .ranking-tab__item.is-active {
      color: #ffffff;
      background-color: #D99B32;
      border-color: #ffffff; }
  .ranking-tab_gift-only .ranking-tab__list.is__gift {
    border-bottom: none; }
    @media (max-width: 768px) {
      .ranking-tab_gift-only .ranking-tab__list.is__gift {
        max-width: 89.744vw; } }
    @media screen and (min-width: 769px) {
      .ranking-tab_gift-only .ranking-tab__list.is__gift {
        max-width: 700px; } }

@media (max-width: 768px) {
  .js-tab_02 .ranking-tab__item {
    width: calc((100% - 3vw) / 2) !important;
    margin-left: 10px !important; } }
@media screen and (min-width: 769px) {
  .js-tab_02 .ranking-tab__item {
    width: calc((100% - 30px) / 2) !important;
    margin-left: 1.282vw !important; } }
.js-tab_02 .ranking-tab__item:nth-child(2n+1) {
  margin-left: 0 !important; }

.tab02 .ranking-tab__item.is-active {
  background-color: #00A4E9 !important; }

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