body.no_roll{overflow:hidden}body #page{position:relative}body #page header{font-family:'heisei-mincho-std', serif;line-height:1;letter-spacing:0.1em;font-weight:300}body #page header ul#top_fixed_btns{display:flex;gap:0 ppx(3);position:fixed;top:ppx(55);left:ppx(52)}body #page header ul#top_fixed_btns li>a{font-size:ppx(30);display:block;padding:ppx(28) ppx(29);width:max-content;background-color:#FAFAF2;border:solid 1px #657040;position:relative;overflow:hidden;transition:ease 0.3s}body #page header ul#top_fixed_btns li>a span{position:relative;z-index:3;color:#65713D;transition:color 0.3s}body #page header ul#top_fixed_btns li>a:hover span{color:#FAFAF2}body #page header ul#top_fixed_btns li>a::before{content:'';position:absolute;top:0;left:0;z-index:2;background:#65713D;width:100%;height:100%;transition:transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;transform:scale(0, 1);transform-origin:right top}body #page header ul#top_fixed_btns li>a:hover::before{transform-origin:left top;transform:scale(1, 1)}body #page #hamburger{position:fixed;top:ppx(62);right:ppx(80);z-index:999}body #page #hamburger>a{display:block;width:39px;height:41px;cursor:pointer;position:relative}body #page #hamburger>a .spans{width:100%;margin:0 auto;position:relative;top:0;left:0}body #page #hamburger>a .spans span{display:block;background-color:#657040;height:1px;width:35px;position:absolute;transition:background-color 0.3s}body #page #hamburger>a .spans span:nth-of-type(1){transform:rotate(0);transition:transform 0.3s, top 0.3s;top:0}body #page #hamburger>a .spans span:nth-of-type(2){opacity:1;transition:opacity 0.3s;top:8px}body #page #hamburger>a .spans span:nth-of-type(3){transform:rotate(0);transition:transform 0.3s, top 0.3s;top:16px}body #page #hamburger>a .text{color:#65713D;font-weight:700;font-size:ppx(21);letter-spacing:0.2em;width:100%;text-align:center;position:absolute;bottom:4px;transition:color 0.3s}body #page #hamburger>a.active .spans span{background-color:#FAFAF2}body #page #hamburger>a.active .spans span:nth-of-type(1){transform:rotate(45deg);top:10px}body #page #hamburger>a.active .spans span:nth-of-type(2){opacity:0}body #page #hamburger>a.active .spans span:nth-of-type(3){transform:rotate(-45deg);top:10px}body #page #hamburger>a.active .text{color:#FAFAF2}body #page #main_menu{background-color:rgba(101, 113, 61, 0.95);width:100%;height:100vh;position:fixed;top:0;left:0;z-index:99;transform:translateX(-100%);transition:transform 0.3s}body #page #main_menu.active{transform:translateX(0)}/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22https%3A%2F%2Ftest.yumemaru-hokuto.com%2F%22%2C%22sources%22%3A%5B%22wp-content%2Fthemes%2Fyumemaru%2Fscss%2Fheader.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AACI%2CaAAA%2CeAAA%2CCAGA%2CWAAA%2CiBAAA%2CCAEI%2CkBAAA%2CyFAAA%2CCAMI%2CoCAAA%2CiEAAA%2CCASQ%2CyCAAA%2CkLAAA%2CCAWI%2C8CAAA%2C%2BDAAA%2CCAQI%2CoDAAA%2CaAAA%2CCAKJ%2CiDAAA%2CwMAAA%2CCAeI%2CuDAAA%2C%2BCAAA%2CCASpB%2CsBAAA%2CoDAAA%2CCAKI%2CwBAAA%2CqEAAA%2CCAOI%2C%2BBAAA%2CuDAAA%2CCAOI%2CoCAAA%2C%2BGAAA%2CCAQI%2CmDAAA%2C6DAAA%2CCAMA%2CmDAAA%2CyCAAA%2CCAMA%2CmDAAA%2CgEAAA%2CCAQR%2C8BAAA%2CoJAAA%2CCAaQ%2C2CAAA%2CwBAAA%2CCAEI%2C0DAAA%2CgCAAA%2CCAKA%2C0DAAA%2CSAAA%2CCAIA%2C0DAAA%2CiCAAA%2CCAOR%2CqCAAA%2CaAAA%2CCAMZ%2CsBAAA%2C8JAAA%2CCAUI%2C6BAAA%2CuBAAA%22%7D */