@charset "utf-8";

/* menu */

.menu {
    margin-top:-0.375rem;
}
.menu .list{
    margin:0;
    padding:0;
    float:left;
    font-size:1em;
    list-style:none;
    width:100%;
}
.menu .item{
    float:left;
    padding:0;
    margin:0 0 0 1.875rem;
}
.menu .link{
    padding:0.275rem 0.25rem;
    display:block;
    color:inherit;
    font-weight:800;
    background:url(../images/style/menu-hover.png) -10rem 2rem / 100% 0.25rem no-repeat;
}

.menu .link:hover,
.menu .link.active{
    background-position:center bottom;
    transition: 0.5s;
}
.menu-opener {
    height:2rem;
    cursor:pointer;
    width:2rem;
    display:none;
    margin-left:auto;
    background:
        linear-gradient(#892c8c, #892c8c) center 0.5rem / 1.625rem 0.188rem no-repeat,
        linear-gradient(#dc7482, #dc7482) center 0.938rem / 1.625rem 0.188rem no-repeat,
        linear-gradient(#f8e3e0, #f8e3e0) center 1.375rem / 1.625rem 0.188rem no-repeat;
}
@media(max-width:1023px){
    .menu-opener {
        display:block;
    }
    .menu{
        position:absolute;
        left:0;
        top:100%;
        width:100%;
        display:none;
    }
    .menu.open{
        display:block;
    }
    .menu .item {
        width:100%;
        margin:0;
    }
    .menu .link{
        padding:0.625rem 1.5rem;
        background:#f7f3f2;
        font-size:0.875em;
        color:#151515;
        border-top:0.063rem solid #151515;
    }
    .menu .item:last-of-type .link{
        border-bottom:0.063rem solid #151515;
    }
}

/* menu end */