@charset "utf-8";
/* CSS Document */

/*ヘッダーhの設定*/

#main h2{
    position:relative;
    background-repeat: no-repeat;
    background-position: left center;
    font-size:1.5rem;
    font-weight: normal;
    padding:13px 0 10px 50px;
}

.h2_decoration{
    border-bottom:1px dotted #333;
    height:1px;
    position:absolute;
    top: 20px;
}


#main h2:first-child{
    background-image:url(../images/h_blue_normal.png);
}

#main h2:first-child .h2_decoration{
    width: calc(100% - 333px);
    left: 240px;
}

#main h2:nth-child(2){
    background-image:url(../images/h_pink_normal.png);
}
#main h2:nth-child(2) .h2_decoration{
    width:230px;
    left: 410px;
}


#main #newly_arrived h2{/*なぜかchild(3)だとうまくいかない。first-childで認識されてる*/
    background-image:url(../images/h_green_normal.png);
}

#main #newly_arrived h2 .h2_decoration{
    width:320px;
    left: 320px;
}

#main #artist_list h2{
    background-image:url(../images/h_black_normal.png);
}

#main #artist_list h2 .h2_decoration{
    width:320px;
    left: 320px;
}

/*新着情報の設定*/

#song_list{
    margin:20px 10px;
}
.song li{
    padding:1px 0;
}

/*アーティストリストの設定*/

#artist_list p{
    float:left;
    width:20px;
    margin: 0 0 0 10px;

}
#artist_list ul{
    
    display: block;
    float:right;
    margin:0;
    padding:0 0 10px 10px;
}
#artist_list li{
    width:185px;
    float:left;
    margin:0;
}