@media screen and (max-width: 1200px) {
    .best_body,
    .event_body,
    .recipe_body {
        width: 100%;
    }

    .recipe_product_items{
        height:22vw;
    }
}

@media screen and (max-width: 1000px) {
    .best_body{
        height:45vw;
    }
    .event_body {
        height:55vw;
    }


}

@media screen and (max-width: 980px) {
    .main_banner{
        height:48vw;
    }
    .m_b01{
        background: url(../img/mobile/main_banner/main_banner01.jpg) no-repeat center / contain;
    }    
    .m_b02{
        background: url(../img/mobile/main_banner/main_banner02.jpg) no-repeat center / contain;
    }    
    .m_b03{
        background: url(../img/mobile/main_banner/main_banner03.jpg) no-repeat center / contain;
    }    
    .m_b04{
        background: url(../img/mobile/main_banner/main_banner04.jpg) no-repeat center / contain;
    }   

    #gift_product{
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
    }
   
    #best_product,
    #event_product,
    #recipe_product{
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }



    .best_info01{
        margin-top: 40px;
    }

    .best_info02{
        display: none;
    }

    .best_info03{
        margin-top: 13px;
    }

    .bbanner_btn{
        right:15px;

    }

    .story_info{
        left:50%;
        transform: translateX(-50%);
    }


    .recipe_product_items{
        width:calc((100% - (35px * 2)) / 3 - 0.01px);
        height:29vw;
    }


}


@media screen and (max-width: 890px) {
    .gift_product_items{
        width:calc((100% - (20px * 2)) / 3 - 0.01px);
    }

    .gift_product_items:nth-child(3){
        margin-right: 0;
    }

    .gift_product_items:last-child{
        display: none;
    }

    .gift_btn{
        display: block;
    }

    #best_product{
        margin-top: 180px;
    }
}


@media screen and (max-width: 700px) {

    .mbanner_btn{
        left:50%;
        transform: translateX(-50%);
    }

    .gift_product_items{
        width:calc((100% - (20px * 1)) / 2 - 0.01px);
    }

    .gift_product_items:nth-child(2){
        margin-right: 0;
    }

    .gift_product_items:nth-child(3){
        display: none;
    }

    .best_body{
        height:90vw;
    }

    .best_product_items{
        width:100%;
    }

    .event_product_items{
        width:calc((100% - (25px * 1)) / 2 - 0.01px);
    }

    .event_body {
        height:77vw;
    }


    .recipe_product_items{
        width:calc((100% - (35px * 1)) / 2 - 0.01px);
        height:44vw;
    }

    .story{
        margin-top: 300px;
        transform: translateX(0);
        transition: none;
    }

    .story_info{
        opacity: 1;
    }

    .item_bf{
        transform: translateY(0);
        transition:none;
        opacity: 1;
    }

    #iframe{
        left: 0;
    }

    #info{
        right: 0%;
    }
}



@media screen and (max-width: 564px) {
    #map{
        margin-top: 140px;
    }

    .map_area{
        width:100%;
        height:300px;
    }

    #iframe{
        top:0px;
    }

    #iframe > iframe{
        height:300px;
    }

    #info{
        top:300px;
    }

    .footer{
        height:890px;
        padding: 430px 10px 0 ;
    }

    .f_info,.f_copy{
        font-size: 10px;
        line-height: 28px;
        margin-top: 30px;
    }

    .f_copy{
        margin-top: 5px;
    }
}



@media screen and (max-width: 500px) {
    .gift_product_items{
        width:100%;
    }

    .gift_product_items:nth-child(2){
        display: none;
    }

    .best_item_info{
        padding: 0 0 30px 25px;
    }

    .best_info04{
        width: 25%;
        position: absolute;
        right: 25px;
        top:50%;
        transform: rotate(0deg) translateY(-50%);
    } 

}

@media screen and (max-width: 480px) {
    .mbanner_btn{
        width:150px;
        height:50px;
    }

    #gift_product{
        padding-top: 150px;
    }

    .story{
        margin-top: 370px;
    }

    .event_product_items{
        width:100%;
    }

    .event_body {
        height:135vw;
    }

    .recipe_product_items{
        width:50vw;
        height:50vw;
    }

    #map{
        margin-top: 80px;
    }

    .best_info01{
        margin-top: 30px;
    }
}

@media screen and (max-width: 350px) {
    .recipe_product_items{
        width:100%;
        height:90vw;
    }

    .footer{
        height:920px;
    }
}