@charset "utf-8";

#slideMenu {
    position: fixed;
    z-index: 9999;
    left: 0;
    /*top: 79px;*/
	top: 100px;
    padding: 0;
    margin: 0;
    width: 100%;
    height: calc(100% - 64px);
    background-color: rgba(255,255,255, 0.98);
    box-shadow: 0 3px 5px rgba(0,0,0,0.1);
    display: none;
    font-family: 'Shippori Mincho', serif;
    font-weight: 600;
}

#slideMenu .scrollWrap {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    overflow-y: scroll;
}

#slideMenu .menuBody {
    display: flex;
    width: 100%;
    max-width: 1000px;
    box-sizing: border-box;
    margin: 0 auto;
    justify-content: center;
    flex-wrap: wrap;
}

#slideMenu .menuBody ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#slideMenu .menuBody > div > a {
    font-size: 1.6rem;
    font-weight: 600;
}



#slideMenu .menuDefault {
    width: 100%;
    font-size: 1.6rem;
    padding: 15px;
    box-sizing: border-box;
}


#slideMenu a {
    display: block;
    background-repeat: no-repeat;
    padding-left: 25px;
    background-size: 21px auto;
    text-decoration: none;
    color: #666;
    height: 25px;
    background-position: center left;
}

#slideMenu a:hover {
    text-decoration: underline;
}

@media (max-width: 767px) {
    #slideMenu {
        top: 64px;
    }

    #slideMenu a {
        font-size: 1.4rem;
    }
    
    #slideMenu .menuBody > div > a {
        font-size: 1.6rem;
    }
    #slideMenu .menuDefault {
        font-size: 1.4rem;
    }
}

#slideMenu .menuDefault li {
    margin: 0 25px 15px 0;
    
}

#slideMenu .menuDefault a {
    background-image: url("/wp-content/uploads/images/icn_link_pink.png");
    height: 25px;
    line-height: 25px;
}

#slideMenu .menuA,
#slideMenu .menuB,
#slideMenu .menuC,
#slideMenu .menuD {
    width: calc(50% - 30px);
    font-size: 1.6rem;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 10px;
    margin: 15px 0;
}
#slideMenu .menuA ul,
#slideMenu .menuB ul,
#slideMenu .menuC ul,
#slideMenu .menuD ul {
    margin-top: 15px;
    padding: 0 5px;
}

#slideMenu .menuA ul li,
#slideMenu .menuB ul li,
#slideMenu .menuC ul li,
#slideMenu .menuD ul li {
    margin: 0 25px 15px 0;
}
@media (max-width: 767px) {
    #slideMenu .menuA,
    #slideMenu .menuB,
    #slideMenu .menuC,
    #slideMenu .menuD {
        width: 100%;
        margin: 0 !important;
    }
}

#slideMenu .menuA {
    background-color: rgba(241, 188, 183, 0.05);
    margin-right: 15px;
}

#slideMenu .menuA > a {
    background-image: url("/wp-content/uploads/images/bird_red.png");
    background-size: 40px auto;
    padding-left: 50px;
}

#slideMenu .menuA ul a {
    background-image: url("/wp-content/uploads/images/icn_link_red.png");
    height: 25px;
}

#slideMenu .menuB {
    background-color: rgba(118, 200, 208, 0.05);
    margin-left: 15px;
}

#slideMenu .menuB > a {
    background-image: url("/wp-content/uploads/images/bird_blue.png");
    background-size: 40px auto;
    padding-left: 50px;
}

#slideMenu .menuB ul a {
    background-image: url("/wp-content/uploads/images/icn_link_blue.png");
    height: 25px;
}

#slideMenu .menuC {
    background-color: rgba(123, 198, 171, 0.05);
    margin-right: 15px;
}

#slideMenu .menuC > a {
    background-image: url("/wp-content/uploads/images/bird_gren.png");
    background-size: 40px auto;
    padding-left: 50px;
}

#slideMenu .menuC ul a {
    background-image: url("/wp-content/uploads/images/icn_link_gren.png");
    height: 25px;
}

#slideMenu .menuD {
    background-color: rgba(251, 205, 122, 0.05);
    margin-left: 15px;
}

#slideMenu .menuD > a {
    background-image: url("/wp-content/uploads/images/bird_yel.png");
    background-size: 40px auto;
    padding-left: 50px;
}

#slideMenu .menuD ul a {
    background-image: url("/wp-content/uploads/images/icn_link_yel.png");
    height: 25px;
}

#slideMenu #menuAccessInfo {
    display: none;
}

@media (max-width: 767px) {
    #slideMenu #menuAccessInfo {
        padding: 25px 15px 5px;
        background-color: rgba(0,0,0,0.05);
        width: 100%;
        opacity: 0.5;
        display: block;
    }

    #slideMenu #menuAccessInfo > div {
        font-size: 1.8rem;
        font-weight: 600;
        text-align: right;
        padding: 0;
        margin-top: 5px;
    }

    #slideMenu #menuAccessInfo > div a {
        padding: 0;
    }

    #slideMenu #menuAccessInfo > div img {
        width: 100%;
        max-width: 300px;
        display: inline-block;
    }
}