.homepage-container[data-v-b0fba359]{align-items:center;display:flex;flex-direction:column;min-height:100vh;overflow:visible;width:100%}.header-wrapper[data-v-b0fba359]{background:#fff;left:0;position:fixed;right:0;top:0;width:100%;z-index:100}.main-content[data-v-b0fba359]{max-width:var(--sp-max-setting-width);width:100%}.content-container[data-v-b0fba359]{align-items:flex-start;display:flex;height:auto;overflow:visible;padding-top:var(--19c77a03);position:relative;width:100%}@media (min-width:1024px){.content-container[data-v-b0fba359]{height:100vh;overflow:auto}.menu-wrapper[data-v-b0fba359]{align-self:flex-start;flex-shrink:0;height:100%;max-height:calc(100vh - var(--19c77a03));overflow-y:auto;position:sticky;top:0;will-change:transform;z-index:10}.menu-wrapper[data-v-b0fba359] .navigation-container{height:100%;position:relative;position:relative!important;top:0}.recommend-wrapper[data-v-b0fba359]{align-self:flex-start;flex-shrink:0;height:100%;max-height:calc(100vh - var(--19c77a03));overflow-y:auto;position:sticky;top:0;will-change:transform;z-index:10}.recommend-wrapper[data-v-b0fba359] .recommend-container{height:100%;position:relative;position:relative!important;top:0}}@media (max-width:767px){.main-content[data-v-b0fba359]{max-width:100%;width:100%}.content-container[data-v-b0fba359]{flex-direction:column-reverse;padding-bottom:calc(60px + env(safe-area-inset-bottom));padding-top:var(--7bb0aa4a)}.menu-wrapper[data-v-b0fba359]{background:#fff;bottom:0;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;width:100%;z-index:100}.menu-wrapper[data-v-b0fba359],.recommend-wrapper[data-v-b0fba359]{height:auto;overflow-y:visible;top:auto}.recommend-wrapper[data-v-b0fba359]{position:relative}}