@charset "euc-jp";
/* CSS Document */

body{
	font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
	font-size:12px;
	line-height:1.5;
}

img{
	width:100%;
}

figure img{
	width:70%;
	margin-top:5px;
}

/* ------- 1位 ------- */

#rank1{
	width:100%;
	text-align:center;
	padding-bottom:20px;
	margin:10px 0 20px;
	border-bottom:1px dashed #ccc;
}

#rank1>img{
	width:80px;
}

.review{
	text-align:left;
	background:#F4F4F4;
	margin:0 20px;
	padding:5px;
}

.review span{
	color:#BF0000;
}

.item_ex{
	background:#18213E;
	color:#fff;
	margin:10px 20px;
	padding:5px 0;
}

.item_name{
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
}

.item_btn{
	background:#17233B;
	color:#fff;
	display:inline-block;
	padding:5px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#rank1 .price{
	display:table;
	width:100%;
	padding:10px 20px;
}

#rank1 .price p{
	display:table-cell;
}

.price p:first-child{
	text-align:left;
}

.price p:first-child span{
	color:#BF0000;
}

.price p:last-child{
	color:#BF0000;
	text-align:right;
}

.price p:last-child span{
	color:#BF0000;
	font-size:18px;
	font-weight:bold;
}

/* ------- 2位-5位 ------- */


#rank2-5 .table{
	display: table;
	margin: 0 auto 20px;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 10px 0;  /* 左右 上下で記述 */
	table-layout:fixed;
	width:100%;
	text-align:center;
	padding-bottom:20px;
	border-bottom:1px dashed #ccc;
}

#rank2-5 .table>div{
	display:table-cell;
}

#rank2-5 .item_ex{
	margin:0;
}

#rank2-5 .table div>img{
	width:50px;
}

#rank2-5 .item_name{
	font-size:12px;
	font-weight:bold;
	margin:5px 0;
}

#rank2-5 .table figure img{
	width:100%;
	margin:5px 0;
}

#rank2-5 .price{
	margin:0 0 5px;
	padding:0;
}

#rank2-5 .price p:first-child{
	text-align:center;
	font-size:10px;
}

#rank2-5 .item_btn{
	font-size:11px;
	padding:5px 0;
	width:100%;
}


/* ------- 6位-50位 ------- */

#rank6-50{
	margin-bottom:20px;
}

#rank6-50 .table{
	display: table;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 10px 0;  /* 左右 上下で記述 */
	table-layout:fixed;
	width:100%;
	padding-bottom:10px;
}

#rank6-50 .table>div{
	display:table-cell;
}

#rank6-50 .table figure img{
	width:100%;
	margin:0 0 5px;
}

#rank6-50 .rank{
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
	background-image:url("https://image.rakuten.co.jp/minacorporation/cabinet/04151505/hishi1.gif");
	background-size:contain;
	color:#fff;
}

#rank6-50 .price{
	color:#BF0000;
}

#rank6-50 .price span{
	color:#BF0000;
	font-weight:bold;
	font-size:14px;
}

#rank6-50 .item_name{
	font-size:11px;
	font-weight:inherit;
	margin:0;
	white-space: nowrap; /* 横幅のMAXに達しても改行しない */
	overflow: hidden; /* ハミ出した部分を隠す */
	text-overflow: ellipsis; /* 「…」と省略 */
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
}

/* -------- フッター ---------*/

.back{
	text-align:center;
	margin-bottom:10px;
}

.back a{
	background:#2e2e2e;
	color:#fff;
	padding:5px 10px;
	display:inline-block;
}

footer{
	width:100%;
	background:#000;
	color:#fff;
	text-align:center;
	padding:3px 0;
}