.bgColor{
}

@media screen and (min-width:769px )
{
	#backNumber {
		width:100%;
		padding: 20px 0;
		margin: 0 auto;
		text-align: center;
		background: #f47ec6;
	}

	#backNumber .selectbox {
		position: relative;
		display: inline-block;
		width: 700px;
		height: 42px;
		line-height: 0;
	}

	#backNumber .selectbox select {
		display: block;
		width: 100%;
		height: 42px;
		padding: 3px 70px 3px 12px;

		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;

		border: none;
		border-radius: 8px;
		color: #222;
		font-size: min(1.5vw, 16px);
		cursor: pointer;
		box-sizing: border-box;
	}

	/* 縦線 */
	#backNumber .selectbox::before {
		position: absolute;
		top: 8px;
		right: 0;

		width: 52px;
		height: 26px;

		border-left: 2px solid #ccc;
		box-sizing: border-box;

		content: '';
		pointer-events: none;
	}

	/* 矢印 */
	#backNumber .selectbox::after {
		position: absolute;
		top: 11px;
		right: 18px;

		width: 14px;
		height: 14px;

		border-right: 4px solid #f47ec6;
		border-bottom: 4px solid #f47ec6;

		transform: rotate(45deg);

		content: '';
		pointer-events: none;
	}

	#backNumber .selectbox select:focus {
		outline: none;
	}
}
	
	
/* スマートフォン用 */

@media screen and (max-width:768px )
{
	#backNumber {
		padding: 20px 0;
		margin: 0 auto;
		text-align: center;
		width:100%;
		background: #f47ec6;
	}

	#backNumber .selectbox {
		position: relative;
		display: inline-block;
		width: 90%;
		height: 42px;
		line-height: 0;
	}

	#backNumber .selectbox select {
		display: block;
		width: 100%;
		height: 42px;
		padding: 3px 70px 3px 12px;

		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;

		border: none;
		border-radius: 8px;
		color: #222;
		font-size: 2.5vw;
		cursor: pointer;
		box-sizing: border-box;
	}

	/* 縦線 */
	#backNumber .selectbox::before {
		position: absolute;
		top: 8px;
		right: 0;

		width: 52px;
		height: 26px;

		border-left: 2px solid #ccc;
		box-sizing: border-box;

		content: '';
		pointer-events: none;
	}

	/* 矢印 */
	#backNumber .selectbox::after {
		position: absolute;
		top: 11px;
		right: 18px;

		width: 14px;
		height: 14px;

		border-right: 4px solid #f47ec6;
		border-bottom: 4px solid #f47ec6;

		transform: rotate(45deg);

		content: '';
		pointer-events: none;
	}

	#backNumber .selectbox select:focus {
		outline: none;
	}
}