@charset utf-8;

#wrap #container #content div.grayBack { padding-bottom:10px; }

/* artistBlock */
#top-title span { font-size: 101%; line-height: 1.25; }
div.eventBox { background: #FFFFFA !important; }
.artistBlock { margin-bottom:20px; padding:10px; width:auto; overflow:hidden; position:relative; }
.artistBlock a.artistimg { display:block; width:auto; float:left; }
.artistBlock a.artistimg img { object-fit: contain; }
.artistBlock h3, .artistBlock p { margin-left:100px; }
.artistBlock h3 { font-size:131%; font-weight:bold; line-height:1.25; border-bottom:1px solid #666; }
.artistBlock .genres { position:relative; left:inherit; bottom:inherit; width: inherit;}
.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 */


/* narrowBlock */
.narrowBlock { margin:0 0 20px; }
.narrowBlock form { padding:0 10px; overflow:hidden; }
.narrowBlock form dl { margin-right:10px; width:auto; float:left; overflow:hidden; }
.narrowBlock form dl dt { margin-right:10px; line-height:25px; width:auto; float:left; }
.narrowBlock form dl dd { width:auto; float:left; }
.narrowBlock form select { display:inline; margin:0 5px 0 0; padding:0 5px; font-size:93%; line-height:25px; width:155px; height:25px; vertical-align:middle; background:#FFF; border:none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.narrowBlock form input[type="text"] { display:inline; margin:0 8px 0 0; padding:0 5px; font-size:93%; line-height:25px; width:300px; height:25px; vertical-align:middle; background:#FFF; border:none; float:left;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.narrowBlock form input[type="submit"] { display:inline-block; font-size:93%; font-weight:bold; line-height:1.25; color:#FFF; width:85px; height:25px; background:#FF8C00; border:none; float:right;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
/* narrowBlock */


/* narrowTab */
ul.narrowTab { margin:0 -14px 20px -10px; width:704px; overflow:hidden; background:url(../../img/images/artist/bgSonglist.gif) no-repeat 0 0; }
ul.narrowTab li { margin-right:4px; width:172px; float:left; background:url(../../img/images/artist/bgSonglist_li.gif) no-repeat 0 0; }
ul.narrowTab li.current { background:url(../../img/images/artist/bgSonglist.gif) no-repeat 0 0; }
ul.narrowTab li a { display:block; padding:3px 0 0 43px; color:#333; text-align:center; line-height:37px; width:auto; height:37px; position:relative; }
ul.narrowTab li:first-child a { padding-left:0; }
ul.narrowTab li a:hover { color:#FF8C00; background:url(../../img/images/artist/bgSonglist_li.gif) no-repeat 0 -40px; }
ul.narrowTab li.current a { font-weight:bold; color:#FF8C00; }
ul.narrowTab li.current a:hover { color:#FF8C00; background:url(../../img/images/artist/bgSonglist.gif) no-repeat 0 0; }
ul.narrowTab li span { display:block; margin:-6px 0 0 0; text-indent:100%; white-space:nowrap; width:40px; height:16px; overflow:hidden; background:url(../../img/images/artist/icon.png) no-repeat; position:absolute; top:50%;; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
ul.narrowTab li span.opn { background-position:-120px 0; left:30px; }
ul.narrowTab li span.end { background-position:-120px -40px; left:28px; }
ul.narrowTab li span.enc { background-position:-120px -80px; left:17px; }

ul.narrowTab li.nodata { padding:3px 0 0 43px; color:#888; text-align:center; line-height:37px; width:129px; height:37px; position:relative; }
ul.narrowTab li.nodata span.opn { background-position:-160px 0; }
ul.narrowTab li.nodata span.end { background-position:-160px -40px; }
ul.narrowTab li.nodata span.enc { background-position:-160px -80px; }
/* narrowTab */


/* sortBlock */
.sortBlock { padding:0 10px; width:auto; overflow:hidden; min-height:37px; }
.sortBlock p.pageSort { width:30%; float:left; }
.sortBlock p.pageSort a.sortUP, .sortBlock p.pageSort a.sortDOWN { font-weight:bold; color:#333; }
.sortBlock p.pageSort a.sortUP:before { content:"▲"; }
.sortBlock p.pageSort a.sortDOWN:before { content:"▼"; }
.sortBlock p.pageNate { width:69%; float:right; }
/* sortBlock */


/* songlistBlock */
.songlistBlock { padding:10px; overflow:hidden; }

/* table */
.songlistBlock table {width: 688px;background:#EEE;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;}
.songlistBlock table.tbtm { margin-bottom:5px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.songlistBlock table td { padding:10px 5px 0 0; }
.songlistBlock table td.teiban, .songlistBlock table td.zokusei, .songlistBlock table td.links { padding-top:0; padding-bottom:10px; }
.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:90%; 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 */
.songlistBlock table td.links { padding-left:70px; width:435px; padding-top:0; }
.songlistBlock table td.links { width:260px; overflow:hidden; float:right; }
.songlistBlock 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 { width: auto; height: auto; padding: 0 4px 0 25px; background: #fb6a00 url(../../img/common/icon-rank-cart.png) no-repeat 4px 49%; line-height: 29px; border-radius: 4px; font-size: 12px; text-align: left; text-indent: 0; color: #fff; }
.songlistBlock table td.links a.gosearch { width:90px; background-position:0 50%; }
.songlistBlock 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 { width: 71px; height: 29px; padding: 0; background-color: #fff; background-position: right 50%; border-radius: 4px; border: 1px solid #ccc; }
.songlistBlock 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 { 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; }
.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; }

/* MCDB icon k.shiihara */

#iconInfo-title { padding: 10px 0px 5px; border-top: solid 1px #CCC; }
#mcdb-icon { width: 60px; display: inline-block; margin-bottom: 2px; border-bottom: solid #666 1px; }
#iconInfo-title + table.iconInfo { padding-left: 30px; }
th.iconInfo-caption { font-size:14px; text-align: left; }
