*{margin:-2;padding:0;box-sizing:border-box;}
html{font-size:62.5%;}
.container{max-width:500px;margin:0 auto;}
.clearfix{overflow:auto;}
.header{position:relative;background-image:url('../images/banner.png');height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;}
.menu .button_menu{display:flex;align-items:center;justify-content:center;}
.menu .button_menu .button{list-style:none;padding:0 1rem 1rem 1rem;text-align:center;}
.menu .button_menu a{border:0;padding:1rem;width:100%;font-size:14px;font-weight:700;color:white;background-color:rgba(0, 0, 0, 0.507);border-radius:0 0 8px 8px;display:inline-block;}
.menu .product_sale{position:absolute;left:50%;right:0;top:40%;bottom:0%;width:40%;transform:translate(-50%);}
.content{background-color:#232323;}
.list__product{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.product_new{padding-top:2rem;}
.product_new .product-sale{width:30%;padding:1.3rem;}
.product_new .product-sale{position:relative;}
.product_new .items--product-content{position:absolute;display:flex;align-items:center;top:-10%;border:0;bottom:0;left:15%;right:0;}
.product_new .title--product{color:white;font-size:13px;padding:0 2rem;width:57%;}
.product_new .title--product h4,.product_new .price--product h3,.product_new .price--sale p{padding:0.3rem 0;}
.product_new .items__product-button button{border:0;padding:0.5rem 1rem;font-size:12px;font-weight:700;border-radius:15px;color:#95061b;background-image:linear-gradient(to right bottom, #faefc1, #faf2de, #ff9625);}
.product_new .img--product{width:20%;}
.party_shopping{background-image:url(http://nagakawa.hurasoft.com/template/2020/images/banner_02.png);height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;}
.party_shopping .combo__product{position:absolute;width:30%;left:50%;top:35%;right:0;bottom:0;text-align:center;}
.all_product{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;}
.all_product .items__product{width:18%;background-color:white;margin:0.5rem;padding:1rem 1rem 2rem 1rem;font-size:13px;border-radius:5px;}
.all_product .content-product .title--product,.all_product .content-product .price--product{padding:0.5rem 0;}
.all_product .content-product .price--product{color:#ec3237;font-size:18px;}
.all_product .title--product span{text-decoration:line-through;color:#c4c4c4;}
.all_product .items__product-button{padding:4rem 0;}
.all_product .items__product-button button{padding:1rem 6rem;font-size:16px;background:none;border:1px solid white;color:white;border-radius:5px;}
.product_18k{background-image:url(http://nagakawa.hurasoft.com/template/2020/images/banner_03.png);height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;text-align:center;}
.product_18k .combo__18k{position:absolute;width:60%;left:25%;top:-5%;bottom:0;right:0;}
.footer{background-color:#222;}
.footer .list_footer{display:flex;justify-content:space-between;padding:1rem;}
.footer .list_footer li{list-style:none;}
.footer .list_footer a{text-decoration:none;color:white;font-size:13px;padding:0.5rem 1rem;}
.footer .list_footer a:hover,.footer .list_footer li:hover{background-color:white;color:red;font-weight:700;}
body{color:#222;background: #a01811;font-family:'Roboto', sans-serif;position:relative;font-size:14px;font-weight:400;text-align:left; width: 680px;margin:0 auto;}
a{color:#575757;text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease;outline:none;}
a:hover{text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease;color:#F27A00;}
.ul{margin:0;padding:0;list-style:none;}
img{max-width:100%;height:auto;}
.clearfix::after{content:'';clear:both;display:block;}
.clear{clear:both;}
button, input{outline:none !important;}
.product_new{padding:25px 0;}
.list__product a{display:block;margin:0 0 20px 0;width:calC(100% / 2 - 5px);}
.box-banner-holder{text-align:center;}
.list__product{justify-content:space-between;}
.box-button {width: 220px;height: 40px;line-height: 40px;text-align: center;margin: 25px auto;border: 1px solid #fff;border-radius: 5px;}
.box-button a {display: block;color: #fff;}
.box-button a:hover {background: #fff;color: #a01811;}
.box-pro-container{margin-bottom: 50px; background: #157a3b;}
.all_product{justify-content:space-between;display:flex;flex-wrap:wrap;align-items:unset;}
.ld-p-item{background:#fff;border-radius:7px;width:calc(100% / 2 - 8px);border:1px solid #e1e1e1;margin-bottom:10px;padding:8px 8px 15px 8px;}
.ld-p-item .pl-p-img{position:relative;padding-bottom:100%;display:block;overflow:hidden;}
.ld-p-item .pl-p-img img{position:absolute;top:0;bottom:0;left:0;right:0;max-height:100%;max-width:100%;margin:auto;transition:.5s all;transform:scale(1);}
.ld-p-item .ld-p-name{display:block;font-size:13px;overflow:hidden;height:36px;margin-bottom:20px;}
.ld-p-item .ld-p-price, .ld-p-item .ld-old-price{display:block;}
.ld-p-item .ld-p-price{font-weight:bold;font-size:18px;color:#ec3237;}
.ld-p-item .ld-old-price{color:#a6a6a6;}
.ld-p-item:hover .pl-p-img img{transition:.5s all;transform:scale(1.1);}
.ld-discount {background: url('../images/bg-ld-discount.png');position: absolute;top: 0;left: 0;color: #fff;font-size: 15px;font-weight: 600;width: 52px;height: 52px;line-height: 52px;text-align: center;}
.footer {
    position: fixed;
    left: 0;
    right: 0;
    transition: .4s all;
    bottom: -100%;
}

.footer .list_footer {
    justify-content: center;
}

.footer.active {
    transition: .4s all;
    bottom: 0;
}
@media all and (min-width: 0) and (max-width: 320px){
 .container{width:100%;margin:0 auto;}
.clearfix{overflow:auto;}
.header{position:relative;background-image:url('http://nagakawa.hurasoft.com/template/2020/images/banner.png');height:40vh;background-size:cover;background-position:center;background-repeat:no-repeat;}
.menu .button_menu{display:flex;align-items:center;justify-content:center;}
.menu .button_menu .button{list-style:none;padding:0 1rem 1rem 1rem;text-align:center;}
.menu .button_menu a{border:0;padding:1rem;width:100%;font-size:14px;font-weight:700;color:white;background-color:rgba(0, 0, 0, 0.507);border-radius:0 0 8px 8px;display:inline-block;}
.menu .product_sale{position:absolute;left:50%;right:0;top:60%;bottom:0%;width:40%;transform:translate(-50%);}
.content{background-color:#a01811;}
.list__product{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.product_new{padding-top:2rem;}
.product_new .product-sale{width:30%;padding:1.3rem;}
.product_new .product-sale{position:relative;}
.product_new .items--product-content{position:absolute;display:flex;align-items:center;top:-10%;border:0;bottom:0;left:15%;right:0;}
.product_new .title--product{color:white;font-size:13px;padding:0 2rem;width:57%;}
.product_new .title--product h4,.product_new .price--product h3,.product_new .price--sale p{padding:0.3rem 0;}
.product_new .items__product-button button{border:0;padding:0.5rem 1rem;font-size:12px;font-weight:700;border-radius:15px;color:#95061b;background-image:linear-gradient(to right bottom, #faefc1, #faf2de, #ff9625);}
.product_new .img--product{width:20%;}
.party_shopping{background-image:url(http://nagakawa.hurasoft.com/template/2020/images/banner_02.png);height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;}
.party_shopping .combo__product{position:absolute;width:30%;left:50%;top:35%;right:0;bottom:0;text-align:center;}
.all_product{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;}
.all_product .items__product{width:18%;background-color:white;margin:0.5rem;padding:1rem 1rem 2rem 1rem;font-size:13px;border-radius:5px;}
.all_product .content-product .title--product,.all_product .content-product .price--product{padding:0.5rem 0;}
.all_product .content-product .price--product{color:#ec3237;font-size:18px;}
.all_product .title--product span{text-decoration:line-through;color:#c4c4c4;}
.all_product .items__product-button{padding:4rem 0;}
.all_product .items__product-button button{padding:1rem 6rem;font-size:16px;background:none;border:1px solid white;color:white;border-radius:5px;}
.product_18k{background-image:url(http://nagakawa.hurasoft.com/template/2020/images/banner_03.png);height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;text-align:center;}
.product_18k .combo__18k{position:absolute;width:60%;left:25%;top:-5%;bottom:0;right:0;}
.footer{background-color:#700500;}
.footer .list_footer{display:flex;justify-content:space-between;padding:1rem;}
.footer .list_footer li{list-style:none;}
.footer .list_footer a{text-decoration:none;color:white;font-size:13px;padding:0.5rem 1rem;}
.footer .list_footer a:hover,.footer .list_footer li:hover{background-color:white;color:red;font-weight:700;}
body{color:#222;background: #a01811;font-family:'Roboto', sans-serif;position:relative;font-size:14px;font-weight:400;text-align:left; width: 100%;margin:0 auto;}
a{color:#575757;text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease;outline:none;}
a:hover{text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease;color:#F27A00;}
.ul{margin:0;padding:0;list-style:none;}
img{max-width:100%;height:auto;}
.clearfix::after{content:'';clear:both;display:block;}
.clear{clear:both;}
button, input{outline:none !important;}
.product_new{padding:25px 0;}
.list__product a{display:block;margin:0 0 20px 0;width:calC(100% / 2 - 10px);}
.box-banner-holder{text-align:center;}
.list__product{justify-content:space-between;}
.box-button {width: 220px;height: 40px;line-height: 40px;text-align: center;margin: 25px auto;border: 1px solid #fff;border-radius: 5px;}
.box-button a {display: block;color: #fff;}
.box-button a:hover {background: #fff;color: #a01811;}
.box-pro-container{margin-bottom: 50px; background: #a90102;}
.all_product{justify-content:space-between;display:flex;flex-wrap:wrap;align-items:unset;}
.ld-p-item{background:#fff;border-radius:7px;width:calc(100% / 2 - 8px);border:1px solid #e1e1e1;margin-bottom:10px;padding:8px 8px 15px 8px;}
.ld-p-item .pl-p-img{position:relative;padding-bottom:100%;display:block;overflow:hidden;}
.ld-p-item .pl-p-img img{position:absolute;top:0;bottom:0;left:0;right:0;max-height:100%;max-width:100%;margin:auto;transition:.5s all;transform:scale(1);}
.ld-p-item .ld-p-name{display:block;font-size:13px;overflow:hidden;height:36px;margin-bottom:20px;}
.ld-p-item .ld-p-price, .ld-p-item .ld-old-price{display:block;}
.ld-p-item .ld-p-price{font-weight:bold;font-size:18px;color:#ec3237;}
.ld-p-item .ld-old-price{color:#a6a6a6;}
.ld-p-item:hover .pl-p-img img{transition:.5s all;transform:scale(1.1);}
.ld-discount {background: url('../images/bg-ld-discount.png');position: absolute;top: 0;left: 0;color: #fff;font-size: 15px;font-weight: 600;width: 52px;height: 52px;line-height: 52px;text-align: center;}
.footer {
    position: fixed;
    left: 0;
    right: 0;
    transition: .4s all;
    bottom: -100%;
}

.footer .list_footer {
    justify-content: center;
}

.footer.active {
    transition: .4s all;
    bottom: 0;
}
}
@media all and (min-width: 321px) and (max-width: 360px){
  body{color:#222;background: #a01811;font-family:'Roboto', sans-serif;position:relative;font-size:14px;font-weight:400;text-align:left; width: 360px;margin:0 auto;}
.container{width:100%;margin:0 auto;}
.clearfix{overflow:auto;}
.header{position:relative;background-image:url('http://nagakawa.hurasoft.com/template/2020/images/banner.png');height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;}
.menu .button_menu{display:flex;align-items:center;justify-content:center;}
.menu .button_menu .button{list-style:none;padding:0 1rem 1rem 1rem;text-align:center;}
.menu .button_menu a{border:0;padding:1rem;width:100%;font-size:14px;font-weight:700;color:white;background-color:rgba(0, 0, 0, 0.507);border-radius:0 0 8px 8px;display:inline-block;}
.menu .product_sale{position:absolute;left:50%;right:0;top:40%;bottom:0%;width:40%;transform:translate(-50%);}
.content{background-color:#a01811;}
.list__product{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.product_new{padding-top:2rem;}
.product_new .product-sale{width:30%;padding:1.3rem;}
.product_new .product-sale{position:relative;}
.product_new .items--product-content{position:absolute;display:flex;align-items:center;top:-10%;border:0;bottom:0;left:15%;right:0;}
.product_new .title--product{color:white;font-size:13px;padding:0 2rem;width:57%;}
.product_new .title--product h4,.product_new .price--product h3,.product_new .price--sale p{padding:0.3rem 0;}
.product_new .items__product-button button{border:0;padding:0.5rem 1rem;font-size:12px;font-weight:700;border-radius:15px;color:#95061b;background-image:linear-gradient(to right bottom, #faefc1, #faf2de, #ff9625);}
.product_new .img--product{width:20%;}
.party_shopping{background-image:url(http://nagakawa.hurasoft.com/template/2020/images/banner_02.png);height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;}
.party_shopping .combo__product{position:absolute;width:30%;left:50%;top:35%;right:0;bottom:0;text-align:center;}
.all_product{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;}
.all_product .items__product{width:18%;background-color:white;margin:0.5rem;padding:1rem 1rem 2rem 1rem;font-size:13px;border-radius:5px;}
.all_product .content-product .title--product,.all_product .content-product .price--product{padding:0.5rem 0;}
.all_product .content-product .price--product{color:#ec3237;font-size:18px;}
.all_product .title--product span{text-decoration:line-through;color:#c4c4c4;}
.all_product .items__product-button{padding:4rem 0;}
.all_product .items__product-button button{padding:1rem 6rem;font-size:16px;background:none;border:1px solid white;color:white;border-radius:5px;}
.product_18k{background-image:url(http://nagakawa.hurasoft.com/template/2020/images/banner_03.png);height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;text-align:center;}
.product_18k .combo__18k{position:absolute;width:60%;left:25%;top:-5%;bottom:0;right:0;}
.footer{background-color:#700500;}
.footer .list_footer{display:flex;justify-content:space-between;padding:1rem;}
.footer .list_footer li{list-style:none;}
.footer .list_footer a{text-decoration:none;color:white;font-size:13px;padding:0.5rem 1rem;}
.footer .list_footer a:hover,.footer .list_footer li:hover{background-color:white;color:red;font-weight:700;}
a{color:#575757;text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease;outline:none;}
a:hover{text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease;color:#F27A00;}
.ul{margin:0;padding:0;list-style:none;}
img{max-width:100%;height:auto;}
.clearfix::after{content:'';clear:both;display:block;}
.clear{clear:both;}
button, input{outline:none !important;}
.product_new{padding:25px 0;}
.list__product a{display:block;margin:0 0 20px 0;width:calC(100% / 2 - 10px);}
.box-banner-holder{text-align:center;}
.list__product{justify-content:space-between;}
.box-button {width: 220px;height: 40px;line-height: 40px;text-align: center;margin: 25px auto;border: 1px solid #fff;border-radius: 5px;}
.box-button a {display: block;color: #fff;}
.box-button a:hover {background: #fff;color: #a01811;}
.box-pro-container{margin-bottom: 50px; background: #a90102;}
.all_product{justify-content:space-between;display:flex;flex-wrap:wrap;align-items:unset;}
.ld-p-item{background:#fff;border-radius:7px;width:calc(100% / 2 - 8px);border:1px solid #e1e1e1;margin-bottom:10px;padding:8px 8px 15px 8px;}
.ld-p-item .pl-p-img{position:relative;padding-bottom:100%;display:block;overflow:hidden;}
.ld-p-item .pl-p-img img{position:absolute;top:0;bottom:0;left:0;right:0;max-height:100%;max-width:100%;margin:auto;transition:.5s all;transform:scale(1);}
.ld-p-item .ld-p-name{display:block;font-size:13px;overflow:hidden;height:36px;margin-bottom:20px;}
.ld-p-item .ld-p-price, .ld-p-item .ld-old-price{display:block;}
.ld-p-item .ld-p-price{font-weight:bold;font-size:18px;color:#ec3237;}
.ld-p-item .ld-old-price{color:#a6a6a6;}
.ld-p-item:hover .pl-p-img img{transition:.5s all;transform:scale(1.1);}
.ld-discount {background: url('../images/bg-ld-discount.png');position: absolute;top: 0;left: 0;color: #fff;font-size: 15px;font-weight: 600;width: 52px;height: 52px;line-height: 52px;text-align: center;}
.footer {
    position: fixed;
    left: 0;
    right: 0;
    transition: .4s all;
    bottom: -100%;
}

.footer .list_footer {
    justify-content: center;
}

.footer.active {
    transition: .4s all;
    bottom: 0;
}
}
@media only screen (max-width: 480px){
    .header {
        width: 100%;
        height: 30vh;
    }
    .product_new .product-sale {
        width: 40%;
    }
    .menu .button_menu button {
        width: 100%;
        font-size: 13px;
        font-weight: 700;
        padding: 1rem;
    }

    .party_shopping {
        width: 100%;
        height: 30vh;
    }

    .party_shopping .combo__product {
        width: 40%;
    }

    .all_product .items__product {
        width: 45%;
    }

    .product_18k {
        height: 30vh;
    }
}

@media only screen (max-width: 640px){
    .header {
        width: 100%;
        height: 40vh;
    }
    .product_new .product-sale {
        width: 40%;
    }
    .menu .button_menu button {
        width: 100%;
        font-size: 13px;
        font-weight: 700;
        padding: 1rem;
    }

    .party_shopping {
        width: 100%;
        height: 30vh;
    }

    .party_shopping .combo__product {
        width: 40%;
    }

    .all_product .items__product {
        width: 45%;
    }

    .product_18k {
        height: 30vh;
    }
}