@charset "UTF-8";
@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; }
#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-image: url("../img/bg_smoke.jpg");
  background-size: 100% auto;
  background-repeat: repeat-y;
  font-family: 'Noto Serif JP', 'Noto Sans JP','Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-text-size-adjust: none;
  color: #fff;
  /*ランキング*/
  /*フッター注意事項*/ }
  #js-scorer #pg-top header {
    background-image: url("../img/mv_bg.jpg");
    text-align: center; }
    #js-scorer #pg-top header p.headline {
      padding: 45px 0 0 0; }
    #js-scorer #pg-top header p.sche {
      font-size: 22px;
      letter-spacing: 0.15em;
      padding: 30px 0 30px 0; }
      #js-scorer #pg-top header p.sche span {
        font-size: 140%; }
  #js-scorer #pg-top .banner {
    display: block;
    margin: 0 auto;
    text-align: center; }
    #js-scorer #pg-top .banner img {
      max-width: 100%; }
    @media screen and (max-width: 767px) {
      #js-scorer #pg-top .banner img {
        width: 90%; } }
  #js-scorer #pg-top #top_mission {
    background-position: center 30%;
    background-repeat: no-repeat;
    background-size: 50%; }
    #js-scorer #pg-top #top_mission h2 {
      position: relative; }
      #js-scorer #pg-top #top_mission h2 .onpu {
        position: absolute;
        bottom: 60px;
        right: 15%;
        transform-origin: center bottom;
        animation: yurayura 2s linear infinite; }
    #js-scorer #pg-top #top_mission .txt2 {
      font-size: 22px; }
    #js-scorer #pg-top #top_mission .present {
      text-align: center; }
      #js-scorer #pg-top #top_mission .present div {
        margin: -115px auto -115px auto;
        display: block;
        position: relative; }
      #js-scorer #pg-top #top_mission .present .onpu {
        position: absolute;
        bottom: 28%;
        right: 27%;
        transform-origin: center bottom;
        animation: yurayura 2s linear infinite; }
      #js-scorer #pg-top #top_mission .present a {
        position: relative; }
    #js-scorer #pg-top #top_mission .bg-brown-min {
      display: flex;
      flex-wrap: wrap;
      max-width: 650px;
      margin: 0 auto;
      justify-content: space-between;
      font-weight: bold;
      z-index: 5;
      position: relative; }
      #js-scorer #pg-top #top_mission .bg-brown-min li {
        background-image: url("../img/bg_brown-min.jpg");
        font-size: 18px;
        background-size: 100% 100%;
        width: calc(50% - 10px);
        box-shadow: 0px 0px 20px 1px #096284;
        padding: 10px 0 20px 0;
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.95); }
        #js-scorer #pg-top #top_mission .bg-brown-min li a:hover p.link-arrow {
          opacity: 1;
          color: #000;
          text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.84); }
          #js-scorer #pg-top #top_mission .bg-brown-min li a:hover p.link-arrow:after {
            margin-left: 14px;
            border-top: solid 2px #000;
            border-right: solid 2px #000; }
        #js-scorer #pg-top #top_mission .bg-brown-min li .txt1 {
          position: relative;
          transform: translateY(50%); }
          #js-scorer #pg-top #top_mission .bg-brown-min li .txt1 p {
            top: 50%;
            transform: translateY(-50%); }
        #js-scorer #pg-top #top_mission .bg-brown-min li .bg-black {
          background-color: #000;
          display: block;
          color: #fff;
          font-size: 30px;
          margin: 20px 40px 10px 40px; }
        #js-scorer #pg-top #top_mission .bg-brown-min li img {
          vertical-align: text-bottom;
          margin-bottom: -9px; }
  #js-scorer #pg-top #top_ranking {
    max-width: 790px;
    margin: 0 auto;
    display: block; }
    #js-scorer #pg-top #top_ranking h2 {
      text-align: center;
      display: block; }
      #js-scorer #pg-top #top_ranking h2 div {
        display: inline-block;
        position: relative; }
      #js-scorer #pg-top #top_ranking h2 .onpu {
        position: absolute;
        bottom: 15px;
        right: 35px;
        animation: ball 0.5s alternate infinite;
        -webkit-animation: ball 0.5s alternate infinite;
        -moz-animation: ball 0.5s alternate infinite; }
  #js-scorer #pg-top #js-scorer #pg-top #top_ranking p.caution {
    font-family: 'Noto Sans JP','Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif;
    font-size: 12px;
    text-align: left;
    margin: 10px auto 20px auto;
    padding: 20px; }
  #js-scorer #pg-top #kikaku h2 {
    text-align: center;
    display: block; }
    #js-scorer #pg-top #kikaku h2 div {
      display: inline-block;
      position: relative; }
    #js-scorer #pg-top #kikaku h2 .onpu {
      position: absolute;
      bottom: 15px;
      left: 35px;
      transform-origin: center bottom;
      animation: yurayura 2s linear infinite; }
  #js-scorer #pg-top #kikaku .kikaku_wp {
    display: flex;
    flex-wrap: wrap;
    max-width: 940px;
    margin: 0 auto;
    justify-content: space-between;
    font-weight: bold; }
    #js-scorer #pg-top #kikaku .kikaku_wp .block {
      position: relative;
      background-image: url("../img/bg_brown-long.jpg");
      font-size: 18px;
      background-size: 100% 100%;
      width: calc(33% - 10px);
      text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.95);
      font-weight: normal; }
      #js-scorer #pg-top #kikaku .kikaku_wp .block .block_link {
        padding: 25px 0 30px 0;
        display: block;
        width: 100%; }
      #js-scorer #pg-top #kikaku .kikaku_wp .block:hover .link-arrow {
        color: #000 !important;
        text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.84); }
        #js-scorer #pg-top #kikaku .kikaku_wp .block:hover .link-arrow:after {
          margin-left: 14px;
          border-top: solid 2px #000;
          border-right: solid 2px #000; }
      #js-scorer #pg-top #kikaku .kikaku_wp .block .close {
        cursor: default;
        text-align: center;
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 1;
        display: block;
        color: #fff;
        overflow-x: hidden; }
        #js-scorer #pg-top #kikaku .kikaku_wp .block .close .close_txt {
          top: 40%;
          position: relative;
          background-color: rgba(255, 255, 255, 0.8);
          padding: 10px 0;
          transform: rotate(-10deg);
          width: 120%;
          left: -10%; }
        #js-scorer #pg-top #kikaku .kikaku_wp .block .close h4 {
          font-size: 15px;
          background-color: #8d1919;
          display: inline-block;
          padding: 0 20px;
          margin: 0 auto; }
        #js-scorer #pg-top #kikaku .kikaku_wp .block .close p {
          color: #000;
          text-shadow: none;
          font-weight: bold; }
    #js-scorer #pg-top #kikaku .kikaku_wp h5 {
      background-color: #000;
      font-size: 22px;
      margin: 15px 20px;
      padding: 10px 0;
      font-weight: bold; }
    #js-scorer #pg-top #kikaku .kikaku_wp .img {
      margin-top: -70px; }
  #js-scorer .bg-blue {
    background-image: url("../img/bg_blue-loop.jpg");
    background-size: 100% auto;
    background-repeat: repeat-y;
    position: relative;
    margin: 60px 0 140px 0; }
    #js-scorer .bg-blue:before {
      content: "";
      background-image: url("../img/bg_blue-top.png");
      height: 46px;
      background-size: 100% 100%;
      display: block;
      position: absolute;
      top: -46px;
      width: 100%; }
    #js-scorer .bg-blue:after {
      content: "";
      background-image: url("../img/bg_blue-bottom.png");
      height: 49px;
      background-size: 100% 100%;
      display: block;
      position: absolute;
      bottom: -49px;
      width: 100%; }
    #js-scorer .bg-blue 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%; }
    #js-scorer .bg-blue a.btn_more {
      display: block;
      margin: 0 auto; }
    #js-scorer .bg-blue ul.top-ranking {
      display: inline-block;
      text-align: left; }
      #js-scorer .bg-blue ul.top-ranking li {
        margin-bottom: 5px;
        font-size: 22px;
        position: relative; }
        #js-scorer .bg-blue ul.top-ranking li .rank {
          position: relative; }
          #js-scorer .bg-blue ul.top-ranking li .rank::before {
            content: "";
            position: absolute;
            background-size: 100% 100%;
            width: 26px;
            height: 24px;
            left: -34px;
            top: 3px; }
          #js-scorer .bg-blue ul.top-ranking li .rank.ico-rank1::before {
            background-image: url("../img/icon_rank1.png"); }
          #js-scorer .bg-blue ul.top-ranking li .rank.ico-rank2::before {
            background-image: url("../img/icon_rank2.png"); }
          #js-scorer .bg-blue ul.top-ranking li .rank.ico-rank3::before {
            background-image: url("../img/icon_rank3.png"); }
          #js-scorer .bg-blue ul.top-ranking li .rank.ico-rank4::before {
            background-image: url("../img/icon_rank4.png"); }
        #js-scorer .bg-blue ul.top-ranking li .name {
          display: inline-block;
          max-width: 380px;
          word-wrap: break-word;
          vertical-align: text-top;
          margin-left: 10px; }
          #js-scorer .bg-blue ul.top-ranking li .name span {
            font-size: 70%;
            margin-left: 5px; }
  #js-scorer section.caution {
    background-color: #000; }
    #js-scorer section.caution .caution_inner {
      font-family: 'Noto Sans JP','Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif;
      font-size: 14px;
      max-width: 790px;
      display: block;
      padding: 50px 0;
      margin: 0 auto; }
      #js-scorer section.caution .caution_inner h3 {
        text-align: center;
        font-size: 16px;
        margin-bottom: 20px; }
      #js-scorer section.caution .caution_inner ul {
        margin-bottom: 25px; }
        #js-scorer section.caution .caution_inner ul li {
          margin-bottom: 3px; }
    #js-scorer section.caution a {
      color: #fff;
      text-decoration: underline; }
  #js-scorer #share-box {
    text-align: center;
    padding-bottom: 50px; }

