/*
header.header .menu-container .menu-item.survey,
.store-container .stroe.survey{display: none;}*/

header.header{ 
    /*opacity: 0.1;*/
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: stretch;
    justify-content: space-between;
    background-color: #fff;
    height: 4.8vw;top: 0;width: 100%;
    z-index: 9999;
    position: fixed;
    font-family: 'Microsoft Yahei','Arial', 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, sans-serif;
    
}
header.header.sp{
    display: flex!important;
}
header.header .logo-container{
    font-size: 0;margin-right: auto;
    width: calc(13 * 4.8vw / 5);
    height: 4.8vw;
    text-align: center;
    display: inline-block;
    background-color: #fff;
}
header.header .logo-container .logo img {
    height: 100%;
    width: auto;
}
header.header .menu-container{
    display: flex;
    align-items: stretch;
    align-content: center;
    justify-content: flex-end;
}
header.header .menu-container .menu-item{
    display: flex;
    align-items: center;
    flex-direction: row;
    text-decoration: none;
    font-size: 1.18vw;padding: 0 1.5vw;color: #000
}
header.header .menu-container .menu-item:hover{
    background-color: #d9d0be;
} 
header.header .menu-container .menu-item.survey .img{
    width: 1.2vw;
}
@media screen and (min-width: 0) and (max-width: 640px)
{

    header.header{ 
        /*opacity: 0.1;*/
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
        background-color: #fff;
        height: 17.06666vw;top: 0;width: 100%;
        z-index: 9999;
        position: fixed;
        /*transition: all 0.45s;*/
        /*transition-delay:0;*/
        font-size: 0;
    }
    header.header.pc{
        display: flex!important;
    }
    header.header.show{
        /*height: 100vh;
        transition-delay:4s;*/
    }
    header.header .logo-container{
        font-size: 0;height: 17.06666vw;width: calc(10 * 17.06666vw / 5);
    }
    header.header .menu-container{  
        background-color: #d9d0be;
        width: 68.6vw;
        position: fixed; 
        left: 100vw; 
        /*display: none;*/
        /*transition: all 0.25s;*/
        /*transition-delay:0.45s;*/
        display: flex;
        height: 100vh;
        flex-direction: column;
        align-content: center;
        align-items: center;
        justify-content: center;
    }
    header.header.show .menu-container{
        /*left: 31.4vw; */
        /*transition-delay:0s;*/
    }
    header.header .menu-container .menu-item{
        margin-bottom: 5vw;
        text-decoration: none;
        border: 1px solid #867452;
        font-size: 4.2vw;
        padding: 3vw;
        width: 60%;
        text-align: center;
        color: #867452;
        background-color: #efece8;
    }
    header.header .menu-container .menu-item:hover{
        background-color: #d9d0be;
    }
    header.header .menu-container .menu-item.survey .img {
        height: 6vw;
        width: auto;
    }
    header.header .meun-icon{
        width: 17.06666vw;height: 17.06666vw;background-color: #d9d0be;position: relative;
    }
    header.header .meun-icon:after,
    header.header .meun-icon:before{
        content: " ";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 42%;
        height: 2px;
        background-color: #000;
        transition: all 0.45s;
    } 
    header.header .meun-icon:after{
        transform: translate(-50%,-300%);
    }
    header.header .meun-icon:before{
        transform: translate(-50%,300%);
    }
    header.header.show .meun-icon:after{
        transform: translate(-50%,-50%) rotate(45deg);
    }
    header.header.show .meun-icon:before{
        transform: translate(-50%,-50%) rotate(-45deg);
    }

    .page{margin-top: 17.06666vw;}
}