/******************** kv ********************/

#kv {
    background:url(../img/top/kv_bg.jpg) center top repeat-x;
    background-size:2700px;
}

#kv h1{
    max-width:1000px;
    width:90%;
    margin:0 auto;
 }

/******************** content ********************/

#content{
    background:url(../img/top/bg.png) center top no-repeat;
    position:relative;
    z-index:2;
    margin:-180px 0 0;
 }

#content_inner{
    width:900px;
    margin:0 auto;
}


/******************** product ********************/

#product{
    padding:120px 0 0;
}


/******************** recipe ********************/

h2{
    margin:50px 0 30px;
}

#recipe ul{
    width:100%;
    display:flex;
}

#recipe .speed ul img{
    width:442px;
}
#recipe .speed ul div img{
    width:458px !important;
}

/******************** movie ********************/

#movie .yb{
    margin-top:30px;
    aspect-ratio: 16 / 9;
    text-align:center;
}

#movie .yb iframe {
    width: 80%;
    height: 80%;
}




/**************************************** sp ****************************************/
@media only screen and (max-width: 767px) {

/******************** sp_kv ********************/
#kv {
    background:none;
}

#kv .inner {
    width: 100%;
}

#kv h1{
    width:100%;
 }
 

/******************** sp_content ********************/

#content{
    background:url(../img/top/sp_bg.png);
    background-size:cover;
    position:relative;
    z-index:2;
    margin:-45px 0 0 0;
 }

#content_inner{
    width:100%;
    margin:0 auto;
}


/******************** sp_product ********************/

#product{
    padding:60px 1% 0;
}


/******************** sp_recipe ********************/

h2{
    margin:30px auto;
    width:90%;
 }

#recipe ul{
    width:90%;
    display:block;
    margin:0 auto;
}

#recipe .speed ul img{
    width:100%;
}
#recipe .speed ul div img{
    width:100% !important;
}


}