@charset "UTF-8";

@font-face {
	font-family: "Noto Sans JP";
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/NotoSansJP-Light.woff") format("woff");
}

@font-face {
	font-family: "Noto Sans JP";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/NotoSansJP-Regular.woff") format("woff");
}

@font-face {
	font-family: "Noto Sans JP";
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/NotoSansJP-Medium.woff") format("woff");
}

@font-face {
	font-family: "Noto Sans JP";
	font-style: normal;
	font-weight: 600;
	src: url("../fonts/NotoSansJP-SemiBold.woff") format("woff");
}

@font-face {
	font-family: "Noto Sans JP";
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/NotoSansJP-Bold.woff") format("woff");
}

/* h4 {
	padding: 5px 0px;
	text-align: center;
	color: #fff;
	border-radius: 10px;
	background-color: #f00;
	margin-bottom: 20px;
} */

.p-rankingAnnotation__text {
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	margin-top: 15px;
	font-size: 14px;
	font-weight: 100;
}

.p-rankingAnnotation__text p {
	display: inline-block;
	padding-left: 1em;
	/* text-indent: -1em; */
	line-height: 2em;
}

@media (min-width: 768px) {
	.main-flex-container .l-main.--slimHeader .p-searchTabPannelWrapper .p-main .p-categoryDetails .l-container--small .js-category-tabpannel .p-categoryRanking .p-categoryAll .c-headingSmall {
		margin-bottom: 20px;
	}
}

@media (max-width: 768px) {
	.main-flex-container .l-main.--slimHeader .p-searchTabPannelWrapper .p-main .p-categoryDetails .l-container--small .js-category-tabpannel .p-categoryRanking .p-categoryAll .c-headingSmall {
		margin-bottom: 10px;
	}

	/* 
	h4 {
		font-size: 11px;
		margin-bottom: 16px;
	} */

	.p-rankingAnnotation__text p {
		font-size: 10px;
		line-height: 1.5em;
		width: 95%;
        margin: 0 auto;
	}

	.p-categoryDetailItem__list li {
		margin-top: 10px;
	}

	.p-categoryDetailItem__list li:first-of-type {
		margin-top: 0px;
	}
	.p-rankingAnnotation__text {
		font-size: calc(90vw / 31);
	}
	
}