@charset "UTF-8";
@media only screen and (max-width: 1024px) {
  main {
    /*width: calc(100% - 20px);*/
    width: 100%;
    min-height: 300px;
    /*padding: 0 10px;*/
    padding: 0; }
    main .mainContain {
      display: block; }
      main .mainContain .mainSide {
        width: 100%;
        margin-right: 0; }
      main .mainContain .columnSide {
        width: 100%; }
      main .mainContain .attention {
        overflow: scroll; }
        main .mainContain .attention img {
          width: 200px;
          max-width: 200px; }
        main .mainContain .attention a:not(:first-child) img {
          margin-left: 10px; }
    main div.title {
      margin-top: 0px;
      margin-bottom: 14px;
      padding: 10px;
      background-size: cover; }
      main div.title h1 {
        font-size: 24px;
        margin-bottom: 0.5em; }
      main div.title p {
        font-size: 14px;
        margin-bottom: 0.5em; }
    main .creatorProfile {
      padding-top: 1em; }
      main .creatorProfile h1.creatorh1 {
        font-size: 14px;
        text-align: center;
        border-top: 4px #000 double;
        border-bottom: 4px #000 double; }
    main .creatorProfileTop {
      background: none; }
      main .creatorProfileTop > div.name {
        align-items: center;
        justify-content: center;
        padding-top: 0;
        padding-left: 0;
        text-align: center; }
        main .creatorProfileTop > div.name .dl {
          display: block;
          width: calc(100% - 120px);
          margin: 0 0 0 0;
          padding: 10px 0 0 10px;
          text-align: left;
          color: #000; }
          main .creatorProfileTop > div.name .dl .dd1 {
            display: block; }
            main .creatorProfileTop > div.name .dl .dd1 .channel_for_creator {
              display: flex;
              justify-content: flex-end;
              margin-bottom: 4px; }
              main .creatorProfileTop > div.name .dl .dd1 .channel_for_creator a {
                font-size: 12px;
                width: 120px;
                padding: 4px; }
            main .creatorProfileTop > div.name .dl .dd1 h1, main .creatorProfileTop > div.name .dl .dd1 h2 {
              font-size: 20px;
              margin-right: 0; }
              main .creatorProfileTop > div.name .dl .dd1 h1 img, main .creatorProfileTop > div.name .dl .dd1 h2 img {
                display: none; }
            main .creatorProfileTop > div.name .dl .dd1 .creator-sns {
              display: flex;
              margin: 0px 0 6px 0; }
              main .creatorProfileTop > div.name .dl .dd1 .creator-sns img {
                width: auto;
                height: 20px; }
          main .creatorProfileTop > div.name .dl .dd2 {
            display: block; }
            main .creatorProfileTop > div.name .dl .dd2 .share {
              width: 100%;
              margin-top: 0; }
              main .creatorProfileTop > div.name .dl .dd2 .share > img {
                width: 24px;
                height: auto; }
              main .creatorProfileTop > div.name .dl .dd2 .share .icon {
                display: block;
                text-align: right; }
            main .creatorProfileTop > div.name .dl .dd2 .dd {
              font-size: 12px; }
              main .creatorProfileTop > div.name .dl .dd2 .dd img {
                width: 24px;
                height: auto; }
                main .creatorProfileTop > div.name .dl .dd2 .dd img.icon_play_b {
                  margin: 0 0; }
          main .creatorProfileTop > div.name .dl .dd3 {
            display: block; }
            main .creatorProfileTop > div.name .dl .dd3 h1, main .creatorProfileTop > div.name .dl .dd3 h2 {
              font-size: 20px;
              margin-right: 0; }
              main .creatorProfileTop > div.name .dl .dd3 h1 img, main .creatorProfileTop > div.name .dl .dd3 h2 img {
                display: none; }
            main .creatorProfileTop > div.name .dl .dd3 .dd {
              font-size: 12px;
              margin-bottom: 10px; }
              main .creatorProfileTop > div.name .dl .dd3 .dd img {
                width: 20px;
                height: auto; }
                main .creatorProfileTop > div.name .dl .dd3 .dd img.icon_play_b {
                  margin: 0 0; }
          main .creatorProfileTop > div.name .dl .dd4 {
            display: block; }
            main .creatorProfileTop > div.name .dl .dd4 .share {
              width: 100%;
              margin-top: 0; }
              main .creatorProfileTop > div.name .dl .dd4 .share > img {
                width: 24px;
                height: auto; }
              main .creatorProfileTop > div.name .dl .dd4 .share .icon {
                display: block;
                text-align: right; }
            main .creatorProfileTop > div.name .dl .dd4 .creator-sns {
              display: flex;
              margin: 0px 0 6px 0; }
              main .creatorProfileTop > div.name .dl .dd4 .creator-sns img {
                width: auto;
                height: 20px; }
            main .creatorProfileTop > div.name .dl .dd4 .channel_for_creator {
              display: flex;
              justify-content: flex-end;
              margin-bottom: 4px; }
              main .creatorProfileTop > div.name .dl .dd4 .channel_for_creator a {
                font-size: 12px;
                width: 200px;
                padding: 4px; }
                main .creatorProfileTop > div.name .dl .dd4 .channel_for_creator a::after {
                  position: absolute;
                  top: 5px;
                  right: 10px;
                  width: 16px;
                  height: 16px; }
            main .creatorProfileTop > div.name .dl .dd4 .channel_for_client {
              display: flex;
              justify-content: flex-end;
              margin-bottom: 4px; }
              main .creatorProfileTop > div.name .dl .dd4 .channel_for_client a {
                font-size: 12px;
                width: 200px;
                padding: 4px; }
                main .creatorProfileTop > div.name .dl .dd4 .channel_for_client a::after {
                  position: absolute;
                  top: 6px;
                  right: 8px;
                  width: 20px;
                  height: 16px; }
        main .creatorProfileTop > div.name img.icon {
          width: 100px;
          margin-left: 0; }
      main .creatorProfileTop > div.menu {
        display: block;
        overflow: scroll;
        width: 100%;
        margin-bottom: 10px;
        padding: 0;
        border-bottom: 1px #bcbcbc solid;
        background: none; }
        main .creatorProfileTop > div.menu ul {
          font-size: 12px;
          padding-left: 0;
          border-bottom: none; }
          main .creatorProfileTop > div.menu ul li {
            font-size: 12px;
            width: auto;
            margin: 0;
            padding: 0 4px;
            text-align: center;
            color: #666666; }
            main .creatorProfileTop > div.menu ul li a {
              display: inline-block;
              padding: 6px 0;
              white-space: nowrap; }
            main .creatorProfileTop > div.menu ul li.now a {
              display: inline-block; }
    main .creatorProfileMain {
      width: 100%; }
      main .creatorProfileMain .title2 {
        border-bottom: none; }
        main .creatorProfileMain .title2 .creator_dl_btn {
          display: none; }
      main .creatorProfileMain ul.videos_period, main .creatorProfileMain ul.channel_period {
        font-size: 13px;
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
      main .creatorProfileMain .data {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 15px; }
        main .creatorProfileMain .data.detail > div.rank1 {
          width: calc(50% - 10px);
          background-size: 26px; }
        main .creatorProfileMain .data.detail > div.rank2 {
          width: calc(50% - 10px);
          background-size: 26px; }
        main .creatorProfileMain .data.detail > div.rank3 {
          width: calc(50% - 10px);
          background-size: 26px; }
        main .creatorProfileMain .data.graph > div {
          width: 100%;
          height: 650px; }
        main .creatorProfileMain .data.video_charts > div {
          width: 100%; }
        main .creatorProfileMain .data.tieup > div .rankNumber div:not(.fluctuation) {
          font-size: 12px; }
        main .creatorProfileMain .data.genre > div:nth-child(5n) {
          margin: 0 5px 15px 5px; }
        main .creatorProfileMain .data.genre > div:nth-child(6n) {
          margin: 0 5px 15px 5px; }
        main .creatorProfileMain .data.genre > div h3 {
          font-size: 14px; }
        main .creatorProfileMain .data.genre > div .rankNumber div:not(.fluctuation) {
          font-size: 20px; }
        main .creatorProfileMain .data > div {
          height: auto;
          margin: 0 5px 15px 5px;
          padding: 32px 0 10px 0;
          text-align: center; }
          main .creatorProfileMain .data > div:nth-child(4n) {
            margin: 0 5px 15px 5px; }
          main .creatorProfileMain .data > div h3 {
            font-size: 14px;
            line-height: 20px;
            height: 50px;
            margin-top: 0; }
          main .creatorProfileMain .data > div.rank1 {
            width: calc(50% - 10px);
            background-size: 26px; }
          main .creatorProfileMain .data > div.rank2 {
            width: calc(50% - 10px);
            background-size: 26px; }
          main .creatorProfileMain .data > div.rank3 {
            width: calc(50% - 10px);
            background-size: 26px; }
          main .creatorProfileMain .data > div.rank4 {
            width: calc(50% - 10px);
            background-size: 26px; }
          main .creatorProfileMain .data > div.rank5 {
            width: calc(50% - 10px);
            background-size: 26px; }
          main .creatorProfileMain .data > div.rank6 {
            width: calc(100% - 10px);
            background-size: 26px; }
          main .creatorProfileMain .data > div.rank7 {
            width: calc(50% - 10px);
            background-size: 26px; }
          main .creatorProfileMain .data > div.rank8 {
            width: calc(50% - 10px);
            background-size: 26px; }
          main .creatorProfileMain .data > div .rankTie-up {
            font-size: 20px;
            width: 100%; }
            main .creatorProfileMain .data > div .rankTie-up .paid_member {
              padding: 11px 18px; }
          main .creatorProfileMain .data > div .rankNumber {
            width: 100%; }
            main .creatorProfileMain .data > div .rankNumber div:not(.fluctuation) {
              font-size: 12px; }
            main .creatorProfileMain .data > div .rankNumber .fluctuation {
              padding: 0 4px; }
          main .creatorProfileMain .data > div .paid_member {
            font-size: 11px;
            width: auto;
            padding: 2px 6px; }
          main .creatorProfileMain .data > div .period {
            font-size: 10px;
            width: 100%; }
      main .creatorProfileMain .recommended-channels .recommended-channel-item {
        width: 100%; }
        main .creatorProfileMain .recommended-channels .recommended-channel-item .recommended-channel-name {
          font-size: 13px; }
      main .creatorProfileMain .data2 {
        display: block; }
        main .creatorProfileMain .data2 > div {
          width: 100%;
          margin-bottom: 20px; }
          main .creatorProfileMain .data2 > div:not(.unlogin):first-child {
            padding-top: 50px; }
        main .creatorProfileMain .data2 h3 {
          top: 74px; }
      main .creatorProfileMain .data3 > div {
        width: 100%; }
      main .creatorProfileMain .data_chart {
        flex-wrap: wrap; }
        main .creatorProfileMain .data_chart div.canvas {
          width: 100%; }
      main .creatorProfileMain .profile {
        width: 100%; }
      main .creatorProfileMain .updateMovie {
        width: 100%; }
        main .creatorProfileMain .updateMovie > div {
          width: 100%;
          margin-bottom: 40px; }
          main .creatorProfileMain .updateMovie > div img {
            width: 100%; }
          main .creatorProfileMain .updateMovie > div p {
            width: 100%; }
      main .creatorProfileMain .channel_videos_tabs {
        display: flex;
        margin-bottom: 50px; }
        main .creatorProfileMain .channel_videos_tabs > div {
          width: 50%;
          text-align: center; }
          main .creatorProfileMain .channel_videos_tabs > div a {
            font-weight: 700;
            display: inline-block;
            width: 80%;
            padding: 6px;
            text-align: center;
            color: #FFF;
            border: 2px #000000 solid;
            background: #FC0000; }
      main .creatorProfileMain .tie-up img {
        width: 100%; }
      main .creatorProfileMain .tags {
        text-align: center; }
      main .creatorProfileMain .creator_charts .creator_chart {
        width: calc(100% - 48px);
        min-height: 500px;
        margin-bottom: 20px;
        padding: 0 24px 24px 24px;
        box-shadow: 0px 0px 31px -5px rgba(0, 0, 31, 0.3); }
        main .creatorProfileMain .creator_charts .creator_chart .creator_chart_canvas {
          height: 400px; }
        main .creatorProfileMain .creator_charts .creator_chart.graph01 {
          min-height: 500px; }
          main .creatorProfileMain .creator_charts .creator_chart.graph01 .creator_chart_canvas {
            height: 400px; }

  footer {
    display: block;
    overflow: hidden;
    width: 100%; }
    footer ul {
      font-size: 10px;
      justify-content: center;
      padding: 0; }

  .newsArticlePageAttention img {
    width: 100%;
    height: auto; }
  .newsArticlePageAttention .share {
    width: 100%; }
  .newsArticlePageAttention .article {
    font-size: 14px;
    width: 100%;
    margin-top: 20px; }
    .newsArticlePageAttention .article h2 {
      font-size: 18px;
      width: calc(100% - 42px);
      margin: 2em 0;
      padding: 16px 8px 4px 18px; }
      .newsArticlePageAttention .article h2::before {
        border: 2px #7f7f7f solid; }
      .newsArticlePageAttention .article h2::after {
        top: 8px;
        left: 8px;
        border: 2px #f33630 solid; }
    .newsArticlePageAttention .article h3 {
      font-size: 16px;
      margin-top: 2em;
      margin-right: 40px;
      padding: 0 0 10px 4px;
      background-image: url("data:image/svg+xml;utf8,<svg viewBox='-10 0 1400 16' version='1.1' xmlns='http://www.w3.org/2000/svg'><line x1='0' y1='6' x2='1400' y2='6'  stroke='%23f33630' stroke-width='12' stroke-linecap='round' stroke-dasharray='0,23' fill='transparent' fill-opacity='80%' preserveAspectRatio='xMidYMin' /></svg>"); }
      .newsArticlePageAttention .article h3::before {
        font-size: 20px;
        right: -20px;
        bottom: 2px; }
      .newsArticlePageAttention .article h3::after {
        font-size: 30px;
        right: -35px;
        bottom: 10px; }
    .newsArticlePageAttention .article h4 {
      font-size: 16px; }
    .newsArticlePageAttention .article h5 {
      font-size: 15px; }
  .newsArticlePageAttention .articleFooter {
    width: 100%; }
    .newsArticlePageAttention .articleFooter > div:first-child {
      width: 100%; }
    .newsArticlePageAttention .articleFooter > div.articleAuthor {
      width: 100%; }

  .pop > div, .news > div {
    			/*
    			justify-content: flex-start;
    			width: calc(100% - 25px);
    */
    display: block;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin-bottom: 50px;
    padding: 0;
    box-shadow: none; }
    .pop > div > a, .news > div > a {
      display: block;
      width: 100%; }
    .pop > div > div, .news > div > div {
      width: 100%;
      				/*
      				width: calc(100% - 110px);
      				padding-left: 10px;
      
      				 */ }
    .pop > div img, .news > div img {
      width: 100%;
      margin-right: 0;
      border-radius: 0; }
    .pop > div span, .news > div span {
      font-weight: 700;
      width: 100%; }
      .pop > div span a, .news > div span a {
        font-size: 16px;
        display: block;
        margin: 1em 0; }
    .pop > div > div > a, .news > div > div > a {
      width: 100%; }
    .pop > div p.rank, .news > div p.rank {
      font-size: 12px;
      font-weight: 700;
      margin: 0; }
      .pop > div p.rank a, .news > div p.rank a {
        display: inline-block;
        margin-right: 1em; }
  .pop .minTitle .rank, .news .minTitle .rank {
    width: 100%; }
  .pop .minTitle .date, .news .minTitle .date {
    width: 100%; }

  .tagSearchResult {
    width: 100%; }

  .newsOther > div {
    width: 100%;
    margin-right: 0;
    margin-bottom: 50px; }
    .newsOther > div > a img {
      width: 100%; }
    .newsOther > div strong {
      font-size: 12px; }
      .newsOther > div strong a {
        display: inline-block;
        margin-right: 1em; }
    .newsOther > div small {
      width: 100%; }
    .newsOther > div h3 {
      font-size: 16px;
      width: 100%; }

  .newsTagSearchResult {
    width: 100%; }
    .newsTagSearchResult > div {
      display: block;
      min-height: 306.11px;
      margin-bottom: 20px;
      			/*
      			width: calc(50% - 10px);
      			margin-right: 0;
      
      			&:nth-child(2n) {
      				margin-left: 5px;
      			}
      
      			&:nth-child(2n-1) {
      				margin-right: 5px;
      			}
      */ }
      .newsTagSearchResult > div > div {
        display: block;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0;
        /*
        				strong {
        					a {
        						display: inline-block;
        						margin: 12px 8px 12px 0;
        					}
        				}*/ }
        .newsTagSearchResult > div > div * {
          font-size: 12px; }
      .newsTagSearchResult > div .thumbnail {
        min-height: 210px; }
        .newsTagSearchResult > div .thumbnail img {
          width: 100%;
          min-height: 210px; }
      .newsTagSearchResult > div small {
        width: 100%; }
      .newsTagSearchResult > div h3 {
        width: 100%;
        min-height: 5em;
        margin-top: 0; }
        .newsTagSearchResult > div h3 a {
          font-size: 16px; }

  .channelRanking {
    overflow: scroll;
    width: 100%;
    padding-left: 0; }
    .channelRanking li {
      width: 100%;
      margin-left: 0; }
    .channelRanking .avatar {
      width: 46px; }
      .channelRanking .avatar::before {
        font-size: 12px;
        position: absolute;
        padding: 0px 4px;
        color: #FFF;
        background: #DA1725; }
    .channelRanking .name {
      width: calc(100% - 46px); }
      .channelRanking .name h3 {
        width: 100%; }
      .channelRanking .name .detail {
        font-size: 10px; }
        .channelRanking .name .detail img {
          width: auto;
          height: 12px; }

  .videoRanking {
    overflow: scroll; }

  .videoRanking3 li {
    justify-content: flex-start;
    width: 950px; }
    .videoRanking3 li .img {
      top: 0;
      width: 82px; }
      .videoRanking3 li .img::before {
        font-size: 12px;
        position: absolute;
        top: 0;
        display: inline-block;
        width: auto;
        padding: 0 4px;
        color: #FFF;
        background: #DA1725; }
    .videoRanking3 li .containerFirst {
      display: flex;
      align-items: center;
      margin-left: 0; }
      .videoRanking3 li .containerFirst h3 {
        font-size: 14px;
        height: auto;
        margin: 0; }

  .videoRanking4 {
    padding-left: 0; }
    .videoRanking4 li .img {
      width: 120px; }
    .videoRanking4 li .img::before {
      font-size: 12px;
      min-width: 15px;
      padding: 1px 3px; }
    .videoRanking4 li .container {
      width: calc(100% - 132px);
      margin: 0 0 0 8px;
      padding: 2px 6px 2px 6px;
      border-left: #e8e7e7 1px solid; }
      .videoRanking4 li .container h3 {
        font-size: 13px; }
      .videoRanking4 li .container h4 {
        font-size: 11px; }
        .videoRanking4 li .container h4 img {
          width: 16px; }
      .videoRanking4 li .container > div p {
        font-size: 10px;
        padding-right: 10px; }
        .videoRanking4 li .container > div p:not(:first-child) {
          padding-left: 10px; }
        .videoRanking4 li .container > div p img {
          width: 14px; }

  .trendsTop {
    display: block;
    width: 100%;
    height: auto; }
    .trendsTop > div {
      width: 100%;
      padding: 10px 0; }

  .videoTrends {
    margin-top: 0;
    margin-bottom: 14px;
    padding: 10px;
    background-size: cover; }
    .videoTrends::after {
      display: none;
      width: 100%; }
    .videoTrends h1 {
      font-size: 24px; }
    .videoTrends p {
      font-size: 14px;
      margin-bottom: 0.5em; }

  .RankingPage {
    top: -16px;
    overflow: scroll;
    width: 100%;
    margin-bottom: 0;
    border-right: none;
    border-left: none; }
    .RankingPage .top h2 {
      font-size: 14px;
      margin-right: 0;
      margin-left: 6px; }
    .RankingPage .top .icon {
      margin-left: 4px; }
    .RankingPage .top .heading > div {
      margin-left: 0; }
    .RankingPage .top .filter {
      margin: 0 0 10px 0; }
      .RankingPage .top .filter div {
        width: 50%; }
        .RankingPage .top .filter div select {
          font-size: 10px; }
    .RankingPage .channelRanking2 {
      overflow: scroll;
      width: 100%;
      padding-left: 0; }
      .RankingPage .channelRanking2 li {
        width: 100%;
        margin-left: 0; }
        .RankingPage .channelRanking2 li.header {
          display: none; }
        .RankingPage .channelRanking2 li.number-of-digits1 .avatar::before {
          font-size: 10px; }
        .RankingPage .channelRanking2 li.number-of-digits2 .avatar::before {
          font-size: 10px; }
        .RankingPage .channelRanking2 li.number-of-digits3 .avatar::before {
          font-size: 10px; }
        .RankingPage .channelRanking2 li.number-of-digits4 .avatar::before {
          font-size: 10px; }
        .RankingPage .channelRanking2 li.number-of-digits5 .avatar::before {
          font-size: 10px; }
      .RankingPage .channelRanking2 .avatar {
        top: 0;
        width: 46px;
        margin-right: 0;
        margin-left: 0px; }
        .RankingPage .channelRanking2 .avatar::before {
          font-size: 12px;
          position: absolute;
          top: -10px;
          width: auto;
          padding: 0px 3px;
          color: #FFF;
          background: #DA1725; }
      .RankingPage .channelRanking2 .name {
        width: calc(100% - 50px);
        height: 60px; }
        .RankingPage .channelRanking2 .name h3 {
          width: 100%;
          margin: 8px 0 4px 0; }
        .RankingPage .channelRanking2 .name .detail {
          font-size: 10px; }
          .RankingPage .channelRanking2 .name .detail img {
            width: auto;
            height: 12px; }
    .RankingPage.VideoRankingPage .content {
      margin: 20px 10px; }

  .RankingFilterPage {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 0; }
    .RankingFilterPage .scroll {
      overflow: auto;
      white-space: nowrap; }
      .RankingFilterPage .scroll::-webkit-scrollbar-track {
        background: #F1F1F1; }
      .RankingFilterPage .scroll-webkit-scrollbar-thumb {
        background: #BCBCBC; }
    .RankingFilterPage .scroll-fix-col {
      overflow-x: auto;
      height: 600px;
      padding-bottom: 10px;
      -webkit-overflow-scrolling: touch; }
      .RankingFilterPage .scroll-fix-col::-webkit-scrollbar {
        width: 4px;
        height: 4px; }
      .RankingFilterPage .scroll-fix-col::-webkit-scrollbar-track {
        background: #eee; }
      .RankingFilterPage .scroll-fix-col::-webkit-scrollbar-thumb {
        border: none;
        background: #aaa; }
      .RankingFilterPage .scroll-fix-col::-webkit-scrollbar-thumb:hover {
        background: #999; }
      .RankingFilterPage .scroll-fix-col table {
        width: 100%;
        min-width: 600px;
        border-spacing: 0;
        border-collapse: collapse; }
      .RankingFilterPage .scroll-fix-col th, .RankingFilterPage .scroll-fix-col td {
        font-size: 14px;
        padding: 20px 15px;
        text-align: center;
        vertical-align: middle;
        border: 1px solid #ccc; }
      .RankingFilterPage .scroll-fix-col th {
        color: #fff;
        background: #795548; }
      .RankingFilterPage .scroll-fix-col ._sticky {
        position: sticky;
        top: 0;
        left: 0; }
        .RankingFilterPage .scroll-fix-col ._sticky:before {
          position: absolute;
          top: -1px;
          left: -1px;
          width: 100%;
          height: 100%;
          content: "";
          border: 1px solid #ccc; }
        .RankingFilterPage .scroll-fix-col ._sticky.rank:before {
          width: auto;
          height: auto;
          border: none; }
    .RankingFilterPage .RankingFilterMain {
      overflow-x: scroll;
      width: 100%;
      margin-left: 0; }
      .RankingFilterPage .RankingFilterMain .sort_zoom {
        display: none; }
      .RankingFilterPage .RankingFilterMain .mobile-result {
        /*display: flex;*/
        align-items: end;
        justify-content: space-between;
        padding: 10px 10px;
        border-top: 1px #D8D8D8 solid; }
        .RankingFilterPage .RankingFilterMain .mobile-result .number {
          font-size: 12px;
          text-align: right; }
          .RankingFilterPage .RankingFilterMain .mobile-result .number .num {
            font-size: 14px;
            font-weight: bold;
            color: #707070; }
        .RankingFilterPage .RankingFilterMain .mobile-result select {
          padding: 10px;
          border: 1px #D5D0D0 solid;
          border-radius: 10px; }
      .RankingFilterPage .RankingFilterMain .RankingFilterList thead tr td {
        font-size: 10px;
        white-space: nowrap; }
      .RankingFilterPage .RankingFilterMain .RankingFilterList tbody td {
        background: #FFFFFF; }
      .RankingFilterPage .RankingFilterMain .RankingFilterList tr {
        font-size: 14px; }
        .RankingFilterPage .RankingFilterMain .RankingFilterList tr.header {
          font-size: 12px; }
        .RankingFilterPage .RankingFilterMain .RankingFilterList tr td {
          padding: 4px;
          white-space: nowrap; }
          .RankingFilterPage .RankingFilterMain .RankingFilterList tr td.video_title span {
            display: inline-block;
            width: 129px;
            white-space: pre-line; }
          .RankingFilterPage .RankingFilterMain .RankingFilterList tr td.channel span {
            display: inline-block;
            width: 100px;
            white-space: pre-line; }
          .RankingFilterPage .RankingFilterMain .RankingFilterList tr td.box {
            display: none; }
          .RankingFilterPage .RankingFilterMain .RankingFilterList tr td.rank {
            padding: 0; }
          .RankingFilterPage .RankingFilterMain .RankingFilterList tr td.idcopy {
            width: 30px; }
          .RankingFilterPage .RankingFilterMain .RankingFilterList tr td.avatar {
            min-width: 42px;
            text-align: left; }
            .RankingFilterPage .RankingFilterMain .RankingFilterList tr td.avatar a {
              display: inline-flex;
              overflow: hidden;
              width: 150px;
              min-width: 150px; }
          .RankingFilterPage .RankingFilterMain .RankingFilterList tr td.name {
            width: auto;
            min-width: 150px;
            text-align: left; }
            .RankingFilterPage .RankingFilterMain .RankingFilterList tr td.name a {
              width: 150px;
              min-width: 150px; }
          .RankingFilterPage .RankingFilterMain .RankingFilterList tr td.member {
            width: 70px; }
          .RankingFilterPage .RankingFilterMain .RankingFilterList tr td.number {
            width: 120px; }
          .RankingFilterPage .RankingFilterMain .RankingFilterList tr td.files {
            display: none;
            width: 100px; }
          .RankingFilterPage .RankingFilterMain .RankingFilterList tr td.avgview {
            width: 100px; }
          .RankingFilterPage .RankingFilterMain .RankingFilterList tr td.avggood {
            width: 100px; }
          .RankingFilterPage .RankingFilterMain .RankingFilterList tr td.avgcomment {
            width: 100px; }
          .RankingFilterPage .RankingFilterMain .RankingFilterList tr td.engagement {
            display: none;
            width: 100px; }
          .RankingFilterPage .RankingFilterMain .RankingFilterList tr td.genre {
            font-size: 10px;
            display: none;
            width: 100px; }
    .RankingFilterPage .RankingFilterSide {
      position: absolute;
      top: 0;
      display: none;
      width: 100%;
      padding-bottom: 78px; }
      .RankingFilterPage .RankingFilterSide h5 span {
        font-size: 20px;
        margin-right: 14px; }
      .RankingFilterPage .RankingFilterSide h5 img {
        margin-left: 10px; }
      .RankingFilterPage .RankingFilterSide input[type=submit] {
        font-size: 20px;
        padding: 10px; }
      .RankingFilterPage .RankingFilterSide input[type=text] {
        font-size: 16px;
        margin-bottom: 28px;
        padding: 10px 10px 10px 36px;
        border: 1px #D5D0D0 solid; }
      .RankingFilterPage .RankingFilterSide .filter {
        margin-bottom: 0px;
        padding: 20px 20px;
        background: #F8F8F8; }
        .RankingFilterPage .RankingFilterSide .filter select {
          margin-bottom: 14px;
          padding: 10px 18px;
          border: 1px #D5D0D0 solid;
          border-radius: 6px; }
        .RankingFilterPage .RankingFilterSide .filter .text-search img {
          position: absolute;
          top: 28px;
          left: 30px; }
      .RankingFilterPage .RankingFilterSide .filter-data {
        background-color: #f8f8f8; }
        .RankingFilterPage .RankingFilterSide .filter-data h5 {
          font-size: 14px;
          padding: 12px 20px 4px 20px; }
          .RankingFilterPage .RankingFilterSide .filter-data h5.slide_toggle::after {
            width: 20px;
            height: 20px;
            background-image: url("../img/icon/icon_plus.png"); }
        .RankingFilterPage .RankingFilterSide .filter-data .ranges#avg_view_box {
          display: block; }
        .RankingFilterPage .RankingFilterSide .filter-data .ranges#avg_good_box {
          display: block; }
        .RankingFilterPage .RankingFilterSide .filter-data .ranges#avg_comment_box {
          display: block; }
        .RankingFilterPage .RankingFilterSide .filter-data .ranges#avg_engagement_box {
          display: block; }
        .RankingFilterPage .RankingFilterSide .filter-data .ranges .sliders {
          padding: 6px 6px 20px 6px; }
          .RankingFilterPage .RankingFilterSide .filter-data .ranges .sliders .ui-widget.ui-widget-content {
            margin: 10px 10px 20px 10px; }
          .RankingFilterPage .RankingFilterSide .filter-data .ranges .sliders .range-box .range-separator {
            padding: 0 6px; }
          .RankingFilterPage .RankingFilterSide .filter-data .ranges .sliders .range-box .range-text {
            width: calc(50% - 10px); }
      .RankingFilterPage .RankingFilterSide .RankingFilterSearch {
        position: fixed;
        z-index: 999;
        bottom: 0;
        width: calc(100% - 40px);
        padding: 14px 20px;
        background-color: rgba(112, 112, 112, 0.6); }
      .RankingFilterPage .RankingFilterSide .RankingFilterClose {
        font-size: 14px;
        position: fixed;
        z-index: 999;
        top: 90px;
        display: flex;
        align-items: end;
        justify-content: space-between;
        width: calc(100% - 20px);
        padding: 10px;
        color: #777777;
        border: 1px #D8D8D8 solid;
        background: #EDEDED; }
        .RankingFilterPage .RankingFilterSide .RankingFilterClose > div:first-child {
          font-size: 18px; }
          .RankingFilterPage .RankingFilterSide .RankingFilterClose > div:first-child img {
            width: 16px;
            height: auto;
            margin-right: 20px; }
        .RankingFilterPage .RankingFilterSide .RankingFilterClose > div:last-child {
          display: none; }

  .search-filter {
    margin-top: 20px; }
    .search-filter p {
      font-size: 10px;
      margin: 4px 10px 10px 10px; }
    .search-filter table {
      width: calc(100% - 20px);
      margin: 0 10px;
      border-spacing: 0;
      border-collapse: separate; }
      .search-filter table tr:first-child th {
        border-radius: 8px 0 0 0; }
      .search-filter table tr:first-child td {
        border-radius: 0 8px 0 0; }
      .search-filter table tr:last-child th {
        border-radius: 0 0 0 8px; }
      .search-filter table tr:last-child td {
        border-radius: 0 0 8px 0; }
      .search-filter table th {
        font-size: 14px;
        font-weight: normal;
        width: 150px;
        padding: 10px 0;
        white-space: nowrap;
        border: 1px #E5E5E5 solid;
        background: #F5F5F5; }
        .search-filter table th div {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          margin: 0 12px 0 4px; }
        .search-filter table th img {
          margin: 0 8px; }
      .search-filter table td {
        font-size: 14px;
        border: 1px #E5E5E5 solid; }
        .search-filter table td div {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin: 10px; }
          .search-filter table td div span.change {
            font-size: 12px;
            font-weight: bold;
            display: inline-block;
            white-space: nowrap;
            color: #0EC61C; }

  .creatorTitle {
    margin-bottom: 14px;
    padding: 10px 10px 55px 10px;
    background-size: cover; }
    .creatorTitle h1 {
      font-size: 20px;
      margin-bottom: 0.5em; }
    .creatorTitle p {
      font-size: 14px;
      margin-bottom: 0.5em; }
    .creatorTitle::after {
      display: none; }

  .list-table tr td {
    font-size: 10px;
    padding: 8px 4px; }
    .list-table tr td.date {
      padding-left: 4px;
      text-align: center; }
    .list-table tr td.users {
      text-align: center; }
    .list-table tr td.videos {
      text-align: center; }
    .list-table tr td.views {
      text-align: center; }

  .acf-field.acf-field-radio.acf-field-62ed354c76d9b .acf-label {
    display: none; }
  .acf-field.acf-field-radio.acf-field-62ed354c76d9b .acf-input {
    padding-left: 0; }

  .LPtop {
    display: block; }
    .LPtop > div {
      width: 100%; }
    .LPtop p {
      width: 100%; }
      .LPtop p.for_creator {
        top: -30px; }
    .LPtop img {
      max-width: 100%; }

  .LPmainContain {
    width: 100%; }
    .LPmainContain .voice, .LPmainContain .voice2 {
      display: block;
      width: 100%; }
      .LPmainContain .voice > div, .LPmainContain .voice2 > div {
        width: 100%;
        margin-bottom: 50px; }
        .LPmainContain .voice > div:not(:first-child), .LPmainContain .voice2 > div:not(:first-child) {
          position: relative;
          padding-left: 0px;
          border-left: 0; }
      .LPmainContain .voice .speech, .LPmainContain .voice2 .speech {
        background-size: 100%; }
        .LPmainContain .voice .speech p, .LPmainContain .voice2 .speech p {
          width: calc(100% - 60px);
          padding: 30px 0px 0 50px; }
    .LPmainContain .planTable {
      overflow: scroll;
      width: 100%; }

  .titleLPClient h1 {
    font-size: 24px; }
  .titleLPClient p {
    font-size: 14px; }

  .titleLPCreator h1 {
    font-size: 24px; }
  .titleLPCreator p {
    font-size: 14px; }

  .LPtitle3 {
    margin-bottom: 40px; }
    .LPtitle3 h2 {
      font-size: 20px; }
    .LPtitle3 p {
      width: 100%; }

  .LPtitle4 p {
    width: 100%; }

  .LPtitle5 {
    margin-left: 0px; }
    .LPtitle5 p {
      width: 100%; }

  .LPGlobal {
    width: 100%; }
    .LPGlobal .bg {
      display: none; }

  .serviceForCreator {
    display: block; }
    .serviceForCreator > div {
      width: 100%;
      margin-bottom: 30px; }

  .service2 {
    display: block;
    margin-bottom: 0; }
    .service2 div {
      width: calc(100% - 24px);
      margin-bottom: 50px;
      padding: 24px 12px; }

  .feature, .feature2 {
    flex-wrap: wrap;
    margin: 20px 0 50px; }
    .feature > div, .feature2 > div {
      width: 50%; }
      .feature > div.selected, .feature2 > div.selected {
        width: 50%; }

  table.planForClient {
    width: 800px; }
    table.planForClient td, table.planForClient th {
      width: 25%; }
    table.planForClient td {
      font-size: 12px; }
    table.planForClient img {
      width: 100px;
      height: auto; }
    table.planForClient span {
      font-size: 24px; }

  table.planForClient2 {
    width: 100%; }
    table.planForClient2 td, table.planForClient2 th {
      width: 20%; }
    table.planForClient2 th {
      font-size: 12px; }
    table.planForClient2 td {
      font-size: 11px; }
    table.planForClient2 img {
      width: 100px;
      height: auto; }
    table.planForClient2 span {
      font-size: 24px; }

  table.planForClient3 {
    width: 600px; }
    table.planForClient3 col.title, table.planForClient3 col.meta {
      position: absolute; }
    table.planForClient3 tr {
      position: relative; }
    table.planForClient3 td, table.planForClient3 th {
      width: calc(100% / 6); }
    table.planForClient3 td {
      font-size: 12px; }
    table.planForClient3 img {
      width: 100px;
      height: auto; }
    table.planForClient3 span {
      font-size: 14px; }
    table.planForClient3 .fix {
      position: sticky; }

  table.planForClient4 {
    width: 100%; }
    table.planForClient4 thead th {
      font-size: 14px;
      padding: 2px; }
    table.planForClient4 tbody td, table.planForClient4 tbody th {
      width: 20%; }
    table.planForClient4 tbody th {
      font-size: 12px; }
    table.planForClient4 tbody td {
      font-size: 11px; }
    table.planForClient4 tbody img {
      width: 100px;
      height: auto; }
    table.planForClient4 tbody span {
      font-size: 10px; }

  table.planForCreator {
    width: 800px; }
    table.planForCreator td, table.planForCreator th {
      width: 25%; }
    table.planForCreator td {
      font-size: 12px; }
    table.planForCreator img {
      width: 100px;
      height: auto; }
    table.planForCreator span {
      font-size: 24px; }

  #search_modal input[type=search] {
    width: 190px;
    padding: 6px 4px 4px 12px;
    color: #D3D3D3;
    border: #D3D3D3 1px solid;
    border-radius: 6px;
    background-color: transparent; }
    #search_modal input[type=search]::placeholder {
      color: #D3D3D3; }
  #search_modal button {
    position: relative;
    left: -28px;
    color: transparent;
    border: none;
    background-color: transparent;
    /*z-index: 10;*/ }
    #search_modal button img.glass {
      position: relative;
      top: 2px;
      right: 2px; }

  .search {
    width: 100%; }

  div.table_data_wrap {
    overflow: scroll;
    width: 100%; }
    div.table_data_wrap table.table_data {
      font-size: 11px; }
      div.table_data_wrap table.table_data th.thumbnail {
        width: 50px;
        min-width: 50px; }
      div.table_data_wrap table.table_data th.title {
        width: 110px;
        min-width: 110px;
        max-width: 110px; }
      div.table_data_wrap table.table_data th.channel {
        width: 80px;
        min-width: 80px;
        max-width: 80px; }
      div.table_data_wrap table.table_data td.thumbnail:first-child:before {
        font-size: 10px;
        min-width: 20px;
        padding: 2px 4px;
        text-align: center; }
      div.table_data_wrap table.table_data td.title a {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4; }
      div.table_data_wrap table.table_data img {
        width: 70px;
        height: auto; }

  .tieupvideos {
    padding: 20px 0 0 0; }
    .tieupvideos .tieupvideo {
      margin: 0 0 20px 0;
      padding: 0 0 20px 0;
      border-bottom: 2px #707070 solid; }
      .tieupvideos .tieupvideo .tieupvideo-content {
        display: flex; }
        .tieupvideos .tieupvideo .tieupvideo-content h3 {
          font-size: 16px;
          overflow: hidden;
          margin: 0;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .tieupvideos .tieupvideo .tieupvideo-content .thumbnail {
          width: 25%; }
        .tieupvideos .tieupvideo .tieupvideo-content .content {
          width: calc(75% - 10px);
          padding-left: 10px; }
          .tieupvideos .tieupvideo .tieupvideo-content .content .about-tieup {
            font-size: 12px;
            flex-wrap: wrap;
            width: 100%;
            margin: 0px 0 0 0;
            padding: 0;
            list-style: none; }
            .tieupvideos .tieupvideo .tieupvideo-content .content .about-tieup li {
              display: flex;
              align-items: center;
              height: 23px; }
              .tieupvideos .tieupvideo .tieupvideo-content .content .about-tieup li:not(:last-child):after {
                top: 2px;
                right: 0;
                height: 18px; }
              .tieupvideos .tieupvideo .tieupvideo-content .content .about-tieup li.avatar {
                width: 30px;
                padding-right: 0; }
                .tieupvideos .tieupvideo .tieupvideo-content .content .about-tieup li.avatar img {
                  width: 20px;
                  height: auto;
                  border-radius: 100px; }
              .tieupvideos .tieupvideo .tieupvideo-content .content .about-tieup li.name {
                width: calc(100% - 40px);
                margin: 0;
                padding-right: 10px;
                white-space: nowrap; }
                .tieupvideos .tieupvideo .tieupvideo-content .content .about-tieup li.name div {
                  overflow: hidden;
                  text-overflow: ellipsis; }
                .tieupvideos .tieupvideo .tieupvideo-content .content .about-tieup li.name:after {
                  display: none; }
              .tieupvideos .tieupvideo .tieupvideo-content .content .about-tieup li.view {
                width: 28%;
                padding-right: 0; }
              .tieupvideos .tieupvideo .tieupvideo-content .content .about-tieup li.like {
                display: none;
                padding-right: 0; }
              .tieupvideos .tieupvideo .tieupvideo-content .content .about-tieup li.user {
                width: 28%;
                padding-right: 0;
                white-space: nowrap; }
                .tieupvideos .tieupvideo .tieupvideo-content .content .about-tieup li.user img {
                  width: auto;
                  height: 14px;
                  margin-right: 10px; }
              .tieupvideos .tieupvideo .tieupvideo-content .content .about-tieup li.date {
                width: 44%;
                padding-right: 0px;
                padding-bottom: 0px;
                padding-left: 0px;
                white-space: nowrap; }
                .tieupvideos .tieupvideo .tieupvideo-content .content .about-tieup li.date img {
                  width: auto;
                  height: 14px; }
          .tieupvideos .tieupvideo .tieupvideo-content .content .tieup-tags {
            font-size: 12px;
            margin: 4px 0px; }
            .tieupvideos .tieupvideo .tieupvideo-content .content .tieup-tags a {
              padding: 2px 8px;
              border-radius: 20px; }
            .tieupvideos .tieupvideo .tieupvideo-content .content .tieup-tags img {
              width: auto;
              height: 28px; }
          .tieupvideos .tieupvideo .tieupvideo-content .content .tieupvideo-more {
            font-size: 12px;
            /*display: none;*/ }
            .tieupvideos .tieupvideo .tieupvideo-content .content .tieupvideo-more img {
              margin: 0 4px 0 4px; }
      .tieupvideos .tieupvideo .tieupvideo-detail {
        margin-top: 10px;
        padding: 10px 0; }
        .tieupvideos .tieupvideo .tieupvideo-detail .tieupvideo-urls {
          font-size: 14px;
          /*width: calc(25% - 20px);*/
          padding: 0 10px; }
        .tieupvideos .tieupvideo .tieupvideo-detail .tieupvideo-tags {
          width: calc(75% - 20px);
          padding: 0 10px; }

  	/*
  		.tags {
  			> a {
  				font-size: 10px;
  				display: inline-block;
  				width: fit-content;
  				margin: 0 4px 8px 0;
  				padding: 4px;
  				border: #BBBBBB 1px solid;
  				border-radius: 8px;
  			}
  		}
  
  	 */
  .table {
    width: 100%;
    margin-bottom: 50px;
    border-spacing: 0;
    border-collapse: collapse; }
    .table td, .table th {
      font-size: 12px;
      padding: 10px 10px; }
    .table th {
      width: 30%; }
    .table td {
      width: 70%; }

  .register_template {
    width: calc(100% - 20px);
    padding: 10px; }
    .register_template .inner {
      width: calc(100% - 20px);
      padding: 10px; }
      .register_template .inner .register_template_header h3 {
        font-size: 16px; }
        .register_template .inner .register_template_header h3 span.register_head_description {
          font-size: 14px; }
      .register_template .inner .tabs .tab {
        font-size: 12px; }
        .register_template .inner .tabs .tab span::before {
          font-size: 20px;
          top: -2px;
          left: -16px; }
        .register_template .inner .tabs .tab img {
          height: 30px;
          margin-left: 10px; }
      .register_template .inner .tabs_content {
        padding: 20px 0 0 0; }
      .register_template .inner .register_btn {
        margin: 10px 0; }
        .register_template .inner .register_btn img {
          width: 200px; }

  .TieupSearchFilterPage .TieupSearchFilterMain .number {
    margin: 10px 0;
    padding: 10px;
    border-top: 1px #ededed solid;
    border-bottom: 4px #ededed solid; }
  .TieupSearchFilterPage .TieupSearchFilterSide .filter {
    display: block; }
    .TieupSearchFilterPage .TieupSearchFilterSide .filter .form-field-text {
      width: calc(100% - 48px);
      min-height: 44px;
      margin: 16px 0 20px 0; }
      .TieupSearchFilterPage .TieupSearchFilterSide .filter .form-field-text select {
        background: #FFFFFF; }
  .TieupSearchFilterPage .TieupSearchFilterSide .TieupSearchFilterSearch {
    /*position: fixed;
    z-index: 999;
    bottom: 0;
    background-color: rgba(112, 112, 112, 0.6);
     */
    width: calc(100% - 40px);
    padding: 14px 20px;
    text-align: center; }
  .TieupSearchFilterPage .TieupSearchFilterSide .TieupSearchFilterClose {
    font-size: 14px;
    position: fixed;
    z-index: 999;
    top: 90px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    width: calc(100% - 20px);
    padding: 10px;
    color: #777777;
    border: 1px #D8D8D8 solid;
    background: #EDEDED; }
    .TieupSearchFilterPage .TieupSearchFilterSide .TieupSearchFilterClose > div:first-child {
      font-size: 18px; }
      .TieupSearchFilterPage .TieupSearchFilterSide .TieupSearchFilterClose > div:first-child img {
        width: 16px;
        height: auto;
        margin-right: 20px; }
    .TieupSearchFilterPage .TieupSearchFilterSide .TieupSearchFilterClose > div:last-child {
      display: none; }

  .more {
    width: 100%; }
    .more a.button {
      width: calc(100% - 44px); }

  .recommend {
    margin-bottom: 10px !important; }
    .recommend.category .list a {
      font-size: 11px; }
    .recommend.tag .list a {
      font-size: 11px; }

  /* チャンネルページ パンくずリスト 上下余白 */
  .channel_breadcrumb.breadcrumb {
    margin-top: 0;
    margin-bottom: 0; }
    .channel_breadcrumb.breadcrumb:first-of-type {
      margin-top: 20px; }
    .channel_breadcrumb.breadcrumb:last-of-type {
      margin-bottom: 20px; } }