@charset "UTF-8";

#main {
   background-image: url(../music/img/bg-music_sp.jpg);
}
.tag_music {
   font-family:  'Noto Serif JP','Playfair Display',"游明朝体", "Yu Mincho", YuMincho, serif;
   background-image: url(../music/img/bg_tag_op.svg);
   background-repeat: no-repeat;
   -webkit-background-size: 100%;
   background-size: 100%;
   width: 40%;
   text-align: center;
   margin-bottom: 7px;
   font-size: 1.2em;
}
.news-cts h1.news_ttl{
   font-family:  'Noto Serif JP','Playfair Display',"游明朝体", "Yu Mincho", YuMincho, serif;
   font-size: 1.7em;
   text-align: left;
   line-height: 1.2em;
   display: block;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   color: #000;
   font-weight: 600;
   padding-bottom: 5px;
}

.img_area img{
   width:90%;
}
.img_area {
   margin-bottom: 15px;
   text-align: center;
}
.read_release {
   font-family: 'Playfair Display',"游明朝体", "Yu Mincho", YuMincho, serif;
   color: #7d4dcc;
   background: -webkit-linear-gradient(0deg, #ff6861, #ce2c70, #7d4dcc);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   font-size: 25px;
   margin-bottom: 15px;
   display: inline-block;
   font-weight: 700;
}

.news-cts h1.news_ttl span {
   font-size: 0.6em;
}


@media screen and (min-width:960px) {
   #main {
      background-image: url(../music/img/bg-music.jpg);
      -webkit-background-size: cover;
      background-size: cover;
   }
   .tag_music {
      background-repeat: no-repeat;
      -webkit-background-size: 100%;
      background-size: 100%;
      width:150px;
      height: 32px;
      line-height: 32px;
      text-align: center;
      margin-bottom: 10px;
      font-size: 1.2em;
   }

   .news-cts h1.news_ttl{
      font-size: 2em;
   }

   .wrap_item {
      display: flex;
   }
   .img_area, .txt_area{
      width: 50%;
      padding: 10px;
      box-sizing:border-box;
   }

   .img_area img{
      width:90%;
   }


}