/* add by hashimoto 共通部品 */
html{height:100%}
.light-login{
    width:100%; height:100%;min-height:100%;
    position: relative;
    height: auto !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #b0eafc), color-stop(0.50, #529ccd), color-stop(0.00, #2576b6));
    background: -webkit-linear-gradient(top, #2576b6 0%, #529ccd 50%, #b0eafc 100%);
    background: -moz-linear-gradient(   top, #2576b6 0%, #529ccd 50%, #b0eafc 100%);
    background: -o-linear-gradient(     top, #2576b6 0%, #529ccd 50%, #b0eafc 100%);
    background: -ms-linear-gradient(    top, #2576b6 0%, #529ccd 50%, #b0eafc 100%);
    background: linear-gradient(        top, #2576b6 0%, #529ccd 50%, #b0eafc 100%);
    background-attachment: fixed !important;
}
.login-layout .widget-box .widget-main{background-color:rgba(0,0,0,0); }
.light-login .widget-box.login-box{    background-color:rgba(0,0,0,0); }
.light-login .widget-box.signup-box{   background-color:rgba(0,0,0,0); }
.light-login .widget-box.forgot-box{   background-color:rgba(0,0,0,0); }
.widget-body{background-color:rgba(0,0,0,0); }

.light-login .widget-box{
    webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0);
    box-shadow: 0 0 2px 1px rgba(0,0,0,0);
}
input[type="text"],input[type="password"],select{width:100%;min-width:150px;background-color: #fff;color: #000;padding:7px 0 7px 2%;}

.login-layout .widget-box{ background: rgba(255,255,255,0); }
.light-login .widget-box{ border-bottom:0px; }
.light-login .widget-box .toolbar{ border-top-width: 0px; }
.login-box .toolbar{ background: rgba(255,255,255,0); }
/* .login-box .toolbar>div{ width:100%; padding: 0px; }
.login-box .toolbar>div:first-child{ text-align:right; } */
/* .login-box .toolbar>div:first-child+div>a{ margin-right:0px;} */
.login-layout .toolbar>div>a{ color: #fff;font-weight: 700; }

.signup-box .toolbar{ background: rgba(255,255,255,0); }
/* .signup-box .toolbar a{ color: #fff; } */
.signup-box .toolbar>div:first-child+div>a{ margin-right:0px;}

.forgot-box .toolbar{ background: rgba(255,255,255,0); }
.forgot-box .toolbar a{ color: #fff; }
 .forgot-box .toolbar>div:first-child+div>a{ margin-right:0px;}

.forgot-box .back-to-login-link, .signup-box .back-to-login-link{ color: #fff;font-weight: 700; }

.logo .title{ font-size:18px; color:#fff; font-weight:bold;}
/*
#container {  width: 100%;    position: relative; height: auto !important;    height: 100%;   min-height: 100%;}
#wrap {   padding-bottom: 50px;}
*/
.main-container{
padding-bottom: 50px;
}
#loginfooter {text-align:center; color: white;   position: absolute; bottom: 0;  width: 100%;    height: 50px;}
#loginfooter p {
    margin-bottom:0px;
    height:50px;
    background-image: url("../img/young.png");
    background-repeat: no-repeat;
    background-position: center bottom;
}
/* ',['style'=>'margin-left: auto;margin-right: auto;']); ?>
*/
/** 以下、不要になりそうなもの **/
.mb{ display:none;}
.mbnone{ display:none}
.tab{ display:none;}
/*
.add{ width:80%; margin:15px auto 0; text-align:right;}
.add a{ color:#fff}
.add a:hover{ color:#0C619A}
*/

@media(min-width: 721px) {
    /** main **/
    /* html{height:100%} */
    body{
        font-size:13px;line-height:1.5em;
        font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
        height:100%; width:100%;
    }
    input[type="text"]:focus{background-color: #fff;}
    button#submitbtn{display: inline-block;width: 130px;height: 40px;text-align: center;text-decoration: none;line-height: 30px;background-color: rgba(203,234,253,0.70);color: #fff; margin-top:1em;border:none}
    button#submitbtn::before,input#submitbtn::after {position: absolute;z-index: -1;display: block;content: '';}
    button#submitbtn,input#submitbtn::before,input#submitbtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .6s;transition: all .9s;}
    button#submitbtn:hover {background-color: rgba(255,255,255,0.60);border:2px solid #194C69;color: #194C69;}
}

/** RESPONSIVE BREAKPOINTS==========**/
@media(max-width: 720px){
/** base **/
/* html{height:100%;} */
body{font-size:85%;line-height:1.5em; width:100%;-webkit-text-size-adjust:100%;height:100%; max-width:100%!important;}
/*
#top .logo{width:100%;text-align:center; padding-top:10%;}
#top .logo img{ width:40%}
#top .logo .title{ font-size:18px; color:#fff; margin-top:2em; font-weight:bold;}
*/

#top .form{ width:100%; margin-top:1em; padding:5% 10% 0;}
#top .form .enter{ width:100%; text-align:right;}
/*
input[type="text"],input[type="password"],select{width:100%;min-width:150px;background-color: #fff;color: #000;padding:7px 0 7px 2%;margin-bottom:2vw}
*/
input[type="text"]:focus{background-color: #fff;}
button#submitbtn{display: inline-block;width: 130px;height: 40px;text-align: center;text-decoration: none;line-height: 30px;background-color: rgba(203,234,253,0.70);color: #fff; margin-top:1em;border:none}
button#submitbtn::before,input#submitbtn::after {position: absolute;z-index: -1;display: block;content: '';}
button#submitbtn,input#submitbtn::before,input#submitbtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .6s;transition: all .9s;}
button#submitbtn:hover {background-color: rgba(255,255,255,0.60);border:2px solid #194C69;color: #194C69;}
}