@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
    .pc{
    display:none;
    }
    .sp{
        display:block;
    }
    #containar{
        max-width:100%;
    }


    .item{
        width:100%;
        margin:auto;
        padding:0;
    }
    .item ul{
        width: 95%;
        margin: auto;
        display:flex;
        flex-wrap:wrap;
    }
    .item ul li img{
        width:170px;
        height:auto;
    }
    .menu{
        max-width:100%;
    }
    .menu ul{
        display:block;
    }
    .menu li{
        width:90%;
        margin:auto;
        text-align:center;
    }
    .menu li img{
        max-width:100%;
    }
    .recipe{
        width:100%;
        margin:auto;
    }
    .recipe ul{
        display:block;
    }
    .recipe li{
        width:80%;
        margin:auto;
    }
    .recipe li img{
        max-width:100%;
    }