@charset "UTF-8";
.top main .main .slideshows .slide.tasty a .main--visual {
    background-image: url(/dressing/assets/images/top/main-slide33_pc.jpg) !important;
}
@media screen and (max-width: 767px) {
    .top main .main .slideshows .slide.tasty a .main--visual {
        background-image: url(/dressing/assets/images/top/main-slide33_sp.jpg) !important;
    }
}
.top main .news {
    padding: 30px 0 50px !important;
}
@media screen and (max-width: 767px) {
    .top main .news {
        padding: 5px 0 20px !important;
    }
}
.nonoil #recipies01 .recipies--inner .recipies--inner--wrap {
    padding-bottom: 0;
    border-bottom: none;
}
main .recipies .backtop {
    margin: 120px auto 0;
    max-width: 326px;
}
.simple main .contents .backtop {
    margin: 120px auto 0;
    max-width: 326px;
}
@media screen and (max-width: 767px) {
    .nonoil #recipies01 .recipies--inner .recipies--inner--wrap::after {
        display: none;
    }
    main .recipies .backtop {
        margin: 10.43vw auto 0;
        max-width: 62.58vw;
    }
    main .recipies .backtop a {
        letter-spacing: 0;
        font-size: 3.645vw;
    }
    .simple main .contents .backtop {
        margin: 10.43vw auto 0;
        max-width: 62.58vw;
    }
    .simple main .contents .backtop a {
        letter-spacing: 0;
        font-size: 3.645vw;
    }
    .series .recipies--inner--wrap--block .bottle-title h3.column2 {
      line-height:1.5;
    }

}
@media screen and (min-width: 768px) {
    .banner_area.layout_center {
        justify-content: center !important;
    }
}
.history main .contents--history--years .history-wrap--block.y2024 .history-wrap--block--content .dressing .others,
.history main .contents--history--years .history-wrap--block.y2025 .history-wrap--block--content .dressing .others,
.history main .contents--history--years .history-wrap--block.y2026 .history-wrap--block--content .dressing .others {
    display: flex;
    align-items: center; }
.history main .contents--history--years .history-wrap--block.y2024 .history-wrap--block--content .dressing .others .others--image,
.history main .contents--history--years .history-wrap--block.y2025 .history-wrap--block--content .dressing .others .others--image,
.history main .contents--history--years .history-wrap--block.y2026 .history-wrap--block--content .dressing .others .others--image {
    max-width: 143px;
    width: 100%; }
.history main .contents--history--years .history-wrap--block.y2024 .history-wrap--block--content .dressing .others .others--text,
.history main .contents--history--years .history-wrap--block.y2025 .history-wrap--block--content .dressing .others .others--text,
.history main .contents--history--years .history-wrap--block.y2026 .history-wrap--block--content .dressing .others .others--text {
    position: relative;
    margin-left: -5px;
    max-width: 280px;
    width: 100%; }
.history main .contents--history--years .history-wrap--block.y2024 .history-wrap--block--content .dressing .others .others--text .o-year,
.history main .contents--history--years .history-wrap--block.y2025 .history-wrap--block--content .dressing .others .others--text .o-year,
.history main .contents--history--years .history-wrap--block.y2026 .history-wrap--block--content .dressing .others .others--text .o-year {
    font-size: 3.7rem;
    line-height: 1.0;
    color: #b98b01;
    font-family: "EB Garamond", serif;
    letter-spacing: .02em;
    border-bottom: 1px solid #b98b01;
    padding-bottom: 14px;
    padding-left: 12px; }