/*#js-scorer*/
/* sp */
@media screen and (max-width: 767px) {
  #js-scorer {
    background-image: url("../img/bg_smoke_sp.jpg");
    /*#pg-top*/ }
    #js-scorer #pg-top header {
      background-image: url(../img/mv_bg_sp.jpg);
      background-size: cover;
      background-position: center top;
      background-repeat: no-repeat; }
      #js-scorer #pg-top header h1 {
        width: 80%;
        margin: 5px auto; }
      #js-scorer #pg-top header p.sche {
        box-shadow: 0px 13px 10px -2px #000000; }
    #js-scorer #pg-top #top_mission h2 .onpu {
      bottom: 9px;
      right: -2%;
      width: 23%; }
    #js-scorer #pg-top #top_mission a.btn-songlist {
      width: 55%; }
    #js-scorer #pg-top #top_mission h2 {
      width: 90%;
      margin: 0 auto; }
    #js-scorer #pg-top #top_mission .bg-brown-min {
      justify-content: center; }
      #js-scorer #pg-top #top_mission .bg-brown-min li {
        width: 85%;
        margin-bottom: 20px; }
        #js-scorer #pg-top #top_mission .bg-brown-min li .txt1 {
          height: auto !important; }
    #js-scorer #pg-top #top_mission p.txt2 {
      width: 85%;
      margin: 0 auto;
      font-size: 20px; }
    #js-scorer #pg-top #top_mission .present div {
      margin: -14vw auto -20vw auto; }
    #js-scorer #pg-top #top_mission .present .onpu {
      right: 6%; }
    #js-scorer #pg-top #top_mission .present a {
      width: 80%; }
    #js-scorer #pg-top #top_ranking h2 .onpu {
      bottom: -13px;
      right: 0px; }
    #js-scorer #pg-top #kikaku h2 .onpu {
      bottom: -2px;
      left: 18px; }
    #js-scorer #pg-top #kikaku .kikaku_wp {
      justify-content: center; }
      #js-scorer #pg-top #kikaku .kikaku_wp .block {
        width: 85%;
        padding: 0px 0 20px 0;
        font-size: 16px;
        margin-bottom: 20px; }
        #js-scorer #pg-top #kikaku .kikaku_wp .block h4 img {
          max-width: 50px; }
        #js-scorer #pg-top #kikaku .kikaku_wp .block a {
          font-size: 20px; }
    #js-scorer .bg-blue {
      margin: 7vw 10px 20vw 10px; }
      #js-scorer .bg-blue::before {
        height: 7vw;
        top: -7vw; }
      #js-scorer .bg-blue:after {
        height: 7vw;
        bottom: -7vw; }
      #js-scorer .bg-blue h3 {
        background-image: url(../img/title_bg02.png);
        font-size: 4.4vw;
        padding: 2vw 0 10vw 0;
        background-size: 100% 100%;
        width: 94%;
        margin: 0 auto 15px auto; }
        #js-scorer .bg-blue h3.h3_2 {
          padding: 2vw 0 10vw 0; }
      #js-scorer .bg-blue ul.top-ranking {
        margin-left: 13px; }
        #js-scorer .bg-blue ul.top-ranking li {
          font-size: 18px; }
          #js-scorer .bg-blue ul.top-ranking li .name {
            max-width: 58vw; }
          #js-scorer .bg-blue ul.top-ranking li .rank::before {
            width: 22px;
            height: 21px;
            left: -31px; }
    #js-scorer section.caution .caution_inner {
      padding: 50px 10px;
      font-size: 12px; }
    #js-scorer .jp-cmp-list-social-001 ul {
      text-align: center;
      margin: 0 auto; }

  /*#js-scorer*/ }
