/*==================================

	関連キーワードのチップ（SP/PC共通）

	SPとPCで読み込むCSSが分かれているため、
	このファイルだけを両方から読み込んで定義を1箇所にまとめる。

==================================*/

.related-keyword-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.related-keyword-list li {
	display: flex;
	min-width: 0;
}

/* 上のliより詳細度を上げないと「もっと見る」前の非表示が効かない */
.related-keyword-list li.hidden-relateditem {
	display: none;
}

.related-keyword-list .related-chip {
	display: inline-flex;
	align-items: center;
	padding: 8px 22px;
	background: #FFF;
	border: 1px solid #EDEDED;
	border-radius: 5px;
	font-size: 13px;
	line-height: 1.4;
	color: #222;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
	white-space: nowrap;
	flex: 0 0 auto;
}