@charset "utf-8";

/* ----------------------------------------------------
 
  discography css ( media Pc )
  
---------------------------------------------------- */

#sig-discography {}

#sig-discography #works ul { display:block; margin:40px 0 30px; overflow:hidden; }
#sig-discography #works ul > li { float:left; width:49%; }
#sig-discography #works ul > li:nth-child(odd) { margin-right:2%; }

#sig-discography .section-work { display:block; overflow:hidden; margin-bottom:40px; }
#sig-discography .section-work img { width:32%; float:left; }
#sig-discography .section-work .detail { margin-left:36%; }
#sig-discography .section-work .cap{ font-size:70%; color:#333; border-bottom:1px solid #777; margin-bottom:5px; }
#sig-discography .section-work h3 { font-weight:bold; color:#E45526; }
#sig-discography .section-work .price { font-size:75%; color:#777; }
#sig-discography .section-work ol { list-style:none; }
#sig-discography .section-work .play-button { padding-left:10px; cursor:pointer; color:#2B7A9B; }
#sig-discography .section-work .play-button:before { display:inline-block; content:"▶︎"; padding:3px 2px; margin-right:5px; vertical-align: text-bottom; font-size:50%; background-color:#2B7A9B; color:#FFF; }
#sig-discography .section-work .audio-player { width:220px; margin:10px 0; }
#sig-discography .section-work .label-seal { padding:3px 10px; font-size:85%; font-weight:normal; background-color:#2B7A9B; color:#FFF; }
#sig-discography #soundcloud { display:block; width:100%; margin:40px 0 30px; }
#sig-discography #soundcloud ul { overflow:hidden; }
#sig-discography #soundcloud ul li { width:49%; margin-bottom:2%; float:left; }
#sig-discography #soundcloud ul li:nth-child(2) { margin-left:2%; }


/* ----------------------------------------------------
 
  discography css ( media Sp )
  
---------------------------------------------------- */
@media screen and (max-width: 800px) {

#sig-discography #works ul li { float:none; width:100%; }

#sig-discography .section-work { width:80%; text-align:center; margin:0 auto 50px; line-height:1.9em; }
#sig-discography .section-work img { width:100%; float:none; margin-bottom:10px; }
#sig-discography .section-work .detail { float:none; width:100%; margin:0 auto; }
#sig-discography .section-work .cap { width:auto; max-width:100px; margin:0 auto 10px; line-height:2em; }
#sig-discography .section-work .price { display:block; width:100%; padding-left:0; margin-bottom:20px; line-height:1.3em; }
#sig-discography #soundcloud { box-sizing:border-box; padding:0 20px; }
#sig-discography #soundcloud ul li { width:100%; max-width:300px; margin:0 auto 40px; float:none; }
#sig-discography #soundcloud ul li:nth-child(2) { margin-left:auto; }

}