@charset "UTF-8";
.title-page { margin-bottom: 33px; }

#form-search { margin-bottom: 50px; }

.group-option-checkbox {
	color: #878787;
	/*line-height: 19px;
	width: 209px;*/
	/*line-height:2;*/
	width:100%;
}

#form-search .group-option-checkbox:nth-child(2n) { /*width: 321px;*/ width:100%; }

.group-option-checkbox h3 {
	font-size: 13px;
	font-weight: normal;
	line-height: 1.6em;
	margin-bottom: 5px;
	display: inline-block;
	width: 180px;
	margin-bottom: 10px;
	vertical-align: top;
}

.group-option-checkbox ul { 
	list-style: none;
	display: inline-block;
	width: 700px;
}

.group-option-checkbox li { margin-bottom: 1px; float:left; margin-right:20px;font-size: 13px;line-height: 1.6em; }

.group-option-checkbox input[type="checkbox"] {
	border: 1px solid #878787;
	border-radius: 0;
	margin-right: 6px;
}

.content-btn { width: 176px; }

.content-btn .btn {
	min-width: 100%;
	padding: 11px 10px 12px;
	font-size: 16px;
	font-family: 'Heebo', sans-serif; font-weight: 500;
}

.group-list h3 { font-family: 'Heebo', sans-serif; font-weight: 500; }

.group-list {
	padding-top: 18px;
	padding-bottom: 41px;
}
.p2-list-specialMenu {
		margin: 0 0 10px;
		padding: 10px 36px;
		width: 100%;
		height: 40px;
		-webkit-appearance: none;
		background: #fff url(../img/sp-icon-select.png) no-repeat right 10px center;
		font-size: 16px;
		color: #5B4A2F;
		padding-left: 15px;
		background-size: 25px 25px;
		word-wrap: break-word;
		word-break: break-all;
		white-space: normal;
		font-size: 100%;
}
@media screen and (max-width: 768px) {

#form-search {
		margin-bottom: 10px;
}
	.group-option-checkbox,
	#form-search .group-option-checkbox:nth-child(2n) {
		color: #231815;
		line-height: 1.4;
		width: auto;
		float: none;
		margin-bottom: 10px;
	}

	.group-option-checkbox h3 {
		position: relative;
		border: 1px solid #231815;
		padding: 5px 10px;
		width: 100%;
	}

	.group-option-checkbox h3:before {
		content: url("../img/icon_select.png");
		top: 5px;
		right: 10px;
		position: absolute;
	}

	.group-option-checkbox > ul {
		display: none;
	}

	#list-hair-girl li {
		width: 50%;
		box-sizing: border-box;
		margin-bottom: 10px;
	}

	#list-hair-girl li:nth-child(4n+1) {clear: none; }

	#list-hair-girl li:nth-child(2n+1) {clear: left; }

	#list-hair-girl li:nth-child(n) {
		padding-right: 5px;
	}

	#list-hair-girl li:nth-child(2n) {
		padding-right: 0;
		padding-left: 5px;
	}

	#list-hair-girl .title-item { display: none; }

}