@charset "UTF-8";

.rau-st-header__logo {
    display: flex;
    flex-shrink: 0;
}

.rau-st-header__link {
    width: 160px;
    height: 80px;
    display: flex;
    margin: 0;
    background-color: #C4C4C4;
    position: relative;
    align-items: center;
    justify-content: center;
}


.rau-st-header__link.--rau img {
    width: 70px;
    height: auto;
    margin-top: 2px;
}

.rau-st-header__link.--st img {
    width: 100px;
    height: auto;
    margin-top: 2px;
}

.rau-st-header__logo.--rau .rau-st-header__link.--rau,
.rau-st-header__logo.--sachitakagi .rau-st-header__link.--st {
    background-color: #454545;
    pointer-events: none;
}

/* 確認用ページここから */
.rau-st-header__logo.--rau-test .rau-st-header__link.--rau {
    background-color: #454545;
    pointer-events: none;
}

.rau-st-header__logo.--rau-test .rau-st-header__link.--rau::before {
    background-image: url(./img/pc_rau_logo_img.png);
}

/* 確認用ページここまで */

.rau-st-header__nav #i_mypage {
    width: 34px;
    height: 30px;
}

.rau-st-nav__home,
.rau-st-search,
.c-header__act--list .sw_nav--key a p {
    display: flex;
    align-items: center;
}

.rau-st-section {
    padding: 60px 0;
}

.rau-st-inner {
    max-width: 1220px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 60px;
    padding-left: 60px;
}

.rau-st-titles {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 64px;
    gap: 32px;
    color: #221917;
}

.rau-st-titles.rau-st-titles--left {
    justify-content: flex-start;
}

.rau-st-titles__en {
    font-weight: 500;
    font-size: 3.5rem;
    line-height: 1;
    text-transform: uppercase;
}

.rau-st-titles.--under-cat.--sachitakagi {
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}

.rau-st-titles.--under-cat.--sachitakagi .rau-st-titles__en {
    text-transform: none;
}

.rau-st-titles__ja {
    font-weight: 400;
    font-size: 3rem;
    line-height: 1;
}

.rau-st-button,
.rau-st-button:visited {
    display: inline-block;
    width: 100%;
    max-width: 488px;
    padding: 16px 48px;
    background-color: #000;
    color: #fff;
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 1.5;
    text-align: center;
}

.rau-st-button--secondary,
.rau-st-button--secondary:visited {
    background-color: #ed5f1a;
}

.rau-st-button:hover {
    color: #fff;
}

.rau-st-header button {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
}

.rau-st-header .add_searchbtn__window {
    background: #777372;
}

.rau-st-header .c-header__act--list {
    margin-left: 0px;
}

.rau-st-header {
    z-index: 100;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 3px 6px rgba(83, 83, 83, 0.16);
}

.rau-st-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    gap: 2%;
}

.rau-st-header__head {
    display: contents;
}

.rau-st-header__body {
    display: none;
    border-top: none;
    box-shadow: 0 3px 10px rgba(44, 44, 44, 0.16);
}

.rau-st-header__bodyInner {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 10px;
    overflow-x: auto;
}

.rau-st-category {
    width: 100%;
}

.rau-st-category_list {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.rau-st-category_node {
    position: relative;
    flex-shrink: 0;
}

.rau-st-category_link {
    display: flex;
    justify-content: center;
    padding: 10px;
    color: #221917;
    font-size: 1.6rem;
    line-height: 1.3333333333;
    cursor: pointer;
}

.rau-st-nav {
    display: flex;
    align-items: center;
    gap: clamp(24px, 2.5vw, 32px);
    padding: 0 2%;
    flex-shrink: 0;
}

.rau-st-nav__node--login .rau-st-nav__login.--login-false {
    display: none;
}

.rau-st-nav__node--login .rau-st-nav__logout.--login-true {
    display: none;
}

.rau-st-nav__node--cart {
    position: relative;
}

#nav-toggle.rau-st-hamburger {
    display: block;
    z-index: 10;
    position: relative;
    width: 24px;
    height: 19px;
}

#nav-toggle.rau-st-hamburger span {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #454545;
    transition-duration: 0.3s;
    transition-property: top, rotate, translate, opacity;
}

#nav-toggle.rau-st-hamburger span:nth-child(1) {
    top: 0;
}

#nav-toggle.rau-st-hamburger span:nth-child(2) {
    top: calc(11 / 26 * 100%);
}

#nav-toggle.rau-st-hamburger span:nth-child(3) {
    top: calc(22 / 26 * 100%);
}

.open #nav-toggle.rau-st-hamburger span:nth-child(1) {
    top: 50%;
    translate: 0 -50%;
    rotate: 45deg;
}

.open #nav-toggle.rau-st-hamburger span:nth-child(2) {
    opacity: 0;
}

.open #nav-toggle.rau-st-hamburger span:nth-child(3) {
    top: 50%;
    translate: 0 -50%;
    rotate: -45deg;
}

.rau-st-cartButton img {
    display: block;
}

.rau-st-cartButton .fs-client-cart-count {
    top: -5px;
    right: -5px;
}

.rau-st-searchModal {
    z-index: 90;
    position: relative;
}

.rau-st-searchModal__overlay {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.rau-st-searchModal__content {
    z-index: 90;
    position: fixed;
    top: 80px;
    right: 0;
    width: 100%;
    max-width: 340px;
    height: 100%;
    max-height: calc(100vh - 80px);
    padding: 10px 0 10px 10px;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(83, 83, 83, 0.16);
}

.rau-st-searchModal__inner {
    height: 100%;
    padding-right: 8px;
    padding-bottom: 30px;
    overflow-y: auto;
}

.rau-st-fv {
    aspect-ratio: 2560/1028;
    width: 100%;
    margin-bottom: 50px;
}

.rau-st-fv img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.rau-st-products__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 34px;
    column-gap: 34px;
    row-gap: 15px;
}

.rau-st-productsNode {
    z-index: 0;
    position: relative;
}

