@charset "UTF-8";


/**************************************************
　共通
***************************************************/


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

.fixedHeight .eachBlock {
	box-sizing: border-box;
}
.login dl {
	margin: 0 auto;
}
.login dt {
	font-size: .95em;
	margin-bottom: 5px;
}
.login dd {
	margin-bottom: 20px;
}
.login input:not( [ type='checkbox' ] ) {
	box-sizing: border-box;
	height: 45px;
	line-height: 45px;
	padding-left: 10px;
}
.login .floatRight {
	margin-top: -10px;
}
.login input[ name="keepLogin" ] {
	cursor: pointer;
	margin-right: 5px;
}
.login label {
	cursor: pointer;
	font-size: 14px;
	padding-right: 0;
}
.login .loginBtn {
	background: #156190;
	color: #fff;
	height: 60px;
	line-height: 62px;
}
.login .error {
	margin-top: 5px;
}

/**************************************************
　ログアウト
***************************************************/

.logout .eachBlock .contents {
	height: calc( 100vh - 170px );
}
.logout .eachBlock p {
	text-align: center;
}


/**************************************************
　デバイス振り分け設定
***************************************************/

/* ■■ SP ■■ */
@media (max-width: 767px) {

	/* 共通 */
	
	/* ログイン */
	.login.fixedHeight .eachBlock {
		min-height: calc( 100vh - 170px );
		padding-top: 20px;
	}
	.login dl {
		margin-top: 60px;
		width: 80vw;
	}
	.login input:not( [ type='checkbox' ] ) {
		width: 80vw;
	}
	.login .loginBtn {
		margin: 100px auto 80px;
		width: 80vw;
	}

	/* ログアウト */
	.logout .eachBlock .contents p {
		padding-top: 60px;
	}

}
@media (max-width: 320px) {

	/* 幅狭スマホ */

	/* 共通 */


}
@media (min-width: 321px) and (max-width: 767px) {

	/* 幅広スマホ */

	/* 共通 */
	
}


/* ■■ タブレット＆ブラウザ ■■ */
@media screen and (min-width: 768px) {

	/* 共通 */
	
	/* ログイン */
	.login.fixedHeight .eachBlock {
		min-height: calc( 100vh - 170px );
		padding-top: 120px;
	}
	.login dl {
		width: 400px;
	}
	.login input:not( [ type='checkbox' ] ) {
		width: 400px;
	}
	.login .loginBtn {
		margin: 100px auto 0;
		width: 300px;
	}

	/* ログアウト */
	.logout .eachBlock .contents p {
		padding-top: 80px;
	}
	

}


/* ■■ (狭いブラウザとタブレット向け) ■■ */
@media (max-width: 1020px) and (min-width: 768px) {

	/* 共通 */

}


/* ■■ PC ■■ */
@media screen and (min-width: 1021px) {

	/* MENU */

	/* 共通 */
		
}
@media screen and (min-width: 1185px) {

	/* ワイドブラウザ */

}