@media screen and (max-width: 640px) {
  html {
    overflow-x: hidden; }
  body {
    overflow-x: hidden;
    width: 100%; }
    body .responsive-hidden {
      display: none; }
    body .no-padding {
      padding-left: 0px !important; }
    body .full-width {
      width: 168%; }
    body .align-center {
      text-align: center; }
    body .flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    body #wrapper {
      width: 100%; }
      body #wrapper #headercontent {
        width: 100%; }
        body #wrapper #headercontent #header_bnr {
          width: 80%; }
          body #wrapper #headercontent #header_bnr span.ads-pc {
            display: none; }
      body #wrapper span.ads-mobile {
        display: block; }
      body #wrapper .breadcrumbs {
        padding: 0 10px; }
        body #wrapper .breadcrumbs ul {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          margin: 0 auto 10px auto; }
          body #wrapper .breadcrumbs ul li.breadcrumbs-list-item-last::after {
            display: none; }
      body #wrapper #maincontent {
        float: none;
        width: 100% !important;
        background: none !important;
        margin-left: 0px !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: none !important; }
        body #wrapper #maincontent #osusume_header {
          width: 100%; }
          body #wrapper #maincontent #osusume_header table {
            width: 100%; }
            body #wrapper #maincontent #osusume_header table tbody tr td.header-banner h1 {
              width: 100%;
              padding: 0 5px;
              font-size: 10px !important;
              -webkit-box-sizing: border-box;
              box-sizing: border-box; }
            body #wrapper #maincontent #osusume_header table tbody tr td.header-banner a img {
              width: 100%;
              height: auto; }
            body #wrapper #maincontent #osusume_header table tbody tr.flex-col {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column; }
              body #wrapper #maincontent #osusume_header table tbody tr.flex-col td {
                margin: 5px 0;
                display: block; }
            body #wrapper #maincontent #osusume_header table.login tbody tr {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center; }
              body #wrapper #maincontent #osusume_header table.login tbody tr td {
                display: block; }
        body #wrapper #maincontent #main {
          padding: 0 !important; }
          body #wrapper #maincontent #main .titleImage {
            padding: 0; }
            body #wrapper #maincontent #main .titleImage img {
              max-width: 100%;
              height: auto;
              margin: 0; }
          body #wrapper #maincontent #main .explainFrame_width {
            width: 100%; }
            body #wrapper #maincontent #main .explainFrame_width .explainFrame {
              margin: 0;
              padding: 0 5px;
              border: none;
              -webkit-box-sizing: border-box;
              box-sizing: border-box; }
              body #wrapper #maincontent #main .explainFrame_width .explainFrame .imagePEN {
                float: none;
                display: block;
                margin: auto; }
              body #wrapper #maincontent #main .explainFrame_width .explainFrame div {
                max-width: 100%; }
                body #wrapper #maincontent #main .explainFrame_width .explainFrame div img {
                  max-width: 100%;
                  height: auto;
                  margin: 10px 0; }
                body #wrapper #maincontent #main .explainFrame_width .explainFrame div div {
                  margin: 20px 0;
                  padding: 0 !important; }
              body #wrapper #maincontent #main .explainFrame_width .explainFrame .last-img-wrapper {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center; }
                body #wrapper #maincontent #main .explainFrame_width .explainFrame .last-img-wrapper a:first-child {
                  -webkit-box-ordinal-group: 1;
                  -ms-flex-order: 0;
                  order: 0; }
                body #wrapper #maincontent #main .explainFrame_width .explainFrame .last-img-wrapper .img-zoom {
                  -webkit-box-ordinal-group: 2;
                  -ms-flex-order: 1;
                  order: 1;
                  margin: 0px 0 10px 0; }
                body #wrapper #maincontent #main .explainFrame_width .explainFrame .last-img-wrapper img:nth-child(2) {
                  -webkit-box-ordinal-group: 3;
                  -ms-flex-order: 2;
                  order: 2; }
        body #wrapper #maincontent #footer, body #wrapper #maincontent .footer-link {
          display: none; }
      body #wrapper #sidebarcontent, body #wrapper #sidebarcontent2 {
        float: none;
        width: 100%; }
      body #wrapper #sidebarcontent {
        margin-top: 10px; }
        body #wrapper #sidebarcontent #bansponsor01-2nd {
          text-align: center; }
        body #wrapper #sidebarcontent .clearfix {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          body #wrapper #sidebarcontent .clearfix a {
            margin-bottom: 10px; } }

/*# sourceMappingURL=responsive-music.css.map */