#pg-lower {
  background-image: url("../img/bg_star.jpg"); }
  #pg-lower .banner {
    display: block;
    margin: 40px auto -25px auto;
    text-align: center; }
    #pg-lower .banner img {
      max-width: 100%; }
    @media screen and (max-width: 767px) {
      #pg-lower .banner {
        margin: 6vw auto -15vw auto; }
        #pg-lower .banner img {
          width: 90%; } }
  #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 th:nth-child(n+3) {
        text-align: right; }
    #pg-lower #ranking table.table_ranking2 td:first-child {
      text-align: right; }
      #pg-lower #ranking table.table_ranking2 td:nth-child(n+3){
        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: #c2641e; }

/* 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; } }

/* interview */
#pg-lower.pg-interview header h3 {
  padding-top: 18px;
  width: 95%; }
#pg-lower.pg-interview #Interview {
  max-width: 750px;
  margin: 0 auto;
  display: block; }
  #pg-lower.pg-interview #Interview .inner {
    width: calc(100% - 150px); }
  #pg-lower.pg-interview #Interview p.lead {
    color: #fbffb4;
    padding-top: 30px; }
  #pg-lower.pg-interview #Interview .bg-brown {
    text-shadow: 0px 0px 5px #725115f2; }
    #pg-lower.pg-interview #Interview .bg-brown h3 {
      font-size: 27px;
      background-image: none;
      position: relative;
      padding: 40px 0 20px 0;
      color: #31291a;
      text-shadow: 0px 0px 3px #b8af92, 0px 0px 3px #b8af92, 0px 0px 2px #b8af92; }
      #pg-lower.pg-interview #Interview .bg-brown h3::after {
        content: "";
        display: block;
        width: 50px;
        height: 2px;
        border-radius: 10px;
        margin: 10px auto 0 auto;
        background-color: #685a41; }
  #pg-lower.pg-interview #Interview dl {
    text-align: left; }
    #pg-lower.pg-interview #Interview dl dt {
      color: #fbffb4;
      padding-bottom: 8px; }
    #pg-lower.pg-interview #Interview dl dd {
      margin-bottom: 30px; }
