/* ---------------------------------------------------------------------------------
topPage */

body{ height: 100vh; background: #fff; background:#222 url(/common/images/loginBG.jpg) no-repeat center center ; background-size: cover;}
#bodyWrapper{ height: 100%;}
#contents{ display: table; width: 100%; height: 100%;}
.loginPage #contents_inner{ display: table-cell; vertical-align: middle;}

.mainVisual{ background: url(/common/images/background.jpg) no-repeat center top; background-size: cover;
padding: 190px 0; text-align: center; margin-bottom: 100px;}
.mainVisual img{ width: 33%;}

.mainVisual p{ text-align: center; color: #fff; font-size: 40px; letter-spacing: 0.3em; margin: 30px 0 0; line-height: 1em;}

.topBtns{ padding: 50px; text-align: center;}

.topBtns li{}

.topBtns .topListBtn{  display: block; width: 60%; margin: 0 auto 50px; padding: 30px 0 30px; background: #222; border-radius: 10px;color: #fff;
box-shadow: 0px 0px 0px 5px #dbdbdb;
}


.topBtns{ margin-bottom: -60px;}

.topBtns .topListBtn span.eng{ display: block; font-size: 30px; letter-spacing: 0.2em; margin-bottom: 5px;}
.topBtns .topListBtn span.jpn{  display: block; font-size: 24px; line-height: 1em;margin-bottom: 0}


.topBtns .topListBtn01{
background: rgb(76,31,68);
background: linear-gradient(0deg, rgba(76,31,68,1) 69%, rgba(112,46,102,1) 100%);
}

.topBtns .topListBtn02{
background: rgb(42,41,41);
background: linear-gradient(0deg, rgba(42,41,41,1) 69%, rgba(61,61,61,1) 100%);
}





#loginPage{ background:#222 url(/admin/common/images/loginBG.jpg) no-repeat center center ; background-size: cover;}

#contents{ display: table; width: 100%; height: 100vh;}
#contents_inner{ display: table-cell; vertical-align: middle;}


.loginForm{ padding: 120px 0; width: 80%; margin: 0 auto;  background: rgba( 0,0,0,0.8); border-radius: 30px;
box-sizing: border-box; padding: 90px 0;}
.loginForm h1{ width: 30%;  margin: 0 auto; margin-bottom: 10px;}
.loginForm p.subTitle{ color: #aaa; text-align: center; margin-bottom: 25px; font-size: 34px; font-weight: 700; letter-spacing: 0.2em;}


.loginForm form{ text-align: center;}
.loginForm form input{ padding: 10px; font-size: 14px; background: #ccc;  margin: 0 auto; text-align: left; margin-bottom: 20px; color: #333;
border: 2px solid #ddd; width: 100%; box-sizing: border-box;}

.loginForm form input.submitBtn01{ font-size:16px; background: #353269; width: 60%; color: #fff; padding: 10px 50px; letter-spacing: 0.2em; border-radius: 10px; text-align: center; border: none;}