var w = $(window).width(); var x = 767; //img spchange $(function(){ var $setElem = $('.imgChange'), pcName = '_pc', spName = '_sp', replaceWidth = 767; $setElem.each(function(){ var $this = $(this); function imgSize(){ var windowWidth = parseInt($(window).width()); if(windowWidth >= replaceWidth) { $this.attr('src',$this.attr('src').replace(spName,pcName)).css({visibility:'visible'}); } else if(windowWidth < replaceWidth) { $this.attr('src',$this.attr('src').replace(pcName,spName)).css({visibility:'visible'}); } } $(window).resize(function(){imgSize();}); imgSize(); }); }); //smooth scroll $(function () { var headerHightPc = 104; var headerHightSp = 50; $('.to_top a').click(function(){ var href= $(this).attr("href"); var target = $(href == "#" || href == "" ? 'html' : href); var position = target.offset().top-headerHightPc; var positionH = target.offset().top-headerHightSp; if (w >= x) { $("html, body").animate({scrollTop:position}, 550, "swing"); return false; } else if(w <= x) { $("html, body").animate({scrollTop:positionH}, 550, "swing"); } return false; }); }); $(function() { if(window.matchMedia("(min-width: 768px)").matches) { var headerHeight = 150; } else { var headerHeight = 50; } var urlHash = location.hash; if(urlHash) { $('body,html').stop().scrollTop(0); setTimeout(function(){ var target = $(urlHash); var position = target.offset().top - headerHeight; $('body,html').stop().animate({scrollTop:position}, 500); }, 100); return false; } $('main a[href^="#"]').click(function() { var href= $(this).attr("href"); var target = $(href); var position = target.offset().top - headerHeight; $('body,html').stop().animate({scrollTop:position}, 500); return false; }); }); $(function(){ var menu = $('.inks'), // スライドインするメニューを指定 menuBtn = $('.open'), // メニューボタンを指定 body = $(document.body), menuWidth = menu.outerWidth(); // メニューボタンをクリックした時の動き menuBtn.on('click', function(){ // body に open クラスを付与する body.toggleClass('open'); menuBtn.toggleClass('closebtn'); if(body.hasClass('open')){ // open クラスが body についていたらメニューをスライドインする body.animate({'right' : menuWidth }, 300); menu.animate({'right' : 0 }, 300); } else { // open クラスが body についていなかったらスライドアウトする menu.animate({'right' : -menuWidth }, 300); body.animate({'right' : 0 }, 300); } }); }); //タブ $(function() { $('.tab>li').click(function() { var num = $(this).parent().children('li').index(this); $('.tab').each(function(){ $('>li',this).removeClass('current').eq(num).addClass('current'); }); $('#tab_cont .tab_content').hide().eq(num).show(); }).first().click(); }); //action /*$(window).scroll(function (){ $('.fade,.fadein,.fadein-top,.fadein-left,.fadein-right').each(function(){ var elemPos = $(this).offset().top; var scroll = $(window).scrollTop(); var windowHeight = $(window).height(); if (scroll > elemPos - windowHeight + 200){ $(this).addClass('scrollin'); } }); });*/ $(function () { var w = $(window).width(); var x = 767; $('.activebtn').click(function(){ if (w <= x) { $(this).toggleClass('close'); $(this).next('.inners_right').slideToggle(); return false; } }); }); $(function() { //マウスを乗せたら発動 $('.gnav > li').hover(function() { //マウスを乗せたら色が変わる $('.main,footer').toggleClass('over'); $('html').toggleClass('overflowd'); }); }); $(function() { /** -- sp menu -- **/ var scrollpos; $('.navbar_toggle').on('click', function () { $(this).toggleClass('open'); $('.head_box_c').slideToggle(); $('.head_box_c').toggleClass('open'); if($(this).hasClass('open')) { scrollpos = $(window).scrollTop(); $('body').addClass('fixed').css({'top': -scrollpos}); } else { $('body').removeClass('fixed').css({'top': 'auto'}); $('html, body').scrollTop(scrollpos); } }); $('.main_nav li:not(.menu_except)').each(function(){ if ($(this).find('ul').length) { $(this).addClass('has_menu'); $(this).prepend(''); } }); $('.main_nav button').on("click", function () { if (window.matchMedia("(max-width: 767px)").matches) { if($(this).siblings('.menu_lower').length) { $(this).siblings('.menu_lower').slideToggle(200); $(this).parent('li').toggleClass('is-active'); } else { $(this).siblings('ul').slideToggle(200); $(this).parent('li').toggleClass('is-active'); } } }); const mediaQueryList = window.matchMedia('(min-width: 768px)'); const listener = (event) => { if (event.matches) { $('.main_nav li').removeClass('is-active'); $('.main_nav li .menu_lower').hide(); $('.main_nav .menu_lower li button ~ ul').hide(); } }; mediaQueryList.addEventListener("change", listener); listener(mediaQueryList); /** -- faq open/close -- **/ $("main .list-faq dt").on("click", function() { var $this = $(this); if ($this.hasClass("open")) { $this.removeClass("open"); $this.next().slideUp(300); } else { $this.addClass("open"); $this.next().slideDown(300); } }); /** -- inview animation -- **/ $(window).scroll(function (){ $('.is-anime').each(function(){ var tPos = $(this).offset().top; var sPos = $(window).scrollTop(); var wH = $(window).height(); if (sPos > tPos - wH + wH/5){ $(this).addClass('active'); } }); }); /** -- link icon -- **/ $('main .list-faq dd a').each(function(){ if ($(this).length) { if (!$(this).hasClass('link-icon')) { $(this).addClass('link-icon'); } } }); $('main a.link-icon, main .news_inner .box a').wrapInner(''); /** -- tab change -- **/ function tabChange() { $(".tab-change .tab-element:first-of-type").addClass("active"); $(".tab-change .sorttabs li").on("click",function(){ var $this = $(this); var $ul = $this.parent(); var index = $ul.children().index($this); $ul.children().siblings().removeClass("active").eq(index).addClass("active"); $ul.next(".tab-content").children().removeAttr("style").removeClass("active").eq(index).fadeIn().addClass("active"); $(".tab-change .list-faq dt").removeClass("open"); $(".tab-change .list-faq dd").removeAttr("style"); return false; }); } tabChange(); if($('.member-links').length) { $('.member-links a').each(function(){ var $href = $(this).attr('href'), path = location.pathname; if(path.match($href)) { $(this).parent('.panel-item').addClass('current'); } }); } }); $(function() { /*--------------------------------------------- Modal ---------------------------------------------*/ $('main .modal-img').magnificPopup({ type: 'image', removalDelay: 500, image: { titleSrc: function(item) { return item.el.attr('title') || item.el.find('img').attr('alt'); } }, callbacks: { open: function() { $(".mfp-container").addClass("row"); } } }); $('main .modal-video').each(function() { var link = $(this).attr('href'); $(this).magnificPopup({ type: 'iframe', removalDelay: 600, iframe: { patterns: { youtube: { src: link } } /*}, callbacks: { open: function() { $(".mfp-container").addClass("row"); }*/ } }); }); $(".mfp-hide").wrapInner('