@charset "UTF-8";

#main {
   background-image: url(../music/img/bg-music_sp.jpg);
}


h2.ttl_cts {
   background-image: url(../staff_cast/img/bg-h2-staff.svg);
   background-repeat: no-repeat;
   -webkit-background-size: 278px;
   background-size: 278px;
   height: 40px;
   width: 278px;
   margin: 10px auto 20px;
   line-height: 40px;
   padding-bottom: 10px;
   color: #fff;
   text-align: center;
  font-family:  'Noto Serif JP','Playfair Display',"游明朝体", "Yu Mincho", YuMincho, serif;
}

.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;
}

/* shop_toku    */

.shop_toku_list {
   border-bottom:solid 1px #ababab;
   width: 100%;

}
.shop_toku_list li {
   padding: 15px;

  vertical-align:middle;

}
.shop_name {
   background-color: #7b1207;
   font-weight: bold;
   margin-bottom: 10px;

   padding: 5px 10px;
   color: #fff;
}

#toku_souki .read_release {
   font-size: 1.5em;
   text-align: center;
   width: 100%;
   line-height: 1.7em;
}


@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;
   }
   h2.ttl_cts {
   background-image: url(../staff_cast/img/bg-h2-staff.svg);
   background-repeat: no-repeat;
   -webkit-background-size: 300px;
   background-size: 300px;
   height: 55px;
   width: 300px;
   margin: 10px auto 20px;
   line-height: 55px;
   padding-bottom: 10px;
   box-sizing: border-box;
   display: flex;
   align-items: center;
   text-align: center;
   justify-content: center;

   }
   .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%;
   }
   .read_release {
      font-size: 1.8em;
   }


}