ご注文専用ダイヤル
北山本店物語
1982年創業以来、受け継がれてきた
想いや味を
これからも
大切に守り続けていきます。
最高のおもてなしを
そんな想いから家庭では味わえない空間に色とりどりの洋菓子を揃えた
高級洋菓子店「マールブランシュ」を1982年に開店しました。
-
出来立ての美味しさを
特別な空間で
出来立ての美味しさを特別な空間でマロンクリームの絞りたての美味しさをご提供する「絞りたてモンブラン」や、お客さまの目の前でフランベして仕上げる「ベイクドアラスカ」、焼きたての美味しさを届ける「北山マドレーヌ」など、北山本店だからこそ味わえるスペシャルのメニューの数々。北山本店の格調高い洋空間の中で、お客さま一人ひとりに特別な時間をお過ごしいただけるように心を込めておもてなしをしています。
-
お客さま一人ひとりの
特別なご相談も
丁寧にお答えしています
お客さま一人ひとりの特別なご相談も
丁寧にお答えしていますマールブランシュができるもっと以前に、創業者が珈琲店「ロマン」を開店していた頃、お客さまの好みにあわせて、そっと音楽を流すなど、さりげないホスピタリティが話題でした。その心を今もなお受け継ぎ、お客さまからのご相談に丁寧に寄り添い、お応えできるように、北山本店のすぐ隣にある「コンシェルジュルーム」では専用のスタッフが駐在しています。
-
創業の心
創業の心1982年、自然豊かでどこか洒落た香りのする北山通りに「マールブランシュ 北山本店」を開業しました。創業者の河内誠一の言葉に「誘われたロマンへ今日は誘ってる」があります。珈琲の美味しさやきめ細やかなおもてなしに満足され、再びご友人やご家族を誘って訪れましたというお客様の声を多数頂戴したそうです。マールブランシュの「喜びをリレーする」という言葉は、創業者の言葉に通じています。
-
家庭では味わえない
非日常を感じる空間を目指して
家庭では味わえない
非日常を感じる空間を目指して高級洋菓子店として洋風建築で建てられた北山本店は、30周年を機に全面リニューアルをしました。ファサードやシャンデリアなど創業当時から大切にしてきているものを守りつつ、売り場全体を広く改装。サロンは「お花の床の間」のような設えをほどこし、京の四季の移ろいを感じながら、お菓子をお楽しみいただくことができます。
-
遊び心
遊び心可愛くってチャーミング、どこかユーモアがあるのも、マールブランシュらしさの一つ。北山本店の空間の中にも、マールブランシュのお菓子をモチーフにした椅子や、お花の植え込みにも茶の菓が隠れていたり、隣のコンシェルジュルームには生クリームの壁のお部屋があるなど、いたるところに遊び心を忍ばせています。
@charset "UTF-8"; body#chanoka_story, body#kitayama_story { line-height: 1.67; } body#chanoka_story .only_1160, body#kitayama_story .only_1160 { display: none; } @media screen and (max-width: 1160px) and (min-width: 800.1px) { body#chanoka_story .only_1160, body#kitayama_story .only_1160 { display: block; } } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv { position: relative; /* 線のアニメーション部分 */ /* 線の背景色 */ /* 線のアニメーション */ } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv .itemcate_mv_fade, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv .itemcate_mv_fade { position: absolute; z-index: 1; pointer-events: none; bottom: -1px; left: 0; width: 100%; } @media (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv .itemcate_mv_fade, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv .itemcate_mv_fade { overflow: hidden; height: 21.3333333333vw; } } @media (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv .itemcate_mv_fade img, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv .itemcate_mv_fade img { -o-object-fit: cover; object-fit: cover; width: 110%; height: 100%; position: relative; left: 50%; top: 0; transform: translateX(-50%); } } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider { margin: 0; padding: 0; } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider ul.slick-dots, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider ul.slick-dots { width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; display: flex !important; flex-direction: column; left: 40px; top: 38px; z-index: 10; gap: 5px; } @media (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider ul.slick-dots, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider ul.slick-dots { left: 1.8666666667vw; top: 5.8666666667vw; gap: 1.3vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider ul.slick-dots li, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider ul.slick-dots li { margin: 0; padding: 0; } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider ul.slick-dots li button, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider ul.slick-dots li button { padding: 10px; } @media (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider ul.slick-dots li button, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider ul.slick-dots li button { padding: 2.6666666667vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider ul.slick-dots li button::before, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider ul.slick-dots li button::before { opacity: 1; color: #ffffff; } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider ul.slick-dots li.slick-active button::before, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider ul.slick-dots li.slick-active button::before { opacity: 1; color: #B2161C; } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider button.slick-arrow, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider button.slick-arrow { width: 50px; height: 80px; background-color: transparent; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-size: 100% 100%; background-repeat: no-repeat; } @media (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider button.slick-arrow, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider button.slick-arrow { width: 6.9333333333vw; height: 10.6666666667vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider button.slick-arrow::before, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider button.slick-arrow::before { display: none; } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider button.slick-arrow.slick-prev, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider button.slick-arrow.slick-prev { z-index: 10; background-image: url(/img/item/category/itemCate_arrow_prev.png); left: 40px; } @media (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider button.slick-arrow.slick-prev, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider button.slick-arrow.slick-prev { left: 2.6666666667vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider button.slick-arrow.slick-next, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider button.slick-arrow.slick-next { background-image: url(/img/item/category/itemCate_arrow_next.png); right: 40px; } @media (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider button.slick-arrow.slick-next, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv ul.itemcate_slider button.slick-arrow.slick-next { right: 2.6666666667vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv .mv_scroll_txt, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv .mv_scroll_txt { position: absolute; z-index: 2; left: 50%; transform: translateX(-50%); text-align: center; color: #ffffff; font-size: 12px; letter-spacing: 0.2em; bottom: 92px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv .mv_scroll_txt, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv .mv_scroll_txt { display: none; } } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv .mv_scroll, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv .mv_scroll { position: absolute; left: 50%; transform: translateX(-50%); bottom: 80px; writing-mode: vertical-rl; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv .mv_scroll, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv .mv_scroll { display: none; } } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv .mv_scroll::before, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv .mv_scroll::before { animation: scroll 2s infinite; background-color: #ffffff; bottom: -70px; content: ""; height: 70px; left: 0; margin: auto; position: absolute; right: 0; width: 1px; z-index: 2; } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv .mv_scroll::after, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv .mv_scroll::after { background-color: transparent; bottom: -70px; content: ""; height: 70px; left: 0; margin: auto; position: absolute; right: 0; width: 1px; } @keyframes scroll { 0% { transform: scale(1, 0); transform-origin: 0 0; } 50% { transform: scale(1, 1); transform-origin: 0 0; } 51% { transform: scale(1, 1); transform-origin: 0 100%; } 100% { transform: scale(1, 0); transform-origin: 0 100%; } } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv .scroll, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv .scroll { position: fixed; right: 0; bottom: 0; z-index: 10; transform: translateX(-10%); display: flex; flex-direction: column; gap: 10px; align-items: center; pointer-events: none; transition-duration: 0.3s; } @media (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv .scroll, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv .scroll { bottom: 21.3333333333vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv .scroll.hide, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv .scroll.hide { opacity: 0; } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv .scroll span, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv .scroll span { color: #fff; transform: rotateZ(90deg) translateX(-30%); font-size: 12px; line-height: 1.5; letter-spacing: 0.2em; font-weight: 500; } @media (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv .scroll span, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv .scroll span { font-size: 2.6666666667vw; line-height: 2.9333333333vw; letter-spacing: 0.05em; font-weight: 400; } } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv .scroll .line, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv .scroll .line { --w: 1px; --h: 85px; --dur: 1.6s; --color: #fff; position: relative; width: var(--w); height: var(--h); } @media (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv .scroll .line, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv .scroll .line { --h: 35px; } } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_mv .scroll .line::before, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_mv .scroll .line::before { content: ""; position: absolute; inset: 0; background: var(--color); transform: scaleY(0); transform-origin: top; animation: growShrink var(--dur) linear infinite; } @keyframes growShrink { 0% { transform-origin: top; transform: scaleY(0); } 49.5% { transform-origin: top; transform: scaleY(1); } 50% { transform-origin: bottom; transform: scaleY(1); } 100% { transform-origin: bottom; transform: scaleY(0); } } body#chanoka_story #sysAll #sysWrap #sysMain .pankuzu, body#kitayama_story #sysAll #sysWrap #sysMain .pankuzu { margin: 0; margin-top: 10px; text-align: center; color: #818181; font-family: "Noto Sans JP", sans-serif; font-size: 11px; letter-spacing: 0.2em; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .pankuzu, body#kitayama_story #sysAll #sysWrap #sysMain .pankuzu { font-size: 2.6666666667vw; margin-top: 5.3333333333vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .pankuzu a, body#kitayama_story #sysAll #sysWrap #sysMain .pankuzu a { color: #818181; font-family: "Noto Sans JP", sans-serif; font-size: 11px; letter-spacing: 0.2em; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .pankuzu a, body#kitayama_story #sysAll #sysWrap #sysMain .pankuzu a { font-size: 2.6666666667vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_main, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_main { margin: 30px auto 0; max-width: 1140px; padding: 0 20px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_main, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_main { margin-top: 6.9333333333vw; padding: 0; } } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_ttl, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_ttl { display: flex; flex-direction: column; align-items: center; justify-content: center; } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_ttl .itemcate_ttl_sub, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_ttl .itemcate_ttl_sub { margin: 0 auto; width: 140px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_ttl .itemcate_ttl_sub, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_ttl .itemcate_ttl_sub { width: 30.9333333333vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_ttl .itemcate_ttl_en, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_ttl .itemcate_ttl_en { display: flex; align-items: center; gap: 10px; font-family: "Shippori Mincho", serif; font-weight: 600; letter-spacing: 0.12em; font-size: 28px; margin-top: 7px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_ttl .itemcate_ttl_en, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_ttl .itemcate_ttl_en { flex-direction: column; gap: 0; font-size: 5.8666666667vw; margin-top: 6px; } } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_ttl .itemcate_ttl_en span, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_ttl .itemcate_ttl_en span { font-family: "Shippori Mincho", serif; font-weight: 600; font-size: 12px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_ttl .itemcate_ttl_en span, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_ttl .itemcate_ttl_en span { font-size: 2.6666666667vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_ttl h1.itemcate_ttl_ja, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_ttl h1.itemcate_ttl_ja { font-family: "Shippori Mincho", serif; font-weight: 600; letter-spacing: 0.2em; font-size: 20px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_ttl h1.itemcate_ttl_ja, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_ttl h1.itemcate_ttl_ja { font-size: 4.2666666667vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_lead, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_lead { text-align: center; font-family: "Shippori Mincho", serif; font-weight: 600; letter-spacing: 0.2em; line-height: 2; font-size: 22px; margin-top: 50px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .itemcate_lead, body#kitayama_story #sysAll #sysWrap #sysMain .itemcate_lead { line-height: 6.4vw; font-size: 3.7333333333vw; margin-top: 6.6666666667vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .lead_img, body#kitayama_story #sysAll #sysWrap #sysMain .lead_img { margin: 30px auto 0; width: 380px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .lead_img, body#kitayama_story #sysAll #sysWrap #sysMain .lead_img { margin: 5.3333333333vw auto 0; width: 86.6666666667vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity { background-color: #fff0d7; padding: 60px 30px; margin-top: 70px; border-radius: 24px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity { border-radius: 0; padding: 8vw 4vw; margin-top: 10.6666666667vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity.pt50, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity.pt50 { padding-top: 50px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity.pt50, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity.pt50 { padding-top: 8vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_ttl, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_ttl { margin: 0 auto; width: 278px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_ttl, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_ttl { width: 61.8666666667vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_ttl_ja, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_ttl_ja { font-family: "Shippori Mincho", serif; font-weight: 600; text-align: center; font-weight: 600; line-height: 1; letter-spacing: 0.12em; font-size: 24px; margin-top: 15px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_ttl_ja, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_ttl_ja { margin-top: 3.2vw; font-size: 5.3333333333vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_sub, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_sub { margin-top: 15px; text-align: center; line-height: 1; letter-spacing: 0.2em; font-size: 12px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_sub, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_sub { margin-top: 3.2vw; font-size: 3.2vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_sub_ja, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_sub_ja { text-align: center; line-height: 1; letter-spacing: 0.2em; font-size: 12px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_sub_ja, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_sub_ja { font-size: 3.2vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main { background-color: #ffffff; border-radius: 20px; padding: 50px 60px; margin-top: 40px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main { border-radius: 5.3333333333vw; padding: 8vw 2.6666666667vw 12vw; margin-top: 5.3333333333vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_mov, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_mov { margin-bottom: 46px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_mov, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_mov { margin-bottom: 5.3333333333vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_mov iframe, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_mov iframe { width: 100% !important; max-width: 100% !important; height: min(517.5px, 44.6120689655vw) !important; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_mov iframe, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_mov iframe { height: 48.5333333333vw !important; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_lead, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_lead { text-align: center; font-family: "Shippori Mincho", serif; font-weight: 600; line-height: 2; letter-spacing: 0.2em; font-size: 18px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_lead, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_lead { letter-spacing: 0.1em; line-height: 6.4vw; font-size: 3.7333333333vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_txt, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_txt { text-align: center; letter-spacing: 0.2em; line-height: 2; font-size: 12px; margin-top: 30px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_txt, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_txt { text-align: left; letter-spacing: 0.08em; line-height: 4.8vw; font-size: 2.9333333333vw; margin-top: 2.6666666667vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.lead_img_ul, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.lead_img_ul { display: flex; justify-content: space-between; margin-top: 50px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.lead_img_ul, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.lead_img_ul { margin-top: 4.2666666667vw; overflow-x: auto; width: 92vw; position: relative; left: 50%; transform: translateX(-50%); gap: 2.6666666667vw; padding: 0 5.3333333333vw; padding-bottom: 2.6666666667vw; margin-bottom: -2.6666666667vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.lead_img_ul li, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.lead_img_ul li { flex-shrink: 0; width: calc((100% - 20px) / 3); } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.lead_img_ul li, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.lead_img_ul li { width: 80vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul { display: flex; flex-direction: column; gap: 30px; margin-top: 40px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul { gap: 10.6666666667vw; margin-top: 10.6666666667vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li { display: flex; justify-content: space-between; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li { flex-direction: column; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li:nth-child(even), body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li:nth-child(even) { flex-direction: row-reverse; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li:nth-child(even), body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li:nth-child(even) { flex-direction: column; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_img, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_img { width: 50%; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_img, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_img { width: 100%; margin-top: 4.2666666667vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_main, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_main { display: flex; flex-direction: column; justify-content: center; width: 50%; padding: 0 54px; } @media screen and (max-width: 1160px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_main, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_main { padding: 0 4.6551724138vw; } } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_main, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_main { width: 100%; padding: 0; padding-top: 0; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_main .kyoto_quarity_ul_txt, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_main .kyoto_quarity_ul_txt { letter-spacing: 0.2em; font-size: 12px; line-height: 1.67; margin-top: 15px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_main .kyoto_quarity_ul_txt, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_main .kyoto_quarity_ul_txt { width: 100%; letter-spacing: 0.08em; font-size: 2.9333333333vw; line-height: 4.8vw; margin-top: 4.8vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_main .kyoto_quarity_ul_main_img, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_main .kyoto_quarity_ul_main_img { display: flex; justify-content: space-between; margin-top: 10px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_main .kyoto_quarity_ul_main_img, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_main .kyoto_quarity_ul_main_img { margin-top: 4.2666666667vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_main .kyoto_quarity_ul_main_img div, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_main .kyoto_quarity_ul_main_img div { width: calc((100% - 10px) / 2); } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_main .kyoto_quarity_ul_main_img div, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_main .kyoto_quarity_ul_main_img div { width: calc((100% - 2.6666666667vw) / 2); } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_ttl, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_ttl { width: 100%; color: #b3161c; font-family: "Shippori Mincho", serif; font-weight: 600; letter-spacing: 0.2em; font-size: 16px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_ttl, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_ttl { text-align: center; letter-spacing: 0.12em; font-size: 4.8vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_ttl.fs_18, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_ttl.fs_18 { font-size: 18px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_ttl.fs_18, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main ul.kyoto_quarity_ul li .kyoto_quarity_ul_ttl.fs_18 { font-size: 4.8vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi { margin-top: 44px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi { margin-top: 7.4666666667vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi .meibutsu_okashi_ttl, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi .meibutsu_okashi_ttl { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 920px; } @media (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi .meibutsu_okashi_ttl, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi .meibutsu_okashi_ttl { width: 86.6666666667vw; margin-left: auto; margin-right: auto; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi .meibutsu_okashi_ttl span, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi .meibutsu_okashi_ttl span { display: block; position: relative; z-index: 1; width: -moz-fit-content; width: fit-content; background-color: #ffffff; line-height: 1; letter-spacing: 0.4em; margin-left: auto; margin-right: auto; padding: 0 20px; font-size: 16px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi .meibutsu_okashi_ttl span, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi .meibutsu_okashi_ttl span { letter-spacing: 0.2em; padding: 0 1.8666666667vw; font-size: 3.2vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi .meibutsu_okashi_ttl::after, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi .meibutsu_okashi_ttl::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 2px; width: 100vw; background-image: linear-gradient(to right, #000 2px, transparent 2px), linear-gradient(to right, #000 2px, transparent 2px); background-size: 8px 2px, 8px 2px; background-repeat: repeat-x, repeat-x; } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi ul.meibutsu_okashi_ul, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi ul.meibutsu_okashi_ul { display: flex; justify-content: space-between; margin-top: 26px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi ul.meibutsu_okashi_ul, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi ul.meibutsu_okashi_ul { margin-top: 4.8vw; overflow-x: auto; width: 92vw; position: relative; left: 50%; transform: translateX(-50%); gap: 2.6666666667vw; padding: 0 5.3333333333vw; padding-bottom: 2.6666666667vw; margin-bottom: -2.6666666667vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi ul.meibutsu_okashi_ul li, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi ul.meibutsu_okashi_ul li { flex-shrink: 0; width: calc((100% - 20px) / 3); } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi ul.meibutsu_okashi_ul li, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi ul.meibutsu_okashi_ul li { width: 80vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi ul.meibutsu_okashi_ul li div, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi ul.meibutsu_okashi_ul li div { letter-spacing: 0.2em; font-size: 12px; margin-top: 6px; } @media screen and (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi ul.meibutsu_okashi_ul li div, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .meibutsu_okashi ul.meibutsu_okashi_ul li div { font-size: 3.2vw; margin-top: 1.6vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_bottom, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_bottom { margin-top: 50px; } @media (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_bottom, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_bottom { margin-top: 13.3333333333vw; } } body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_bottom_txt, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_bottom_txt { text-align: center; letter-spacing: 0.2em; margin-top: 6px; font-size: 12px; } @media (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_bottom_txt, body#kitayama_story #sysAll #sysWrap #sysMain .kyoto_quarity .kyoto_quarity_inner .kyoto_quarity_main .kyoto_quarity_bottom_txt { font-size: 3.2vw; margin-top: 1.6vw; } } body#chanoka_story #sysAll #sysWrap #sysMain a.back_cate, body#kitayama_story #sysAll #sysWrap #sysMain a.back_cate { display: flex; align-items: center; justify-content: center; background-color: #ffffff; border: 1px solid #808080; color: #808080; line-height: 1; border-radius: 5px; margin: 50px auto 0; width: 275px; height: 45px; font-size: 12px; } @media (max-width: 800px) { body#chanoka_story #sysAll #sysWrap #sysMain a.back_cate, body#kitayama_story #sysAll #sysWrap #sysMain a.back_cate { border-radius: 1.3333333333vw; margin: 13.3333333333vw auto 0; width: 73.3333333333vw; height: 12vw; font-size: 3.2vw; } } body#chanoka_story #sysAll #sysFooter, body#kitayama_story #sysAll #sysFooter { margin-top: 100px; } @media (max-width: 800px) { body#chanoka_story #sysAll #sysFooter, body#kitayama_story #sysAll #sysFooter { margin-top: 13.3333333333vw; } }/*# sourceMappingURL=story.css.map */
ご注文専用ダイヤル