@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&family=Noto+Serif+JP:wght@300;400;700&display=swap");
#js-scorer html, #js-scorer body, #js-scorer div, #js-scorer span, #js-scorer applet, #js-scorer object, #js-scorer iframe,
#js-scorer h1, #js-scorer h2, #js-scorer h3, #js-scorer h4, #js-scorer h5, #js-scorer h6, #js-scorer p, #js-scorer blockquote, #js-scorer pre,
#js-scorer a, #js-scorer abbr, #js-scorer acronym, #js-scorer address, #js-scorer big, #js-scorer cite, #js-scorer code,
#js-scorer del, #js-scorer dfn, #js-scorer em, #js-scorer img, #js-scorer ins, #js-scorer kbd, #js-scorer q, #js-scorer s, #js-scorer samp,
#js-scorer small, #js-scorer strike, #js-scorer strong, #js-scorer sub, #js-scorer sup, #js-scorer tt, #js-scorer var,
#js-scorer b, #js-scorer u, #js-scorer i, #js-scorer center,
#js-scorer dl, #js-scorer dt, #js-scorer dd, #js-scorer ol, #js-scorer ul, #js-scorer li,
#js-scorer fieldset, #js-scorer form, #js-scorer label, #js-scorer legend,
#js-scorer table, #js-scorer caption, #js-scorer tbody, #js-scorer tfoot, #js-scorer thead, #js-scorer tr, #js-scorer th, #js-scorer td,
#js-scorer article, #js-scorer aside, #js-scorer canvas, #js-scorer details, #js-scorer embed,
#js-scorer figure, #js-scorer figcaption, #js-scorer footer, #js-scorer header, #js-scorer hgroup,
#js-scorer menu, #js-scorer nav, #js-scorer output, #js-scorer ruby, #js-scorer section, #js-scorer summary,
#js-scorer time, #js-scorer mark, #js-scorer audio, #js-scorer video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }
#js-scorer html {
  line-height: 1; }
#js-scorer ol, #js-scorer ul {
  list-style: none; }
#js-scorer table {
  border-collapse: collapse;
  border-spacing: 0; }
#js-scorer caption, #js-scorer th, #js-scorer td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }
#js-scorer q, #js-scorer blockquote {
  quotes: none; }
  #js-scorer q:before, #js-scorer q:after, #js-scorer blockquote:before, #js-scorer blockquote:after {
    content: "";
    content: none; }
#js-scorer a img {
  border: none;
  background: #fff;
  padding: 8px;
  border-radius: 14px;
 }
#js-scorer article, #js-scorer aside, #js-scorer details, #js-scorer figcaption, #js-scorer figure, #js-scorer footer, #js-scorer header, #js-scorer hgroup, #js-scorer main, #js-scorer menu, #js-scorer nav, #js-scorer section, #js-scorer summary {
  display: block; }

#js-scorer .col_yerrow {
  color: #ead01f; }

#js-scorer .d-sp {
  display: none !important; }
@media screen and (max-width: 767px) {
  #js-scorer .d-sp {
    display: block !important; }
  #js-scorer .d-pc {
    display: none !important; } }

/****--------- ふわふわ ---------****/
@keyframes fuwari {
  0% {
    transform: translate(0%, 0%); }
  100% {
    transform: translate(0%, -40px); } }
/****--------- ボール ---------****/
@keyframes ball {
  0% {
    transform: translate(0%, 0%); }
  100% {
    transform: translate(0%, -30px); } }
/****--------- ゆらゆら ---------****/
@keyframes yurayura {
  0% , 100% {
    transform: rotate(10deg); }
  50% {
    transform: rotate(-10deg); } }
#js-scorer .js-animation-anime {
  opacity: 0;
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0); }
#js-scorer .js-animation-fade {
  opacity: 0;
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  transform: translateY(30px); }
#js-scorer .scaleUp {
  opacity: 1;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1); }
#js-scorer .fadeUp {
  opacity: 1;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0); }
#js-scorer .al_center {
  text-align: center; }
#js-scorer .al_left {
  text-align: left; }

/* ==========================================================================
   mar/pad
   ========================================================================== */
#js-scorer .mt--0 {
  margin-top: 0px !important; }
#js-scorer .mt--5 {
  margin-top: 5px !important; }
#js-scorer .mt--10 {
  margin-top: 10px !important; }
#js-scorer .mt--20 {
  margin-top: 20px !important; }
#js-scorer .mt--30 {
  margin-top: 30px !important; }
#js-scorer .mt--40 {
  margin-top: 40px !important; }
#js-scorer .mt--50 {
  margin-top: 50px !important; }
#js-scorer .mt--60 {
  margin-top: 60px !important; }
#js-scorer .mt--70 {
  margin-top: 70px !important; }
#js-scorer .mt--80 {
  margin-top: 80px !important; }
#js-scorer .mt--90 {
  margin-top: 90px !important; }
#js-scorer .mt--100 {
  margin-top: 100px !important; }
#js-scorer .mb--0 {
  margin-bottom: 0px !important; }
#js-scorer .mb--5 {
  margin-bottom: 5px !important; }
#js-scorer .mb--10 {
  margin-bottom: 10px !important; }
#js-scorer .mb--20 {
  margin-bottom: 20px !important; }
#js-scorer .mb--30 {
  margin-bottom: 30px !important; }
#js-scorer .mb--40 {
  margin-bottom: 40px !important; }
#js-scorer .mb--50 {
  margin-bottom: 50px !important; }
#js-scorer .mb--60 {
  margin-bottom: 60px !important; }
#js-scorer .mb--70 {
  margin-bottom: 70px !important; }
#js-scorer .mb--80 {
  margin-bottom: 80px !important; }
#js-scorer .mb--90 {
  margin-bottom: 90px !important; }
#js-scorer .mb--100 {
  margin-bottom: 100px !important; }
#js-scorer .mr--0 {
  margin-right: 0px !important; }
#js-scorer .mr--5 {
  margin-right: 5px !important; }
#js-scorer .mr--10 {
  margin-right: 10px !important; }
#js-scorer .mr--20 {
  margin-right: 20px !important; }
#js-scorer .mr--30 {
  margin-right: 30px !important; }
#js-scorer .mr--40 {
  margin-right: 40px !important; }
#js-scorer .mr--50 {
  margin-right: 50px !important; }
#js-scorer .mr--60 {
  margin-right: 60px !important; }
#js-scorer .mr--70 {
  margin-right: 70px !important; }
#js-scorer .mr--80 {
  margin-right: 80px !important; }
#js-scorer .mr--90 {
  margin-right: 90px !important; }
#js-scorer .mr--100 {
  margin-right: 100px !important; }
#js-scorer .ml--0 {
  margin-left: 0px !important; }
#js-scorer .ml--5 {
  margin-left: 5px !important; }
#js-scorer .ml--10 {
  margin-left: 10px !important; }
#js-scorer .ml--20 {
  margin-left: 20px !important; }
#js-scorer .ml--30 {
  margin-left: 30px !important; }
#js-scorer .ml--40 {
  margin-left: 40px !important; }
#js-scorer .ml--50 {
  margin-left: 50px !important; }
#js-scorer .ml--60 {
  margin-left: 60px !important; }
#js-scorer .ml--70 {
  margin-left: 70px !important; }
#js-scorer .ml--80 {
  margin-left: 80px !important; }
#js-scorer .ml--90 {
  margin-left: 90px !important; }
#js-scorer .ml--100 {
  margin-left: 100px !important; }
#js-scorer .pt--0 {
  padding-top: 0px !important; }
#js-scorer .pt--5 {
  padding-top: 5px !important; }
#js-scorer .pt--10 {
  padding-top: 10px !important; }
#js-scorer .pt--15 {
  padding-top: 15px !important; }
#js-scorer .pt--20 {
  padding-top: 20px !important; }
#js-scorer .pt--30 {
  padding-top: 30px !important; }
#js-scorer .pt--40 {
  padding-top: 40px !important; }
#js-scorer .pt--50 {
  padding-top: 50px !important; }
#js-scorer .pt--60 {
  padding-top: 60px !important; }
#js-scorer .pt--70 {
  padding-top: 70px !important; }
#js-scorer .pt--80 {
  padding-top: 80px !important; }
#js-scorer .pt--90 {
  padding-top: 90px !important; }
