@media screen and (max-width: 639px){
  .music-play{
    display: none;
  }
  .report-main-img{
    width: 100%;
    height: 100%;
    background: url(../../../new-img/pc/2017/common/back.jpg);
    position: relative;
    z-index: 1;
    padding-bottom: 50px;
  }
  .side_a{
    width: 160px;
    height: 2750px;
    float: left;
    margin-top: 0px;
    background: url(../../../new-img/pc/2017/common/side_a.png);
    background-size: 40%;
    background-repeat: repeat-y;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .side_b{
    width: 160px;
    height: 2750px;
    position: absolute;
    right: 0;
    margin-top: 0px;
    background: url(../../../new-img/pc/2017/common/side_b.png);
    background-size: 50%;
    background-position: right;
    background-repeat: repeat-y;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 2;
  }



.report-content-area{
  position: relative;
  z-index: 100;
}

    .title{
      position: relative;
      z-index: 100;
      padding-top: 160px;
      /*padding-bottom: 210px;*/
    }
    .title img{
      display: block;
      margin: auto;
    }


    .report-btn{
      clear: both;
      width: 100%;
      display: inline-block;
    }
    .report-btn ul{
      width: 80%;
      margin: auto;
      margin-top: 40px;
    }
    .report-btn ul li{
      width: 44%;
      float: left;
      margin-left: 4%;
      background: #63d6f0;
      color:#fff;
      font-size: 26px;
      text-align: center;
      border-radius: 30px;
      padding: 1%;
    }
    .report-btn ul li a{
      color: #fff;
    }


    .report-titme{
      clear: both;
      padding-top: 50px;
    }
    .report-titme ul{
      display: block;
      width: 80%;
      margin: auto;
      padding-bottom: 90px;
    }
    .report-titme li{
      width: 30%;
      margin-left: 2%;
      margin-bottom: 3%;
      float: left;
      border: 3px solid #F064A5;
      background: #fff;
      text-align: center;
      font-size: 18px;
      font-weight: bold;
          padding: 1% 0;
    }
    .report-titme li span{
      display: block;
    }
    .sp_space{
      margin-left: 19% !important;
    }

    .report-titme li:hover{
      background: #ebed6e;
    }


    .title-bar{
      clear: both;
      font-size: 35px;
      color: #fff;
      background: #E21E79;
      width: 100%;
      padding: 1% 0;
      text-align: center;
      font-weight: bold;
      margin-top: 50px;
      margin-bottom: 30px;
    }

  .report-box{
    width: 70%;
    margin: auto;
  }
  .report-box h2{
    margin-top: 20px;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
  }
  .report-box img{
    /*width: 50%;*/
    margin-bottom: 80px;
  }
  .opne_lkce {
    width: 100%;
    margin: auto;
    display: inline-block;
  }
  .opne_lkce li{
    width: 44%;
    float: left;
    margin-left: 5%;
  }


  .opne_lkce{
   width: 95%;
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-right: 3%;
  }


  .img-center{
    display: block;
    margin: auto;
  }
  .f01-logo {
      width: 420px;
      height: auto;
      margin: auto;
      border: 1px solid #000;
      background: #fff;
      padding: 15px 20px;
  }
  .img-box {
      width: 90%;
      margin: auto;
  }
  .img-box ul {
      display: flex;
      justify-content: space-between;
      margin-bottom: 110px;
      margin-top: 60px;
  }
  .img-box ul img{
    width: 90%;
    display: block;
    margin: auto;
  }
  .img-box P{
    text-align: center;
  }
  .fa01-logo{
    width: 45%;
    display: block;
    margin:auto;
  }



  .logo-wid {
    width: 50%;
    margin: 0 auto;
    display: inline-block;
    background: #fff;
    border: 1px solid #000;
    margin-left: 26%;
    vertical-align: middle;
  }
  .logo-wid li{
    width: 45%;
    float: left;
  }















  .kumamoto-logo{
    width: 76%;
    margin-right: 14px;
    padding: 7% 0;
  }
  .kumamoto-logo01{
    width: 87%;
    margin-right: 0;
    padding: 7% 0;
  }

  .kumamot-img{
    margin-left: 7% !important;
  }

  .tryme-logo{
    width: 25%;
  }
  .maruko-logo{
    width: 100%;
    margin-top: 11px;
    margin-right: 0px;
        padding: 7% 0;
  }
  .m_fint-logo{
    width: 84%;
    padding: 1%;
    margin-left: 44px;
        padding: 7% 0;
  }
  .rady-logo{
    width: 26%;
  }
  .pienage-logo{
    width: 39%;
  }
  .bloc-logo{
    width: 100%;
       margin-right: 0px;
    padding: 9% 0;
  }
  .betty-logo{
    width: 100%;
    padding: 9% 0;
  }
  .kce-logo{
    width: 60%;
  }

  .WILLSELECTION-logo{
    width: 80%;
  }



.logo-wid-softbank{
  width: 70%;
      margin: 0 auto;
      display: inline-block;
      background: #fff;
      border: 1px solid #000;
      margin-left: 16%;
      vertical-align: middle;
}
.logo-wid li{
  width: 45%;
  float: left;
}


  .softbank-logo{
    width: 40%;
        vertical-align: middle;
        padding: 2%;
        float: left;
        margin-left: 20px;

  }
  .softbank-logo01{
    width: 41%;
    padding: 2%;
    margin-right: 0px;
    float: left;
  }

  .ghs-logo{
    width: 59%;
    padding: 1%;
    margin-right: 14px;
  }
  .ghs01-logo{
    width: 64%;
    padding: 2%;

  }

  .fashinoleaders-logo{
    width: 60%;
  }




  .coming_soon {
      text-align: center;
      font-size: 40px;
      font-weight: bold;
      padding-top: 20px;
  }



  .img-400{
    width: 400px
  }

.img-500{
  width: 500px
}
.ske-live{
  width: 500px;
}


  .martop{
    margin-top: 50px;
  }
  .marbot{
    margin-bottom: 90px;
  }




  .sp-botm{
    padding-bottom: 80px;
  }









  /*ブース*/
  .logo-box {
      clear: both;
      width: 360px;
      height: auto;
      padding-top: 10px;
      padding-bottom: 10px;
      margin: auto;
      border: 1px solid #000;
      background: #fff;
      margin-bottom: 40px;
      margin-top: 100px;
  }
  .logo-box img{
    width: 80%;
  }

  .softbank-logo-box {
      clear: both;
      width: 460px;
      height: 45px;
      padding-top: 10px;
      padding-bottom: 10px;
      margin: auto;
      border: 1px solid #000;
      background: #fff;
      text-align: center;
      margin-bottom: 40px;
      margin-top: 100px;
  }
  .softbank-logo-box img{
    width: 40%;
    float: left;
  }
  .softbank-logo-box img{
    margin-left: 6%;
  }


  .maruko-logo-box {
      clear: both;
      width: 460px;
      height: 95px;
      padding-top: 10px;
      padding-bottom: 10px;
      margin: auto;
      border: 1px solid #000;
      background: #fff;
      text-align: center;
      margin-bottom: 40px;
      margin-top: 100px;
  }
  .maruko-logo-box p{
    /*display: flex;*/
  vertical-align: middle;
  }
  .maruko-logo-box img{
    width: 40%;
    float: left;
  }
  .maruko-logo-box img{
    margin-left: 6%;
  }
  .maruko-logo01{
    margin-top: 35px !important;
  }


  .kanbi-logo-box {
      clear: both;
      width: 460px;
      height: 124px;
      padding-top: 10px;
      padding-bottom: 10px;
      margin: auto;
      border: 1px solid #000;
      background: #fff;
      text-align: center;
      margin-bottom: 40px;
      margin-top: 100px;
  }
  .kanbi-logo-box p{

  vertical-align: middle;
  }
  .kanbi-logo-box img{
    width: 40%;
    float: left;
  }
  .kanbi-logo-box img{
    margin-left: 12%;
  }


  .net-logo-box {
      clear: both;
      width: 460px;
      height: 100px;
      padding-top: 10px;
      padding-bottom: 10px;
      margin: auto;
      border: 1px solid #000;
      background: #fff;
      text-align: center;
      margin-bottom: 40px;
      margin-top: 100px;
  }
  .net-logo-box p{

  vertical-align: middle;
  }
  .net-logo-box img{
    width: 39%;
    float: left;
  }
  .net-logo-box img{
    margin-left: 6%;
  }



  .kumamoto-logo-box {
      clear: both;
      width: 460px;
      height: auto;
      display: flex;
      padding-top: 10px;
      padding-bottom: 10px;
      margin: auto;
      border: 1px solid #000;
      background: #fff;
      text-align: center;
      margin-bottom: 40px;
      margin-top: 100px;
  }
  .kumamoto-logo-box p{

  vertical-align: middle;
  }
  .kumamoto-logo-box img{
    width: 39%;
    float: left;
  }
  .kumamoto-logo-box img{
    margin-left: 9%;
  }







  #PrevIcon, #NextIcon{
    display: none;
  }
  .bx-wrapper .bx-viewport{
    background: none;
    border: none;
    box-shadow:none;
  }


  .kceshop{
    width: 30% !important;
  }
  .tryme-logo{
    width: 30% !important;
  }
  .kanbi-logo{
    margin-top: 10px !important;
    width: 25% !important;
  }

  .net_kancoll_logo{
    margin-top: 23px !important;
  }

  .kumamoto-logo{
    width: 34% !important;
  }
  .kumamoto-logo01{
    margin-top: 10px !important;
    width: 34% !important;
  }
  .vr-logo{
    width: 50% !important;
  }
  .vo5-logo, .pienage-logo, .vivi-logo, .buffarin-logo{
    width: 50% !important;
  }
  .kireimo-logo {
    width: 60% !important;
  }
  .sugarfeel-logo, .goldline-logo{
    width: 50% !important;
  }
  .shin-logo{
    width: 40% !important;
  }


}