// UTF-8 var _ua = navigator.userAgent; var _isSp = (_ua.indexOf('iPhone') > -1 && _ua.indexOf('iPad') == -1) || _ua.indexOf('iPod') > -1 || (_ua.indexOf('Android') > -1 && _ua.indexOf('Mobile') > -1); var _isIpad = _ua.indexOf('iPad') > -1 || _ua.indexOf('Macintosh') > -1 && 'ontouchend' in document; var _isTablet = (_ua.indexOf('Android') > -1 && _ua.indexOf('Mobile') == -1) || _isIpad; var _url = (location.href.split(location.protocol + '//' + location.host))[1]; if(_isTablet){ $('meta[name=viewport]').attr('content',''); } //Chrome印刷対応のため if(_ua.toLowerCase().indexOf('chrome')>-1){ $('body').addClass('chrome'); } /*---------------------------------------------- jquery.cookie.js ----------------------------------------------*/ jQuery.cookie = function(name, value, options) { if (typeof value != 'undefined') { // name and value given, set cookie options = options || {}; if (value === null) { value = ''; options.expires = -1; } var expires = ''; if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) { var date; if (typeof options.expires == 'number') { date = new Date(); date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000)); } else { date = options.expires; } expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE } var path = options.path ? '; path=' + options.path : ''; var domain = options.domain ? '; domain=' + options.domain : ''; var secure = options.secure ? '; secure' : ''; document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join(''); } else { // only name given, get cookie var cookieValue = null; if (document.cookie && document.cookie != '') { var cookies = document.cookie.split(';'); for (var i = 0; i < cookies.length; i++) { var cookie = jQuery.trim(cookies[i]); // Does this cookie string begin with the name we want? if (cookie.substring(0, name.length + 1) == (name + '=')) { cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); break; } } } return cookieValue; } }; /*---------------------------------------------- * * jBRollover 1.1 * since:11-02-23 * MIT license. * ? 2011 Bridge Corporation Inc. * ----------------------------------------------*/ (function($){ $.fn.jBRollover = function(options) { // 初期値、オプションの初期値を設定 var set = $.extend({ offName : "_off", onName : "_on", preload : true, preloadTime : 3 },options || {}); // optionsに値があれば上書き var self = $(this); //offName. を探すためのRegExp var m = new RegExp(set.offName + "\."); // ロールオーバー処理内容 var rollover = function() { var img = $(this); //src属性にoffName.が含まれる場合に実行 if(img.attr("src").match(m)) { //src属性のoffName.をonName.に置換 img.attr("src",img.attr("src").replace(set.offName+".", set.onName+".")); img.mouseout(function(){ //マウスアウトでsrc属性のonName.をoffName.に置換 img.attr("src",img.attr("src").replace(set.onName+".", set.offName+".")); }) } }; // セレクタで指定した要素を処理 self.mouseover(rollover); //プリロード処理 var preloadTimer = function(){ self.each(function(i) { var preimg = $(this); if(preimg.attr("src").match(m)) { var img = $("").attr("src",preimg.attr("src").replace(set.offName+".", set.onName+".")); } }) }; // preload が true の時オンマウス画像をプリロード if(set.preload === true) { setTimeout(preloadTimer, set.preloadTime*1000); }; return this; }; })(jQuery); /*-------------------------------------------- * jBTab 1.2 * since:11-04-07 update:12-05-16 * MIT license. * ? 2011 Bridge Corporation Inc. * ----------------------------------------------*/ (function($){ $.fn.jBTab = function(options) { var self = $(this); // 初期値、オプションの初期値を設定 var set = $.extend({ contentsBody : $("#tabContent>div"), //内容のセレクタ className : "active", //タブに付けるclass名 defaultShow : 0, //はじめに表示させる内容の番号 cookie: false, // cookieを使用するか否か expires : 7 //クッキーの保存期間 },options || {}); // optionsに値があれば上書き //クッキーを使用する場合、クッキーに保存されている番号のtabを表示する if(set.cookie === true) { set.defaultShow = $.cookie('tabNum') ? set.defaultShow = $.cookie('tabNum') : set.defaultShow; } //ページ内リンクスクリプトとのコンフリクト回避のため //タブのhrefから#を除く self.find('a').attr('href', function(i, href) { return $(this).attr('href').replace('#', ''); }); //アクティブなタブにclassを付ける self.eq(set.defaultShow).addClass(set.className); //設定した番号の内容を表示 set.contentsBody.hide().eq(set.defaultShow).show(); // タブ処理内容 var tab = function() { //タブからclassを外す self.removeClass(set.className); //クリックしたタブにclassを付けて、インデックスを取得 var tabNum = $(this).addClass(set.className).index(); //クッキーを使用する場合、はじめに表示させる内容の番号の変更 if(set.cookie === true) { $.cookie("tabNum", null); $.cookie("tabNum",tabNum,{expires: set.expires,path:'/'}); // console.log( "set.defaultShow is " + set.defaultShow ); } //表示・非表示処理 set.contentsBody.hide().eq(tabNum).show(); return false; }; // セレクタで指定した要素を処理 self.click(tab); // メソッドチェーン用 return this; }; })(jQuery); /*-------------------------------------------- * Page top ----------------------------------------------*/ (function($){ $.fn.pageTop = function(){ var self = $(this), docHeight = $(document).height(), scrolledHeight, scrollEndHeight; self.hide(); $(window).on('load',function(){ docHeight = $(document).height(); scrollEndHeight = self.parent(".tk_footer").height(); }); var ptBtm = 15; if(_isSp) ptBtm = 7; $(window).on("scroll load", function() { if ( $(this).scrollTop() > 100 ) { self.fadeIn("fast"); } else { self.fadeOut("fast"); } docHeight = $(document).height(); scrolledHeight = $(window).height() + $(window).scrollTop(); scrollEndHeight = self.parent(".tk_footer").height(); if ( (docHeight - scrolledHeight) <= scrollEndHeight ) { self.css({ "position":"absolute", "bottom": scrollEndHeight + 10 }); } else { self.css({ "position":"fixed", "bottom": ptBtm }); } }); }; })(jQuery); /*---------------------------------------------- * * jQuery ready * ----------------------------------------------*/ $(function(){ //rollover $("img,input:image").jBRollover({preloadTime : 5}); //labelにclickイベントをバインド $("#main label").each(function(i, l){ l = $(l); l.bind('click', function(){ var t = $('input[id=' + l.attr('for') + ']'); t.checked = t.checked ? false : true; }); }); //スムーススクロール $('a[href^="#"]').not('.noScroll').click(function() { var speed = 500; var target = $(this.hash); if (!target.length) return ; var position = target.offset().top; $('html,body').animate({scrollTop: position}, speed, 'swing'); if($(this).parent().attr('id')==='pagetop') return false; window.history.pushState(null, null, this.hash); return false; }); $(window).on('load',function(){ //ページトップへ $('.tk_pagetop').pageTop(); }); }); $(function(){ /* ハンバーガーメニュー */ $('.tk_hamburgerMenu').on('click', function() { $(this).toggleClass('tk_hamburgerMenuActive'); $('.tk_sec_hamburger').toggleClass('bgOpen'); $("html").toggleClass("tk_is-fixed"); }); }); $(window).on('load scroll',function (){ $('.tk_anim').each(function(){ var scroll = $(window).scrollTop(); var position = $(this).offset().top; var windowH = $(window).height(); if (scroll > position - windowH){ $(this).addClass('tk_active'); } }); }); $('a[href^="#"]').click(function() { var href= $(this).attr("href"); var target = $(href); var position = target.offset().top - headerHeight - 40; $('body,html').stop().animate({scrollTop:position}, 800); }); /* スクロールでclass付与 ---------------------------------------------------------------- */ $(function(){ $(window).scroll(function (){ $(".tk_anim").each(function(){ var targetPos = $(this).offset().top; var scroll = $(window).scrollTop(); var windowHeight = $(window).height(); if (scroll > targetPos - windowHeight + windowHeight/2){ $(this).addClass("tk_active"); } }); }); }); $(function(){ window.addEventListener('load', handleEffect()) function handleEffect(){ // get el let target = document.getElementsByClassName('tk_anim') for (var i = 0; i < target.length; i++) { // console.log('i',i) let t_height = target[i].offsetHeight let t_classN = target[i].className // get target-position => distance from screen-top-position let offsetY = target[i].getBoundingClientRect().top // screen-height let screenHeight = window.outerHeight // judge of target-position in or out let t_position = offsetY - screenHeight if(-screenHeight<=(t_position + t_height) && t_position<0) { // 画面内 if(t_classN.indexOf('tk_active') == -1) { // fadeInなし t_classN = t_classN + ' tk_active' // fadeInクラス追加 }else if(t_classN.indexOf('fadeOut') !== -1) { t_classN = t_classN.replace(/fadeOut/g, 'fadeIn') // fadeInに置き換え } } else { // 画面外 if(t_classN.indexOf('tk_fadeOut') == -1) { // fadeoutなし t_classN = t_classN + ' tk_fadeOut' }else if(t_classN.indexOf('fadeIn') !== -1) { t_classN = t_classN.replace(/fadeIn/g, 'fadeOut') } } target[i].className = t_classN } } }); //ヘッダー要素↓ var header = $("#header"); //ロゴ要素↓ var logo = $(".tk_siteID"); //ナビゲーション要素↓ var navi = $(".tk_globalNav"); //スクロール量↓ $scrollTopDistance = $(window).scrollTop(); //ヘッダーの高さ量↓ var headerHeight = header.outerHeight(true); //要素の操作 $(window).on('scroll', function() { $scrollTopDistance = $(window).scrollTop(); if($scrollTopDistance >= headerHeight){ header.addClass('tk_is_scroll'); }else if($scrollTopDistance <= headerHeight){ header.removeClass('tk_is_scroll'); } }); $(window).on('load',function(){ var url = $(location).attr('href'); if (url.indexOf("?") != -1) { $('body,html').stop().scrollTop(0); setTimeout(function(){ var url = location.href; var mokuteki = location.search; var target = mokuteki; if (target === '?id=anc01') { var target = $('#anc01'); if($(window).width()>767){var position = $(target).offset().top - 120 ;} if($(window).width()<767){var position = $(target).offset().top - 120 ;} $("html, body").stop().animate({scrollTop: position}, 600); } if (target === '?id=anc1') { var target = $('#anc01'); if($(window).width()>767){var position = $(target).offset().top - 120 ;} if($(window).width()<767){var position = $(target).offset().top - 120 ;} $("html, body").stop().animate({scrollTop: position}, 600); } if (target === '?id=anc02') { var target = $('#anc02'); if($(window).width()>767){var position = $(target).offset().top - 120 ;} if($(window).width()<767){var position = $(target).offset().top - 120 ;} $("html, body").stop().animate({scrollTop: position}, 600); } if (target === '?id=anc2') { var target = $('#anc02'); if($(window).width()>767){var position = $(target).offset().top - 40 ;} if($(window).width()<767){var position = $(target).offset().top - 90 ;} $("html, body").stop().animate({scrollTop: position}, 600); } if (target === '?id=anc03') { var target = $('#anc03'); if($(window).width()>767){var position = $(target).offset().top - 120 ;} if($(window).width()<767){var position = $(target).offset().top - 120 ;} $("html, body").stop().animate({scrollTop: position}, 600); } if (target === '?id=anc3') { var target = $('#anc03'); if($(window).width()>767){var position = $(target).offset().top - 120 ;} if($(window).width()<767){var position = $(target).offset().top - 120 ;} $("html, body").stop().animate({scrollTop: position}, 600); } if (target === '?id=anc04') { var target = $('#anc04'); if($(window).width()>767){var position = $(target).offset().top - 120 ;} if($(window).width()<767){var position = $(target).offset().top - 120 ;} $("html, body").stop().animate({scrollTop: position}, 600); } if (target === '?id=anc05') { var target = $('#anc05'); if($(window).width()>767){var position = $(target).offset().top - 120 ;} if($(window).width()<767){var position = $(target).offset().top - 120 ;} $("html, body").stop().animate({scrollTop: position}, 600); } if (target === '?id=anc06') { var target = $('#anc06'); if($(window).width()>767){var position = $(target).offset().top - 120 ;} if($(window).width()<767){var position = $(target).offset().top - 120 ;} $("html, body").stop().animate({scrollTop: position}, 600); } if (target === '?id=anc07') { var target = $('#anc07'); if($(window).width()>767){var position = $(target).offset().top - 120 ;} if($(window).width()<767){var position = $(target).offset().top - 120 ;} $("html, body").stop().animate({scrollTop: position}, 600); } },600); } }); $(function(){ $(".tk_subMenu").hover(function(){ $(this).children(".tk_innerList").stop().slideToggle(); }); }); $(function(){ $(".tk_sp_acc .tk_iconTit").on('click', function(){ $(this).next(".tk_innerList").stop().slideToggle(); $(this).toggleClass('tk_active'); return false; }); });