#js-scorer .pt--100 {
  padding-top: 100px !important; }
#js-scorer .pb--0 {
  padding-bottom: 0px !important; }
#js-scorer .pb--5 {
  padding-bottom: 5px !important; }
#js-scorer .pb--10 {
  padding-bottom: 10px !important; }
#js-scorer .pb--20 {
  padding-bottom: 20px !important; }
#js-scorer .pb--30 {
  padding-bottom: 30px !important; }
#js-scorer .pb--40 {
  padding-bottom: 40px !important; }
#js-scorer .pb--50 {
  padding-bottom: 50px !important; }
#js-scorer .pb--60 {
  padding-bottom: 60px !important; }
#js-scorer .pb--70 {
  padding-bottom: 70px !important; }
#js-scorer .pb--80 {
  padding-bottom: 80px !important; }
#js-scorer .pb--90 {
  padding-bottom: 90px !important; }
#js-scorer .pb--100 {
  padding-bottom: 100px !important; }
#js-scorer .pr--0 {
  padding-right: 0px !important; }
#js-scorer .pr--5 {
  padding-right: 5px !important; }
#js-scorer .pr--10 {
  padding-right: 10px !important; }
#js-scorer .pr--20 {
  padding-right: 20px !important; }
#js-scorer .pr--30 {
  padding-right: 30px !important; }
#js-scorer .pr--40 {
  padding-right: 40px !important; }
#js-scorer .pr--50 {
  padding-right: 50px !important; }
#js-scorer .pr--60 {
  padding-right: 60px !important; }
#js-scorer .pr--70 {
  padding-right: 70px !important; }
#js-scorer .pr--80 {
  padding-right: 80px !important; }
#js-scorer .pr--90 {
  padding-right: 90px !important; }
#js-scorer .pr--100 {
  padding-right: 100px !important; }
#js-scorer .pl--0 {
  padding-left: 0px !important; }
#js-scorer .pl--5 {
  padding-left: 5px !important; }
#js-scorer .pl--10 {
  padding-left: 10px !important; }
#js-scorer .pl--20 {
  padding-left: 20px !important; }
#js-scorer .pl--30 {
  padding-left: 30px !important; }
#js-scorer .pl--40 {
  padding-left: 40px !important; }
#js-scorer .pl--50 {
  padding-left: 50px !important; }
#js-scorer .pl--60 {
  padding-left: 60px !important; }
#js-scorer .pl--70 {
  padding-left: 70px !important; }
#js-scorer .pl--80 {
  padding-left: 80px !important; }
#js-scorer .pl--90 {
  padding-left: 90px !important; }
#js-scorer .pl--100 {
  padding-left: 100px !important; }

#js-scorer {
  margin-top: 20px;
  font-size: 100%; }
  #js-scorer .font-l {
    font-size: 150%; }
  #js-scorer .font-s {
    font-size: 80%; }
  #js-scorer .bold {
    font-weight: bold; }
  #js-scorer .font-g {
    font-family: 'Noto Sans JP','Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif; }
  #js-scorer sup {
    font-size: 70%; }
  #js-scorer .nowrap {
    white-space: nowrap; }
  #js-scorer a {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    color: #fff; }
    #js-scorer a::after {
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  #js-scorer .inner {
    max-width: 990px;
    width: calc(100% - 40px);
    margin: 0 auto; }
  #js-scorer .content-inner {
    max-width: 810px;
    width: 100%;
    margin: 0 auto; }
  #js-scorer .link-arrow {
    color: #fff;
    position: relative;
    font-weight: normal;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.95); }
    #js-scorer .link-arrow:hover {
      opacity: 1;
      color: #000;
      text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.84); }
      #js-scorer .link-arrow:hover:after {
        margin-left: 14px;
        border-top: solid 2px #000;
        border-right: solid 2px #000; }
    #js-scorer .link-arrow:after {
      content: '';
      width: 10px;
      height: 10px;
      border-top: solid 2px #fff;
      border-right: solid 2px #fff;
      left: 10px;
      top: 8px;
      display: inline-block;
      margin-left: 10px;
      transform: rotate(45deg); }
  #js-scorer a.link-arrow2 {
    color: #fff;
    position: relative;
    font-weight: normal; }
    #js-scorer a.link-arrow2:after {
      content: '';
      width: 10px;
      height: 10px;
      border-top: solid 2px #fff;
      border-right: solid 2px #fff;
      left: 5px;
      top: 4px;
      display: inline-block;
      margin-left: 5px;
      transform: rotate(45deg); }
      @media screen and (max-width: 767px) {
        #js-scorer a.link-arrow2:after {
          width: 5px;
          height: 5px;
          margin-left: 3px; } }

