@charset "shift-JIS";

/* CSS Document */
#gSearchBtn{
	position: relative;
	display:none;
	top: -51px;
	right: 1px;
	height: 0;
	text-align:right;
}

#gSearchBtn span{
	display:inline-block;
	color:#ffffff;
	height:30px;
	padding:7px 8px 0;
	box-sizing:border-box;
	cursor:pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #f26dcc;
    background: -moz-linear-gradient(top, #f26dcc 0%, #e55cbe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f26dcc), color-stop(100%,#e55cbe));
    background: -webkit-linear-gradient(top, #f26dcc 0%,#e55cbe 100%);
    background: -o-linear-gradient(top, #f26dcc 0%,#e55cbe 100%);
    background: -ms-linear-gradient(top, #f26dcc 0%,#e55cbe 100%);
    background: linear-gradient(to bottom, #f26dcc 0%,#e55cbe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26dcc', endColorstr='#e55cbe',GradientType=0 );
	-webkit-box-shadow:rgba(0, 0, 0, 0.1) 1px 1px 1px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.1) 1px 1px 1px 1px;
	box-shadow:rgba(0, 0, 0, 0.1) 1px 1px 1px 1px;
	border: 1px solid #e55cbe;
}

@media screen and (max-width:767px){
	#gSearchBtn{
		display:block;
	}
}

#gSearchTitle{
	margin-bottom:-6px;
	margin-left:10px;
}

#gSearchWrap {
	letter-spacing:-.40em;
	margin-bottom:10px;
	background:#e8e8e8;
	padding:5px 10px 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size:1.2rem;
}

@media screen and (max-width:767px){
	#gSearchTitle{
		display:none;
	}
	#gSearchWrap{
		font-size:1.2rem;
		display:none;
	}
}

#formMain{
	margin-top:10px;
}

#gSearchWrap dl, #gSearchWrap dt, #gSearchWrap dd, #gSearchWrap ul, #gSearchWrap li, #gSearchWrap a, .gSearchNav, .gSearchExCheck label{
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
}

#gSearchWrap dt, #gSearchWrap dd, #gSearchWrap a, #gSearchWrap label, #gSearchWrap p{
	letter-spacing: normal;
}

#gSearchWrap dl{
	width:33%;
}

@media screen and (max-width:479px){
	#gSearchWrap dl{
		width:50%;
	}
	#gSearchWrap dl.gSearchEx{
		width:100%;
	}
}

#gSearchWrap dt{
	padding:3px 0 3px 4px;
	font-weight:bold;
	width:30%;
	white-space:nowrap;
	margin-bottom:10px;
	border-left:3px solid #e02d8f;
}

@media screen and (max-width:479px){
	#gSearchWrap dt{
		padding:4px 0 0;
		border:none;
	}
	#gSearchWrap .gSearchEx dt{
		width:15%;
	}
}

#gSearchWrap dd{
	width:65%;
	margin-right:5%;
	margin-bottom:10px;
}

@media screen and (max-width:767px){
	#gSearchWrap dt, #gSearchWrap dd{
		margin-bottom:15px;
	}
}

@media screen and (max-width:479px){
	#gSearchWrap .gSearchEx dd{
		width:32.5%;
		margin-right:2.5%;
	}
}

#gSearchWrap dd select{
	width:100%;
}

@media screen and (max-width:479px){
	#gSearchWrap dd select{
		font-size:1.6rem;
	}
}

.gSearchExCheck p{
	padding-left:4px;
	border-left:3px solid #e02d8f;
}

.gSearchCheck{
	display:block;
	width:17%;
	text-align: left;
}

.gSearchOpen .gSearchCheck{
	width:50%;
}

@media screen and (max-width:479px){
	.gSearchCheck{
		width:50%;
	}
}

.gSearchCheck li{
	font-size:1.2rem;
	padding-top:4px;
	text-align:center;
	width:100%;
}

@media screen and (max-width: 479px){
	.gSearchCheck input{
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
		margin-right:0.8rem;
	}
}

.gSearchNav{
	width:16%;
	margin-top:6px;
	text-align: right;
}

.gSearchReset{
	/*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #595959;
    background: -moz-linear-gradient(top, #595959 0%, #4c4c4c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#595959), color-stop(100%,#4c4c4c));
    background: -webkit-linear-gradient(top, #595959 0%,#4c4c4c 100%);
    background: -o-linear-gradient(top, #595959 0%,#4c4c4c 100%);
    background: -ms-linear-gradient(top, #595959 0%,#4c4c4c 100%);
    background: linear-gradient(to bottom, #595959 0%,#4c4c4c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#4c4c4c',GradientType=0 );
	-webkit-box-shadow:rgba(0, 0, 0, 0.1) 1px 1px 1px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.1) 1px 1px 1px 1px;
	box-shadow:rgba(0, 0, 0, 0.1) 1px 1px 1px 1px;
	border: 1px solid #4c4c4c;*/
}

.gSearchOpen .gSearchNav{
	width:50%;
}

.gSearchOpen .gSearchCheck, .gSearchOpen .gSearchNav{
	border-top:1px solid #cccccc;
	margin-top:5px;
	margin-bottom:10px;
}

@media screen and (max-width:479px){
	.gSearchNav{
		width:50%;
		margin-bottom:10px;
	}
}

.gSearchNav a{
	width:100%;
	text-align:center;
	display:inline-block;
	text-decoration:none;
	padding-bottom:12px;
	cursor:pointer;
}

.gSearchOpen .gSearchNav{
	padding-top:10px;
}

@media screen and (max-width:479px){
	.gSearchNav a{
		margin-top:20px 0 10px;
	}
}


.gSearchNav a i{
	margin-right:4px;
}

#gSearchWrap .gSearchEx{
	display:none;
}

.gSearchExCheck label{
	width:28%;
	margin-right:5%;
	font-size:1.2rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

@media screen and (max-width: 479px){
	.gSearchExCheck label{
		width:45%;
		padding:10px 0;
	}
	.gSearchExCheck input{
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
		margin-right:0.8rem;
	}
}

.gSearchExCheck p{
	margin:10px 0;
	display:block;
	font-weight:bold;
	width:100%;
}

#girlSearchRes{
	margin-bottom:20px;
	padding-left:10px;
}