@media screen and (min-width: 640px){
  .music-play{
    display: none;
  }

  .enjoy-main-img{
    width: 100%;
    height: 100%;
    background: url(../../../new-img/pc/2017/common/back.jpg);
    position: relative;
    z-index: 1;
    padding-bottom: 60px;
  }
  .side_a{
    width: 300px;
    height: 100%;
    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: 300px;
    height: 100%;
    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;
  }


  .enjoy-area{
    width: 630px;
    margin: auto;
    position: relative;
    z-index: 100;
  }

  .title{
    padding-top: 160px;
  }
  .title img{
    display: block;
    margin: auto;
  }
  .title h2{
    margin-top: 60px;
    margin-bottom: 30px;
    font-size: 35px;
    font-weight: bold;
    line-height: 54px;
    text-align: center;
  }
  .pink{
    color: #EB5596;
  }

  .line01{
    width: 100%;
    border-top: 3px solid #4C1000;
  }
  .title h3{
    margin-top: 30px;
    font-size: 25px;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
  }


  .sub-text{
    margin-top: 40px;
    font-size: 14px;
    text-align: left;
    line-height: 26px;
    font-weight: bold;
  }



  .title01 img{
    display: block;
    margin: auto;
  }
  .title01 h2{
    margin-top: 80px;
    margin-bottom: 30px;
    font-size: 35px;
    font-weight: bold;
    line-height: 54px;
    text-align: center;
  }
  .pink{
    color: #EB5596;
  }

  .line01{
    width: 100%;
    border-top: 3px solid #4C1000;
  }
  .title01 h3{
    margin-top: 30px;
    font-size: 25px;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
  }
  .sub-text01{
    margin-top: 40px;
    font-size: 14px;
    text-align: left;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 30px;
  }
  .ticket-btn{
    padding-top: 30px;
    width: 213px;
    height: 79px;
  }

  .ticket01-area{
    position: relative;
  }
  .buy-btn01 {
    position: absolute;
    top: 128px;
    left: 230px;
    width: 825px;
    height: 30px;
    background: #EB5596;
    color: #fff;
    font-size: 18px;
    padding-bottom: 15px;
  }
  .buy-btn02{
    position: absolute;
    top: 28px;
    right: 230px;
    border: 3px solid #EB5596;
    width: 155px;
    height: 60px;
    background: #EB5596;
    padding-top: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 15px;
    line-height: 23px;
    padding-bottom: 15px;
  }
  .ticket-box-area img{
    margin-top: 20px;
    margin-left: -100px;
  }



  .title02{
    padding-top: 70px;
  }
  .title02 img{
    display: block;
    margin: auto;
  }
  .title02 h2{
    margin-top: 80px;
    margin-bottom: 30px;
    font-size: 35px;
    font-weight: bold;
    line-height: 54px;
    text-align: center;
  }
  .pink{
    color: #EB5596;
  }

  .line01{
    width: 100%;
    border-top: 3px solid #4C1000;
  }
  .title02 h3{
    width: 500px;
    margin: auto;
    margin-top: 30px;
    font-size: 20px;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
    color: #4C1000;
  }
  .sub-text01{
    margin-top: 40px;
    font-size: 14px;
    text-align: left;
    line-height: 26px;
    font-weight: bold;
  }
  .ticket-btn{
    padding-top: 30px;
    width: 213px;
    height: 79px;
  }

  .more-btn{
    padding-top: 20px;
  }


.model-area{
  padding-top: 100px;
}
.model-title{
  display: block;
  margin: auto;
}
.model-area h2{
  width: 700px;
  margin: auto;
  margin-left: -30px;
      font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 35px;
}
.model-area p{
  text-align: center;
}


.live-area{
padding-top: 100px;
}
.live-title{
  display: block;
  margin: auto;
}
.live-area h2{
      font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 35px;
}
.live-area p{
  text-align: center;
}



.brand-area{
padding-top: 100px;
}
.brand-title{
  display: block;
  margin: auto;
}
.brand-area h2{
  width: 800px;
  margin: auto;
  margin-left: -80px;
      font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 35px;
}
.brand-area p{
  text-align: center;
}





.sns-area{
padding-top: 100px;
}
.sns-title{
  display: block;
  margin: auto;
}
.sns-area h2{
  width: 700px;
  margin: auto;
  font-size: 20px;
    font-weight: bold;
    line-height: 35px;
    text-align: center;
}
.sns-area p{
  text-align: center;
}
.sns-icon-area ul{
  width: 550px;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;

}

.en-fb-btn{
  padding-top: 5px;
}
.en-you-btn{
  padding-top: 9px;
}
.en-mail-btn{
  padding-top: 4px;
}


.media-area{
padding-top: 100px;
}
.media-title{
  display: block;
  margin: auto;
}
.media-area h2{
  font-size: 20px;
    font-weight: bold;
    line-height: 35px;
    text-align: center;
}
.media-area p{
  text-align: center;
}
.logo-area{
  margin-top: 20px;
}
.logo-area img{
  margin-right: 20px;
}


}
