@charset "utf=8";

/* ==========================================
about01
========================================== */

.title-box {
    text-align: center;
}

.about01-text-box, .about01-img-box {
    margin: 6rem auto 0;
}

/* ==========================================
about02
========================================== */

.about02-text-box {
    margin: 6rem auto 0; 
    text-align: center;
}

.about02-contents {
    max-width: 142rem;
    width: 100%;
    margin: 10rem auto 0;
}

.about02-contents .row-contents:nth-child(n+2) {
    margin: 6rem auto 0;
}

.about02-contents .row-contents:nth-of-type(2n) {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
}

.about02-img {
    max-width: 61rem;
    width: 45%;
}

.about02-text-area {
    max-width: 80rem;
    width: 52%;
}

.about02-title-block h3 {
    padding: 0 .3rem;
}

.about02-text-block {
    padding: 0 .3rem;
    margin: 3.5rem 0 0;
}

/* ==========================================
about03
========================================== */

.menu {
    padding: 9.8rem 0 10rem;
}

.menu.bg-secondary {
    background-color: var(--secondary);
}

.menu-row {
    max-width: 162rem;
    width: 100%;
    margin: 6rem auto 0;
}

.menu-row.row-contents {
    align-items: flex-start;
    justify-content: center;
}

.menu-item01 {
    max-width: 68rem;
    width: 31.48%;
    margin: 0 4.5rem 0 0;
}

.menu-item01:last-child {
    margin: 0;
}

.menu-item-text-row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 1.5rem auto 0;
}

.menu-item-text-box {
    margin: 2rem auto 0;
}

.menu-item-title {
    font-family: var(--font-family02);
    font-size: 2.5rem;
    letter-spacing: 0.05em;
}

.menu-item-text-category.bg-primary {
    background-color: var(--primary);
}

.menu-item-text-category {
    min-width: 10.8rem;
    border-radius: 100vmax;
    padding: .1rem 1.5rem .1rem;
    font-size: 1.8rem;
    font-weight: 400;
    text-align: center;
    margin: 0 1.4rem 0 0;
}

.menu-item-price {
    font-size: 2.8rem;
    text-align: right;
    letter-spacing: 0;
}

.menu-item-price strong {
    font-size: 1.8rem;
    font-weight: 400;
}

.menu-grid {
    margin: 13rem auto 0;
}

.menu-grid.grid-2 {
	gap: 9rem;
}

.menu-list {
    display: flex;
    justify-content: space-between;
    margin: 2.8rem auto 0;
    align-items: center;
    padding: 0 0 1rem 0;
    border-bottom: .1rem solid var(--tertiary);
}

.menu-list .menu-item-title {
    flex: 1;
}

.menu-list .menu-item-price {
    width: 9rem;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1920px) {

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1550px) {

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1024px) {

    /* ==========================================
    about03
    ========================================== */

    .menu-item01 {
        margin: 0 2rem 0 0;
    }

    .menu-item-title {
        font-size: 2.2rem;
    }

    .menu-item-price {
        font-size: 2.5rem;
    }

    .menu-item-price strong {
        font-size: 1.5rem;
    }

    .menu-grid.grid-2 {
        gap: 5rem;
    }
        
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 768px) {

    /* ==========================================
    about01
    ========================================== */

    .about01-text-box, .about01-img-box {
        margin: 4rem auto 0;
    }

    /* ==========================================
    about02
    ========================================== */

    .about02-text-box {
        margin: 4rem auto 0; 
    }

    .about02-contents {
        margin: 4em auto 0;
    }

    .about02-contents .row-contents:nth-child(n+2) {
        margin: 4rem auto 0;
    }

    .about02-contents .row-contents:nth-of-type(2n) {
        flex-direction: column;
    }

    .about02-img {
        width: 100%;
    }

    .about02-text-area {
        max-width: 61rem;
        width: 100%;
        margin: 2.5rem auto 0;
    }

    /* ==========================================
    about03
    ========================================== */

    .menu-item01 {
        width: 100%;
        margin: 0 auto;
    }

    .menu-item01:nth-child(n+2) {
        margin: 4rem auto 0;
    }

    .menu-grid.grid-2 {
        gap: 0;
    }

    .menu-item-title {
        font-size: 2.4rem;
    }

    .menu-item-price {
        width: 6.5rem;
        font-size: 2rem;
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 576px) {

    
    .menu-item-title {
        font-size: 2.2rem;
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */