@charset "UTF-8";

.item-list {
    margin-top: 100px;
}

.itemtitle {
    margin-left: 10%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.itemtitle1 {
    margin-left: 10%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.itemtitle_arrenge {
    margin-left: 10%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.bouq_wrap {
    display: flex;
}

.image {
    width: 37%;
    margin-left: 10%;
    margin-bottom: 17%;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.image1 {
    width: 37%;
    margin-left: 10%;
    margin-bottom: 17%;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.image_text {
    margin: 0 0 0 20px;
    padding: 0;
    text-align: left;
}

.box_item {
    width: 100%;
    height: auto;
    border: solid;
    border: 2px solid;
    border-color: #fff;
    /* background: #fff; */
    padding-top: 65%;
    position: relative;
    /*親要素に記入*/
}

.workshop {
    /*  font-family: 'Allura', cursive; */
    font-size: 2rem;
    margin-left: 15%;
    padding-top: 70px;
}

.workshop_text {
    margin-left: 15%;
    margin-bottom: 30px;
}

.openatelier {
    /* font-family: 'Allura', cursive; */
    font-size: 2rem;
    margin-left: 15%;
}

.openatelier_text {
    margin-left: 15%;
    margin-bottom: 60px;
}

.hanashigoto_image2 {
    width: 60%;
    margin: auto;
}

.hana {
    padding-top: 30px;
}

/* @media screen and (max-width: 960px) {
    .workshop {
        font-size: 2vw;
    }

    .openatelier {
        font-size: 2vw;
    }

} */

@media screen and (min-width: 768px) {
    .itemtitle {
        font-size: 1.8vw;
    }

    .itemtitle1 {
        font-size: 1.8vw;
    }

    .item-list {
        margin-top: 250px;
    }

    .arrenge1 {
        width: 80%;
    }

    .image_text {
        font-size: 1.7vw;
    }

    .arrenge_wrap {
        display: flex;
    }

    .workshop {
        font-size: 2vw;
    }

    .openatelier {
        font-size: 2vw;
    }
}

@media screen and (min-width: 961px) {

    .workshop {
        font-size: 1.7vw;
    }

    .openatelier {
        font-size: 1.7vw;
    }

    .arrenge_wrap1 {
        width: 70%;
    }

    .itemtitle {
        font-size: 1.7vw;
    }

    .itemtitle1 {
        font-size: 1.7vw;
    }

    .image1 {
        margin-left: 23%;
    }

    .image_text {
        font-size: 1.7vw;
    }

    .hana_work1 {
        display: flex;
    }

    .hanashigoto_image2 {
        margin: initial;
    }

    .hana {
        width: 30%;
        margin: 5%;
    }

}

@media screen and (min-width: 1280px) {
    body {
        font-size: 1.2vw;
    }

    .itemtitle {
        font-size: 1.2vw;
        margin-left: 12%;
    }

    .itemtitle1 {
        font-size: 1.2vw;
        margin-left: 25%;
    }



    .image_text {
        font-size: 1.2vw;
    }

    .arrenge_wrap1 {
        width: 65%;
        margin-left: 17%;
    }

    .box_item {
        width: 75%;
        padding-top: 50%;
        margin: auto;
    }

    .workshop {
        font-size: 1.3vw;
        margin-left: 30%;
    }

    .workshop_text {
        margin-left: 30%;
    }

    .openatelier {
        font-size: 1.3vw;
        margin-left: 30%;
    }

    .openatelier_text {
        margin-left: 30%;
    }

    .footer {
        height: 5%;
    }

    .footer_logo {
        width: 5%;
    }
}