@charset "utf-8";
/*
************************************************************************
 ログインページ
************************************************************************
*/
.login-box
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
}
.login-box > .has-login
{
	flex: 0 0 70%;
	padding-right:2em;
}
.login-box > .has-login > .title
{
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px solid var(--body-border-color);
	margin-bottom:1em;
}
.login-box > .has-login > .title > i
{
    color:var(--body-icon-color);
}
.login-box > .login-information
{
	flex: 0 0 30%;
	padding-left:2em;
	border-left:1px dotted #CCCCCC;
}

/* ################################################################################################ */
/* ## TAB						 ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1040px) {
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
    .login-box > .has-login
    {
        flex: 0 0 100%;
        padding-right:0em;
        padding-bottom:2em;
    }
    .login-box > .has-login > .title
    {
        font-size:1.2em;
        font-weight:bold;
        border-bottom:1px solid;
        margin-bottom:1em;
    }
    .login-box > .login-information
    {
        flex: 0 0 100%;
        padding-left:0em;
        padding-top:2em;
        border-left:0px dotted transparent;
        border-top:1px dotted #CCCCCC;
    }
}