// 垂直リスト
.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;
	}
}

// 水平リスト
.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;
	}
}
.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;
		}
	}
}