/*-------------------------------------------------------------

user.css

-------------------------------------------------------------*/


.userKensakuBox{
	margin-bottom: 30px;
	background-color: #f3f5f4;
	padding:20px;
	text-align: center;
}
.kensakuInput{

}
.kensakuBlock{
	margin-bottom:20px;
}
.kensakuBlockMargin0{
	margin-bottom:10px;
}
.kensakuBlock .userKensakuSt{
	color:#066;
	font-size: 18rem;
	margin-bottom: 10px;
	text-align:left;
}
.kensakuBlock ul{
	display: flex;
	flex-wrap:wrap;
}
.kensakuBlock ul li{
	width:10%;
	font-size:16rem;
	margin-bottom:10px;
	text-align:left;
}
.kensakuBlock input.kensakuText{
	font-size: 20rem;
	box-sizing: border-box;
	padding:5px;
	border:solid 1px #999;
	width:100%;
}
.kensakuBlock input.kensakuSubmit{
	background-color: #246b5f;
	color:#fff;
	font-size: 18rem;
	padding: 10px 5em;
}
.kensakuDispBtn a{
	background-color: #399;
	color:#fff;
	margin-left:10px;
	font-size: 14rem;
	padding: 7px 1.5em;
}

.userBox{
	text-align:left;
}

.userBox h2{
	font-size: 24rem;
	font-weight: normal;
	border-bottom: solid 1px #999;
	padding:0 0 30px 0;
	margin-bottom: 30px;
}

.userBox li{
	border-bottom: solid 1px #999;
	padding:0 60px 30px 60px;
	margin-bottom: 30px;
}

.userData{
	width:auto;
}

.userName{
	font-size: 24rem;
	margin-bottom: 0.75em;
	padding-left: 40px;
}
.userName a{
	display: block;
	position: relative;
	overflow: visible;
}
.userName a::before{
	content: "";
	display: block;
	position: absolute;
	width:40px;
	height:40px;
	background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.a%2C.b%7Bfill%3Anone%3B%7D.b%7Bstroke%3A%23099%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3E125_arr_24%3C%2Ftitle%3E%3Crect%20class%3D%22a%22%20width%3D%2248%22%20height%3D%2248%22%2F%3E%3Cpolyline%20class%3D%22b%22%20points%3D%2227%2012%2036%2012%2036%2021%22%2F%3E%3Cpolyline%20class%3D%22b%22%20points%3D%2232%2026%2032%2034%2014%2034%2014%2016%2022%2016%22%2F%3E%3Cline%20class%3D%22b%22%20x1%3D%2224%22%20y1%3D%2224%22%20x2%3D%2235%22%20y2%3D%2213%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
	left: -40px;
	top:-10px;
}
.userName a:hover::before{
	background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.a%2C.b%7Bfill%3Anone%3B%7D.b%7Bstroke%3A%23c39%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3E125_arr_24%3C%2Ftitle%3E%3Crect%20class%3D%22a%22%20width%3D%2248%22%20height%3D%2248%22%2F%3E%3Cpolyline%20class%3D%22b%22%20points%3D%2227%2012%2036%2012%2036%2021%22%2F%3E%3Cpolyline%20class%3D%22b%22%20points%3D%2232%2026%2032%2034%2014%2034%2014%2016%2022%2016%22%2F%3E%3Cline%20class%3D%22b%22%20x1%3D%2224%22%20y1%3D%2224%22%20x2%3D%2235%22%20y2%3D%2213%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
}
.userAddress,
.userTel,
.userUrl{
	font-size: 16rem;
	margin-bottom: 0.75em;
	padding-left: 40px;
}
.userData div:last-of-type{
	margin-bottom: 0;
}

.userReturn{
	text-align: center;
}
.userReturn a{
	display: inline-block;
	color:#099;
	border: solid 1px #099;
	padding:1em 3em;
	font-size: 20rem;
	transition: 0.2s;
}
.userReturn a:hover{
	background-color: #cee;
}

/*-----834以下-----*/
@media screen and (max-width: 834px) {

	.userKensakuBox{
		padding:4%;
	}
	.kensakuBlock .userKensakuSt{
		font-size: 16rem;
	}
	.kensakuBlock ul li{
		width:33%;
		font-size:16rem;
	}
	.kensakuBlock input.kensakuText{
		font-size: 16rem;
	}
	.kensakuBlock input.kensakuSubmit{
		font-size: 16rem;
	}

	.userBox{
		padding:0 2%;
	}

	.userBox h2{
		font-size: 16rem;
		padding:0 0 20px 0;
		margin-bottom: 20px;
	}

	.userBox li{
		padding:0 0 20px 0;
		margin-bottom: 20px;
	}

	.userName{
		font-size: 18rem;
		padding-left: 30px;
		line-height:1.4;
	}
	.userName a::before{
		width:40px;
		height:40px;
		left: -40px;
		top:-8px;
	}
	.userAddress,
	.userTel,
	.userUrl{
		font-size: 14rem;
		margin-bottom: 0.25em;
		padding-left: 0;
		line-height:1.4;
	}

	.userReturn a{
		display: inline-block;
		padding:0.75em 3em;
		font-size: 16rem;
		transition: 0.2s;
	}

}