@charset "UTF-8";

/* ************************************************ */
/* ログイン */
/* ************************************************ */
.content {
}

.content.error { color:red; background-color:#fee; margin-bottom:2em; }

.content h2 {
	font-size:1.4em;
	margin-bottom:.5em;
}

#main .content p.desc {
	margin:.5em 0;
}

.content .entry {
	margin:.5em 0;
	line-height:1em;
}
.content .entry a {
	margin-top:.5em;
	padding:.6em 1em;
	display:inline-block;
	border:1px solid #660;
	border-radius:.1em;
	background-color:#7a0;
	text-decoration:none;
	color:white;
}

.content .login-area {
	margin:1em 0;
	border-top:1px dotted silver;
	padding-top:1em;
}



/* ************************************************ */
/* フォーム部分 */
/* ************************************************ */
.login-form input[type="text"], .login-form input[type="password"] {
	width:70%;
	font-size:1em;
	line-height:1.2em;
	padding:.5em .5em;
}

.login-form input[type="submit"], .login-form input[type="button"] {
	font-size:1.1em;
	box-sizing:box-border;
	padding:.3em 1em;
}

.login-form ul {
	margin-bottom:1em;
	font-size:.95em;
}
.login-form p { font-size:.9em; }
.login-form ul li > * { vertical-align:middle; }
.login-form ul li:last-child { margin-top:.4em; }

.login-form li > label {
	display:block;
	margin-top:.4em;
}
.login-form label.radio {
	display:inline;
	margin:0;
	font-size:.95em;
}
.login-oauth {
	margin-top:1em;
	border-top:1px dotted silver;
	padding-top:1em;
}



/* ------------------------------------------------------ */
/* スマホ対応 */
/* ------------------------------------------------------ */
@media screen and (max-width: 600px) {

.login-form input[type="text"], .login-form input[type="password"] {
	box-sizing:border-box;
	font-size:.9em;
	width:100%;
}

}