#js-scorer {
  background-color: #45b2e6;
  font-family: 'Zen Kaku Gothic New', 'Noto Sans JP','Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 2px;
  -webkit-text-size-adjust: none;
  color: #fff; }
  #js-scorer #pg-top header {
    background-image: url("../img/MV_bg_pc.jpg");
    text-align: center;
    background-repeat: no-repeat;
    height: 400px; }
    #js-scorer #pg-top header h1 {
      position: relative;
      right: 0;
      left: 0;
      margin: auto;
      top: 50%;
      transform: translate(0, -50%);
      max-width: 434px; }
      #js-scorer #pg-top header h1 img {
        width: 100%; }
  #js-scorer #pg-top #top_content p.sche {
    background-image: linear-gradient(90deg, #45b2e6 50%, #35abe3 50%, #35abe3 100%);
    background-size: 16px 10px;
    text-shadow: 3px  3px 3px #35abe3, -3px  3px 3px #35abe3, 3px -3px 3px #35abe3, -3px -3px 3px #35abe3, 3px  0px 3px #35abe3, 0px  3px 3px #35abe3, -3px  0px 3px #35abe3,    0px -3px 3px #35abe3;
    font-size: 26px;
    letter-spacing: 0.15em;
    padding: 15px 0 19px 0;
    font-family: 'Noto Sans JP','Zen Kaku Gothic New','Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif;
    font-weight: 500; }
    #js-scorer #pg-top #top_content p.sche span {
      font-size: 32px; }
  #js-scorer #pg-top #top_content .lead {
    font-size: 20px;
    font-weight: 500; }
    #js-scorer #pg-top #top_content .lead span {
      font-size: 28px;
      color: #fffb00;
      font-weight: 600; }
  #js-scorer #pg-top #top_content .btn {
    position: relative;
    width: 100%;
    max-width: 600px; }
    #js-scorer #pg-top #top_content .btn a {
      word-break: keep-all;
      max-width: 600px;
      width: 100%;
      align-items: center;
      background: #fff url(../img/arrow_pink.png);
      background-repeat: no-repeat;
      background-position: center right;
      background-position-x: 92%;
      letter-spacing: normal;
      border-radius: 80px;
      padding: 15px 80px 15px 80px;
      font-weight: 600;
      font-size: 28px;
      color: #e24b6f;
      box-sizing: border-box;
      line-height: 50px;
      position: relative;
      text-align: center;
      user-select: none;
      -webkit-user-select: none;
      touch-action: manipulation;
      z-index: 1;
      transform: translate(-7px, 0px);
      transition: transform .2s ease-out; }
      #js-scorer #pg-top #top_content .btn a:hover {
        transform: translate(0px, 7px);
        opacity: 1 !important; }
    #js-scorer #pg-top #top_content .btn::after {
      content: "";
      background-image: linear-gradient(-45deg, #ffffff 25%, #45b2e6 25%, #45b2e6 50%, #ffffff 50%, #ffffff 75%, #45b2e6 75%, #45b2e6);
      background-size: 4px 4px;
      border-radius: 50px;
      display: block;
      height: 104px;
      left: 0;
      width: 100%;
      max-width: 600px;
      position: absolute;
      top: 7px;
      z-index: 0; }
  #js-scorer #pg-top #top_content .btn-songlist {
    position: relative;
    display: inline-block; }
    #js-scorer #pg-top #top_content .btn-songlist::before {
      content: "";
      position: absolute;
      background-image: url(../img/deco01_left.png);
      background-repeat: no-repeat;
      background-size: contain;
      width: 50px;
      height: 54px;
      top: 0%;
      left: -60px;
      transform: translate(0, 50%); }
    #js-scorer #pg-top #top_content .btn-songlist::after {
      content: "";
      position: absolute;
      background-image: url(../img/deco01_right.png);
      background-repeat: no-repeat;
      background-size: contain;
      width: 50px;
      height: 54px;
      top: 0%;
      right: -54px;
      transform: translate(0, 50%); }
    #js-scorer #pg-top #top_content .btn-songlist .btn a {
      line-height: 36px; }
      #js-scorer #pg-top #top_content .btn-songlist .btn a span {
        font-size: 24px; }
  #js-scorer #pg-top #top_content h3 {
    font-size: 22px; }
  #js-scorer #pg-top #top_content .top-inner {
    background-color: #fff;
    max-width: 960px;
    margin: auto;
    border-radius: 40px;
    color: #333333; }
    #js-scorer #pg-top #top_content .top-inner .top-menu {
      display: flex;
      margin: auto;
      justify-content: space-between;
      max-width: 864px; }
      #js-scorer #pg-top #top_content .top-inner .top-menu li {
        width: 31.25%; }
        #js-scorer #pg-top #top_content .top-inner .top-menu li .btn {
          max-width: 270px; }
          #js-scorer #pg-top #top_content .top-inner .top-menu li .btn a {
            color: #fff;
            font-size: 22px; }
          #js-scorer #pg-top #top_content .top-inner .top-menu li .btn::after {
            height: 70px; }
        #js-scorer #pg-top #top_content .top-inner .top-menu li .btn-cmp a {
          background: #ef9f13 url(../img/arrow_white.png);
          background-repeat: no-repeat;
          background-repeat: no-repeat;
          background-position: center right;
          background-position-x: 92%;
          padding: 10px 58px 10px 24px; }
        #js-scorer #pg-top #top_content .top-inner .top-menu li .btn-cmp::after {
          background-image: linear-gradient(-45deg, #ffffff 25%, #ef9f13 25%, #ef9f13 50%, #ffffff 50%, #ffffff 75%, #ef9f13 75%, #ef9f13);
          background-size: 4px 4px; }
        #js-scorer #pg-top #top_content .top-inner .top-menu li .btn-ranking a {
          background: #4db7e3 url(../img/arrow_white.png);
          background-repeat: no-repeat;
          background-repeat: no-repeat;
          background-position: center right;
          background-position-x: 76%;
          padding: 10px 93px 10px 60px; }
        #js-scorer #pg-top #top_content .top-inner .top-menu li .btn-ranking::after {
          background-image: linear-gradient(-45deg, #ffffff 25%, #4db7e3 25%, #4db7e3 50%, #ffffff 50%, #ffffff 75%, #4db7e3 75%, #4db7e3);
          background-size: 4px 4px; }
        #js-scorer #pg-top #top_content .top-inner .top-menu li .btn-kikaku a {
          background: #53ce41 url(../img/arrow_white.png);
          background-repeat: no-repeat;
          background-repeat: no-repeat;
          background-position: center right;
          background-position-x: 76%;
          padding: 10px 87px 10px 68px; }
        #js-scorer #pg-top #top_content .top-inner .top-menu li .btn-kikaku::after {
          background-image: linear-gradient(-45deg, #ffffff 25%, #53ce41 25%, #53ce41 50%, #ffffff 50%, #ffffff 75%, #53ce41 75%, #53ce41);
          background-size: 4px 4px; }
    #js-scorer #pg-top #top_content .top-inner #cmp {
      position: relative;
      z-index: 5; }
      #js-scorer #pg-top #top_content .top-inner #cmp::before {
        content: "";
        position: absolute;
        background-image: url(../img/deco02.png);
        top: 0;
        left: 0;
        width: 100%;
        height: 316px;
        background-repeat: no-repeat;
        background-size: contain; }
      #js-scorer #pg-top #top_content .top-inner #cmp h2 {
        position: relative;
        z-index: 1;
        max-width: 403px;
        margin: auto; }
        #js-scorer #pg-top #top_content .top-inner #cmp h2 .onpu {
          position: absolute;
          bottom: -15px;
          right: -40%;
          width: 102px;
          transform-origin: center bottom;
          animation: yurayura 2s linear infinite; }
      #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block {
        max-width: 800px;
        margin: auto;
        position: relative;
        z-index: 1; }
        #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block h3 {
          color: #fff;
          background-color: #ef9f13;
          padding: 13.5px;
          border-radius: 40px; }
        #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .login_text {
          max-width: 500px;
          margin: auto; }
          #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .login_text img {
            width: 100%; }
        #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .note {
          font-size: 14px !important; }
        #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .btn {
          max-width: 310px;
          margin: auto; }
          #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .btn a {
            color: #fff;
            font-size: 20px;
            background: #e24b6f url(../img/arrow_white_right.png);
            background-repeat: no-repeat;
            background-position: center right;
            background-position-x: 92%;
            padding: 7px 70px 7px 40px;
            max-width: 310px; }
          #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .btn::after {
            background-image: linear-gradient(-45deg, #ffffff 25%, #e24b6f 25%, #e24b6f 50%, #ffffff 50%, #ffffff 75%, #e24b6f 75%, #e24b6f);
            background-size: 4px 4px;
            height: 100%;
            max-width: 310px;
            width: 100%; }
        #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-step {
          position: relative; }
          #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-step li {
            display: flex;
            width: 100%;
            font-size: 18px; }
            #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-step li .step {
              width: 15%;
              text-align: right;
              margin-right: 40px; }
            #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-step li p {
              width: 85%;
              text-align: left; }
        #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-rank {
          max-width: 600px;
          margin: auto; }
          #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-rank li {
            position: relative; }
            #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-rank li::before {
              content: "";
              position: absolute;
              width: 100%;
              right: 0;
              left: 0;
              bottom: -20px;
              height: 2px;
              background-image: linear-gradient(to right, #d9d9d9, #d9d9d9 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 4px);
              background-size: 4px 2px;
              background-position: left bottom;
              background-repeat: repeat-x; }
            #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-rank li:first-child::before {
              content: "";
              position: absolute;
              background-image: none;
              border-bottom: 2px solid #d9d9d9;
              width: 100%;
              right: 0;
              left: 0;
              bottom: -20px; }
            #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-rank li .rank {
              position: relative;
              font-size: 18px;
              margin-left: 40px; }
              #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-rank li .rank::before {
                content: "";
                position: absolute;
                width: 32px;
                height: 32px;
                left: -40px;
                top: -4px;
                background-size: contain;
                background-repeat: no-repeat; }
              #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-rank li .rank.ico-rank1::before {
                background-image: url("../img/icon_rank1.png"); }
              #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-rank li .rank.ico-rank2::before {
                background-image: url("../img/icon_rank2.png"); }
              #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-rank li .rank.ico-rank3::before {
                background-image: url("../img/icon_rank3.png"); }
              #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-rank li .rank.ico-rank4::before {
                background-image: url("../img/icon_rank4.png"); }
            #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-rank li p {
              font-size: 20px; }
            #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-rank li .gift {
              font-size: 26px;
              color: #e24b6f;
              font-weight: 800; }
        #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .text-btn {
          text-align: right;
          margin-right: 50px; }
          #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .text-btn a {
            color: #5890d6;
            padding-right: 30px;
            position: relative; }
            #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .text-btn a::before {
              content: "";
              position: absolute;
              background: url(../img/arrow_blue.png);
              background-size: contain;
              background-repeat: no-repeat;
              background-position: right;
              width: 100%;
              height: 24px; }
      #js-scorer #pg-top #top_content .top-inner #cmp .join {
        position: relative; }
        #js-scorer #pg-top #top_content .top-inner #cmp .join::before {
          content: "";
          position: absolute;
          background-image: url(../img/deco03.png);
          top: 210px;
          right: -6%;
          background-size: contain;
          width: 246px;
          height: 172px;
          background-repeat: no-repeat;
          z-index: 0; }
    #js-scorer #pg-top #top_content .top-inner #ranking {
      position: relative;
      z-index: 2; }
      #js-scorer #pg-top #top_content .top-inner #ranking::before {
        content: "";
        position: absolute;
        background-image: url(../img/deco05.png);
        background-size: contain;
        top: -32%;
        right: 0;
        width: 100%;
        height: 316px;
        background-position: right;
        background-repeat: no-repeat;
        z-index: -5; }
      #js-scorer #pg-top #top_content .top-inner #ranking h2 {
        max-width: 403px;
        margin: auto;
        position: relative; }
        #js-scorer #pg-top #top_content .top-inner #ranking h2 .deco-onpu {
          position: absolute;
          top: 20px;
          left: -60%;
          z-index: 0; }
          #js-scorer #pg-top #top_content .top-inner #ranking h2 .onpu{
            position: absolute;
            bottom: -15px;
            right: -20%;
            width: 90px;
            animation: ball 0.5s alternate infinite;
            -webkit-animation: ball 0.5s alternate infinite;
            -moz-animation: ball 0.5s alternate infinite;
          }
      #js-scorer #pg-top #top_content .top-inner #ranking .day {
        text-align: center;
        margin: auto;
        font-size: 20px;
        line-height: 1.5;
        color: #e24b6f;
        font-weight: 600; }
      #js-scorer #pg-top #top_content .top-inner #ranking .ranking-head {
        max-width: 700px;
        display: flex;
        margin: auto;
        justify-content: space-between; }
        #js-scorer #pg-top #top_content .top-inner #ranking .ranking-head li {
          color: #fff;
          background-color: #4db7e3;
          font-size: 22px;
          width: 26.143%;
          padding: 8.5px;
          border-radius: 40px;
          max-width: 200px; }
      #js-scorer #pg-top #top_content .top-inner #ranking .table_ranking {
        max-width: 700px;
        margin: auto;
        table-layout: fixed;
        width: 100%;
        font-size: 18px;
        position: relative; }
        #js-scorer #pg-top #top_content .top-inner #ranking .table_ranking tr {
          border-bottom: solid 2px #d9d9d9; }
          #js-scorer #pg-top #top_content .top-inner #ranking .table_ranking tr td:nth-child(2) {
            text-align: left;
            word-wrap: break-word;
            max-width: 380px;
            padding: 15px 8px 15px 32px; }
          #js-scorer #pg-top #top_content .top-inner #ranking .table_ranking tr td {
            text-align: center;
            padding: 15px 38px 15px 0; }
            #js-scorer #pg-top #top_content .top-inner #ranking .table_ranking tr td:first-child {
              text-align: right; }
            #js-scorer #pg-top #top_content .top-inner #ranking .table_ranking tr td .rank {
              position: relative;
              margin-right: 110px; }
              #js-scorer #pg-top #top_content .top-inner #ranking .table_ranking tr td .rank::before {
                content: "";
                position: absolute;
                background-size: 100% 100%;
                width: 32px;
                height: 32px;
                left: -65px;
                top: 50%;
                transform: translate(0, -50%); }
              #js-scorer #pg-top #top_content .top-inner #ranking .table_ranking tr td .rank.ico-rank1::before {
                background-image: url("../img/icon_rank1.png"); }
              #js-scorer #pg-top #top_content .top-inner #ranking .table_ranking tr td .rank.ico-rank2::before {
                background-image: url("../img/icon_rank2.png"); }
              #js-scorer #pg-top #top_content .top-inner #ranking .table_ranking tr td .rank.ico-rank3::before {
                background-image: url("../img/icon_rank3.png"); }
          #js-scorer #pg-top #top_content .top-inner #ranking .table_ranking tr .name {
            text-align: left;
            word-wrap: break-word;
            line-height: 1.2; }
            #js-scorer #pg-top #top_content .top-inner #ranking .table_ranking tr .name span {
              word-break: keep-all; }
      #js-scorer #pg-top #top_content .top-inner #ranking .announce {
        font-size: 20px;
        line-height: 1.5;
        color: #e24b6f;
        font-weight: 600; }
        #js-scorer #pg-top #top_content .top-inner #ranking .announce span {
          margin-left: 1.1em;
          font-size: 14px; }
    #js-scorer #pg-top #top_content .top-inner #kikaku {
      position: relative; }
      #js-scorer #pg-top #top_content .top-inner #kikaku::before {
        content: "";
        position: absolute;
        background-size: contain;
        background-image: url(../img/deco06.png);
        top: -10%;
        left: 0;
        width: 100%;
        height: 316px;
        background-repeat: no-repeat;
        z-index: 0; }
      #js-scorer #pg-top #top_content .top-inner #kikaku h2 {
        position: relative;
        max-width: 403px;
        margin: auto; }
        #js-scorer #pg-top #top_content .top-inner #kikaku h2 .onpu {
          position: absolute;
          bottom: -15px;
          left: -20%;
          width: 90px;
          animation: ball 0.5s alternate infinite;
          -webkit-animation: ball 0.5s alternate infinite;
          -moz-animation: ball 0.5s alternate infinite; }
        #js-scorer #pg-top #top_content .top-inner #kikaku h2 .deco-onpu {
          position: absolute;
          top: -60px;
          right: -66%;
          z-index: 0; }
      #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner {
        display: flex;
        justify-content: space-between;
        margin: auto;
        max-width: 700px; }
        #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .kikaku-block {
          border: solid 2px #53ce41;
          max-width: 340px;
          border-radius: 32px;
          width: 50%;
          padding-bottom: 30px;
          background-color: #fff; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .kikaku-block h3 {
            background-color: #53ce41;
            max-width: 280px;
            color: #fff;
            border-radius: 40px;
            line-height: 1;
            margin: auto;
            position: relative;
            top: -32px;
            font-weight: 600; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .kikaku-block h4 {
            font-size: 20px;
            color: #53ce41;
            border-bottom: solid 2px #53ce41;
            max-width: 200px;
            margin: auto;
            position: relative;
            top: -12px;
            font-weight: 600; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .kikaku-block p {
            font-size: 18px;
            letter-spacing: 0.8px; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .kikaku-block .gift h4 {
            top: 0; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .kikaku-block .gift p {
            text-align: center; }
            #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .kikaku-block .gift p span {
              font-size: 28px;
              color: #e24b6f; }
        #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .chance {
          margin-right: 20px; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .chance h3 {
            padding: 10px 0; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .chance .apply {
            display: flex;
            justify-content: space-between;
            padding: 0 17px; }
            #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .chance .apply li:first-child {
              max-width: 132px;
              margin-right: 5px; }
            #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .chance .apply li:last-child {
              max-width: 166px; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .chance p {
            text-align: left;
            padding: 0 19px;
            word-break: break-all; }
            #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .chance p:last-child {
              line-height: normal; }
            #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .chance p a {
              color: #5890d6;
              text-decoration: underline;
              line-height: 1.2; }
        #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .qre {
          position: relative; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .qre h3 {
            padding: 21px 0; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .qre p {
            text-align: left;
            padding: 0 19px; }
            #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .qre p:last-child {
              line-height: normal; }
            #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .qre p a {
              display: inline;
              color: #5890d6;
              text-decoration: underline;
              line-height: 1.2; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .qre .gift {
            position: absolute;
            margin: 0 auto 30px;
            max-width: 340px;
            right: 0;
            left: 0;
            bottom: 23px; }
      #js-scorer #pg-top #top_content .top-inner #kikaku .qre-text {
        font-size: 20px;
        letter-spacing: 0.8px; }
      #js-scorer #pg-top #top_content .top-inner #kikaku .qre-btn {
        max-width: 310px;
        margin: auto; }
        #js-scorer #pg-top #top_content .top-inner #kikaku .qre-btn a {
          color: #fff;
          font-size: 20px;
          background: #e24b6f url(../img/arrow_white_right.png);
          background-repeat: no-repeat;
          background-position: center right;
          background-position-x: 92%;
          padding: 7px 70px 7px 40px;
          max-width: 310px; }
        #js-scorer #pg-top #top_content .top-inner #kikaku .qre-btn::after {
          background-image: linear-gradient(-45deg, #ffffff 25%, #e24b6f 25%, #e24b6f 50%, #ffffff 50%, #ffffff 75%, #e24b6f 75%, #e24b6f);
          background-size: 4px 4px;
          height: 100%;
          max-width: 310px;
          width: 100%; }
  #js-scorer #pg-top #caution {
    background-image: linear-gradient(-45deg, #35abe3 25%, #45b2e6 25%, #45b2e6 50%, #35abe3 50%, #35abe3 75%, #45b2e6 75%, #45b2e6);
    background-size: 50px 50px;
    text-shadow: 1px 1px 0 #35abe3, -1px -1px 0 #35abe3, -1px 1px 0 #35abe3, 1px -1px 0 #35abe3, 0px 1px 0 #35abe3, -1px 0 #35abe3, -1px 0 0 #35abe3, 1px 0 0 #35abe3; }
    #js-scorer #pg-top #caution .caution_inner {
      max-width: 960px;
      margin: auto;
      line-height: 1.8;
      letter-spacing: 0em; }
      #js-scorer #pg-top #caution .caution_inner h3 {
        text-align: center; }
      #js-scorer #pg-top #caution .caution_inner ul {
        margin-bottom: 45px; }
        #js-scorer #pg-top #caution .caution_inner ul:last-child {
          margin-bottom: 0; }
      #js-scorer #pg-top #caution .caution_inner a {
        border-bottom: 1px solid #fff;
        line-height: 1.3; }
  #js-scorer #pg-top #share-box {
    text-align: center; }
    #js-scorer #pg-top #share-box .share-icons {
      text-align: center;
      margin: auto; }
      #js-scorer #pg-top #share-box .share-icons li img {
        background: #fff;
        padding: 8px;
        border-radius: 14px; }
      /*#js-scorer #pg-top #share-box .share-icons li.jp-cmp-pc-none {
        margin-left: 7px; }*/
      li.jp-cmp-pc-none {
        margin-left: 7px!important; }

