/*
 BIZビジネス書ランキング用CSS　bb_ranking_PC.css
*/

.RankingHeadDate{
	/*padding : 2%;*/
	text-align: center;
}
.ranking-title {
        font-size: 2.1rem;
        font-family: 'Georgia', serif; /* セリフ体フォント */
        color: #222222;
        text-align: left; /* 中央寄せ */
        /*text-shadow: 2px 2px 5px rgba(0,0,0,0.2);*/ /* 文字に影 */
        margin-top: 2rem; /* 上の余白 */
        margin-bottom: 0.5rem; /* 下の余白 */
        position: relative;
        padding-bottom: 5px;
}

.ranking-title::after {
        content: '';
        /*position: absolute;*/
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 50%;
        height: 4px;
        background-color: #808080; /* 下線の色 */
}

.ranking-title2 {
	/*font-family: 'Georgia', serif;*/ /* セリフ体フォント */
	font-size: 2.1rem;
	position: relative;
	padding: 0.5em;
	background: #c0c0c0;
	color: #3e3e3e;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.ranking-title2::before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px rgb(149, 158, 155);
}

.ranking-title3 {
  /*font-family: "游ゴシック", "Yu Gothic", sans-serif;*/ /* ゴシック体 */
  font-weight: bold;
  font-size: 1.99em;
  color: #333;
  line-height: 1.5; /* 例: 行間を調整する */
  margin-top: 1.2em;
}


/* ランキングテーブル */
table.bb_ranking {
    border-collapse: collapse;	/* セルの線を重ねる */
    table-layout: fixed;	/* add */
    margin-bottom: 1.5rem;
}

table.bb_ranking th, table.bb_ranking td {
    border: 1px solid #888;    /*枠線指定1(灰色)*/
    /*padding: 0.3em;		/* 余白指定 */
    /*border: 2px solid #d2e8f1;*/	/*枠線指定2(水色)*/
}

.bb_ranking thead th {
  background-color: #085299;
  color: #fff;
  border: 1px solid #4d9bc1;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 1em 0px;
  white-space: nowrap;
}

.bb_ranking thead th:last-of-type {
  border-right: 2px solid #ffffff;
}

.bb_ranking tbody th {
  color: #4d9bc1;
  font-weight: bold;
  text-align: center;
  
}

table.bb_ranking td {
  background: #fff;
  padding: 0.3em;
}
table.bb_ranking tr:nth-child(odd) td {
  background: #eee;
}
/*↑ここまで反映*/

/* For. style-01 （未使用） */
.RankingNum{
    /*top: 3px;*/
    /*left: 3px;*/
    font-weight: bold;
    font-size:1.7rem;
    line-height: 1.3;
    width:50px;
}

.RankingNum > span{
    display: table-cell;
    /*height: 61px;*/
    vertical-align: middle;
    text-align: center;
    width:2rem;
}

.colorRed {
    color: #e60012;
}

.RankingTitle {
    font-weight: bold;
    font-size: 1.285rem;
    line-height: 1.2;
}

.RankingAuthor {
    width: 50%;
}

.RankingPrice {
    width: 13%;
    text-align: right;
}
/* For. style-01 （未使用） */

.rank_num{
	font-weight: bold;
    font-size:1.3rem;
    line-height: 1.3;
    width:1.2rem;
}

.title {
    width: 40%;
    font-size: 1.125rem;font-weight: bold;
    line-height: 1.2;
}

.author {
    width: 25%;
}
.publisher{
	width: 20%;
}
.price {
    width: 15%;
    text-align: right;
}