.recommendCorner--a,
.recommendCorner--b,
.information .recommendCorner__items:first-child {
	display: none;
}
@media only screen and (max-width: 767px) {
	.js-dlpo-weeklyRanking-d0 .weeklyRanking,
	.js-dlpo-weeklyRanking-d1 .weeklyRanking,
	.js-dlpo-weeklyRanking-d2 .weeklyRanking,
	.js-dlpo-weeklyRanking-z .weeklyRanking {
		display: none;
	}
	.js-dlpo-weeklyRanking-d1 .recommendCorner--a,
	.js-dlpo-weeklyRanking-d0 .recommendCorner--b,
	.js-dlpo-weeklyRanking-d2 .information .recommendCorner__items:first-child {
		display: block;
	}
	.js-dlpo-weeklyRanking-d1 .recommendCorner .recommendCorner__list {
		padding: 0;
	}
}
@media print, (min-width: 768px) {
  .recommendCorner.recommendCorner--fluid-spacing {
    max-width: none;
    min-width: auto;
  }
  .recommendCorner.recommendCorner--a.recommendCorner--fluid-spacing .recommendCorner__inner {
		padding: 30px 0 0;
  }
  .recommendCorner.recommendCorner--fluid-spacing .recommendCorner__list {
		justify-content: center;
  }
}
/* カプセルボタン start */
@media only screen and (max-width: 767px) {
	.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*/