.category-select {
	background-color: #ffe5f2;
	padding: 22px 18px;
	display: flex;
	margin: 0 -1.4em 36px;
	box-sizing: border-box;
	align-items: center;
	flex-wrap: wrap;
}

@media (min-width: 768px) {
	.category-select {
		margin: 0 0 36px;
	}
}

.category-select__container {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -6px;
	width: calc(100% + 12px);
}

@media (min-width: 768px) {
	.category-select__container {
		display: flex;
		align-items: center;
	}
}

@media (min-width: 768px) {
	.category-select {
		flex-wrap: nowrap;
	}
}


.category-select__label {
	font-size: 1.6em;
	font-weight: bold;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	flex-grow: 1;
	flex-basis: 100%;
}



@media (min-width: 768px) {
	.category-select__label {
		flex-grow: 0;
		flex-basis: auto;
		margin-right: 1em;
	}
}


.category-select__submit,
.category-select__select {
	border-radius: 100px;
	border: 2px solid #ff007b;
	height: 46px;
	font-size: 1.2em;
	font-weight: normal;
	padding: 0 16px;
	margin: 6px;
}


.category-select__select {
	background: #FFF url("../img/common/select.webp") no-repeat center right 10px;
	background-size: 13px 8px;
	padding: 0 32px 0 16px;
	flex-grow: 1;
	width: calc(50% - 12px);
	font-size: 1em;
}

.category-select__submit {
	background-color: #ff007b;
	color: #FFF;
	font-weight: bold;
	flex-grow: 1;
	display: block;
	flex-basis: 100%;
	width: 100%;
}


@media (min-width: 768px) {
	.category-select__select,
	.category-select__submit {
		flex-grow: 0;
		flex-basis: auto;
		width: auto;
		height: 30px;
	}
}