@charset "Shift_JIS";

#ranking-music{ background-color:#fff;  margin-bottom: 15px;}

.rankBtn-right{margin:0; background-color:#FFFFFF;}
.rankBtn-left{margin-right:7px;background-color:#FFFFFF;}
.rankBtn-middle{margin:0; float:none; width:140px; margin:0 auto;  background-color:#FFFFFF;}

.rankBtn-center{margin:25px auto 0px; background-color:#FFFFFF; text-align:center; width:180px;display: block;
border: 2px solid #2980b9; color: #2980b9; letter-spacing: 0.05em; list-style: none; vertical-align: top;/*background:url("http://contents.oricon.co.jp/sp/image/rankbtn-yaji.gif") no-repeat 98% 50%; padding: 0.5em 1em ;*/ padding:0.1em 0;
background-size:0.45em; height: 2.6em; line-height:2.7em; font-weight:bold; font-size:0.8em; }
.rankBtn-center a{text-decoration: none;}

.rankingWaku >section{background:#FFFFFF; width:100%; margin-top:5px; margin-bottom:7px;}
.rankingWaku ul {margin:13px auto 0; padding:0 12px; width:296px;text-align: center; height:2em;}

.rankingWaku ul li{
display: inline-block;
width:140px;
background-color: #fff;
border: 2px solid #2980b9;
color: #2980b9;
letter-spacing: 0.05em;
list-style: none;
float:left;
text-align:center;
vertical-align: top;

background:url("http://contents.oricon.co.jp/sp/image/rankbtn-yaji.gif") no-repeat 98% 50%;
background-size:0.43em;
height: 2.3em;
line-height:2.2em;
font-size:0.9em;
}

.rankingWaku ul li:last-child{ margin-right:0;}
.rankingWaku ul li a{text-decoration: none; font-weight:bold; font-size:0.9em; }

/**/



#ranking-detail h2 {background:none; text-align:center; color:#111; padding:1em 0;}
#ranking-detail h2 span {font-weight:normal; font-size:0.8em;}

.ranking-list-icon-up,
.ranking-list-icon-down,
.ranking-list-icon-stay,
.ranking-list-icon-new,
.ranking-button-icon-buy,
.ranking-button-icon-list {background:url(http://contents.oricon.co.jp/sp/rank/image/ranking-splite.png) no-repeat;}

#single-daily-ranking-new {}
#book-ranking-new {}
.ranking-new {border-top:1px solid #c7cfcf; height:100%; margin:0; padding:0;}

.ranking-list-new {border-top:1px solid #fff; border-bottom:1px solid #bec6c6; margin:0; padding:0; position:relative;}
.ranking-list-bg-first {/*
	background:-moz-linear-gradient(center top, #F2F2F2 0%, #E4E4E4 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e0e0e0), color-stop(1, #d1d1d1));*/
	background-color:#E4E4E4;}
.ranking-list-bg-second {
	/*background:-moz-linear-gradient(center top, #F2F2F2 0%, #E4E4E4 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e8e8e8));*/
	background-color:#e8e8e8;}
	
.ranking-list-new a {width:100%; margin:0; padding:0; display:block; text-decoration:none; overflow:hidden;}
.ranking-list-bar-new {display:table-cell; vertical-align:middle; width:20px; height:100%; background-color:#454f5f; margin:0;  padding:1em 0;}
.ranking-list-num-new {display:block; text-align:center; color:#fff; font-size:1em; font-weight:bold;}
.ranking-list-icon {display:block; width:20px; height:25px; margin:14px 3px 0 3px; text-indent:100%; overflow:hidden;}
.ranking-list-icon-up {background-position:-350px 0; background-size:430px auto;}
.ranking-list-icon-down {background-position:-370px 0; background-size:430px auto;}
.ranking-list-icon-stay {background-position:-390px 0; background-size:430px auto;}
.ranking-list-icon-new {background-position:-410px 0; background-size:430px auto;}

.ranking-info-new {display:table-cell; list-style:none; color:#333; width:100%; margin:0; padding:0;}
.ranking-info-new:after{ content:"";width: 9px;height: 14px; position:absolute; top:45%; right:.6em;
			background:url(http://contents.oricon.co.jp/sp/image/sprites.png) no-repeat scroll 0 0;
			background-size:110px auto; background-position: 0 -35px;}
			
.ranking-jacket {float:left; width:6em; height:6em; margin:0; padding:3% 0.5em;}
.ranking-jacket-img {display:table-cell; width:6em; height:6em; vertical-align:middle; text-align:center; background-color:#fff;}
.ranking-jacket img {max-width:6em; max-height:6em;}
.ranking-title {display:block; width:60%; font-size:90%; color:#34495e !important;
				font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0; padding:2% 0 0 0;}

.ranking-artist {display:block; width:60%; font-size:90%; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
				margin:0; padding:0;}
.ranking-date {display:block; width:60%; font-size:70%; line-height:1.5em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0; padding:0;}
.ranking-sales {display:block; width:60%; font-size:70%; line-height:1.5em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0; padding:0;}
.ranking-button-new {position:absolute; bottom:0.5em; z-index:100; left:45%;}
.ranking-button-icon-btn {width:60%; height:2em; display:inline-block;}

.ranking-button-new a {width:175px; height:45px; text-indent:100%; overflow:hidden; display:block; font-size:2em; color:#fff;}
.ranking-button-icon-buy {width:175px; height:45px; display:inline-block; margin-right:1em; background-position:0 0;}
.ranking-button-icon-list {width:175px; height:45px; display:inline-block; background-position:-350px 0;}

/** 本ランキング調整 **/
#book-ranking-new .ranking-title {padding-top:0;}
#book-ranking-new .ranking-info-new {padding:1% 0;}
#book-ranking-new .ranking-jacket {padding:7% 2%;}
#book-ranking-new .ranking-bookBox {display:block; overflow:hidden; margin-right:20px;}
/** 本ランキング調整 **/

ul.ranking-button {left:26px; margin-left:7em; padding-left:0; position:absolute; z-index:10; top:71%;}
ul.ranking-button li{display:inline-block; margin-right:0;}
ul.ranking-button li a{
	width:77%;
	font-size:77%;
	color:#fff; text-decoration:none; display:block; padding:.5em 0 .5em 18px ;
	background: #94a4a5;
	background: -moz-linear-gradient(top,  #94a4a5 0%, #8a9799 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94a4a5), color-stop(100%,#8a9799));
	background: -webkit-linear-gradient(top,  #94a4a5 0%,#8a9799 100%);
	background: linear-gradient(to bottom,  #94a4a5 0%,#8a9799 100%);
	border-radius:3px;min-width:70px; text-align:center; position:relative;
}
ul.ranking-button.iPhone li a{
	width:77%;
	font-size:77%;
	color:#fff; text-decoration:none; display:block; padding:.5em 0 .5em 18px ;
	background: #94a4a5;
	background: -moz-linear-gradient(top,  #b9c1c2 0%, #b2baba 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9c1c2), color-stop(100%,#b2baba));
	background: -webkit-linear-gradient(top,  #b9c1c2 0%,#b2baba 100%);
	background: linear-gradient(to bottom,  #b9c1c2 0%,#b2baba 100%);
	border-radius:3px;min-width:70px; text-align:center; position:relative;
}
.ranking-new .ranking-button .listen-icon-button a:before{ content:"";position:absolute;background-position: -70px -106px ;width: 15px;height: 11px;top:33%; left:.6em;}
.ranking-new .ranking-button .list-icon-button a:before{ content:"";position:absolute;background-position: -88px -106px ;width: 9px;height: 9px; top:33%; left:.6em;}

.ranking-division ul {width:304px; margin:2em auto 0 auto; padding:0; list-style:none;}
.ranking-division li {width:98px; float:left; border:1px solid #44cbb0; background-color:#44cbb0; margin:0 1px 1px 0; padding:0.5em 0; line-height:1.2em;
						text-align:center;}
.ranking-division li a {text-decoration:none; color:#fff;}
.ranking-division .current {background-color:#fff;}
.ranking-division .current a {color:#44cbb0;}


.ranking-change {padding-bottom:2em;}
.ranking-change ul {width:304px; padding:0 8px; margin:0 auto;}
.ranking-change .prevBtn {width:82px; background-position:4% 48%; background-image:url(http://contents.oricon.co.jp/sp/image/rankbtn-yaji_l.gif);}
.ranking-change .nextBtn {width:82px; float:left; background-position:96% 48%;}
.ranking-change .textArea {width:132px; line-height:2.2em; padding:4px 0; border:none; font-size:0.8em; color:#111; background:none; text-align:center;}
.ranking-change .noBtn {visibility:hidden;}