#pg-lower.pg-interview #Interview-prof {
  max-width: 750px;
  margin: 0 auto;
  display: block;
  position: relative; }
  #pg-lower.pg-interview #Interview-prof h4 {
    color: #ead01f;
    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: 20px 0 51px 0;
    line-height: 120%; }
  #pg-lower.pg-interview #Interview-prof .interview_score {
    display: flex;
    justify-content: center; }
    #pg-lower.pg-interview #Interview-prof .interview_score .txt {
      padding-left: 20px;
      text-align: left; }
      #pg-lower.pg-interview #Interview-prof .interview_score .txt h5 {
        color: #4cffff; }
      #pg-lower.pg-interview #Interview-prof .interview_score .txt p {
        font-size: 30px;
        display: block;
        text-align: right;
        margin-bottom: 20px; }
    #pg-lower.pg-interview #Interview-prof .interview_score .img {
      position: relative; }
      #pg-lower.pg-interview #Interview-prof .interview_score .img img {
        border: solid 2px #7c642d;
        max-width: 180px; }
      #pg-lower.pg-interview #Interview-prof .interview_score .img .ranking_kazari {
        position: absolute;
        top: -11px;
        left: -29px;
        z-index: 1;
        width: 68px; }
        #pg-lower.pg-interview #Interview-prof .interview_score .img .ranking_kazari img {
          width: 100%;
          border: none; }
  #pg-lower.pg-interview #Interview-prof .onpu {
    position: absolute;
    bottom: 15px;
    right: 35px;
    animation: ball 0.5s alternate infinite;
    -webkit-animation: ball 0.5s alternate infinite;
    -moz-animation: ball 0.5s alternate infinite; }
  #pg-lower.pg-interview #Interview-prof .cracker_l {
    position: absolute;
    bottom: -50px;
    left: -20px;
    z-index: 4; }
    #pg-lower.pg-interview #Interview-prof .cracker_l .cracker1 {
      opacity: 0;
      transform: scale(0);
      position: absolute;
      animation: cracker ease-in-out 3s infinite;
      -webkit-animation: cracker ease-in-out 3s infinite;
      -moz-animation: cracker ease-in-out 3s infinite;
      transform-origin: left bottom; }
    #pg-lower.pg-interview #Interview-prof .cracker_l .cracker2 {
      position: relative;
      transform-origin: left bottom;
      animation: cracker2 ease-in-out 3s infinite;
      -webkit-animation: cracker2 ease-in-out 3s infinite;
      -moz-animation: cracker2 ease-in-out 3s infinite; }
  #pg-lower.pg-interview #Interview-prof .cracker_r {
    position: absolute;
    bottom: -50px;
    right: -20px;
    z-index: 4; }
    #pg-lower.pg-interview #Interview-prof .cracker_r .cracker1 {
      opacity: 0;
      transform: scale(0);
      position: absolute;
      animation: cracker ease-in-out 3s infinite;
      -webkit-animation: cracker ease-in-out 3s infinite;
      -moz-animation: cracker ease-in-out 3s infinite;
      transform-origin: right bottom; }
    #pg-lower.pg-interview #Interview-prof .cracker_r .cracker2 {
      position: relative;
      transform-origin: right bottom;
      animation: cracker2 ease-in-out 3s infinite;
      -webkit-animation: cracker2 ease-in-out 3s infinite;
      -moz-animation: cracker2 ease-in-out 3s infinite; }

