@charset "UTF-8";
/* ==========================
menu(home共通)
========================== */
.section__menu{
    max-width: 683px;
    margin: auto;
}

.menu__contents{
    width: fit-content;
}

.menu__item{
    max-width: 205px;
    height: 236px;
    margin: 0 auto;
}

.menu__item--set{
    max-width: 306px;
    height: 316px;
}

.menu__ttl{
    font-weight: 500;
    text-align: left;
    margin: 10px 0;
}

.menu__price{
    font-size: 1.5rem;
    text-align: end;
}

.menu__items{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 48px 24px;
    padding: 38px 10px 10px;
}

/* menu sp */
@media screen and (max-width:769px) {
.menu__item, .menu__item--set, .menu__items{
    width: auto;
    height: auto;
}

.menu__item{
    max-width: 167px;
    height: 209px;
}

.menu__item--set{
    max-width: 253px;
    height: 271px;
}

.menu__items{
    grid-template-columns: 1fr 1fr;
    gap: 15px 10px;
    padding: 24px 0 0;
}
}

@media screen and (max-width:374px) {
.menu__items{
    display: block;
}

.menu__item{
    margin-top: 20px;
}
}

/* ==========================
menu
========================== */
.title__menu{
    margin-bottom: 12px;
}

.menu__spbr{
    display: none;
}

.menu__txt:first-of-type{
    font-size: 1.8rem;
}

.menu__txt:nth-of-type(2){
    margin: 8px 0;
}

.menu__category{
    font-family: "Noto Serif JP", serif;
    color: var(--deepgreen);
    font-size: 2rem;
    font-weight: 900;
    line-height: normal;
    text-align: center;
    margin-top: 40px;
}

.menu__category:first-of-type{
    margin-top: 36px;
}

.set__menu{
    margin-top: 28px;
}

/* menu sp */
@media screen and (max-width:769px) {
.menu__txt:first-of-type{
    font-size: 1.6rem;
}

.menu__txt:nth-of-type(n+2){
    font-size: 1.4rem;
}

.menu__category{
    font-size: 1.8rem;
}

.menu__item--set{
    margin-top: 24px;
}
}

@media screen and (max-width:500px) {
.menu__spbr{
    display: block;
}
}