.rau-st-productsNode__img {
    aspect-ratio: 294/209;
    width: 55.2631578947%;
}

.rau-st-productsNode__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.rau-st-productsNode__text {
    display: flex;
    z-index: -1;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    min-height: 70px;
    padding: 6px 18px 4px 57.5187969925%;
    background: #ebebeb;
    color: #000;
    font-weight: 600;
    font-size: min(2rem, 1.56vw);
    line-height: 1.25;
    transition-duration: 0.3s;
    transition-property: color, background;
}

.rau-st-productsNode__text .icon {
    position: absolute;
    top: 50%;
    right: 18px;
    translate: 0 -50%;
}

.rau-st-productsNode__text .icon svg {
    display: block;
    width: 9px;
    height: 17px;
}

.rau-st-products__button,
.rau-st-ranking__button {
    margin-top: 80px;
    text-align: center;
}

.rau-st-productsNode:hover {
    color: #fff;
    opacity: 1;
}

.rau-st-productsNode:hover .rau-st-productsNode__text {
    background-color: #ed5f1a;
    color: #fff;
}

.rau-st-column__slider .swiper-container {
    position: relative;
}

.rau-st-column__slider .swiper-slide {
    width: 308px;
}

.rau-st-column__slider .swiper-pagination {
    position: static;
    margin-top: 50px;
}

.rau-st-column__slider .swiper-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 34px;
    height: 8px;
    margin: 0 13px;
    border-radius: 0;
    background: #504948;
    opacity: 0.26;
    transition-duration: 0.2s;
    transition-property: opacity;
}

.rau-st-column__slider .swiper-horizontal .swiper-pagination-bullets .swiper-pagination-bullet-active {
    opacity: 1;
}

.rau-st-column__slider .swiper-button-prev,
.rau-st-column__slider .swiper-button-next {
    top: 42%;
    width: 40px;
    height: 40px;
    color: #000;
}

.rau-st-column__slider .swiper-button-prev svg,
.rau-st-column__slider .swiper-button-next svg {
    width: 11px;
    height: 25px;
}

.rau-st-column__slider .swiper-button-prev::after,
.rau-st-column__slider .swiper-button-next::after {
    display: none;
}

.rau-st-column__slider .swiper-button-prev {
    left: -55px;
    rotate: 180deg;
}

.rau-st-column__slider .swiper-button-next {
    right: -55px;
}

.rau-st-columnCard {
    display: block;
    width: 100%;
}

.rau-st-columnCard__img {
    position: relative;
    aspect-ratio: 1/1;
    width: 100%;
    overflow: hidden;
}

