@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');

/* common */

:root {
    --font-en: "Marcellus", serif;
    --font-ja: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

body {
    font-family: var(--font-ja);
}

@media screen and (min-width:768px) {
    a[href^="tel:"] {
        pointer-events: none;
    }
}

.c-head.--lv2 .--en {
    font-family: var(--font-en);
    text-wrap: balance;
    font-weight: 400;
}

.c-head__block.--en {
    font-family: var(--font-en);
    text-wrap: balance;
    font-weight: 400;
}

.mv__scroll-txt,
.g-nav .item__link-txt,
.faq-list .item__contents-init,
.g-footer-nav-list .item__link-lbl,
.copyright {
    font-family: var(--font-en);
    text-wrap: balance;
    font-weight: 400;
}

.c-btn.--all {
    border: .1rem solid var(--base-color);
}

.contact .c-btn.--all{
    border: .1rem solid var(--contact-area-text-color);
}

.c-btn.--all .c-btn-txt {
    font-family: var(--font-en);
    text-wrap: balance;
    font-weight: 400;
}

.c-btn.--black{
    background-color: #ffffff;
}

.c-btn.--black .c-btn-txt {
    color: #B2987B;
}

.chef-contents .info-name-en {
    font-family: var(--font-en);
    text-wrap: balance;
    font-weight: 400;
}

img {
    display: inline-block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

#instagram .c-btn.--all {
    border: .1rem solid #F0EDE9;
}

#instagram .c-btn.--black{
    background-color: #8b8b8b;
}

#instagram .c-btn.--black .c-btn-txt {
    color: #F0EDE9;
}
#instagram .c-btn.--black.--swipe:hover .c-btn-txt {
    color: var(--heading-black-color);
}


/* utility */
.u-hide-sp,
.u-hide-pc {
    display: none !important
}

@media screen and (max-width: 1023px) {
    .u-hide-pc {
        display: block !important
    }
}

@media screen and (min-width: 1024px) {
    .u-hide-sp {
        display: block !important
    }
}

/* header */
@media (min-width: 768px){
    .g-header{
        opacity: 1;
        transform: translate(0,0);
        background-color: #F0EDE9;
    }
}
.g-header-logo-wrap {
    width: 16.5rem;
}

@media (min-width: 1024px) {
    .g-header-logo-wrap {
        width: 22rem;
    }
}

.g-header .intro-contact-link-txt{
    font-family: var(--font-en);
}

.nav-menu-btn {
    background-color: #8b8b8b;
}

.nav-menu-btn .btn-line {
    background-color: #F0EDE9;
}

/* mv */
.mv-logo-link {
    width: 20rem;
}

@media (max-width: 767px){
    .mv-list .mv-bg {
        padding-top: 197.866%;
    }
}

.mv-list .c-head.--lv1 {
    text-align: center;
}

.c-head.--lv1 {
    color: #ffffff;
    font-size: 48px;
    text-shadow: 0 0 21px rgba(0, 0, 0, .2);
    line-height: 1.4;
    writing-mode: horizontal-tb;
    font-family: var(--font-en);
}

.c-head__block {
    text-transform: none !important;
}

@media (max-width: 767px){
    .c-head.--lv1 {
        font-size: 32px;
    }
}

/* concept */
.concept{
    margin-top: 240px;
}
.concept-bg::before {
    padding-top: 60rem;
}

@media (max-width: 767px) {
    .concept-bg::before {
        background-position: 40% 40%;
    }
}

.concept .c-txt {
    font-family: var(--font-ja);
}

/* instagram */
.instagram {
    margin-top: 200px;
}

/* @media (max-width: 767px) {
    .instagram {
        margin-top: 250px;
    }
} */

/* chef */
.chef-contents-info {
    background-color: #8b8b8b;
    color: #fff;
}

.chef-contents.--1 .photo-bg {
    background-image: url(../img/top/chef/photo_chef_1.jpg);
}

