$color_yellow: #FED11E;
$color_none: #dad9d8;

.ingredients{
    text-align: center;
    @media (max-width:760px) {
        height: 220px;
      }

      @media (min-width:780px) {
        height: 180px;
      }

    overflow-y: scroll;
    margin-left: 10px;

    @media (min-width: 640px) {
        ul {
          padding-top: 8px;
          flex-wrap: wrap;
        }
    }

    .ul {
        padding-top: 16px;
        display: flex;
        flex-wrap: wrap;
      }

        .li {
            list-style-type: none;
            margin: 5px;
            width: 83px;

            .text_box {
                border-radius: 30%;
                height: 128px;

                &.none_ing {
                    background-color: $color_none;
                    padding: 5px 5px 5px 5px;
                }

                &.yellow_ing {
                    background-color: $color_yellow;
                    padding: 5px 5px 5px 5px;
                }

                .img_ing {
                    color: rgb(0, 0, 0);
                    height: 52px;
                    width: 52px;
                    margin: 0 auto;
                    border-radius: 50%;
                    background-color: #fff;
                }

                .title_ing{
                    color: rgb(0, 0, 0);
                    font-size: 12px;
                }

                .price_ing{
                    color: rgb(0, 0, 0);
                    font-size: 12px;
                }

                .button_ing{
                    display: inline-block;
                    -webkit-border-radius: 12px;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                    -khtml-border-radius: 50%;;
                    width: 28px;
                    height: 25px;
                    margin-top: 10px;
                    border: aliceblue;
                }

                @import 'products';
            }
        }

    .buttonCheck{
        font-size: 24px;
    }

}

.plus{
    background: url('/assets/img/plus.png') 100% 100% no-repeat;
  }

  .minus{
    background: url('/assets/img/minus.png') 0% no-repeat;
    margin-right: auto !important;
    margin-left: auto !important;
  }