@media screen and (max-width: 767px) {
  #js-scorer #pg-top header {
    background-image: url("../img/MV_bg_sp.jpg");
    background-position: center;
    height: 72vw;
    background-position: center top;
    background-size: contain; }
    #js-scorer #pg-top header h1 {
      max-width: 434px;
      width: 60%; }
  #js-scorer #pg-top #top_content p.sche {
    background-size: 24px 24px;
    font-size: 5vw;
    padding: 3% 0;
    line-height: 1.2; }
    #js-scorer #pg-top #top_content p.sche span {
      font-size: 7.2vw; }
  #js-scorer #pg-top #top_content .lead {
    font-size: 4.2vw;
    width: 90%;
    margin: auto; }
  #js-scorer #pg-top #top_content .btn-songlist {
    margin: 9.5% auto !important; }
  #js-scorer #pg-top #top_content .btn {
    width: 100%;
    max-width: 546px; }
    #js-scorer #pg-top #top_content .btn a {
      max-width: 546px;
      padding: 20px 10vw 20px 8vw;
      border-radius: 90px;
      font-size: 4.5vw;
      background-position-x: 94%; }
    #js-scorer #pg-top #top_content .btn::after {
      border-radius: 70px;
      height: 100%;
      max-width: 546px; }
  #js-scorer #pg-top #top_content .btn-songlist {
    position: relative;
    display: inline-block; }
    #js-scorer #pg-top #top_content .btn-songlist::before {
      width: 12%;
      height: 62.5%;
      top: -7%;
      left: -14%; }
    #js-scorer #pg-top #top_content .btn-songlist::after {
      width: 12%;
      height: 62.5%;
      top: -7%;
      right: -13%; }
    #js-scorer #pg-top #top_content .btn-songlist .btn a {
      line-height: 1.2em; }
      #js-scorer #pg-top #top_content .btn-songlist .btn a span {
        font-size: 3.2vw;
        line-height: 0em; }
  #js-scorer #pg-top #top_content h3 {
    font-size: 5.3vw; }
  #js-scorer #pg-top #top_content .top-inner {
    max-width: 700px;
    width: 90%;
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 12% !important; }
    #js-scorer #pg-top #top_content .top-inner .top-menu {
      flex-wrap: wrap;
      max-width: 704px; }
      #js-scorer #pg-top #top_content .top-inner .top-menu li {
        width: 49%;
        margin-bottom: 5.7%; }
        #js-scorer #pg-top #top_content .top-inner .top-menu li:last-child {
          width: 49%;
          margin: auto;
          margin-bottom: 0; }
        #js-scorer #pg-top #top_content .top-inner .top-menu li .btn {
          max-width: 340px; }
          #js-scorer #pg-top #top_content .top-inner .top-menu li .btn a {
            font-size: 4.2vw; }
          #js-scorer #pg-top #top_content .top-inner .top-menu li .btn::after {
            height: 100%; }
        #js-scorer #pg-top #top_content .top-inner .top-menu li .btn-cmp {
          margin-right: 1.5%; }
          #js-scorer #pg-top #top_content .top-inner .top-menu li .btn-cmp a {
            background-position-x: 94%;
            padding: 25px 7vw 25px 3vw;
            max-width: 340px; }
        #js-scorer #pg-top #top_content .top-inner .top-menu li .btn-ranking {
          margin-left: 1.5%; }
          #js-scorer #pg-top #top_content .top-inner .top-menu li .btn-ranking a {
            background-position-x: 82%;
            padding: 25px 13vw 25px 10vw;
            max-width: 340px; }
        #js-scorer #pg-top #top_content .top-inner .top-menu li .btn-kikaku a {
          background-position-x: 82%;
          padding: 25px 13vw 25px 10vw;
          max-width: 340px; }
    #js-scorer #pg-top #top_content .top-inner #cmp {
      margin-top: 20% !important; }
      #js-scorer #pg-top #top_content .top-inner #cmp::before {
        top: -6.6%;
        left: -3.4%;
        width: 100%;
        height: 21%; }
      #js-scorer #pg-top #top_content .top-inner #cmp h2 {
        max-width: 646px; }
        #js-scorer #pg-top #top_content .top-inner #cmp h2 .onpu {
          bottom: 150%;
          right: 1%;
          width: 25%; }
      #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block {
        max-width: 700px; }
        #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block h3 {
          padding: 1.5%;
          border-radius: 60px;
          margin-bottom: 8% !important; }
        #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .login_text {
          max-width: 600px; }
        #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .note {
          margin-top: 5.4% !important;
          font-size: 3.7vw !important; }
        #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .btn {
          max-width: 600px; }
          #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .btn a {
            max-width: 600px;
            font-size: 4.2vw;
            padding: 27px 21vw 28px 15vw;
            background-position-x: 80%; }
          #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .btn::after {
            height: 100%;
            max-width: 600px; }
        #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-step {
          margin-bottom: 8.6% !important;
          margin-top: 8.6% !important; }
          #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-step li {
            font-size: 4.2vw;
            line-height: 1.2;
            margin-bottom: 6.5% !important; }
            #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-step li .step {
              width: 15%;
              text-align: right;
              margin-right: 40px; }
            #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-step li p {
              width: 85%;
              text-align: left; }
        #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-rank {
          max-width: 700px;
          margin: auto; }
          #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-rank li::before {
            content: "";
            position: absolute;
            width: 100%;
            right: 0;
            left: 0;
            bottom: -20px;
            height: 2px;
            background-image: linear-gradient(to right, #d9d9d9, #d9d9d9 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 4px);
            background-size: 4px 2px;
            background-position: left bottom;
            background-repeat: repeat-x; }
          #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-rank li:first-child::before {
            content: "";
            position: absolute;
            background-image: none;
            border-bottom: 2px solid #d9d9d9;
            width: 100%;
            right: 0;
            left: 0;
            bottom: -20px; }
          #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-rank li .rank {
            font-size: 4.2vw;
            margin-left: 8.5%; }
            #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-rank li .rank::before {
              width: 42%;
              height: 92%;
              left: -50%;
              top: 0; }
          #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-rank li p {
            font-size: 4.8vw;
            margin-top: 1.8% !important; }
          #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .cmp-rank li .gift {
            font-size: 5.3vw; }
        #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .text-btn {
          margin-right: 0;
          margin-top: 5.7% !important; }
          #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .text-btn a {
            font-size: 3.7vw;
            padding-right: 5%; }
            #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .text-btn a::before {
              height: 70%;
              top: 50%;
              transform: translate(0, -50%); }
      #js-scorer #pg-top #top_content .top-inner #cmp .join::before {
        content: none; }
      #js-scorer #pg-top #top_content .top-inner #cmp .join img {
        margin: auto; }
    #js-scorer #pg-top #top_content .top-inner #ranking {
      margin-top: 30% !important; }
      #js-scorer #pg-top #top_content .top-inner #ranking::before {
        top: -24%;
        right: -3.4%;
        height: 50%; }
      #js-scorer #pg-top #top_content .top-inner #ranking h2 {
        max-width: 646px;
        position: relative;
        z-index: 1; }
        #js-scorer #pg-top #top_content .top-inner #ranking h2 .deco-onpu {
          top: -100px;
          left: -1%;
          width: 39.6%; }
          #js-scorer #pg-top #top_content .top-inner #ranking h2 .onpu{
            bottom: -40%;
            right: -1.5%;
            width: 17%;
        }
      #js-scorer #pg-top #top_content .top-inner #ranking .day {
        font-size: 4.2vw; }
      #js-scorer #pg-top #top_content .top-inner #ranking .ranking-head {
        max-width: 680px; }
        #js-scorer #pg-top #top_content .top-inner #ranking .ranking-head li {
          font-size: 4.2vw;
          width: 32%;
          padding: 16.5px 5px;
          border-radius: 60px;
          max-width: 230px;
          margin-right: 5px;
          display: flex;
          align-items: center;
          justify-content: center;
          line-height: 1.2;
          letter-spacing: 0em; }
          #js-scorer #pg-top #top_content .top-inner #ranking .ranking-head li:last-child {
            margin-right: 0; }
      #js-scorer #pg-top #top_content .top-inner #ranking .table_ranking {
        margin-top: 7% !important;
        font-size: 4.2vw;
        max-width: 680PX; }
        #js-scorer #pg-top #top_content .top-inner #ranking .table_ranking::before {
          width: 100%;
          height: 29%;
          top: -76%;
          left: 0; }
        #js-scorer #pg-top #top_content .top-inner #ranking .table_ranking tr td:nth-child(2) {
          max-width: 230px;
          padding: 2%; }
        #js-scorer #pg-top #top_content .top-inner #ranking .table_ranking tr td {
          padding: 2% 0 2% 1%;
          letter-spacing: 1px; }
          #js-scorer #pg-top #top_content .top-inner #ranking .table_ranking tr td .rank {
            position: relative;
            margin-right: 38%; }
            #js-scorer #pg-top #top_content .top-inner #ranking .table_ranking tr td .rank::before {
              left: -45px; }
        #js-scorer #pg-top #top_content .top-inner #ranking .table_ranking tr .name {
          line-height: 1.1; }
      #js-scorer #pg-top #top_content .top-inner #ranking .announce {
        margin-top: 5% !important;
        font-size: 4.2vw; }
        #js-scorer #pg-top #top_content .top-inner #ranking .announce span {
          font-size: 3.4vw; }
      #js-scorer #pg-top #top_content .top-inner #ranking .note {
        font-size: 3.7vw !important; }
    #js-scorer #pg-top #top_content .top-inner #kikaku {
      margin-top: 28% !important; }
      #js-scorer #pg-top #top_content .top-inner #kikaku::before {
        top: -7%;
        left: -3.4%;
        height: 19%; }
      #js-scorer #pg-top #top_content .top-inner #kikaku h2 {
        max-width: 646px; }
        #js-scorer #pg-top #top_content .top-inner #kikaku h2 .onpu {
          bottom: 0%;
          left: -1.5%;
          width: 17%; }
        #js-scorer #pg-top #top_content .top-inner #kikaku h2 .deco-onpu {
          top: -230%;
          right: -1%;
          width: 45.3%; }
      #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner {
        max-width: 680px;
        display: block;
        margin-top: 16% !important; }
        #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .kikaku-block {
          width: 100%;
          max-width: none;
          margin: auto;
          padding-bottom: 5.7%; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .kikaku-block h3 {
            font-size: 5.3vw;
            max-width: 620px;
            border-radius: 50px;
            top: -8vw;
            margin: 0 5%;
            align-items: center;
            display: flex;
            justify-content: center; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .kikaku-block h4 {
            margin-right: 6.8%;
            margin-left: 6.8%;
            font-size: 4.2vw;
            max-width: 620px;
            top: -10px;
            padding-bottom: 3%; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .kikaku-block p {
            margin-top: 4% !important;
            font-size: 4.2vw;
            letter-spacing: 0.8px; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .kikaku-block .gift {
            margin-right: 6.8%;
            margin-left: 6.8%;
            max-width: 620px;
            margin: auto; }
            #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .kikaku-block .gift h4 {
              top: 0; }
            #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .kikaku-block .gift p span {
              font-size: 28px; }
        #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .chance {
          margin: auto; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .chance h3 {
            padding: 2.2% 0;
            border-radius: 60px;
            margin: 0 5%; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .chance .apply {
            max-width: 620px;
            margin: auto;
            padding: 0 2.429%; }
            #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .chance .apply li:first-child {
              max-width: 268px;
              margin-right: 2.42%; }
            #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .chance .apply li:last-child {
              max-width: 336px; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .chance p {
            max-width: 620px;
            margin: auto;
            margin-bottom: 4.2% !important;
            padding: 0 2.7%; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .chance .gift {
            margin-top: 7% !important; }
            #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .chance .gift p span {
              font-size: 6.2vw; }
        #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .qre {
          margin: 18% auto 0; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .qre::before {
            content: none; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .qre h3 {
            padding: 5.04% 0;
            border-radius: 60px; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .qre .btn {
            max-width: 600px;
            width: 90%; }
            #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .qre .btn a {
              max-width: 600px;
              font-size: 4.2vw;
              padding: 27px 13% 28px 11%;
              background-position-x: 83%;
              transform: translate(-7px, -3px); }
            #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .qre .btn::after {
              height: 63.64%;
              max-width: 600px; }
          #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .qre .gift {
            margin-top: 30%;
            margin-bottom: 4.5%;
            position: relative;
            right: 0;
            left: 0; }
      #js-scorer #pg-top #top_content .top-inner #kikaku .qre-text {
        font-size: 4.2vw; }
      #js-scorer #pg-top #top_content .top-inner #kikaku .qre-btn {
        max-width: 600px;
        margin: auto; }
        #js-scorer #pg-top #top_content .top-inner #kikaku .qre-btn a {
          max-width: 600px;
          font-size: 4.2vw;
          padding: 27px 21vw 28px 15vw;
          background-position-x: 80%; }
        #js-scorer #pg-top #top_content .top-inner #kikaku .qre-btn::after {
          height: 100%;
          max-width: 600px; }
  #js-scorer #pg-top #caution .caution_inner {
    width: 95%;
    max-width: 730px;
    padding-top: 7% !important;
    margin-top: 6% !important;
    font-size: 12px;
    line-height: 150%; }
    #js-scorer #pg-top #caution .caution_inner ul {
      margin-bottom: 45px; }
      .jp-cmp-list-social-001 ul{
        display: block;
        width: auto;
        text-align: center;
      } }
