@charset "utf-8";

/* ==================
maincaption
===================*/
.section--maincaption{
    display: flex;
    padding: 25px 10.2%;
    flex-direction: column;
    gap: 23px;
    background: url(../images/menu-background-sp.png) ;
}

.maincaption__topic{
    color: #000;
    text-align: center;
    font-size: 2.2rem;
    font-weight: 700;
    position: relative;
    display: flex;
    align-items: center;
    gap: 17px;
}

.maincaption__topic::before, .maincaption__topic::after{
    content: "";
    width: 30px;
    height: 3px;
    background-color: #FF6600;
    top: 50%;
}

/* maincaption pc */
@media screen and (min-width:769px){
    .section--maincaption{
        padding: 102px 6.8% 102px;
    }

    .maincaption__topic{
        font-size: 5.2rem;
    }

    .maincaption__topic::before, .maincaption__topic::after{
        content: "";
        width: 80px;
        height: 5px;
        background-color: #FF6600;
        top: 50%;
    }

}

/* ==================
menu
===================*/

.section--menu{
    display: flex;
    padding: 25px 8.8% 30px 8.8%;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    background: url(../images/menu-background-sp.png) ;
}

.menu__picture1-pc,.menu__picture2-pc{
    display: none;
}

.menu__picture2-sp{
    width: 80%;
}

.menu__list{
    list-style: disc;
    list-style-position: inside;
}

.menu__listtxt{
    font-size: 1.6rem;
    font-weight: 400;
    text-align: left;
}

.menu__txt{
    text-align: left;
}

.menu__attention{
    text-align: left;
}

.menu__price,.menu__price1,.menu__set{
    font-size: 1.6rem;
    font-weight: 900;
    text-align: left;
    margin-top: 10px;
}

.menu__price2{
    font-size: 1.6rem;
    font-weight: 900;
    text-align: left;
}

.menu__payment{
    text-align: left;
}

/* maincaption pc */
@media screen and (min-width:769px){

    .section--menu{
        padding: 23px 14.9% 66px;
        gap: 65px;
    }

    .menu__listtxt,.menu__txt,.menu__payment,.menu__attention{
        font-size: 24px;
    }

    .menu__price,.menu__price1,.menu__set,.menu__price2{
        font-size: 2.4rem;
        font-weight: 900;
    }

    .menu__picture1-sp,.menu__picture2-sp{
        display: none;
    }

    .menu__picture1-pc,.menu__picture2-pc{
        display: block;
    }

    .menu__txt{
        margin-top: 10px;
    }

    .menu__price{
        margin-top: 30px;
    }

    .menu__price1,.menu__set{
        margin-top: 30px;
    }
}