@media(max-width:1000px) {
    .bg {
        padding: 18vh auto;
    }
    .beer-explanation,.beer-make,.kind-area,.ale-area {
        width: 100%;
    }

    /* .dt,dd { 
        display: flex;
    }*/
}

@media(max-width:767px) {

}

@media(max-width:380px) {

    .beer-explanation{
        width: 100%;
    }

    .global-nav {
        font-size: 80%;
        width: 80%;
    }

    .gotop {
        background-size: 10%;
    }


    /* .flavor > dd { 
         要素に重ねるための */
    /*top: initial;
    left: initial;
    z-index: 100;
    transform: initial;
    } */


    .kind {
        padding-top: 12rem;
    }

    /* .beer-ale > dd { */
    /* 要素に重ねるための 
    top: initial;
    left: initial;
    z-index: 100;
    transform: initial;
    }*/
    
    /* .material > dd { 
        margin-left: 0;
    
        bottom: -70%;
        left: initial;
        z-index: 100;
        transform: initial;
    }
    */
            
}