@charset "utf-8";
/* ----------------------------- */
/*全体
/* ----------------------------- */
#main {
    overflow-x: hidden;
    color: #4f4f4f;
}
#cont{
/*  max-width: 760px;
  margin: 0 auto 60px auto;*/
}
br.visible-xss {
  display: none;
}
@media screen and (max-width:460px) {
  br.visible-xss {
    display: block;
  }
}


.sm-pc_768{

}
.sm-sp_768{
  display: none;
}

h1,h2,h3,h4,h5,h6{
  text-align: center;
}

.sm-catch__copy{
  font-size: 30px;
  color: #4f4f4f;
  font-weight: bold;
  line-height: 1.5;

}
@media screen and (max-width:767px) {
  .sm-catch__copy{
    font-size: 25px;
  }
}
@media screen and (max-width:600px) {
  .sm-catch__copy br{
    display: none;
  }
}

.sm-caution{
  font-weight: normal;
  font-size: 12px;
  text-align: center;
}

.sm-head__title{
  width: auto;
  background-image: url(../img/pc_ps_music-title-bg.png);
  background-position: top center;
  padding: 20px;
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 40px;
}
@media screen and (max-width:767px) {
  .sm-head__title{
    font-size: 17px;
  }
}
@media screen and (max-width:600px) {
  .sm-head__title br{
    display: none;
  }
}


/* ----------------------------- */



@media screen and (max-width:980px) {
}


@media screen and (max-width:767px) {
  .sm-pc_768{
    display: none;
  }
  .sm-sp_768{
    display: block;
  }
}


/* ----------------------------- */
/*メインビジュアルBlock
/* ----------------------------- */

#TOP-Visual .sm-main__Visual{
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

#TOP-Visual .sm-main__Visual img{
  width: 100%;
}


/* ----------------------------- */
/*キャンペーンBlock
/* ----------------------------- */

#CAMPAIGN{
  margin-top: 55px;
}

#CAMPAIGN h4{
  text-align: center;
  width: 100%;
  margin-bottom: 40px;
}

#CAMPAIGN .sm-caution{
  margin-bottom: 40px;
}

#CAMPAIGN .sm-banner__center{
  text-align: center;
}

#CAMPAIGN .sm-banner__center a{
  text-align: center;
  margin: 0 auto 10px;
  display: inline-block;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;
}

#CAMPAIGN .sm-banner__center a:hover{
  opacity: 0.7;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;
}

#CAMPAIGN .sm-banner__caution{
  text-align: center;
  font-size: 12px;
}

@media screen and (max-width:980px) {
}
@media screen and (max-width:767px) {
  #CAMPAIGN h4 img{
    margin: 0 auto;
    width: 90%;
  }
}

/* ----------------------------- */
/*PSMusicできることBlock
/* ----------------------------- */

#PSMusic{
  margin-top: 55px;
}

#PSMusic .sm-catch__copy{
  margin-bottom: 30px;
}

#PSMusic .sm-link__box{
  text-align: center;
  margin-bottom: 40px;
}

#PSMusic .sm-link__box a{
  color: #12b0d7;
  text-decoration: none;
  display: table;
  margin: 0 auto 40px;
}
#PSMusic .sm-link__box a span{
  font-size: 13px;
}
#PSMusic .sm-link__box a span:last-child{
  vertical-align: top;
  position: relative;
  top: -1px;
}


.sm-float__3{
  list-style: none;
  display: table;
  width: 100%;
  padding: 0 20px;
}

.sm-float__3 li{
  display: table-cell;
  width: 33.333%;
}

.sm-float__3 li > dl{
  padding: 0 20px;
  margin-bottom: 0;
}

.sm-float__3 li > dl > dt{
  text-align: center;
  margin-bottom: 30px;
}

.sm-float__3 li > dl > dd dl dt{
  line-height: 1.5;
  font-size: 17px;
  margin-bottom: 10px;
}

.sm-float__3 li > dl > dd dl dd{
  line-height: 1.7;
}

@media screen and (max-width:980px) {
  .sm-float__3 li > dl > dd dl dt br{
    display: none;
  }
}
@media screen and (max-width:767px) {
  #PSMusic .sm-link__box a span:last-child{
    top: -2px;
  }
  .sm-float__3{
    display: block;
    padding: 0;
  }
  .sm-float__3 li{
    display: block;
    width: 100%;
    margin-bottom: 25px;
  }
  .sm-float__3 li > dl{
    display: table;
    padding: 0;
  }
  .sm-float__3 li > dl > dt{
    display: table-cell;
    width: 30%;
  }
  .sm-float__3 li > dl > dd{
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
  }
  .sm-float__3 li > dl > dd dl dt{
    font-size: 16px;
  }
  .sm-float__3 li > dl > dd dl dd{
    font-size: 15px;
  }
}

/* ----------------------------- */
/*概要Block
/* ----------------------------- */

#Overview{
  margin-top: 55px;
}

#Overview h5{
  font-size: 17px;
  background-image: url(../img/border-bg.jpg);
  background-repeat: repeat-x;
  background-position: center;
  margin-bottom: 30px;
}

#Overview h5 span{
  background: #fff;
  padding: 0 15px;
}

#Overview .sm-overview__list{
  padding: 0px 0 0 0;
  list-style: none;
  margin-bottom: 50px;
}

#Overview .sm-overview__list li dl{
  display: table;
}

#Overview .sm-overview__list li dl dt{
  display: table-cell;
  font-weight: normal;
  font-size: 15px;
  width: 100px;
  line-height: 1.5;
}

#Overview .sm-overview__list li dl dd{
  display: table-cell;
  font-size: 15px;
  line-height: 1.5;
}



#Overview .sm-caution__block .sm-caution__list{
  padding: 0;
  list-style: none;
  border-bottom: #7d7d7d solid 1px;
  padding-bottom: 25px;
  margin-bottom: 65px;
}

#Overview .sm-caution__block .sm-caution__list li{
  line-height: 1.5;
  margin-bottom: 5px;
}

@media screen and (max-width:980px) {
}
@media screen and (max-width:767px) {
}




/* ページの先頭へ */
#main .nav-gotop {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  margin-bottom: 12px;
  text-align: right;
}
@media (min-width: 980px) {
  #main .nav-gotop {
   margin-bottom: 28px;
  }
}
#main .nav-gotop img{
  width: auto;
  height: 52px;
}
#main .nav-gotop a:hover img {
  opacity: 0.7;
}