@media screen and (max-width: 480px) {
  #js-scorer #pg-top #top_content .btn a {
    padding: 4% 12vw 4% 6vw;
    transform: translate(-4px, 0px); }
    #js-scorer #pg-top #top_content .btn a::after {
      top: 4px; }
  #js-scorer #pg-top #top_content .btn-songlist::before {
    width: 10%;
    top: 0;
    left: -12%; }
  #js-scorer #pg-top #top_content .btn-songlist::after {
    width: 10%;
    top: 0;
    right: -11%; }
  #js-scorer #pg-top #top_content .top-inner .top-menu li .btn-cmp a {
    background-position-x: 95%;
    padding: 5% 8vw 5% 1vw; }
  #js-scorer #pg-top #top_content .top-inner .top-menu li .btn-ranking a {
    background-position-x: 85%;
    padding: 5% 14vw 5% 9vw; }
  #js-scorer #pg-top #top_content .top-inner .top-menu li .btn-kikaku a {
    background-position-x: 85%;
    padding: 5% 14vw 5% 9vw; }
  #js-scorer #pg-top #top_content .top-inner #cmp .cmp-block .btn a {
    padding: 4% 24% 4% 20%;
    background-position-x: 82%; }
  #js-scorer #pg-top #top_content .top-inner #ranking .ranking-head li {
    font-size: 4vw;
    padding: 9.5px 8.5px; }
  #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .qre .btn a {
    padding: 4% 24% 4% 20%; }
  #js-scorer #pg-top #top_content .top-inner #kikaku .kikaku-inner .qre .btn::after {
    height: 56%; }
  #js-scorer #pg-top #top_content .top-inner #kikaku .qre-btn a {
    padding: 4% 24% 4% 20%;
    background-position-x: 82%; } }
