@charset "UTF-8";

/* layout
============================================================================= */
/***************************************
    footer最下部固定
****************************************/
.ly_wrap {
    background-color: #f3f3f3;
    min-height: 100vh;
    position: relative;
    padding-bottom: 90px;
    /* footerの高さ分 */
    box-sizing: border-box;
}

/***************************************
    header
****************************************/
.ly_header {
    z-index: 99;
    background-color: #fff;
    position: sticky;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.2);
}

.ly_header_inner {
    /*max-width: 1110px;*/
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/***************************************
    main
****************************************/
.ly_cont {
    max-width: 1110px;
    padding-bottom: 120px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.ly_cont_inner {
    max-width: 620px;
    margin-right: auto;
    margin-left: auto;
}

.ly_contSm {
    /* max-width: 710px; */
    max-width: 870px;
    padding-bottom: 120px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/* コミュニティ詳細 */
.ly_communityHeader {
    background-color: #fff;
    margin-bottom: 30px;
    position: sticky;
    top: 0;
    z-index: 9;
}

.ly_communityHeader_inner {
    /* max-width: 710px; */
    max-width: 870px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 2em;
    margin-right: auto;
    margin-left: auto;
}

/***************************************
    footer
****************************************/
.ly_footer {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 10px;
    background-color: #555;
    position: absolute;
    bottom: 0;
}

.ly_footer_inner {
    /*max-width: 1110px;*/
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/***************************************
    login
****************************************/
.ly_login {
    padding-top: 140px;
}

.ly_login_inner {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 490px;
}

.ly_loginCopyright {
    padding-top: 100px;
    padding-bottom: 10px;
}

.ly_loginCopyright_inner {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.ly_loginCopyright_inner .el_footerCopyright {
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .ly_communityHeader {
        position: initial;
    }
}

/*******************************************************************************
* sp
*******************************************************************************/
@media screen and (max-width: 767px) {
    .ly_cont {
        padding-bottom: 60px;
    }

    .ly_gNav {
        position: fixed;
        z-index: 999;
        top: 0;
        width: 100%;
        height: 100vh;
    }
}