.history main .contents--history--years .history-wrap--block.y2024 .history-wrap--block--content .dressing .others .others--text h4,
.history main .contents--history--years .history-wrap--block.y2025 .history-wrap--block--content .dressing .others .others--text h4,
.history main .contents--history--years .history-wrap--block.y2026 .history-wrap--block--content .dressing .others .others--text h4,
.history main .contents--history--years .history-wrap--block.y2025 .history-wrap--block--content .dressing > h4 {
    margin-top: 12px;
    margin-left: .5em;
    color: #ce1e28;
    font-size: 2.0rem;
    font-family: "Noto Serif Japanese regular", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.history main .contents--history--years .history-wrap--block.y2025 .history-wrap--block--content .dressing > h4 {
    margin-top: 0;
    margin-bottom:12px; }
.history main .contents--history--years .history-wrap--block.y2026 .history-wrap--block--content .dressing .others--text p {
    margin-top: 14px;
    font-size: 1.6rem;
    font-family: "Noto Sans Japanese";
    color: #666;
    padding-left: 12px; }
.history main .contents--history--years .history-wrap--block.y2026 .history-wrap--block--content .dressing .others--text p.ls01 {
    letter-spacing: .02em; }

.history main .contents--history--years .history-wrap--block--content .dressing.flex02 {
    display:flex;
    justify-content: space-between;
}
.history main .contents--history--years .history-wrap--block--content .dressing.flex02 .text {
    max-width: 300px;
    width:100%;
}
.history main .contents--history--years .history-wrap--block--content .dressing.flex02 .image {
    max-width: 87px;
    width:100%;
}

@media screen and (max-width: 767px) {
    .history main .contents--history--years .history-wrap--block.y2024 .history-wrap--block--content .dressing .others,
    .history main .contents--history--years .history-wrap--block.y2025 .history-wrap--block--content .dressing .others,
    .history main .contents--history--years .history-wrap--block.y2026 .history-wrap--block--content .dressing .others {
    display: flex;
    align-items: center;
    }
    .history main .contents--history--years .history-wrap--block.y2024 .history-wrap--block--content .dressing .others .others--image,
    .history main .contents--history--years .history-wrap--block.y2025 .history-wrap--block--content .dressing .others .others--image,
    .history main .contents--history--years .history-wrap--block.y2026 .history-wrap--block--content .dressing .others .others--image {
        width:20.568vw;
        position: relative;
        z-index: 2;
    }
    .history main .contents--history--years .history-wrap--block.y2026 .history-wrap--block--content .dressing .others--text p {
        width:calc(100% - 20.568vw);
        margin: 0 0 0 auto;
        padding-left: .5em;
        font-size: 1.2rem;
    }
    .history main .contents--history--years .history-wrap--block.y2024 .history-wrap--block--content .dressing .others .others--text,
    .history main .contents--history--years .history-wrap--block.y2025 .history-wrap--block--content .dressing .others .others--text,
    .history main .contents--history--years .history-wrap--block.y2026 .history-wrap--block--content .dressing .others .others--text {
        width:calc(100% - 20.568vw);
        margin: 0 0 0 auto;
    }
    .history main .contents--history--years .history-wrap--block.y2024 .history-wrap--block--content .dressing .others .others--text .o-year,
    .history main .contents--history--years .history-wrap--block.y2025 .history-wrap--block--content .dressing .others .others--text .o-year,
    .history main .contents--history--years .history-wrap--block.y2026 .history-wrap--block--content .dressing .others .others--text .o-year {
        font-size: 2.5rem;
        padding-bottom: 8px;
    }
    .history main .contents--history--years .history-wrap--block.y2024 .history-wrap--block--content .dressing .others .others--text h4,
    .history main .contents--history--years .history-wrap--block.y2025 .history-wrap--block--content .dressing .others .others--text h4,
    .history main .contents--history--years .history-wrap--block.y2026 .history-wrap--block--content .dressing .others .others--text h4 {
        font-size: 3.8vw;
        white-space: nowrap;
    }
    .history main .contents--history--years .history-wrap--block.y2024 .history-wrap--block--content .dressing.flex .image,
    .history main .contents--history--years .history-wrap--block.y2026 .history-wrap--block--content .dressing.flex .image{
        width: 18.90vw;
    }
    .history main .contents--history--years .history-wrap--block.y2026 .history-wrap--block--content .dressing .text .fukidashi {
        line-height: 1.4;
    }
    .history main .contents--history--years .history-wrap--block.y2025 .history-wrap--block--content .salad {
        margin-bottom:45px;
    }
    .history main .contents--history--years .history-wrap--block.y2025 .history-wrap--block--content .salad--image {
        width:30%;
    }
    .history main .contents--history--years .history-wrap--block.y2025 .history-wrap--block--content .dressing > h4 {           font-size: 4.2vw;
    }
}
@media screen and (max-width: 768px) {
    .history main .contents--history--years .history-wrap--block--content .dressing .text p br.sp {
        display:block;
    }
}