#pg-lower {
  background-image: url("../img/bg_star.jpg"); }
  #pg-lower header {
    background-image: url("../img/bg_lower_header.jpg");
    text-align: center;
    position: relative;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top;
    padding: 40px 0 50px 0; }
    #pg-lower header h1 {
      width: 140px;
      position: absolute;
      top: 20px;
      left: 20px; }
      #pg-lower header h1 img {
        width: 100%; }
  #pg-lower .tab_btn {
    text-align: center;
    padding: 40px 0; }
    #pg-lower .tab_btn a {
      margin: 0 15px; }
  #pg-lower .bg-brown {
    background-image: url("../img/bg_brown-loop.png");
    background-size: 100% auto;
    background-repeat: repeat-y;
    position: relative;
    margin: 60px 0 140px 0;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.95); }
    #pg-lower .bg-brown:before {
      content: "";
      background-image: url("../img/bg_brown-top.png");
      height: 46px;
      background-size: 100% 100%;
      display: block;
      position: absolute;
      top: -46px;
      width: 100%; }
    #pg-lower .bg-brown:after {
      content: "";
      background-image: url("../img/bg_brown-bottom.png");
      height: 49px;
      background-size: 100% 100%;
      display: block;
      position: absolute;
      bottom: -47px;
      width: 100%; }
    #pg-lower .bg-brown h3 {
      text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.95);
      background-image: url("../img/title_bg01.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      font-size: 24px;
      font-weight: bold;
      padding: 16px 0 60px 0;
      line-height: 120%; }
      #pg-lower .bg-brown h3.nobg {
        background-image: none !important;
        padding-bottom: 0 !important; }
    #pg-lower .bg-brown h4 {
      background-color: #685a41;
      color: #fff;
      font-size: 26px;
      display: inline-block;
      font-weight: bold;
      text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.95);
      letter-spacing: 0.1em;
      padding: 7px 20px;
      margin: 20px 0 15px 0; }
    #pg-lower .bg-brown ul.step li {
      color: #fff;
      font-size: 20px;
      display: flex;
      border-bottom: solid 2px #000;
      margin-bottom: 8px;
      padding-bottom: 4px;
      text-align: left; }
      #pg-lower .bg-brown ul.step li .step_num {
        padding-right: 20px; }
      #pg-lower .bg-brown ul.step li.noborder {
        border-bottom: none; }
  #pg-lower .btn_back {
    text-align: center;
    padding: 0 0 30px 0; }
  #pg-lower #about,
  #pg-lower #ranking {
    max-width: 750px;
    margin: 0 auto;
    display: block; }
    #pg-lower #about .ranking_kazari,
    #pg-lower #ranking .ranking_kazari {
      position: absolute;
      top: -54px;
      left: 7px;
      z-index: 1;
      width: 89px; }
      @media screen and (max-width: 767px) {
        #pg-lower #about .ranking_kazari,
        #pg-lower #ranking .ranking_kazari {
          top: -6vw;
          left: 1vw;
          width: 17vw; } }
    #pg-lower #about .bg-blue.bg-blue--light,
    #pg-lower #ranking .bg-blue.bg-blue--light {
      box-shadow: 0px 0px 22px 15px rgba(0, 180, 255, 0.4); }
    #pg-lower #about .bg-brown h3,
    #pg-lower #about .bg-blue h3,
    #pg-lower #ranking .bg-brown h3,
    #pg-lower #ranking .bg-blue h3 {
      font-size: 35px;
      padding: 18px 0 63px 0; }
    #pg-lower #about .inner,
    #pg-lower #ranking .inner {
      width: 80%;
      display: block;
      margin: 10px auto; }
    #pg-lower #about .inner2,
    #pg-lower #ranking .inner2 {
      width: 90%;
      display: block;
      margin: 10px auto; }
  #pg-lower .mail_touroku {
    position: relative;
    background-color: #000;
    padding: 30px; }
    #pg-lower .mail_touroku p.caution {
      margin: 10px auto 20px auto;
      width: 476px;
      text-align: left;
      font-family: 'Noto Sans JP','Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif; }
    #pg-lower .mail_touroku .onpu {
      position: absolute;
      bottom: 20px;
      right: 20px;
      transform-origin: center bottom;
      animation: yurayura 2s linear infinite; }
  #pg-lower .prise {
    font-size: 22px; }
    #pg-lower .prise p.txt2 {
      font-size: 26px; }
    #pg-lower .prise p img {
      vertical-align: text-top;
      margin-right: 5px; }
    #pg-lower .prise p.txt3 {
      font-size: 20px; }
    #pg-lower .prise p.txt4 {
      font-size: 18px; }
    #pg-lower .prise hr {
      width: 100%;
      height: 0;
      border-bottom: solid 2px #000;
      border-top: none; }
  #pg-lower p.caution {
    font-size: 14px; }
    #pg-lower p.caution.al-left {
      text-align: left; }
    #pg-lower p.caution a {
      text-decoration: underline; }
  #pg-lower #ranking p.update {
    font-size: 22px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.95);
    position: relative;
    margin: -30px 0 20px 0; }
  #pg-lower #ranking p.caution {
    text-align: left; }
  #pg-lower #ranking table.table_ranking {
    font-size: 20px;
    table-layout: fixed;
    width: 100%; }
    #pg-lower #ranking table.table_ranking th, #pg-lower #ranking table.table_ranking td {
      text-align: center;
      padding: 8px 0 8px 0; }
    #pg-lower #ranking table.table_ranking tr {
      border-bottom: solid 2px #000; }
      #pg-lower #ranking table.table_ranking tr td:nth-child(2) {
        text-align: left;
        word-wrap: break-word;
        max-width: 380px;
        padding: 8px 10px 8px 30px; }
    #pg-lower #ranking table.table_ranking th {
      font-size: 16px; }
    #pg-lower #ranking table.table_ranking th:first-child {
      width: 12%; }
    #pg-lower #ranking table.table_ranking th:last-child {
      width: 25%; }
    #pg-lower #ranking table.table_ranking td:first-child {
      text-align: right; }
    #pg-lower #ranking table.table_ranking td img {
      vertical-align: baseline;
      margin-right: 5px; }
  #pg-lower #ranking table.table_ranking2 {
    table-layout: fixed;
    font-size: 18px;
    width: 100%; }
    #pg-lower #ranking table.table_ranking2 th, #pg-lower #ranking table.table_ranking2 td {
      text-align: center;
      padding: 8px 0 8px 0; }
    #pg-lower #ranking table.table_ranking2 tr {
      border-bottom: solid 2px #000; }
      #pg-lower #ranking table.table_ranking2 tr td:nth-child(2) {
        text-align: left;
        word-wrap: break-word;
        padding: 8px 10px 8px 30px; }
    #pg-lower #ranking table.table_ranking2 th {
      font-size: 14px;
      width: 11%; }
    #pg-lower #ranking table.table_ranking2 th:first-child(2) {
      width: 10%; }
    #pg-lower #ranking table.table_ranking2 th:nth-child(2) {
      width: 32%; }
    #pg-lower #ranking table.table_ranking2 th:nth-child(3) {
      width: 16%; }
    #pg-lower #ranking table.table_ranking2 td:first-child {
      text-align: right; }
    #pg-lower #ranking table.table_ranking2 td img {
      vertical-align: baseline;
      margin-right: 5px; }
  #pg-lower.pg-okame header {
    padding: 20px 0 50px 0;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.95); }
    #pg-lower.pg-okame header h3 {
      background-image: url("../img/lower_title_bg.png");
      background-size: 100% 100%;
      width: 80%;
      max-width: 665px;
      padding: 20px 10px;
      font-size: 40px;
      margin: 5px auto 15px auto; }
    #pg-lower.pg-okame header p {
      font-size: 24px; }
  #pg-lower.pg-okame #about .link_box {
    position: relative;
    display: inline-block; }
    #pg-lower.pg-okame #about .link_box .onpu {
      pointer-events: none;
      position: absolute;
      bottom: -35px;
      right: -90px;
      transform-origin: center bottom;
      animation: yurayura 2s linear infinite; }

