
header#hed {
    position: relative;
    margin: 0 auto;
    padding: 20px 100px;
        position: sticky;
    top: 0px;
    background-color: #000;
    z-index: 999999;
}

 header#hed h1.logo_shopname {
    max-width: 250px;
}

h1.text_shopname a{
    font-size: 22px;
    color: #FFF;
}


header#hed dl.btn_sns {
    position: absolute;
    right: 100px;
    top: 20px;
    display: flex;
    width: 200px;
}

header#hed dl.btn_sns dd {
    padding: 15px;
    width: 25%;
}
header#hed dl.btn_sns dd:first-child {
    padding: 15px;
    width: 45%;
}
@media screen and (max-width: 798px) {



    header#hed {
        position: relative;
        margin: 0 auto;
        padding: 35px 0px;
        position: sticky;
        top: 0px;
        background-color: #000;
        z-index: 999999;
    }
    
    header#hed h1.logo_shopname {
        max-width: 140px;
        position: absolute;
        left: 20px;
        top: 20px;
    }

    header#hed dl.btn_sns {
        position: absolute;
        right: 10px;
        top: 20px;
        display: flex;
        width: 120px;
    }
        header#hed dl.btn_sns dd:first-child, header#hed dl.btn_sns dd {
        padding: 7px;
    }

}