.hp-tag-group-wrap {
	margin-top: 60px;
}

.hp-tag-group .hp-narrow-down-wrap {
	display: none;
}

.hp-tag-group .hp-narrow-down-wrap.is-current {
	display: block;
	overflow: hidden;
}

@media screen and (max-width:767px){
	.hp-tag-group-wrap {
		margin-top: 35px;
		border: 1px solid #E60012;
		border-radius: 20px;
		transition: .3s;
	}

	.hp-tag-group-wrap.is-active {
		border-radius: 12px;
	}

	.hp-tag-group {
		margin-top: 10px;
		padding: 0 24px 16px;
		display: none;
	}
}

.hp-tag-group .hc-narrow-down {
	width: calc(100% + 12px);
}

.hp-tag-group__more {
	display: none;
}

@media screen and (max-width:767px){
	.hp-tag-group .hc-narrow-down {
		width: calc(100% + 7px);
	}

	.hp-tag-group__more {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 38px;
		position: relative;
		font-weight: bold;
	}

	.hp-tag-group__more span:nth-child(2) {
		display: none;
	}

	.hp-tag-group__more.is-active span:nth-child(1) {
		display: none;
	}

	.hp-tag-group__more.is-active span:nth-child(2) {
		display: block;
	}

	.hp-tag-group__more::before,
	.hp-tag-group__more::after {
		content: "";
		display: block;
		width: 12px;
		height: 2px;
		border-radius: 12px;
		position: absolute;
		top: 18px;
		right: 16px;
		background-color: #E60012;
		transition: .3s;
	}

	.hp-tag-group__more::after {
		transform: rotate(90deg);
		top: 18px;
		right: 16px;
	}

	.hp-tag-group__more.is-active::after {
		transform: rotate(0);
		top: 18px;
		right: 16px;
	}
}