@charset "utf-8";

div.account_edit{
	width:calc(100% - 20px);
	max-width:1080px;
	margin:80px auto;
	box-sizing:border-box;
}

h1.account_edit{
	text-align:center;
	margin:0 auto 60px auto;
	font-size:2em;
	font-weight:bold;
	color:#006494;
	line-height: 1.5em;
}

	div.account_edit p{
		text-align:center;
		font-weight:500;
		color:#006494;
		line-height:1.5em;
		margin:5px auto;
	}
	
		div.account_edit p a,
		div.account_edit p.error{
			color:#b34937;
			font-weight:bold;
		}
		
		span.red{
			color:#b34937;
			font-weight:bold;
		}
		
		div.account_edit p.error{
			margin:40px auto;
			font-size:1.2em;
		}

div.account_input{
	width:calc(100% - 20px);
	max-width:1080px;
	margin:40px auto;
	padding:20px;
	box-sizing:border-box;
	border:1px #006494 solid;
}

	div.account_input > div{
		background-color:#f5fdff;
		padding:40px;
		box-sizing:border-box;
	}

		div.account_input > div > table{
			width:calc(100% - 20px);
			max-width:700px;
			margin:40px auto;
			box-sizing:border-box;
			border-collapse:collapse;
			font-size:1.2em;
		}
		
			div.account_input > div > table th{
				width:210px;
				color:#808080;
				font-weight:500;
			}
			
			div.account_input > div > table td{
				text-align:center;
				padding:15px 0;
			}
			
				div.account_input > div > table td a.button{
					display:none;
				}
				
				div.account_input > div > table td div{
					text-align:left;
					line-height:1.4em;
					font-size:0.85em;
				}
			
	div.account_input select,
	div.account_input textarea,
	div.account_input input[type=text],
	div.account_input input[type=mail],
	div.account_input input[type=password]{
		padding:10px;
		background-color:#fff;
		border:1px #006494 solid;
		width:calc(100% - 20px);
		box-sizing:border-box;
	}
	
	div.account_input select{
		padding:5px 10px 10px 10px;
	}
	@-moz-document url-prefix() {
		div.account_input select{
			padding: 10px;
		}
	}
	
	div.account_input textarea{
		height:10.5em;
	}
	
	#b_ymd_y,
	#b_ymd_m,
	#b_ymd_d{
		width:80px;
	}
	
	#k_ymd_y,
	#k_ymd_m,
	#k_ymd_d{
		width:80px;
	}


		div.account_input > div > input[type=submit],
		div.account_input > div > a.button{
			display:block;
			height:60px;
			line-height:60px;
			background-color:#006494;
			border-radius:30px;
			border:none;
			color:#fff;
			cursor:pointer;
			width:calc(100% - 40px);
			max-width:290px;
			font-size:1.5em;
			margin:40px auto;
			text-align:center;
			letter-spacing:1em;
			text-indent:1em;
		}

			div.account_input > div > input[type=submit]:hover,
			div.account_input > div > a.button:hover{
				color:#006494;
				background-color:#85e9ff;
				text-decoration:none;
			}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
smf
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media screen and (max-width:800px){
div.account_edit{
	margin:40px auto;
}

		div.account_input > div > table{
			font-size:1.0em;
		}
		
			div.account_input > div > table th{
				width:160px;
			}
			
	div.account_input select{
		padding:7px 10px 12px 10px;
	}
	@-moz-document url-prefix() {
		div.account_input select{
			padding: 10px;
		}
	}
}
@media screen and (max-width:700px){
	div.account_input > div{
		padding:20px 40px;
	}
	
	div.account_input > div > table,
	div.account_input > div > table tbody,
	div.account_input > div > table tr,
	div.account_input > div > table th,
	div.account_input > div > table td{
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	
	div.account_input > div > table td{
		margin:0 0 30px 0;
	}
}

@media screen and (max-width:600px){
	div.account_input > div{
		padding:20px;
	}
}

@media screen and (max-width:400px){
div.account_input{
	width:100%;
	padding:10px;
}

	div.account_input > div{
		padding:10px;
	}

	#b_ymd_y,
	#b_ymd_m,
	#b_ymd_d{
		width:4em;
	}
	
	#k_ymd_y,
	#k_ymd_m,
	#k_ymd_d{
		width:4em;
	}
	
			div.account_input > div > input[type=submit],
			div.account_input > div > a.button{
				height:46px;
				line-height:46px;
				border-radius:23px;
				font-size:1.2em;
				background-position:calc(50% - 45px) center;
				background-size:20px auto;
			}
}