/* ------------------------------ nav ------------------------------ */ var nav = (function(){ function init(){ var $globalNavItem = $('.p-globalNavMenu'); var $globalNavItem02 = $('.p-globalNavMenuSub'); var $header = $('.l-header__inner'); var currentClass = 'is-current'; var overlayClass = 'is-overlay'; var currentHeight = 0 ; //header global-nav $globalNavItem.hover( function(){ $(".p-globalNavMenu__list:not(:animated)",this).show(); $(this).children().addClass(currentClass); }, function(){ $(".p-globalNavMenu__list",this).hide(); $(this).children().removeClass(currentClass) } ); //header global-nav02 $globalNavItem02.hover( function(){ $(".p-globalNavMenu__list02:not(:animated)",this).show(); $(this).children().addClass(currentClass); }, function(){ $(".p-globalNavMenu__list02",this).hide(); $(this).children().removeClass(currentClass) } ); //header overlay $globalNavItem.hover( function(){ $header.addClass(overlayClass); }, function(){ $header.removeClass(overlayClass); } ); }; return { init: init } })(); /* ------------------------------ fixedScroll ------------------------------ */ var fixedScroll = (function(){ function init(){ var win = $(window); var header = $('.l-header'); var navHeight = header.outerHeight(); var fixedScrollClass = 'is-scroll'; win.on('load scroll', function() { var value = $(this).scrollTop(); if ( value > navHeight ) { header.addClass(fixedScrollClass); } else { header.removeClass(fixedScrollClass); } }); }; return { init: init } })(); /* ------------------------------ smoothScroll ------------------------------ */ var smoothScroll = (function(){ var speed = 500; var headerHeight; function init() { headerHeight = $('header').outerHeight(); $('a[href^="#"]').not('.js-tabLink').on('click', function() { var href = $(this).attr("href"); if($(this).hasClass('js-modal-trigger')){ return; } scroll(href); }); $('.p-globalNavMenu__link').on('click', function() { var href = $(this).attr("href");; if(href.indexOf("#") === -1){ return; } href = '#' + href.split('#')[1]; scroll(href); }); $(window).on('resize', function(){ headerHeight = $('header').outerHeight(); }); }; function scroll(href) { var target = $(href == "#" || href == "" ? 'html' : href); var position = target.offset().top; $('html,body').animate({scrollTop: position - headerHeight}, speed, 'swing'); return false; } return { init: init } })(); /* ------------------------------ initialScroll ------------------------------ */ var initialScroll = (function(){ function init(){ if(location.hash === '' || typeof $(location.hash).offset() === 'undefined') { return; } var headerHeight = $('header').outerHeight(); var target = location.hash; $(window).on('load', function(){ $(window).scrollTop($(target).offset().top - headerHeight); }); }; return { init: init } })(); /* ------------------------------ goToTopBtn ------------------------------ */ var goToTopBtn = (function(){ function init(){ var $topBtn = $('.p-footer__scroll'); $topBtn.hide(); $(window).on("scroll", function() { if ($(this).scrollTop() > 100) { $topBtn.fadeIn(); } else { $topBtn.fadeOut(); } }); $topBtn.on("click", function() { $('body,html').animate({ scrollTop: 0 }, 500); return false; }); }; return { init: init } })(); /* ------------------------------ sideConversionBtn ------------------------------ */ var sideConversionBtn = (function(){ function init(){ var sideBody = $('.p-sideConversion'); var sideContents = $('.p-sideConversion__nav'); var sideCloseBtn = $('.p-sideConversion__btn'); sideBody.on('click',function (e) { if(sideBody.hasClass('is-open')){ sideBody.removeClass('is-open'); }else{ sideBody.addClass('is-open'); } }); /*sideContents.on('click',function(e){ e.stopPropagation(); });*/ sideCloseBtn.on('click',function(e){ e.preventDefault(); }); }; return { init: init } })(); /* ------------------------------ headerDrawerBtn ------------------------------ */ var headerDrawerBtn = (function(){ function init(){ var navMenu = $('.p-drawerNav__item.-menu'); var drawerList = $('.p-drawerNavMenu__inner'); var navBtn = $('.p-drawerNav__btn'); var body = $('body'); var swing = $('.p-drawerSwingMenu'); var scrollTop; navMenu.on('click', function() { if(!body.hasClass('is-fixed')){ scrollTop = $(window).scrollTop(); } drawerList.slideToggle(200); navBtn.toggleClass('is-close'); body.toggleClass('is-fixed'); if(swing.hasClass('is-open')){ swing.hide().removeClass('is-open'); } if(body.hasClass('is-fixed')){ body.css('top', -scrollTop + 'px'); } else { body.removeAttr('style'); $(window).scrollTop(scrollTop); } }); }; return { init: init } })(); /*var headerDrawerBtn = (function(){ function init(){ var navMenu = document.getElementsByClassName("p-drawerNav__item -menu")[0]; var drawerList = $('.p-drawerNavMenu__inner'); var navBtn = $('.p-drawerNav__btn'); var body = $('body'); var swing = $('.p-drawerSwingMenu'); var scrollTop; navMenu.addEventListener('click', function() { if(!body.hasClass('is-fixed')){ scrollTop = $(window).scrollTop(); } drawerList.slideToggle(200); navBtn.toggleClass('is-close'); body.toggleClass('is-fixed'); if(swing.hasClass('is-open')){ swing.hide().removeClass('is-open'); } if(body.hasClass('is-fixed')){ body.css('top', -scrollTop + 'px'); } else { body.removeAttr('style'); $(window).scrollTop(scrollTop); } }); }; return { init: init } })();*/ /* ------------------------------ headerSwingBtn ------------------------------ */ var headerSwingBtn = (function(){ function init(){ var swingNavBtn = $('.p-drawerNav__item.-swing'); var swing = $('.p-drawerSwingMenu'); var drawerList = $('.p-drawerNavMenu__inner'); var navBtn = $('.p-drawerNav__btn'); var body = $('body'); swingNavBtn.on('click', function() { swing.slideToggle(200).toggleClass('is-open'); if(navBtn.hasClass('is-close')){ drawerList.hide(); navBtn.removeClass('is-close'); body.removeClass('is-fixed'); } }); }; return { init: init } })(); /*var headerSwingBtn = (function(){ function init(){ var swingNavBtn = document.getElementsByClassName("p-drawerNav__item -swing")[0]; var swing = $('.p-drawerSwingMenu'); var drawerList = $('.p-drawerNavMenu__inner'); var navBtn = $('.p-drawerNav__btn'); var body = $('body'); swingNavBtn.addEventListener('click', function() { swing.slideToggle(200).toggleClass('is-open'); if(navBtn.hasClass('is-close')){ drawerList.hide(); navBtn.removeClass('is-close'); body.removeClass('is-fixed'); } }); }; return { init: init } })();*/ /* ------------------------------ slider ------------------------------ */ var slider = (function(){ function init(){ $('.js-slider').slick({ lazyLoad: 'ondemand', infinite: true, slidesToShow: 3, slidesToScroll: 3, arrows: true, prevArrow: '', nextArrow: '', responsive: [{ breakpoint: 768, settings: { slidesToShow: 1, slidesToScroll: 1, } }] }); $('.js-slider-autoScroll').slick({ lazyLoad: 'ondemand', infinite: true, slidesToShow: 1, slidesToScroll: 1, arrows: false, autoplay: true, autoplaySpeed: 4500, speed: 800, pauseOnHover: false, pauseOnDotsHover: false, dots: true, swipe: true, responsive: [{ breakpoint: 768, settings: { slidesToShow: 1, slidesToScroll: 1, } }] }); }; return { init: init } })(); /* ------------------------------ coachslider ------------------------------ */ var coachAddInfoSlider = (function(){ function init(){ $('.js-coachAddInfo__Slider').slick({ lazyLoad: 'ondemand', infinite: true, slidesToShow: 4, prevArrow: '
', nextArrow: '
', responsive: [{ breakpoint: 769, settings: { slidesToShow: 1 } }] }); }; return { init: init } })(); /* ------------------------------ sliderLayout ------------------------------ */ var sliderLayout = (function(){ function init(){ $('.js-slider-layout').slick({ lazyLoad: 'ondemand', infinite: true, slidesToShow: 3, slidesToScroll: 1, arrows: true, prevArrow: '', nextArrow: '', responsive: [{ breakpoint: 768, settings: { centerMode: true, centerPadding: '40px', slidesToShow: 1, slidesToScroll: 1, arrows:false, } }] }); $('.js-slider-autoScroll').slick({ lazyLoad: 'ondemand', infinite: true, slidesToShow: 1, slidesToScroll: 1, arrows: false, autoplay: true, autoplaySpeed: 4500, speed: 800, pauseOnHover: false, pauseOnDotsHover: false, dots: true, swipe: true, responsive: [{ breakpoint: 768, settings: { slidesToShow: 1, slidesToScroll: 1, } }] }); }; return { init: init } })(); /* ------------------------------ accodionBtn ------------------------------ */ var accodionBtn = (function(){ function init(){ var accBtn = $('.js-accodionBtn'); var hiddenContent = $('.is-hiddenContent'); hiddenContent.hide(); accBtn.on('click', function() { var targetBtn = $(this); var openTxt = targetBtn.data('opentxt'); var closeTxt = targetBtn.data('closetxt'); if(targetBtn.hasClass('is-open')){ targetBtn.text(openTxt); $(this).prev('.is-hiddenContent').slideUp(200); $(this).removeClass('is-open'); var offset = $(this).parents('.l-section').offset().top; $(window).scrollTop(offset); } else { targetBtn.text(closeTxt); $(this).prev('.is-hiddenContent').slideDown(200); $(this).addClass('is-open'); } }); }; return { init: init } })(); /* ------------------------------ accodionBtnBasic ------------------------------ */ var accodionBtnBasic = (function(){ function init(){ var accBtn = $('.js-accodionBtn-basic'); var accContent = $('.js-accodionContent-basic'); accContent.hide(); accBtn.on('click', function() { if($(this).hasClass('is-open')){ $(this).next(accContent).slideUp(200); $(this).removeClass('is-open'); } else { $(this).next(accContent).slideDown(200); $(this).addClass('is-open'); } }); }; return { init: init } })(); /* ------------------------------ trimTxt ------------------------------ */ var trimTxt = (function(){ function init(){ var trimTarget = $('.js-trimTxt'); trimTarget.each(function(){ var trimTxt = $(this).text(); var trimCount = 135; if(trimTxt.length > trimCount){ var leaveTxt = trimTxt.substr(0,trimCount); $(this).text(leaveTxt + '...'); } }); }; return { init: init } })(); /* ------------------------------ keyVisualRandam ------------------------------ */ var keyVisualRandam = (function(){ function init(){ var array = [ "/images/kv_img01.jpg", "/images/kv_img02.jpg", "/images/kv_img03.jpg" ]; var length = array.length; var random = Math.floor(Math.random()*length); var image = array[random]; $('.p-keyvisual').css('background-image',('url('+image+')')); }; return { init: init } })(); /* ------------------------------ switchImg ------------------------------ */ var switchImg = (function(){ function init(){ $('.js-switchContent').each(function(){ var contentWrap = $(this); var largeView = contentWrap.find('.js-largeView').find('img'); var selectView = contentWrap.find('.js-selectView'); var src = largeView.attr('src'); if(src){ var regExp = src.match(/(.+\/)(.+[jpg|png|gif])/); var dirPath = regExp[1]; var fileName = regExp[2]; } for(var i=0; i imgPos - windowHeight + windowHeight/100){ $("div",this).css("opacity","1" ); $("div",this).css("transition","0.2s" ); $("div",this).css("transition-delay","0.4s" ); $(".-effectSlow",this).css("opacity","1" ); $(".-effectSlow",this).css("transition","0.8s" ); $(".-effectSlow",this).css("transition-delay","0.8s" ); } else { $("div",this).css("opacity","0" ); $("div",this).css("transition","0.3s" ); $("div",this).css("transition-delay","0.3s" ); $(".-effectSlow",this).css("opacity","0" ); $(".-effectSlow",this).css("transition","0.3s" ); $(".-effectSlow",this).css("transition-delay","0.3s" ); } }); }); }; return { init: init } })(); /* ------------------------------ Utility ------------------------------ */ var utility = (function(){ function init(){ $('.js-match-height-container a').matchHeight(); $('.js-match-height').matchHeight(); $('.js-match-height01').matchHeight(); $('.js-match-height02').matchHeight(); $('.js-match-height03').matchHeight(); }; return { init: init } })(); $(function(){ nav.init(); fixedScroll.init(); smoothScroll.init(); initialScroll.init(); goToTopBtn.init(); sideConversionBtn.init(); headerDrawerBtn.init(); headerSwingBtn.init(); slider.init(); sliderLayout.init(); keyVisualRandam.init(); coachAddInfoSlider.init(); accodionBtn.init(); accodionBtnBasic.init(); trimTxt.init(); switchImg.init(); copyrightYear.init(); tab.init(); utility.init(); scrollEff.init(); }); /* ------------------------------ p-sideLink__bnr ------------------------------ */ var goToTopBtn01 = (function(){ function init(){ var $topBtn = $('.p-sideLink__bnr__wrap'); $topBtn.hide(); $(window).on("scroll", function() { if ($(this).scrollTop() > 100) { $topBtn.fadeIn(); } else { $topBtn.fadeOut(); } }); }; return { init: init } })(); $(function(){ goToTopBtn01.init(); }); var thisOffset; $(window).scroll(function () { if ($(window).scrollTop() + $(window).height() > thisOffset) { $(".p-sideLink__bnr__wrap").addClass("hidden"); } else { $(".p-sideLink__bnr__wrap").removeClass("hidden"); } }); $(function () { $(".p-sideLink__bnr__button").on("click", function () { $(".p-sideLink__bnr__wrap").addClass("none"); }); });