@charset utf-8;

#songInfoBox { margin-bottom:20px!important; }

/* artistBlock */
.artistBlock { margin-bottom:20px; padding:10px; width:auto; overflow:hidden; position:relative; }
.artistBlock a.artistimg { display:block; width:auto; float:left; }
.artistBlock h3, .artistBlock p { margin-left:100px; margin-bottom:5px;}
.artistBlock h3 { font-size:131%; font-weight:bold; line-height:1.25; border-bottom:1px solid #666; }
.artistBlock h3.artist, .artistBlock h4 { margin-left:0; font-size:131%; font-weight:bold; line-height:1.25; }
.artistBlock .genres { position:absolute; left:inherit; bottom:inherit; width:390px;}
.artistBlock .genres span { font-size:12px; }
.artistBlock p.goArtist { font-size:93%; line-height:25px; position:absolute; right:10px; bottom:10px; }
.artistBlock p.goArtist a { display:block; padding:0 15px; width:auto; height:25px; color:#333!important; background:#CCC; 
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.artistBlock p.goArtist a:hover { background:#DDD; }
/* artistBlock */

h3.searchedTxt strong:hover { color:#FF8C00; }

p.searchedSong { overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box;    -webkit-box-orient: vertical; -webkit-line-clamp: 3; padding:4px; margin-top:15px; font-weight:normal; color:#FF8C00; width:438px; border:1px solid #CCC; border-radius:3px; max-height: 44px;}
p.searchedSong span { color:#666; }

/* songSearchBox */
.songSearchBox { margin:-10px auto 0; padding:10px 0 60px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:#EEE url(../../img/images/artist/bgSonglist.gif) no-repeat 50% bottom; }
.songSearchBox > p { margin:10px auto 20px; font-size:108%; line-height:1.25; text-align:center; }
.songSearchBox form { width:auto; overflow:hidden; }
.songSearchBox form > p { margin:0 auto 20px; padding: 0px; width:auto; overflow:hidden; }
.songSearchBox form p input[type="text"] { display:inline; margin:0 15px 0 0; padding:0 5px; font-size:93%; line-height:25px; width:400px; height:25px; vertical-align:middle; background:#FFF; border:none; border-radius:5px; }
.songSearchBox form input[type="submit"] { margin-right:10px; display:inline-block; font-size:93%; font-weight:bold; line-height:1.25; color:#FFF; width:100px; height:25px; background:#555; border:none; float:right; border-radius:5px; }
.songSearchBox form dl { width:280px; float:left; overflow:hidden; }
.songSearchBox form dl dt { width:70px; text-align:right; float:left; line-height:25px }
.songSearchBox form dl dd { margin-left:75px; }
.songSearchBox form dl select { display:inline-block; padding:0 5px; font-size:93%; line-height:25,px; width:130px; height:25px; vertical-align:middle; background:#FFF; border:none; float:left; border-radius:5px; }
.songSearchBox form dl + p { clear:both; margin:0; padding:20px 10px 0; border-bottom:none; }
.songSearchBox form p span input[name="keyword"] { margin-left: 45px; }
/* songSearchBox */


/* songlistBlock */
.songlistBlock { padding-bottom: 60px; background: #EEE url(../../img/images/artist/bgSonglist.gif) no-repeat 50% bottom;}

/* table */
.songlistBlock table { width:708px; background:#EEE; }
.songlistBlock table td { padding:0 10px 0 0; }
.songlistBlock table td.teiban, .songlistBlock table td.zokusei, .songlistBlock table td.links { padding-top:0; padding-bottom:0; }
.songlistBlock table td.rank, .songlistBlock table td.teiban { padding-left:10px; }

/* td.rank */
.songlistBlock table td.rank { text-align:center; width:40px; }
.songlistBlock table td.rank span { display:block; margin:0 auto; font-size:93%; text-align:center; color:#333; line-height:18px; width:18px; height:18px; background:#CCC; border:1px solid #666; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.songlistBlock table td.rank span.fir, .songlistBlock table td.rank span.sec, .songlistBlock table td.rank span.thi { padding-top:5px; color:#FFF; width:20px; height:15px; border:none; background:#EEE url(../../img/images/artist/icon.png) no-repeat;
 -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
.songlistBlock table td.rank span.fir { background-position:-200px 0; }
.songlistBlock table td.rank span.sec { background-position:-200px -20px; }
.songlistBlock table td.rank span.thi { background-position:-200px -40px; }
.songlistBlock table td.tri span { width:28px; line-height:28px; height:28px; }

/* td.title */
.songlistBlock table td.title { padding-bottom:6px; width:470px; font-weight:bold; line-height:1.25; }
.songlistBlock table td.title span, .songlistBlock table td.title a { display:block; padding-bottom:3px; width:500px; border-bottom:1px solid #CCC; }
.songlistBlock table td.title a { color:#333; text-decoration:underline; } .songlistBlock table td.title a:hover { color:#FF8C00; text-decoration:none; }


/* td.graph */
.songlistBlock table td.graph { width:80px; font-size:93%; line-height:20px; text-align:right; }
.songlistBlock table td.graph span { color:#FF8C00; }


/* td.teiban */
.songlistBlock table td.teiban { width:40px; }
.songlistBlock table td.teiban span { display:block; text-indent:100%; white-space:nowrap; width:40px; height:16px; overflow:hidden; background:url(../../img/images/artist/icon.png) no-repeat; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.songlistBlock table td.teiban span.opn { background-position:-120px 0; }
.songlistBlock table td.teiban span.end { background-position:-120px -40px; }
.songlistBlock table td.teiban span.enc { background-position:-120px -80px; }

/* td.zokusei */
.songlistBlock table td.zokusei { width:75px; overflow:hidden; background:url(../../img/images/artist/bgNoIcon.png) no-repeat 0 5px;  }
.songlistBlock table td.zokusei span { display:block; margin-right:5px; text-indent:100%; white-space:nowrap; width:20px; height:20px; float:left; overflow:hidden; background:url(../../img/images/artist/icon.png) no-repeat; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.songlistBlock table td.zokusei span.voA { background-position:-100px 0; }
.songlistBlock table td.zokusei span.voB { background-position:-100px -20px; }
.songlistBlock table td.zokusei span.spA { background-position:-100px -40px; }
.songlistBlock table td.zokusei span.spB { background-position:-100px -60px; }
.songlistBlock table td.zokusei span.toA { background-position:-100px -80px; }
.songlistBlock table td.zokusei span.toB { background-position:-100px -100px; }

/* td.kyokkaku */
.songlistBlock table td.kyokkaku { width:300px; }
.songlistBlock table td.kyokkaku span { display:block; text-indent:100%; white-space:nowrap; width:100px; height:20px; overflow:hidden; background:url(../../img/images/artist/icon.png) no-repeat; }
.songlistBlock table td.kyokkaku span.lv1 { background-position:0 0; }
.songlistBlock table td.kyokkaku span.lv2 { background-position:0 -20px; }
.songlistBlock table td.kyokkaku span.lv3 { background-position:0 -40px; }

/* td.modal */
.songlistBlock table td.modal { width:165px; }
.songlistBlock table td.modal a { display:block; font-size:93%; text-align:center; width:165px; height:20px; color:#333!important; background:#CCC; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.songlistBlock table td.modal a:hover { background:#DDD; }

/* td.links */
.artistBlock table td.songname { width:480px }
.songlistBlock table td.links, .artistBlock table td.links { width:auto; padding-top:0; }
.songlistBlock table td.links, .artistBlock table td.links { width:260px; overflow:hidden; float:right; }
.songlistBlock table td.links a , .artistBlock table td.links a { margin:0 0 0 8px; text-indent:100%; white-space:nowrap; overflow:hidden; width:auto; height:30px; display:block; float:right; background:url(../../img/common/icon_Ex.png?verupdate=20171221) no-repeat; box-sizing: border-box; }
.songlistBlock table td.links a.gobuy , .artistBlock table td.links a.gobuy { width: auto; height: auto; padding: 0 4px 0 25px; background: #fb6a00 url(../../img/common/icon-rank-cart.png) no-repeat 4px 50%; line-height: 29px; border-radius: 4px; font-size: 12px; text-align: left; text-indent: 0; color: #fff; }
.songlistBlock table td.links a.gosearch , .artistBlock table td.links a.gosearch { width:90px; background-position:0 50%; }
.songlistBlock table td.links a.utanet , .artistBlock table td.links a.utanet { width: auto; height: 29px; margin-left: 0; padding: 0 3px 0 30px; background: #f5f5f5 url(../../img/common/icon-uta.svg) no-repeat 4px 49%; background-size: 22px; line-height: 29px; border-radius: 4px; box-sizing: border-box; border: 1px solid #ccc; font-size: 12px; text-align: center; text-indent: 0; color: #009; }
.songlistBlock table td.links a.youtube , .artistBlock table td.links a.youtube { width: 71px; height: 29px; padding: 0; background-position: right 50%; background-color: #fff; border-radius: 4px; border: 1px solid #ccc; }
.songlistBlock table td.links a:hover , .artistBlock table td.links a:hover { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7; zoom:1; }

/* modalBox */
.songlistBlock .modalBox , .artistBlock .modalBox { display:none; }
.modalBox { text-align:center; padding:0 20px; }
.modalBox h4 { margin:0 10px 10px; padding:20px 20px 5px; font-size:131%; font-weight:bold; line-height:1.25; width:600px; border-bottom:1px solid #666; }
.modalBox dl { margin:0 auto; text-align:left; width:600px; }
.modalBox dl dt { margin:0 0 10px; font-size:116%; font-weight:bold; line-height:1.25; color:#666; }
.modalBox dl dd { padding-bottom:15px; }
.modalBox dl dd ul li { clear:both; padding:0 0 0 185px; line-height:62px; width:auto; border-bottom:1px dashed #999; overflow:hidden; background:url(../../img/common/icon_ExBuy.png?verupdate=20180119) no-repeat; position:relative; }
.modalBox dl dd ul li.itunes { background-position:0 0; }
.modalBox dl dd ul li.recochoku { background-position:0 -62px; }
.modalBox dl dd ul li.tower { background-position:0 -124px; }
.modalBox dl dd ul li.amazon { background-position:0 -186px; }
.modalBox dl dd ul li.lismo { background-position:0 -253px; }
.modalBox dl dd ul li.utanet { background-position:0 -310px; }
.modalBox dl dd ul li.youtube { background-position:0 -372px; }
.modalBox dl dd ul li.hmv { background-position:0 -435px; }
.modalBox dl dd ul li a { margin-top:16px; text-indent:100%; white-space:nowrap; overflow:hidden; width:90px; height:30px; display:block; float:right; background:url(../../img/common/icon_Ex.png?verupdate=20171221) no-repeat -90px 50%; }
.modalBox dl dd ul li a.gosearch { background-position:0 50%; }
.modalBox dl dd ul li a:hover { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7; zoom:1; }
/* table */

.songlistBlock p.caption { margin:0; padding:10px; font-size:85%; line-height:1.25; border-top:1px solid #CCC; border-bottom:1px solid #CCC; }
.songlistBlock p.notice  { padding:10px 0; text-align:center; font-size:12px; line-height:1.25; }

/* table songInfo */
.songlistBlock table.iconInfo { background:#FFF; margin-bottom:0; border-collapse:separate; border-spacing:0 10px; }
.songlistBlock table.iconInfo th { width:20px; cursor:pointer; }
.songlistBlock table.iconInfo th span { display:block; text-indent:100%; white-space:nowrap; width:20px; height:20px; float:right; overflow:hidden; background:url(../../img/images/artist/icon.png) no-repeat; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }

.songlistBlock table.iconInfo th span.opn { width:40px; height:16px; background-position:-120px 0; }
.songlistBlock table.iconInfo th span.end { width:40px; height:16px; background-position:-120px -40px; }
.songlistBlock table.iconInfo th span.enc { width:40px; height:16px; background-position:-120px -80px; }

.songlistBlock table.iconInfo th span.voA { background-position:-100px 0; }
.songlistBlock table.iconInfo th span.voB { background-position:-100px -20px; }
.songlistBlock table.iconInfo th span.spA { background-position:-100px -40px; }
.songlistBlock table.iconInfo th span.spB { background-position:-100px -60px; }
.songlistBlock table.iconInfo th span.toA { background-position:-100px -80px; }
.songlistBlock table.iconInfo th span.toB { background-position:-100px -100px; }
.songlistBlock table.iconInfo th span.lv1 { float:right; background-position:-10px 0; }

.songlistBlock table.iconInfo th.graph { width:50px; font-weight:normal; font-size:93%; text-align:right; line-height:20px; color:#FF8C00; }
.songlistBlock table.iconInfo th.graph p { color:#333; }

.songlistBlock table.iconInfo td { padding:0 10px 0 0; font-size:85%; min-width:80px; }

p.tooltip { padding:10px 20px; font-size:85%; line-height:1.5; text-align:left; width:185px; height:auto; background:#EEE; border:2px solid #999; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; opacity:0.9; }
table.icontext { height:0; }
/* songlistBlock */

/* td.graph percent */
.songlistBlock table td.graph span.p1 { border-right-width:1px; }
.songlistBlock table td.graph span.p2 { border-right-width:2px; }
.songlistBlock table td.graph span.p3 { border-right-width:4px; }
.songlistBlock table td.graph span.p4 { border-right-width:5px; }
.songlistBlock table td.graph span.p5 { border-right-width:7px; }
.songlistBlock table td.graph span.p6 { border-right-width:9px; }
.songlistBlock table td.graph span.p7 { border-right-width:11px; }
.songlistBlock table td.graph span.p8 { border-right-width:13px; }
.songlistBlock table td.graph span.p9 { border-right-width:15px; }

.songlistBlock table td.graph span.p10 { border-right-width:16px; }
.songlistBlock table td.graph span.p11 { border-right-width:17px; }
.songlistBlock table td.graph span.p12 { border-right-width:19px; }
.songlistBlock table td.graph span.p13 { border-right-width:21px; }
.songlistBlock table td.graph span.p14 { border-right-width:23px; }
.songlistBlock table td.graph span.p15 { border-right-width:24px; }
.songlistBlock table td.graph span.p16 { border-right-width:26px; }
.songlistBlock table td.graph span.p17 { border-right-width:28px; }
.songlistBlock table td.graph span.p18 { border-right-width:29px; }
.songlistBlock table td.graph span.p19 { border-right-width:30px; }

.songlistBlock table td.graph span.p20 { border-right-width:32px; }
.songlistBlock table td.graph span.p21 { border-right-width:33px; }
.songlistBlock table td.graph span.p22 { border-right-width:35px; }
.songlistBlock table td.graph span.p23 { border-right-width:36px; }
.songlistBlock table td.graph span.p24 { border-right-width:37px; }
.songlistBlock table td.graph span.p25 { border-right-width:39px; }
.songlistBlock table td.graph span.p26 { border-right-width:41px; }
.songlistBlock table td.graph span.p27 { border-right-width:42px; }
.songlistBlock table td.graph span.p28 { border-right-width:44px; }
.songlistBlock table td.graph span.p29 { border-right-width:45px; }

.songlistBlock table td.graph span.p30 { border-right-width:46px; }
.songlistBlock table td.graph span.p31 { border-right-width:47px; }
.songlistBlock table td.graph span.p32 { border-right-width:49px; }
.songlistBlock table td.graph span.p33 { border-right-width:51px; }
.songlistBlock table td.graph span.p34 { border-right-width:52px; }
.songlistBlock table td.graph span.p35 { border-right-width:54px; }
.songlistBlock table td.graph span.p36 { border-right-width:56px; }
.songlistBlock table td.graph span.p37 { border-right-width:58px; }
.songlistBlock table td.graph span.p38 { border-right-width:59px; }
.songlistBlock table td.graph span.p39 { border-right-width:60px; }

.songlistBlock table td.graph span.p40 { border-right-width:61px; }
.songlistBlock table td.graph span.p41 { border-right-width:63px; }
.songlistBlock table td.graph span.p42 { border-right-width:64px; }
.songlistBlock table td.graph span.p43 { border-right-width:66px; }
.songlistBlock table td.graph span.p44 { border-right-width:67px; }
.songlistBlock table td.graph span.p45 { border-right-width:68px; }
.songlistBlock table td.graph span.p46 { border-right-width:70px; }
.songlistBlock table td.graph span.p47 { border-right-width:71px; }
.songlistBlock table td.graph span.p48 { border-right-width:73px; }
.songlistBlock table td.graph span.p49 { border-right-width:75px; }

.songlistBlock table td.graph span.p50 { border-right-width:77px; }
.songlistBlock table td.graph span.p51 { border-right-width:78px; }
.songlistBlock table td.graph span.p52 { border-right-width:79px; }
.songlistBlock table td.graph span.p53 { border-right-width:81px; }
.songlistBlock table td.graph span.p54 { border-right-width:83px; }
.songlistBlock table td.graph span.p55 { border-right-width:85px; }
.songlistBlock table td.graph span.p56 { border-right-width:86px; }
.songlistBlock table td.graph span.p57 { border-right-width:87px; }
.songlistBlock table td.graph span.p58 { border-right-width:88px; }
.songlistBlock table td.graph span.p59 { border-right-width:90px; }

.songlistBlock table td.graph span.p60 { border-right-width:91px; }
.songlistBlock table td.graph span.p61 { border-right-width:92px; }
.songlistBlock table td.graph span.p62 { border-right-width:93px; }
.songlistBlock table td.graph span.p63 { border-right-width:95px; }
.songlistBlock table td.graph span.p64 { border-right-width:96px; }
.songlistBlock table td.graph span.p65 { border-right-width:97px; }
.songlistBlock table td.graph span.p66 { border-right-width:99px; }
.songlistBlock table td.graph span.p67 { border-right-width:101px; }
.songlistBlock table td.graph span.p68 { border-right-width:103px; }
.songlistBlock table td.graph span.p69 { border-right-width:105px; }

.songlistBlock table td.graph span.p70 { border-right-width:106px; }
.songlistBlock table td.graph span.p71 { border-right-width:107px; }
.songlistBlock table td.graph span.p72 { border-right-width:109px; }
.songlistBlock table td.graph span.p73 { border-right-width:111px; }
.songlistBlock table td.graph span.p74 { border-right-width:113px; }
.songlistBlock table td.graph span.p75 { border-right-width:115px; }
.songlistBlock table td.graph span.p76 { border-right-width:117px; }
.songlistBlock table td.graph span.p77 { border-right-width:118px; }
.songlistBlock table td.graph span.p78 { border-right-width:119px; }
.songlistBlock table td.graph span.p79 { border-right-width:120px; }

.songlistBlock table td.graph span.p80 { border-right-width:121px; }
.songlistBlock table td.graph span.p81 { border-right-width:123px; }
.songlistBlock table td.graph span.p82 { border-right-width:124px; }
.songlistBlock table td.graph span.p83 { border-right-width:125px; }
.songlistBlock table td.graph span.p84 { border-right-width:127px; }
.songlistBlock table td.graph span.p85 { border-right-width:128px; }
.songlistBlock table td.graph span.p86 { border-right-width:129px; }
.songlistBlock table td.graph span.p87 { border-right-width:131px; }
.songlistBlock table td.graph span.p88 { border-right-width:133px; }
.songlistBlock table td.graph span.p89 { border-right-width:135px; }

.songlistBlock table td.graph span.p90 { border-right-width:137px; }
.songlistBlock table td.graph span.p91 { border-right-width:139px; }
.songlistBlock table td.graph span.p92 { border-right-width:141px; }
.songlistBlock table td.graph span.p93 { border-right-width:142px; }
.songlistBlock table td.graph span.p94 { border-right-width:143px; }
.songlistBlock table td.graph span.p95 { border-right-width:144px; }
.songlistBlock table td.graph span.p96 { border-right-width:145px; }
.songlistBlock table td.graph span.p97 { border-right-width:146px; }
.songlistBlock table td.graph span.p98 { border-right-width:147px; }
.songlistBlock table td.graph span.p99 { border-right-width:148px; }

.songlistBlock table td.graph span.p100 { border-right-width:150px; }