@charset "UTF-8";

/*----------------------------------------------------
 style)SP
----------------------------------------------------*/

body {
	background-image: url(../images/login/bg.png);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}


section.login_area {
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 40px;
	margin: 0px;
	padding: 0px;
}
section.login_area article {
	width: 100%;
	margin: 0;
	padding: 0;
}
section.login_area article h1 {
	width: 100%;
	height: 30px;
	display: block;
	background-image: url(../images/login/logo.png);
	background-size: auto 50px;
	background-repeat: no-repeat;
	background-position: center;	
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0px 0px 160px 0px;
	padding: 0px;
}
section.login_area article ul {
	width: 70%;
	font-weight: normal;
	margin: 0px auto 0px auto;
	padding: 0px;
}
section.login_area article ul li {
	width: 100%;
	border-bottom: 1px solid #909293;
	margin: 0px;
	padding: 0px;
}
section.login_area article ul li input {
	width: 100%;
	height: 45px;
	text-indent: 20px;
	color: #fff;
	box-sizing: border-box;
	background-color: rgba(255,255,255,0.4);
	background-position: 10px center;
	background-size: 20px;
	background-repeat: no-repeat;
	text-indent: 40px;
	font-size: 12px;
	border: none;
	border-radius: 0px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
}
section.login_area article ul li.mail input {
	background-image: url(../images/login/icn_mail.png);
}
section.login_area article ul li.pass input {
	background-image: url(../images/login/icn_pass.png);
}
section.login_area article ul li input::placeholder {
	color: #b7b8b9;
}
section.login_area article ul li button {
	width: 100%;
	height: 45px;
	color: #b2b5b5;
	display: block;
	border: none;
	background-color: rgba(255,255,255,0.4);
	margin: 0px;
	padding: 0px;
}
section.login_area article a.entry {
	width: 70%;
	height: 45px;
	line-height: 45px;
	display: block;
	text-decoration: none;
	color: #b2b5b5;
	background-color: rgba(255,255,255,0.4);
	margin: 0px auto 25px auto;
	padding: 0px;
}
section.login_area article p {
	width: 100%;
	color: #fff;
	font-size: 11px;
	display: block;
	margin: 0px;
	padding: 0px;
}
section.login_area article p a {
	font-size: 11px;
	color: #ff00ff;
}


@media only screen and (min-width: 460px) {
	
}

@media only screen and (min-width: 700px) {

}

@media only screen and (min-width: 1001px) {



/*----------------------------------------------------
 commons style)PC
----------------------------------------------------*/

body {
	background-image: url(../images/login/bg.png);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}


section.login_area {
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 29%;
	margin: 0px;
	padding: 0px;
}
section.login_area article {
	width: 100%;
	margin: 0;
	padding: 0;
}
section.login_area article h1 {
	width: 100%;
	height: 40px;
	display: block;
	background-image: url(../images/login/logo.png);
	background-size: auto 60px;
	background-repeat: no-repeat;
	background-position: center;	
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0px 0px 160px 0px;
	padding: 0px;
}
section.login_area article ul {
	width: 600px;
	font-weight: normal;
	margin: 0px auto 0px auto;
	padding: 0px;
}
section.login_area article ul li {
	width: 100%;
	border-bottom: 1px solid #909293;
	margin: 0px;
	padding: 0px;
}
section.login_area article ul li input {
	width: 100%;
	height: 45px;
	text-indent: 20px;
	color: #fff;
	box-sizing: border-box;
	background-color: rgba(255,255,255,0.4);
	background-position: 15px center;
	background-size: 20px;
	background-repeat: no-repeat;
	text-indent: 50px;
	font-size: 12px;
	border: none;
	margin: 0px;
	padding: 0px 10px 0px 0px;
}
section.login_area article ul li.mail input {
	background-image: url(../images/login/icn_mail.png);
}
section.login_area article ul li.pass input {
	background-image: url(../images/login/icn_pass.png);
}
section.login_area article ul li input::placeholder {
	color: #b7b8b9;
}
section.login_area article ul li button {
	width: 100%;
	height: 45px;
	color: #b2b5b5;
	display: block;
	border: none;
	background-color: rgba(255,255,255,0.4);
	margin: 0px;
	padding: 0px;
}
section.login_area article a.entry {
	width: 600px;
	height: 45px;
	line-height: 45px;
	display: block;
	text-decoration: none;
	color: #b2b5b5;
	background-color: rgba(255,255,255,0.4);
	margin: 0px auto 25px auto;
	padding: 0px;
}
section.login_area article p {
	width: 100%;
	color: #fff;
	font-size: 12px;
	display: block;
	margin: 0px;
	padding: 0px;
}
section.login_area article p a {
	font-size: 12px;
	color: #ff00ff;
}


}

/*----------------------------------------------------
 style end
----------------------------------------------------*/