//==================================================// 【システム】ハンバーガーメニュー完全版 // - アニメーション：3本線が滑らかに移動して×になる // - 位置調整：スマホでの表示位置を少し下げました（15px → 25px） //==================================================function nava_render_cute_menu_system(){ob_start();?><style>#nava-menu-trigger-cute{position:fixed;top:25px;right:25px;z-index:20000;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-decoration:none;-webkit-tap-highlight-color:#fff0}@media (max-width:767px){#nava-menu-trigger-cute{top:25px;right:15px}}.nava-menu-circle{width:60px;height:60px;background-color:#be6d55;border-radius:60% 40% 50% 50% / 50% 60% 40% 60%;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px rgb(190 109 85 / .3);transition:all 0.5s cubic-bezier(.19,1,.22,1);position:relative}#nava-menu-trigger-cute:hover .nava-menu-circle{transform:scale(1.05) rotate(5deg);border-radius:50% 50% 40% 60% / 60% 40% 60% 40%}.nava-lines-wrap{width:26px;height:20px;position:relative}.nava-bar{display:block;width:100%;height:3px;background-color:#fff;border-radius:3px;position:absolute;left:0;top:50%;margin-top:-1.5px;transition:all 0.3s ease-in-out}.nava-bar:nth-child(1){transform:translateY(-9px)}.nava-bar:nth-child(2){transform:translateY(0);opacity:1}.nava-bar:nth-child(3){transform:translateY(9px)}.nava-menu-text{font-family:"Zen Old Mincho",serif;font-size:11px;font-weight:700;color:#be6d55;margin-top:6px;letter-spacing:.1em;transition:opacity 0.3s}#nava-menu-trigger-cute.is-active .nava-menu-circle{background-color:#fff;border:2px solid #be6d55;transform:rotate(0deg)}#nava-menu-trigger-cute.is-active .nava-bar{background-color:#be6d55}#nava-menu-trigger-cute.is-active .nava-bar:nth-child(1){transform:translateY(0) rotate(45deg)}#nava-menu-trigger-cute.is-active .nava-bar:nth-child(2){opacity:0}#nava-menu-trigger-cute.is-active .nava-bar:nth-child(3){transform:translateY(0) rotate(-45deg)}#nava-menu-trigger-cute.is-active .nava-menu-text{opacity:0;pointer-events:none}#nava-main-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#be6d55;z-index:10000;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity 0.4s ease}#nava-main-menu-overlay.is-open{opacity:1;visibility:visible}#nava-main-menu-overlay a{display:block;font-family:"Zen Old Mincho",serif;font-size:22px;font-weight:700;color:#fff;text-decoration:none;margin:18px 0;position:relative;opacity:0;transform:translateY(15px);transition:opacity 0.5s ease,transform 0.5s ease}#nava-main-menu-overlay.is-open a{opacity:1;transform:translateY(0)}#nava-main-menu-overlay.is-open a:nth-child(1){transition-delay:0.1s}#nava-main-menu-overlay.is-open a:nth-child(2){transition-delay:0.2s}#nava-main-menu-overlay.is-open a:nth-child(3){transition-delay:0.3s}#nava-main-menu-overlay.is-open a:nth-child(4){transition-delay:0.4s}#nava-main-menu-overlay.is-open a:nth-child(5){transition-delay:0.5s}.nava-menu-bg-text{position:absolute;bottom:-50px;right:-50px;font-family:'Kaushan Script',cursive;font-size:150px;color:rgb(255 255 255 / .08);pointer-events:none;transform:rotate(-10deg)}</style><a id="nava-menu-trigger-cute" href="javascript:void(0);"><div class="nava-menu-circle"><div class="nava-lines-wrap"><span class="nava-bar"></span><span class="nava-bar"></span><span class="nava-bar"></span></div></div><span class="nava-menu-text">MENU</span></a><div id="nava-main-menu-overlay"><div class="nava-menu-bg-text">Menu</div><div class="nava-menu-links"><?php echo do_shortcode('[nava_simple_menu name="メインメニュー"]');?></div></div><script>document.addEventListener('DOMContentLoaded',function(){const trigger=document.getElementById('nava-menu-trigger-cute');const menu=document.getElementById('nava-main-menu-overlay');if(trigger && menu){trigger.addEventListener('click',function(e){e.preventDefault();this.classList.toggle('is-active');menu.classList.toggle('is-open')});// リンククリックで閉じる const links=menu.querySelectorAll('a');links.forEach(link=>{link.addEventListener('click',()=>{trigger.classList.remove('is-active');menu.classList.remove('is-open')})})}});</script><?php echo ob_get_clean()}add_action('wp_footer','nava_render_cute_menu_system');