.rau-st-columnCard__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.rau-st-columnCard__img::after {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    aspect-ratio: 54/57;
    width: 54px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24.289 7.709"><g transform="translate(-23.857 -34.965)"><line x2="23.082" transform="translate(24.357 41.968)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-width="1" /><line x2="6.295" y2="6.295" transform="translate(41.145 35.673)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-width="1" /></g></svg>');
    background-position: 77% 72%;
    background-size: 44% 12%;
    background-repeat: no-repeat;
    background-color: #2c2c2c;
    content: "";
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.rau-st-columnCard__title {
    display: -webkit-box;
    margin-top: 24px;
    overflow: hidden;
    color: #000;
    font-size: 2.2rem;
    line-height: 1.6818181818;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.rau-st-column__button {
    margin-top: 80px;
    text-align: center;
}

.rau-st-brand__kv {
    position: relative;
    aspect-ratio: 1065/465;
    width: 100%;
}

.rau-st-brand__kvImg {
    width: 100%;
    height: 100%;
}

.rau-st-brand__kvImg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.rau-st-brand__kvText {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    translate: -50% -50%;
    color: #fff;
    font-size: 2.8rem;
    text-align: center;
}

.rau-st-brand__text {
    margin-top: 40px;
    color: #111a1b;
    font-size: 2rem;
    line-height: 2;
}

.rau-st-brand__button {
    margin-top: 80px;
    text-align: center;
}

.rau-st-brand__attention {
    margin-top: 20px;
    color: #000;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    text-align: center;
}

.rau-st-footer {
    margin-top: 40px;
}

.rau-st-footer__contents {
    padding-top: 100px;
    padding-bottom: 80px;
    border-top: 1px solid rgba(112, 112, 112, 0.32);
}

.rau-st-footer__logo {
    width: 100%;
    max-width: 287px;
    margin-right: auto;
    margin-left: auto;
}

.rau-st-footer__logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.rau-st-footer__sns {
    margin-top: 32px;
}

.rau-st-sns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 56px;
}

.rau-st-sns__link {
    aspect-ratio: 1/1;
    width: 100%;
    max-width: 58px;
}

.rau-st-sns__link img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.rau-slider.rau-slider--spOnly {
    display: none;
}

.rau-slider.fs-pt-carousel {
    max-height: initial;
    overflow: initial;
}

.rau-slider.fs-c-slick .slick-prev {
    display: none;
}

.rau-slider.fs-c-slick .slick-next {
    display: none;
}

.rau-slider.fs-c-slick .slick-dots {
    margin-top: 110px;
}

.rau-slider.fs-c-slick .slick-dots li {
    width: initial;
    height: initial;
    margin: initial;
}

.rau-slider.fs-c-slick .slick-dots li button {
    width: 28px;
    height: 3px;
    margin: 0 15px;
    padding: 0;
    border-radius: 0;
    background: #504948;
    opacity: 0.26;
    transition-duration: 0.2s;
    transition-property: opacity;
}

.rau-slider.fs-c-slick .slick-dots li button::before {
    display: none;
}

.rau-slider.fs-c-slick .slick-dots li.slick-active button {
    opacity: 1;
}

.rau-st-categoryMain {
    padding-top: 60px;
}

.rau-st-categoryHead {
    display: grid;
    grid-template-columns: auto 1fr;
    place-items: end;
    align-items: start;
    max-width: 1230px;
    margin-right: auto;
    margin-left: auto;
    gap: 40px;
}

.rau-st-categorySelect {
    position: relative;
    flex-shrink: 0;
}

.rau-st-categorySelect__title {
    padding-top: 11px;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1;
    position: absolute;
    left: -10px;
    transform: translateX(-100%);
}

.rau-st-categorySelect__wrapper {
    position: relative;
    min-width: 386px;
}

.rau-st-categorySelect__container {
    width: 100%;
    padding: 0 18px;
    border: 1px solid #acacac;
    background: #fff;
}

.rau-st-categorySelect__head {
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    color: #333;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 40px;
    text-align: center;
}

.rau-st-categorySelect__head .icon {
    position: absolute;
    top: 15px;
    right: 18px;
    aspect-ratio: 9/17;
    width: 7px;
    rotate: 90deg;
    transition: rotate 0.3s;
}

.rau-st-categorySelect__head .icon svg {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.rau-st-categorySelect__head.is-open .icon {
    rotate: 270deg;
}

.rau-st-categorySelect__body {
    display: flex;
    flex-direction: column;
    padding-top: 11px;
    padding-bottom: 15px;
    gap: 11px;
    border-top: 1px solid #BFBEBD;
}

.rau-st-categorySelect__link {
    font-size: 1.4rem;
    line-height: 1.5;
    text-align: center;
}

.fs-c-breadcrumb {
    color: #221917;
    font-size: 1.1rem;
}

.fs-body-category-nemohamo .fs-c-breadcrumb,
.fs-body-category-dftest .fs-c-breadcrumb {
    max-width: initial;
    margin: 0;
    padding: 12px 64px 8px;
}

.fs-c-breadcrumb__list {
    padding-right: 0;
    padding-left: 0;
}

.rau-st-header .sw_nav--baloon {
    top: 80px;
    right: calc(4.5% + 64px);
}

.spnav__link--a.--nemohamo {
    background-color: #333;
    color: #fff;
}

.rau-mv {
    position: relative;
}

.rau-news {
    position: absolute;
    bottom: 40px;
    width: 100%;
    z-index: 1;
}

.rau-news__contents {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rau-news__contents img {
    width: 160px;
    height: auto;
    position: relative;
}

.rau-news__text {
    background-color: #fff;
    font-size: 14px;
    padding: 30px 30px 30px 50px;
    border-radius: 0 100px 100px 0;
    margin-left: -20px;
    box-shadow: 0 3px 6px 0px rgba(113, 113, 113, 0.161);
}

.rau-news__note {
    text-align: center;
    margin-top: -10px;
    font-size: 12px;
}

.c-title .txt {
    font-size: 29px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 34px;
    margin-bottom: 70px;
}

.c-title .txt::before {
    content: attr(data-en);
    font-size: 35px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: -4px;
}

.c-title--en-default .txt::before {
    text-transform: initial;
}

.rau-ranking__slider {
    margin: 0 auto;
    max-width: 1200px;
}

.rau-ranking .card {
    display: block;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    margin: 0 8px;
}

.rau-ranking .card__img img {
    width: 100%;
    height: auto;
    display: block;
}

.rau-ranking .card__texts {
    padding: 8px 0;
}

.rau-st__inner {
    max-width: min(calc(100% - 40px), 1130px);
    margin-inline: auto;
}

.js-ranking-slider.is-active,
.js-gift-slider.is-active,
.js-sable-slider.is-active,
.js-iro-slider.is-active {
    padding-bottom: 70px;
}

.rau-st__card-list {
    display: flex;
    margin-top: 50px;
}

.rau-st__card-list .card {
    max-width: 240px;
    display: block;
    margin-right: 20px;
}

.rai-st__title--simple {
    text-align: center;
    font-size: 29px;
    margin-bottom: 45px;
}

.cat-rau__st--a {
    position: relative;
}

.cat-rau__st--p {
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%;
    height: auto;
    padding: 28px;
    background: rgba(241, 235, 242, 0.94);
    backdrop-filter: blur(4.71739px);
    text-align: center;
    text-align: center;
    font-size: 28px;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.cat-rau__st--p::after {
    content: "";
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2233%22%20height%3D%2233%22%20viewBox%3D%220%200%2033%2033%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_68_1930)%22%3E%3Cpath%20d%3D%22M17.7363%201H32.0005V15.0364%22%20stroke%3D%22%23333333%22%20stroke-width%3D%222.04567%22%20stroke-miterlimit%3D%2210%22/%3E%3Cpath%20d%3D%22M32.0005%201L17.7363%2015.0364%22%20stroke%3D%22%23333333%22%20stroke-width%3D%222.04567%22%20stroke-miterlimit%3D%2210%22/%3E%3Cpath%20d%3D%22M28.9578%2017.8816V31.9179H1V3.84521H14.8839%22%20stroke%3D%22%23333333%22%20stroke-width%3D%222.04567%22%20stroke-miterlimit%3D%2210%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_68_1930%22%3E%3Crect%20width%3D%2233%22%20height%3D%2233%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.category-card {
    margin-right: 20px;
}

.rau-st-categoryTop.--rau {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px 100px;
}

@media screen and (min-width: 1141px) {

    .js-sable-slider,
    .js-iro-slider,
    .js-category-slider {
        width: 100%;
        visibility: visible;
    }

    .js-sable-slider .splide__slide,
    .js-iro-slider .splide__slide {
        width: 240px;
    }

    .cat-rau-category__slider .splide__list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    .cat-rau-category__slider .splide__list .category-card {
        margin-right: 0;
    }
}

.card__img {
    aspect-ratio: 1 / 1;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-out;
}

.card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card__texts {
    display: flex;
    flex-direction: column;
    gap: calc(4 / 14 * 1em);
    font-size: 14px;
    line-height: calc(20.5 / 14);
    font-weight: 500;
    margin: 15px 0;
}

.card__button {
    display: block;
    margin-top: auto;
    padding: 12px 23px;
    border: 1px solid currentColor;
    background: #fff;
    font-size: 14px;
    line-height: calc(18 / 15);
    font-weight: 500;
    position: relative;
    transition-duration: 0.3s;
    transition-property: color, background;
    transition-timing-function: ease-out;
}

.card__button .num {
    font-size: 15px;
}

.card__button::after {
    content: '';
    width: 8px;
    height: 15px;
    display: block;
    background-image: url('data:image/svg+xml;utf8,<svg width="10" height="17" viewBox="0 0 10 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.13666 1.45361L8.59216 8.0065" stroke="%23333333" stroke-linecap="round"/><path d="M1.13687 15.6768L8.74039 8.13394" stroke="%23333333" stroke-linecap="round"/></svg>');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 14px;
    translate: 0 -50%;
}

.card--1st::after,
.card--2nd::after,
.card--3rd::after {
    content: '';
    display: grid;
    place-content: center;
    width: 34px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    top: 13px;
    left: 14px;
}

.card--1st::after {
    background: #d2bc62;
    content: '1';
}

.card--2nd::after {
    background: #A1A1A1;
    content: '2';
}

.card--3rd::after {
    background: #C8A067;
    content: '3';
}

a.card:hover {
    opacity: 1;
}

a.card:hover .card__button {
    background: #343434;
    color: #fff;
}

.splide__pagination {
    line-height: 1;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 4px;
    margin: 0;
}

.splide__pagination li {
    position: relative;
    display: inline-block;
    height: 8px;
    width: 8px;
    margin: 3px;
    padding: 0;
    cursor: pointer;

    width: initial;
    height: initial;
    margin: initial;
}

.splide__pagination li button {
    width: 28px;
    height: 3px;
    margin: 0 15px;
    padding: 0;
    border-radius: 0;
    background: #504948;
    opacity: 0.26;
    transition-duration: 0.2s;
    transition-property: opacity;
}

.splide__pagination__page.is-active {
    opacity: 1;
    background: #504948;
    transform: none;
}

.cat-rau {
    margin-top: 100px;
}

.rau-st__h3 {
    font-weight: bold;
    font-size: 24px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E4E4E4;
}

.cat-rau-gift__slider,
.cat-rau-sable__slider,
.cat-rau-iro__slider,
.cat-rau-category__slider {
    margin-top: 50px;
}

.cat-rau__item-block:nth-of-type(n+2) {
    margin-top: 70px;
}

.cat-rau-ranking__slider .splide__arrow--next,
.cat-rau-gift__slider .splide__arrow--next,
.cat-rau-sable__slider .splide__arrow--next,
.cat-rau-iro__slider .splide__arrow--next,
.cat-rau-category__slider .splide__arrow--next {
    right: -10px;
    transform: translateX(100%);
    background: url(https://goodnature.itembox.design/item/rau-st/img/icon_slide_right.svg) no-repeat center;
    top: calc(50% - 35px);
    width: 15px;
    height: 30px;
    background-size: contain;
}

.cat-rau-ranking__slider .splide__arrow--prev,
.cat-rau-gift__slider .splide__arrow--prev,
.cat-rau-sable__slider .splide__arrow--prev,
.cat-rau-iro__slider .splide__arrow--prev,
.cat-rau-category__slider .splide__arrow--prev {
    left: -10px;
    transform: translateX(-100%);
    background: url(https://goodnature.itembox.design/item/rau-st/img/icon_slide_left.svg) no-repeat center;
    top: calc(50% - 35px);
    width: 15px;
    height: 30px;
    background-size: contain;
}

.cat-rau-ranking__slider svg,
.cat-rau-gift__slider svg,
.cat-rau-sable__slider svg,
.cat-rau-iro__slider svg,
.cat-rau-category__slider svg {
    display: none;
}

.js-ranking-slider .splide__slide,
.js-gift-slider .splide__slide,
.js-sable-slider .splide__slide,
.js-iro-slider .splide__slide {
    margin-right: 20px;
}

.rau-st__btn,
.rau-st__btn:visited,
.rau-st__btn:hover {
    width: 100%;
    max-width: 550px;
    display: flex;
    background-color: #454545;
    color: #fff;
    align-items: center;
    justify-content: center;
    padding: 21px;
    margin: 100px auto 0;
    font-size: 18px;
}

.category-card {
    position: relative;
    margin-right: 20px;
}

.category-card__img {
    height: auto;
}

.category-card__text {
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(27, 13, 8, 0.81) 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 10px;
}

.category-card__text p {
    color: #fff;
    text-align: center;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.category-card::after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: 70px;
    height: 75px;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2270%22%20height%3D%2275%22%20viewBox%3D%220%200%2070%2075%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M70.1614%2075.0001V0L0%2075.0001H70.1614Z%22%20fill%3D%22%231B0D08%22%20fill-opacity%3D%220.81%22/%3E%3Cline%20x1%3D%2227.3083%22%20y1%3D%2259.661%22%20x2%3D%2262.2086%22%20y2%3D%2259.661%22%20stroke%3D%22white%22%20stroke-width%3D%221.39%22%20stroke-linecap%3D%22round%22/%3E%3Cline%20x1%3D%2253.3812%22%20y1%3D%2250.7594%22%20x2%3D%2262.8578%22%20y2%3D%2259.3745%22%20stroke%3D%22white%22%20stroke-width%3D%221.39%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
}

.cat-rau-category__a,
.cat-rau-category__a:visited,
.cat-rau-category__a:hover {
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
    margin-right: 40px;
    position: relative;
}

.cat-rau-category__a::after {
    position: absolute;
    right: -40px;
    bottom: -2px;
    content: "";
    display: block;
    width: 30px;
    height: 10px;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2231%22%20height%3D%227%22%20viewBox%3D%220%200%2031%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cline%20y1%3D%226.33203%22%20x2%3D%2230%22%20y2%3D%226.33203%22%20stroke%3D%22%23333%22/%3E%3Cline%20x1%3D%2221.2774%22%20y1%3D%220.416006%22%20x2%3D%2230.2774%22%20y2%3D%226.41601%22%20stroke%3D%22%23333%22/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
}

.cat-rau-category__a--wrap {
    text-align: right;
    margin-top: 40px;
}

.rau-brand {
    position: relative;
    display: block;
}

.rau-brand__contents {
    position: absolute;
    top: 0;
    height: 100%;
    background-color: rgba(74, 45, 22, 0.73);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 100px;
}

.rau-brand__img {
    display: block;
}

.rau-brand__text {
    color: #fff;
    line-height: 2.4;
}

.rau-brand__a,
.rau-brand__a:visited,
.rau-brand__a:hover {
    color: #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    margin-right: 40px;
    position: relative;
}

.rau-brand__a::after {
    position: absolute;
    right: -40px;
    bottom: -2px;
    content: "";
    display: block;
    width: 30px;
    height: 10px;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2231%22%20height%3D%227%22%20viewBox%3D%220%200%2031%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cline%20y1%3D%226.33203%22%20x2%3D%2230%22%20y2%3D%226.33203%22%20stroke%3D%22white%22/%3E%3Cline%20x1%3D%2221.2774%22%20y1%3D%220.416006%22%20x2%3D%2230.2774%22%20y2%3D%226.41601%22%20stroke%3D%22white%22/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
}

/* ==================================================
   RAU Chef Section
   ================================================== */

/* -----------------------------------
     Chef List
  ----------------------------------- */
.chef__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 60px;
}

.chef__item {
    width: 100%;
    max-width: 520px;
    text-align: center;
    position: relative;
}

.chef__photo {
    margin-bottom: 20px;
}

.chef__photo img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.chef__name {
    font-size: 21px;
    margin-bottom: 6px;
}

.chef__name span {
    font-size: 18px;
    margin-left: 10px;
}

.chef__role {
    display: block;
    font-size: 21px;
    margin-bottom: 20px;
}


/* -----------------------------------
   Profile (Accordion)
----------------------------------- */
.chef__profile {
    margin-top: 20px;
    border: 1px solid #707070;
    padding: 13px 40px;
    text-align: left;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* 初期状態は閉じる */
.chef__profile-text {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
}

.chef__profile.is-open .chef__profile-text {
    max-height: 1000px;
    /* 内容に合わせて十分な値 */
}

.chef__profile p {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
    margin-top: 1.2em;
}

/* PROFILEボタン */
.chef__profile-toggle {
    display: flex;
    width: 100%;
    background: none;
    border: none;
    padding: 0;
    letter-spacing: 0.05em;
    color: #666;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    justify-content: center;
    gap: 20px;
    align-items: center;
}

.chef__profile-toggle:hover {
    color: #000;
}

.chef__profile-icon {
    width: 15px;
    height: 15px;
    display: block;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2212%22%20viewBox%3D%220%200%2021%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M19.7891%2011.1836L10.2277%200.666261%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.33333%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M0.666205%2011.1836L10.2275%200.666261%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.33333%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
    transform: rotate(180deg);
    transition: .3s;
}

.chef__profile.is-open .chef__profile-icon {
    transform: rotate(0);
}

.chef__profile-text .chef__profile-toggle {
    justify-content: flex-end;
    font-size: 30px;
}

.rau-footer__inner {
    padding-bottom: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rau-footer.--group-rau .rau-footer__inner,
.rau-footer.--group-rau-test .rau-footer__inner {
    margin-top: 220px;
    padding-top: 160px;
    border-top: 1px solid #E4E4E4;
    margin-top: 220px;
}

.rau-st__btn.--purple,
.rau-st__btn.--purple:visited,
.rau-st__btn.--purple:hover {
    background-color: #9995CA;
    color: #fff;
}

.rau-footer .rau-st__btn {
    margin-top: 50px;
}

.rau-footer__p {
    margin-top: 10px;
}

.insta {
    width: 50px;
    margin-top: 70px;
}

.rau-st__under-text {
    line-height: 2;
    width: 100%;
    margin-top: 40px;
}

.w-100 {
    width: 100%;
}

[id] {
    scroll-margin-top: 150px;
}

.rau-st-categoryTop {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px 10px;
}

.rau-st-categoryTop .rau-st-titles.--under-cat {
    display: inline-flex;
    margin-bottom: 0;
    margin-right: 130px;
}

.f-sns {
    display: none;
}

h1 {
    margin: 0;
}

.fs-l-footer #page-top {
    display: none;
}

.rau-mv .fs-pt-carousel__slide img {
    aspect-ratio: 32 / 13;
    object-fit: cover;
}

@media screen and (max-width: 1279px) {

    .rau-st-category_link {
        min-width: initial;
    }

    .rau-st-searchModal__content {
        top: 70px;
        max-height: calc(100vh - 70px);
    }
}

@media screen and (max-width: 1190px) {

    .cat-rau-ranking__slider .splide__arrow--next,
    .cat-rau-gift__slider .splide__arrow--next,
    .cat-rau-sable__slider .splide__arrow--next,
    .cat-rau-iro__slider .splide__arrow--next,
    .cat-rau-category__slider .splide__arrow--next {
        display: none;
    }

    .cat-rau-ranking__slider .splide__arrow--prev,
    .cat-rau-gift__slider .splide__arrow--prev,
    .cat-rau-sable__slider .splide__arrow--prev,
    .cat-rau-iro__slider .splide__arrow--prev,
    .cat-rau-category__slider .splide__arrow--prev {
        display: none;
    }
}

@media screen and (max-width: 1023px) {

    .rau-st-header {
        box-shadow: none;
    }

    .rau-st-header__inner {
        display: block;
        padding: 0;
    }

    .rau-st-header__head {
        display: flex;
        align-items: center;
    }

    .rau-st-header__link {
        width: 88px;
        height: 55px;
    }

    .rau-st-header__link.--rau img {
        width: 50px;
    }

    .rau-st-header__link.--st img {
        width: 65px;
    }

    .rau-st-header__body {
        display: block;
        padding: 15px 20px 5px;
    }

    .rau-st-header__pcCategory {
        display: none;
    }

    .rau-st-header__nav {
        margin-left: auto;
    }

    .rau-st-category_link {
        padding: 0 16px;
    }

    .rau-st-nav {
        gap: clamp(12px, 4.1vw, 18px);
    }

    .rau-st-nav__home img,
    .rau-st-search img,
    .rau-st-nav__cart img {
        width: 27px;
        height: auto;
    }

    .rau-st-header__nav #i_mypage {
        width: 20px;
    }

    .rau-st-nav__node--login,
    .rau-st-nav__node--login.fs-clientInfo.is-ready {
        display: none;
    }

    .rau-st-searchModal__content {
        top: 110px;
        max-height: calc(100vh - 110px);
    }

    .rau-st-header .sw_nav--baloon {
        top: 60px;
        right: 40px;
    }

    [id] {
        scroll-margin-top: 80px;
    }
}

@media screen and (max-width: 959px) {
    .l-inner {
        max-width: 1144px;
        padding-right: 3.75rem;
        padding-left: 3.75rem;
    }

    .rau-st-section {
        padding: 40px 0;
    }

    .rau-st-inner {
        padding-right: 20px;
        padding-left: 20px;
    }

    .rau-st-titles {
        flex-direction: column;
        margin-bottom: 35px;
        gap: 10px;
    }

    .rau-st-titles__en {
        font-size: 2.2rem;
    }

    .rau-st-titles__ja {
        font-size: 2.2rem;
    }

    .rau-mv .fs-pt-carousel__slide img {
        aspect-ratio: 1;
    }

    .rau-st-categoryTop {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }

    .rau-st-categoryTop .rau-st-titles.--under-cat {
        flex-direction: row;
        justify-content: flex-start;
        align-items: baseline;
        flex-wrap: wrap;
        margin-bottom: 0;
        margin-right: 0;
    }

    .rau-st-categoryTop .rau-st-categorySelect {
        width: 100%;
        margin-top: 15px;
    }

    .rau-st-categoryTop .rau-st__under-text {
        margin-top: 20px;
    }

    .rau-st-titles.--under-cat .rau-st-titles__en {
        font-size: 3rem;
    }

    .rau-st-titles.--under-cat .rau-st-titles__ja {
        font-size: 1.6rem;
    }

    .rau-st-titles.--under-cat.--sachitakagi .rau-st-titles__en {
        font-size: 1.8rem;
    }

    .rau-st-button,
    .rau-st-button:visited {
        max-width: 280px;
        padding: 9px 24px;
        font-size: 1.4rem;
    }

    .rau-st-category_link {
        min-width: initial;
        font-size: 1.2rem;
        line-height: 1.4166666667;
    }

    .rau-st-category_node:first-child .rau-st-category_link {
        padding-left: 0;
    }

    .rau-st-category_node:last-child .rau-st-category_link {
        padding-right: 0;
    }

    .rau-st-searchModal__content {
        max-width: 600px;
    }

    .rau-st-fv {
        aspect-ratio: 860/1000;
        margin-bottom: 40px;
    }

    .rau-st-products__list {
        -moz-column-gap: 6px;
        column-gap: 6px;
        row-gap: 2px;
    }

    .rau-st-productsNode {
        padding-bottom: 25px;
    }

    .rau-st-productsNode__img {
        aspect-ratio: 384/264;
        width: 100%;
    }

    .rau-st-productsNode__text {
        align-items: flex-end;
        min-height: 50px;
        padding: 8px 10px;
        font-weight: 300;
        font-size: 1.4rem;
        text-align: center;
    }

    .rau-st-productsNode__text .text {
        flex-grow: 1;
    }

    .rau-st-productsNode__text .icon {
        right: 10px;
    }

    .rau-st-productsNode__text .icon svg {
        width: 6px;
        height: 12px;
    }

    .rau-st-products__button,
    .rau-st-ranking__button {
        margin-top: 35px;
    }

    .rau-st-column__slider .swiper-slide {
        width: 169px;
    }

    .rau-st-column__slider .swiper-pagination {
        margin-top: 10px;
    }

    .rau-st-column__slider .swiper-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
        width: 21px;
        height: 5px;
        margin: 0 8px;
    }

    .rau-st-column__slider .swiper-button-prev,
    .rau-st-column__slider .swiper-button-next {
        display: none;
    }

    .rau-st-columnCard__img::after {
        width: 30px;
    }

    .rau-st-columnCard__title {
        margin-top: 6px;
        font-size: 1.3rem;
        line-height: 1.7692307692;
    }

    .rau-st-column__button {
        margin-top: 35px;
    }

    .rau-st-brand__kvText {
        font-size: 1.4rem;
    }

    .rau-st-brand__text {
        margin-top: 22px;
        font-size: 1.4rem;
        line-height: 2.1428571429;
    }

    .rau-st-brand__button {
        margin-top: 35px;
    }

    .rau-st-brand__attention {
        margin-top: 10px;
        font-size: 1rem;
        line-height: 1.7;
    }

    .rau-st-footer {
        margin-top: 0;
    }

    .rau-st-section+.rau-st-footer {
        margin-top: -10px;
    }

    .rau-st-footer__contents {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .rau-st-footer__logo {
        max-width: 169px;
    }

    .rau-st-footer__sns {
        margin-top: 16px;
    }

    .rau-st-sns {
        gap: 32px;
    }

    .rau-st-sns__link {
        max-width: 34px;
    }

    .rau-slider.rau-slider--pcOnly {
        display: none;
    }

    .rau-slider.rau-slider--spOnly {
        display: block;
        margin-bottom: 40px;
    }

    .rau-st-categoryMain {
        padding-top: 30px;
    }

    .rau-st-categoryHead {
        grid-template-columns: 100%;
        place-items: initial;
        align-items: center;
        padding-bottom: 25px;
        gap: 0;
    }

    .rau-st-categorySelect {
        flex-direction: column;
        gap: 15px;
    }

    .rau-st-categorySelect__title {
        padding-top: 0;
        font-size: 1.4rem;
        position: relative;
        left: unset;
        transform: none;
        margin-bottom: 10px;
    }

    .rau-st-categorySelect__wrapper {
        width: 100%;
        min-width: initial;
        max-width: 500px;
    }

    .fs-c-breadcrumb {
        font-size: 1rem;
    }

    .fs-body-category-nemohamo .fs-c-breadcrumb,
    .fs-body-category-dftest .fs-c-breadcrumb {
        padding: 2px 20px 0;
    }
}

@media screen and (max-width: 767px) {

    .c-title--sp-column .txt {
        flex-direction: column;
        gap: 16px;
    }

    .rau-news {
        width: calc(100% - 40px);
        left: 20px;
    }

    .rau-news__contents img {
        width: 100px;
        margin-left: 20px;
        position: absolute;
        top: -20px;
    }

    .rau-news__text {
        width: 100%;
        margin-left: 0;
        border-radius: 4px;
        padding: 10px 10px 10px 140px;
        font-size: 10px;
    }

    .rau-news__contents {
        display: block;
    }

    .rau-news__note {
        margin-top: 10px;
        text-align: left;
    }

    .c-title .txt::before {
        font-size: 18px;
        margin-top: 0;
        font-weight: bold;
    }

    .c-title .txt {
        font-size: 16px;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .cat-rau {
        margin-top: 65px;
    }

    .cat-rau__item-block:nth-of-type(n+2) {
        margin-top: 40px;
    }

    .cat-rau-ranking__slider .card__texts {
        min-height: 41px;
    }

    .card__button {
        padding: 8px 13px;
    }

    .splide__pagination li button {
        width: 18px;
        margin: 0 8px;
    }

    .js-ranking-slider.is-active,
    .js-gift-slider.is-active,
    .js-sable-slider.is-active,
    .js-iro-slider.is-active {
        padding-bottom: 50px;
        width: calc(100vw - 20px);
    }

    .js-category-slider.is-active {
        width: calc(100vw - 20px);
    }

    .js-ranking-slider.is-active .splide__pagination,
    .js-gift-slider.is-active .splide__pagination,
    .js-sable-slider.is-active .splide__pagination,
    .js-iro-slider.is-active .splide__pagination,
    .js-category-slider.is-active .splide__pagination {
        max-width: min(calc(100% - 20px), 1100px);
    }

    .rau-st__h3 {
        font-weight: bold;
        font-size: 16px;
    }

    .cat-rau-gift__slider .card__texts p:nth-of-type(n+2) {
        display: none;
    }

    .cat-rau__item-block p {
        font-size: 14px;
    }

    .js-ranking-slider .splide__slide,
    .js-gift-slider .splide__slide,
    .js-sable-slider .splide__slide,
    .js-iro-slider .splide__slide {
        margin-right: 13px;
    }

    .rau-st__card-list .card {
        max-width: 160px;
        margin-right: 13px;
    }

    .rau-st__btn,
    .rau-st__btn:visited,
    .rau-st__btn:hover {
        margin: 0 auto;
        padding: 8px;
        font-size: 16px;
    }

    .cat-rau__item-block.--btn {
        margin-top: 10px;
    }

    .rai-st__title--simple {
        font-size: 16px;
        margin-bottom: 25px;
        font-weight: bold;
    }

    .cat-rau-gift__slider,
    .cat-rau-sable__slider,
    .cat-rau-iro__slider,
    .cat-rau-category__slider {
        margin-top: 30px;
        overflow: hidden;
    }

    .cat-rau-category__a--wrap {
        margin-top: 20px;
    }

    .rau-st__card-list {
        margin-top: 30px;
    }

    .cat-rau.--brand .c-title .txt::before {
        font-size: 18px;
        margin-top: 0;
        font-weight: bold;
    }

    .rau-footer__logo {
        width: 90px;
    }

    .rau-footer .rau-st__btn {
        margin-top: 20px;
        max-width: 280px;
    }

    .rau-footer__p {
        font-size: 10px;
    }

    .insta {
        width: 40px;
        margin-top: 50px;
    }

    .rau-footer__inner {
        padding: 50px 0;
    }

    .rau-footer.--group-rau .rau-footer__inner,
    .rau-footer.--group-rau-test .rau-footer__inner {
        padding: 50px 0;
        margin-top: 80px;
    }

    .rau-brand__text {
        color: #333;
        font-size: 14px;
    }

    .rau-brand__contents {
        position: unset;
        background-color: unset;
        height: auto;
        align-items: center;
    }

    .rau-brand__a,
    .rau-brand__a:visited,
    .rau-brand__a:hover {
        position: absolute;
        top: 4%;
        right: 30px;
    }

    .rau-brand {
        border-bottom: 1px solid #E4E4E4;
        padding-bottom: 30px;
        margin-bottom: 60px;
    }

    .cat-rau__st--p {
        font-size: 16px;
        gap: 10px;
        padding: 5px;
    }

    .cat-rau__st--p::after {
        width: 15px;
        height: 15px;
    }

    .category-card__text {
        font-size: 12px;
    }

    .category-card::after {
        width: 40px;
        height: 45px;
    }

    .chef__role {
        font-size: 16px;
    }

    .chef__profile {
        padding: 12px 20px;
    }

    .chef__name {
        font-size: 16px;
    }

    .chef__name span {
        font-size: 14px;
    }
}

@media screen and (max-width: 440px) {
    .rau-st-column__slider .swiper-slide {
        width: 135px;
    }

    .rau-st-category_link {
        padding: 0 12px;
    }
}

@media screen and (max-width: 400px) {

    .rau-slider.fs-c-slick .slick-dots {
        margin-top: 140px;
    }
}

@media screen and (max-width: 767px) {

    .rau-news__contents img {
        top: 50%;
        transform: translateY(-50%);
    }
}


/*****************************
* Sachi Takagi
*****************************/
.cat-rau.--seasonal+.cat-rau {
    margin-top: 180px;
}

.cat-rau.--st-brand,
.cat-rau.--st-chef {
    margin-top: 140px;
}

.cat-rau__item-list {
    margin-top: 47px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 45px 58px;
}

.seasonal-item {
    max-width: 660px;
    margin-right: auto;
    margin-left: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6.6%;
}

.seasonal-item__img {
    width: 100%;
    aspect-ratio: 1/1;
}

.seasonal-item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.seasonal-item__contents {
    margin-top: -5px;
}

.seasonal-item__lead {
    font-size: 14px;
    letter-spacing: 0.12em;
}

.seasonal-item__title {
    margin-top: 20px;
    font-size: 24px;
    font-weight: 600;
}

.seasonal-item__desc {
    margin-top: 27px;
    font-size: 15px;
    letter-spacing: 0.12em;
}

.seasonal-item__button.card__button {
    margin-top: 27px;
}

.st-banner-area {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.st-banner-area img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.st-brand__title {
    display: flex;
    justify-content: center;
    gap: 25px;
    align-items: center;
}

.st-brand__title .en {
    font-size: 30px;
    font-weight: 600;
}

.st-brand__title .ja {
    font-size: 20px;
    font-weight: normal;
}

.st-brand__inner {
    max-width: calc(884px + 4%);
    margin-right: auto;
    margin-left: auto;
    padding-left: 4%;
}

.st-brand__contents {
    margin-top: 116px;
    display: grid;
    grid-template-columns: auto 1fr;
}

.st-brand__text {
    font-size: 16px;
    line-height: calc(50 / 16);
}

.st-brand__img {
    margin-left: -20%;
    position: relative;
    z-index: -1;
}

.chef__item.chef__item--solo {
    max-width: 1100px;
    display: grid;
    grid-template-areas:
        "photo profile"
        "name profile";
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto 1fr;
    gap: 0 32px;
}

.chef__item.chef__item--solo .chef__profile-toggle {
    display: none;
}

.chef__item.chef__item--solo .chef__profile {
    display: contents;
}

.chef__item.chef__item--solo .chef__photo {
    grid-area: photo;
}

.chef__item.chef__item--solo .chef__name {
    grid-area: name;
}

.chef__item.chef__item--solo .chef__profile-text {
    grid-area: profile;
    max-height: initial;
    overflow: initial;

}

.chef__item.chef__item--solo .chef__profile p {
    font-size: 16px;
    letter-spacing: 0.08em;
}

.chef__item.chef__item--solo .chef__profile p:first-child {
    margin-top: -5px;
}

.rau-footer.--group-sachitakagi,
.rau-footer.--group-sachitakagi-test {
    margin-top: 160px;
}

.rau-footer.--group-sachitakagi .rau-footer__inner,
.rau-footer.--group-sachitakagi-test .rau-footer__inner {
    border-top: 1px solid #D2D2D2;
    padding-top: 135px;
}

.rau-footer.--ST .rau-footer__logo {
    width: 212px;
}

@media screen and (max-width:768px) {

    .rau-st-header__link.--st::before {
        background-size: auto 55%;
    }

    .cat-rau.--seasonal+.cat-rau {
        margin-top: 80px;
    }

    .cat-rau.--banner {
        margin-top: 50px;
    }

    .cat-rau.--st-brand {
        margin-top: 60px;
    }

    .cat-rau.--st-chef {
        margin-top: 90px;
    }

    .cat-rau__item-list {
        margin-top: 40px;
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
        gap: 30px 20px;
    }

    .seasonal-item {
        grid-template-areas:
            "img lead"
            "img title"
            "img button"
            "desc desc";
        align-items: end;
        gap: 0 4%;
    }

    .seasonal-item__img {
        grid-area: img;
    }

    .seasonal-item__contents {
        display: contents;
    }

    .seasonal-item__lead {
        grid-area: lead;
        font-size: 14px;
        letter-spacing: 0;
        height: 100%;
    }

    .seasonal-item__title {
        grid-area: title;
        margin-top: auto;
        font-size: 16px;
    }

    .seasonal-item__button.card__button {
        grid-area: button;
        margin-top: 12px;
    }

    .seasonal-item__desc {
        grid-area: desc;
        margin-top: 25px;
        font-size: 14px;
    }

    .st-brand__title {
        flex-direction: column;
        gap: 16px;
    }

    .st-brand__title .en {
        font-size: 24px;
    }

    .st-brand__title .ja {
        font-size: 16px;
    }

    .st-brand__inner {
        max-width: 500px;
        padding-left: 0;
    }

    .st-brand__contents {
        margin-top: 48px;
        display: flex;
        flex-direction: column-reverse;
        gap: 36px;
    }

    .st-brand__text {
        font-size: min(14px, calc(14 / 395 * 100vw));
        line-height: calc(31 / 14);
    }

    .st-brand__img {
        margin-left: 0;
        margin-right: -15px;
    }

    .chef__item.chef__item--solo {
        display: block;
    }

    .chef__item.chef__item--solo .chef__profile-toggle {
        display: flex;
    }

    .chef__item.chef__item--solo .chef__profile {
        display: block;
    }

    .chef__item.chef__item--solo .chef__profile-text {
        grid-area: profile;
        max-height: 0;
        overflow: hidden;
    }

    .chef__item.chef__item--solo .chef__profile.is-open .chef__profile-text {
        max-height: 1000px;
    }

    .chef__item.chef__item--solo .chef__profile p:first-child {
        margin-top: 1.2em;
    }

    .rau-footer.--group-sachitakagi,
    .rau-footer.--group-sachitakagi-test {
        margin-top: 100px;
    }

    .rau-footer.--group-sachitakagi .rau-footer__inner,
    .rau-footer.--group-sachitakagi-test .rau-footer__inner {
        padding-top: 60px;
    }

    .rau-footer.--ST .rau-footer__logo {
        width: 125px;
    }

    .rau-footer.--ST .rau-footer__logo img {
        display: inline-block;
        max-width: 100%;
        height: auto;
        vertical-align: middle;
    }
}