﻿@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap";.vi{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px}main .object_sp{display:none}.list_caution{list-style:none;text-indent:-1em;padding:0 0 0 1em;margin:30px 0}.list_caution li,.list_caution p{margin:0}.list_caution li:before,.list_caution p:before{content:"※";font-family:sans-serif}#page_nation{width:100%;margin:80px 0}#page_nation .wp-pagenavi{display:flex;justify-content:center;gap:3px;width:auto;height:auto;text-align:center;color:#351d15;font-weight:normal;line-height:1}#page_nation .wp-pagenavi a,#page_nation .wp-pagenavi span{display:grid;justify-content:center;align-items:center;width:2.4em;height:2.4em;color:#351d15;background-color:#e1d5ba;border-radius:50%;padding:0;margin:0}#page_nation .wp-pagenavi a{color:#351d15;text-decoration:none}#page_nation .wp-pagenavi .pages,#page_nation .wp-pagenavi .first,#page_nation .wp-pagenavi .last,#page_nation .wp-pagenavi .extend{width:auto;height:auto;background-color:rgba(0,0,0,0)}#page_nation .wp-pagenavi .pages,#page_nation .wp-pagenavi .first,#page_nation .wp-pagenavi .last{margin:0 10px}#page_nation .wp-pagenavi .current{background-color:#351d15;color:#fff}@media screen and (max-width: 980px){img{max-width:100%;height:auto}main .object_sp{display:block}main .object_pc{display:none}.list_caution{margin:20px 0}#page_nation{width:100%;margin:40px 0 20px}#page_nation .wp-pagenavi a,#page_nation .wp-pagenavi span{display:none}#page_nation .wp-pagenavi .pages,#page_nation .wp-pagenavi .current,#page_nation .wp-pagenavi .current+a,#page_nation .wp-pagenavi .current+a+a{display:grid}}html{font-size:62.5%;line-height:1;color:#351d15;font-family:YakuHanMPs,"Zen Old Mincho","EB Garamond",serif;text-rendering:auto;background-color:#f9f6ee}body{font-size:1.5rem;overflow:hidden}* a{transition:all .2s ease}* a:hover{text-decoration:none}* a[href^=tel]{color:inherit;text-decoration:none;pointer-events:none}*::selection{background-color:#351d15;color:#fff}.wrapper{position:relative;min-height:100vh}header{position:fixed;z-index:1001;top:0;left:0;width:272px;height:100vh;text-align:center;background-color:#f9f6ee;padding:38px 48px 48px}header .ttl_site{width:176px;height:174px;text-indent:-9999px;margin:0 0 30px}header .ttl_site a{display:block;width:100%;height:100%;background-image:url(../images/common/ttl_site@2x.png);background-size:contain}header .nav_global .nav_con{display:none}header .nav_global .list_global{list-style:none;margin:0 0 30px}header .nav_global .list_global a{position:relative;display:block;color:#351d15;text-decoration:none;border-bottom:1px solid #e3e3e3;padding:18px 0}header .nav_global .list_global a:after{position:absolute;left:0;bottom:-1px;content:"";display:block;width:100%;height:1px;background-color:#351d15;transition:all .3s ease;transform:scaleX(0)}header .nav_global .list_global a:hover:after{transform:scaleX(100%)}header .nav_global address ul{font-size:1.3rem;line-height:1.5;list-style:none}header .nav_global .btn_reservation,header .nav_global .list_sns,header .nav_global .btn_close{display:none}@keyframes fadeinout{0%{opacity:0;pointer-events:none}100%{opacity:1;pointer-events:all}}main{width:calc(100% - 272px);min-width:980px;animation:fadeinout 1s ease;margin:0 0 0 272px}aside{width:calc(100% - 272px);min-width:980px;text-align:center;font-size:3.8rem;line-height:1.3;font-weight:400;text-rendering:geometricPrecision;padding:88px 0 100px;margin:0 0 0 272px}aside .txt_aside{font-size:2rem;font-weight:400;margin:0 0 35px}aside .layout_aside{display:flex;justify-content:center;align-items:center;gap:70px;gap:72px 0 67px}aside .layout_aside h2{position:relative}aside .layout_aside h2 a{position:relative;z-index:2;color:inherit;text-decoration:none}aside .layout_aside h2 a:hover{opacity:.7}aside .layout_aside h2:after{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;content:"";display:block;width:90px;height:90px;background-color:#e7dec8;border-radius:50%;animation:aside_anime 1.8s ease infinite;margin:auto}aside .btn_reservation{position:fixed;z-index:2;top:22px;right:40px;display:block;width:fit-content;font-weight:600;font-size:1.6rem;color:inherit;text-decoration:none;background-color:#f0be19;border-radius:45px;padding:8px 30px}aside .btn_reservation:hover{background-color:#f5cc44}@keyframes aside_anime{0%{scale:50%;opacity:0;filter:blur(0)}50%{opacity:1;filter:blur(1px)}100%{scale:140%;opacity:0}}footer{position:relative;display:grid;width:calc(100% - 272px);grid-template-columns:1fr 485px;font-size:1.6rem;text-rendering:geometricPrecision;line-height:1.6;color:#fff;background-color:#000;background-image:url(../images/common/back_footer@2x.webp);background-size:cover;background-position:center center;padding:70px 72px;margin:0 0 0 272px}footer h2{font-size:1.8rem;margin:0 0 12px}footer table{width:auto}footer table th,footer table td{font-weight:400;text-align:left;vertical-align:baseline}footer table th{width:5em}footer table ul,footer table ol{list-style:none;margin:0}footer table .list_dotted li{display:inline}footer table .list_dotted li:not(:last-child):after{content:"、"}footer .nav_footer{display:grid;grid-template-columns:330px 1fr;gap:70px}footer .nav_footer nav ul{display:grid;grid-template-columns:180px 1fr;gap:10px 0;list-style:none}footer .nav_footer nav ul a{position:relative;display:block;width:fit-content;color:#fff;text-decoration:none}footer .nav_footer nav ul a:after{position:absolute;left:0;bottom:-1px;content:"";display:block;width:100%;height:1px;background-color:#9b9b9b;transition:all .3s ease;transform:scaleX(0)}footer .nav_footer nav ul a:hover:after{transform:scaleX(100%)}footer .nav_footer nav ul .li_restaurant{order:1}footer .nav_footer nav ul .li_course{order:3}footer .nav_footer nav ul .li_craftbeer{order:5}footer .nav_footer nav ul .li_access{order:7}footer .nav_footer nav ul .li_webshop{order:2}footer .nav_footer nav ul .li_company{order:4}footer .nav_footer nav ul .li_contact{order:6}footer .list_sns{display:grid;grid-template-columns:repeat(2, 34px);justify-content:space-between;list-style:none}footer .list_sns img{width:100%;height:auto}footer .list_sns a:hover{opacity:.8}footer .txt_copyright{position:absolute;right:72px;bottom:70px;font-size:1.4rem}@media screen and (max-width: 980px){* a[href^=tel]{pointer-events:all}.wrapper{position:relative;display:block;min-height:auto}.wrapper:after{position:fixed;z-index:1000;top:0;left:0;content:"";display:block;width:100%;height:100vh;transition:all .2s ease;background:rgba(0,0,0,.7);visibility:hidden;opacity:0}.wrapper.is_checked::after{visibility:visible;opacity:1}header{position:static;top:auto;left:0;height:60px;bottom:0;width:100%;padding:0}header .ttl_site{position:relative;z-index:999;width:88px;height:87px;margin:10px auto 0}header .nav_global{position:fixed;z-index:9999;left:0;bottom:0;width:100%}header .nav_global .nav_con{position:fixed;z-index:1001;right:0;bottom:0;display:block;align-items:center;width:22vw;height:15vw;list-style:none;background-color:#27452d;border-radius:0 1.5vw 0 0;padding:6.5vw 0 0}header .nav_global .nav_con li{width:8vw;height:1px;transition:all .2s ease;background-color:#fff;margin:0 auto 2vw}header .nav_global .block_nav_global{position:fixed;z-index:1001;top:0;right:-90%;display:block;width:90%;height:100vh;font-size:1.6rem;background-color:#f9f6ee;transition:all .5s ease;overflow:auto;padding:30px 15%}header .nav_global .block_nav_global.is_checked{right:0}header .nav_global .list_global{position:relative;z-index:2;list-style:none;margin:0 0 30px}header .nav_global .list_global a{display:block;color:#351d15;text-decoration:none;border-bottom:1px solid #e3e3e3;padding:18px 0}header .nav_global .list_global a:hover{background-color:#efe7d2}header .nav_global address ul{position:relative;z-index:2;font-size:1.3rem;line-height:1.5;list-style:none}header .nav_global .btn_reservation{display:block;width:fit-content;font-weight:600;color:inherit;text-decoration:none;background-color:#f0be19;border-radius:45px;padding:10px 30px;margin:0 auto 30px}header .nav_global .btn_reservation:hover{background-color:#f5cc44}header .nav_global .list_sns{position:relative;z-index:2;display:flex;justify-content:center;gap:8vw;list-style:none;margin:30px 0 0}header .nav_global .list_sns li{width:10vw}header .nav_global .list_sns img{width:100%;height:auto}header .nav_global .btn_close{position:relative;right:-30px;display:block;width:12vw;height:12vw;line-height:1;text-indent:-9999px;background-color:#fff;border-radius:50%;border:1px solid #ab9f97;background-image:url(../images/common/back_close.svg);background-size:42%;background-position:50% 50%;box-shadow:0px 0px 9px 0px rgba(0,0,0,.1);margin:30px 0 0 auto}main{width:100%;min-width:100%;margin:0}aside{width:100%;min-width:100%;font-size:5.5vw;padding:50px 0 40px;margin:0}aside .txt_aside{font-size:1.5rem;font-weight:400}aside .layout_aside{width:88%;justify-content:space-between;gap:0;margin:0 auto}aside .layout_aside h2:after{width:40px;height:40px}aside .btn_reservation{position:fixed;z-index:1000;top:auto;right:auto;left:0;bottom:0;width:78vw;height:15vw;font-size:4vw;border-radius:1.5vw 0 0 0;padding:5vw 0 0}footer{position:relative;z-index:1;display:block;width:100%;font-size:1.5rem;background-image:url(../images/common/back_footer_sp@2x.webp);background-size:cover;background-position:center center;padding:50px 30px 100px;margin:0}footer h2{font-size:1.7rem;font-weight:500}footer table{margin:0 0 35px}footer table th,footer table td{padding:3px 0}footer table th{width:6em}footer .nav_footer{display:block}footer .nav_footer nav ul{display:flex;flex-wrap:wrap;gap:8px 0;margin:0 0 35px}footer .nav_footer nav ul li:not(:last-child):after{content:"｜";margin:0 5px}footer .nav_footer nav ul a{display:inline}footer .nav_footer nav ul a:after{content:none}footer .nav_footer nav ul .li_restaurant{order:1}footer .nav_footer nav ul .li_course{order:2}footer .nav_footer nav ul .li_craftbeer{order:3}footer .nav_footer nav ul .li_access{order:4}footer .nav_footer nav ul .li_webshop{order:5}footer .nav_footer nav ul .li_company{order:6}footer .nav_footer nav ul .li_contact{order:7}footer .list_sns{display:flex;justify-content:center;gap:30px;margin:0 0 40px}footer .list_sns li{width:45px}footer .list_sns img{width:100%;height:auto}footer .list_sns a:hover{opacity:.8}footer .txt_copyright{position:static;font-size:1.2rem;text-align:center}}