body.cuisine header li.nav-cuisine::after {
    display: block;
}

/* ==============================
  ページタイトル
============================== */
.page-title-wrap  {
    padding:  5.54% 0 4.88%;
}
.page-title-wrap h1 {
    width: 20.4%;
    margin: 0 auto;
}
.page-title-wrap h1 span.jp {
    display: block;
    margin: 0.7em auto 0;
    width: 16.41%;
}
.page-title-wrap p {
    margin: 4.54% auto 0;
    width: 39.86%;
}
.page-title-wrap p span {
    display: block;
    line-height: 1;
    margin: 0 auto;
    font-size: min(1.9vw, 2.6rem);
}
.page-title-wrap p span + span {
    margin-top: 3.67%;
}
.page-title-wrap p .page-title-text01 {
    width: 81.02%;
}
@media print, screen and (max-width: 768px) {
    .page-title-wrap  {
        padding: 34.74vw 0 15.62vw;
    }
    .page-title-wrap h1 {
        width: 38.35vw;
    }
    .page-title-wrap h1 span.jp {
        margin: 5.05vw auto 0;
        line-height: 1;
        width: 10.67vw;
    }
    .page-title-wrap p {
        width: 62.86vw;
        margin: 9.7vw auto 0;
    }
    .page-title-wrap p span + span {
        margin-top: 4.88vw;
    }
    .page-title-wrap p .page-title-text01 {
        width: 50.3%;
    }
    .page-title-wrap p .page-title-text02 {
        width: 90.06%;
    }
    .page-title-wrap p .page-title-text03 {
        width: 100%;
    }
    .page-title-wrap p .page-title-text04 {
        width: 75%;
    }
}

/* ==============================
  共通
============================== */
.cuisine-wrap {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 9.91%;
}

section {
    position: relative;
}
section .column-wrap .text-wrap h3 span {
    display: block;
    line-height: 1;
    font-size: min(2.34vw, 3.2rem);
}
section .column-wrap .text-wrap h3 span + span {
    margin-top: 0.8em;
}

section .column-wrap .text-wrap p {
    font-size: min(1.17vw, 1.6rem);
    margin-top: 2em;
    line-height: 2.25;
}
@media print, screen and (max-width: 768px) {
    .cuisine-wrap {
        padding-bottom: 16.05vw;
    }

    section .column-wrap .text-wrap h3 span {
        font-size: 8.53vw;
    }

    section .column-wrap .text-wrap p {
        font-size: 3.2vw;
    }
}

/* ==============================
  一皿に込めるのは、“祝福の気持ち”
============================== */
#one_plate .column-wrap {
    justify-content: flex-start;
    margin-top: 7.91%;
}
#one_plate .column-wrap .image-box {
    width: 49.61%;
}
#one_plate .column-wrap .text-wrap {
    width: 41.08%;
    max-width: 561px;
    margin-left: 4.51%;
    margin-top: 3.99%;
}
#one_plate .column-wrap .text-wrap h3 {
    width: 50.55%;
}
#one_plate .column-wrap .text-wrap h3 span.one_plate-text02 {
    width: 82.31%;
}

#one_plate .image-wrap {
    position: absolute;
    bottom: -20.54%;
    right: 12.83%;
    width: 27.17%;
}
#one_plate .image-wrap .image-box {
    width: 100%;
}
#one_plate .image-wrap .image-box::before {
    width: 55.65%;
    right: -6.94%;
    bottom: -10.55%;
    aspect-ratio: 207 / 155;
}
@media print, screen and (max-width: 768px) {
    #one_plate .column-wrap {
        margin-top: 16.13vw;
    }
    #one_plate .column-wrap .image-box {
        width: 92.58vw;
    }
    #one_plate .column-wrap .text-wrap {
        width: 85.33vw;
        max-width: 85.33vw;
        margin: 16.46vw auto 0;
    }
    #one_plate .column-wrap .text-wrap h3 {
        width: 75.62vw;
    }
    #one_plate .column-wrap .text-wrap h3 span.one_plate-text02 {
        width: 82.31%;
    }

    #one_plate .image-wrap {
        position: relative;
        bottom: 0;
        right: 0;
        width: 85.33vw;
        margin: 9.6vw auto 0;
    }
    #one_plate .image-wrap .image-box {
        width: 56vw;
        margin: 0 0 0 auto;
    }
    #one_plate .image-wrap .image-box::before {
        width: 45.28%;
        right:  auto;
        left: -9.38%;
        bottom: -12.84%;
        aspect-ratio: 95 / 71;
    }
}

