@charset "UTF-8";

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



h1{
	color:#ccc;
	font-size:12px!important;
	font-weight:normal;
	padding:10px;
	position:absolute;
	left:0px;
	bottom:0px;
}
h1 a{
	color:#fff!important;
}
#title{
	width:300px;
	margin:0px auto 10px auto;
}
#title img{
	width:300px;
	height:auto;
}


#container{
	width:100%;
	height:100%;
	display:table;
}
#container .inner{
	display:table-cell;
	vertical-align:middle;
}
#container .inner #box{
	/*background-color: rgba(63,48,41,0.5);*/
	background-color: rgba(0,0,0,0.3);
	overflow:hidden;
	width:500px;
	padding:50px;
	margin:0px auto 10px auto;
}
#loginarea{
	margin:0px 0 15px 0;
	padding:0px;
}
#loginarea table{
	border:none;
	width:500px;
	margin-bottom:10px;
}
#loginarea table th,#loginarea table td{
	border:none;
	vertical-align:middle;
	padding:0px 0 10px 0;
}
#loginarea table td input[type="text"],
#loginarea table td input[type="mail"],
#loginarea table td input[type="password"]{
	background:#DFD7CF;
	border:none;
	width:100%;
	padding:10px 10px 10px 50px;
	box-sizing:border-box;
}
#loginarea table td input.f-login{
	background:#DFD7CF url(../images/user.png) 15px center no-repeat;
	background-size:20px auto;
}
#loginarea table td input.f-passwd{
	background:#DFD7CF url(../images/password.png) 15px center no-repeat;
	background-size:20px auto;
}


input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #DFD7CF inset;
}

input:-webkit-autofill.f-login{
	background:#DFD7CF url(../images/user.png) 15px center no-repeat;
	background-size:20px auto;
	padding:10px;
}
.buttonarea{
	margin:5px 0 0 0;
	padding:0px;
}
.buttonarea input[type="submit"]{
	background:#E95309;
	text-align:center;
	border:none;
	color:#fff;
	width:30%;
	padding:10px;
	font-size:16px;
}
.buttonarea input[type="reset"]{
	background:#fff;
	text-align:center;
	border:none;
	color:#422315;
	width:30%;
	padding:10px;
	font-size:16px;
}

.copy{
	color:#fff;
}
/*エラー文*/
.errmsg {
	color: #FFD800;
	font-size:14px;
	font-weight: bold;
}


/*SP*/
@media screen and (max-width:680px){
body::before {
  background:url('../images/bg-sp.jpg') left top;
  background-size:auto 100%;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 108px;
  content: "";
  z-index: -1;
}

#container{
	width:100%;
	height:100%;
	display:block;
}
#container .inner{
	display:block;
	vertical-align:top;
}
#container .inner #box{
	width:auto;
	padding:40px 10px 10px 10px;
	margin:15px 10px;
}

#loginarea table{
	border:none;
	width:100%;

}
#title{
	width:220px;
	margin:0px auto 10px auto;
}
#title img{
	width:220px;
	height:auto;
}
.buttonarea{
	margin:0px;
	padding:0px;
	text-align:center;
}
.buttonarea input[type="submit"],
.buttonarea input[type="reset"]{
	font-size:14px;
	width:40%;
}
}