@charset "utf-8";

/* ************************************************ 
*	ログイン
* ************************************************ */	
.login-box-gray {
margin: 0 0 40px 0;
padding: 50px 150px 50px 150px;
background-color:#efefef;
}
.login-box-gray h3{
margin: 30px 0 0 0;
padding: 0;
font-size:16px;
font-weight:normal;
}
.loginlink {
margin: 30px auto 30px auto;
padding: 0;
background-color:#333;
text-align:center;
width: 200px;
}
.loginlink a{
color: #fff;
display: block;
padding: 10px 0px;
font-size:16px;
line-height: 210%;
text-decoration:none;
}
.loginlink a:hover{
color: #fff;
background-color:#ccc;
}
.login-text {
margin: 0 auto 0 auto;
padding: 0 0 0 0;
text-align:center;
}


/* ************************************************ 
*   レスポンシブ
* ************************************************ */
/* PC 画面の横幅が960px以上 */
@media only screen and (min-width: 960px){
}

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.login-box-gray {
margin: 0 0 0 0;
padding: 50px 150px 50px 150px;
}
}


/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
.login-box-gray {
margin: 0 0 0 0;
padding: 30px 20px;
}
.loginlink { width: 100%; }
}