@media (max-width: 1200px) {
  .mainBody {
    display: block;
    width: 92%;
    margin: 101px auto 0;
  }
  .mainBody .article {
    width: 100%;
  }
  .mainBody .popular {
    width: 100%;
    margin-top: 100px;
  }
  .mainBody .popular .feature-wrapper {
    display: flex;
    justify-content: space-between;
  }
  .mainBody .popular .feature-wrapper .feature {
    width: 31%;
    margin-bottom: 72px;
  }
  .mainBody .popular .feature-wrapper .feature .Thumbnail {
    margin-bottom: 22px;
  }
  .mainBody .popular .feature-wrapper .feature .feature_text {
    font-size: 20px;
    margin-bottom: 24px;
  }
  .mainBody .popular .feature-wrapper .feature .feature_text__small {
    gap: 28px;
  }
  .mainBody .popular .feature-wrapper .feature .feature_text__small .feature_textAcount {
    gap: 14px;
  }
  .mainBody .popular .feature-wrapper .feature .feature_text__small .feature_textAcount .feature_textIcon {
    width: 40px;
  }
  .mainBody .popular .popular_title {
    font-size: 32px;
    margin: 0 auto 51px;
    width: 76%;
  }
  .mainBody .popular .advertisement {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
    margin: 40px 0;
  }
  .mainBody .popular .advertisement .advertisement_content {
    width: 31%;
  }
}
@media (max-width: 800px) {
  header .headerMain {
    height: 79px;
  }
  header .headerMain .headerMain_list {
    display: none;
  }
  header .headerMain .headerMain_spMenu {
    display: block;
    height: 100%;
  }
  header .headerMain .headerMain_spMenu .headerMain_spMenuContent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
  }
  header .headerMain .headerMain_spMenu .headerMain_spMenuContent .headerMain_spMenuImg {
    height: 70%;
  }
  header .headerMain .dropdown-wrapper {
    display: none;
  }
  .empty {
    height: 79px;
  }
  .mainBody .popular .feature-wrapper {
    flex-wrap: wrap;
  }
  .mainBody .popular .feature-wrapper .feature {
    margin: 0 0 74px 0;
    width: 48%;
  }
  .mainBody .popular .advertisement .advertisement_content {
    width: 48%;
  }
}
@media (max-width: 550px) {
  .transformSkewY .transformSkewY_1 {
    transform: skewY(-11.09deg);
    margin-top: 193px;
    height: 665px;
  }
  .empty {
    height: 79px;
  }
  .mainBody .article .article_title {
    font-size: 24px;
    padding: 18px 20px;
    border-left: 22px solid #BDE7FF;
    box-shadow: 0 4px 2px gray;
  }
  .mainBody .popular {
    margin-top: 116px;
  }
  .mainBody .popular .feature-wrapper {
    display: block;
  }
  .mainBody .popular .feature-wrapper .feature {
    margin: 0 auto 20px;
    width: 70%;
  }
  .mainBody .popular .feature-wrapper .feature .Thumbnail {
    margin-bottom: 0px;
  }
  .mainBody .popular .feature-wrapper .feature .feature_text {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .mainBody .popular .feature-wrapper .feature .feature_text__small {
    font-size: 13px;
  }
  .mainBody .popular .feature-wrapper .feature .feature_text__small .feature_textAcount {
    gap: 7px;
  }
  .mainBody .popular .feature-wrapper .feature .feature_text__small .feature_textAcount .feature_textIcon {
    width: 33px;
  }
  .mainBody .popular .popular_title {
    font-size: 24px;
    margin-bottom: 17px;
    width: 100%;
  }
  .mainBody .popular .feature_popularTitle {
    font-size: 24px;
  }
  .Hashtag {
    margin-top: 30px;
    padding: 36px 0;
  }
  .Hashtag .Hashtag_content {
    padding: 19px 0 15px;
  }
  .Hashtag .Hashtag_content .Hashtag_title {
    gap: 3px;
    margin: 0 auto 24px;
  }
  .Hashtag .Hashtag_content .Hashtag_title .Hashtag_titleIcon {
    width: 52px;
  }
  .Hashtag .Hashtag_content .Hashtag_title .Hashtag_titleText {
    font-size: 24px;
  }
  .Hashtag .Hashtag_content .wp_tag_cloud {
    width: 82%;
  }
  .Hashtag .Hashtag_content .wp_tag_cloud .Hashtag_text ul {
    padding: 0;
  }
  .Hashtag .Hashtag_content .wp_tag_cloud .Hashtag_text a {
    font-size: 18px;
    margin: 3px;
  }
  footer {
    margin-top: 80px;
    padding: 59px 0 27px;
  }
  footer ul {
    padding: 0;
  }
  footer .pcFooter {
    display: none;
  }
  footer .spFooter {
    display: block;
  }
  footer .spFooter .spFooter_content {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 81%;
    margin: 0 auto;
  }
  footer .spFooter .spFooter_content .spFooter_list li {
    list-style: none;
  }
  footer .spFooter .spFooter_content .spFooter_list li a {
    display: block;
    color: #43474A;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 23px;
    width: auto;
  }
  footer .spFooter .spFooter_content .spFooter_list li a:last-child {
    padding-bottom: none;
  }
  footer .spFooter .spFooter_content .spFooter_list li ul {
    border-top: 2px solid #d3d3d3;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0;
  }
  footer .spFooter .spFooter_content a {
    display: block;
    width: 33%;
  }
  footer .spFooter .spFooter_content a .spFooter_logo__nantopi {
    width: 100%;
  }
  footer .spFooter .spFooter_copyRight {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    margin-top: 62px;
  }
}
@media (max-width: 550px) {
  .mainBody .feature-wrapper {
    display: block;
  }
  .mainBody .feature-wrapper .feature {
    width: 100%;
  }
  .mainBody .feature-wrapper .feature .feature_text {
    font-size: 20px;
    margin-bottom: 24px;
  }
  .mainBody .feature-wrapper .feature .feature_text__small {
    display: flex;
    gap: 28px;
    align-items: center;
  }
  .mainBody .feature-wrapper .feature .feature_text__small .feature_textAcount {
    display: flex;
    gap: 14px;
  }
  .mainBody .feature-wrapper .feature .feature_text__small .feature_textAcount .feature_textIcon {
    width: 40px;
  }
}/*# sourceMappingURL=style-37(sp).css.map */