@charset "utf-8";
/* Copyright 2016 FSFIELD All Rights Reserved. */

/* ------------------------------------------------------------

01_login.css

------------------------------------------------------------ */

/* レイアウト
---------------------------------------------- */
html,
body{
	height:100%;
}

body{
	background-color: #f3f3f3;
}

.body_base_color1{
	/*
	background-color: #F2F6FA !important;
	*/
}
.body_base_color2{
	background-color: #F2F6FA !important;
}

/* div
---------------------------------------------- */
div#wrapper01{
	padding-top:60px;
}

div#wrapper02{
	/*background:url(../img/bg_login01.png) no-repeat center 0;*/
	min-width:1000px;
	height:644px;
	margin:0 auto;
}

div#inner01{
	width:500px;
	margin:0 auto;
	padding-top:40px;
}

div#inner02{
	width:500px;
	height:340px;
	margin:0 auto;
	position:relative;
}

/* heading
---------------------------------------------- */
h1#h1_login{
	background:url(../img/h1_logo02.png) no-repeat center 0;
	height:130px;
	margin:0 auto 45px;
}

h1#h1_login span{display:none;}

/** ログインロゴ **/

/**
	1：スポ安アプリ
*/
h1.h1_login1{
	background:url(../img/provider/h1_login1.png) no-repeat center 0 !important;
	height:130px;
	margin:0 auto 45px;
}
h1.h1_login1 span{display:none;}

/**
	2：ブカツプラス
*/
h1.h1_login2{
	background:url(../img/provider/h1_login2.png) no-repeat center 0 !important;
	height:170px !important;
	margin:0 auto 25px !important;
}
h1.h1_login2 span{display:none;}

/* p
---------------------------------------------- */
p.txt_login{
	color:#666;
	font-size:14px;
	margin-bottom:3px;
}

/* アイコン切替1 */
p.txt_login1{
	color:#222222;
	font-size:14px;
	margin-bottom:3px;
	font-weight: 800;
}

/* アイコン切替2 */
p.txt_login2{
	color:#222222;
	font-size:14px;
	margin-bottom:3px;
	font-weight: 800;
}


p#txt_login02{
	text-align:center;
	font-size:14px;
	position: relative;
    width: 100%;
    margin:0 auto 90px;
	transform: translateX(10px);
}
/* p#txt_login02:before{
	content: "";
	display: block;
	width: 21px;
	height: 18px;
	background:url(../img/ico_key01.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	} */

	p#txt_login02 a{
		position: relative;
	}
	p#txt_login02 a:before{
		content: "";
		display: block;
		width: 21px;
		height: 18px;
		background:url(../img/ico_key01.png) no-repeat 0 0;
		position: absolute;
		top: 0;
		left: -26px;
		}

p#txt_login02 a{
	color:#666;
	text-decoration:underline;
}

p#txt_login02 a:hover{text-decoration:none;}

/* アイコン切替1 */
p#txt_login021{
	text-align:center;
	font-size:14px;
	position: relative;
    width: 100%;
    margin:0 auto 90px;
}
p#txt_login021 a{
	position: relative;
}

p#txt_login021 a{
	color:#666;
	text-decoration:underline;
}

p#txt_login021 a:hover{text-decoration:none;}

/* アイコン切替2 */
p#txt_login022{
	text-align:center;
	font-size:14px;
	position: relative;
    width: 100%;
    margin:0 auto 90px;
}
p#txt_login022 a{
	position: relative;
}

p#txt_login022 a{
	color:#666;
	text-decoration:underline;
}

p#txt_login022 a:hover{text-decoration:none;}



a#btn_login{
	display: inline-block;
	width: 194px;
	height: 196px;
}

/* アイコン切替1 */
.btn_login1{
	display       : inline-block;
	background    : #00A3D9;
	font-size     : 12pt;
	text-align    : center;
	padding       : 20px; 
	color         : #ffffff;
	width:320px !important;
	height: 62px !important;
	border-radius : 35px;
}

.btn_login1:hover{
	color:#dddddd;
}

/* アイコン切替2 */
.btn_login2{
	display       : inline-block;
	background    : #0095D5;
	font-size     : 12pt;
	text-align    : center;
	padding       : 20px; 
	color         : #ffffff;
	width:320px !important;
	height: 62px !important;
	border-radius : 35px;	
}

.btn_login2:hover{
	color:#dddddd;
}


.dis_table{
	padding: 0 30px;
	box-sizing: border-box;
}



/* コピーライト
---------------------------------------------- */
small{
	background-color: #1d416d;
    width: 100%;
    display: block;
    text-align: center;
    color: white;
    font-size: 0.6rem;
    line-height: 2.5;
    position: fixed;
    bottom: 0;
}

/*　アイコン切替1 */
.small1{
	/*
	background-color: #ffffff !important;
    color: #000000 !important;
	*/
}
/*　アイコン切替2 */
.small2{
	background-color: #ffffff !important;
    color: #000000 !important;
}

/* input
---------------------------------------------- */
input[type="text"],
input[type="password"],
select,
textarea{
	padding: 6px;
	border-radius:3px;
	border:1px solid #CCC;
}

.input_type1{
	padding: 12px !important;
	border-radius:9px !important;

}

/*その他
---------------------------------------------- */
.corner_txt{
	position: absolute;
    top: 0;
    left: 0;
}

.login_animation{
	background:url("../img/login_animation.png") no-repeat 0 0;
	width: 500px;
	height: 204px;
	text-align: center;
}


.login_animation.off{
	animation: login_animation_off 0.7s steps(26);
	animation-fill-mode: both;
}
.login_animation.on{
	animation: login_animation 0.7s steps(26);
	animation-fill-mode: both;
}

@keyframes login_animation{
	0%{
		background-position: 0 0;
	}
	100%{
		background-position: -13000px 0;
	}
}
@keyframes login_animation_off{
	0%{
		background-position: -13000px 0;
	}
	100%{
		background-position: 0 0;
	}
}