@use "global/common" as global;

/* ------------------------------
 リスト
------------------------------- */
.acms-list-group-heading {
	margin-bottom: 0;
	padding: 5px 0;
	color: #333;
	border-bottom: 2px solid #333;
	a {
		color: inherit;
		text-decoration: none;
	}
}
.acms-list-group {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid global.$acms-list-group-border-color;
	.acms-list-group-heading + & {
		border-top: 0;
	}
	+ .acms-list-group  {
		margin: 0 0 10px 0;
	}
}
.acms-list-group-item {
	display: block;
	padding: 10px;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid global.$acms-list-group-border-color;
	&:hover {
		background: #EEE;
	}
	&:hover,
	&:visited,
	&:active,
	&:focus {
		color: #333;
		text-decoration: none;
	}
}

/* ラベルを内包しているとき */
.acms-list-group-label-parent {
	position: relative;
	padding: 10px 30px 10px 10px;
}

.acms-list-group-label {
	position: absolute;
	top: 10px;
	right: 10px;
}

.acms-list-group-title-link {
	position: relative;
	margin: 0 10px;
	text-decoration: none;
	&:hover,
	&:visited,
	&:active,
	&:focus {
		text-decoration: underline;
	}
}