/* ==============================
  淡路島の風土が育む、特別な味わい
============================== */
#flavor .column-wrap {
    justify-content: flex-end;
    margin-top: 11.15%;
}
#flavor .column-wrap .image-box {
    width: 50.39%;
    order: 2;
    margin-top: 5.82%;
}

#flavor .column-wrap .text-wrap {
    order: 1;
    width: 35.70%;
    /* max-width: 561px; */
    margin-right: 4.93%;
}

#flavor .column-wrap .text-wrap h3 {
    width: 68.16%;
}
#flavor .column-wrap .text-wrap h3 span.flavor-text02 {
    width: 61.75%;
}
#flavor .column-wrap .text-wrap .image-box {
    margin: 11.18% auto;
    width: 50.23%;
}

#flavor .image-wrap {
    position: relative;
    margin-top: 4.66%;
}
#flavor .image-wrap .image-box.image03 {
    width: 30.67%;
    margin-left: 10.14%;
}
#flavor .image-wrap p {
    position: absolute;
    top: 9.59%;
    left: 49.2%;
    font-size: min(1.17vw, 1.6rem);
    line-height: 2.25;
}
#flavor .image-wrap .image-box.image04 {
    position: absolute;
    top: 51.81%;
    left: 49.2%;
    width: 20.97%;
}
#flavor .image-wrap .image-box.image04::before {
    width: 72.11%;
    right: -10.44%;
    bottom: -15.34%;
    aspect-ratio: 207 / 155;
}
@media print, screen and (max-width: 768px) {
    #flavor .column-wrap {
        justify-content: flex-start;
        margin-top: 17.04vw;
    }
    #flavor .column-wrap .image-box {
        width: 92.66vw;
        order: 1;
        margin-top: 0;
    }

    #flavor .column-wrap .text-wrap {
        order: 2;
        width: 85.33vw;
        margin: 11.18vw auto 0;
    }

    #flavor .column-wrap .text-wrap h3 {
        width: 87.01vw;
    }
    #flavor .column-wrap .text-wrap h3 span.flavor-text02 {
        width: 61.75%;
    }
    #flavor .column-wrap .text-wrap .image-box {
        margin: 10.77vw auto;
        width: 44.39vw;
    }

    #flavor .image-wrap {
        width: 85.33vw;
        margin: 15.36vw auto 0;
    }
    #flavor .image-wrap .image-box.image03 {
        width: 72vw;
        margin-left: 0;
    }
    #flavor .image-wrap p {
        position: relative;
        top: 0;
        left: 0;
        margin-top: 16.16vw;
        font-size: 3.2vw;
    }
    #flavor .image-wrap .image-box.image04 {
        position: relative;
        top: 0;
        left: 0;
        width: 53.33vw;
        margin: 14.04vw 0 0 auto;
    }
    #flavor .image-wrap .image-box.image04::before {
        width: 47.55%;
        right: auto;
        left: -10.92%;
        bottom: -11.86%;
        aspect-ratio: 95 / 71;
    }
}


