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

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

68_password.css

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

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

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

/* div
---------------------------------------------- */
div#wrapper01{
	position: relative;
	padding-top:60px;
	width: 100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	box-sizing: border-box;
}

div#wrapper02{
	min-width:1000px;
	margin:0 auto;
	padding-bottom: 30px;
}

div#box_yellow01{
	background:#FFFCD9;
	color:#FF0000;
	line-height:1.2;
	padding:17px 0 15px;
	margin-bottom:20px;
	text-align:center;
	font-size:108%;
	border-radius:8px;
}

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

div#inner02{
	background:#FFF;
	border-radius:10px;
	padding:10px 10px 67px;
	margin-bottom:10px;
}

div#inner03{
	background:#EBF8FC;
	padding:50px 30px 40px;
	margin-bottom:30px;
}

div#inner03 input{
	padding:4px;
	margin-left:2px;
}

/* 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;
	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;
	height:130px;
	margin:0 auto 45px;
}
h1#h1_login2 span{display:none;}



/* コピーライト
---------------------------------------------- */
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;
}

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

.corner_parent{
    position: relative;
/**	overflow: hidden;**/
}

.corner-after{
width: 400px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
transform-origin: top center;

position: absolute;
top: 40px;
left:calc( -400px / 2 + 40px );

padding: 10px calc( 400px / 2 - 40px * 1.414 );
box-sizing: border-box;
text-align: center;
background-color: #1D416D;
color:#ffffff;
font-weight: 700;
}