@charset "UTF-8";
/* setting */
@media (max-width: 899px) { html { font-size: calc(1000vw / 375); } }

.content-inner { position: relative; margin-right: auto; margin-left: auto; padding-right: 5.33333vw; padding-left: 5.33333vw; }
@media (min-width: 900px) { .content-inner { max-width: 1340px; padding-right: 50px; padding-left: 50px; } }

.elem-topic-path { background-color: #fff; }

.scroll-navigation { display: none; }
@media (min-width: 900px) { .scroll-navigation { display: flex; flex-wrap: wrap; justify-content: center; } }
.scroll-navigation li { position: relative; text-align: center; }
@media (min-width: 900px) { .scroll-navigation li { display: flex; align-items: center; margin-bottom: 30px; } }
.scroll-navigation li::before, .scroll-navigation li::after { position: absolute; top: 0; width: 2px; height: 100%; content: ""; background-color: #ddd; }
.scroll-navigation li::before { left: 0; transform: translateX(-50%); }
.scroll-navigation li::after { right: 0; transform: translateX(50%); }
.scroll-navigation a { position: relative; text-decoration: none; }
@media (min-width: 900px) { .scroll-navigation a { display: block; width: 225px; padding: 20px 6px 30px; } }
.scroll-navigation a::before { position: absolute; bottom: 10px; left: 50%; width: 0; height: 0; content: ""; transition: .3s; transform: translateX(-50%); border-width: 14px 8px 0 8px; border-style: solid; border-color: #a10000 transparent transparent transparent; }
.scroll-navigation a:hover::before { transform: translate(-50%, 20%); }
.scroll-navigation .scroll-navigation__title { font-family: charcuterie-contrast,  sans-serif; color: #000; }
@media (min-width: 900px) { .scroll-navigation .scroll-navigation__title { font-size: 30px; } }
.scroll-navigation .scroll-navigation__description { color: #000; }
@media (min-width: 900px) { .scroll-navigation .scroll-navigation__description { font-size: 16px; margin-top: 16px; line-height: 1.5; } }
@media (min-width: 900px) { .scroll-navigation.scroll-navigation--wide a { height: 225px; padding: 20px 12px 0; } }
@media (min-width: 900px) { .scroll-navigation.scroll-navigation--wide .scroll-navigation__title { font-size: 36px; display: flex; align-items: center; justify-content: center; min-height: 72px; } }

.article-list { display: flex; flex-wrap: wrap; }
.article-list li { position: relative; overflow: hidden; width: 100%; width: calc((100% - 5.3333vw) / 2); margin-right: 5.33333vw; }
@media (min-width: 900px) { .article-list li { width: calc((100% - 32px) / 3); margin-right: 10px; } }
@media (min-width: 900px) { .article-list li:nth-child(3n) { margin-right: 0; } }
@media (max-width: 899px) { .article-list li:nth-child(2n) { margin-right: 0; } }
@media (min-width: 900px) { .article-list li:nth-child(n+4) { padding-top: 50px; } }
@media (max-width: 899px) { .article-list li:nth-child(n+3) { margin-top: 6.66667vw; } }
.article-list li.new-label::before { line-height: 1.2em; position: absolute; z-index: 5; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 24vw; height: 24vw; content: ""; transform: translate(-50%, -50%); pointer-events: none; border-radius: 999px; background-color: #f08302; }
@media (min-width: 900px) { .article-list li.new-label::before { width: 130px; height: 130px; } }
.article-list li.new-label::after { font-family: "Noto Sans JP", sans-serif; font-weight: 700; position: absolute; z-index: 5; top: 3.2vw; left: 1.6vw; content: "New"; pointer-events: none; color: #fff; font-size: 12px; font-size: 1.2rem; }
@media (min-width: 900px) { .article-list li.new-label::after { font-size: 16px; top: 16px; left: 10px; } }
@media (min-width: 900px) { .article-list a:hover .article-list__figure img { transform: scale(1.06); } }
@media (min-width: 900px) { .article-list a:hover .article-single__figure img { transform: scale(1.06); } }
.article-list .article-list__title { font-weight: 600; margin-top: 1.06667vw; color: #a10000; font-size: 14px; font-size: 1.4rem; line-height: 1.5; }
@media (min-width: 900px) { .article-list .article-list__title { font-size: 16px; margin-top: 6px; line-height: 1.75; } }
.article-list .article-list__title .icon-blank { display: inline-block; width: 3.73333vw; margin-left: 2.4vw; }
@media (min-width: 900px) { .article-list .article-list__title .icon-blank { width: 18px; margin-left: 6px; transform: translateY(2px); } }
@media (min-width: 900px) { .article-list .article-list__figure { overflow: hidden; height: 0; padding-bottom: 100%; } }
.article-list .article-list__figure img { display: inline-block; width: 100%; transition: .6s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.article-list .article-single__figure { margin-bottom: 4.53333vw; }
@media (min-width: 900px) { .article-list .article-single__figure { position: relative; z-index: 1; overflow: hidden; height: 0; margin-bottom: 0; padding-bottom: 100%; } }
.article-list .article-single__figure img { display: inline-block; width: 100%; transition: .6s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.article-single { padding: 7.2vw 5.33333vw; background-color: #f6f6f6; }
@media (min-width: 900px) { .article-single { width: calc((660 / 1340) * 100%); padding: 40px; } }
.article-single .article-single__heading { font-family: charcuterie-contrast,  sans-serif; margin-bottom: 5.86667vw; font-size: 28px; font-size: 2.8rem; }
@media (min-width: 900px) { .article-single .article-single__heading { font-size: 36px; margin-bottom: 44px; } }
.article-single a { display: block; margin: 0 auto; }
@media (min-width: 900px) { .article-single a { width: calc((440 / 660) * 100%); } }
@media (min-width: 900px) { .article-single a:hover .article-single__figure img { transform: scale(1.04); } }
@media (min-width: 900px) { .article-single a:hover .article-list__figure img { transform: scale(1.04); } }
.article-single .article-single__figure { margin-bottom: 4.53333vw; }
@media (min-width: 900px) { .article-single .article-single__figure { position: relative; z-index: 1; overflow: hidden; height: 0; margin-bottom: 0; padding-bottom: 100%; } }
.article-single .article-single__figure img { display: inline-block; width: 100%; transition: .6s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
@media (min-width: 900px) { .article-single .article-list__figure { position: relative; z-index: 1; overflow: hidden; height: 0; margin-bottom: 0; padding-bottom: 100%; } }
.article-single .article-list__figure img { display: inline-block; width: 100%; transition: .6s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.article-single .article-single__title { font-weight: 600; margin-top: 1.06667vw; color: #a10000; font-size: 16px; font-size: 1.6rem; line-height: 1.5; }
@media (min-width: 900px) { .article-single .article-single__title { font-size: 16px; margin-top: 6px; line-height: 1.75; } }
.article-single .article-single__title .icon-blank { display: inline-block; width: 3.73333vw; margin-left: 2.4vw; }
@media (min-width: 900px) { .article-single .article-single__title .icon-blank { width: 18px; margin-left: 6px; transform: translateY(2px); } }

.article-column { margin-top: 16vw; }
@media (min-width: 900px) { .article-column { margin-top: 80px; } }
.article-column .article-column__item { margin-bottom: 8vw; padding: 7.2vw 5.33333vw; background-color: #f6f6f6; }
@media (min-width: 900px) { .article-column .article-column__item { margin-bottom: 30px; padding: 40px; } }
.article-column .article-column__item:last-child { margin-bottom: 0; }
.article-column .article-column__heading { font-family: charcuterie-contrast,  sans-serif; margin-bottom: 5.86667vw; font-size: 28px; font-size: 2.8rem; }
@media (min-width: 900px) { .article-column .article-column__heading { font-size: 36px; margin-bottom: 44px; } }
@media (min-width: 900px) { .article-column .article-column__container { display: flex; } }
.article-column .article-column__figure { margin-bottom: 4.53333vw; }
@media (min-width: 900px) { .article-column .article-column__figure { width: 320px; min-width: 320px; margin-right: 90px; margin-bottom: 0; } }
.article-column .article-column__description { font-weight: 300; font-size: 14px; font-size: 1.4rem; line-height: 1.78571; }
@media (min-width: 900px) { .article-column .article-column__description { font-size: 16px; line-height: 2; } }
.article-column .article-column__information { font-weight: 600; display: block; width: 53.33333vw; margin-top: 1.06667vw; color: #a10000; font-size: 14px; font-size: 1.4rem; line-height: 1.5; }
@media (min-width: 900px) { .article-column .article-column__information { font-size: 16px; width: 190px; margin-top: 6px; line-height: 1.75; } }
.article-column .article-column__information .icon-blank { display: inline-block; width: 3.73333vw; margin-left: 2.4vw; }
@media (min-width: 900px) { .article-column .article-column__information .icon-blank { width: 18px; margin-left: 6px; transform: translateY(2px); } }
.article-column .article-column__dots { display: inline-block; }
@media (min-width: 900px) { .article-column .article-column__dots { display: none; } }
.article-column .article-column__dots.active { opacity: 0; }
@media (max-width: 899px) { .article-column .article-column__hide-text { display: none; } }
.article-column .article-column__readmore { font-weight: 700; position: relative; display: inline-block; margin-top: 4.8vw; padding-right: 6.66667vw; cursor: pointer; text-decoration: underline; color: #f08302; font-size: 14px; font-size: 1.4rem; }
@media (min-width: 900px) { .article-column .article-column__readmore { display: none; } }
.article-column .article-column__readmore::before { position: absolute; top: 50%; right: 1.33333vw; width: 2.13333vw; height: 2.13333vw; content: ""; transition: .4s; transform: translateY(-70%) rotate(45deg); border-right: 2px solid #f08302; border-bottom: 2px solid #f08302; }
.article-column .article-column__readmore.active::before { transform: translateY(-30%) rotate(-135deg); }
.article-column .article-column__readmore:hover { overflow: visible; }

.basic-btn { font-family: "Noto Sans JP", sans-serif; font-weight: 700; position: relative; display: flex; align-items: center; justify-content: center; width: 78.66667vw; padding: 4.26667vw 0; color: #fff !important; border-radius: 6px; background-color: #f08302; font-size: 16px; font-size: 1.6rem; }
@media (max-width: 899px) { .basic-btn { margin: 0 auto; } }
@media (min-width: 900px) { .basic-btn { font-size: 16px; width: 280px; padding: 22px 12px; } }

.plus-btn::before { position: absolute; top: 50%; right: 6.66667vw; content: "+"; transform: translateY(-50%); color: #fff; font-size: 16px; font-size: 1.6rem; }
@media (min-width: 900px) { .plus-btn::before { font-size: 14px; right: 20px; } }

@media (min-width: 900px) { .lower-head { margin-bottom: 74px; } }
@media (min-width: 900px) { .lower-head .lower-head__container { display: flex; } }
@media (max-width: 899px) { .lower-head .lower-head__figure { width: 93.33333vw; min-width: 93.33333vw; margin-top: -37.33333vw; margin-left: auto; transform: translate(30%, 0%); } }
@media (min-width: 900px) { .lower-head .lower-head__figure { width: 400px; min-width: 400px; margin-right: 26px; margin-left: 20px; transform: translateY(-30px); } }
@media (min-width: 900px) { .lower-head .lower-head__item { padding-top: 74px; } }
.lower-head .lower-head__heading { font-family: charcuterie-contrast,  sans-serif; margin-bottom: 4vw; font-size: 33px; font-size: 3.3rem; line-height: 1.19697; }
@media (min-width: 900px) { .lower-head .lower-head__heading { font-size: 48px; margin-bottom: 28px; } }
.lower-head .lower-head__heading span { color: #f08302; }
.lower-head .lower-head__description { font-weight: 300; font-size: 14px; font-size: 1.4rem; line-height: 1.78571; }
@media (min-width: 900px) { .lower-head .lower-head__description { font-size: 16px; width: calc((680 / 900) * 100%); line-height: 2; } }

.food-list { padding-bottom: 10.66667vw; }
@media (min-width: 900px) { .food-list { padding-bottom: 154px; } }
.food-list > li { padding-top: 18.66667vw; }
@media (min-width: 900px) { .food-list > li { padding-top: 150px; } }
@media (min-width: 900px) { .food-list > li#simmered_dished .food-list__heading { min-width: 600px; } }
.food-list .food-list__head { margin-bottom: 12vw; }
@media (min-width: 900px) { .food-list .food-list__head { display: flex; margin-bottom: 60px; } }
.food-list .food-list__heading { font-family: charcuterie-contrast,  sans-serif; margin-bottom: 5.33333vw; font-size: 36px; font-size: 3.6rem; }
@media (min-width: 900px) { .food-list .food-list__heading { font-size: 74px; flex: none; max-width: 440px; margin-bottom: 0; padding-right: 100px; } }
.food-list .food-list__description { font-weight: 300; font-size: 14px; font-size: 1.4rem; line-height: 1.92857; }
@media (min-width: 900px) { .food-list .food-list__description { font-size: 16px; line-height: 2; } }
.food-list .food-list__box { display: flex; }
@media (max-width: 899px) { .food-list .food-list__box { align-items: flex-end; margin-bottom: 4.53333vw; } }
.food-list .food-list__image { width: 18.66667vw; min-width: 18.66667vw; margin-right: 4.26667vw; }
@media (min-width: 900px) { .food-list .food-list__image { width: 165px; min-width: 165px; margin-right: 50px; } }
.food-list .food-list__title { font-family: charcuterie-contrast,  sans-serif; word-break: break-all; font-size: 39px; font-size: 3.9rem; }
@media (min-width: 900px) { .food-list .food-list__title { font-size: 72px; } }
.food-list .food-list__text { font-weight: 300; margin-bottom: 12vw; font-size: 14px; font-size: 1.4rem; line-height: 1.92857; }
@media (min-width: 900px) { .food-list .food-list__text { font-size: 16px; margin-bottom: 20px; padding-left: 200px; transform: translateY(-50px); line-height: 1.57143; } }
@media (min-width: 900px) { .food-list .food-list__container { display: flex; align-items: flex-start; justify-content: space-between; } }
.food-list .article-list { margin-top: 13.33333vw; }
@media (min-width: 900px) { .food-list .article-list { width: calc((670 / 1340) * 100%); margin-top: 0; } }
.food-list .article-list.article-list__more { display: none; margin-top: 6.66667vw; }
@media (min-width: 900px) { .food-list .article-list.article-list__more { width: 100%; margin-top: 30px; } }
@media (min-width: 900px) { .food-list .article-list.article-list__more li { width: calc((100% - 50px) / 6); } }
@media (min-width: 900px) { .food-list .article-list.article-list__more li:nth-child(n+4) { padding-top: 0; } }
@media (min-width: 900px) { .food-list .article-list.article-list__more li:nth-child(3n) { margin-right: 10px; } }
@media (min-width: 900px) { .food-list .article-list.article-list__more li:nth-child(6n) { margin-right: 0; } }
@media (min-width: 900px) { .food-list .article-list.article-list__more li:nth-child(n+7) { padding-top: 50px; } }
.food-list .article-list.article-list__more.is-show { display: flex; }
.food-list .food-list__btn { margin: 0 auto; margin: 10.66667vw auto 0; cursor: pointer; }
@media (min-width: 900px) { .food-list .food-list__btn { margin: 46px auto 0; } }

.special-link { display: none; }
@media (min-width: 900px) { .special-link { display: block; padding-bottom: 160px; } }
@media (min-width: 900px) { .special-link .special-link__lead { font-family: charcuterie-contrast,  sans-serif; text-align: center; color: #f08302; font-size: 24px; font-size: 2.4rem; line-height: 1.1875; } }
@media (min-width: 900px) and (min-width: 900px) { .special-link .special-link__lead { font-size: 36px; padding-bottom: 40px; } }

.special-link a { text-decoration: none; }
@media (min-width: 900px) { .special-link a:hover .special-link__figure img { transform: scale(1.06); } }
@media (min-width: 900px) { .special-link .special-link__list { display: flex; justify-content: center; } }
.special-link .special-link__list li { text-align: center; }
@media (min-width: 900px) { .special-link .special-link__list li { width: 200px; margin: 0 12px; } }
@media (min-width: 900px) { .special-link .special-link__list li:first-child { margin-left: 0; } }
@media (min-width: 900px) { .special-link .special-link__list li:last-child { margin-right: 0; } }
.special-link .special-link__list li.active .special-link__figure::before { position: absolute; z-index: 5; top: 50%; left: 50%; width: 100%; height: 100%; content: ""; transform: translate(-50%, -50%); border: 4px solid #f08302; border-radius: 9999px; }
@media (min-width: 900px) { .special-link .special-link__figure { position: relative; z-index: 1; overflow: hidden; height: 0; margin-bottom: 26px; padding-bottom: 100%; border-radius: 100%; } }
.special-link .special-link__figure img { display: inline-block; width: 100%; transition: .6s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.special-link .special-link__heading { font-family: charcuterie-contrast,  sans-serif; color: #000; }
@media (min-width: 900px) { .special-link .special-link__heading { font-size: 36px; display: flex; align-items: center; justify-content: center; height: 70px; margin-bottom: 20px; } }
.special-link .special-link__description { color: #a10000; }
@media (min-width: 900px) { .special-link .special-link__description { font-size: 16px; line-height: 1.5; } }

.special-footer { position: fixed; z-index: 10; bottom: 0; display: flex; flex-direction: column; justify-content: flex-end; width: 100%; background-color: transparent; }
@media (min-width: 900px) { .special-footer { display: none; } }
.special-footer .special-footer__container { display: none; height: 100vh; pointer-events: none; opacity: 0; }
.special-footer .special-footer__box { overflow: scroll; height: 70vh; }
.special-footer .special-link { display: block; }
.special-footer .special-footer__list { display: flex; flex-direction: column; justify-content: flex-end; }
.special-footer .special-footer__list li { border-top: 2px solid #fbe0c0; }
.special-footer .special-footer__list li:first-child { border-top: 3px solid #f08302; }
.special-footer .special-footer__list li p { font-weight: 700; padding: 5.33333vw 8vw; color: #333; font-size: 16px; font-size: 1.6rem; }
.special-footer .special-footer__list a { font-weight: 700; display: block; padding: 5.33333vw 8vw; text-decoration: none; color: #333; font-size: 14px; font-size: 1.4rem; }
.special-footer .special-footer__list a::before { position: absolute; top: 50%; right: 4vw; width: 0; height: 0; content: ""; transform: translateY(-50%); border-width: 2.13333vw 0 2.13333vw 3.46667vw; border-style: solid; border-color: transparent transparent transparent #a10000; }
.special-footer .special-footer__trigger { font-weight: 700; display: flex; align-items: center; justify-content: center; height: 17.33333vw; text-decoration: none; color: #fff; background-color: #f08302; font-size: 16px; font-size: 1.6rem; }
.special-footer .special-footer__trigger img { width: 3.6vw; margin-right: 2.66667vw; }
.special-footer .special-footer__open { display: block; }
.special-footer .special-footer__close { display: none; }
.special-footer .special-link { width: 100vw; padding: 5.33333vw 0 5.33333vw; }
.special-footer .special-link .content-inner { overflow: scroll; padding-bottom: 2.66667vw; }
.special-footer .special-link .special-link__list { display: flex; justify-content: space-between; width: 118.66667vw; padding-right: 5.33333vw; }
.special-footer .special-link .special-link__list li { width: calc((100% - 30px) / 4); }
.special-footer .special-link .special-link__list li.active .special-link__figure::before { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; content: ""; transform: translate(-50%, -50%); border: 3px solid #f08302; border-radius: 9999px; }
.special-footer .special-link .special-link__list .special-link__figure { position: relative; width: 80%; margin: 0 auto 2.66667vw; }
.special-footer .special-link .special-link__list .special-link__heading { font-family: "Avenir Next",Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック","Yu Gothic",Osaka,sans-serif; font-weight: 700; display: flex; align-items: center; min-height: 9.33333vw; margin-bottom: 2.66667vw; font-size: 16px; font-size: 1.6rem; }
.special-footer .special-link .special-link__list .special-link__description { line-height: 1.5em; color: #333; font-size: 10px; font-size: 1rem; }
.special-footer.active { background-color: rgba(255, 255, 255, 0.9); }
.special-footer.active .special-footer__container { display: flex; flex-direction: column; justify-content: flex-end; height: 100vh; pointer-events: all; opacity: 1; }
.special-footer.active .special-footer__open { display: none; }
.special-footer.active .special-footer__close { display: block; }
.special-footer.is-hide { pointer-events: none; opacity: 0; }
.special-footer.lower .special-footer__list a { background-color: #fdf2e5; }
.special-footer.raise .special-footer__box { display: flex; flex-direction: column; justify-content: flex-end; }
.special-footer .basic-btn { margin: 5.33333vw auto 12vw; }

.illust-item img { position: absolute; z-index: -1; opacity: .3; }
@media (min-width: 900px) { .illust-item img { left: 50%; } }
@media (max-width: 899px) { .illust-item img.illust_soy { top: 69.33333vw; left: -2.66667vw; width: 19.6vw; } }
@media (min-width: 900px) { .illust-item img.illust_soy { top: 560px; width: 141px; transform: translateX(-140%); } }
@media (max-width: 899px) { .illust-item img.illust_ladle { display: none; } }
@media (min-width: 900px) { .illust-item img.illust_ladle { top: 830px; width: 102px; transform: translateX(-610%); } }
@media (max-width: 899px) { .illust-item img.illust_pot { top: 150.66667vw; right: -13.33333vw; width: 30.53333vw; } }
@media (min-width: 900px) { .illust-item img.illust_pot { top: 1030px; width: 229px; transform: translateX(250%); } }
@media (max-width: 899px) { .illust-item img.illust_flour { display: none; } }
@media (min-width: 900px) { .illust-item img.illust_flour { top: 1900px; width: 140px; transform: translateX(340%); } }
@media (max-width: 899px) { .illust-item img.illust_knife { top: 574.66667vw; right: -5.33333vw; width: 17.33333vw; } }
@media (min-width: 900px) { .illust-item img.illust_knife { top: 1976px; width: 98px; transform: translateX(-120%); } }
@media (max-width: 899px) { .illust-item img.illust_oliveoil { top: 481.33333vw; left: -2.66667vw; width: 21.33333vw; } }
@media (min-width: 900px) { .illust-item img.illust_oliveoil { top: 2782px; width: 159px; transform: translateX(-130%); } }
@media (max-width: 899px) { .illust-item img.illust_flypan { top: 920vw; right: -4vw; width: 28vw; transform: rotate(-35deg); } }
@media (min-width: 900px) { .illust-item img.illust_flypan { top: 2840px; width: 262px; transform: translateX(40%); } }
@media (max-width: 899px) { .illust-item img.illust_mortar { top: 1136vw; left: -2.66667vw; width: 16vw; } }
@media (min-width: 900px) { .illust-item img.illust_mortar { top: 3690px; width: 123px; transform: translateX(-50%); } }
@media (max-width: 899px) { .illust-item img.illust_mittens { top: 1221.33333vw; right: 5.33333vw; width: 20vw; } }
@media (min-width: 900px) { .illust-item img.illust_mittens { top: 4515px; width: 139px; transform: translateX(-90%); } }
@media (max-width: 899px) { .illust-item img.illust_spoon { top: 1480vw; left: 5.33333vw; width: 24.66667vw; } }
@media (min-width: 900px) { .illust-item img.illust_spoon { top: 4690px; width: 184px; transform: translateX(-260%); } }
@media (max-width: 899px) { .illust-item img.illust_bottle { top: 1488vw; right: 21.33333vw; width: 22.66667vw; } }
@media (min-width: 900px) { .illust-item img.illust_bottle { top: 4700px; width: 163px; transform: translateX(190%); } }

.contents-wrapper { overflow: hidden; }

@media (min-width: 900px) { .sp { display: none !important; } }

@media (max-width: 899px) { .pc { display: none !important; } }

#js-header-area { z-index: 200; }

.special-kv { position: relative; margin-bottom: 17.33333vw; }
@media (min-width: 900px) { .special-kv { margin-bottom: 50px; } }
@media (min-width: 900px) { .special-kv::before { display: block; padding-bottom: calc((768 / 1440) * 100%); content: ""; } }
.special-kv .special-kv__bg { margin-bottom: 8vw; }
@media (min-width: 900px) { .special-kv .special-kv__bg { position: absolute; z-index: -1; top: 0; left: calc((130 / 1440) * 100%); width: calc((1320 / 1440) * 100%); margin-bottom: 0; } }
.special-kv .special-kv__bg img { width: 100%; }
.special-kv .special-kv__title { position: relative; z-index: 15; width: 59.2vw; margin-bottom: 26.66667vw; padding-top: 17.33333vw; padding-left: 5.33333vw; font-size: inherit;}
@media (min-width: 900px) { .special-kv .special-kv__title { position: absolute; top: calc((276 / 768) * 100%); left: calc((130 / 1440) * 100%); width: calc((864 / 1440) * 100%); margin-bottom: 0; padding-top: 0; padding-left: 0; } }
.special-kv .special-kv__title img { width: 100%; }
.special-kv .special-kv__movie { position: absolute; z-index: 8; top: -64.8vw; left: 50%; overflow: hidden; width: 133.33333vw; height: 133.33333vw; transform: translateX(-50%); pointer-events: none; border-radius: 999px; }
@media (min-width: 900px) { .special-kv .special-kv__movie { top: calc((-657 / 768) * 100%); left: calc((530 / 1440) * 100%); width: calc((1440 / 1440) * 100%); height: auto; padding-bottom: 100%; transform: none; } }
.special-kv .special-kv__movie iframe { position: absolute; bottom: -22%; left: 0; width: 100%; height: 100%; }
@media (min-width: 900px) { .special-kv .special-kv__movie iframe { left: -110px; } }
.special-kv .special-kv__movie .special-kv__movie-thumbnail { position: absolute; z-index: 10; bottom: 0; left: 0; width: 100%; }
@media (min-width: 900px) { .special-kv .special-kv__movie .special-kv__movie-thumbnail { left: -65px; width: 70%; } }
.special-kv .special-kv__description { margin-left: 23.2vw; padding-right: 5.33333vw; line-height: 1.5; font-size: 14px; font-size: 1.4rem; }
@media (min-width: 900px) { .special-kv .special-kv__description { font-size: 18px; position: absolute; top: calc((460 / 768) * 100%); left: calc((130 / 1440) * 100%); width: 43%; margin-left: 0; line-height: 1.5; } }

.special-lead { font-family: charcuterie-contrast,  sans-serif; margin-bottom: 17.33333vw; text-align: center; color: #f08302; font-size: 24px; font-size: 2.4rem; line-height: 1.1875; }
@media (min-width: 900px) { .special-lead { font-size: 36px; margin-bottom: 0; padding-bottom: 60px; } }

.food-category { padding-bottom: 48vw; }
@media (min-width: 900px) { .food-category { padding-top: 120px; padding-bottom: 400px; } }
.food-category .food-category__heading { font-family: charcuterie-contrast,  sans-serif; margin-bottom: 4.53333vw; color: #000; font-size: 24px; font-size: 2.4rem; line-height: 1.1875; }
@media (min-width: 900px) { .food-category .food-category__heading { font-size: 36px; margin-bottom: 24px; padding-top: 80px; } }
.food-category .food-category__heading span { color: #f08302; }
.food-category .food-category__description { margin-bottom: 8vw; color: #000; font-size: 14px; font-size: 1.4rem; line-height: 1.5; }
@media (min-width: 900px) { .food-category .food-category__description { font-size: 16px; margin-bottom: 40px; line-height: 2; } }
.food-category .food-category__list > li { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; padding-bottom: 20vw; }
@media (min-width: 900px) { .food-category .food-category__list > li { flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding-bottom: 120px; } }
@media (min-width: 900px) { .food-category .food-category__list > li:nth-child(odd) .food-category__contents { margin-left: auto; } }
@media (min-width: 900px) { .food-category .food-category__list > li:nth-child(odd) .food-category__image { left: -14%; } }
@media (min-width: 900px) { .food-category .food-category__list > li:nth-child(even) .food-category__contents { margin-right: auto; } }
@media (min-width: 900px) { .food-category .food-category__list > li:nth-child(even) .food-category__image { right: -14%; } }
.food-category .food-category__list > li:last-child { padding-bottom: 0; }
.food-category .food-category__image { margin-bottom: 9.86667vw; }
@media (min-width: 900px) { .food-category .food-category__image { position: absolute; top: 0; width: calc((800 / 1340) * 100%); margin-bottom: 0; } }
.food-category .food-category__image img { width: 100%; }
@media (min-width: 900px) { .food-category .food-category__contents { width: calc((690 / 1340) * 100%); } }
.food-category .food-category__btn { margin-bottom: 13.33333vw; }
@media (min-width: 900px) { .food-category .food-category__btn { margin-bottom: 80px; } }

.movie-volume { position: absolute; top: 64vw; right: 20.53333vw; }
@media (min-width: 900px) { .movie-volume { top: 47%; right: 39%; } }
.movie-volume .movie-volume__controller { display: none; width: 10.66667vw; height: 10.66667vw; pointer-events: none; border-radius: 999px; }
@media (min-width: 900px) { .movie-volume .movie-volume__controller { width: 50px; height: 50px; } }
.movie-volume .movie-volume__controller img { width: 8.8vw; }
@media (min-width: 900px) { .movie-volume .movie-volume__controller img { width: 33px; } }
.movie-volume .movie-volume__controller.active { display: flex; align-items: center; justify-content: center; pointer-events: all; }

.special-back { margin: 0 auto; text-align: center; }
@media (min-width: 900px) { .special-back { margin: 80px auto 0; } }
@media (max-width: 899px) { .special-back { margin: 0 auto 13.33333vw; } }
.special-back:hover { text-decoration: underline; }

.elem-pagetop { position: relative; }
@media (min-width: 900px) { .elem-pagetop { max-width: 1440px; margin: 0 auto; } }
@media (min-width: 900px) { .elem-pagetop > div { position: absolute; right: 0; bottom: 0; } }