@keyframes cracker {
  0% {
    opacity: 1;
    transform: scale(0); }
  30% {
    opacity: 1;
    transform: scale(1); }
  40% {
    opacity: 0;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1); } }
@keyframes cracker2 {
  0% {
    transform: scale(1); }
  5% {
    transform: scale(0.9); }
  20% {
    transform: scale(1.1); }
  30% {
    transform: scale(1); }
  100% {
    transform: scale(1); } }
/* sp */
@media screen and (max-width: 767px) {
  #pg-lower.pg-interview header {
    height: 42vw;
    background-position: bottom;
    padding: 40px 0 50px 0; }
    #pg-lower.pg-interview header h3 {
      width: 95%; }
  #pg-lower.pg-interview #Interview .inner {
    width: 85%;
    padding-bottom: 6vw; }
  #pg-lower.pg-interview #Interview .bg-brown h3 {
    font-size: 6vw; }
  #pg-lower.pg-interview #Interview p.lead {
    text-align: left;
    padding-top: 7vw; }
  #pg-lower.pg-interview #Interview-prof h4 {
    background-image: url(../img/title_bg02.png);
    font-size: 4.4vw;
    padding: 2vw 0 10vw 0;
    background-size: 100% 100%;
    width: 94%;
    margin: 0 auto 15px auto; }
  #pg-lower.pg-interview #Interview-prof .interview_score {
    padding-bottom: 30px;
    align-items: center; }
    #pg-lower.pg-interview #Interview-prof .interview_score .txt h5 {
      font-size: 4vw; }
    #pg-lower.pg-interview #Interview-prof .interview_score .txt p {
      font-size: 5vw;
      display: block;
      text-align: right;
      margin-bottom: 5px; }
    #pg-lower.pg-interview #Interview-prof .interview_score .img .photo {
      width: 33vw; }
    #pg-lower.pg-interview #Interview-prof .interview_score .img .ranking_kazari {
      top: -7vw;
      left: -8vw;
      width: 17vw; }
  #pg-lower.pg-interview #Interview-prof .onpu {
    position: absolute;
    bottom: -60px;
    right: 0;
    z-index: 9;
    animation: ball 0.5s alternate infinite;
    -webkit-animation: ball 0.5s alternate infinite;
    -moz-animation: ball 0.5s alternate infinite; } }