@charset "UTF-8";

body{
    background:#EBE6B4;
    max-width:830px;
    margin:0 auto;
}
#wrapper{
    width:100%;
    padding:40px 20px 0;
}
.product-header{
    width:100%;
    margin-bottom:30px;
}
.product-img{
    width:80%;
    margin:0 auto 20px;
}

.detail{
    width:100%;

}


h2{
    color:#E7242B;
    font-weight: 600;
    padding-bottom:5px;
    font-size:1.125rem;
    margin-bottom:5px;
    border-bottom:solid 1px #E7242B;
}


h3{
    color:#E7242B;
    font-weight: 600;
    font-size:1.375rem;
    margin:5px 0;
}

p{
    font-size:0.875rem;
    margin-bottom:25px;
}

p.area{
    font-size:1rem;
}

@media (min-width: 500px) {

    .product-header{
        display:flex;
        justify-content: space-between;
        margin-bottom:0;
    }

    .product-img{
        width:47%;
    }

    .detail{
        width:48.6%;
    
    }
    h2{
        font-size:1.375rem;
        margin-bottom:6px;
    }
    h3{
        font-size:1.5rem;
        margin-bottom:5px;
    }
    p{
        font-size:1rem;
        margin-bottom:25px;
    }
    p.area{
        font-size:1.25rem;
    }
}

/*UHA PREMIUM GUMMY*/

    .product-wrap{
        width:92%;
        margin:0 auto;
        display:flex;
        flex-wrap:wrap;
        justify-content: space-between;
    }
    .product-area{
        margin-bottom:20px;
    }
    .product-area{
        width:100%;
    }

    @media (min-width: 500px) {

    .product-wrap{
        width:100%;
        display:flex;
        justify-content: space-between;
    }

    .product-area{
        width:48%;
    }
    .product-area .product-header{
        margin-bottom:30px
    }
    }