.navigation[data-v-cd64e6a5]{background-color:#f9efdce6;top:0;right:0;bottom:0;left:0;opacity:0;padding:8px;position:fixed;z-index:-1}.navigation__inner[data-v-cd64e6a5]{background-color:var(--color-primary);border-radius:4px;box-shadow:0 0 4px #0000001a;display:grid;grid-template:"logo" auto "list" auto/1fr;max-height:100%;opacity:0;overflow-y:auto;scrollbar-width:none;transform:translateY(-8px);width:100%;-ms-overflow-style:none}.navigation__inner[data-v-cd64e6a5]::-webkit-scrollbar{display:none}@media screen and (width >= 768px){.navigation__inner[data-v-cd64e6a5]{border-radius:16px;grid-template:"logo image" 75px "list image" auto/1fr 1fr;height:100%}}.navigation__logo[data-v-cd64e6a5],.navigation__title[data-v-cd64e6a5]{grid-area:logo;padding:24px}.navigation__title[data-v-cd64e6a5]{font-family:"Noto Serif JP",serif;font-size:clamp(20px,4vw,32px);letter-spacing:.08em;margin:0}.navigation__title a[data-v-cd64e6a5]{color:var(--color-primary-darken);text-decoration:none}.navigation__title a[data-v-cd64e6a5]:focus-visible{outline:2px solid var(--color-primary-darken);outline-offset:4px}.navigation__list[data-v-cd64e6a5]{grid-area:list;padding:0 24px}.navigation__list[data-v-cd64e6a5]:before{background-color:var(--color-primary-lighten);content:"";display:block;height:1px;margin-bottom:24px;width:100%}.navigation__image[data-v-cd64e6a5]{background-color:#000;display:none;grid-area:image;height:100%;overflow:hidden}@media screen and (width >= 768px){.navigation__image[data-v-cd64e6a5]{display:block}}.navigation__image img[data-v-cd64e6a5]{filter:grayscale(60%) brightness(.7);height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}