.__nat_box {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -3px 0;
}

.__nat_item {
  width: calc(100% / 6);
  flex-shrink: 0;
  padding: 0 5px;
}

.__nat_item .__nat_link {
  display: block;
  position: relative;
  min-height: 10px;
}

.__nat_item .__nat_img {
  padding-top: calc(3/4 * 100%);
  background-size: cover;
}

.__nat_item .__nat_pixi {
  display: none;
}

.__nat_item .__nat_ad {
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 5px;
  background: rgba(0, 0, 0, 0.5);
  color: #d9d9d9;
}

.__nat_item .__nat_title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3px 7px;
  background: rgba(0, 0, 0, 0.4);
  font-weight: bold;
  font-size: 14px;
  color: #d9d9d9;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (max-width: 1620px) {
  .main__footer:not(.mobile-footer) .__nat_item {
    width: calc(100% / 5);
  }
  .main__footer:not(.mobile-footer) .__nat_item:nth-child(6) {
    display: none;
  }
}

@media only screen and (max-width: 1420px) {
  .main__footer:not(.mobile-footer) .__nat_item {
    width: calc(100% / 4);
  }
  .main__footer:not(.mobile-footer) .__nat_item:nth-child(5) {
    display: none;
  }
}

.main__footer.mobile-footer .__nat_box {
  display: flex;
  margin: 0;
}

.main__footer.mobile-footer .__nat_item {
  width: calc(100% / 6);
  padding: 0;
}

.main__footer.mobile-footer .__nat_title {
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  font-weight: normal;
  padding: 2px;
}

.main__footer.mobile-footer .__nat_ad {
  padding: 2px;
  font-size: 12px;
  color: #fff;
}

@media only screen and (max-width: 1023px) {
  .main__footer.mobile-footer .__nat_item {
    width: calc(100% / 3);
  }
}

@media only screen and (max-width: 861px) {
  .main__footer.mobile-footer .__nat_item {
    width: calc(100% / 2);
  }
}