/* カプセルボタン start */
.js-dlpo-weeklyRanking-a .weeklyRanking .recommend__tabListLink,
.js-dlpo-weeklyRanking-c .weeklyRanking .recommend__tabListLink {
	box-sizing: border-box;
	height: 36px;
	margin: 0 6px 12px 0;
	padding: 7px 16px 0;
	display: block;
	color: #003894;
	border: solid 1px #003894;
	font-size: 14px;
	border-radius: 20px;
	background-color: #fff;
	font-weight: normal;
}

.js-dlpo-weeklyRanking-a .weeklyRanking .recommend__tabListItem,
.js-dlpo-weeklyRanking-c .weeklyRanking .recommend__tabListItem {
	margin: 0;
}

.js-dlpo-weeklyRanking-a .weeklyRanking .recommend__tabListLink.-current,
.js-dlpo-weeklyRanking-c .weeklyRanking .recommend__tabListLink.-current {
	background-color: #003894;
	color: #fff;
}

/* カプセルボタン end */

/* 2行の見た目 start*/
@media only screen and (max-width: 767px) {

	.js-dlpo-weeklyRanking-b .weeklyRanking .recommendItem,
	.js-dlpo-weeklyRanking-c .weeklyRanking .recommendItem {
		width: 100%;
	}

	.js-dlpo-weeklyRanking-b .weeklyRanking .recommend__slider,
	.js-dlpo-weeklyRanking-c .weeklyRanking .recommend__slider {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		overflow-x: scroll;
		padding: 0 10px 10px;

	}

	.js-dlpo-weeklyRanking-b .weeklyRanking .recommend__list,
	.js-dlpo-weeklyRanking-c .weeklyRanking .recommend__list {
		padding-left: 6px;
		flex: 1 0 auto;
		display: block;
		width: 28vw;
		max-width: 130px;
		padding: 0 6px;
	}
}

/* 幅切り替え用 */
@media only screen and (max-width: 340px) {

	.js-dlpo-weeklyRanking-b .weeklyRanking .recommend__slider,
	.js-dlpo-weeklyRanking-c .weeklyRanking .recommend__slider {
		height: calc(190px* 2 + 13em);
	}

	.js-dlpo-weeklyRanking-b .weeklyRanking .recommend__list,
	.js-dlpo-weeklyRanking-c .weeklyRanking .recommend__list {
		height: calc(190px + 6em);
	}
}

@media only screen and (min-width: 341px) and (max-width: 395px) {

	.js-dlpo-weeklyRanking-b .weeklyRanking .recommend__slider,
	.js-dlpo-weeklyRanking-c .weeklyRanking .recommend__slider {
		height: calc(210px* 2 + 13em);
	}

	.js-dlpo-weeklyRanking-b .weeklyRanking .recommend__list,
	.js-dlpo-weeklyRanking-c .weeklyRanking .recommend__list {
		height: calc(210px + 6em);
	}
}

@media only screen and (min-width: 396px) and (max-width: 450px) {

	.js-dlpo-weeklyRanking-b .weeklyRanking .recommend__slider,
	.js-dlpo-weeklyRanking-c .weeklyRanking .recommend__slider {
		height: calc(230px * 2 + 13em);
	}

	.js-dlpo-weeklyRanking-b .weeklyRanking .recommend__list,
	.js-dlpo-weeklyRanking-c .weeklyRanking .recommend__list {
		height: calc(230px + 6em);
	}
}

@media only screen and (min-width: 451px) and (max-width: 767px) {

	.js-dlpo-weeklyRanking-b .weeklyRanking .recommend__slider,
	.js-dlpo-weeklyRanking-c .weeklyRanking .recommend__slider {
		height: calc(230px * 2 + 13em);
	}

	.js-dlpo-weeklyRanking-b .weeklyRanking .recommend__list,
	.js-dlpo-weeklyRanking-c .weeklyRanking .recommend__list {
		height: calc(230px + 6em);
	}
}

/* 2行の見た目 end*/