@charset "shift_jis";

.chWkRank h2 img {
	max-width: 100%;
}

.chWkRank {
	/* max860px */
	margin: 0;
	padding: 0;
}
.chWkRank .items{ margin: 0px; }

.chWkRank .cap {
	margin: 0;
	padding: 8px 5px;
	border-bottom: 1px solid #ddd;
	font-size: 12px;
	white-space: nowrap;
	}

.chWkRank .item{
	width: calc(25% - 10px);
	margin: 5px;
	*+width: 210px;
	float: left;
	box-sizing: border-box;
	border: 2px solid #ddd;
	}
.chWkRank .block{
	margin: 3px;
	border: 2px solid #ddd;
	}

.chWkRank ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	.chWkRank ul li{
		width: 100%;
		vertical-align:bottom;
		border-bottom: 1px dotted #ddd;
		font-size:12px;
		}
	.chWkRank ul .rank {
		display: inline-block;
		width: 40px;
		height: 70px;
		float: left;
		text-indent: -1000px;
		overflow: hidden;
		background-repeat: no-repeat;
	}
	.chWkRank ul li.rank1 {
	}
	.chWkRank ul li.rank1 .rank {
		background-image: url(images/rank1.png);
	}
	.chWkRank ul li.rank2 .rank {
		background-image: url(images/rank2.png);
	}
	.chWkRank ul li.rank3 .rank {
		background-image: url(images/rank3.png);
	}
	.chWkRank ul li.rank4 .rank {
		background-image: url(images/rank4.png);
	}
	.chWkRank ul li.rank5 .rank {
		background-image: url(images/rank5.png);
	}
	.chWkRank ul li.rank5 {
		border-bottom: none;
	}

	.chWkRank ul li a {
		position:relative;
		display:block;
		height:80px;
		overflow: hidden;
	}
	.chWkRank ul li a:link {
		text-decoration: none;
	}
	.chWkRank ul li .image {
		float: left;
	}
	.chWkRank ul li .image img {
		vertical-align: bottom;
		height: 50px;
		width: 50px;
		margin: 5px 3px 0 5px;
	}
	.chWkRank ul li .name {
		position: relative;
		display: block;
		margin: 3px 3px 0 0;
		font-size: 100%;
		line-height: 1.3em;
		word-break:break-all;
		text-decoration: none;
	}
	.catpicup a:link {
		text-decoration: none;
	}
	.chWkRank ul li .price {
		position: absolute;
		right: 5px;
		bottom: 3px;
		color: #EA0006;
		font-size: 110%;
		font-weight: bold;
		display: none;
	}
	.chWkRank ul li .buy {
		position: absolute;
		right: 5px;
		bottom: 3px;
	}


@media screen and (max-width: 768px) {
/* メインコンテンツカラム3/4より小さい */
	.chWkRank {
		width:100%;
		margin: 0;
	}
	.chWkRank .items{ margin: 10px; }
	.chWkRank .cap {
		padding: 0 0 5px 0;
	}
	.chWkRank .item {
		width: 100%;
		margin: 0;
		border:none;
	}
	.chWkRank ul .rank {
		display: inline-block;
		width: 25px;
		height: 60px;
		background-size: 20px;
	}
	.chWkRank ul li {
		border-bottom: none;
	}
	.chWkRank ul li a {
		height: auto;
	}
	.chWkRank .slick-list {
		margin: 0 30px 0 0;
	}
	.chWkRank .slick-prev {
		left: 0px;
		display: none !important;
	}
	.chWkRank .slick-next {
		right: 0px;
	}
	.chWkRank .slick-prev:before, .chWkRank .slick-next:before {
		color: #ddd;
	}
}