// JavaScript Document // プルダウングローバルメニュー $(document).ready(function() { $('#sp_menu_btn').click(function(e){ $('#global_menu #global_menu_inner').slideToggle("normal"); $(this).toggleClass("sp_menu-open"); e.preventDefault(); }); }); // すこしスクロールしたらヘッダーを縮める if (window.matchMedia('screen and (max-width: 750px)').matches) { // スクリーンサイズが750pxより小さい時の処理 // スマホの時は無し }else{ // 750px以上のデスクトップでの処理 $(function() { var showFlag = false; var target = $('#header_new'); //スクロールが100に達したら $(window).scroll(function () { if ($(this).scrollTop() > 100) { if (showFlag == false) { showFlag = true; target.addClass("slim"); } } else { if (showFlag) { showFlag = false; target.removeClass("slim"); } } }); }); } // 共通アコーディオン $(function(){ $(".accordion_title").next().css("display","none"); $(".accordion_title").on("click", function() { $(this).next().slideToggle(); $(this).toggleClass("open"); }); }); // フッターサイトマップアコーディオン if (window.matchMedia('screen and (max-width: 750px)').matches) { //スクリーンサイズが750pxより小さい時の処理 $(function(){ $("#footer_sitemap em").on("click", function() { $(this).next().slideToggle(); $(this).toggleClass("open"); }); }); }else{ //750px以上のデスクトップでの処理 } // GSAP gsap.registerPlugin('ScrollTrigger'); /* gsap.set('#header_new *', { opacity: 0 }); gsap.to("#header_new *", { opacity: 1, stagger: 0.01, scrollTrigger: { start: 'top 70%', trigger: '#header_new' } }); */ gsap.set('#header_logo', { opacity: 0 }); gsap.to("#header_logo", { opacity: 1, }); gsap.set('#header_freedial', { opacity: 0 }); gsap.to("#header_freedial", { opacity: 1, delay: 0.2, }); gsap.set('.sp-hamburger', { opacity: 0 }); gsap.to(".sp-hamburger", { opacity: 1, delay: 0.2, }); gsap.set('#global_menu li', { opacity: 0 }); gsap.to("#global_menu li", { opacity: 1, delay: 0.2, stagger: 0.05, }); gsap.set('#header_icon_btn li', { opacity: 0 }); gsap.to("#header_icon_btn li", { opacity: 1, delay: 0.4, stagger: 0.05, }); gsap.set('#footer_sitemap_inner dl', { opacity: 0, y: 50, }); gsap.to("#footer_sitemap_inner dl", { opacity: 1, y: 0, stagger: 0.1, scrollTrigger: { start: 'top 70%', trigger: '#footer_new', toggleActions: 'play none none reverse', } }); gsap.set('#footer_logo', { opacity: 0, y: 50, }); gsap.to("#footer_logo", { opacity: 1, y: 0, delay: 0.5, scrollTrigger: { start: 'top 100%', trigger: '#footer_new', toggleActions: 'play none none reverse', } }); gsap.set('#copy_right', { opacity: 0, y: 50, }); gsap.to("#copy_right", { opacity: 1, y: 0, delay: 0.6, scrollTrigger: { start: 'top 100%', trigger: '#footer_new', toggleActions: 'play none none reverse', } }); // ********************************************************************************** // jQueryスムーススクロール // 配布元:https://dezanari.com/jquery-smooth-scroll-abs-paths/ $(function () { $('a[href*="#"]').not('.hashlink, .bx-pager a, .slider_tm a').click(function () { const speed = 400; const target = $(this.hash === '#' || '' ? 'html' : this.hash) if (!target.length) return; const targetPos = target.offset().top; $('html, body').animate({ scrollTop: targetPos }, speed, 'swing'); return false; }); });