@charset "utf-8";


/* マイページ/mypage/)
---------------------------------------------------------------------------*/


/**************************************/
/* フォルダ共通設定 */
/**************************************/



/**************************************/
/* ページ設定 */
/**************************************/
/* login.html */
.login_area > p {
	background-color: #333;
	color: #fff;
	font-size: 20px;
	padding: 5px;
	text-align: center;
	-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}
.login_area > div {
	border: 2px solid #333;
	padding: 50px 20px;
}
.login_area > div p {
	font-size: 16px;
	text-align: center;
	margin-bottom: 20px;
}
.login_area input[type="text"], .login_area input[type="password"] { width: 100%; }
@media screen and (min-width:768px) { /* PC・タブレット */
	.tbl01 {
		margin: 0 auto 30px;
		width: 500px;
		background-color: #202020;
		overflow:hidden; /*floatしたので高さ確保*/
	}
	.tbl01 dt {
		float: left;
		padding:10px 20px;
		width: 190px;
		color: #FFFFFF;
		border-top:1px solid #FFFFFF;
	}
	.tbl01 dd {
		margin-left: 210px;
		padding:10px 20px;
		background-color: #ececec;
		border-top:1px solid #FFFFFF;
	}
}
@media screen and (max-width: 767px) { /* SP */
	.login_area > div p { 
		font-size: 14px;
		text-align: left;
	}
	.tbl01 {
		width: 100%;
		overflow:hidden; /*floatしたので高さ確保*/
		margin-bottom: 30px;
	}
	.tbl01 dt {
		display: block;
		padding:10px;
		background-color: #202020;
		color: #FFFFFF;
	}
	.tbl01 dd {
		display: block;
		padding:10px;
		background-color: #ececec;
	}
	.login_area input[type="text"], .login_area input[type="password"] { 
		height: 30px;
		width: 98%;
	}
}