// 通常のリスト
ul,
ol {
	>li {
		>ul,
		>ol,
		>.px2-p,
		>.px2-p p,
		>p{
			margin-top: 0;
			margin-bottom: 0;
		}
	}
}

// 垂直リスト
.px2-vertical-list,
.px2-vertical-list>ul,
.px2-vertical-list>ol {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	padding-left: 0;

	>ul>li,
	>ol>li,
	>li {
		list-style-type: none;
		padding-left: 0;
		>p{
			margin: 0;
		}
	}
}

// 水平リスト
.px2-horizontal-list,
.px2-horizontal-list>ul,
.px2-horizontal-list>ol {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 0;
	gap: 5px;

	>ul>li,
	>ol>li,
	>li {
		list-style-type: none;
		padding: 0;
		margin: 0 2px;
		>p{
			margin: 0;
		}
		&:first-child {
			margin-left: 0;
		}
		&:last-child {
			margin-right: 0;
		}
	}
}
.px2-horizontal-list {
	&--left {
		justify-content: flex-start;
	}
	&--center {
		justify-content: center;
	}
	&--right {
		justify-content: flex-end;
	}
}

// 注釈リスト
.px2-note-list,
.px2-note-list>ul,
.px2-note-list>ol {
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 1.5em;

	>ul>li,
	>ol>li,
	>li {
		list-style-type: none;
		color: #999;
		font-size: 86%;
		position: relative;
		&::before{
			content: "※";
			position: absolute;
			left: -1.5em;
		}
	}
}