@charset "utf-8";

.article {
	margin: 0 auto;
	width: 680px;
	text-align: center;
}
#input_pass span {
	float: right;
	vertical-align: middle;
	font-size: 13px;
}
.cmn_table input {
	width: 100%;
}
#login_newReg {
	display: inline-block;
	margin: 35px auto;
	text-align: center;

}
#login_newReg li {
	padding: 0.5rem 0;
}

input.btn_login {
	background:#FFF07C;
	height:50px;
	border-radius:5px;
	border:none;
	padding:5px 40px;
	color:#00A6BA;
	font-size:120%;
	font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,"ヒラギノ丸ゴ Pro W4",HiraMaruPro-W4,"ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,Osaka,sans-serif;
	-webkit-appearance: none;
	cursor:pointer;
}
input:hover.btn_login {
	background:#FFF07C;
	height:50px;
	border-radius:5px;
	border:none;
	text-decoration:none;
	padding:7px 40px 5px;
	color:#4DC1CF;
	-webkit-appearance: none;
}

a.btn {
	display:block;
  max-width: 330px;
	width: 100%;
}

a.btn_reg {
	background:#00A6BA;
	border-radius:5px;
	border:none;
	text-decoration:none;
	padding:10px 15px;
  margin: 0 auto;
	color:#fff;
}
a:hover.btn_reg {
	opacity: 0.7;
}

a.btn_shop {
	background: #FF5400;
	border-radius:5px;
	text-decoration:none;
	padding:10px 15px;
  margin: 0 auto;
	color:#FFF;
}
a:hover.btn_shop {
	opacity: 0.7;
}

@media only screen and (max-width: 768px) {
	.article { width: 100% !important; }
}
@media only screen and (max-width: 480px) {
	.article { width: 100% !important; }
}