.LOGIN .WRAPPER {
    height: 100%;
}
.LOGIN .CONTENTS {
    height: 100%;
}
.LOGIN .container {
    height: 100%;
}

.TOP .inner, .SIGNUP .inner, .LOGIN .inner {
    height: 100%;
    padding: 0 10px;
}
.LOGIN form {
    height: 100%;
}
.LOGIN span.arrow {
    background: rgba(0, 0, 0, 0) url("/assets/img/COMMON_nextArrow.png") repeat scroll 0 0 / cover ;
}

.LOGIN .password {
    margin: 20px 0;
    text-align: center;
}

.LOGIN .logintext {
    margin: 20px;
    text-align: center;
}
.LOGIN .password > a {
	background-image: url("/assets/img/icon_nextArrow.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 12px auto;
    padding-right: 17px;
}

/*----top.cssと同じ箇所----*/
.LOGIN .logo {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    /*padding-top: 20px;*//*ここ違う*/
    width: 60px;
}
.LOGIN .top-title {
    font-size: 20px;
    font-weight: bold;
    margin-top: 25px;
    text-align: center;
}
.LOGIN .indicator {
    margin: 25px auto 25px;/*ここ違う*/
    width: 70px;
}
.LOGIN .bottom {
    bottom: -230px;
    height: 150px;
    position: absolute;
    width: 100%;
}
.LOGIN .bottom2 {
    bottom: -200px;
    height: 190px;
    position: absolute;
    width: 100%;
}




@media (min-width: 768px){
.LOGIN .CONTENTS {
   margin: 0 auto;
    padding-right: 0;
    width: 480px;
}

}