/* ==============================
  選べるスタイルと、想いに寄り添う一皿を。
============================== */
#style .column-wrap {
    justify-content: flex-start;
    margin-top: 15.39%;
}
#style .column-wrap .image-box {
    width: 49.59%;
}
#style .column-wrap .text-wrap {
    width: 38.58%;
    margin-top:4.16%;
    margin-left: 4.62%;
}
#style .column-wrap .text-wrap h3 {
    width: 66.11%;
}
#style .column-wrap .text-wrap h3 span.style-text01 {
    width: 78.91%;
}


#style .image-wrap {
    position: relative;
    margin-top: 5.71%;
    padding-left: 11.15%;
}
#style .image-wrap p {
    font-size: min(1.17vw, 1.6rem);
    line-height: 2.25;
}
#style .image-wrap .image02 {
    position: absolute;
    bottom: 33.76%;
    right: 13.56%;
    width: 26.98%;
}
#style .image-wrap .image02::before {
    width: 56.04%;
    right: -8.12%;
    bottom: -11.7%;
    aspect-ratio: 207 / 155;
}
@media print, screen and (max-width: 768px) {
    #style .column-wrap {
        margin-top: 17.88vw;
    }
    #style .column-wrap .image-box {
        width: 81.74vw;
        margin: 0 0 0 auto;
    }
    #style .column-wrap .text-wrap {
        width: 85.33vw;
        margin: 10.77vw auto 0;
    }
    #style .column-wrap .text-wrap h3 {
        width: 73.36vw;
    }
    #style .column-wrap .text-wrap h3 span.style-text01 {
        width: 100%;
    }
    #style .column-wrap .text-wrap h3 span.style-text02 {
        width: 81.42%;
    }
    #style .column-wrap .text-wrap h3 span.style-text03 {
        width: 41.24%;
    }



    #style .image-wrap {
        margin: 8.89vw auto 0;
        width: 85.33vw;
        padding-left: 0;
    }
    #style .image-wrap p {
        margin-top: 15.62vw;
        font-size: 3.2vw;
    }
    #style .image-wrap .image02 {
        position: relative;
        bottom: 0;
        right: 0;
        width: 61.45vw;
        margin: 0 0 0 auto;
    }
    #style .image-wrap .image02::before {
        width: 68.1%;
        right: auto;
        left: -10.85%;
        bottom: -11.54%;
        aspect-ratio: 157 / 118;
    }

}

/* ==============================
  下部テキスト
============================== */
#more-text .more-text-wrap {
    margin: 9.15% auto 0;
    width: 58.58%;
    box-sizing: border-box;
    background-color: #f8f7f5;
    border: 10px solid #edede7;
    padding: 1.82%;
}
#more-text .more-text-wrap p {
    font-size: min(1.17vw, 1.6rem);
    line-height: 1.8;
    text-align: center;
}

#more-text .btn-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5.84%;
}
#more-text .btn-wrap a {
    margin: 0 1.61%;
    font-size: min(1.31vw, 1.8rem);
}
#more-text .btn-wrap a.btn-fair img {
    width: 11.5em;
    margin:  0 3.35em;
}
#more-text .btn-wrap a.btn-inquiry img {
    width: 11.44em;
    margin:  0 3.64em;
}
@media print, screen and (max-width: 768px) {
    #more-text .more-text-wrap {
        margin: 11.06vw auto 0;
        width: 85.33vw;
        border-width: 2.66vw;
        padding: 9vw 0;
    }
    #more-text .more-text-wrap p {
        font-size:3.46vw;
        line-height: 2.1;
    }

    #more-text .btn-wrap {
        flex-direction: column;
        margin-top: 12.8vw;
    }
    #more-text .btn-wrap a {
        margin: 0;
        width: 66.66vw;
        font-size: 4vw;
    }
    #more-text .btn-wrap a + a {
        margin-top: 5.35vw;
    }
    #more-text .btn-wrap a.btn-fair img {
        width: 42.45vw;
        margin:  0;
    }
    #more-text .btn-wrap a.btn-inquiry img {
        width: 43.68vw;
        margin:  0;
    }
}