@charset "UTF-8";

@media screen and (max-width:720px){
body{
	font-family:"Meiryo","Meiryo UI","qMmpS Pro W3","Hiragino Kaku Gothic Pro","lr oSVbN","Osaka",sans-serif;
	padding: 0;
	margin: 0;
}

/* ※画面全体※ */
#wrapper {
	background: none;
}
/* フォントカラー */
#header,.kaisetsu,.login_ja,.login_en,.pass_ja,.pass_en,#footer {
	color:#52acc5;
}

/* ※ヘッダー※ */
#header {
	height: 0px;
	text-align: left;
	margin: 0 0 0 10px;
}
#header b {
	font-size: 14px;
}
#header span {
	font-size: 12px;
}

/* ※入力部分※ */
.login_area {
	width: auto;
    padding-top: 10px;
}

/* BTOLロゴ */
.logo_area {
	width: 122px;
	height: 51px;
	background-image: url(../img/login_logo_01.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
  /*text-indent: 100%;
	white-space:nowrap;*/
	overflow:hidden;
	margin: 0 0 20px 5px;
}
/*-- // #2461 2017.6.21 筒井 start --*/
/*-- // クラス名を「logo_area_aoyama」に変更 --*/
.logo_area_aoyama p {
	display: none;
	text-align: center;
	width: auto;
	height: auto;
/*-- // #2461 2017.6.21 筒井 start --*/
/*-- // marginを修正しました。 --*/
	margin: 0px 14px 0px 0px;
/*-- // #2461 2017.6.30 筒井 end --*/
}
.logo_area_aoyama p > img {
/*-- // #2461 2017.6.21 筒井 start --*/
/*-- // サイズを修正しました。 --*/
	max-width: 366px;
	width: 260px;
	height: 63px;
/*-- // #2461 2017.6.30 筒井 end --*/
	margin: 0px 0px 0px 10px;
}
/*-- // #2461 2017.6.21 筒井 end --*/

/* ID・PW ラベル */
.login_box_id,.login_box_pass {
	width: 260px;
}
.login_ja,.pass_ja {
	width: 100%;
	text-indent: 0px;
}
/* ID・PW 入力 */
.login_box_id input ,
.login_box_pass input {
	width: 100%;
	padding: 10px;
	background: rgba(215,242,255,0.5);
	border: 1px solid #ADD2E4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* ログインボタン */
body.mode0 .login_btn,
body.mode1 .login_btn,
body.mode2 .login_btn {
 text-align: center;
}
.login_btn input[type="submit"] {
	background: rgb(59,103,158);
	background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
	background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 );
	width: 260px;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	padding: 15px 0px;
	margin: 10px;
	border: 1px solid #ddd;
	border-radius: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.login_btn input[type="submit"]:hover {
background: #6c819b;
	background: -moz-linear-gradient(top, #6c819b 0%, #97bbd8 50%, #8daec9 51%, #a0c7e5 100%);
	background: -webkit-linear-gradient(top, #6c819b 0%,#97bbd8 50%,#8daec9 51%,#a0c7e5 100%);
	background: linear-gradient(to bottom, #6c819b 0%,#97bbd8 50%,#8daec9 51%,#a0c7e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c819b', endColorstr='#a0c7e5',GradientType=0 );
}

/* ID、パスワードを… */
.loss_btn {
	text-align: center;
	margin-bottom: 10px;
    text-indent: 0;
}
.loss_btn a {
/*	display: inline-block;
	background: #cedce7;
	background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%);
	background: -webkit-linear-gradient(top, #cedce7 0%,#596a72 100%);
	background: linear-gradient(to bottom, #cedce7 0%,#596a72 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 );	width: 260px;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	color: #fff;
	padding: 5px 0px;
	margin: 0px 15px 10px 10px;
	border: 1px solid #ddd;
	border-radius: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
	margin: 0px 0px 80px 0px;
}
.loss_btn a:hover {
/*	background: #e5e5e5;
	background: -moz-linear-gradient(top, #e5e5e5 0%, #707070 100%);
	background: -webkit-linear-gradient(top, #e5e5e5 0%,#707070 100%);
	background: linear-gradient(to bottom, #e5e5e5 0%,#707070 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#707070',GradientType=0 );*/
}

/* BTOL/ﾋﾞｰﾄﾙは法人会員専用サイトです */
.kaisetsu {
	text-align: center;
	font-size: 14px;
	margin-bottom: 40px;
}
.poweredbybtol {
	position: relative;
	right: 0px;
	bottom: 0px;
	width: auto;
	text-align: right;
	margin: 0px 10px 0px 0px;
}

/* ※フッター※ */
#footer {
	width: auto;
	text-align: center;
	padding-bottom: 0px;
}

}