/*lower*/
/*対象曲*/
#pg-list {
  padding: 90px 0; }
  #pg-list header {
    width: 50%;
    max-width: 230px;
    margin: -55px auto 30px auto; }
  #pg-list #songlist {
    max-width: 850px;
    display: block;
    margin: 0 auto; }
    #pg-list #songlist h3 {
      font-size: 30px; }
    #pg-list #songlist p.headline {
      text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.95);
      font-size: 20px; }
    #pg-list #songlist ul {
      display: block;
      max-width: 720px;
      margin: 0 auto 30px auto; }
      #pg-list #songlist ul li {
        border-bottom: solid 2px #000;
        padding: 8px 2px;
        display: flex;
        justify-content: space-between; }
        #pg-list #songlist ul li p {
          text-align: left;
          padding-right: 10px; }
        #pg-list #songlist ul li .web {
          white-space: nowrap; }
        #pg-list #songlist ul li .hide {
          display: none; }
        #pg-list #songlist ul li .btn-lyrics {
          padding: 3px 20px;
          margin-right: 10px; }
        #pg-list #songlist ul li .btn-myuta,
        #pg-list #songlist ul li .btn-yoyaku {
          padding: 3px 10px; }
        #pg-list #songlist ul li .btn-lyrics {
          background-color: #000; }
        #pg-list #songlist ul li .btn-myuta {
          background-color: #871616; }
        #pg-list #songlist ul li .btn-yoyaku {
          background-color: #ef9f13; }