.chef-contents.--2 .photo-bg {
    background-image: url(../img/top/chef/photo_chef_2.jpg);
}

.chef-contents.--3 .photo-bg {
    background-image: url(../img/top/chef/photo_chef_3.jpg);
}

.chef-contents.--4 .photo-bg {
    background-image: url(../img/top/chef/photo_chef_4.jpg);
}

.chef-contents.--5 .photo-bg {
    background-image: url(../img/top/chef/photo_chef_5.jpg);
}

@media (min-width: 768px) {
    .chef-contents {
        justify-content: flex-start;
        width: 100%;
    }

    .chef-contents:nth-child(2n-1) {
        flex-direction: row-reverse;

    }

    .chef-contents:nth-child(2n) {
        flex-direction: row;

    }

    .chef-contents-photo {
        position: relative;
        /* flex-basis: 0;
        flex-grow: 1; */
        z-index: 1;
    }

    .chef-contents-info {
        flex-basis: 0;
        flex-grow: 1;
    }

    /* 情報（テキストなど）のスタイル */
    .chef-contents:nth-child(2n) .chef-contents-info {
        position: absolute;
        /* 写真の上に重ねる */
        top: auto;
        right: 10%;
        /* transform: translate(-50%, -50%); */
        /* 中央に配置 */
        z-index: 2;
    }

    .chef-contents:nth-child(2n - 1) .chef-contents-info {
        position: relative;
        /* 写真の上に重ねる */
        top: auto;
        left: 0%;
        /* transform: translate(-50%, -50%); */
        /* 中央に配置 */
        z-index: 2;
    }
}

/* service */
.chef-contents.--1 .photo-bg,
.chef-contents.--2 .photo-bg,
.chef-contents.--3 .photo-bg,
.chef-contents.--4 .photo-bg,
.chef-contents.--5 .photo-bg {
    filter: grayscale(1);
}

/* access */
.access {
    word-break: auto-phrase;
    background-color: #D5DDD9;
}

.access-contnts .info-name {
    font-size: 1.9rem !important;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.access-contnts .info-name span {
    font-size: 2.1rem !important;
}

@media screen and (max-width: 767px) {
    .access-contnts .info-name {
        font-size: 1.5rem !important;
        gap: 0.3rem;
    }

    .access-contnts .info-name span {
        font-size: 1.7rem !important;
    }
}

.access .info-name span {
    letter-spacing: 0.05em;
}

@media (max-width: 767px) {
    .access .c-head.--lv2.--col-2 {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .access .c-head.--lv2.--col-2 .c-head__block:first-child + .c-head__block {
        margin-left: 0rem;
        margin-top: 0.7rem;
    }
}

/* contact */
.contact .c-btn.--all .c-btn-txt {
    font-family: var(--font-ja);
}

/* footer */
.g-footer-logo {
    width: 12rem;
    margin-right: 15rem;
    margin-left: 15rem;
}

@media (min-width: 1024px) {
    .g-footer-logo {
        width: 14rem;
    }
}

.g-footer-nav-list-wrap {
    margin-left: 0;
}

@media (max-width: 767px) {
    .g-footer-logo {
        margin-inline: auto;
    }

    .g-footer-nav-list-wrap {
        justify-content: center;
    }
}

.c-head.--lv2 .--en {
    font-size: 4rem;
}

@media screen and (max-width: 767px) {
    .c-head.--lv2 .--en {
        font-size: 3.2rem;
    }
}

.access-contnts {
    padding-top: 13rem;
}

@media screen and (max-width: 767px) {
    .chef {
        padding: 8.5rem 0 6.5rem;
    }
}

.instagram {
    padding-top: 10vmax;
}

@media screen and (max-width: 767px) {
    .faq {
        padding: 8.5rem 0 5.4rem;
    }
}

@media screen and (max-width: 767px) {
    .access-contnts {
        padding-top: 8.5rem;
    }
}