/*
    toppage.css
-------------------------------------------------------------------------------*/
.flex_box {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--colorBack); /* 背景色指定 */
    padding: 10px; /* 余白指定 */
}

.flex_item {
    box-sizing: border-box;
    padding: 1.5em;
    color: var(--colorFont);
    /* margin: 10px; */
    width: 47%;
    cursor: pointer;
}
.flex_item img {
    width: 100%;
}
.flex_item p {
    font-size: 84%;
    text-align: center;
}
/* flexbox */
@media screen and (min-width: 768px) {
    /* width:768px 以上のとき */
    .flex_box {
        display: flex;
        flex-wrap: wrap;
        background-color: var(--colorBack); /* 背景色指定 */
        padding: 10px; /* 余白指定 */
    }

    .flex_item {
        box-sizing: border-box;
        padding: 1.5em;
        color: var(--colorFont);
        /* margin: 10px; */
        width: 30%;
        cursor: pointer;
    }
    .flex_item img {
        width: 100%;
    }
    .flex_item p {
        font-size: 90%;
        text-align: center;
    }
}

/* 「カートに入れる」フォーム */
.form_put_cart {
}
.form_put_cart input {
    width: 4em;
    text-align: center;
    font-size: 1.2em;
}