@charset "UTF-8";

#about, #support, #member {
    background-color: #fbf8f1;
    border-radius: 14px;
    padding: 5px 0px;
    margin: 0 2%;
    margin-bottom: 40px;
}

#about p {
    margin: 0 10px;
}

#about img, #support img {
    clear: both;
    max-width: 90%;
    margin: 4% auto;
}

#about img.title, #support img.title, #member img.title {
    max-width: 60%;
    margin: 4% 4%;
    float: left;
}

#support ul {
    clear: both;
    display: block;
    position: relative;
    margin: 0 2%;
}

#support ul p.line {
    color: #8B7066;
    font-family:'Hiragino Mincho ProN', serif;
    border-bottom: thin dotted #8B7066;
    text-align: left;
    margin: 2% 2%;
}

#support ul li {
    display: inline-block;
    margin: 0 2%;
    max-width: 45%;
}

#member ul {
    clear: both;
    display: block;
    border-bottom: thin dotted #898989;
    margin: 0 3%;
}

#member ul li {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    padding:0px 20px;
    padding-bottom: 20px;
}

#member ul li.center {
    border-right: thin dotted #898989;
    border-left: thin dotted #898989;
}

#member ul li img.name {
    display: inline-block;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    vertical-align: top;
}

#member ul li img.mark {
    /*display: inline;*/
    float: left;
    margin-left: 4%;
}

#member ul li div.icon {
    display: inline-block;
    position: absolute;
    margin: 0 auto;
    bottom: 25px;
    right: 64px;
}

#member ul li.center div.icon {
    right: 102px;
}

#member ul li.kamikubo {
    margin-top: 4%;
}

#member ul li div.icon img {
    display: inline-block;
    margin: 0 4px;
    vertical-align: top;
    text-align: left;
}

#member div.andmore {
    margin: 4% 3%;
    max-width: 100%;
}

#member div.andmore img {
    display: block;
    max-width: 80%;
    margin: 1% auto;
    margin-bottom: 4%;
}

#member div.andmore div.text {
    display: block;
    margin: 0 auto;
    padding-top: 15px;
    border-top: thin dotted #898989;
}

#member div.andmore p {
    color: #8B7066;
    font-family:'Hiragino Mincho ProN', serif;
    line-height: 1.0em;
    font-size: 1.1em;
}

@media screen and (max-width:780px){
    #about p {
        font-size: 8px;
    }

    #member ul li {
        /*display: block;*/
    }

    #support ul li img {
        max-width: 70%;
    }

    #member ul li.center {
        border: none;
        border-top: thin solid #898989;
        border-bottom: thin solid #898989;
        padding: 3% 0px;
        display: block;
    }

    #member ul li.center div.icon {
        right: 42%;
    }

    #member div.andmore p {
        font-size: 0.8em;
        line-height: 1.8em;
    }
}

@media screen and (min-width:768px) {

    /*#member div.andmore p {
        font-size: 0.8em;
    }*/
}