/* sp */
@media screen and (max-width: 767px) {
  #pg-lower header {
    background-image: url("../img/bg_lower_header_sp.jpg");
    height: 61vw;
    background-size: cover; }
    #pg-lower header h1 {
      width: 23%;
      top: 10px;
      left: 6px; }
    #pg-lower header h2 {
      width: 60%;
      margin: 0 auto; }
    #pg-lower header h3 {
      width: 75%;
      margin: 0 auto; }
  #pg-lower .tab_btn {
    display: flex;
    width: 95%;
    margin: 0 auto; }
    #pg-lower .tab_btn a {
      margin: 0 6px; }
  #pg-lower .bg-brown {
    margin: 7vw 10px 20vw 10px; }
    #pg-lower .bg-brown::before {
      height: 7vw;
      top: -7vw; }
    #pg-lower .bg-brown:after {
      height: 7vw;
      bottom: -7vw; }
    #pg-lower .bg-brown h4 {
      font-size: 20px; }
    #pg-lower .bg-brown ul.step li {
      font-size: 15px; }
  #pg-lower #about .inner,
  #pg-lower #ranking .inner {
    width: 85%;
    display: block;
    margin: 10px auto; }
  #pg-lower #about .inner2,
  #pg-lower #ranking .inner2 {
    width: 85%;
    display: block;
    margin: 10px auto; }
  #pg-lower .prise {
    font-size: 18px; }
    #pg-lower .prise p img {
      vertical-align: baseline;
      margin-right: 5px;
      width: 21px; }
    #pg-lower .prise p.txt2 {
      font-size: 20px; }
    #pg-lower .prise p.txt4 {
      font-size: 14px; }
  #pg-lower #about .bg-brown h3 {
    background-image: url(../img/title_bg02.png);
    font-size: 6vw;
    padding: 3vw 0 10vw 0;
    background-size: 100% 100%;
    width: 94%;
    margin: 0 auto 15px auto; }
  #pg-lower #ranking .bg-blue h3 {
    background-image: url(../img/title_bg02.png);
    font-size: 6vw;
    padding: 3vw 0 10vw 0;
    background-size: 100% 100%;
    width: 94%;
    margin: 0 auto 15px auto; }
  #pg-lower #ranking p.update {
    font-size: 16px;
    margin: -25px 0 10px 0; }
  #pg-lower #ranking table.table_ranking {
    font-size: 14px; }
    #pg-lower #ranking table.table_ranking tr th {
      font-size: 12px; }
      #pg-lower #ranking table.table_ranking tr th:first-child {
        max-width: 70px;
        width: 17vw; }
      #pg-lower #ranking table.table_ranking tr th:last-child {
        width: 20vw;
        max-width: 110px; }
    #pg-lower #ranking table.table_ranking tr td:nth-child(2) {
      padding: 8px 1vw 8px 5vw; }
  #pg-lower #ranking .table_ranking2_wp {
    overflow-x: scroll; }
  #pg-lower #ranking .fakescrollbar {
    width: 100%;
    display: block;
    height: 2px;
    background-color: #e9e9e9;
    border-radius: 5px;
    position: relative;
    overflow: hidden; }
    #pg-lower #ranking .fakescrollbar span {
      width: 30%;
      height: 100%;
      background-color: #797979;
      border-radius: 5px;
      position: absolute; }
  #pg-lower #ranking .swipeicon {
    position: relative;
    touch-action: none; }
    #pg-lower #ranking .swipeicon img {
      position: absolute;
      width: 20vw;
      max-width: 85px;
      top: 80px;
      animation-name: moveToRight;
      animation-duration: 3s;
      animation-iteration-count: infinite;
      animation-timing-function: ease; }
  @keyframes moveToRight {
    0% {
      left: 10vw; }
    50% {
      left: 40vw; }
    100% {
      left: 10vw; } }
  #pg-lower #ranking table.table_ranking2 {
    font-size: 14px;
    width: 120vw;
    max-width: 590px; }
    #pg-lower #ranking table.table_ranking2 th {
      font-size: 12px; }
    #pg-lower #ranking table.table_ranking2 tr td:nth-child(2) {
      padding: 8px 1vw 8px 5vw; }
  #pg-lower .mail_touroku {
    font-size: 12px;
    padding: 15px; }
    #pg-lower .mail_touroku p.caution {
      font-size: 12px;
      width: auto; }
    #pg-lower .mail_touroku a {
      width: 83%; }
    #pg-lower .mail_touroku .onpu {
      width: 18%;
      bottom: -8px;
      right: -28px; }
  #pg-lower p.caution {
    font-size: 12px; }
  #pg-lower.pg-mission2 h3 {
    width: 90%;
    margin: 10px auto; }
  #pg-lower.pg-okame header h2 {
    width: 42%; }
  #pg-lower.pg-okame header h3 {
    padding: 10px 10px;
    font-size: 6vw;
    font-weight: bold; }
  #pg-lower.pg-okame header p {
    font-size: 4.5vw;
    padding: 0 4px; }
  #pg-lower.pg-okame #about .link_box a {
    width: 85%; }
  #pg-lower.pg-okame #about .link_box .onpu {
    right: -22px;
    width: 20%; }

  /* pg-lower */
  #pg-list header {
    width: 50%;
    margin: -50px auto 50px auto; }
  #pg-list #songlist h3 {
    font-size: 6vw;
    padding: 2vw 0 9vw 0; }
  #pg-list #songlist p.headline {
    font-size: 14px;
    width: 90%;
    margin: 0 auto; }
  #pg-list #songlist p.caution {
    font-size: 12px;
    width: 85%;
    margin: 0 auto;
    text-align: left; }
  #pg-list #songlist ul {
    margin-top: -30px !important;
    width: 90%;
    margin: 0 auto;
    font-size: 13px;
    position: relative;
    font-family: 'Noto Sans JP','Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif; }
    #pg-list #songlist ul li {
      display: block;
      border-bottom: solid 1px #000; }
      #pg-list #songlist ul li p, #pg-list #songlist ul li .web, #pg-list #songlist ul li .app {
        width: 100%; }
      #pg-list #songlist ul li .web, #pg-list #songlist ul li .app {
        text-align: right;
        padding-top: 5px; }
      #pg-list #songlist ul li .btn-lyrics {
        margin-right: 5px;
        padding: 3px 20px; }
      #pg-list #songlist ul li .btn-myuta {
        padding: 3px 14px; }
      #pg-list #songlist ul li .btn-yoyaku {
        padding: 3px 14px; }
      #pg-list #songlist ul li a {
        font-size: 11px; }
  #pg-list .list-hukidasi {
    width: 90%;
    margin: 0 4% 0 6%; } }
/* sp */
p.txt_thanks {
  font-size: 20px !important; }
  @media screen and (max-width: 767px) {
    p.txt_thanks {
      font-size: 15px !important; } }